:root { --navy:#062f55; --blue:#087eb3; --cyan:#53c9e8; --ink:#082b49; --muted:#587084; --pale:#eef8fc; --line:#cfe4ee; --white:#fff; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #f7fbfd; font-family: "Manrope", sans-serif; }
a { color: inherit; }
.eyebrow { margin: 0 0 11px; color: var(--blue); font-size: .72rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eye-site-header { width: min(1240px, calc(100% - 40px)); min-height: 76px; margin: 14px auto 0; padding: 10px 14px 10px 18px; display: flex; align-items: center; gap: 28px; position: sticky; top: 10px; z-index: 20; color: #fff; background: rgba(6,47,85,.96); border: 1px solid rgba(255,255,255,.18); border-radius: 18px; box-shadow: 0 15px 40px rgba(6,47,85,.18); backdrop-filter: blur(14px); }
.eye-brand { display: flex; align-items: center; gap: 10px; margin-right: auto; font-size: .72rem; font-weight: 800; line-height: 1.2; text-decoration: none; }
.eye-brand img { width: 54px; height: 54px; object-fit: contain; padding: 5px; background: #fff; border-radius: 12px; }
.eye-site-header nav { display: flex; gap: 24px; }
.eye-site-header nav a { font-size: .82rem; font-weight: 700; text-decoration: none; }
.eye-header-cta { padding: 13px 18px; color: var(--navy); background: #fff; border-radius: 12px; font-size: .78rem; font-weight: 800; text-decoration: none; }
main { width: min(1240px, calc(100% - 40px)); margin: 22px auto 0; }
.eye-hero { min-height: 590px; padding: 56px; display: grid; grid-template-columns: 1.02fr .98fr; gap: 52px; align-items: center; color: #fff; background: radial-gradient(circle at 20% 0, rgba(83,201,232,.2), transparent 38%), linear-gradient(135deg,#052c4d,#075c89); border-radius: 32px; overflow: hidden; }
.eye-hero h1 { max-width: 670px; margin: 0; font: 800 clamp(3rem,6vw,6.5rem)/.92 "Poppins", sans-serif; letter-spacing: -.06em; }
.eye-hero-copy > p:not(.eyebrow) { max-width: 650px; margin: 24px 0 0; color: rgba(255,255,255,.82); font-size: 1.08rem; line-height: 1.7; }
.eye-hero .eyebrow { color: #72dff2; }
.eye-hero-actions { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.eye-hero-actions a { padding: 15px 20px; border-radius: 13px; font-size: .85rem; font-weight: 800; text-decoration: none; }
.eye-hero-actions a:first-child { color: var(--navy); background: #70d8ec; }
.eye-hero-actions a:last-child { border: 1px solid rgba(255,255,255,.28); }
.eye-hero-proof { margin-top: 38px; display: flex; flex-wrap: wrap; gap: 24px; }
.eye-hero-proof span { display: grid; color: rgba(255,255,255,.72); font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }
.eye-hero-proof strong { color: #fff; font-size: 1.65rem; letter-spacing: 0; }
.eye-hero figure { margin: 0; position: relative; overflow: hidden; border-radius: 24px; min-height: 440px; box-shadow: 0 24px 50px rgba(0,0,0,.25); }
.eye-hero figure img { width: 100%; height: 100%; min-height: 440px; object-fit: cover; position: absolute; inset: 0; }
.eye-hero figcaption { padding: 18px 20px; display: grid; position: absolute; left: 18px; right: 18px; bottom: 18px; background: rgba(255,255,255,.94); color: var(--navy); border-radius: 14px; }
.eye-hero figcaption span { margin-top: 3px; color: var(--muted); font-size: .75rem; }
.eye-services,.eye-procedures,.eye-locations,.eye-faq { padding: 88px 22px 22px; }
.eye-services header,.eye-procedures header,.eye-locations header,.eye-faq header { max-width: 780px; }
.eye-services h2,.eye-procedures h2,.eye-locations h2,.eye-faq h2,.eye-specialist h2,.eye-final-cta h2 { margin: 0; font: 800 clamp(2.25rem,4vw,4.4rem)/.98 "Poppins", sans-serif; letter-spacing: -.05em; }
.eye-services header > p:last-child { color: var(--muted); font-size: 1rem; }
.eye-service-grid { margin-top: 34px; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.eye-service-grid article { min-height: 205px; padding: 25px; background: #fff; border: 1px solid var(--line); border-radius: 20px; box-shadow: 0 12px 30px rgba(6,47,85,.05); }
.eye-service-grid article span { display: grid; place-items: center; width: 34px; height: 34px; color: var(--blue); background: var(--pale); border-radius: 50%; font-size: .7rem; font-weight: 800; }
.eye-service-grid h3 { margin: 28px 0 8px; font-size: 1.08rem; }
.eye-service-grid p { margin: 0; color: var(--muted); font-size: .86rem; line-height: 1.6; }
.eye-specialist { margin-top: 72px; min-height: 480px; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; overflow: hidden; background: #dff2f9; border-radius: 30px; }
.eye-specialist-photo { height: 100%; min-height: 480px; display: grid; place-items: end center; background: linear-gradient(145deg,#baddeb,#75b7d1); }
.eye-specialist-photo img { width: min(100%,470px); height: 100%; max-height: 520px; object-fit: contain; object-position: bottom; }
.eye-specialist > div:last-child { padding: 54px; }
.eye-specialist strong { display: block; margin-top: 14px; color: var(--blue); }
.eye-specialist p:not(.eyebrow) { max-width: 640px; color: var(--muted); line-height: 1.7; }
.eye-specialist a { display: inline-flex; margin-top: 14px; padding: 14px 18px; color: #fff; background: var(--navy); border-radius: 12px; font-size: .8rem; font-weight: 800; text-decoration: none; }
.eye-procedures > div { margin-top: 34px; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.eye-procedures > div a { min-height: 410px; display: grid; grid-template-rows: 215px 1fr; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 21px; text-decoration: none; }
.eye-procedures img { width: 100%; height: 215px; object-fit: cover; }
.eye-procedures a > span { padding: 22px; display: grid; align-content: start; }
.eye-procedures small { color: var(--blue); font-size: .66rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.eye-procedures strong { margin-top: 10px; font-size: 1.2rem; }
.eye-procedures em { margin-top: 35px; color: var(--blue); font-size: .78rem; font-style: normal; font-weight: 800; }
.eye-medical-note { color: var(--muted); font-size: .75rem; }
.eye-locations > div { margin-top: 32px; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.eye-locations > div a { min-height: 220px; padding: 27px; display: grid; align-content: start; color: #fff; background: var(--navy); border-radius: 20px; text-decoration: none; }
.eye-locations small { color: #69d4eb; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }
.eye-locations strong { margin-top: 23px; font-size: 1.6rem; }
.eye-locations span { margin-top: 8px; color: rgba(255,255,255,.73); font-size: .82rem; line-height: 1.55; }
.eye-locations em { margin-top: 20px; color: #fff; font-size: .8rem; font-style: normal; font-weight: 800; }
.eye-faq { display: grid; grid-template-columns: .65fr 1.35fr; gap: 60px; }
.eye-faq > div { display: grid; gap: 10px; }
.eye-faq details { padding: 21px 23px; background: #fff; border: 1px solid var(--line); border-radius: 15px; }
.eye-faq summary { display: flex; justify-content: space-between; gap: 20px; font-weight: 800; cursor: pointer; list-style: none; }
.eye-faq summary::-webkit-details-marker { display: none; }
.eye-faq summary span { color: var(--blue); }
.eye-faq details p { margin: 15px 0 0; color: var(--muted); line-height: 1.65; }
.eye-final-cta { margin: 75px 0 22px; padding: 48px 52px; display: flex; justify-content: space-between; gap: 35px; align-items: center; color: #fff; background: linear-gradient(125deg,#062f55,#087eb3); border-radius: 28px; }
.eye-final-cta .eyebrow { color: #72dff2; }
.eye-final-cta p:last-child { max-width: 730px; color: rgba(255,255,255,.8); }
.eye-final-cta > a { flex: 0 0 auto; padding: 15px 20px; color: var(--navy); background: #fff; border-radius: 13px; font-size: .82rem; font-weight: 800; text-decoration: none; }
.eye-footer { width: min(1240px,calc(100% - 40px)); margin: 0 auto 20px; padding: 22px 4px; display: flex; align-items: center; gap: 25px; color: var(--muted); font-size: .75rem; }
.eye-footer img { width: 48px; height: 48px; object-fit: contain; }
.eye-footer p { margin-right: auto; }
.eye-footer > a:last-child { font-weight: 800; }
@media(max-width:900px){.eye-site-header nav{display:none}.eye-hero{padding:38px;grid-template-columns:1fr}.eye-hero figure{min-height:330px}.eye-hero figure img{min-height:330px}.eye-service-grid{grid-template-columns:repeat(2,1fr)}.eye-specialist{grid-template-columns:1fr}.eye-specialist-photo{min-height:360px;height:360px}.eye-procedures>div,.eye-locations>div{grid-template-columns:1fr}.eye-faq{grid-template-columns:1fr;gap:25px}.eye-final-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.eye-site-header{width:calc(100% - 20px);top:5px}.eye-brand span{display:none}.eye-header-cta{padding:12px;font-size:.7rem}main{width:calc(100% - 20px)}.eye-hero{min-height:auto;padding:30px 22px;border-radius:24px}.eye-hero h1{font-size:clamp(2.6rem,14vw,4rem)}.eye-hero-proof{gap:15px}.eye-services,.eye-procedures,.eye-locations,.eye-faq{padding:65px 8px 8px}.eye-service-grid{grid-template-columns:1fr}.eye-specialist{margin-top:60px}.eye-specialist>div:last-child{padding:30px 22px}.eye-final-cta{padding:32px 24px}.eye-footer{width:calc(100% - 20px);align-items:flex-start;flex-direction:column}}