/* Offer clarity and accessible wayfinding. */
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 100; padding: 12px 18px; background: var(--bone); color: var(--ink); transform: translateY(-180%); }
.skip-link:focus { transform: none; }
:focus-visible { outline: 3px solid var(--verm-bright); outline-offset: 5px; }
[id] { scroll-margin-top: 120px; }
.nav__toggle { display: none; background: transparent; border: 1px solid currentColor; padding: 10px 14px; color: inherit; font: inherit; font-size: 14px; cursor: pointer; }
.nav__links { gap: 22px; }
.nav__cta { white-space: nowrap; font-size: 14px; }
.nav__inner { gap: 28px; }
.section-intro { font-size: 18px; line-height: 1.6; margin-top: 24px; color: var(--muted); }
.section--dark .section-intro, .section--ink .section-intro { color: var(--muted-dark); }
.scope-note { font-size: 16px; line-height: 1.6; color: var(--muted); margin: 32px 0 0; }
.evidence-note { color: var(--muted-dark); font-size: 16px; line-height: 1.6; margin-bottom: 32px; }
.offer-actions { display: flex; gap: 20px; flex-wrap: wrap; align-items: center; margin-top: 36px; }
.offer-actions p { margin: 0; }
.table-scroll { overflow-x: auto; }
.decision-sample { padding: 32px; border: 1px solid var(--rule-dark); background: var(--teal-deep); align-self: center; }
.decision-sample > .mono { color: var(--gold-soft); }
.decision-sample h2 { font-size: clamp(26px, 2.6vw, 36px); margin: 24px 0; letter-spacing: -.02em; }
.decision-sample__call { font-family: var(--serif); font-size: 26px; color: var(--gold-soft); border-top: 1px solid var(--rule-dark); padding-top: 20px; }
.decision-sample dl { margin: 24px 0; }
.decision-sample dt { font-size: 13px; text-transform: uppercase; letter-spacing: .1em; margin-top: 20px; color: var(--gold-soft); }
.decision-sample dd { margin: 6px 0 0; font-size: 16px; line-height: 1.6; color: var(--muted-dark); }
.decision-sample .small { margin: 0; font-size: 14px; }
.sequence-head { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; margin-bottom: 64px; align-items: end; }
.cta-band { --gold: #F5B01A; --gold-soft: #F8CE6B; --on-gold: #0F181B; }
.btn--ghost:hover { opacity: 1; }
.section-label, .eyebrow, .mono { overflow-wrap: anywhere; }
.nav__brand { flex-shrink: 0; }
.wrap, .grid-2 > *, .offer-body > *, .so-head > *, .hero__inner > * { min-width: 0; }
.ch-table { min-width: 660px; }
.case::after { content: none !important; }
.principles-list span { font-size: 16px; }
.field label, .form__note { font-size: 12px; }
.field input, .field textarea, .field select { font-size: 16px; }
.form__note { text-transform: none; letter-spacing: .01em; }
.form__note a { overflow-wrap: anywhere; }
.section--dark .btn--ghost:hover, .section--ink .btn--ghost:hover, .page-head .btn--ghost:hover, .hero .btn--ghost:hover, .cta-band .btn--ghost:hover { background: transparent; color: var(--bone); border-color: var(--gold-soft); }
.nav__links { align-items: center; }
/* Menu button below this width; matches MENU_BREAKPOINT in site.js. */
@media (max-width: 1140px) {
  .nav__inner { flex-wrap: wrap; gap: 16px; }
  .nav__toggle { display: block; margin-left: auto; }
  .nav__links { display: none; order: 4; width: 100%; margin: 0; padding: 8px 0; flex-direction: column; align-items: stretch; gap: 0; }
  .nav.is-open .nav__links { display: flex; }
  .nav__links > a { padding: 12px 0; align-self: flex-start; font-size: 15px; }
  .nav__links a::after { bottom: 6px; }
}
@media (max-width: 900px) {
  .sequence-head { grid-template-columns: 1fr; gap: 32px; }
  .agentic { grid-template-columns: 1fr !important; gap: 40px !important; }
  .hero__right { align-items: flex-start !important; }
  .hero__sub { max-width: none !important; }
  .hero__mark { display: none; }
  .so-head h1 { font-size: clamp(44px, 8vw, 72px); }
  .offer-block { padding: 80px 0; }
  .offer-body { gap: 40px; }
  .page-head .lede { font-size: 22px; }
  .phone-block__n { font-size: clamp(26px, 5.5vw, 46px); }
  .direct__who { font-size: clamp(20px, 4.5vw, 28px); overflow-wrap: anywhere; }
  .direct__line { flex-wrap: wrap; gap: 12px; }
}
@media (max-width: 700px) {
  .gates { display: none; }
  .nav__inner { padding: 16px var(--gutter); }
  .nav__cta { order: 3; width: 100%; text-align: center; }
  .hero h1 { font-size: clamp(44px, 10vw, 68px); }
  .hero__inner { min-height: auto; padding-top: 64px; gap: 32px; }
  .hero__right { display: block; }
  .hero__trust { padding-top: 24px; padding-bottom: 24px; }
  .hero__ctas .btn, .so-head__meta .btn { width: 100%; justify-content: center; }
  .way { padding: 32px 24px; }
  .offer-block__title { font-size: 42px; overflow-wrap: anywhere; }
  .exec-q .big { font-size: 52px; }
  .decision-sample { padding: 24px; }
  .footer__grid { grid-template-columns: 1fr; gap: 32px; }
  .footer__meta span { white-space: normal; }
  .triptych__col { padding: 32px 24px; }
  .sc-fail .t { font-size: 16px; }
  .sc-fail .t b { font-size: 14px; }
  .to-top { right: 16px; bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: 0s !important; }
}

/* Two offer cards. */
.ways { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.way { display: flex; flex-direction: column; padding: 36px 28px; min-width: 0; }
.way__m { margin-top: auto; padding-top: 24px; flex-direction: column; align-items: flex-start; gap: 12px; }
.way__d { margin-bottom: 28px; }
@media (max-width: 1100px) { .ways { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .way { padding: 32px 24px; } }

/* Shared closing band; keeps the side gutter. */
.cta-band { background: var(--ink); color: var(--bone); border-top: 1px solid var(--rule-dark); }
.cta-band__inner { display: flex; justify-content: space-between; align-items: center; padding: 80px var(--gutter); flex-wrap: wrap; gap: 32px; }
.cta-band h2 { max-width: 22ch; font-size: clamp(32px, 4vw, 56px); }
.cta-band__btns { display: flex; gap: 14px; flex-wrap: wrap; }

/* Long offer options must not widen the form. */
.contact-layout > *, .form__grid > * { min-width: 0; }
.field input, .field textarea, .field select { width: 100%; max-width: 100%; min-width: 0; }
@media (max-width: 900px) { .contact-layout { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 400px) {
  .stats-band { grid-template-columns: minmax(0, 1fr) !important; }
  .stats-band__cell { border-right: none !important; }
}
@media (max-width: 700px) { .page-head .offer-actions .btn { width: 100%; justify-content: center; } }
.page-head .small, .decision-sample .small, .cta-band .small { color: var(--muted-dark); }