/* The growth engine deck: the /present/ motion system in the gtm showrunner palette.
   Black ground, one orange, warm white. Tokens match gtmshowrunner.com. */
:root {
  --bg:#0a0c10; --panel:#10131a; --panel2:#171b24;
  --ink:#f4f1ec; --ink2:rgba(244,241,236,.72); --ink3:#8c94a3;
  --teal:#ff6a2b; --blue:#c9c4bc; --gold:#f4f1ec; --red:#ff5a5f;
  --orange:#ff6a2b; --orange-deep:#ff3d00;
  --grad:linear-gradient(135deg,#ff6a2b,#ff3d00);
  --line:rgba(255,255,255,.10); --line2:rgba(255,255,255,.06);
  --serif:'Bricolage Grotesque','Geist',-apple-system,BlinkMacSystemFont,sans-serif;
  --sans:'Geist',-apple-system,BlinkMacSystemFont,sans-serif;
  --mono:'Geist Mono',ui-monospace,Menlo,monospace;
  --teal-haze:rgba(255,106,43,.09);
  --blue-haze:rgba(255,61,0,.05);
  --gold-glow:rgba(255,106,43,.16);
  --teal-glow:rgba(255,106,43,.20);
  --blue-glow:rgba(244,241,236,.10);
  --clear:rgba(10,12,16,0);
  --shade:rgba(10,12,16,.78);
  --shade-soft:rgba(10,12,16,.28);
  --tracking-display:-0.035em;
}
html, body { background:var(--bg); }
body { background:radial-gradient(ellipse at 100% 0%,rgba(255,106,43,.10),var(--clear) 50%),radial-gradient(ellipse at 0% 100%,rgba(255,61,0,.05),var(--clear) 45%),var(--bg); }
::selection { color:#fff; background:var(--orange); }

/* Bricolage has no italic: the accent is colour, not slant. */
h2, .hero-statement, .slide-line { font-family:var(--serif); font-weight:700; }
h2 em, .hero-statement em, .slide-line em { font-style:normal; color:var(--orange); }
.hero-statement em { color:var(--ink); }
.hero-statement .hero-offering { color:var(--orange); }
.venture-card h3, .tier-card h3 { font-family:var(--serif); font-weight:700; letter-spacing:-.02em; }
.tier-total, .tier-show-now { font-family:var(--serif); font-weight:700; letter-spacing:-.02em; }

/* Act washes in the motion system use fixed tints; move them to orange. */
:root.mx section[data-act] { --mx-tone:rgba(255,106,43,.08); }
:root.mx [data-tone] { --mx-tone:rgba(255,106,43,.07); }

/* Buttons: solid orange primary, quiet outline secondary. */
.primary-button { background:var(--orange); border-color:var(--orange); color:#fff; box-shadow:0 6px 30px rgba(255,106,43,.28); }
.primary-button:hover, .primary-button:focus-visible { background:var(--orange-deep); border-color:var(--orange-deep); color:#fff; }
.secondary-button { border-color:var(--line); color:var(--ink); }
.secondary-button:hover { border-color:var(--orange); color:var(--orange); }

/* Site-wide home link: arrow and domain, nothing else. */
.home { display:inline-flex; align-items:center; gap:8px; font-family:var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:.16em; color:var(--ink2); text-decoration:none; transition:color .2s; }
.home:hover, .home:focus-visible { color:var(--ink); }

/* Calendar kinds in palette: taping orange, pre-interview white, client grey, other faint. */
.engine-deck .kind-taping { --kind:#ff6a2b; }
.engine-deck .kind-pre-interview { --kind:#f4f1ec; }
.engine-deck .kind-client { --kind:#ffb08a; }
.engine-deck .kind-other { --kind:#5b6474; }

/* Slide 6: how it works, under the headline. */
.keys-how { max-width:34rem; margin-top:1rem; color:var(--ink2); }

/* Slide 7: the offer. */
.offer-guarantee { margin:0; font-weight:500; line-height:1.5; font-size:15px; color:var(--ink); max-width:34rem; }
.offer-guarantee b { color:var(--orange); font-weight:600; }
.offer-guarantee-terms { margin:-.4rem 0 0; font-size:13px; opacity:.72; line-height:1.5; max-width:34rem; }
.offer-terms { margin:0; font-size:13px; line-height:1.55; color:var(--ink2); max-width:34rem; }
.offer-more { display:flex; flex-wrap:wrap; gap:.6rem 1.6rem; margin-top:1.1rem; justify-content:center; }
.offer-more-link { color:var(--ink2); border-bottom:1px solid var(--line); padding-bottom:2px; transition:color .2s, border-color .2s; }
.offer-more-link:hover, .offer-more-link:focus-visible { color:var(--orange); border-color:var(--orange); }
.offer-disclaimer { margin:.9rem auto 0; max-width:46rem; font-size:11px; line-height:1.5; color:var(--ink3); text-align:center; }
.tier-card.accent-blue { border-color:rgba(255,106,43,.55); box-shadow:0 0 0 1px rgba(255,106,43,.25), 0 24px 60px -30px rgba(255,106,43,.45); }

/* The dock stays on phones too: seven dots fit. */
@media (max-width:760px) {
  .slide-dock { display:flex; bottom:10px; padding:6px 10px; gap:5px; opacity:.7; }
  .sd-gap { width:4px; }
  .sd-dot { width:7px; height:7px; }
  .sd-dot.is-active { width:16px; }
  .sd-tip { display:none; }
  .offer-more { flex-direction:column; align-items:center; }
}
.sd-dot:hover, .sd-dot:focus-visible { background:var(--ink); }
.sd-dot.is-active { background:var(--orange); }
.sd-tip { border-color:rgba(255,106,43,.5); }

/* The offer column stacks: cards, then the quieter links, then the disclaimer. */
#offer .slide-visual { flex-direction:column; align-items:stretch; justify-content:center; }
#offer .slide-visual > .tier-grid { width:100%; }

/* Chicken and egg: investors in orange, traction in white, the show ring in white. */
#loop .lp-c1 { stroke:var(--orange); }