:root{--bg:#000;--ink:#e9edf6;--muted:#a7b0c2;--accent:#FF5C5C;--border:rgba(255,255,255,.12)}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;background:#000;color:var(--ink);font:16px/1.55 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.header{position:sticky;top:0;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:10}
.brand{display:inline-flex;align-items:center;gap:10px;padding:10px 0}
.brand img{width:40px;height:40px;border-radius:10px}
.brand b{font:900 18px Poppins,Inter;letter-spacing:.6px}
.stage{min-height:80vh;display:grid;place-items:center;padding:80px 0;background:
  radial-gradient(1000px 400px at 10% -10%, rgba(255,92,92,.12), transparent 60%),#000}
h1{font:900 clamp(36px,6vw,64px)/1.04 Poppins;margin:16px 0;background:linear-gradient(90deg,#fff,#ffb3b3);-webkit-background-clip:text;color:transparent}
.lede{max-width:820px;color:var(--muted);font-size:clamp(16px,1.6vw,18px);margin:0 auto}
.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.cta{display:inline-block;padding:12px 16px;border-radius:14px;border:1px solid #ff8a8a;background:linear-gradient(180deg,#ff5c5c,#d84b4b);color:#101114;font:800 14px Poppins;text-decoration:none}
.ghost{background:transparent;color:var(--ink)}
.section{padding:80px 0;border-top:1px solid var(--border)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.card{border:1px solid var(--border);border-radius:16px;padding:18px;background:rgba(255,255,255,.06);transform:translateZ(0);transition:transform .2s ease, box-shadow .2s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.footer{padding:60px 0;border-top:1px solid var(--border);color:#93a0b8;font-size:13px}
.parallax{will-change:transform;transform-style:preserve-3d}