/* Chapter transitions: retain SST's Inter / blue identity and readable content.
   The static presentation is complete; JS only changes chapter edges on scroll. */
.hero.hero-illustration{border-radius:0 0 48px 48px}
.trust-strip{position:relative;padding-top:56px;padding-bottom:64px}
.trust-strip::after{content:"";position:absolute;bottom:0;left:50%;width:1px;height:40px;background:#b7cce0}
.trust-strip+.learning{padding-top:54px}
.learning{padding-bottom:96px}
.learning .flow-note{margin-top:48px;color:#5e708a}
.chapter-surface{--chapter-inset:0px;--chapter-radius:64px;position:relative;isolation:isolate;padding:70px 0 90px}
.chapter-surface::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--chapter-color);clip-path:inset(0 var(--chapter-inset) round var(--chapter-radius) var(--chapter-radius) 0 0);pointer-events:none}
.chapter-feedback{--chapter-color:#edf4fa}
.chapter-feedback::before{content:none}
.chapter-lead{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:30px;color:#4b6480;font-size:15px;line-height:1.5;text-align:center}
.chapter-rule{display:block;width:48px;height:1px;flex-shrink:0;background:#9db7d1}
.chapter-feedback .feedback,.chapter-courses .courses{padding-top:0}
.chapter-feedback .feedback header{margin-bottom:68px}
.chapter-feedback .feedback .fb-heading{font-size:clamp(36px,3.8vw,54px);line-height:1.12;letter-spacing:-.035em}
.perspective-bridge{padding-top:76px;padding-bottom:58px;text-align:center}
.bridge-thread{position:relative;display:block;width:1px;height:76px;margin:0 auto 30px;background:#c9d8e7}
.bridge-thread i{position:absolute;left:-3px;top:0;width:7px;height:7px;border-radius:50%;background:#006bd6;transform:translateY(var(--thread-y,69px))}
.perspective-bridge p{font-size:clamp(28px,3.2vw,46px);font-weight:500;line-height:1.25;letter-spacing:-.035em;color:#526c89}
.perspective-bridge p span{color:#10265a}
.parents.section{padding-top:0;padding-bottom:112px}
.parents .parent-stage{background:#e8f2fb;padding:30px;border-radius:30px}
.parents .parent-report{box-shadow:0 18px 46px -24px #264c7b55}
.chapter-courses{--chapter-color:#f2f6fa;padding-bottom:96px}
.chapter-courses .teacher-feature{background:#fff;border:0;box-shadow:0 12px 40px -28px #16366438}
.chapter-courses .courses h2{font-size:clamp(36px,3.8vw,54px);letter-spacing:-.035em;line-height:1.12}
.faq.section{position:relative;padding-top:104px;padding-bottom:104px}
.faq-intro::before{content:"";display:block;width:48px;height:2px;background:#006bd6;margin-bottom:28px}
.chapter-closing{--chapter-color:#10265a;padding:0}
.chapter-closing .closing{position:relative;margin-top:0;padding:88px 0 94px;border:0;min-height:330px}
.chapter-closing h2{color:#fff;font-size:clamp(36px,4vw,56px);font-weight:600;line-height:1.13;letter-spacing:-.035em}
.chapter-closing p{color:#d1ddec;max-width:480px}
.chapter-closing .cta{min-height:60px;padding-inline:34px;background:#ff8a50;color:#10265a}
.footer{border-top:0;padding-top:42px;padding-bottom:34px}
/* Optional progress-linked edges; text is never hidden or gated by scrolling. */
.learning-connector.connector-enhanced picture{display:none}
.learning .learning-connector{position:relative;left:50%;transform:translateX(-50%);width:var(--connector-viewport,100%);max-width:none;height:240px;margin:12px 0;overflow:hidden;isolation:isolate}
.learning-connector .connector-art{display:block;width:100%;height:100%}
.learning-connector .connector-stroke{stroke:#2468df;stroke-width:clamp(48px,5.5vw,80px)}
@media(max-width:760px){
  .learning .learning-connector{height:172px;margin:12px 0}
  .learning-connector .connector-stroke{stroke-width:32px}
  .learning .learning-connector img{object-fit:fill}
}
@media(min-width:1060px) and (prefers-reduced-motion:no-preference){
  .chapters-motion .chapter-surface{--chapter-inset:28px;--chapter-radius:90px}
}
@media(max-width:1059px){
  .hero.hero-illustration{border-radius:0 0 32px 32px}
  .chapter-surface{--chapter-radius:40px;padding-top:58px;padding-bottom:66px}
  .chapter-closing{padding:0}
  .parents.section{padding-bottom:80px}
  .chapter-closing .closing{padding:66px 0}
}
@media(max-width:760px){
  .trust-strip{padding-top:32px;padding-bottom:52px}
  .learning{padding-bottom:64px}
  .chapter-surface{--chapter-radius:28px;padding-top:44px;padding-bottom:52px}
  .chapter-lead{gap:12px;margin-bottom:24px;font-size:13px;text-align:left}
  .chapter-rule{width:24px}
  .chapter-feedback .feedback header{margin-bottom:46px}
  .chapter-feedback .feedback .fb-heading,.chapter-courses .courses h2{font-size:34px}
  .perspective-bridge{padding-top:42px;padding-bottom:38px}
  .bridge-thread{height:48px;margin-bottom:24px}
  .bridge-thread i{transform:translateY(41px)}
  .perspective-bridge p{font-size:clamp(25px,6.8vw,34px)}
  .parents .parent-stage{padding:16px;border-radius:22px}
  .parents.section{padding-bottom:64px}
  .faq.section{padding-top:64px;padding-bottom:64px}
  .chapter-closing{padding:0}
  .chapter-closing .closing{padding:52px 0 58px;min-height:0;align-items:flex-start;gap:30px}
  .chapter-closing h2{font-size:36px}
}
@media(prefers-reduced-motion:reduce){
  .chapter-surface{--chapter-inset:0px!important}
}