/* ============================================
   SNAPFIRE v2 · SITE
   Direction C ("founder-led"): Bricolage Grotesque display, Inter
   body, cool blue-black ground, orange for action and the one line
   that matters. Shared by every redesigned page.
   ============================================ */

:root {
  --bg: #0a0c0e;
  --raise: #12161a;
  --raise-2: #1a1f24;
  --line: #262d33;
  --line-2: #3a434b;
  --text: #eef1f2;
  --muted: #b4bcc2;
  --faint: #8b959c;
  --font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --wrap: 1240px;
}

.section { padding: clamp(80px, 10vw, 140px) 0; }
.h2 { font-family: var(--font-display); font-variation-settings: "opsz" 96; font-weight: 700; font-size: clamp(2.2rem, 4.6vw, 3.8rem); line-height: 1; letter-spacing: -0.035em; }
.lede { color: var(--muted); font-size: 1.125rem; max-width: 46ch; }
.split { display: grid; grid-template-columns: 5fr 7fr; gap: clamp(32px, 6vw, 96px); align-items: start; }
.split__aside { position: sticky; top: 112px; }

.section--alt { background: var(--raise); }
.faq { padding-top: 0; }
.nav__logo { font-family: var(--font-display); }

/* ---------- FINAL ---------- */
.final { padding-top: 0; }
.final__inner { position: relative; text-align: center; padding: clamp(64px, 9vw, 120px) clamp(24px, 6vw, 80px); border-radius: 28px; background: radial-gradient(70% 90% at 50% 0%, rgba(255,107,53,.22), transparent 70%), var(--raise); overflow: hidden; }
.final__mark { margin: 0 auto var(--s6); }
.final__title { font-family: var(--font-display); font-variation-settings: "opsz" 96; font-weight: 800; font-size: clamp(3rem, 7.6vw, 6rem); line-height: .94; letter-spacing: -0.045em; margin-bottom: var(--s5); }
.final__lede { color: var(--muted); font-size: 1.15rem; max-width: 54ch; margin: 0 auto var(--s6); }
.final__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--s3); margin-bottom: var(--s4); }
.final__note { font-size: .92rem; color: var(--faint); margin-bottom: var(--s7); }
.final__area { font-size: .9rem; color: var(--faint); max-width: 60ch; margin: 0 auto; }

/* ---------- FOOTER ---------- */
.footer { padding: var(--s8) 0 var(--s6); }
.footer__top { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: var(--s6); margin-bottom: var(--s7); }
.footer__brand p { color: var(--muted); font-size: .95rem; margin-top: var(--s3); max-width: 30ch; }
.footer__col { display: flex; flex-direction: column; gap: var(--s2); }
.footer__col h3 { font-size: .85rem; font-weight: 600; color: var(--faint); margin-bottom: var(--s1); }
.footer__col a { color: var(--muted); font-size: .95rem; }
.footer__col a:hover { color: var(--accent); }
.footer__bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--s4); padding-top: var(--s5); border-top: 1px solid var(--line); font-size: .88rem; color: var(--faint); }

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1000px) {
  .split { grid-template-columns: 1fr; }
  .split__aside { position: static; }
  .footer__top { grid-template-columns: 1fr 1fr 1fr; }
  .footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .final__actions .btn { width: 100%; }
  .footer__top { grid-template-columns: 1fr 1fr; }
}