.ee-astig{--navy:#0d3657;--navy2:#082a46;--teal:#118c96;--cream:#fbf7ee;--ink:#112b43;--muted:#5b6b78;--coral:#ef765e;box-sizing:border-box;max-width:1180px;margin:2rem auto;overflow:hidden;border:1px solid #e5ded0;border-radius:28px;color:var(--ink);background:var(--cream);box-shadow:0 20px 55px rgba(15,47,73,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}.ee-astig *,.ee-astig *::before,.ee-astig *::after{box-sizing:border-box}.ee-astig__header{padding:clamp(1.5rem,4vw,3.5rem) clamp(1rem,4vw,3.5rem) 1.5rem;text-align:center}.ee-astig__eyebrow{margin:0 0 .3rem;color:var(--teal);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ee-astig__header h2{margin:0;color:var(--navy);font-size:clamp(2rem,5vw,3.8rem);line-height:1;letter-spacing:-.035em}.ee-astig__header>p:last-child{max-width:680px;margin:.9rem auto 0;color:var(--muted);font-size:clamp(1rem,2vw,1.15rem)}
.ee-astig__comparison{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);gap:1rem;align-items:center;margin:0 clamp(1rem,4vw,3.5rem)}.ee-astig__card{overflow:hidden;border:1px solid #d8e3e5;border-radius:22px;background:#fff;box-shadow:0 10px 25px rgba(13,54,87,.08)}.ee-astig__card-heading{padding:1rem;text-align:center;color:#fff;background:linear-gradient(135deg,#1da1aa,#147d88)}.ee-astig__card--uneven .ee-astig__card-heading{background:linear-gradient(135deg,#174d75,#0d3657)}.ee-astig__card-heading p{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;opacity:.85}.ee-astig__card-heading h3{margin:.1rem 0 0;color:inherit;font-size:clamp(1.25rem,3vw,1.8rem)}.ee-astig__object{position:relative;display:grid;min-height:310px;place-items:center;background:radial-gradient(circle,#fff 10%,#eff6f5 72%,#e3eeef)}.ee-astig__object img{position:relative;z-index:1;display:block;max-width:82%;max-height:270px;object-fit:contain;filter:drop-shadow(0 14px 15px rgba(25,42,52,.22));transition:transform .2s ease}.ee-astig__grid{position:absolute;z-index:2;width:62%;max-width:230px;overflow:visible;fill:none;stroke:#51c1ca;stroke-width:2;opacity:.58;filter:drop-shadow(0 0 3px #fff);transition:transform .2s ease}.ee-astig__card--uneven .ee-astig__grid{stroke:#f28a6d}.ee-astig__callout{display:flex;gap:.65rem;align-items:center;min-height:68px;margin:0;padding:.9rem 1rem;color:var(--muted);font-size:.92rem}.ee-astig__callout span{flex:0 0 12px;width:12px;height:12px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px #dff2f1}.ee-astig__card--uneven .ee-astig__callout span{background:var(--coral);box-shadow:0 0 0 5px #fde6df}
.ee-astig__dial{position:relative;display:grid;width:88px;height:88px;place-items:center;border:8px solid #dceced;border-radius:50%;color:var(--navy);background:#fff;box-shadow:0 8px 20px rgba(13,54,87,.15)}.ee-astig__dial span{position:absolute;inset:5px;transform-origin:center}.ee-astig__dial span::before{content:"";position:absolute;top:-10px;left:50%;width:4px;height:27px;border-radius:4px;background:var(--teal);transform:translateX(-50%)}.ee-astig__dial strong{font-size:1rem}.ee-astig__dial small{position:absolute;top:100%;width:100px;margin-top:.6rem;color:var(--muted);font-size:.7rem;text-align:center}
.ee-astig__controls{display:grid;grid-template-columns:1fr 1fr;gap:.65rem 2rem;margin:2rem clamp(1rem,4vw,3.5rem);padding:1.25rem;border:1px solid #d8e3e5;border-radius:18px;background:#fff}.ee-astig__controls label{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:800}.ee-astig__controls output{padding:.35rem .65rem;border-radius:999px;color:#fff;background:var(--navy);font-size:.88rem;font-variant-numeric:tabular-nums}.ee-astig__controls input{width:100%;height:30px;margin:0;accent-color:var(--teal);cursor:pointer}.ee-astig__range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem}.ee-astig__controls label:nth-of-type(2),.ee-astig__controls label:nth-of-type(2)~*{grid-column:2}.ee-astig__controls label:nth-of-type(2){grid-row:1}.ee-astig__controls input:nth-of-type(2){grid-row:2}.ee-astig__controls .ee-astig__range-labels:last-child{grid-row:3}
.ee-astig__optics{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.5fr);gap:1.5rem;align-items:center;margin:0 clamp(1rem,4vw,3.5rem);padding:clamp(1rem,3vw,2rem);border-radius:22px;color:#fff;background:linear-gradient(145deg,var(--navy),var(--navy2))}.ee-astig__optics-copy h3{margin:.25rem 0 .65rem;color:#fff;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.1}.ee-astig__optics-copy p:last-child{color:#d3e1e7}.ee-astig__optics figure{min-width:0;margin:0}.ee-astig__optics svg{display:block;width:100%;border-radius:16px;background:radial-gradient(circle at 55% 45%,#174f72,#082841)}.ee-astig__eye-art{filter:drop-shadow(0 12px 16px rgba(0,0,0,.28))}.ee-astig__rays path{fill:none!important;stroke-width:3!important;filter:drop-shadow(0 0 4px currentColor)}.ee-astig__rays--one{color:#fff1a0}.ee-astig__rays--one path{stroke:#fff1a0!important}.ee-astig__rays--two{color:#7fe2e4}.ee-astig__rays--two path{stroke:#7fe2e4!important}.ee-astig__focus-line{stroke-width:6;stroke-linecap:round}.ee-astig__focus-line--one{stroke:#fff1a0}.ee-astig__focus-line--two{stroke:#7fe2e4}.ee-astig__retinal-blur{fill:#f49a77;fill-opacity:.5;stroke:#ffd1bf;stroke-width:2}.ee-astig__optics figcaption{padding:.6rem .25rem 0;color:#cfe1e8;font-size:.76rem}.ee-astig__takeaway{display:flex;gap:1rem;align-items:center;margin:1rem clamp(1rem,4vw,3.5rem) clamp(1.5rem,4vw,3rem);padding:1rem 1.25rem;border-radius:18px;background:#e8f4f3}.ee-astig__takeaway span{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:50%;color:#fff;background:var(--teal)}.ee-astig__takeaway p{margin:0}.ee-astig input:focus-visible{outline:3px solid #f0b84c;outline-offset:2px}
@media(max-width:760px){.ee-astig{margin:1rem 0;border-radius:20px}.ee-astig__header{text-align:left}.ee-astig__comparison{grid-template-columns:1fr}.ee-astig__dial{margin:.25rem auto 1rem}.ee-astig__object{min-height:245px}.ee-astig__controls{grid-template-columns:1fr}.ee-astig__controls label:nth-of-type(2),.ee-astig__controls label:nth-of-type(2)~*{grid-column:1;grid-row:auto}.ee-astig__optics{grid-template-columns:1fr}.ee-astig__takeaway{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.ee-astig *{scroll-behavior:auto!important;transition:none!important}}
.ee-astig__comparison{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.ee-astig__card--eye{display:flex;flex-direction:column;color:#fff;background:linear-gradient(145deg,var(--navy),var(--navy2))}.ee-astig__card--eye .ee-astig__card-heading{background:linear-gradient(135deg,#17668a,#0d3657)}.ee-astig__eye-figure{display:grid;flex:1;min-height:310px;margin:0;place-items:center}.ee-astig__eye-figure svg{display:block;width:100%;height:100%;min-height:310px}.ee-astig__eye-footer{display:flex;gap:.75rem;align-items:center;justify-content:center;min-height:68px;padding:.5rem 1rem;border-top:1px solid rgba(255,255,255,.15);color:#d7e7ec}.ee-astig__eye-footer p{margin:0;font-size:.9rem}.ee-astig__eye-footer .ee-astig__dial{width:50px;height:50px;margin:0;border-width:5px;box-shadow:none}.ee-astig__eye-footer .ee-astig__dial span{inset:4px}.ee-astig__eye-footer .ee-astig__dial span::before{top:-8px;height:19px;width:3px}.ee-astig__eye-footer .ee-astig__dial strong{font-size:.72rem}.ee-astig__explanation{margin:0 clamp(1rem,4vw,3.5rem);padding:1.25rem 1.4rem;border:1px solid #d8e3e5;border-radius:18px;background:#fff}.ee-astig__explanation h3{margin:.15rem 0 .4rem;color:var(--navy);font-size:clamp(1.35rem,3vw,1.8rem)}.ee-astig__explanation>p:last-of-type{margin:.25rem 0;color:var(--muted)}.ee-astig__explanation small{display:block;margin-top:.65rem;color:#72808b}@media(max-width:900px) and (min-width:761px){.ee-astig__comparison{gap:.65rem}.ee-astig__object,.ee-astig__eye-figure,.ee-astig__eye-figure svg{min-height:245px}.ee-astig__card-heading{padding:.8rem .45rem}.ee-astig__card-heading h3{font-size:1.15rem}}@media(max-width:760px){.ee-astig__comparison{grid-template-columns:1fr}.ee-astig__eye-figure,.ee-astig__eye-figure svg{min-height:280px}.ee-astig__eye-footer .ee-astig__dial{margin:0}.ee-astig__explanation{margin-top:0}}
.ee-astig__card--eye .ee-astig__eye-art{opacity:.72;filter:saturate(.82) brightness(.82) drop-shadow(0 12px 16px rgba(0,0,0,.28))}.ee-astig__card--eye .ee-astig__rays path{stroke-width:5!important;filter:drop-shadow(0 0 7px currentColor)}.ee-astig__card--eye .ee-astig__focus-line{stroke-width:10;filter:drop-shadow(0 0 7px currentColor)}.ee-astig__focus-line--one{color:#ffe872}.ee-astig__focus-line--two{color:#5ff2f0}.ee-astig__focus-halo{fill:none;stroke-width:5;transform-box:fill-box;transform-origin:center;animation:ee-astig-pulse 1.7s ease-in-out infinite}.ee-astig__focus-halo--one{stroke:#ffe872}.ee-astig__focus-halo--two{stroke:#5ff2f0;animation-delay:.35s}.ee-astig__card--eye .ee-astig__retinal-blur{fill:#ff765f;fill-opacity:.72;stroke:#ffe0ce;stroke-width:4;filter:drop-shadow(0 0 8px #ff9d7e)}@keyframes ee-astig-pulse{0%,100%{opacity:.35;scale:.75}50%{opacity:1;scale:1.25}}@media(prefers-reduced-motion:reduce){.ee-astig__focus-halo{animation:none;opacity:.9}}