:root{--jude-teal:#0d8f95;--jude-teal-dark:#086e73;--jude-cyan:#1aaeb5;--jude-navy:#071d2a;--jude-ink:#10212a;--jude-paper:#f5f7f6;--jude-white:#fff;--jude-border:#dce5e4;--jude-muted:#63757c;--jude-shadow:0 24px 70px rgba(8,45,52,.12)}
body{background:var(--jude-white);color:var(--jude-ink);font-family:Manrope,Arial,sans-serif}.home-v3{background:#fff}.container-wide{width:min(1380px,calc(100% - 48px));margin-inline:auto}.announcement-bar{height:34px;display:flex;align-items:center;justify-content:center;gap:36px;padding:0 24px;background:var(--jude-teal);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em}.site-header{position:sticky;top:0;padding:14px 20px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(13,143,149,.08)}.nav-shell{max-width:1480px;min-height:72px;padding:8px 14px 8px 10px;border:1px solid var(--jude-border);border-radius:18px;background:#fff;box-shadow:0 10px 36px rgba(13,143,149,.07)}.brand-identity{display:flex;align-items:center;gap:10px;min-width:190px;color:var(--jude-ink)}.brand-identity img{width:48px;height:48px;border-radius:12px;object-fit:cover}.brand-copy{display:grid;gap:1px}.brand-copy b{font-family:Syne,sans-serif;font-size:15px;letter-spacing:.04em;color:var(--jude-ink)}.brand-copy small{font:600 8px Manrope;letter-spacing:.18em;color:var(--jude-teal)}.main-nav{gap:18px}.main-nav a{color:#2d4149;font-size:12px;font-weight:700}.main-nav a:hover,.main-nav a:focus{color:var(--jude-teal)}.unique-nav:after{color:var(--jude-cyan)}.header-search{display:flex;align-items:center;min-width:220px;border:1px solid var(--jude-border);border-radius:12px;overflow:hidden;background:var(--jude-paper)}.header-search input{width:100%;height:42px;padding:0 12px;border:0;background:transparent;color:var(--jude-ink);font-size:12px;outline:0}.header-search button{width:42px;height:42px;border:0;background:transparent;color:var(--jude-teal);font-size:20px}.nav-actions select{color:var(--jude-ink)}.nav-actions option{background:#fff}.icon-link,.bag-link{color:var(--jude-ink);text-decoration:none}.bag-link{border-color:var(--jude-border)}.bag-link svg{stroke:var(--jude-ink)}.bag-link span{background:var(--jude-teal);color:#fff}
.identity-hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;background:var(--jude-paper)}.identity-hero__media{min-height:680px;overflow:hidden;position:relative}.identity-hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,29,42,.05),rgba(7,29,42,.22))}.identity-hero__media img{width:100%;height:100%;object-fit:cover}.identity-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:72px clamp(40px,7vw,110px);background:linear-gradient(145deg,#f5f9f8,#e6f3f2)}.identity-hero h1{max-width:760px;margin:14px 0 24px;font-size:clamp(54px,6.2vw,98px);line-height:.95;letter-spacing:-.055em;color:var(--jude-navy)}.identity-hero .lead{max-width:650px;margin:0;color:#51676f;font-size:18px;line-height:1.9}.eyebrow{margin:0;color:var(--jude-teal);font-weight:800;letter-spacing:.2em;font-size:11px}.hero-actions{margin-top:34px}.button.brand-primary{background:var(--jude-teal);color:#fff;border-color:var(--jude-teal)}.button.brand-primary:hover{background:var(--jude-teal-dark);color:#fff}.button.brand-outline{border-color:var(--jude-teal);color:var(--jude-teal);background:transparent}.button.brand-outline:hover{background:#fff}.hero-rating{display:flex;gap:12px;align-items:center;margin-top:34px;padding-top:24px;border-top:1px solid rgba(13,143,149,.18);color:#60737b}.hero-rating strong{color:var(--jude-teal)}
.home-section{padding:96px 0}.home-section--white{background:#fff}.home-section--soft{background:var(--jude-paper)}.section-heading{max-width:760px;margin-bottom:42px}.section-heading h2{margin:12px 0 0;font-size:clamp(36px,4.2vw,64px);line-height:1.05;color:var(--jude-navy)}.section-heading--row{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading--row>a{color:var(--jude-teal);font-weight:800;text-decoration:none;border-bottom:1px solid var(--jude-teal);padding-bottom:5px}.task-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.task-grid a{min-height:260px;display:flex;flex-direction:column;padding:28px;border:1px solid var(--jude-border);border-radius:20px;background:#fff;color:var(--jude-ink);text-decoration:none;box-shadow:0 12px 34px rgba(7,29,42,.04);transition:.25s}.task-grid a:hover{transform:translateY(-6px);border-color:rgba(13,143,149,.45);box-shadow:var(--jude-shadow)}.task-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#e8f6f5;color:var(--jude-teal);font-weight:800}.task-grid h3{margin:36px 0 10px;font-size:25px;color:var(--jude-navy)}.task-grid p{margin:0;color:var(--jude-muted);line-height:1.7}.task-grid b{margin-top:auto;color:var(--jude-teal);font-size:22px}
.identity-collections{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.identity-collection{min-height:510px;display:flex;align-items:end;padding:30px;border-radius:24px;overflow:hidden;position:relative;background-position:center;background-size:cover;color:#fff;text-decoration:none;box-shadow:var(--jude-shadow);transition:.25s}.identity-collection:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(7,29,42,.86))}.identity-collection>div{position:relative;z-index:1}.identity-collection span{font-size:13px;opacity:.88}.identity-collection h3{margin:8px 0 18px;font-size:36px}.identity-collection b{font-size:14px}.identity-collection:hover{transform:translateY(-7px);color:#fff}.identity-collection.optical{background-image:url('https://images.unsplash.com/photo-1574258495973-f010dfbb5371?auto=format&fit=crop&w=1200&q=88')}.identity-collection.sun{background-image:url('https://images.unsplash.com/photo-1511499767150-a48a237f0083?auto=format&fit=crop&w=1200&q=88')}.identity-collection.unique{background-image:url('https://images.unsplash.com/photo-1577803645773-f96470509666?auto=format&fit=crop&w=1200&q=88')}
.featured-v3 .product-grid{grid-template-columns:repeat(3,1fr);gap:24px}.featured-v3 .product-card{padding-bottom:18px;border:1px solid var(--jude-border);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 14px 40px rgba(7,29,42,.05)}.featured-v3 .product-media{border-radius:0;background:#edf3f2}.featured-v3 .product-info{display:grid;padding:20px 22px 0}.featured-v3 .product-info p{color:var(--jude-teal)}.featured-v3 .product-info h3{font-size:22px;color:var(--jude-navy)}.featured-v3 .product-info>div{display:flex;gap:10px;align-items:center}.featured-v3 .product-info strong{color:var(--jude-teal)}
.vision-v3{min-height:560px;display:grid;grid-template-columns:1fr 1fr;background:var(--jude-navy);color:#fff}.vision-v3__copy{display:flex;flex-direction:column;justify-content:center;padding:80px clamp(40px,7vw,110px)}.vision-v3 h2{margin:14px 0 22px;font-size:clamp(46px,5vw,78px);line-height:1;color:#fff}.vision-v3 p{max-width:620px;color:#b9c9ce;line-height:1.9}.vision-v3__visual{display:grid;place-items:center;background:radial-gradient(circle at center,rgba(26,174,181,.22),transparent 50%)}.lens-mark{width:min(420px,70%);aspect-ratio:1;border:2px solid var(--jude-cyan);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:24px;box-shadow:0 0 80px rgba(26,174,181,.12),inset 0 0 60px rgba(26,174,181,.08)}.lens-mark span{font:700 clamp(52px,7vw,100px) Syne;color:#fff}.lens-mark i{width:2px;height:120px;background:var(--jude-cyan)}
.appointment-v3{background:linear-gradient(145deg,#e8f5f4,#f7fbfa)}.appointment-v3__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.appointment-v3 h2{margin:12px 0 18px;font-size:clamp(40px,4.4vw,66px);color:var(--jude-navy)}.appointment-v3 p{color:var(--jude-muted);line-height:1.8}.appointment-form-v3{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:28px;border-radius:22px;background:#fff;box-shadow:var(--jude-shadow)}.appointment-form-v3 input,.appointment-form-v3 select{min-height:56px;padding:0 16px;border:1px solid var(--jude-border);border-radius:12px;background:#fff;color:var(--jude-ink)}.appointment-form-v3 button{grid-column:1/-1}.benefits-v3{padding:34px 0;background:var(--jude-teal);color:#fff}.benefits-v3>.container-wide{display:grid;grid-template-columns:repeat(3,1fr)}.benefits-v3 article{display:flex;gap:18px;padding:18px 34px;border-inline-end:1px solid rgba(255,255,255,.2)}.benefits-v3 article:last-child{border:0}.benefits-v3 b{font-size:12px;opacity:.72}.benefits-v3 h3{margin:0 0 7px;font-size:19px}.benefits-v3 p{margin:0;color:rgba(255,255,255,.78);font-size:13px;line-height:1.6}
.site-footer{background:var(--jude-navy);color:#fff}.site-footer .brand{color:#fff}.site-footer .brand span{color:var(--jude-cyan)}.chat-trigger{background:var(--jude-teal);border-color:var(--jude-cyan)}
@media(max-width:1240px){.header-search{display:none}.main-nav{gap:12px}.main-nav a{font-size:11px}.identity-hero h1{font-size:clamp(50px,6vw,78px)}}
@media(max-width:1000px){.announcement-bar span:last-child{display:none}.site-header{padding:10px}.nav-shell{border-radius:15px}.main-nav{top:82px;left:10px;right:10px;background:#fff;border:1px solid var(--jude-border);box-shadow:var(--jude-shadow)}.main-nav a{color:var(--jude-ink);font-size:14px}.menu-toggle{display:block}.menu-toggle span{background:var(--jude-ink)}.brand-copy small{display:none}.identity-hero{grid-template-columns:1fr}.identity-hero__media{min-height:420px;order:2}.identity-hero__copy{order:1;padding:70px 28px}.task-grid{grid-template-columns:repeat(2,1fr)}.identity-collections{grid-template-columns:1fr}.identity-collection{min-height:430px}.vision-v3{grid-template-columns:1fr}.vision-v3__visual{min-height:420px}.appointment-v3__grid{grid-template-columns:1fr;gap:38px}.featured-v3 .product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container-wide{width:min(100% - 28px,1380px)}.announcement-bar{height:30px;gap:18px;font-size:10px}.announcement-bar span:nth-child(2){display:none}.brand-identity{min-width:0}.brand-identity img{width:42px;height:42px}.brand-copy b{font-size:13px}.nav-actions select,.icon-link{display:none}.identity-hero__media{min-height:330px}.identity-hero__copy{padding:56px 22px}.identity-hero h1{font-size:48px}.identity-hero .lead{font-size:16px}.home-section{padding:68px 0}.section-heading--row{align-items:start;flex-direction:column}.task-grid{grid-template-columns:1fr}.task-grid a{min-height:220px}.identity-collection{min-height:360px}.featured-v3 .product-grid{grid-template-columns:1fr}.vision-v3__copy{padding:64px 24px}.vision-v3__visual{min-height:330px}.lens-mark{width:240px}.appointment-form-v3{grid-template-columns:1fr;padding:18px}.appointment-form-v3 button{grid-column:auto}.benefits-v3>.container-wide{grid-template-columns:1fr}.benefits-v3 article{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.2)}.benefits-v3 article:last-child{border-bottom:0}}
.product-experience{align-items:start}.product-gallery-shell{min-width:0}.product-image{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.product-image img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.product-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.product-title-row h1{margin:0}.product-badge{padding:.45rem .7rem;border-radius:999px;background:#d9f4f1;color:#087b76;font-size:.75rem;font-weight:800;white-space:nowrap}.product-code{color:#748086;font-size:.82rem}.product-code span{margin-inline-start:1rem;color:#087b76;font-weight:700}.choice-block{padding:1rem 0;border-top:1px solid #e8ecec}.choice-pills{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.65rem}.choice-pills span{padding:.55rem .8rem;border:1px solid #d9e2e1;border-radius:999px;background:#fff;font-size:.82rem}.prescription-card{margin:1rem 0;padding:1.1rem;border-radius:1rem;background:#eef8f7;border:1px solid #cfe8e5}.prescription-card p{margin:.4rem 0 .7rem;color:#5e6c70}.prescription-card a{color:#087b76;font-weight:800}.product-information{padding-top:2rem}.details-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:1rem}.extended-specs,.face-fit{padding:1.25rem;border:1px solid #e5eaea;border-radius:1rem;background:#fff}.extended-specs{margin:0}.extended-specs>div{display:grid;grid-template-columns:1fr 1fr;padding:.8rem 0;border-bottom:1px solid #edf0f0}.extended-specs>div:last-child{border-bottom:0}.extended-specs dt{font-weight:700}.extended-specs dd{margin:0;color:#69767b}.face-fit h3{margin-top:0}.face-fit p{color:#69767b}@media(max-width:850px){.details-grid{grid-template-columns:1fr}}