/* ============================================================
   AI4NTP — Session 006 landing · DARK, aligned to the v6 system
   Loads /theme/base.css (tokens/buttons) + /theme/dark.css (theme).
   Same DNA as 004: centered editorial, // eyebrows, hairlines,
   ink-soft panels, boxed capture, lime accent. Adds: the trifecta
   diagram, the 7-agent teaser list, the live-only bonus band, the
   bring-your-team invite module, and the fit qualifier.
   Prefix: s6-*
   ============================================================ */

@keyframes s6pulse { 0%,100%{opacity:1;} 50%{opacity:.3;} }

/* ---- hero (centered, footer-style) ---- */
.s6-hero { padding: var(--s7) 0 var(--s9); position: relative; z-index: 2; text-align: center; }
.s6-hero-center { max-width: 720px; margin: 0 auto; }

.s6-tagrow { display: flex; flex-wrap: wrap; gap: var(--s3); align-items: center; margin-bottom: var(--s5); }
.s6-tagrow.center { justify-content: center; }
.s6-tag { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; padding: 6px 11px; border: 1px solid var(--on-dark-line); color: var(--on-dark-fog); }
.s6-tag.live { color: var(--ink); background: var(--signal); border-color: var(--signal); display: inline-flex; align-items: center; gap: 7px; }
.s6-tag.live::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--ink); animation: s6pulse 1.6s ease-in-out infinite; }

.s6-h1 { font-family: var(--font-display); font-weight: 300; font-size: clamp(40px, 5.6vw, 80px); letter-spacing: -0.04em; line-height: 0.97; color: var(--on-dark); text-wrap: balance; }
.s6-h1 em { font-family: var(--font-italic); font-style: italic; font-weight: 400; color: var(--signal); }
.s6-h1 .mark { background: var(--signal); color: var(--ink); padding: 0 0.08em; font-style: normal; font-family: var(--font-display); font-weight: 400; }
.s6-lede { font-size: clamp(16px, 1.7vw, 19px); line-height: 1.6; color: rgba(250,247,240,0.76); max-width: 54ch; margin-top: var(--s5); }
.s6-lede b { color: var(--on-dark); font-weight: 600; }

/* centered hero specifics */
.s6-hero .s6-h1 { font-size: clamp(38px, 5vw, 68px); margin: 0 auto; max-width: 15ch; }
.s6-hero .s6-lede { margin: var(--s5) auto 0; max-width: 46ch; }

/* host faces */
.s6-faces { margin-top: var(--s7); display: flex; flex-direction: column; align-items: center; gap: var(--s4); }
.s6-faces .row { display: flex; gap: var(--s5); }
.s6-faces .row img { width: clamp(92px, 21vw, 124px); height: clamp(92px, 21vw, 124px); border-radius: 50%; object-fit: cover; object-position: top center; filter: grayscale(100%) contrast(1.05); border: 1px solid var(--on-dark-line); }
.s6-faces .cap { font-size: 13.5px; color: var(--on-dark-fog); }
.s6-faces .cap b { color: var(--on-dark); font-weight: 600; }

/* urgency: countdown + seats, centered narrow */
.s6-urgency { max-width: 460px; margin: var(--s6) auto 0; }
.s6-count.center { margin-bottom: 0; }
.s6-seats.center { margin: var(--s4) 0 0; }

/* centered capture form */
.s6-cap-form { max-width: 520px; margin: var(--s6) auto 0; }
.s6-form-c { display: flex; flex-direction: column; gap: var(--s3); text-align: left; }
.s6-input-c { width: 100%; background: var(--ink); border: 1px solid var(--on-dark-line); color: var(--on-dark); font-family: var(--font-body); font-size: 15px; padding: 15px 16px; outline: none; text-align: left; }
.s6-input-c::placeholder { color: var(--on-dark-fog); }
.s6-input-c:focus { border-color: var(--signal); box-shadow: 0 0 0 3px var(--signal); }
.s6-cap-form .s6-note { margin-top: var(--s4); }

/* three perks across the bottom */
.s6-perks3 { max-width: 880px; margin: var(--s8) auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s6); text-align: left; }
.s6-perks3 .perk { display: grid; grid-template-columns: 16px 1fr; gap: var(--s3); font-size: 13.5px; line-height: 1.5; color: rgba(250,247,240,0.74); }
.s6-perks3 .perk::before { content: '+'; color: var(--signal); font-family: var(--font-mono); font-weight: 700; font-size: 15px; }
.s6-perks3 .perk b { color: var(--on-dark); font-weight: 600; }
@media (max-width: 720px) { .s6-perks3 { grid-template-columns: 1fr; max-width: 380px; gap: var(--s4); justify-items: start; } }

/* generic CTA buttons */
.s6-ctarow { display: flex; flex-wrap: wrap; gap: var(--s3); margin-top: var(--s6); }
.s6-cta { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; padding: 14px 22px; border: 1px solid var(--signal); background: var(--signal); color: var(--ink); cursor: pointer; transition: background 0.2s, color 0.2s, border-color 0.2s; text-decoration: none; }
.s6-cta:hover { background: var(--on-dark); border-color: var(--on-dark); }
.s6-cta.ghost { background: transparent; color: var(--on-dark); border-color: var(--on-dark-line); }
.s6-cta.ghost:hover { border-color: var(--signal); color: var(--signal); background: transparent; }

/* ---- registration card ---- */
.s6-reg { border: 1px solid var(--on-dark-line); background: var(--ink-soft); position: sticky; top: var(--s5); }
@media (max-width: 940px) { .s6-reg { position: static; } }
.s6-reg-head { padding: var(--s5) var(--s6); border-bottom: 1px solid var(--on-dark-line); }
.s6-reg-head .lab { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--on-dark-fog); margin-bottom: var(--s2); }
.s6-reg-head .ttl { font-family: var(--font-display); font-weight: 500; font-size: 23px; letter-spacing: -0.02em; color: var(--on-dark); }
.s6-reg-head .ttl em { font-family: var(--font-italic); font-style: italic; font-weight: 400; color: var(--signal); }
.s6-reg-body { padding: var(--s6); }

/* countdown */
.s6-count { display: flex; gap: var(--s3); margin-bottom: var(--s6); }
.s6-cell { flex: 1; border: 1px solid var(--on-dark-line); padding: var(--s4) var(--s2); text-align: center; }
.s6-cell .num { font-family: var(--font-display); font-weight: 300; font-size: clamp(24px, 4vw, 34px); line-height: 1; color: var(--signal); font-variant-numeric: tabular-nums; }
.s6-cell .lab { font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--on-dark-fog); margin-top: 8px; }

/* crew avatars + seat line */
.s6-crew { display: flex; align-items: center; gap: var(--s3); margin-bottom: var(--s6); }
.s6-crew .av { display: flex; }
.s6-crew .av img { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; object-position: top center; filter: grayscale(100%) contrast(1.05); border: 2px solid var(--ink-soft); margin-left: -10px; }
.s6-crew .av img:first-child { margin-left: 0; }
.s6-crew .txt { font-size: 13px; line-height: 1.4; color: var(--on-dark-fog); }
.s6-crew .txt b { color: var(--on-dark); font-weight: 600; }

/* seat meter */
.s6-seats { margin-bottom: var(--s5); }
.s6-seats .bar { height: 6px; background: var(--ink); border: 1px solid var(--on-dark-line); position: relative; overflow: hidden; }
.s6-seats .bar > span { position: absolute; inset: 0 auto 0 0; background: var(--signal); }
.s6-seats .cap { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--on-dark-fog); margin-top: 8px; display: flex; justify-content: space-between; }
.s6-seats .cap b { color: var(--signal); font-weight: 700; }

/* the form */
.s6-form { display: flex; border: 1px solid var(--on-dark-line); background: var(--ink); }
.s6-form:focus-within { box-shadow: 0 0 0 3px var(--signal); }
.s6-form input { flex: 1; min-width: 0; background: transparent; border: none; color: var(--on-dark); font-family: var(--font-body); font-size: 15px; padding: 15px 16px; outline: none; }
.s6-form input::placeholder { color: var(--on-dark-fog); }
.s6-form button { border: none; background: var(--signal); color: var(--ink); font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; padding: 0 20px; cursor: pointer; white-space: nowrap; transition: background 0.2s; }
.s6-form button:hover { background: var(--on-dark); }
.s6-form.invalid { box-shadow: 0 0 0 3px var(--rust); }
.s6-note { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--on-dark-fog); margin-top: var(--s4); text-align: center; }
.s6-note.ok { color: var(--signal); }
.s6-reg-perks { list-style: none; margin-top: var(--s5); padding-top: var(--s5); border-top: 1px solid var(--on-dark-line); display: flex; flex-direction: column; gap: var(--s3); }
.s6-reg-perks li { display: grid; grid-template-columns: 16px 1fr; gap: var(--s3); font-size: 13px; line-height: 1.4; color: rgba(250,247,240,0.78); }
.s6-reg-perks li::before { content: '+'; color: var(--signal); font-family: var(--font-mono); font-weight: 700; }
.s6-reg-perks li b { color: var(--on-dark); font-weight: 600; }

/* success state (in-card) */
.s6-success { display: none; text-align: center; }
.s6-success.show { display: block; }
.s6-success .ico { width: 56px; height: 56px; border-radius: 50%; background: var(--signal); color: var(--ink); display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-display); font-size: 28px; margin-bottom: var(--s4); }
.s6-success h3 { font-family: var(--font-display); font-weight: 500; font-size: 26px; letter-spacing: -0.02em; color: var(--on-dark); margin-bottom: var(--s3); }
.s6-success p { font-size: 15px; line-height: 1.55; color: rgba(250,247,240,0.78); margin-bottom: var(--s5); }
.s6-success .redirect-note { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--on-dark-fog); }
.s6-success .redirect-note a { color: var(--on-dark); border-bottom: 1px solid var(--signal); text-decoration: none; }

/* ---- section shell ---- */
.s6-section { padding: var(--s9) 0; border-top: 1px solid var(--on-dark-line); position: relative; z-index: 2; }
.s6-section.warm { background: var(--ink-soft); }
.s6-sec-eyebrow { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--on-dark-fog); display: inline-flex; align-items: center; gap: 10px; margin-bottom: var(--s5); }
.s6-sec-eyebrow::before { content: '//'; color: var(--signal); font-weight: 700; letter-spacing: -0.05em; }
.s6-h2 { font-family: var(--font-display); font-weight: 300; font-size: clamp(30px, 4.2vw, 52px); letter-spacing: -0.03em; line-height: 1.02; color: var(--on-dark); max-width: 22ch; text-wrap: balance; }
.s6-h2 em { font-family: var(--font-italic); font-style: italic; font-weight: 400; color: var(--signal); }
.s6-intro { font-size: 17px; line-height: 1.6; color: rgba(250,247,240,0.76); max-width: 62ch; margin-top: var(--s5); }
.s6-intro b { color: var(--on-dark); font-weight: 600; }

/* ---- trifecta diagram ---- */
.s6-trifecta { margin-top: var(--s8); }
.s6-prongs { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s5); }
@media (max-width: 760px) { .s6-prongs { grid-template-columns: 1fr; gap: var(--s4); } }
.s6-prong { border: 1px solid var(--on-dark-line); background: var(--ink-soft); padding: var(--s6); position: relative; }
.s6-prong .pnum { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--on-dark-fog); }
.s6-prong .picon { width: 40px; height: 40px; margin: var(--s4) 0 var(--s4); color: var(--signal); }
.s6-prong .picon svg { width: 100%; height: 100%; }
.s6-prong h3 { font-family: var(--font-display); font-weight: 500; font-size: 24px; letter-spacing: -0.02em; color: var(--on-dark); }
.s6-prong h3 em { font-family: var(--font-italic); font-style: italic; font-weight: 400; color: var(--signal); }
.s6-prong p { font-size: 14.5px; line-height: 1.55; color: rgba(250,247,240,0.72); margin-top: var(--s3); }

.s6-converge { display: flex; flex-direction: column; align-items: center; margin-top: var(--s2); }
.s6-converge svg { width: 100%; max-width: 620px; height: 64px; color: var(--on-dark-line); }
@media (max-width: 760px) { .s6-converge svg { display: none; } .s6-converge { margin-top: var(--s5); } }
.s6-outcome { display: inline-flex; align-items: center; gap: var(--s3); border: 1px solid var(--signal); background: rgba(212,255,58,0.06); padding: var(--s4) var(--s6); }
.s6-outcome .k { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--on-dark-fog); }
.s6-outcome .v { font-family: var(--font-display); font-weight: 500; font-size: clamp(20px, 3vw, 28px); letter-spacing: -0.02em; color: var(--on-dark); }
.s6-outcome .v em { font-family: var(--font-italic); font-style: italic; font-weight: 400; color: var(--signal); }

/* ---- the 7 agents ---- */
.s6-agents { margin-top: var(--s8); border-top: 1px solid var(--on-dark-line); }
.s6-agent { display: grid; grid-template-columns: 64px 1fr auto; gap: var(--s5); align-items: center; padding: var(--s6) var(--s2); border-bottom: 1px solid var(--on-dark-line); transition: background 0.2s, padding-left 0.2s; }
.s6-agent:hover { background: rgba(212,255,58,0.04); padding-left: var(--s4); }
.s6-agent .no { font-family: var(--font-display); font-weight: 300; font-size: clamp(30px, 4vw, 46px); letter-spacing: -0.03em; color: var(--signal); line-height: 1; }
.s6-agent .body h3 { font-family: var(--font-display); font-weight: 500; font-size: clamp(19px, 2.1vw, 24px); letter-spacing: -0.02em; color: var(--on-dark); line-height: 1.15; }
.s6-agent .body p { font-size: 14.5px; line-height: 1.5; color: rgba(250,247,240,0.68); margin-top: 6px; max-width: 62ch; }
.s6-agent .body p .old { color: var(--on-dark-fog); }
.s6-agent .body p .old b { color: rgba(250,247,240,0.85); font-weight: 600; }
.s6-agent .flag { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; padding: 6px 10px; border: 1px solid var(--on-dark-line); color: var(--on-dark-fog); white-space: nowrap; justify-self: end; }
.s6-agent .flag.time { color: var(--signal); border-color: rgba(212,255,58,0.4); }
.s6-agent .flag.money { color: #7FE0C6; border-color: rgba(127,224,198,0.4); }
.s6-agent .flag.grow { color: #F5B133; border-color: rgba(245,177,51,0.4); }
@media (max-width: 720px) {
  .s6-agent { grid-template-columns: 44px 1fr; gap: var(--s4); }
  .s6-agent .flag { grid-column: 2; justify-self: start; margin-top: var(--s2); }
}
.s6-agents-foot { margin-top: var(--s6); font-family: var(--font-italic); font-style: italic; font-size: 19px; color: var(--on-dark-fog); max-width: 60ch; }
.s6-agents-foot b { font-style: normal; font-family: var(--font-display); color: var(--on-dark); font-weight: 500; }

/* ---- expect / how we show it ---- */
.s6-expect { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: var(--s8); border-top: 1px solid var(--on-dark-line); }
@media (max-width: 820px) { .s6-expect { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .s6-expect { grid-template-columns: 1fr; } }
.s6-ex { padding: var(--s7) var(--s6); border-right: 1px solid var(--on-dark-line); }
.s6-ex:first-child { padding-left: 0; }
.s6-ex:last-child { border-right: none; padding-right: 0; }
@media (max-width: 820px) {
  .s6-ex { padding: var(--s6) var(--s6) var(--s6) 0; border-right: none; border-bottom: 1px solid var(--on-dark-line); }
  .s6-ex:nth-child(odd) { padding-left: 0; padding-right: var(--s6); }
  .s6-ex:nth-child(2n) { padding-right: 0; padding-left: var(--s6); }
}
.s6-ex .n { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.1em; color: var(--signal); margin-bottom: var(--s5); }
.s6-ex h3 { font-family: var(--font-display); font-weight: 500; font-size: 21px; letter-spacing: -0.02em; color: var(--on-dark); margin-bottom: var(--s3); }
.s6-ex p { font-size: 14.5px; line-height: 1.55; color: rgba(250,247,240,0.7); padding-right: var(--s3); }

/* ---- hosts ---- */
.s6-hosts { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s5); margin-top: var(--s8); }
@media (max-width: 860px) { .s6-hosts { grid-template-columns: 1fr; gap: var(--s5); } }
.s6-host { border: 1px solid var(--on-dark-line); background: var(--ink-soft); padding: var(--s6); }
.s6-host .ph { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: top center; filter: grayscale(100%) contrast(1.04); border: 1px solid var(--on-dark-line); display: block; margin-bottom: var(--s5); }
.s6-host .role { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--signal); margin-bottom: var(--s3); }
.s6-host .nm { font-family: var(--font-display); font-weight: 600; font-size: 24px; letter-spacing: -0.02em; color: var(--on-dark); }
.s6-host .co { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; color: var(--on-dark-fog); margin-top: 4px; }
.s6-host .bio { font-size: 14.5px; line-height: 1.55; color: rgba(250,247,240,0.72); margin-top: var(--s4); }
.s6-host .stat { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin-top: var(--s4); padding-top: var(--s4); border-top: 1px solid var(--on-dark-line); font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--on-dark-fog); line-height: 1.5; }
.s6-host .stat b { font-family: var(--font-display); font-size: 22px; font-weight: 400; letter-spacing: -0.02em; color: var(--signal); text-transform: none; }

/* ---- live-only bonus band ---- */
.s6-bonus { border: 1px solid var(--signal); background: rgba(212,255,58,0.05); padding: clamp(28px, 5vw, 56px); margin-top: var(--s8); display: grid; grid-template-columns: 1.3fr 1fr; gap: var(--s7); align-items: center; }
@media (max-width: 820px) { .s6-bonus { grid-template-columns: 1fr; gap: var(--s6); } }
.s6-bonus .tagline { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--signal); margin-bottom: var(--s4); display: inline-flex; align-items: center; gap: 8px; }
.s6-bonus .tagline::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--signal); animation: s6pulse 1.6s ease-in-out infinite; }
.s6-bonus h3 { font-family: var(--font-display); font-weight: 400; font-size: clamp(26px, 3.6vw, 40px); letter-spacing: -0.03em; line-height: 1.05; color: var(--on-dark); }
.s6-bonus h3 em { font-family: var(--font-italic); font-style: italic; color: var(--signal); }
.s6-bonus p { font-size: 15.5px; line-height: 1.6; color: rgba(250,247,240,0.8); margin-top: var(--s4); max-width: 54ch; }
.s6-bonus .guard { border-left: 2px solid var(--signal); padding-left: var(--s5); }
.s6-bonus .guard .k { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--on-dark-fog); margin-bottom: var(--s3); }
.s6-bonus .guard .v { font-family: var(--font-display); font-weight: 400; font-size: clamp(20px, 2.6vw, 26px); letter-spacing: -0.02em; line-height: 1.2; color: var(--on-dark); }
.s6-bonus .guard .v em { font-family: var(--font-italic); font-style: italic; color: var(--signal); }
.s6-bonus .guard .fine { font-size: 13px; line-height: 1.5; color: var(--on-dark-fog); margin-top: var(--s4); }

/* ---- bring your team / invite ---- */
.s6-invite { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s7); align-items: center; margin-top: var(--s7); }
@media (max-width: 820px) { .s6-invite { grid-template-columns: 1fr; gap: var(--s6); } }
.s6-invite .copy h3 { font-family: var(--font-display); font-weight: 500; font-size: clamp(22px, 3vw, 30px); letter-spacing: -0.02em; color: var(--on-dark); line-height: 1.1; }
.s6-invite .copy h3 em { font-family: var(--font-italic); font-style: italic; font-weight: 400; color: var(--signal); }
.s6-invite .copy p { font-size: 15px; line-height: 1.6; color: rgba(250,247,240,0.74); margin-top: var(--s4); max-width: 52ch; }
.s6-share { border: 1px solid var(--on-dark-line); background: var(--ink-soft); padding: var(--s6); }
.s6-share .lab { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--on-dark-fog); margin-bottom: var(--s4); }
.s6-share-row { display: flex; flex-wrap: wrap; gap: var(--s3); }
.s6-share a, .s6-share button { display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--on-dark); border: 1px solid var(--on-dark-line); background: transparent; padding: 11px 14px; text-decoration: none; cursor: pointer; transition: border-color 0.2s, color 0.2s; }
.s6-share a:hover, .s6-share button:hover { border-color: var(--signal); color: var(--signal); }
.s6-share .copied { color: var(--signal); border-color: var(--signal); }
.s6-share .linkbox { margin-top: var(--s4); font-family: var(--font-mono); font-size: 12px; color: var(--on-dark-fog); border: 1px dashed var(--on-dark-line); padding: 10px 12px; overflow-x: auto; white-space: nowrap; }

/* ---- who this is for ---- */
.s6-fit { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s5); margin-top: var(--s8); }
@media (max-width: 760px) { .s6-fit { grid-template-columns: 1fr; } }
.s6-fit-col { border: 1px solid var(--on-dark-line); padding: var(--s6); }
.s6-fit-col.yes { background: var(--ink-soft); }
.s6-fit-col .h { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: var(--s5); display: flex; align-items: center; gap: 10px; }
.s6-fit-col.yes .h { color: var(--signal); }
.s6-fit-col.no .h { color: var(--on-dark-fog); }
.s6-fit-col ul { list-style: none; display: flex; flex-direction: column; gap: var(--s4); }
.s6-fit-col li { display: grid; grid-template-columns: 18px 1fr; gap: var(--s3); font-size: 15px; line-height: 1.5; color: rgba(250,247,240,0.82); }
.s6-fit-col.yes li::before { content: '✓'; color: var(--signal); font-weight: 700; }
.s6-fit-col.no li::before { content: '—'; color: var(--on-dark-fog); }
.s6-fit-col.no li { color: rgba(250,247,240,0.6); }

/* ---- details band ---- */
.s6-details { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--on-dark-line); border-bottom: 1px solid var(--on-dark-line); margin-top: var(--s8); }
@media (max-width: 700px) { .s6-details { grid-template-columns: 1fr 1fr; } }
.s6-dt { padding: var(--s6) var(--s5); border-right: 1px solid var(--on-dark-line); }
.s6-dt:first-child { padding-left: 0; }
.s6-dt:last-child { border-right: none; }
@media (max-width: 700px) {
  .s6-dt:nth-child(2) { border-right: none; }
  .s6-dt:nth-child(odd) { padding-left: 0; }
  .s6-dt:nth-child(-n+2) { border-bottom: 1px solid var(--on-dark-line); }
}
.s6-dt .k { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--on-dark-fog); margin-bottom: var(--s3); }
.s6-dt .v { font-family: var(--font-display); font-weight: 500; font-size: 19px; letter-spacing: -0.01em; color: var(--on-dark); line-height: 1.15; }
.s6-dt .v em { font-family: var(--font-italic); font-style: italic; font-weight: 400; color: var(--signal); }

/* ---- faq ---- */
.s6-faq { max-width: 860px; margin-top: var(--s7); }
.s6-faq details { border-top: 1px solid var(--on-dark-line); }
.s6-faq details:last-child { border-bottom: 1px solid var(--on-dark-line); }
.s6-faq summary { list-style: none; cursor: pointer; padding: var(--s5) 0; display: grid; grid-template-columns: 1fr auto; gap: var(--s4); align-items: baseline; font-family: var(--font-display); font-weight: 500; font-size: clamp(18px, 2.1vw, 22px); letter-spacing: -0.015em; color: var(--on-dark); transition: opacity 0.2s; }
.s6-faq summary::-webkit-details-marker { display: none; }
.s6-faq summary:hover { opacity: 0.7; }
.s6-faq summary::after { content: '+'; font-family: var(--font-mono); font-size: 22px; line-height: 1; color: var(--signal); }
.s6-faq details[open] summary::after { content: '\2212'; }
.s6-faq .ans { padding: 0 0 var(--s6); font-size: 16px; line-height: 1.6; color: rgba(250,247,240,0.74); max-width: 72ch; }
.s6-faq .ans a { color: var(--on-dark); border-bottom: 1px solid var(--signal); text-decoration: none; }

/* ---- final cta ---- */
.s6-final { padding: var(--s10) 0; border-top: 1px solid var(--on-dark-line); text-align: center; position: relative; }
.s6-final .s6-sec-eyebrow { justify-content: center; }
.s6-final h2 { font-family: var(--font-display); font-weight: 300; font-size: clamp(38px, 6.4vw, 84px); letter-spacing: -0.04em; line-height: 0.98; color: var(--on-dark); margin-bottom: var(--s5); }
.s6-final h2 em { font-family: var(--font-italic); font-style: italic; font-weight: 400; color: var(--signal); }
.s6-final .s6-final-sub { font-size: 17px; line-height: 1.6; color: rgba(250,247,240,0.74); max-width: 52ch; margin: 0 auto var(--s7); }
.s6-final .s6-form { max-width: 460px; margin: 0 auto; }
.s6-final .s6-note { margin-top: var(--s4); }
.s6-about { font-size: 14.5px; line-height: 1.6; color: rgba(250,247,240,0.55); max-width: 72ch; margin: var(--s8) auto 0; text-align: center; }
.s6-about b { color: var(--on-dark-fog); }

@media (prefers-reduced-motion: reduce) {
  .s6-tag.live::before, .s6-bonus .tagline::before { animation: none; }
}

/* ============================================================
   RECAP additions (post-event transform, July 12 2026):
   replay embed, 5-min catch-up, booking cards, tools list,
   collapsible transcript. Same s6 DNA.
   ============================================================ */

/* replay tag (steady, no pulse) */
.s6-tag.replay { color: var(--signal); border-color: rgba(212,255,58,0.5); }

/* ---- replay embed ---- */
.s6-video { position: relative; width: 100%; aspect-ratio: 16 / 9; margin-top: var(--s7); border: 1px solid var(--on-dark-line); background: #000; }
.s6-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.s6-replay-soon { margin-top: var(--s7); border: 1px dashed var(--on-dark-line); background: var(--ink-soft); padding: clamp(32px, 6vw, 64px); text-align: center; aspect-ratio: 16 / 9; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.s6-replay-soon .k { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--signal); margin-bottom: var(--s4); }
.s6-replay-soon h3 { font-family: var(--font-display); font-weight: 400; font-size: clamp(24px, 3.4vw, 36px); letter-spacing: -0.02em; color: var(--on-dark); max-width: 20ch; line-height: 1.1; }
.s6-replay-soon p { font-size: 15px; line-height: 1.6; color: rgba(250,247,240,0.72); max-width: 46ch; margin-top: var(--s4); }

/* ---- 5-min catch-up ---- */
.s6-catchup { max-width: 68ch; margin-top: var(--s7); }
.s6-catchup p { font-size: 16.5px; line-height: 1.65; color: rgba(250,247,240,0.82); margin-top: var(--s5); }
.s6-catchup p:first-child { margin-top: 0; }
.s6-catchup p b { color: var(--on-dark); font-weight: 600; }
.s6-moments { margin-top: var(--s8); border-top: 1px solid var(--on-dark-line); }
.s6-moments .mh { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--on-dark-fog); padding-top: var(--s6); }
.s6-moment { display: grid; grid-template-columns: 64px 1fr; gap: var(--s4); padding: var(--s4) 0; border-bottom: 1px solid var(--on-dark-line); font-size: 15.5px; line-height: 1.5; color: rgba(250,247,240,0.78); }
.s6-moment .t { font-family: var(--font-mono); font-size: 12.5px; color: var(--signal); font-variant-numeric: tabular-nums; }
.s6-moment b { color: var(--on-dark); font-weight: 600; }

/* ---- booking / contact cards ---- */
.s6-book { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s5); margin-top: var(--s8); }
@media (max-width: 860px) { .s6-book { grid-template-columns: 1fr; } }
.s6-bcard { border: 1px solid var(--on-dark-line); background: var(--ink-soft); padding: var(--s6); display: flex; flex-direction: column; }
.s6-bcard .ph { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; object-position: top center; filter: grayscale(100%) contrast(1.04); border: 1px solid var(--on-dark-line); margin-bottom: var(--s4); }
.s6-bcard .nm { font-family: var(--font-display); font-weight: 600; font-size: 21px; letter-spacing: -0.02em; color: var(--on-dark); }
.s6-bcard .co { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.05em; color: var(--on-dark-fog); margin-top: 4px; }
.s6-bcard .blurb { font-size: 14.5px; line-height: 1.55; color: rgba(250,247,240,0.72); margin-top: var(--s4); flex: 1; }
.s6-bcard .links { display: flex; flex-wrap: wrap; gap: var(--s3); margin-top: var(--s5); }
.s6-bcard .links a { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--on-dark); border: 1px solid var(--on-dark-line); padding: 10px 13px; text-decoration: none; transition: border-color 0.2s, color 0.2s; }
.s6-bcard .links a:hover { border-color: var(--signal); color: var(--signal); }
.s6-bcard .links a.primary { background: var(--signal); color: var(--ink); border-color: var(--signal); }
.s6-bcard .links a.primary:hover { background: var(--on-dark); border-color: var(--on-dark); color: var(--ink); }

/* ---- tools list ---- */
.s6-tools { margin-top: var(--s8); }
.s6-toolgroup { border-top: 1px solid var(--on-dark-line); padding: var(--s6) 0; display: grid; grid-template-columns: 200px 1fr; gap: var(--s5); }
@media (max-width: 720px) { .s6-toolgroup { grid-template-columns: 1fr; gap: var(--s4); } }
.s6-toolgroup .tg-h { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--signal); line-height: 1.5; }
.s6-toolgroup .tg-list { display: flex; flex-direction: column; gap: var(--s4); }
.s6-tool { font-size: 15.5px; line-height: 1.55; color: rgba(250,247,240,0.76); }
.s6-tool b { color: var(--on-dark); font-weight: 600; }
.s6-tool a { color: var(--on-dark); border-bottom: 1px solid var(--signal); text-decoration: none; }
.s6-tool a:hover { color: var(--signal); }
.s6-tool .who { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.04em; color: var(--on-dark-fog); }

/* ---- deck link ---- */
.s6-deck { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s5); margin-top: var(--s7); border: 1px solid var(--on-dark-line); background: var(--ink-soft); padding: var(--s6); }
.s6-deck .d-copy h3 { font-family: var(--font-display); font-weight: 500; font-size: 22px; letter-spacing: -0.02em; color: var(--on-dark); }
.s6-deck .d-copy p { font-size: 14.5px; line-height: 1.5; color: rgba(250,247,240,0.7); margin-top: 6px; max-width: 52ch; }

/* ---- transcript (reuses faq accordion) ---- */
.s6-transcript { max-width: 860px; margin-top: var(--s7); }
.s6-transcript > details { border: 1px solid var(--on-dark-line); }
.s6-transcript > details > summary { list-style: none; cursor: pointer; padding: var(--s5) var(--s6); display: grid; grid-template-columns: 1fr auto; align-items: baseline; font-family: var(--font-display); font-weight: 500; font-size: clamp(18px, 2.1vw, 22px); letter-spacing: -0.015em; color: var(--on-dark); }
.s6-transcript > details > summary::-webkit-details-marker { display: none; }
.s6-transcript > details > summary::after { content: 'Open +'; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--signal); }
.s6-transcript > details[open] > summary::after { content: 'Close \2212'; }
.s6-tx { padding: 0 var(--s6) var(--s6); max-height: 620px; overflow-y: auto; border-top: 1px solid var(--on-dark-line); }
.s6-tx p { font-size: 15px; line-height: 1.6; color: rgba(250,247,240,0.76); margin-top: var(--s4); }
.s6-tx p .sp { color: var(--signal); font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.04em; }
.s6-tx .note { font-size: 13px; color: var(--on-dark-fog); margin-top: 0; padding-top: var(--s5); }