*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#07111f;color:#f8fafc}a{text-decoration:none}.landing-body{min-height:100vh;background:radial-gradient(circle at top right,rgba(220,38,38,.18),transparent 28%),linear-gradient(180deg,#07111f 0%,#0b1526 100%)}.landing-shell{max-width:1100px;margin:0 auto;padding:32px 20px 56px}.hero-panel,.info-panel,.open-panel{border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(16,26,43,.92),rgba(11,21,38,.96));border-radius:28px;box-shadow:0 20px 80px rgba(0,0,0,.3)}.hero-panel{padding:32px;min-height:320px;display:flex;flex-direction:column;justify-content:flex-end;background-image:radial-gradient(circle at top right,rgba(220,38,38,.22),transparent 34%),linear-gradient(180deg,rgba(16,26,43,.92),rgba(11,21,38,.96))}.hero-badge,.panel-kicker{display:inline-flex;width:max-content;padding:8px 12px;border-radius:999px;background:rgba(220,38,38,.14);color:#fecaca;font-size:12px;font-weight:800;letter-spacing:.08em}.hero-panel h1,.open-panel h1{margin:18px 0 10px;font-size:clamp(2rem,4vw,3.6rem);line-height:1.02}.hero-panel p,.info-panel p,.open-panel p,.info-panel li{color:#cbd5e1;font-size:15px;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:16px;font-weight:700}.btn-primary{background:#dc2626;color:#fff}.btn-secondary{background:rgba(255,255,255,.05);color:#fff;border:1px solid rgba(148,163,184,.16)}.grid-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.info-panel{padding:24px}.info-panel h2{margin:14px 0 12px;font-size:1.35rem}.info-panel.wide{grid-column:1/-1}.inline-code-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}code{padding:8px 10px;border-radius:12px;background:#0f172a;border:1px solid rgba(148,163,184,.16);color:#e2e8f0}.open-body{display:grid;place-items:center;padding:24px}.open-panel{max-width:760px;padding:32px}.open-panel h1{font-size:2.2rem}@media (max-width:780px){.grid-panels{grid-template-columns:1fr}.hero-panel,.info-panel,.open-panel{border-radius:24px}.hero-panel{padding:24px}}