.ee-compare{--navy:#0d3657;--teal:#118c96;--cream:#fbf7ee;--ink:#112b43;--muted:#5b6b78;box-sizing:border-box;max-width:1180px;margin:2rem auto;padding:clamp(1rem,4vw,3.5rem);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-compare *,.ee-compare *::before,.ee-compare *::after{box-sizing:border-box}.ee-compare>header{text-align:center}.ee-compare__eyebrow{margin:0;color:var(--teal);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ee-compare>header h2{margin:.25rem 0;color:var(--navy);font-size:clamp(2rem,5vw,3.8rem);line-height:1}.ee-compare>header>p:last-child{margin:.7rem auto 1.5rem;color:var(--muted);font-size:1.1rem}.ee-compare__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ee-compare__card{overflow:hidden;border:1px solid #d8e3e5;border-radius:22px;background:#fff;box-shadow:0 10px 25px rgba(13,54,87,.08)}.ee-compare__heading{padding:1rem;text-align:center;color:#fff;background:linear-gradient(135deg,#1da1aa,#147d88)}.ee-compare__card--presbyopia .ee-compare__heading{background:linear-gradient(135deg,#ef8b70,#c75f52)}.ee-compare__heading p{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ee-compare__heading h3{margin:.15rem 0 0;color:inherit;font-size:1.5rem}
.ee-compare__photo-wrap{position:relative;height:260px;overflow:hidden;background:#dbe7e7}.ee-compare__photo{display:block;width:100%;height:100%;object-fit:cover}.ee-compare__card--presbyopia .ee-compare__photo{object-position:58% center;transform:scale(1.04);transform-origin:center}.ee-compare__near-detail{position:absolute;top:.75rem;right:.75rem;width:min(48%,245px);padding:.55rem;border:3px solid #fff;border-radius:15px;color:#17354a;background:#edf4f1;box-shadow:0 10px 25px rgba(4,28,47,.38)}.ee-compare__near-detail::after{content:"";position:absolute;right:28%;bottom:-18px;width:24px;height:24px;border-right:3px solid #fff;border-bottom:3px solid #fff;background:inherit;transform:rotate(45deg)}.ee-compare__detail-label{display:block;position:relative;z-index:1;margin:-.55rem -.55rem .45rem;padding:.3rem .55rem;border-radius:11px 11px 0 0;color:#fff;background:#0d3657;font-size:.68rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.ee-compare__detail-content{position:relative;z-index:1;min-height:92px;padding:.55rem .65rem;overflow:hidden;border:1px solid #c8d8d5;border-radius:8px;background:#fff;filter:blur(var(--vision-blur,1px));transform:scale(1.015);transform-origin:center;transition:filter .18s ease}.ee-compare__detail-content strong{display:block;margin-bottom:.25rem;color:#0d3657;font-family:Georgia,serif;font-size:1rem}.ee-compare__detail-content p{margin:0;color:#354f5d;font-size:.72rem;line-height:1.45}.ee-compare__near-detail--menu{right:auto;left:.75rem;background:#f2e4c8}.ee-compare__near-detail--menu::after{right:20%}.ee-compare__near-detail--menu .ee-compare__detail-content{text-align:center;background:#fffaf0}.ee-compare__photo-wrap [data-vision-status]{position:absolute;right:.75rem;bottom:.75rem;max-width:calc(100% - 1.5rem);padding:.42rem .72rem;border:1px solid rgba(255,255,255,.5);border-radius:999px;color:#fff;background:rgba(7,40,65,.9);box-shadow:0 4px 14px rgba(0,0,0,.22);font-size:.76rem;font-weight:800;line-height:1.25;text-align:center;backdrop-filter:blur(5px)}
.ee-compare figure{margin:0;padding:.75rem;color:#fff;background:linear-gradient(145deg,#0d3657,#082a46)}.ee-compare svg{display:block;width:100%;max-height:290px}.ee-compare svg image{opacity:.8}.ee-compare__rays path{fill:none!important;stroke:#fff1a0!important;stroke-width:5!important;filter:drop-shadow(0 0 6px #ffe578)}.ee-compare circle{fill:#fff1a0;stroke:#fff;stroke-width:4;filter:drop-shadow(0 0 7px #ffe578)}.ee-compare line{stroke:#ff8a69;stroke-width:9;stroke-linecap:round;filter:drop-shadow(0 0 7px #ff9d7e)}.ee-compare figcaption{padding:.4rem .2rem 0;text-align:center;font-size:.85rem;font-weight:750}.ee-compare__control{padding:1rem}.ee-compare__control label{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:800}.ee-compare output{padding:.35rem .65rem;border-radius:999px;color:#fff;background:var(--navy);font-size:.85rem;white-space:nowrap}.ee-compare input{width:100%;height:30px;margin:.5rem 0 0;accent-color:var(--teal)}.ee-compare__control>div{display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem}.ee-compare__explanation{margin-top:1rem;padding:1.25rem 1.4rem;border:1px solid #d8e3e5;border-radius:18px;background:#fff}.ee-compare__explanation h3{margin:0 0 .6rem;color:var(--navy);font-size:1.5rem}.ee-compare__explanation>div{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ee-compare__explanation p{margin:0;color:var(--muted)}.ee-compare__explanation small{display:block;margin-top:.75rem;color:#72808b}.ee-compare input:focus-visible{outline:3px solid #f0b84c;outline-offset:2px}@media(max-width:760px){.ee-compare{margin:1rem 0;border-radius:20px}.ee-compare>header{text-align:left}.ee-compare__grid,.ee-compare__explanation>div{grid-template-columns:1fr}.ee-compare__photo-wrap{height:270px}.ee-compare__near-detail{width:min(52%,220px)}}@media(max-width:430px){.ee-compare__near-detail{top:.6rem;right:.6rem;width:58%}.ee-compare__detail-content{min-height:82px;padding:.45rem}.ee-compare__detail-content p{font-size:.66rem}}@media(prefers-reduced-motion:reduce){.ee-compare *{transition:none!important}}