@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--navy:#162c3b;--blue:#2f7890;--sky:#d9edf1;--ice:#eef6f6;--cream:#f8f5ed;--ink:#162c3b;--muted:#61717a;--line:#cad8da;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}.skip{position:absolute;left:-999px;top:8px;background:#fff;color:#000;padding:12px;z-index:999}.skip:focus{left:8px}a{color:inherit}button,select,input{font:inherit}button,a{touch-action:manipulation}.site-header{height:82px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 14px 'Manrope';letter-spacing:.08em}.brand svg{width:45px;fill:none;stroke:var(--blue);stroke-width:2.4}.brand svg circle{fill:var(--blue);stroke:none}.brand small{display:block;color:var(--blue);font-size:8px;letter-spacing:.2em;margin-top:3px}.site-header nav{display:flex;gap:30px}.site-header nav a{text-decoration:none;font-size:13px;font-weight:700}.header-cta{background:var(--navy);color:#fff;padding:12px 18px;border-radius:3px;text-decoration:none;font-size:12px;font-weight:700}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1.08fr}.hero-copy{padding:105px 6.5vw 65px;background:var(--cream)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:700;color:var(--blue);margin:0 0 18px}.hero h1,.section h2,.lens-section h2,.appointment h2,.agency h2{font:600 clamp(48px,6vw,82px)/1 'Manrope';letter-spacing:-.055em;margin:0}.hero h1 em{font-style:normal;color:var(--blue)}.lede{font-size:18px;line-height:1.75;color:var(--muted);max-width:580px;margin:28px 0}.actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;justify-content:center;border:0;padding:15px 22px;border-radius:3px;text-decoration:none;font-size:13px;font-weight:700;cursor:pointer}.button.primary{background:var(--blue);color:#fff}.button.dark{background:var(--navy);color:#fff;width:100%}.text-link{font-size:13px;font-weight:700;text-underline-offset:5px}.trust-row{display:flex;gap:24px;margin-top:60px}.trust-row span{display:grid;gap:5px;border-left:1px solid var(--line);padding-left:18px;font-size:10px;color:var(--muted)}.trust-row b{color:var(--blue)}.hero-image{margin:0;position:relative;overflow:hidden;min-height:560px;background:var(--sky)}.hero-image>img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-image figcaption{position:absolute;right:18px;top:16px;background:#ffffffd9;padding:7px 10px;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.hero-card{position:absolute;left:28px;bottom:28px;background:#fff;padding:20px 24px;border-left:5px solid var(--blue);box-shadow:0 12px 32px #16303d2d;display:grid;gap:5px}.hero-card span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--blue)}.hero-card strong{font:600 21px 'Manrope'}.notice{display:flex;align-items:center;gap:25px;padding:20px 5vw;background:var(--navy);color:#fff;font-size:11px;line-height:1.6}.notice strong{white-space:nowrap;color:#9ee1e4;text-transform:uppercase;letter-spacing:.1em}.notice span{opacity:.88}.section{padding:100px 6vw}.section-title{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-title h2,.visit h2{font-size:clamp(44px,5vw,68px);max-width:700px}.section-title>p{max-width:420px;color:var(--muted);line-height:1.7}.care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}.care-grid article{background:#fff;border:1px solid var(--line);overflow:hidden}.care-grid img{display:block;width:100%;height:235px;object-fit:cover;transition:transform .35s}.care-grid article:hover img{transform:scale(1.025)}.care-grid article>div{padding:25px}.care-grid span{font-size:10px;color:var(--blue)}.care-grid h3{font:600 22px 'Manrope';margin:13px 0}.care-grid p{color:var(--muted);font-size:13px;line-height:1.7;min-height:66px}.care-grid button{background:transparent;border:0;padding:8px 0;color:var(--blue);font-size:11px;font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.lens-section{display:grid;grid-template-columns:1fr 1fr;background:var(--sky);min-height:620px}.lens-copy{padding:100px 8vw}.lens-section h2{font-size:clamp(48px,6vw,76px)}.lens-copy>p:not(.eyebrow):not(.frame-result){line-height:1.8;color:#48616c}.frame-controls{display:flex;gap:8px;margin:38px 0 20px}.frame-controls button{border:1px solid #7ea5af;background:transparent;padding:11px 17px;border-radius:30px;color:var(--navy);font-size:12px;cursor:pointer}.frame-controls button.active{background:var(--navy);color:#fff}.frame-result{font-size:13px}.frame-visual{display:grid;place-items:center;position:relative;background:var(--blue);overflow:hidden}.frame-visual small{position:absolute;bottom:18px;color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:8px}.face{width:310px;height:390px;border-radius:46% 46% 48% 48%;background:#bd7f60;position:relative;box-shadow:inset -28px -12px 0 #9f674e,0 20px 50px #1234}.brow{position:absolute;width:150px;height:4px;background:#38251f;left:80px;top:115px;border-radius:50%;box-shadow:0 58px 0 -1px #fff}.glasses{position:absolute;left:34px;top:126px;width:242px;height:82px;transition:.3s}.glasses i{position:absolute;width:94px;height:68px;border:8px solid var(--navy);top:5px}.glasses i:first-child{left:0}.glasses i:nth-child(2){right:0}.glasses b{position:absolute;left:92px;top:29px;width:58px;height:8px;background:var(--navy)}.glasses.classic i{border-radius:50%}.glasses.modern i{border-radius:10px;border-width:5px}.glasses.modern b{height:5px}.glasses.bold i{border-radius:18px 18px 42px 42px;border-width:11px}.glasses.bold b{height:11px}.nose{position:absolute;width:28px;height:70px;border-right:4px solid #84523f;border-bottom:4px solid #84523f;border-radius:0 0 15px;left:136px;top:170px}.smile{position:absolute;width:90px;height:38px;border-bottom:7px solid #723727;border-radius:50%;left:110px;top:280px}.visit{background:#fff}.visit>h2{max-width:850px}.visit ol{list-style:none;padding:0;margin:55px 0 0;display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.visit li{padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:20px}.visit li>span{font-size:10px;color:var(--blue)}.visit h3{font:600 18px 'Manrope';margin:0 0 8px}.visit li p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.appointment{padding:100px 8vw;display:grid;grid-template-columns:1fr 440px;gap:10vw;background:var(--ice)}.appointment h2{font-size:clamp(48px,6vw,74px)}.appointment>div>p:not(.eyebrow){line-height:1.75;max-width:580px;color:var(--muted)}.appointment .privacy-note{font-size:11px;border-left:3px solid var(--blue);padding-left:15px}.appointment form{background:#fff;border:1px solid var(--line);padding:28px;box-shadow:12px 12px 0 #c7e2e5}.appointment label{display:grid;gap:7px;font-size:12px;font-weight:700;margin-bottom:17px}.appointment select{padding:13px;background:#fff;border:1px solid var(--line);color:var(--navy)}#visit-summary{font-size:11px;line-height:1.6;margin-bottom:0}.agency{text-align:center;padding:110px 6vw;background:var(--navy);color:#fff}.agency h2{font-size:clamp(45px,6vw,72px);max-width:1000px;margin:auto}.agency>p:not(.eyebrow){max-width:760px;margin:28px auto;line-height:1.7;color:#d0dde2}.paths{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:45px auto 30px;border-left:1px solid #ffffff3d;border-top:1px solid #ffffff3d}.paths a{padding:30px 20px;display:grid;gap:10px;text-decoration:none;border-right:1px solid #ffffff3d;border-bottom:1px solid #ffffff3d;transition:.2s}.paths a:hover{background:#fff;color:var(--navy)}.paths span{font-size:10px;color:#9ee1e4}.paths strong{font-size:12px;letter-spacing:.07em}.paths small{font-size:11px;opacity:.75}.agency .enhancement{font-size:12px}.agency .disclaimer{font-size:10px!important;color:#9fafb7!important}.site-header a:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #e3a92f;outline-offset:3px}footer{padding:28px 5vw 100px;display:flex;justify-content:space-between;align-items:center;background:#0d202b;color:#fff;font-size:11px}footer p a{text-decoration:underline}.widget-launch{position:fixed;bottom:20px;z-index:90;border:1px solid #fff6;border-radius:50%;width:54px;height:54px;display:flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;box-shadow:0 4px 20px #0004}.widget-launch svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.access-launch{left:20px}.access-launch circle{fill:currentColor;stroke:none}.chat-launch{right:20px;gap:9px;border-radius:30px;width:auto;padding:0 18px}.chat-launch span{font-size:12px}.widget-panel[hidden]{display:none!important}.widget-panel{position:fixed;bottom:86px;z-index:100;background:#f9fdfd;color:#162c3b;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 45px #0004;overflow:auto;max-height:calc(100dvh - 110px);overscroll-behavior:contain}.access-panel{left:20px;width:275px}.chat-panel{right:20px;width:350px}.widget-head{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--navy);color:#fff;padding:17px}.widget-head h2{font:700 15px/1.5 'DM Sans';letter-spacing:0;margin:0}.widget-head p{font-size:10px;line-height:1.6;margin:4px 0 0;color:#cce0e5}.widget-close{background:transparent;color:inherit;border:1px solid #ffffff60;width:34px;height:34px;flex-shrink:0;border-radius:50%;font-size:23px}.access-options{display:grid;gap:8px;padding:16px}.access-options button{background:#fff;border:1px solid var(--line);padding:12px;text-align:left;border-radius:5px;color:var(--navy);font-size:13px;min-height:44px}.access-options button[aria-pressed=true]{background:var(--sky);border-color:var(--blue)}.access-options button[aria-pressed=true]:after{content:' ✓';float:right;font-weight:700}.widget-note{padding:0 16px 16px;margin:0;font-size:11px;line-height:1.65;color:var(--muted)}.chat-disclosure{padding:12px 16px;margin:0;background:var(--sky);font-size:11px;line-height:1.6}.chat-log{max-height:230px;overflow:auto;padding:14px}.chat-message{font-size:13px;line-height:1.65;border:1px solid var(--line);border-radius:9px;padding:11px;margin:0 22px 10px 0;background:#fff;overflow-wrap:anywhere}.chat-message.visitor{margin-left:22px;margin-right:0;background:var(--sky)}.chat-prompts{display:flex;gap:7px;flex-wrap:wrap;padding:0 14px 14px}.chat-prompts button{padding:9px 11px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--navy);font-size:11px;min-height:36px}#chat-form{padding:12px 14px;display:flex;gap:9px;border-top:1px solid var(--line)}#chat-input{width:100%;min-width:0;font-size:16px;padding:12px;border:1px solid var(--line);border-radius:5px}#chat-form button{width:46px;border-radius:5px;border:0;background:var(--blue);color:#fff;font-size:22px}.chat-footer{padding:0 14px 14px;display:grid;gap:7px}.chat-footer a{font-size:12px;font-weight:700;text-decoration:underline}.chat-footer span{font-size:10px;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.underline-links a{text-decoration:underline!important;text-underline-offset:4px}.pause-motion,.pause-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.large-text main p,.large-text main label,.large-text main select,.large-text main button,.large-text main a{font-size:18px!important;line-height:1.7}.large-text nav,.large-text footer{font-size:16px}.large-text .widget-panel p,.large-text .widget-panel button,.large-text .widget-panel a,.large-text .widget-panel span{font-size:16px;line-height:1.6}.high-contrast{--navy:#000;--blue:#fff;--sky:#000;--ice:#111;--cream:#111;--ink:#fff;--muted:#eee;--line:#fff;background:#111;color:#fff}.high-contrast .site-header,.high-contrast .section,.high-contrast .care-grid article,.high-contrast .visit,.high-contrast footer{background:#111;color:#fff}.high-contrast p,.high-contrast h1,.high-contrast h2,.high-contrast h3,.high-contrast label,.high-contrast small{color:#fff!important}.high-contrast .button,.high-contrast select{background:#fff;color:#111;border:2px solid #fff}.high-contrast .widget-panel{background:#111;color:#fff;border-color:#fff}.high-contrast .widget-head{background:#000}.high-contrast .widget-panel p,.high-contrast .chat-footer span{background:#111;color:#fff}.high-contrast .widget-panel button,.high-contrast #chat-input{background:#fff;color:#111;border-color:#fff}.high-contrast .access-options button[aria-pressed=true]{background:#ffe16b;color:#111}.high-contrast a:focus-visible,.high-contrast button:focus-visible,.high-contrast input:focus-visible,.high-contrast select:focus-visible{outline-color:#ffe16b}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-image{min-height:560px}.section-title{align-items:start;flex-direction:column}.care-grid{grid-template-columns:1fr}.care-grid article{display:grid;grid-template-columns:1fr 1fr}.care-grid img{height:100%;min-height:280px}.lens-section{grid-template-columns:1fr}.frame-visual{min-height:570px}.visit ol{grid-template-columns:1fr}.appointment{grid-template-columns:1fr}.paths{grid-template-columns:1fr}footer{display:grid;gap:22px;text-align:center;justify-items:center}}
@media(max-width:550px){.site-header{height:72px}.header-cta{font-size:10px;padding:10px}.hero-copy{padding:70px 6vw}.hero h1{font-size:52px}.actions{align-items:flex-start;flex-direction:column}.trust-row{flex-direction:column;margin-top:45px}.hero-image{min-height:430px}.notice{align-items:flex-start;flex-direction:column}.section{padding:75px 5vw}.care-grid article{display:block}.care-grid img{height:220px;min-height:0}.lens-copy{padding:75px 6vw}.frame-controls{flex-wrap:wrap}.frame-visual{min-height:480px}.face{transform:scale(.82)}.appointment{padding:75px 6vw}.appointment form{padding:20px;box-shadow:7px 7px 0 #c7e2e5}.agency{padding:80px 5vw}.widget-launch{bottom:14px}.access-launch{left:14px}.chat-launch{right:14px}.widget-panel{bottom:80px;max-height:calc(100dvh - 96px);width:min(350px,calc(100vw - 28px))}.access-panel{left:14px}.chat-panel{right:14px}.chat-log{max-height:min(210px,30dvh)}}

/* Realistic, interactive eyewear style preview */
.frame-visual{padding:58px 28px 62px;background:linear-gradient(145deg,#266c81,#173c4b)}
.frame-stage{width:min(82%,440px);aspect-ratio:639.67/820;overflow:hidden;border:8px solid #fff;background:#fff;box-shadow:0 24px 55px #071c2766;position:relative}
.frame-stage img{display:block;width:300%;max-width:none;height:100%;object-fit:fill;transform:translateX(0);transition:transform .45s ease}
.frame-visual[data-selected="modern"] .frame-stage img{transform:translateX(-33.333333%)}
.frame-visual[data-selected="bold"] .frame-stage img{transform:translateX(-66.666667%)}
.frame-visual small{left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:calc(100% - 36px);text-align:center}
.high-contrast .frame-visual{background:#000;border-left:2px solid #fff}
@media(max-width:550px){.frame-visual{padding:42px 18px 58px}.frame-stage{width:min(86%,360px);border-width:6px}}
