@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#092f78;--deep:#061e4b;--blue:#08a9e8;--pale:#edf8fc;--ink:#17243a;--muted:#68778d}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:86px}body{font-family:'DM Sans',sans-serif;color:var(--ink);line-height:1.65}a{text-decoration:none;color:inherit}.header{height:84px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 7%;position:sticky;top:0;z-index:20;box-shadow:0 3px 18px #092f7810}.logo{width:145px;height:72px;overflow:hidden}.logo img{width:100%;height:100%;object-fit:contain}nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:700;color:#203451}nav a:hover{color:var(--blue)}.nav-cta{background:var(--navy);color:#fff;padding:12px 17px;border-radius:3px}.nav-cta:hover{color:#fff;background:var(--blue)}.menu-btn{display:none;border:0;background:none}.menu-btn i{display:block;width:25px;height:2px;background:var(--navy);margin:5px}
.hero{min-height:560px;display:grid;grid-template-columns:1.03fr .97fr;background:#0879c8;color:white}.hero-copy{padding:75px 7vw 65px 10vw;align-self:center}.kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--blue);margin-bottom:17px}.hero .kicker{color:#a8eaff}.hero h1,.section h2,.quote-intro h2{font:800 clamp(39px,5vw,66px)/1.08 Manrope,sans-serif;letter-spacing:-2px}.hero h1 span,.section h2 span,.quote-intro h2 span{color:#8be0ff}.hero-lead{font-size:15px;color:#e3f3ff;max-width:480px;margin:22px 0 27px}.hero-buttons{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:3px;font-size:12px;font-weight:800;cursor:pointer;transition:.2s}.white{background:white;color:var(--navy)}.white:hover{background:#dff6ff}.blue{background:var(--navy);color:white}.blue:hover{background:var(--blue)}.hero-link{font-size:12px;font-weight:700}.hero-link b,.under-link b{color:#9ae8ff;font-size:19px;margin-left:6px}.hero-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:44px;font-size:10px;color:#e0f5ff}.hero-points span:before{content:"";display:inline-block;width:6px;height:6px;background:#8be0ff;border-radius:50%;margin:0 8px 1px 0}.hero-photo{min-height:500px;position:relative;overflow:hidden}.hero-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 35%}.photo-caption{position:absolute;bottom:25px;left:25px;background:#062b68df;color:white;padding:15px 19px;display:flex;flex-direction:column}.photo-caption strong{font:700 17px Manrope}.photo-caption span{font-size:11px;color:#d5e9fa}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 9%;background:#f0f4f8;gap:25px}.trust-strip div{display:flex;align-items:center;gap:13px;font-size:11px;color:#4c5b70}.trust-strip b{color:#08a9e8;font-size:18px}
.section{width:min(1140px,86%);margin:auto;padding:100px 0}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:center}.about-photo{height:420px;background:#e9f5fa}.about-photo img{width:100%;height:100%;object-fit:cover}.section-copy h2,.section-title h2,.eye-copy h2,.contact h2{font-size:clamp(34px,4vw,49px)}.section-copy>p:not(.kicker),.section-title>p,.eye-copy>p:not(.kicker){font-size:13px;color:var(--muted);margin-top:17px}.under-link{display:inline-block;margin-top:23px;font-size:12px;font-weight:800;color:var(--navy)}.under-link b{color:var(--blue)}
.services{width:100%;padding:95px 7%;background:#f3f8fb}.section-title{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.section-title>p{max-width:350px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dce8f0;border:1px solid #dce8f0}.service-grid article{background:#fff;padding:28px;min-height:195px}.service-grid article>span{color:var(--blue);font-size:11px;font-weight:800}.service-grid h3{font:700 18px Manrope;margin:20px 0 8px}.service-grid p{font-size:12px;color:var(--muted)}
.eye-care{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:center}.eye-copy ul{list-style:none;margin:20px 0 25px}.eye-copy li{font-size:12px;margin:10px 0;padding-left:20px;position:relative}.eye-copy li:before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--blue)}.eye-copy small{display:block;color:var(--muted);font-size:10px;margin-top:13px}.eye-photo{height:430px}.eye-photo img{width:100%;height:100%;object-fit:cover}
.why{width:100%;background:var(--deep);color:#fff;padding:90px 7%}.why h2{font-size:clamp(35px,4vw,49px);margin-bottom:42px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.why-grid>div{border-top:1px solid #ffffff35;padding-top:20px}.why-grid b{color:var(--blue);font-size:12px}.why-grid h3{font:700 16px Manrope;margin:19px 0 9px}.why-grid p{font-size:11px;color:#c1d1e6}
.gallery{padding-bottom:90px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-grid figure{height:270px;position:relative;overflow:hidden;background:#eef5f8}.gallery-grid figure.tall{grid-row:span 1}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-grid figure:hover img{transform:scale(1.045)}.gallery-grid figcaption{position:absolute;bottom:0;left:0;right:0;padding:27px 17px 13px;color:#fff;font:700 14px Manrope;background:linear-gradient(transparent,#061e4bdc)}.gallery-disclaimer{font-size:10px;color:var(--muted);margin-top:12px}
.quote-section{background:#eef7fb;padding:90px 7%;display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start}.quote-intro h2{font-size:clamp(36px,4vw,51px);color:var(--navy)}.quote-intro h2 span{color:var(--blue)}.quote-intro>p:not(.kicker){font-size:13px;color:var(--muted);margin:20px 0}.quote-contact{border-left:3px solid var(--blue);padding-left:16px;margin-top:28px;display:grid;gap:3px}.quote-contact small{font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-top:8px}.quote-contact strong{font:700 17px Manrope;color:var(--navy)}.quote-form{background:#fff;padding:34px;box-shadow:0 12px 40px #0a376010}.quote-form h3{font:800 21px Manrope;color:var(--navy);margin-bottom:23px}.quote-form label{display:block;font-size:11px;font-weight:700;color:#3b4b62;margin-bottom:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #d8e2eb;border-radius:2px;background:#fff;font:12px 'DM Sans';color:var(--ink);outline:none}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--blue)}.quote-form textarea{resize:vertical}.submit-btn{width:100%;margin-top:5px}.form-note,.form-status{font-size:10px;color:var(--muted);margin-top:12px}.form-status{color:var(--navy);font-weight:700}
.contact{display:flex;justify-content:space-between;gap:40px;align-items:center}.contact-info{display:grid;grid-template-columns:1fr 1fr;gap:25px 40px}.contact-info p:first-child{grid-column:span 2}.contact-info small{display:block;color:var(--blue);font-size:9px;letter-spacing:1.5px;font-weight:800;margin-bottom:6px}.contact-info strong,.contact-info a{font-size:13px;line-height:1.8;font-weight:700}.contact-info a:hover{color:var(--blue)}
footer{padding:24px 7%;border-top:1px solid #e7edf2;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}footer img{width:115px;height:58px;object-fit:contain}footer p,footer span{font-size:10px;color:var(--muted)}
@media(max-width:850px){.header{height:75px;padding:0 6%}.logo{width:125px;height:65px}.menu-btn{display:block}nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fff;padding:16px 7% 25px;box-shadow:0 10px 20px #092f7815;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:11px 0}.nav-cta{text-align:center;margin-top:8px}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:55px 5vw}.hero-photo{min-height:450px}.trust-strip{padding:20px 6%}.about{gap:5%}.why-grid{grid-template-columns:repeat(2,1fr)}.quote-section{grid-template-columns:1fr;gap:35px}.contact{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.hero{grid-template-columns:1fr}.hero-copy{padding:55px 7% 40px}.hero h1{font-size:47px}.hero-photo{min-height:340px}.trust-strip{grid-template-columns:1fr;gap:10px;padding:18px 8%}.section{width:88%;padding:75px 0}.about,.eye-care{grid-template-columns:1fr;gap:30px}.about-photo{height:330px}.section-title{display:block}.section-title>p{margin-top:16px}.services,.why{padding:75px 6%}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:auto}.eye-photo{height:340px;grid-row:1}.why-grid{grid-template-columns:1fr;gap:22px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:9px}.gallery-grid figure{height:190px}.gallery-grid figcaption{font-size:11px;padding:23px 10px 10px}.quote-section{padding:70px 6%}.quote-form{padding:23px 18px}.form-row{grid-template-columns:1fr;gap:0}.contact-info{grid-template-columns:1fr;gap:20px}.contact-info p:first-child{grid-column:auto}footer{justify-content:center;text-align:center;flex-direction:column;gap:4px}}