/* Homepage foreground. The sky renderer, assets, timing, and layers live elsewhere. */
html body.home-page .home-flight-wordmark{
  position:absolute;z-index:4;top:clamp(34px,5.5vh,66px);left:50%;
  transform:translateX(-50%);width:max-content;max-width:calc(100% - 48px);
  color:var(--g-ink);font:600 clamp(13px,1.2vw,16px)/1.4 var(--font-sans,system-ui);
  letter-spacing:.16em;text-align:center;text-decoration:none;
}
html body.home-page:has(.horizon-hero[data-sky-phase="day"]) .home-flight-wordmark{color:var(--g-ink)}
html body.home-page .horizon-hero{align-items:flex-start}
html body.home-page .horizon-hero .container{
  display:flex;justify-content:center;max-width:1200px;
  padding:clamp(132px,19vh,220px) 24px 120px;
}
html body.home-page .horizon-copy{width:100%;max-width:800px;margin-inline:auto;text-align:center}
html body.home-page .horizon-kicker{margin-inline:auto}
html body.home-page .horizon-hero h1{
  font-family:var(--font-sans,system-ui);font-size:clamp(3.25rem,6.3vw,5.8rem);
  font-weight:400;line-height:1.06;letter-spacing:-.05em;
}
html body.home-page .horizon-lede{
  max-width:570px;margin:24px auto 28px;font:400 clamp(1rem,1.65vw,1.25rem)/1.55 var(--font-sans,system-ui);
  letter-spacing:0;
}
html body.home-page .horizon-actions{display:flex;justify-content:center;align-items:stretch;gap:12px}
html body.home-page .horizon-actions a{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;
  padding:12px 20px;border:1px solid var(--g-edge);border-radius:9px;
  background:var(--g-gold);color:var(--g-key-ink);font:600 1rem/1.35 var(--font-sans,system-ui);
  text-decoration:none;box-shadow:0 2px 8px #06101a30;
}
html body.home-page .horizon-actions .horizon-tools{
  border-color:var(--g-line);background:linear-gradient(180deg,var(--g-raised),var(--g-surface));color:var(--g-ink);
}
html body.home-page .horizon-actions a:hover{background:var(--g-gold);border-color:var(--g-edge)}
html body.home-page .horizon-actions .horizon-tools:hover{background:var(--g-raised);border-color:var(--g-accent)}
html body.home-page .horizon-actions a::before,html body.home-page .horizon-actions a::after{content:none}
html body.home-page .horizon-actions .button-icon{width:22px;height:22px;filter:brightness(0) saturate(100%)}
html body.home-page .horizon-bottom{display:none}
@media(max-width:700px){
  html body.home-page .home-flight-wordmark{top:32px;font-size:13px;letter-spacing:.12em}
  html body.home-page .horizon-hero .container{padding:120px 22px 100px}
  html body.home-page .horizon-hero h1{font-size:min(clamp(2.2rem,9vw,3.3rem),12vw)}
  html body.home-page .horizon-lede{max-width:35ch;margin:20px auto 24px;font-size:15px;line-height:1.5}
  html body.home-page .horizon-actions{flex-direction:column;align-items:center}
  html body.home-page .horizon-actions a{width:min(100%,280px);min-height:44px;padding:9px 16px;font-size:14px}
  html body.home-page .horizon-actions .button-icon{width:18px;height:18px}
}
@media(max-width:360px){
  html body.home-page .horizon-hero .container{padding-top:108px}
}
@media(max-height:650px) and (min-width:701px){
  html body.home-page .home-flight-wordmark{top:24px}
  html body.home-page .horizon-hero .container{padding-top:100px}
  html body.home-page .horizon-hero h1{font-size:clamp(3rem,5.2vw,4.5rem)}
  html body.home-page .horizon-lede{margin-block:15px 18px}
}

/* Concise student choices and solid reading surfaces. */
html body.home-page .next-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
html body.home-page .next-step-card{
  display:flex;flex-direction:column;min-width:0;min-height:230px;padding:26px;
  color:var(--av-ink);background:var(--av-panel);border:1px solid var(--av-line);
  border-radius:16px;text-decoration:none;box-shadow:none;
}
html body.home-page .next-step-card:hover{background:var(--av-raised);border-color:var(--av-cyan)}
html body.home-page .next-step-number{font:600 12px/1.4 var(--font-sans,system-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--av-cyan)}
html body.home-page .next-step-card h3{margin:22px 0 8px;font-size:clamp(1.35rem,2vw,1.65rem);line-height:1.2;letter-spacing:-.025em}
html body.home-page .next-step-card p{margin:0 0 22px;color:var(--av-muted);font:400 1rem/1.55 var(--font-sans,system-ui)}
html body.home-page .next-step-link{margin-top:auto;color:var(--av-cyan);font-weight:600}
html body.home-page .about-panel,html body.home-page .faq-sheet{
  background:var(--av-panel);color:var(--av-ink);border-color:var(--av-line);box-shadow:none;
}
html body.home-page .about-text,html body.home-page .about-credential-summary{font-family:var(--font-sans,system-ui);line-height:1.6}
html body.home-page .about-credential-summary{font-size:.9rem;font-weight:600;color:var(--av-muted)}
html body.home-page :is(.about-more,.credentials-more,.email-draft){border-top:1px solid var(--av-line);margin-top:18px;padding-top:10px}
html body.home-page :is(.about-more,.credentials-more,.email-draft)>summary{
  min-height:44px;display:list-item;align-content:center;color:var(--av-cyan);font-weight:600;cursor:pointer;
}
html body.home-page .about-more-copy{padding:4px 0 8px}
html body.home-page .contact{max-width:840px;margin-inline:auto;padding:clamp(28px,5vw,56px);background:var(--av-panel);border:1px solid var(--av-line);border-radius:16px;box-shadow:none}
html body.home-page .contact-sheet{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
html body.home-page .contact :is(input,textarea,select){background:var(--av-bg);color:var(--av-ink);border:1px solid var(--av-line)}
html body.home-page .contact :is(input,textarea)::placeholder{color:var(--av-muted)}
html body.home-page .contact-direct a{color:var(--av-cyan)}
@media(max-width:900px){html body.home-page .next-step-grid{grid-template-columns:1fr}}
@media(max-width:600px){html body.home-page .next-step-card{min-height:0;padding:22px}html body.home-page .next-step-card h3{margin-top:14px}}
@media(prefers-reduced-motion:reduce){html body.home-page .next-step-card{transition:none}}
@media print{.home-flight-wordmark{display:none}}

html[data-gold-mode=dark] body.home-page .horizon-tools .button-icon{filter:brightness(0) invert(1)}
