/* Sentra homepage refresh — quiet editorial structure, scoped to this page. */
.home-page{
  --home-line:rgba(23,103,159,.13);
  --home-tint:#eef8f9;
  --home-deep:#102f46;
  background:var(--pearl);
}
.home-page .section{padding:clamp(3.8rem,6.5vw,6.1rem) 0}
.home-page .section:nth-of-type(even){background-color:#fff}
.home-page .section .container{max-width:1240px}
.home-page .kicker{margin-bottom:.65rem}
.home-page .section-sub{max-width:48rem;line-height:1.7}
.home-page .reveal,
.home-page .blur-focus,
.home-page .sim-blur{opacity:1;transform:none;filter:none}
.home-page .sim-blur::before{content:none}
.home-page #focus-simulation{scroll-margin-top:100px}
.home-page .sim-blur img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.home-page .sim-blur.clear img{animation:home-focus-clarity 1.6s ease both}
.home-page .focus-simulation-label{position:absolute;left:.7rem;bottom:.65rem;padding:.3rem .6rem;border-radius:999px;background:rgba(16,47,70,.78);color:#fff;font-size:.65rem;line-height:1.4;letter-spacing:.02em}
@keyframes home-focus-clarity{
  from{filter:blur(7px);transform:scale(1.06)}
  to{filter:blur(0);transform:scale(1)}
}
@media (prefers-reduced-motion:reduce){
  .home-page .sim-blur.clear img{animation:none}
}
.home-page a:focus-visible,
.home-page button:focus-visible,
.home-page [tabindex]:focus-visible{
  outline:3px solid var(--aqua);
  outline-offset:4px;
}

/* Hero: clear first step, portrait carousel stays visible at tablet widths. */
.home-page .hero{
  min-height:min(760px,100svh);
  padding:calc(var(--ann-h,0px) + 6.7rem) 0 3.5rem;
  background:
    radial-gradient(ellipse at 76% 42%,rgba(39,182,176,.17),transparent 32%),
    linear-gradient(135deg,#102f46 0%,#174867 58%,#17679f 100%);
}
.home-page .hero-image{opacity:.19;filter:saturate(.72)}
.home-page .hero::after{
  background:linear-gradient(108deg,rgba(12,39,57,.96) 0%,rgba(16,47,70,.82) 48%,rgba(16,47,70,.42) 100%);
}
.home-page .hero .container{
  grid-template-columns:minmax(0,1.06fr) minmax(300px,.94fr);
  gap:clamp(1.5rem,4vw,4rem);
}
.home-page .hero h1{max-width:12ch;font-size:clamp(2.65rem,4.25vw,4rem);line-height:1.08;letter-spacing:-.045em}
.home-page .hero .lead{max-width:34rem;margin:1.1rem 0 1.5rem;font-size:1.03rem;line-height:1.72}
.home-page .hero-ctas{gap:.65rem}
.home-page .hero .btn{min-height:48px}
.home-page .hero .btn-ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.42)}
.home-page .hero .btn-ghost:hover{background:rgba(255,255,255,.18);border-color:#fff}
.home-page .wa-link{color:#a9e6d2}
.home-page .home-shortcuts{display:flex;flex-wrap:wrap;gap:.45rem 1.1rem;margin-top:.75rem}
.home-page .home-shortcuts a{font-size:.78rem;font-weight:650;color:#d4edf0;text-decoration:underline;text-decoration-color:rgba(167,224,226,.45);text-underline-offset:4px;transition:color .2s,text-decoration-color .2s}
.home-page .home-shortcuts a:hover{color:#fff;text-decoration-color:var(--aqua)}
.home-page .trust-chips{gap:.5rem;margin-top:1.35rem}
.home-page .trust-chips span{padding:.42rem .75rem;font-size:.75rem;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.home-page .portal{width:min(410px,100%);max-width:100%}
.home-page .portal .ring{border-color:rgba(135,221,221,.48)}
.home-page .portal .ring.r2{border-color:rgba(246,197,21,.38)}
.home-page .portal-core{inset:13%;box-shadow:0 24px 64px -22px rgba(0,0,0,.58),inset 0 0 0 5px rgba(255,255,255,.17)}
.home-page .portal-label{background:rgba(16,47,70,.55);border-color:rgba(255,255,255,.27);font-size:.72rem}
.home-page .hero .portal-shadow{opacity:.6}

/* Sections use calm page rhythm and intentional, consistent surfaces. */
.home-page .split{gap:clamp(2rem,5vw,5rem)}
.home-page .intro-photo{aspect-ratio:1.08;border-radius:26px;box-shadow:0 24px 55px -30px rgba(16,47,70,.55)}
.home-page .intro-photo::after{background:linear-gradient(180deg,transparent 58%,rgba(16,47,70,.22))}
.home-page .tick-list{margin:1rem 0 1.25rem}
.home-page .tick-list li{font-size:.96rem}
.home-page .symptom-wrap{max-width:none;grid-template-columns:minmax(290px,.88fr) minmax(440px,1.12fr);gap:clamp(1rem,3vw,2.4rem)}
.home-page .symp-btn{border-color:var(--home-line);background:#fbfefe;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}
.home-page .symp-btn:hover{border-color:var(--aqua);background:#fff;box-shadow:0 9px 20px -16px rgba(16,47,70,.5)}
.home-page .symp-btn.on{background:linear-gradient(130deg,var(--blue),var(--aqua))}
.home-page .symp-panel{top:100px;gap:1rem}
.home-page .symp-panel .glass{padding:1.5rem!important;background:#fff;border-color:var(--home-line)}
.home-page .eye-visual{box-shadow:inset 0 0 30px rgba(35,126,181,.2),0 14px 34px -20px rgba(16,47,70,.45)}

.home-page #specialties,
.home-page #care-pathways,
.home-page #diagnostic-technology,
.home-page #eye-care-library{scroll-margin-top:96px}
.home-page #symp-h,.home-page #appt-h{scroll-margin-top:100px}
.home-page #specialties{overflow:hidden;background:linear-gradient(180deg,#f7fbfc 0%,#edf7f8 100%)}
.home-page .constellation{min-height:570px;margin-top:1.8rem}
.home-page .orbit-node{border-color:rgba(39,182,176,.35);box-shadow:0 13px 30px -20px rgba(16,47,70,.55);transition:transform .24s,background .24s,color .24s,box-shadow .24s}
.home-page .orbit-node:hover{box-shadow:0 18px 34px -18px rgba(16,47,70,.55)}
.home-page .orbit-node img{border-radius:50%;border:2px solid rgba(39,182,176,.16)}
.home-page .orbit-center{background:radial-gradient(circle at 40% 35%,#fff,#d8eff1 44%,#7acbc8 78%,#237eb5);box-shadow:0 22px 45px -28px rgba(16,47,70,.65)}
.home-page .orbit-ring-line{border-color:rgba(35,126,181,.2)}
.home-page .node-panel{filter:drop-shadow(0 18px 25px rgba(16,47,70,.17))}
.home-page .node-panel .glass{background:rgba(255,255,255,.97)}

.home-page .doctor-stage{padding:clamp(1.4rem,4vw,3.4rem);border:1px solid rgba(23,103,159,.08);box-shadow:0 22px 54px -40px rgba(16,47,70,.45);background:linear-gradient(120deg,#fff 0%,#edf8f8 100%)}
.home-page .doctor-portrait{max-height:470px}
.home-page .doc-nav button{transition:background .2s,color .2s,transform .2s}
.home-page .doc-nav button:hover{transform:translateY(-2px)}

.home-page .eye-journey{background:linear-gradient(160deg,#f5fafb,#e8f5f6 55%,#f6fbfc)}
.home-page .journey-track{gap:1rem}
.home-page .journey-card{border:1px solid rgba(23,103,159,.08);border-top:3px solid var(--aqua);box-shadow:0 14px 34px -27px rgba(16,47,70,.6);transition:transform .25s,border-color .25s,box-shadow .25s}
.home-page .journey-card:hover{transform:translateY(-4px);border-top-color:var(--orange);box-shadow:0 20px 35px -26px rgba(16,47,70,.55)}
.home-page .light-ray{opacity:.68;height:3px}

.home-page .pathway{margin-top:1.5rem;border:1px solid rgba(23,103,159,.08);box-shadow:0 18px 46px -34px rgba(16,47,70,.5)}
.home-page .pathway .visual{min-height:300px}
.home-page .pathway .visual img{transition:transform .55s}
.home-page .pathway .body{padding:clamp(1.5rem,3vw,2.7rem)}
.home-page .pathway .body p{line-height:1.72}
.home-page .tech-carousel{gap:1rem;padding:1.2rem .25rem 1.8rem;scrollbar-color:#a8d8db transparent;scrollbar-width:thin}
.home-page .tech-card{flex-basis:clamp(280px,30vw,340px);border-color:rgba(23,103,159,.12);box-shadow:0 15px 36px -28px rgba(16,47,70,.55);transition:transform .25s,box-shadow .25s}
.home-page .tech-card:hover{box-shadow:0 22px 38px -27px rgba(16,47,70,.58)}
.home-page .tech-card>img{height:190px}
.home-page .tech-card .tag{color:#a55b08}

.home-page .media-library{background:linear-gradient(145deg,#102f46 0%,#174867 60%,#1c637b 100%)}
.home-page .media-grid{gap:.9rem}
.home-page .media-card{background:rgba(255,255,255,.09);border-color:rgba(211,239,240,.2);box-shadow:0 16px 32px -25px rgba(0,0,0,.65);transition:transform .24s,border-color .24s,background .24s}
.home-page .media-card:hover{transform:translateY(-4px);border-color:rgba(134,221,218,.6);background:rgba(255,255,255,.13);box-shadow:0 20px 36px -26px rgba(0,0,0,.65)}
.home-page .media-card img{transition:transform .4s}
.home-page .media-card>div{padding:.9rem}
.home-page .media-card h3{font-size:.92rem}
.home-page .media-library-note{color:#d5e9eb}

.home-page .care-journey{gap:.45rem}
.home-page .care-step{padding-inline:.25rem}
.home-page .care-step p{font-size:.8rem;line-height:1.5}
.home-page .care-step::before{border-color:#8dcfd0;box-shadow:0 8px 20px -14px rgba(16,47,70,.6)}
.home-page .testi-card{border-color:rgba(23,103,159,.1);box-shadow:0 14px 34px -27px rgba(16,47,70,.5)}
.home-page .safety-grid{gap:.8rem}
.home-page .safety-grid .glass{background:rgba(255,255,255,.88);border-color:rgba(23,103,159,.1);transition:transform .22s,box-shadow .22s}
.home-page .safety-grid .glass:hover{transform:translateY(-3px);box-shadow:0 18px 34px -26px rgba(16,47,70,.55)}
.home-page .mag-grid{gap:1rem}
.home-page .mag-card{border-color:rgba(23,103,159,.08);box-shadow:0 14px 34px -28px rgba(16,47,70,.55);transition:transform .23s,border-color .23s,box-shadow .23s}
.home-page .mag-card:hover{transform:translateY(-3px);border-color:rgba(39,182,176,.55);box-shadow:0 20px 38px -28px rgba(16,47,70,.55)}
.home-page .mag-card.feature{background:linear-gradient(155deg,#123d59,#17679f)}
.home-page .mag-card.feature .blog-image{max-height:210px;object-position:center 35%}
.home-page .finale{background:linear-gradient(150deg,#e5f4f5,#f8fbfc 65%)}
.home-page .finale::before{background:radial-gradient(circle at 90% 18%,rgba(39,182,176,.2),transparent 38%)}
.home-page .form-panel{border-color:rgba(23,103,159,.12);box-shadow:0 24px 60px -42px rgba(16,47,70,.6)}
.home-page .contact-aside .glass{background:rgba(255,255,255,.88);border-color:rgba(23,103,159,.1)}
.home-page .field input:focus,.home-page .field select:focus,.home-page .field textarea:focus{box-shadow:0 0 0 3px rgba(39,182,176,.2)}

@media (min-width:901px) and (max-width:1080px){
  .home-page .hero{min-height:680px;padding-top:calc(var(--ann-h,0px) + 5.8rem);padding-bottom:2.6rem}
  .home-page .hero .container{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:1.25rem}
  .home-page .hero h1{font-size:clamp(2.45rem,4.2vw,3.25rem)}
  .home-page .portal{width:min(340px,100%)}
  .home-page .trust-chips{gap:.35rem}
  .home-page .trust-chips span{font-size:.7rem;padding:.38rem .58rem}
  .home-page .symptom-wrap{grid-template-columns:minmax(270px,.85fr) minmax(400px,1.15fr)}
  .home-page .symp-panel{grid-template-columns:125px minmax(0,1fr)}
  .home-page .eye-visual{width:125px}
  .home-page .constellation{min-height:520px}
}
@media (max-width:900px){
  .home-page .hero{min-height:0;padding:6.6rem 0 2.8rem}
  .home-page .hero .container{grid-template-columns:1fr;gap:1.6rem}
  .home-page .hero-copy{max-width:680px}
  .home-page .portal{width:min(320px,72vw)}
  .home-page .hero h1{max-width:14ch;font-size:clamp(2.4rem,7vw,3.7rem)}
  .home-page .hero .lead{max-width:40rem;margin:.85rem 0 1.15rem}
  .home-page .trust-chips{margin-top:1rem}
  .home-page .symptom-wrap{grid-template-columns:1fr;max-width:none}
  .home-page .symp-panel{position:static}
  .home-page .doctor-stage{gap:1.5rem}
  .home-page .doctor-portrait{width:min(340px,100%);justify-self:center;max-height:none}
  .home-page .pathway .visual{min-height:270px}
}
@media (max-width:560px){
  .home-page .section{padding:3.5rem 0}
  .home-page .hero{padding:6rem 0 2.2rem}
  .home-page .hero .container{gap:1rem}
  .home-page .hero h1{font-size:clamp(2.25rem,10vw,2.85rem);max-width:13ch}
  .home-page .hero .lead{font-size:.93rem;line-height:1.62}
  .home-page .hero-ctas{gap:.55rem}
  .home-page .hero-ctas .btn{padding:.72rem 1.05rem;font-size:.85rem}
  .home-page .home-shortcuts{gap:.35rem .8rem;margin-top:.55rem}
  .home-page .home-shortcuts a{font-size:.72rem}
  .home-page .trust-chips{gap:.35rem;margin-top:.85rem}
  .home-page .trust-chips span{font-size:.68rem;padding:.35rem .55rem}
  .home-page .portal{width:min(228px,64vw)}
  .home-page .portal-label{font-size:.62rem;padding:.3rem .65rem}
  .home-page .portal-shadow{bottom:-20px}
  .home-page .intro-photo{aspect-ratio:4/3}
  .home-page .symp-panel{grid-template-columns:1fr}
  .home-page .symp-panel .disclaimer{grid-column:auto}
  .home-page .doctor-stage{padding:1.2rem}
  .home-page .journey-track{grid-template-columns:1fr}
  .home-page .care-journey{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem .7rem}
  .home-page .care-step{padding-top:2.1rem}
  .home-page .care-step p{font-size:.78rem}
  .home-page .tech-card{flex-basis:min(84vw,320px);padding:1.35rem}
  .home-page .tech-card>img{width:calc(100% + 2.7rem);margin:-1.35rem -1.35rem 1.1rem;height:165px}
  .home-page .media-grid{grid-template-columns:1fr;gap:1rem}
  .home-page .media-card>div{padding:.7rem}
  .home-page .media-card h3{font-size:.85rem}
  .home-page .media-card p{font-size:.75rem}
  .home-page .form-panel{padding:1.3rem}
}
@media (prefers-reduced-motion:reduce){
  .home-page *, .home-page *::before, .home-page *::after{scroll-behavior:auto!important;transition-duration:.01ms!important}
}