/* Per-slide styles. Each slide's rules are scoped by its prefix (.s01-…, .s02-…). */

/* s01 title */
.s01 .quote { font-size: 38px; color: var(--ink2); border-left: 3px solid var(--green); padding-left: 26px; margin: 0 0 40px; }
.s01-tiers { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.s01-tiers .arr { color: var(--ink3); font-size: 26px; }
.s01-hud { position: absolute; right: 0; bottom: 20px; font-size: 18px; line-height: 1.8; color: var(--ink2); text-align: right; background: rgba(4, 12, 9, .55); border: 1px solid var(--line); padding: 14px 20px; border-radius: 12px; }
.blink { animation: rs-blink 1.4s infinite; }
.s01-tiers { align-items: flex-start; }
.s01-tiers .tier { display: flex; flex-direction: column; gap: 8px; }
.s01-tiers .tier small { font: 400 16px var(--mono); color: var(--ink3); padding-left: 4px; }
.s01-tiers .arr { margin-top: 4px; }
.s01-sub { font-size: 24px; color: var(--ink2); margin: 30px 0 0; }
.s01-sub b { color: var(--gold); font-weight: 600; }
.s01-chip { position: absolute; right: 0; top: -40px; font: 700 30px/1 var(--mono); color: var(--amber); border: 1px solid rgba(255,176,32,.5); border-radius: 999px; padding: 12px 18px; background: rgba(255,176,32,.06); box-shadow: 0 0 30px rgba(255,176,32,.15); }
.s01-tiers { flex-wrap: nowrap; gap: 10px; }
.s01-tiers .tag { font-size: 15px; padding: 7px 11px; letter-spacing: .05em; }
.s01-tiers .tier small { font-size: 14px; }
.s01 .quote { max-width: 900px; }
.s01-tiers .tag { background: rgba(4,11,8,.78); backdrop-filter: blur(6px); }