:root {
  --bg:#070707;
  --panel:#0f0f10;
  --text:#f2f2f2;
  --muted:#a8a8ad;
  --line:#2b2b2e;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#080808,#040404);color:var(--text);font-family:Inter,Arial,sans-serif}
.wrap{min-height:100vh;max-width:900px;margin:0 auto;padding:1.2rem}
.meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem}
.meta span{border:1px solid var(--line);padding:.3rem .55rem;border-radius:999px;color:var(--muted);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}
.hero{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:clamp(1.2rem,3vw,2.6rem)}
.eyebrow{margin:0 0 .7rem;color:var(--muted);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
h1{margin:0;font-size:clamp(2.3rem,9vw,5.6rem);letter-spacing:.07em;line-height:.92;text-transform:uppercase}
.sub{margin:.8rem 0 0;color:#d9d9dc;font-size:clamp(1rem,2vw,1.2rem)}
.body{max-width:62ch;color:#c5c5ca;line-height:1.55}
.cta-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.35rem}
.cta{text-decoration:none;color:var(--text);border:1px solid var(--line);padding:.65rem .95rem;border-radius:8px}
.primary{background:#ededed;color:#111;border-color:#ededed}