@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600&family=IBM+Plex+Sans:wght@400;600&display=swap");:root{--bg-0:#0f1b1a;--bg-1:#102a26;--bg-2:#183f3a;--accent:#36d6b5;--accent-2:#f7b267;--text:#f4f7f6;--muted:#c2d1cc;--card:rgba(255,255,255,0.06);--border:rgba(255,255,255,0.12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Space Grotesk,IBM Plex Sans,sans-serif;background:radial-gradient(1200px 600px at 10% 10%,#1b2f2b,transparent),radial-gradient(800px 500px at 90% 20%,#203b33,transparent),linear-gradient(180deg,var(--bg-0),var(--bg-1));color:var(--text);min-height:100vh}.page-shell{padding:40px 24px 80px}.page{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.hero{background:linear-gradient(140deg,rgba(54,214,181,.16),rgba(247,178,103,.08));border:1px solid var(--border);border-radius:20px;padding:32px;display:grid;grid-gap:16px;gap:16px}.badge{display:inline-flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.12em;padding:6px 12px;border-radius:999px;background:rgba(54,214,181,.18);color:var(--accent);width:-moz-fit-content;width:fit-content}h1{font-size:clamp(32px,4vw,48px);line-height:1.05}.subtitle{font-size:16px;color:var(--muted);max-width:720px}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.button,.ghost{padding:10px 16px;border-radius:10px;font-weight:600;font-size:14px;border:1px solid transparent;cursor:pointer;font-family:inherit}.button{background:var(--accent);color:#0b1413}.ghost{border-color:var(--border);color:var(--text);background:transparent}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.card,.grid{display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;grid-gap:10px;gap:10px}.card code{font-family:IBM Plex Sans,sans-serif;font-size:12px;color:var(--accent-2)}.data-panel{border:1px solid var(--border);border-radius:16px;padding:20px;background:rgba(0,0,0,.25)}.data-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.data-panel span{font-size:12px;color:var(--muted)}.data-panel pre{white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.5;color:#d7e6e0}@media (max-width:600px){.page-shell{padding:24px 16px 60px}.hero{padding:24px}}