.s6-eyebrow-h{font-family:var(--font-mono);font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:20px}
.s6-eyebrow-h em{color:var(--status-critical-ink);font-style:normal}

/* ---- Cadence ---- */
.s6-cadence-section{max-width:var(--wide-w);margin:0 auto 64px;padding:0 24px}
.s6-cadence{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;justify-content:center;padding:28px 20px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-m)}
.s6-cadence-step{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px;max-width:150px;text-align:center}
.s6-cadence-icon{
  position:relative;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 12px -2px rgba(0,0,0,.3), inset 0 -3px 6px rgba(0,0,0,.15);
}
.s6-cadence-n{
  position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;border-radius:50%;
  background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-primary);
  font-family:var(--font-mono);font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center;
}
.s6-cadence-label{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-primary)}
.s6-cadence-desc{font-family:var(--font-body);font-size:.78rem;color:var(--text-secondary);line-height:1.35}
.s6-cadence-arrow{color:var(--border-strong);flex:0 0 auto;margin-top:16px}
.s6-cadence-note{max-width:60em;margin:20px auto 0;color:var(--text-muted);font-size:.86rem;text-align:center}

/* ---- Pull quote ---- */
.s6-pullquote{max-width:var(--content-w);margin:0 auto 48px;padding:0 24px}
.s6-pullquote p{
  font-family:var(--font-display);font-weight:500;font-size:clamp(1.4rem,3vw,2rem);line-height:1.28;
  color:var(--text-primary);border-left:4px solid var(--accent);padding-left:24px;margin:0;
}
.s6-pullquote strong{color:var(--accent-ink)}

.s6-body{margin-bottom:48px}
.s6-body p{max-width:44em;color:var(--text-secondary);font-size:1.02rem;line-height:1.65}

/* ---- Killer demo ---- */
.s6-demo{max-width:var(--wide-w);margin:0 auto 64px;padding:28px 28px 24px;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-l)}
.s6-demo-label{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:10px}
.s6-demo h3{margin-bottom:20px}
.s6-demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.s6-demo-panel{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-m);padding:18px}
.s6-demo-mark{font-family:var(--font-mono);font-weight:700;font-size:.82rem;letter-spacing:.05em;color:var(--text-primary);margin-bottom:14px}
.s6-demo-bets{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.s6-demo-bet{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--text-primary);padding:7px 10px;border-radius:var(--radius-s);background:var(--surface-1);border:1px solid var(--border)}
.s6-demo-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.s6-demo-bet.good .s6-demo-dot{background:var(--status-good)}
.s6-demo-bet.warning .s6-demo-dot{background:var(--status-warning)}
.s6-demo-bet.critical .s6-demo-dot{background:var(--status-critical)}
.s6-demo-bet.good{border-left:3px solid var(--status-good)}
.s6-demo-bet.warning{border-left:3px solid var(--status-warning)}
.s6-demo-bet.critical{border-left:3px solid var(--status-critical)}
.s6-demo-caption{margin:0;font-size:.82rem;color:var(--text-muted);line-height:1.4}
.s6-demo-reveal{
  margin-top:20px;font-family:var(--font-mono);font-size:.82rem;font-weight:600;color:var(--accent-ink);
  background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);
  border-radius:999px;padding:10px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
}
.s6-demo-reveal:hover{background:color-mix(in srgb, var(--accent-soft) 60%, var(--accent) 10%)}
.s6-demo-reveal-body{margin-top:20px;padding-top:20px;border-top:1px dashed var(--border-strong)}
.s6-demo-reveal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.s6-demo-reveal-h{font-family:var(--font-mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}
.s6-demo-timeline{display:flex;flex-direction:column;gap:6px;font-family:var(--font-mono);font-size:.82rem;color:var(--text-secondary)}
.s6-demo-timeline span{display:flex;justify-content:space-between;gap:8px}
.s6-demo-timeline b{color:var(--text-primary)}
.s6-demo-timeline .now{color:var(--status-critical-ink);font-weight:600}
.s6-demo-timeline .now b{color:var(--status-critical-ink)}
.s6-demo-reveal-grid ul{margin:0;padding-left:16px;font-size:.84rem;color:var(--text-secondary);line-height:1.5}
.s6-demo-reveal-grid p{margin:0;font-size:.84rem;color:var(--text-secondary);line-height:1.5}
.s6-demo-punch{margin:20px 0 0;font-family:var(--font-serif);font-style:italic;font-size:1.05rem;color:var(--text-primary);text-align:center}

/* ---- Products ---- */
.s6-products-head{max-width:var(--content-w);margin:0 auto 28px;padding:0 24px}
.s6-products-head p{max-width:46em;color:var(--text-secondary)}
.s6-products{max-width:var(--wide-w);margin:0 auto 64px;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.s6-product{
  text-align:left;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-l);
  padding:22px;cursor:pointer;display:flex;flex-direction:column;gap:8px;font:inherit;color:inherit;
  transition:box-shadow .16s,transform .16s,border-color .16s;
}
.s6-product:hover{box-shadow:var(--shadow-2);transform:translateY(-3px);border-color:var(--accent)}
.s6-product-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.s6-product-tag{font-family:var(--font-mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-ink);font-weight:700}
.s6-product-name{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--text-primary);line-height:1.2}
.s6-product-summary{font-size:.9rem;color:var(--text-secondary);line-height:1.45}
.s6-product-cta{margin-top:auto;padding-top:10px;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);display:flex;align-items:center;gap:5px}

.s6-feed{
  background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-s);
  padding:14px 16px;font-family:var(--font-mono);font-size:.78rem;line-height:1.6;color:var(--text-primary);
  white-space:pre-wrap;overflow-x:auto;margin:12px 0;
}

/* ---- Guardrails ---- */
.s6-guardrails{max-width:var(--content-w);margin:0 auto 56px;padding:0 24px}
.s6-guardrails ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.s6-guardrails li{
  font-size:.92rem;line-height:1.55;color:var(--text-secondary);padding:12px 16px;
  background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-s);
  border-left:3px solid var(--status-critical);
}
.s6-guardrails li b{color:var(--text-primary)}
.s6-guardrails a{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}

/* ---- Trap ---- */
.s6-trap{max-width:var(--content-w);margin:0 auto 56px;padding:0 24px}
.s6-trap p{max-width:46em;color:var(--text-secondary);font-size:.96rem;line-height:1.6}
.s6-trap-layers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-m);overflow:hidden;margin:18px 0}
.s6-trap-layer{background:var(--surface-1);padding:16px 18px}
.s6-trap-layer b{display:block;font-family:var(--font-display);font-size:1rem;color:var(--text-primary);margin-bottom:6px}
.s6-trap-layer span{font-size:.82rem;color:var(--text-secondary);line-height:1.4}
.s6-trap-layer.todo{background:var(--accent-soft)}
.s6-trap-layer.todo b{color:var(--accent-ink)}

/* ---- Closing note ---- */
.s6-closing-note{max-width:var(--wide-w);margin:0 auto 0;padding:40px 24px;background:var(--surface-1);border-left:4px solid var(--accent);border-radius:0 var(--radius-m) var(--radius-m) 0;text-align:center}
.s6-closing-note p{max-width:640px;margin:0 auto;font-family:var(--font-serif);font-size:1.08rem;line-height:1.7;color:var(--text-secondary)}
.s6-closing-note strong{color:var(--text-primary);font-weight:600}

@media (max-width:640px){
  .s6-cadence{gap:20px 14px;padding:22px 14px}
  .s6-cadence-arrow{display:none}
  .s6-pullquote p{font-size:1.3rem}
}