:root{
  --ink:#0A0D13; --surface:#141B26; --line:#26303F;
  --text:#EAEEF4; --muted:#8A97A8; --live:#FF6A3D;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--ink); color:var(--text);
  font-family:"Inter",system-ui,sans-serif; line-height:1.55;
  min-height:100vh; display:grid; place-items:center; padding:48px 24px;
  background-image:radial-gradient(700px 360px at 80% -10%, rgba(255,106,61,.14), transparent 60%);
}
.mono{font-family:"JetBrains Mono",monospace}
main{max-width:760px;width:100%}
.eyebrow{font-family:"JetBrains Mono";font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--live)}
h1{font-family:"Bricolage Grotesque";font-weight:800;letter-spacing:-.03em;font-size:clamp(2.4rem,6vw,3.8rem);line-height:1.04;margin:14px 0 0}
h1 .hl{color:var(--live)}
.lede{color:var(--muted);font-size:1.12rem;margin-top:16px;max-width:46ch}
.cards{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.cards li{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;transition:border-color .2s ease,transform .2s ease}
.cards li:hover{border-color:var(--live);transform:translateY(-3px)}
.tag{display:inline-block;font-size:.72rem;color:var(--live);background:rgba(255,106,61,.1);border:1px solid rgba(255,106,61,.25);padding:3px 9px;border-radius:7px}
.cards h3{font-family:"Bricolage Grotesque";font-weight:700;font-size:1.18rem;margin:14px 0 7px;letter-spacing:-.01em}
.cards p{color:var(--muted);font-size:.94rem}
footer{margin-top:40px;color:var(--muted);font-size:.86rem;border-top:1px solid var(--line);padding-top:22px}
@media (max-width:620px){.cards{grid-template-columns:1fr}}