.tool-center{padding:24px 0 76px;background:#f3f7fd;color:#102044}
.tool-center .site-shell{max-width:1280px}
.tool-center [hidden]{display:none!important}
.tool-center__breadcrumb{display:flex;gap:10px;align-items:center;margin:0 0 22px;color:#72829a;font-size:12px}
.tool-center__breadcrumb a{color:#557096}.tool-center__breadcrumb strong{color:#152a4e}
.tool-center .eyebrow{color:#1462e5;font-size:11px;font-weight:900;letter-spacing:.14em}
.tool-center__hero{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:26px 34px;border:1px solid #dce8f7;border-radius:24px;background:linear-gradient(110deg,#fff 35%,#e9f3ff 100%)}
.tool-center__hero .eyebrow{margin:0 0 10px}.tool-center__hero h1{margin:0;color:#0b1d43;font-size:clamp(36px,3.35vw,49px);line-height:1.05;letter-spacing:-.055em}.tool-center__hero p:not(.eyebrow){max-width:625px;margin:12px 0 0;color:#60718e;font-size:15px;line-height:1.55}
.tool-center__search{display:flex;align-items:center;flex:0 1 350px;gap:8px;min-height:48px;padding:0 15px;border:1px solid #cbdcf3;border-radius:13px;background:#fff;box-shadow:0 7px 18px #1237630a}.tool-center__search>span:first-child{color:#2b67c5;font-size:25px;line-height:1}.tool-center__search input{width:100%;border:0;outline:0;background:none;color:#10254c;font:inherit;font-size:14px}
.tool-center__featured{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:25px;overflow:hidden;min-height:255px;margin-top:20px;border-radius:22px;background:radial-gradient(circle at 82% 35%,#175295,#0b2b5a 52%,#091e41 100%);color:#fff;box-shadow:0 17px 35px #0b2b5a20}.tool-center__featured-copy{align-self:center;padding:26px 0 26px 34px}.tool-center__featured .eyebrow{margin:0 0 11px;color:#8fc0ff}.tool-center__featured h2{margin:0;font-size:clamp(28px,2.9vw,42px);letter-spacing:-.04em;line-height:1.08}.tool-center__featured-copy>p:not(.eyebrow){max-width:570px;margin:12px 0 0;color:#d4e5ff;font-size:15px;line-height:1.55}.tool-center__featured-copy>strong{display:inline-flex;gap:12px;align-items:center;margin-top:18px;padding:12px 17px;border-radius:10px;background:#1662f1;font-size:13px}.tool-center__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tool-center__chips span{padding:6px 9px;border:1px solid #82b6f680;border-radius:99px;color:#d7eaff;font-size:11px;font-weight:700}
.tool-center__featured-visual{position:relative;display:grid;place-items:center;min-height:230px}.tool-center__paper{position:relative;z-index:1;width:min(295px,80%);padding:19px 18px;border:1px solid #dcecff;border-radius:13px;transform:rotate(-7deg);background:linear-gradient(145deg,#fff,#deebfb);box-shadow:0 24px 50px #06162c60;color:#143565}.tool-center__paper>span{font-size:11px;font-weight:900;letter-spacing:.13em}.tool-center__paper>div{display:grid;grid-template-columns:36px repeat(3,1fr);gap:9px;margin-top:16px;padding-bottom:9px;border-bottom:1px solid #c7d9ee;font-size:11px}.tool-center__paper i{font-style:normal;color:#6b84a7}.tool-center__paper small{display:block;margin-top:15px;color:#2472d9;font-weight:800}.tool-center__orbit{position:absolute;width:290px;height:290px;border:1px solid #6bb2ff70;border-radius:50%;box-shadow:0 0 0 36px #80baff10,0 0 0 72px #80baff0b}
.tool-center__featured-icon{position:relative;z-index:1;display:grid;place-items:center;width:150px;height:150px;border:1px solid #b5d7ff;border-radius:36px;background:#ffffff1b;color:#cde7ff;font-size:90px}
.tool-center__directory{margin-top:32px}.tool-center__directory-head .eyebrow{margin:0 0 6px}.tool-center__directory-head h2{margin:0;color:#122751;font-size:30px;letter-spacing:-.035em}.tool-center__directory-head p:last-child{margin:7px 0 0;color:#697b96;font-size:14px}.tool-center__group{margin-top:26px}.tool-center__group-heading{display:flex;align-items:center;gap:12px;margin-bottom:13px}.tool-center__group-heading h3{margin:0;color:#132e60;font-size:18px}.tool-center__group-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e5f0ff;color:#1764df;font-size:11px;font-weight:900}.tool-center__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tool-center__card{display:flex;min-width:0;min-height:208px;flex-direction:column;align-items:start;padding:20px;border:1px solid #dce6f3;border-radius:16px;background:#fff;box-shadow:0 7px 17px #1e42700b;transition:border-color .17s,transform .17s,box-shadow .17s}.tool-center__card:hover,.tool-center__card:focus-visible{border-color:#9bbefa;transform:translateY(-2px);box-shadow:0 14px 25px #1e427018;outline:none}.tool-center__icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:10px;border-radius:10px;background:#eaf3ff;color:#1463e5;font-size:24px;line-height:1}.tool-center__card small{color:#1761dc;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.tool-center__card strong{margin-top:5px;color:#132954;font-size:18px;line-height:1.25;letter-spacing:-.02em}.tool-center__card p{display:-webkit-box;overflow:hidden;margin:7px 0 14px;color:#677994;font-size:12px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tool-center__card em{margin-top:auto;color:#145cdb;font-size:12px;font-style:normal;font-weight:850}.tool-center__no-results{padding:22px;border:1px dashed #b9cfed;border-radius:13px;color:#667a97;background:#fff}
.tool-center__start{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:24px;align-items:center;margin-top:40px;padding:30px 38px;border:1px solid #cfe0f6;border-radius:22px;background:#eaf3ff}.tool-center__start .eyebrow{margin:0 0 8px}.tool-center__start h2{margin:0;color:#102955;font-size:30px;letter-spacing:-.035em}.tool-center__start p:not(.eyebrow){max-width:580px;margin:8px 0 18px;color:#5e7393;font-size:14px;line-height:1.55}.tool-center__flow{display:grid;justify-items:center;gap:6px;color:#1259c8}.tool-center__flow>span{width:100%;padding:10px;border:1px solid #bfdbfc;border-radius:10px;background:#fff;text-align:center;font-size:12px;font-weight:850}.tool-center__flow>b{line-height:1}.tool-center__flow>div{display:flex;width:100%;gap:8px}.tool-center__flow small{flex:1;padding:10px;border-radius:9px;background:#d4e7ff;text-align:center;font-size:11px;font-weight:800}.tool-center__empty{min-height:44vh;padding:60px 0}.tool-center__empty h1{color:#102b5c}
@media(max-width:950px){.tool-center__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-center__hero{align-items:start;flex-direction:column}.tool-center__search{width:100%;flex:0 0 auto}.tool-center__featured{grid-template-columns:1fr 260px}}
@media(min-width:701px) and (max-width:1023px){.tool-center__hero{align-items:center;flex-direction:row;gap:20px;padding:22px 28px}.tool-center__hero>div{flex:1;min-width:0}.tool-center__hero h1{font-size:clamp(30px,3.3vw,36px)}.tool-center__hero p:not(.eyebrow){font-size:14px}.tool-center__search{width:clamp(190px,28%,260px);flex:0 0 clamp(190px,28%,260px)}}
@media(max-width:680px){.tool-center{padding:16px 0 50px}.tool-center__hero{gap:23px;padding:24px}.tool-center__hero h1{font-size:38px}.tool-center__featured{grid-template-columns:1fr;min-height:0}.tool-center__featured-copy{padding:25px}.tool-center__featured-visual{display:none}.tool-center__chips{gap:6px}.tool-center__chips span{font-size:10px}.tool-center__directory{margin-top:30px}.tool-center__directory-head h2{font-size:25px}.tool-center__grid{grid-template-columns:1fr}.tool-center__card{min-height:0;padding:18px}.tool-center__start{grid-template-columns:1fr;padding:24px}.tool-center__start h2{font-size:26px}}

/* Showcase cards follow presentation order, independent of tool category. */
.tool-center__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.tool-center__card{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,58%) minmax(0,42%);align-items:stretch;min-height:286px;padding:0;overflow:hidden;border-radius:20px;box-shadow:0 14px 30px #0b2b5a12;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.tool-center__card:hover,.tool-center__card:focus-visible{transform:translateY(-2px);box-shadow:0 22px 42px #0b2b5a24}
.tool-center__card:focus-visible{outline:3px solid #4b9dff;outline-offset:3px}
.tool-center__card--navy{border:1px solid #143e72;background:radial-gradient(circle at 85% 48%,#153d70 0%,#0a2954 43%,#071d3d 100%);color:#fff}
.tool-center__card--light{border:1px solid #dbe8f8;background:radial-gradient(circle at 89% 48%,#e8f4ff 0%,#f7fbff 36%,#fff 78%);color:#102b55}
.tool-center__card-copy{position:relative;z-index:2;display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:27px 0 27px 29px}
.tool-center__card small.tool-center__card-eyebrow{display:block;color:#9bc7ff;font-size:10px;font-weight:900;letter-spacing:.13em;line-height:1.45;text-transform:uppercase}
.tool-center__card--light small.tool-center__card-eyebrow{color:#1558c2}
.tool-center__card-eyebrow span{font-weight:750;letter-spacing:.04em}
.tool-center__card h2{max-width:18ch;margin:11px 0 0;color:#fff;font-size:clamp(23px,2vw,30px);font-weight:850;letter-spacing:-.038em;line-height:1.14}
.tool-center__card--light h2{color:#102a54}
.tool-center__card p{display:block;max-width:39ch;margin:10px 0 17px;overflow:visible;color:#d0def1;font-size:13px;line-height:1.52;-webkit-line-clamp:unset}
.tool-center__card--light p{color:#536b89}
.tool-center__card-cta{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:44px;margin-top:auto;padding:10px 16px;border-radius:10px;background:#fff;color:#0e3e83;font-size:12px;font-weight:850;white-space:nowrap;transition:transform .2s ease,background-color .2s ease}
.tool-center__card--light .tool-center__card-cta{background:#1764e8;color:#fff}
.tool-center__card:hover .tool-center__card-cta{transform:translateX(2px)}
.tool-center__card-art{position:relative;display:grid;min-width:0;place-items:center;overflow:hidden;pointer-events:none}
.tool-center__card-art::before{position:absolute;inset:13% 5% 13% 0;border:1px solid #8dc4fb35;border-radius:50%;content:""}
.tool-center__card-art img{position:relative;z-index:1;display:block;width:115%;max-width:none;height:100%;object-fit:contain;transition:transform .25s ease}
.tool-center__card:hover .tool-center__card-art img{transform:scale(1.025)}
.tool-center__card img[src$="contact-lens-tool.webp"]{width:100%;height:100%;object-fit:cover;object-position:58% center}
.tool-center__card:has(img[src$="contact-lens-tool.webp"]) .tool-center__card-art::before{display:none}
.tool-center__card--featured{grid-template-columns:minmax(0,58%) minmax(0,42%);min-height:315px;margin-top:20px}
.tool-center__card--featured .tool-center__card-copy{justify-content:center;padding:34px 0 34px 39px}
.tool-center__card--featured h2{max-width:19ch;font-size:clamp(30px,3.25vw,43px)}
.tool-center__card--featured p{max-width:53ch;font-size:15px}
.tool-center__card--featured .tool-center__card-art img{width:105%}
.tool-center__card-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}
.tool-center__card-chips span{padding:6px 9px;border:1px solid #bfdcff78;border-radius:6px;color:#deebfa;font-size:10px;font-weight:750}
.tool-center__card--featured .tool-center__card-cta{margin-top:0}
.tool-center__directory{margin-top:38px}
.tool-center__directory-head h2{font-size:clamp(27px,2.4vw,34px)}
.tool-center__search:focus-within{border-color:#1764e8;box-shadow:0 0 0 3px #9ac5ff80}
@media(max-width:1100px){.tool-center__card{grid-template-columns:minmax(0,60%) minmax(0,40%)}.tool-center__card-copy{padding-left:23px}.tool-center__card h2{font-size:24px}.tool-center__card--featured h2{font-size:36px}}
@media(max-width:900px){.tool-center__grid{grid-template-columns:1fr}.tool-center__card{min-height:250px;grid-template-columns:minmax(0,60%) minmax(0,40%)}.tool-center__card--featured{min-height:295px}}
@media(max-width:600px){.tool-center__card,.tool-center__card--featured{display:flex;min-height:0;flex-direction:column}.tool-center__card-copy,.tool-center__card--featured .tool-center__card-copy{padding:21px 21px 0}.tool-center__card h2,.tool-center__card--featured h2{max-width:23ch;margin-top:7px;font-size:clamp(22px,6.5vw,29px)}.tool-center__card p,.tool-center__card--featured p{max-width:45ch;margin:8px 0 12px;font-size:12px;line-height:1.45}.tool-center__card-cta{min-height:42px;padding:9px 14px}.tool-center__card-art{flex:0 0 150px;height:150px;margin-top:4px}.tool-center__card-art img,.tool-center__card--featured .tool-center__card-art img{width:min(100%,380px);height:100%}.tool-center__card img[src$="contact-lens-tool.webp"]{width:100%;object-position:62% 48%}.tool-center__card-chips{gap:5px;margin-bottom:12px}.tool-center__card-chips span{padding:5px 7px;font-size:9px}.tool-center__grid{gap:13px;margin-top:18px}.tool-center__directory{margin-top:31px}}
@media(max-width:380px){.tool-center__card-art{flex-basis:132px;height:132px}.tool-center__card-copy,.tool-center__card--featured .tool-center__card-copy{padding:19px 19px 0}}
@media(max-width:600px){.tool-center__card-art img,.tool-center__card--featured .tool-center__card-art img{width:auto;max-width:100%;height:126px;object-fit:contain}.tool-center__card img[src$="contact-lens-tool.webp"]{width:100%;max-width:none;height:150px;object-fit:cover}}
@media(max-width:380px){.tool-center__card-art img,.tool-center__card--featured .tool-center__card-art img{height:110px}.tool-center__card img[src$="contact-lens-tool.webp"]{height:132px}}
@media(prefers-reduced-motion:reduce){.tool-center__card,.tool-center__card-art img,.tool-center__card-cta{transition:none!important}.tool-center__card:hover,.tool-center__card:focus-visible,.tool-center__card:hover .tool-center__card-art img,.tool-center__card:hover .tool-center__card-cta{transform:none}}

.tool-center__compact{display:none}
@media(max-width:600px){
  .tool-center__breadcrumb,.tool-center__hero,.tool-center__directory,.tool-center__start,.tool-center__card--featured{display:none!important}
  .tool-center__compact{display:block}.tool-center__compact h2{margin:8px 0 14px;color:#10254d;font-size:24px;line-height:1.2}
  .tool-center__compact-list{display:grid;gap:9px}.tool-center__compact-item{display:grid;grid-template-columns:44px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:70px;padding:9px 12px;border:1px solid #d5e2f4;border-radius:13px;background:#fff;color:#142b56;text-decoration:none;box-shadow:none}.tool-center__compact-item:focus-visible{outline:3px solid #1764e8;outline-offset:2px}.tool-center__compact-icon{display:grid;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:10px;background:#edf5ff}.tool-center__compact-icon img{width:38px;height:38px;object-fit:contain}.tool-center__compact-copy{display:grid;min-width:0;gap:2px}.tool-center__compact-copy strong{font-size:14px;line-height:1.2}.tool-center__compact-copy small{color:#637693;font-size:12px;line-height:1.2}.tool-center__compact-arrow{color:#1764e8;font-size:23px;font-weight:700}
  .tool-center__smart{display:grid;grid-template-columns:25px minmax(0,1fr);gap:10px;margin-top:15px;padding:17px;border:1px solid #bcd4f5;border-radius:14px;background:#eaf3ff;color:#12315f}.tool-center__smart>span{color:#1464ec;font-size:24px}.tool-center__smart strong{font-size:15px}.tool-center__smart p{margin:5px 0 10px;color:#526988;font-size:13px;line-height:1.4}.tool-center__smart a{color:#125bdb;font-size:13px;font-weight:800;text-decoration:none}
}

/* The desktop showcase is separate from the existing tablet/mobile directory. */
.tool-desktop{display:none}
@media(min-width:1024px){
  .tool-center{padding:0 0 58px;background:#f7faff}
  .tool-center__breadcrumb,.tool-center__hero,.tool-center__card--featured,.tool-center__directory,.tool-center__start{display:none!important}
  .tool-desktop{display:block;color:#092653}
  .tool-desktop__hero{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:318px;margin:0 calc(50% - 50vw) 18px;padding:20px max(24px,calc((100vw - 1280px)/2));background:radial-gradient(circle at 78% 32%,#cfe7ff 0%,transparent 43%),linear-gradient(115deg,#f9fcff 0%,#eaf4ff 100%)}
  .tool-desktop__hero-copy{flex:0 1 56%;width:auto;min-width:0}
  .tool-desktop__eyebrow{margin:0 0 12px;color:#1263dc;font-size:12px;font-weight:850;letter-spacing:.13em}
  .tool-desktop__hero h2{margin:0;color:#082455;font-size:clamp(34px,3.25vw,49px);font-weight:850;letter-spacing:-.045em;line-height:1.08}
  .tool-desktop__hero-copy>p:not(.tool-desktop__eyebrow){max-width:690px;margin:11px 0 0;color:#5b7091;font-size:16px;line-height:1.45}
  .tool-desktop__shortcuts{display:flex;flex-wrap:wrap;gap:9px;margin-top:21px}
  .tool-desktop__shortcuts a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:5px 12px 5px 6px;border:1px solid #c9defb;border-radius:12px;background:#ffffffec;color:#163a74;font-size:11px;font-weight:750;text-decoration:none;box-shadow:0 4px 14px #173f7310}
  .tool-desktop__shortcuts a:hover,.tool-desktop__shortcuts a:focus-visible{border-color:#78aafa;outline:none;box-shadow:0 0 0 3px #d4e7ff}
  .tool-desktop__shortcuts span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e5f0ff;color:#0864e8;font-size:17px;font-weight:800}
  .tool-desktop__pd-link{display:inline-flex;align-items:center;gap:7px;min-height:34px;margin-top:11px;padding:3px 10px 3px 4px;border:1px solid #bcd5f6;border-radius:99px;background:#fff;color:#1456b5;font-size:12px;font-weight:800;text-decoration:none;box-shadow:0 4px 12px #1b4e8510}
  .tool-desktop__pd-link img{width:25px;height:25px;padding:2px;border-radius:50%;background:#e9f3ff;object-fit:contain}
  .tool-desktop__pd-link small{padding:3px 6px;border-radius:5px;background:#dcecff;color:#1654a1;font-size:9px;font-weight:800}
  .tool-desktop__pd-link:hover{text-decoration:underline}
  .tool-desktop__pd-link:focus-visible{border-radius:4px;outline:2px solid #1764e8;outline-offset:3px}
  .tool-desktop__hero-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:0 1 44%;height:278px;min-width:0}
  .tool-desktop__hero-tile{position:relative;display:block;min-width:0;overflow:hidden;padding:13px 14px;border:1px solid #cee0f6;border-radius:14px;background:#fff;color:#0b2a5b;text-decoration:none;box-shadow:0 8px 20px #1b4e8520;transition:transform .2s ease,box-shadow .2s ease}
  .tool-desktop__hero-tile:hover,.tool-desktop__hero-tile:focus-visible{transform:translateY(-2px);outline:2px solid #1764e8;outline-offset:2px;box-shadow:0 12px 26px #1b4e8530}
  .tool-desktop__hero-tile strong{position:relative;z-index:1;display:block;max-width:90%;font-size:13px;line-height:1.2}
  .tool-desktop__hero-tile img{position:absolute;right:0;bottom:-12px;width:64%;height:105%;object-fit:contain}
  .tool-desktop__hero-tile--rx{background:#f7fbff}
  .tool-desktop__hero-tile--thickness{background:#edf6ff}
  .tool-desktop__hero-tile--contact{background:#f3fbfc}
  .tool-desktop__hero-tile--contact img{right:-8px;bottom:-8px;width:72%;height:90%}
  .tool-desktop__hero-tile--color{border-color:#f0d5e3;background:#fff3f9}
  .tool-desktop__hero-tile--color img{right:-7px;bottom:-13px;width:61%;height:110%}
  .tool-desktop__hero-tile--color small{position:absolute;z-index:1;left:14px;bottom:14px;color:#884167;font-size:10px;font-weight:700}
  .tool-desktop__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(370px,auto) minmax(244px,auto);grid-template-areas:'rx color' 'comparison pd';gap:16px}
  .tool-desktop__card{position:relative;display:grid;grid-template-columns:minmax(0,57%) minmax(0,43%);min-width:0;overflow:hidden;border:1px solid #d8e6f8;border-radius:17px;background:#fff;color:#0a2b5e;text-decoration:none;box-shadow:0 8px 22px #133e730a;transition:transform .2s ease,box-shadow .2s ease}
  .tool-desktop__card:hover,.tool-desktop__card:focus-visible{transform:translateY(-2px);box-shadow:0 16px 32px #133e7320;outline:none}
  .tool-desktop__card-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:22px 0 22px 25px}
  .tool-desktop__tag{display:inline-flex;align-items:center;max-width:100%;padding:5px 9px;border-radius:99px;background:#e8f2ff;color:#135bd1;font-size:10px;font-weight:850;letter-spacing:.035em;line-height:1.25}
  .tool-desktop__card h2{margin:14px 0 0;color:#082557;font-size:clamp(21px,1.85vw,29px);font-weight:850;letter-spacing:-.035em;line-height:1.12}
  .tool-desktop__card p{margin:9px 0 14px;color:#597090;font-size:12px;line-height:1.48}
  .tool-desktop__button,.tool-desktop__outline{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;min-height:41px;margin-top:auto;padding:8px 14px;border:1px solid #9dc5fb;border-radius:10px;background:#fff;color:#0c5ddd;font-size:12px;font-weight:850;white-space:nowrap}
  .tool-desktop__button b,.tool-desktop__outline b,.tool-desktop__text-link b{font-size:17px;font-weight:500;line-height:1}
  .tool-desktop__text-link{margin-top:auto;color:#0c5ddd;font-size:12px;font-weight:850}
  .tool-desktop__card--rx{grid-area:rx;grid-template-columns:minmax(0,53%) minmax(0,47%);background:radial-gradient(circle at 85% 47%,#174f91 0%,#0a316a 48%,#06224e 100%);border-color:#1a5daa;color:#fff}
  .tool-desktop__card--rx .tool-desktop__card-copy{padding:30px 0 29px 30px}
  .tool-desktop__card--rx .tool-desktop__tag{background:#14519d;color:#d8eaff}
  .tool-desktop__card--rx h2{margin-top:20px;color:#fff;font-size:clamp(28px,2.6vw,40px)}
  .tool-desktop__card--rx p{max-width:36ch;color:#dfebfc;font-size:14px}
  .tool-desktop__card--rx ul{display:grid;gap:10px;margin:12px 0 25px;padding:0;list-style:none;color:#f0f7ff;font-size:12px}
  .tool-desktop__card--rx li:before{content:'✓';display:inline-grid;place-items:center;width:20px;height:20px;margin-right:9px;border-radius:50%;background:#1876ef;color:#fff;font-weight:850}
  .tool-desktop__card--rx .tool-desktop__button{min-height:46px;padding-inline:18px;color:#0759c8}
  .tool-desktop__rx-art{display:grid;place-items:center;min-width:0;overflow:hidden}
  .tool-desktop__rx-art img{width:126%;max-width:none;height:100%;object-fit:contain;filter:drop-shadow(0 18px 16px #0018377a)}
  .tool-desktop__card--terms{grid-area:terms;background:linear-gradient(110deg,#f9fcff,#e7f2ff)}
  .tool-desktop__card--terms .tool-desktop__card-copy{padding-block:18px}
  .tool-desktop__card--terms h2{margin-top:11px}
  .tool-desktop__terms-art{position:relative;min-width:0;overflow:hidden}
  .tool-desktop__lens{position:absolute;top:13%;right:15%;width:48%;height:75%;border:9px solid #7ebafb88;border-radius:50%;transform:rotate(23deg);box-shadow:inset -13px -5px 20px #71b2fb4d,13px 8px 24px #96c6fa8c;background:linear-gradient(125deg,#ffffffa0,#97d0ff4d 45%,#ffffffb0)}
  .tool-desktop__terms-art span{position:absolute;left:0;display:block;padding:5px 8px;border:1px solid #c8dffc;border-radius:6px;background:#fff;color:#0d65df;font-size:11px;font-weight:850;box-shadow:0 4px 10px #0e4a9021}
  .tool-desktop__terms-art span:nth-of-type(1){top:15%}.tool-desktop__terms-art span:nth-of-type(2){top:37%;left:12%}.tool-desktop__terms-art span:nth-of-type(3){top:60%}.tool-desktop__terms-art span:nth-of-type(4){top:74%;left:38%}
  .tool-desktop__card--cylinder{grid-area:cylinder;background:linear-gradient(110deg,#f8faff,#f0f2ff)}
  .tool-desktop__card--cylinder .tool-desktop__card-copy{padding-block:18px}
  .tool-desktop__card--cylinder h2{margin-top:10px}
  .tool-desktop__cylinder-art{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:12px 10px 12px 0}
  .tool-desktop__cylinder-art>div{display:grid;justify-items:center;gap:3px;min-width:0;width:47%;padding:14px 5px;border:1px solid #cdddf8;border-radius:15px;background:#fff;box-shadow:0 8px 15px #1c4b8720}
  .tool-desktop__cylinder-art small{font-size:9px;font-weight:850}.tool-desktop__cylinder-art strong{padding:5px;border-radius:8px;background:#e8f3ff;color:#0562df;font-size:19px}.tool-desktop__cylinder-art b{font-size:12px}.tool-desktop__cylinder-art>span{color:#0968ec;font-size:23px;font-weight:850}
  .tool-desktop__card--comparison{grid-area:comparison;grid-template-columns:minmax(0,54%) minmax(0,46%);background:linear-gradient(110deg,#fff9f5,#f9eff0)}
  .tool-desktop__card--comparison .tool-desktop__tag{background:#f2e9ff;color:#6643c7}
  .tool-desktop__card--comparison h2{font-size:clamp(21px,1.8vw,27px)}
  .tool-desktop__thickness-art{display:flex;align-items:end;justify-content:space-around;gap:5px;min-width:0;padding:20px 14px 20px 2px}
  .tool-desktop__thickness-art>div{display:grid;justify-items:center;gap:4px;min-width:0;color:#0a3267;text-align:center}.tool-desktop__thickness-art i{display:block;width:clamp(12px,1.5vw,24px);height:110px;border:2px solid #93b9e2;border-radius:50%;background:linear-gradient(90deg,#ffffff88,#a9cfffbb 55%,#ffffff88);box-shadow:4px 6px 10px #5c91bd31}.tool-desktop__thickness-art>div:nth-child(2) i{width:clamp(10px,1.25vw,20px)}.tool-desktop__thickness-art>div:nth-child(3) i{width:clamp(8px,1vw,16px)}.tool-desktop__thickness-art>div:nth-child(4) i{width:clamp(6px,.75vw,12px)}.tool-desktop__thickness-art b{font-size:12px}.tool-desktop__thickness-art small{font-size:9px;white-space:nowrap}
  .tool-desktop__card--pd{grid-area:pd;grid-template-columns:minmax(0,54%) minmax(0,46%);background:linear-gradient(110deg,#f7fcfb,#e8f6f8)}
  .tool-desktop__card--pd .tool-desktop__tag{background:#dff5ed;color:#127a61}
  .tool-desktop__pd-art{position:relative;display:grid;place-items:center;min-width:0;overflow:hidden}.tool-desktop__pd-art img{width:115%;max-width:none;height:100%;object-fit:contain}.tool-desktop__pd-art span{position:absolute;top:23%;left:50%;padding:5px 9px;border-radius:7px;background:#fff;color:#092d63;font-size:11px;font-weight:850;white-space:nowrap;transform:translateX(-50%);box-shadow:0 4px 12px #17638630}
  .tool-desktop__card--color{grid-area:color;grid-template-columns:minmax(0,55%) minmax(0,45%);background:#f7f5ff;border-color:#dedcf4}
  .tool-desktop__card--color .tool-desktop__tag{background:#eae6ff;color:#6351ad}
  .tool-desktop__card--color h2{font-size:clamp(29px,2.5vw,38px)}
  .tool-desktop__card--color p{max-width:32ch;font-size:14px}
  .tool-desktop__color-meta{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 18px;color:#536b8e;font-size:11px;font-weight:750}
  .tool-desktop__color-meta span{padding:6px 8px;border:1px solid #dedcf4;border-radius:8px;background:#ffffffb8}
  .tool-desktop__color-art{display:grid;place-items:center;min-width:0;overflow:hidden;padding-right:8px}
  .tool-desktop__color-art img{display:block;width:175%;max-width:none;height:auto;aspect-ratio:1;object-fit:contain}
  .tool-desktop__card--contact{grid-template-columns:minmax(0,57%) minmax(0,43%);min-height:208px;margin-top:16px;background:#f2fbfd;border-color:#d5e9ef}
  .tool-desktop__card--contact .tool-desktop__card-copy{padding:22px 24px 22px 30px}
  .tool-desktop__card--contact .tool-desktop__tag{background:#dff3f7;color:#16718e}
  .tool-desktop__card--contact h2{margin-top:9px;font-size:clamp(22px,2vw,30px)}
  .tool-desktop__card--contact p{margin:7px 0 10px;font-size:13px}
  .tool-desktop__contact-art{display:grid;place-items:center;min-width:0;overflow:hidden;padding:0 24px}
  .tool-desktop__contact-art img{display:block;width:min(100%,430px);height:180px;object-fit:contain}
  .tool-center .tool-center__quick{display:none}
  .tool-desktop__notice{display:flex;align-items:center;gap:15px;margin-top:22px;padding:15px 20px;border:1px solid #dce9f9;border-radius:14px;background:#edf5ff;color:#587399}.tool-desktop__notice>span{color:#7aa0ce;font-size:27px}.tool-desktop__notice p{flex:1;margin:0;font-size:11px;line-height:1.5}.tool-desktop__notice a{padding:10px 14px;border:1px solid #9cc5fc;border-radius:9px;background:#fff;color:#0c63db;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}
}

/* The two smaller tools share one card treatment on desktop and mobile. */
.tool-center__quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.tool-center__quick-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:15px;min-width:0;min-height:102px;padding:16px 20px;border:1px solid #d5e4f4;border-radius:17px;background:#f5faff;box-shadow:0 5px 15px #153d6810;color:#102b56;text-decoration:none;transition:border-color .18s,box-shadow .18s}
.tool-center__quick-card--color{background:#f8f8ff;border-color:#dcdff3}
.tool-center__quick-card:hover,.tool-center__quick-card:focus-visible{border-color:#9fbff2;box-shadow:0 10px 24px #173c751c;outline:none}
.tool-center__quick-card:focus-visible{outline:3px solid #1764e8;outline-offset:2px}
.tool-center__quick-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #d5e9fb;border-radius:50%;background:#fff}
.tool-center__quick-icon svg{width:37px;height:37px;stroke:#1765c6;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tool-center__quick-icon img{display:block;width:52px;height:52px;object-fit:contain}
.tool-center__quick-card--color .tool-center__quick-icon{border-color:#dce1f1}
.tool-center__quick-copy{display:grid;min-width:0;gap:4px}
.tool-center__quick-copy strong{color:#102b56;font-size:17px;font-weight:800;line-height:1.2}
.tool-center__quick-copy small{color:#617590;font-size:13px;line-height:1.35}
.tool-center__quick-action{align-self:end;color:#1463d8;font-size:12px;font-weight:800;white-space:nowrap}
.tool-center__quick-action span{display:inline-block;margin-left:2px;transition:transform .18s}
.tool-center__quick-card:hover .tool-center__quick-action span{transform:translateX(3px)}
@media(min-width:601px) and (max-width:1023px){.tool-center__quick{display:none}}
@media(max-width:600px){.tool-center__quick{grid-template-columns:1fr;gap:10px;margin-top:16px}.tool-center__quick-card{grid-template-columns:48px minmax(0,1fr);column-gap:12px;row-gap:3px;min-height:92px;padding:11px 14px}.tool-center__quick-icon{grid-row:1/3;width:48px;height:48px}.tool-center__quick-icon img{width:48px;height:48px}.tool-center__quick-icon svg{width:34px;height:34px}.tool-center__quick-copy{gap:2px}.tool-center__quick-copy strong{font-size:15px}.tool-center__quick-copy small{font-size:12px}.tool-center__quick-action{grid-column:2;align-self:start;font-size:11px}}
@media(prefers-reduced-motion:reduce){.tool-center__quick-card,.tool-center__quick-action span{transition:none}.tool-center__quick-card:hover .tool-center__quick-action span{transform:none}}
@media(min-width:1024px) and (max-width:1199px){
  .tool-desktop__hero{gap:16px}
  .tool-desktop__hero-copy{flex-basis:58%}
  .tool-desktop__hero-visual{flex-basis:42%}
  .tool-desktop__hero h2{font-size:36px}
  .tool-desktop__shortcuts{gap:6px}.tool-desktop__shortcuts a{font-size:10px;padding-right:8px}
  .tool-desktop__card-copy{padding-left:18px}.tool-desktop__card--rx .tool-desktop__card-copy{padding-left:22px}
  .tool-desktop__card h2{font-size:21px}.tool-desktop__card--rx h2{font-size:29px}
  .tool-desktop__cylinder-art strong{font-size:15px}.tool-desktop__thickness-art small{font-size:8px}
}

/* The fourth desktop tool is the existing color-vision screening page. */
@media (min-width:1024px){
  .tool-desktop__grid{grid-template-areas:'rx contact' 'comparison color'}
  .tool-desktop__grid .tool-desktop__card--contact{grid-area:contact;min-height:0;margin-top:0;background:linear-gradient(125deg,#f8fcff,#eaf5ff);border-color:#d8e8f8}
  .tool-desktop__grid .tool-desktop__card--contact .tool-desktop__card-copy{padding:22px 0 22px 25px}
  .tool-desktop__grid .tool-desktop__card--contact h2{font-size:clamp(23px,2vw,31px)}
  .tool-desktop__grid .tool-desktop__card--contact p{font-size:13px}
  .tool-desktop__grid .tool-desktop__card--contact .tool-desktop__contact-art{padding:0 10px}
  .tool-desktop__grid .tool-desktop__card--contact .tool-desktop__contact-art img{width:115%;max-width:none;height:auto;max-height:300px}
  .tool-desktop__grid .tool-desktop__card--color{grid-area:color;grid-template-columns:minmax(0,54%) minmax(0,46%);background:linear-gradient(120deg,#fff9fc,#fff0f7);border-color:#f2d4e3}
  .tool-desktop__grid .tool-desktop__card--color .tool-desktop__tag{background:#ffe3f0;color:#a3195a}
  .tool-desktop__grid .tool-desktop__card--color .tool-desktop__tag img{width:22px;height:22px}
  .tool-desktop__grid .tool-desktop__card--color h2{font-size:clamp(22px,1.9vw,29px)}
  .tool-desktop__grid .tool-desktop__card--color p{font-size:12px}
  .tool-desktop__grid .tool-desktop__color-art img{width:125%;height:100%;aspect-ratio:auto;object-fit:contain}
}

@media (min-width:1024px){
  .tool-desktop__more{margin-top:20px}
  .tool-desktop__more-head{display:flex;align-items:baseline;gap:14px;margin-bottom:12px}
  .tool-desktop__more-head h2{margin:0;color:#102b56;font-size:22px;line-height:1.25}
  .tool-desktop__more-head p{margin:0;color:#5b7091;font-size:13px}
  .tool-desktop__more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .tool-desktop__more-card{display:grid;grid-template-columns:48px minmax(0,1fr) 14px;align-items:center;gap:11px;min-width:0;min-height:102px;padding:13px;border:1px solid #d5e4f4;border-radius:14px;background:#fff;color:#102b56;text-decoration:none;box-shadow:0 5px 15px #153d6810}
  .tool-desktop__more-card:hover{border-color:#91bcf5;background:#f6faff}
  .tool-desktop__more-card:focus-visible{outline:3px solid #1764e8;outline-offset:2px}
  .tool-desktop__more-icon{display:grid;place-items:center;width:48px;height:48px;overflow:hidden;border-radius:11px;background:#edf5ff}
  .tool-desktop__more-icon img{width:44px;height:44px;object-fit:contain}
  .tool-desktop__more-copy{display:grid;min-width:0;gap:4px}
  .tool-desktop__more-copy strong{font-size:15px;line-height:1.25}
  .tool-desktop__more-copy small{display:-webkit-box;overflow:hidden;color:#607493;font-size:12px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .tool-desktop__more-arrow{color:#1764e8;font-size:19px}
}
@media (min-width:390px) and (max-width:600px){
  .tool-center__compact-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tool-center__compact-item{grid-template-columns:36px minmax(0,1fr);align-content:start;align-items:start;gap:7px;min-height:106px;padding:11px}
  .tool-center__compact-icon{width:36px;height:36px}
  .tool-center__compact-icon img{width:34px;height:34px}
  .tool-center__compact-copy{align-self:center}
  .tool-center__compact-copy strong{font-size:13px;line-height:1.25}
  .tool-center__compact-copy small{display:-webkit-box;overflow:hidden;font-size:11.5px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .tool-center__compact-arrow{display:none}
}