/* Presentation only. Scoped to the landing page; shared app styles stay intact. */
#intake {
  --section: clamp(64px, 8vw, 112px);
  --ash: #aaa3b6;
}
#intake .nav { gap: 24px; border-bottom-color: var(--line); }
#intake .nav .brand svg { width: 42px; height: 42px; }
#intake .nav .brand span { font-size: 21px; letter-spacing: .3em; }
#intake .nav nav { gap: 24px; }
#intake .nav > .brand, #intake .nav > .btn, #intake .acct-btn { flex-shrink: 0; }
#intake .nav nav a { white-space: nowrap; }
#intake .hero {
  padding-top: clamp(56px, 7vw, 96px);
  gap: clamp(32px, 4vw, 64px);
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
}
#intake .landing-eyebrow {
  color: var(--gold);
  font: 600 13.5px/1.6 var(--sans);
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 24px;
}
#intake .hero h1 { font-size: clamp(54px, 7.1vw, 96px); line-height: 1.04; }
#intake .lede { font-size: clamp(17px, 1.5vw, 19px); line-height: 1.75; margin-top: 24px; max-width: 46ch; }
#intake .hero-cta { margin-top: 32px; gap: 12px; }
#intake .landing-cta-note { color: var(--ash); font-size: 14.5px; line-height: 1.6; margin-top: 16px; max-width: 46ch; }
#intake .trust { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 40px; }
#intake .trust li { padding-left: 12px; gap: 6px; }
#intake .trust b { font-size: 21px; line-height: 1.25; }
#intake .trust span { font-size: 13.5px; line-height: 1.55; }
#intake .sky figcaption { max-width: 36ch; font-size: 13.5px; line-height: 1.7; margin-top: 16px; }
#intake .section-title { max-width: 24ch; font-size: clamp(36px, 4vw, 54px); line-height: 1.12; text-wrap: balance; }
#intake .section-sub { max-width: 57ch; font-size: 17px; line-height: 1.75; margin-top: 20px; }
#intake .systems, #intake .steps, #intake .features, #intake .plans { margin-top: 48px; }
#intake .systems { gap: 40px 48px; }
#intake .systems article { padding-top: 22px; }
#intake .systems p { max-width: 34ch; }
#intake .steps { gap: 40px; }
#intake .steps .num { margin-bottom: 22px; background: rgba(212, 182, 122, .04); }
#intake .steps h3, #intake .features h3 { font-size: 27px; line-height: 1.2; text-wrap: balance; }
#intake .systems p, #intake .steps p, #intake .features p { font-size: 16.5px; line-height: 1.75; }
#intake .features { gap: 24px; }
#intake .features article { padding: 32px; background: linear-gradient(145deg, rgba(212, 182, 122, .035), var(--surface)); }
#intake .features svg { max-width: 220px; margin-bottom: 24px; }
#intake .features p { max-width: 45ch; }
#intake .begin { padding-bottom: 32px; }
#intake .pricing { padding-top: 40px; }
#intake .begin-inner { padding: clamp(28px, 4vw, 48px) clamp(16px, 3vw, 40px); border: 1px solid var(--line); border-radius: 24px; background: var(--night-2); }
#intake .begin .section-title { margin-bottom: 36px; }
#intake .sentence > p { white-space: normal; }
#intake .sentence > p + p { margin-top: 8px; }
#intake .sentence input:not([type=checkbox]) { max-width: 100%; }
#intake .sentence input::placeholder { color: #aba08b; }
#intake .sentence .place { max-width: 100%; }
#intake .form-options { gap: 20px; line-height: 1.6; margin-top: 28px; }
#intake .form-options label { flex-wrap: wrap; justify-content: center; }
#intake .form-options .check { flex-wrap: nowrap; }
#intake .form-options input[type=checkbox] { flex-shrink: 0; }
#intake .sentence .form-note { margin-top: 16px; line-height: 1.6; }
#intake .sentence .btn { margin-top: 28px; }
#intake .plans article { padding: 32px 24px; }
#intake .plans ul { font-size: 15.5px; line-height: 1.7; }
#intake .plans .btn { padding-left: 16px; padding-right: 16px; }
#intake .faq { gap: 48px; }
#intake .faq summary { font-size: 22px; line-height: 1.4; }
#intake .faq details p { font-size: 16px; line-height: 1.8; }
#intake .site-foot { padding: 56px 0; }
#intake .btn { min-height: 44px; }

@media (max-width: 1100px) {
  #intake .nav .acct-btn { margin-left: auto; }
}
@media (max-width: 980px) {
  #intake .hero { grid-template-columns: 1fr; gap: 40px; }
  #intake .hero-copy { max-width: 640px; }
  #intake .sky { order: 0; }
  #intake .sky svg { width: min(100%, 360px); }
  #intake .trust { max-width: 520px; }
  #intake .steps { grid-template-columns: 1fr; gap: 32px; }
  #intake .steps p { max-width: 58ch; }
}
@media (max-width: 600px) {
  #intake .nav { gap: 16px; padding-top: 16px; padding-bottom: 16px; }
  #intake .hero h1 { font-size: clamp(42px, 10.8vw, 64px); }
  #intake .landing-eyebrow { font-size: 12px; letter-spacing: .1em; margin-bottom: 20px; }
  #intake .hero-cta .btn { padding: 14px 22px; }
  #intake .trust { gap: 10px; }
  #intake .trust li { padding-left: 10px; }
  #intake .trust b { font-size: 17px; }
  #intake .trust span { font-size: 11px; }
  #intake .systems, #intake .steps, #intake .features, #intake .plans { margin-top: 32px; }
  #intake .features article { padding: 24px; }
  #intake .begin { padding-bottom: 24px; }
  #intake .pricing { padding-top: 28px; }
  #intake .begin-inner { border-radius: 18px; }
  #intake .begin .section-title { font-size: 32px; }
  #intake .form-options { font-size: 14px; }
  #intake .faq { gap: 28px; }
}
