*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#102d3a;background:#fbfcfa;font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:86px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e8efec}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:43px;height:43px;border-radius:13px;background:#0c3443;color:#fff;display:grid;place-items:center;font:800 16px Manrope}.brand-mark span{color:#8acb8b}.brand-name{font:800 13px Manrope;letter-spacing:1.2px}.brand-name small{display:block;font:600 9px "DM Sans";letter-spacing:3px;color:#368b71;margin-top:3px}.nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.nav a:hover,.text-link:hover{color:#258363}.nav-cta{padding:12px 20px;border:1px solid #c9ded4;border-radius:30px}.menu-toggle{display:none;border:0;background:none;font-size:25px;color:#123746}.hero{min-height:570px;padding:80px 9vw 70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;background:linear-gradient(115deg,#f3f8f4 0%,#fff 55%,#edf5ef 100%);overflow:hidden}.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:2.4px;color:#438b70}.hero h1{font:800 clamp(48px,6vw,76px)/1.06 Manrope;letter-spacing:-3.5px;margin:22px 0;color:#102f3d}.hero h1 em,h2 em{font-style:normal;color:#388b70}.hero-lead{max-width:480px;color:#5c7177;font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;padding:15px 23px;border-radius:30px;font-size:13px;font-weight:700;transition:.2s}.btn-primary{background:#123b49;color:#fff;box-shadow:0 9px 24px #143b4922}.btn-primary:hover{background:#246b5b;transform:translateY(-2px)}.text-link{font-size:13px;font-weight:700}.text-link span{color:#4b9a7b}.hero-note{margin-top:55px;color:#728388;font-size:11px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#70b87b;margin-right:8px}.hero-art{height:390px;position:relative;border-radius:48% 48% 38% 38%;background:radial-gradient(circle at 48% 43%,#dceee2,#b9d9c8 58%,#8ab9a5);display:grid;place-items:center;overflow:hidden}.orb{position:absolute;border:1px solid #ffffff80;border-radius:50%}.orb-one{width:390px;height:390px}.orb-two{width:290px;height:290px}.glasses{position:relative;display:flex;align-items:center;gap:12px;transform:rotate(-9deg);filter:drop-shadow(0 20px 15px #244d3d33)}.glasses span{display:block;width:125px;height:95px;border:9px solid #153a43;border-radius:38% 38% 48% 48%;background:linear-gradient(135deg,#ffffffa8,#5c998b66)}.glasses i{width:24px;height:8px;background:#153a43;border-radius:8px}.art-caption{position:absolute;bottom:32px;text-align:center;color:#17483f}.art-caption strong,.art-caption small{display:block}.art-caption small{font-size:10px;margin-top:5px;letter-spacing:1px}.trust-strip{display:flex;justify-content:center;gap:10vw;padding:27px 5vw;background:#103744;color:#fff}.trust-strip div{display:flex;flex-direction:column;gap:5px}.trust-strip strong{font:700 17px Manrope}.trust-strip span{font-size:10px;color:#b8d1c8;letter-spacing:.6px}.section{padding:100px 9vw}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:25px}.section h2,.myopia h2,.visit h2{font:800 clamp(34px,4vw,51px)/1.17 Manrope;letter-spacing:-1.8px;margin:12px 0}.body-copy{color:#63767b;font-size:15px;line-height:1.9}.services-section{background:#f1f6f2}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-heading>p{max-width:330px;color:#718187;font-size:14px;line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{background:#fff;padding:28px 24px 24px;min-height:245px;border:1px solid #e7efea;border-radius:14px;position:relative}.service-icon{font-size:26px;color:#459775}.service-card h3{font:700 17px Manrope;margin:24px 0 10px}.service-card p{font-size:12px;color:#718187;line-height:1.7}.service-card>span{position:absolute;right:22px;bottom:17px;font:700 11px Manrope;color:#b3c9bd}.myopia{display:grid;grid-template-columns:1fr 1fr;background:#103744;color:#fff}.myopia-visual{min-height:520px;position:relative;overflow:hidden;background:radial-gradient(circle at 45% 45%,#4e987c,#1d5b5b 65%,#103744)}.circle-label{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;border:1px solid #c6e8d5;border-radius:50%;display:grid;place-content:center;text-align:center;font:700 18px/1.6 Manrope;letter-spacing:3px;color:#effff4}.line-art{position:absolute;inset:12%;border:1px solid #ffffff50;border-radius:50%;box-shadow:0 0 0 38px #ffffff0c,0 0 0 76px #ffffff0a,0 0 0 114px #ffffff08}.myopia-copy{padding:85px 9vw 75px 6vw}.light{color:#a6d7b5}.myopia h2{font-size:42px}.myopia h2 em{color:#9ad2a4}.myopia-copy>p{font-size:14px;line-height:1.9;color:#d0e0dc}.lens-list{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.lens-list span{font-size:11px;border:1px solid #5b837e;border-radius:30px;padding:9px 12px;color:#e0f0e8}.myopia-copy .small-note{font-size:11px;color:#a9c7bd}.btn-light{background:#d4eddb;color:#143c43;margin-top:12px}.btn-light:hover{background:#fff;transform:translateY(-2px)}.brand-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #e2ebe5;border-left:1px solid #e2ebe5}.brand-grid span{min-height:86px;display:grid;place-items:center;text-align:center;padding:12px;border-right:1px solid #e2ebe5;border-bottom:1px solid #e2ebe5;font:700 15px Manrope;color:#38535a}.brand-grid span:nth-child(3n){color:#388b70}.visit{padding:85px 9vw;background:#123b49;color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw}.visit h2{font-size:53px}.visit>div>p{color:#c6d9d4;line-height:1.8;font-size:14px}.visit-details{align-self:center;border-left:1px solid #52717a;padding-left:45px}.visit-details small{color:#9bc9ac;letter-spacing:2px;font-size:9px;font-weight:700}.visit-details p{line-height:1.8;font-size:14px;color:#e0ebe7;margin:12px 0 30px}.visit-details a{font-size:13px;text-decoration:underline;text-underline-offset:4px}footer{padding:32px 9vw;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f6f8f5;color:#62777a}footer p{font-size:11px}footer>small{font-size:10px}.footer-brand .brand-mark{width:36px;height:36px}.floating-wa{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#278d61;color:white;font-size:27px;box-shadow:0 8px 25px #123b4933;z-index:9}@media(max-width:800px){.site-header{height:72px;padding:0 6vw}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;padding:22px 7vw;background:#fff;flex-direction:column;align-items:flex-start;gap:22px;border-bottom:1px solid #e6eee8}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding:65px 7vw 50px;gap:40px}.hero h1{font-size:53px}.hero-art{height:300px}.trust-strip{gap:22px;justify-content:space-around;padding:22px 5vw}.trust-strip strong{font-size:14px}.trust-strip span{font-size:9px}.section{padding:70px 7vw}.split,.myopia,.visit{grid-template-columns:1fr}.split{gap:10px}.section-heading{display:block}.section-heading>p{margin-top:15px}.service-grid{grid-template-columns:repeat(2,1fr)}.myopia-visual{min-height:330px}.myopia-copy{padding:60px 7vw}.myopia h2{font-size:36px}.brand-grid{grid-template-columns:repeat(3,1fr)}.brand-grid span{min-height:75px;font-size:13px}.visit{padding:65px 7vw;gap:35px}.visit-details{border-left:0;border-top:1px solid #52717a;padding:30px 0 0}.visit h2{font-size:45px}footer{padding:28px 7vw;flex-wrap:wrap}footer p{order:3;width:100%;margin:0}}@media(max-width:420px){.service-grid{grid-template-columns:1fr}.trust-strip{gap:12px}.trust-strip strong{font-size:12px}.trust-strip span{font-size:8px}.hero h1{font-size:46px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}}
