body,h1,h2,input,select,button{font-family:Inter,Arial,sans-serif}body{background:#101d2c;color:#f7f6f0}.live-hero{padding:100px 0 70px;max-width:920px}h1{font-size:clamp(44px,7vw,88px);line-height:1.07;letter-spacing:-.055em}h1 em{color:#62dce8;font-style:normal}.lead{font-size:clamp(18px,2vw,23px);max-width:760px;line-height:1.65}.live-hero .button{margin-top:22px}.button{background:#62dce8;color:#101d2c;border:0;border-radius:5px;padding:18px 25px;font-weight:700}.live-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:100px}.live-benefits article,.live-card{background:#162936;border:1px solid #304650;border-radius:14px;padding:32px}.live-benefits span{color:#62dce8;font-size:12px;letter-spacing:.14em}.live-benefits h2{font-size:30px;margin:24px 0 12px}.live-join{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.live-join h2{font-size:clamp(28px,4vw,46px);line-height:1.15}.tiers{list-style:none;padding:0;margin-top:32px}.tiers li{border-bottom:1px solid #304650;padding:20px 0;display:flex;justify-content:space-between;gap:18px}.tiers span{color:#b9cbd5}label{display:block;margin:20px 0 0}input,select{box-sizing:border-box;width:100%;margin-top:9px;padding:15px;border:1px solid #637985;background:#0b1823;color:#fff;border-radius:5px;font-size:16px}.consent{display:flex;gap:12px;font-size:14px;line-height:1.6}.consent input{width:20px;flex-shrink:0;margin-top:4px;accent-color:#62dce8}form .button{margin-top:24px;width:100%}.field-note{font-size:13px;line-height:1.65;color:#b9cbd5}.queue{font-size:70px;color:#62dce8;margin:20px 0 0}.share{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0}.share button{color:#62dce8;background:none;border:1px solid #637985;padding:8px;cursor:pointer}.companion{margin:70px 0}a{color:inherit}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}:focus-visible{outline:3px solid #ffd268;outline-offset:4px}@media(max-width:760px){.live-benefits,.live-join{grid-template-columns:1fr}.live-hero{padding-top:55px}.live-benefits{margin-bottom:55px}.live-join{gap:24px}.live-card{padding:24px}.tiers li{flex-wrap:wrap}}

/* The Live page uses the shared light/dark theme. Its original fixed navy cards
   made the default light view illegible, so the cards now follow theme tokens. */
[data-theme="light"] .live-benefits article,
[data-theme="light"] .live-card{
  background:var(--surface-2);
  border-color:var(--line-t);
  color:var(--strong);
  box-shadow:var(--shadow);
}
[data-theme="light"] .live-benefits article p,
[data-theme="light"] .live-card p,
[data-theme="light"] .live-card label,
[data-theme="light"] .live-card .field-note{
  color:var(--text);
}
[data-theme="light"] .live-card input,
[data-theme="light"] .live-card select{
  background:var(--surface);
  border-color:var(--line-bright);
  color:var(--strong);
}
[data-theme="dark"] .live-benefits article,
[data-theme="dark"] .live-card{
  background:var(--surface);
  border-color:var(--line-t);
  color:var(--strong);
}