header nav{min-height:76px}
header nav{gap:22px}
header nav>a,.nav-trigger{box-sizing:border-box}
.nav-group{position:relative;display:flex;align-items:stretch;height:76px}
.nav-trigger{min-width:0;padding:27px 0 23px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#b7c7d6;font-family:inherit;font-size:14px;font-weight:750;line-height:1;white-space:nowrap}
.nav-trigger:hover,.nav-trigger.active,.nav-group.open>.nav-trigger{color:var(--cyan);border-bottom-color:var(--cyan)}
.nav-trigger:after{content:'▾';display:inline-block;margin-left:6px;font-size:10px;transition:transform .18s ease}
.nav-group.open>.nav-trigger:after{transform:rotate(180deg)}
.nav-dropdown{position:absolute;top:68px;left:-18px;z-index:20;display:none;min-width:220px;padding:9px;background:#0b2038;border:1px solid #2d526e;border-radius:12px;box-shadow:0 18px 45px #0006}
.nav-group.open>.nav-dropdown{display:grid}
header nav .nav-dropdown a{display:block;padding:10px 12px;border:0;border-radius:7px;color:#d3e0eb;white-space:nowrap;font-size:14px;font-weight:650}
header nav .nav-dropdown a:hover,header nav .nav-dropdown a:focus-visible{background:#12314c;color:var(--cyan);border-color:transparent}
header nav .nav-cta{margin:17px 0;padding:10px 14px;border:1px solid var(--blue);border-radius:8px;color:#fff}
header nav .nav-cta:hover{border-color:var(--cyan)}
#program-overview,#frameworks,#toolkit-overview,#toolkit-included,#toolkit,#toolkit-sample,#pricing,#individual-license,#small-team-license,#parent-toolkit{scroll-margin-top:96px}
#toolkit-sample{scroll-margin-top:160px}
#program-overview .heading{display:block;max-width:900px}
#program-overview .heading h2{max-width:900px}
#program-overview .learn article{border:1px solid var(--blue)}
#program-overview .learn p{color:#354b61;font-weight:500}
#program-overview .learn b{color:#087f9a;font-weight:900}
.cards .selected{border-width:1px}
.process li{border-color:var(--blue)}
.buyer-toolkit .hero>img,.buyer-toolkit #toolkit-preview img{border-color:var(--blue)}
.cards .learn-more{display:inline-block;margin:2px 0 18px;color:#087f9a;font-weight:800}
.framework-overview{background:var(--navy);color:white}
.framework-overview .heading h2{color:white}
.framework-overview .eyebrow{color:var(--cyan)}
.framework-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:42px}
.framework-cards article{padding:32px;border:1px solid #2e4d69;border-radius:18px;background:#0d223b}
.framework-name{margin:0 0 26px;color:var(--cyan);font-size:clamp(34px,5vw,64px);font-weight:900;letter-spacing:.12em}
.framework-cards h3{margin:0 0 12px;font-size:26px}
.framework-cards article>p:last-child{color:#b8cad9}
@media(max-width:800px){
  header nav{min-height:0}
  .nav-group{display:block;height:auto}
  .nav-trigger,header nav>a{width:100%;padding:11px 0;text-align:left;border-bottom:1px solid #284056}
  .nav-trigger:hover,.nav-trigger.active,.nav-group.open>.nav-trigger{border-bottom-color:#284056}
  .nav-dropdown{position:static;min-width:0;margin:0 0 4px 12px;padding:5px 0 5px 12px;border:0;border-left:1px solid #31526d;border-radius:0;box-shadow:none;background:transparent}
  header nav .nav-dropdown a{padding:8px 0}
  header nav .nav-cta{margin:10px 0 0;padding:11px;text-align:center}
  .framework-cards{grid-template-columns:1fr}
}

/* Keep product links and the three topic menus usable on tablets and phones. */
#everyday-ai,#work-life-bundle,#family-ai-bundle,#complete-ai-bundle,#week-map,#ai-at-home-checklist,#ai-in-our-home,#age-band-reference{scroll-margin-top:110px}
@media(min-width:1101px){.nav-dropdown{min-width:260px;max-width:410px}header nav .nav-dropdown a{white-space:normal;line-height:1.45}.nav-group:nth-last-child(3) .nav-dropdown{left:auto;right:0}}
@media(max-width:1100px){header{height:auto;min-height:70px;flex-wrap:wrap}.menu{display:block;margin-left:auto}header nav{display:none;width:100%;min-height:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 18px}header nav.open{display:flex}.nav-group{display:block;height:auto}.nav-trigger,header nav>a{width:100%;padding:11px 0;text-align:left;border-bottom:1px solid #284056}.nav-trigger:hover,.nav-trigger.active,.nav-group.open>.nav-trigger{border-bottom-color:#284056}.nav-dropdown{position:static;min-width:0;max-width:100%;margin:0 0 4px 12px;padding:5px 0 5px 12px;border:0;border-left:1px solid #31526d;border-radius:0;box-shadow:none;background:transparent}header nav .nav-dropdown a{padding:8px 0;white-space:normal;line-height:1.45}.nav-trigger:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}}

/* Keep dropdown destinations comfortably below the sticky site header. */
#program-overview,#frameworks,#toolkit-overview,#toolkit-included,#toolkit,#pricing,#individual-license,#small-team-license,#everyday-ai{scroll-margin-top:132px}
#week-map,#ai-at-home-checklist,#ai-in-our-home,#age-band-reference{scroll-margin-top:180px}
#parent-toolkit{scroll-margin-top:250px}
#work-life-bundle,#family-ai-bundle,#complete-ai-bundle{scroll-margin-top:325px}
@media(max-width:800px){#parent-toolkit{scroll-margin-top:220px}#work-life-bundle,#family-ai-bundle,#complete-ai-bundle{scroll-margin-top:300px}}