@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101118;--panel:#191b26;--border:#2b2e40;--text:#f2f3fa;--muted:#a0a5ba;--accent:#858cff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}header,footer{max-width:1240px;margin:auto;padding:30px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}header{border-bottom:1px solid var(--border)}.brand{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:700;display:flex;gap:10px;align-items:center}.muted{color:var(--muted)}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:var(--accent)}main{max-width:1240px;margin:auto;padding:0 40px}.hero{padding:90px 0 55px;max-width:920px}.eyebrow{color:var(--accent);font-size:13px;letter-spacing:2px;font-weight:600}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.08;letter-spacing:-.04em;margin:20px 0}h1{font-size:clamp(48px,7.6vw,94px);font-weight:600}h2{font-size:clamp(32px,4.2vw,54px);font-weight:500}h3{font-size:23px;letter-spacing:-.025em}.intro{color:var(--muted);max-width:560px;font-size:20px;line-height:1.6}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:32px 0 16px}.primary,.secondary,button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;border:1px solid transparent;cursor:pointer}.primary{background:#858cff;color:#11121c}.primary:hover{background:#a2a8ff}.secondary{border-color:var(--border);background:var(--panel)}.caption{font-size:13px;color:var(--muted)}.workspace{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#161824}.workspace-bar{padding:15px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}.workspace-grid{display:grid;grid-template-columns:180px 1fr 300px}.file-list{padding:24px 20px;display:flex;flex-direction:column;gap:14px;font:13px/1.5 monospace;color:var(--muted);border-right:1px solid var(--border)}.file-list strong{font-size:12px;font-weight:400;color:#747b98}.code{padding:24px;min-width:0;font-size:13px}.code pre{overflow:auto;line-height:2;margin:30px 0 40px}.pink{color:#ed9ccc}.green{color:#9bcab3}.console{display:flex;flex-wrap:wrap;gap:15px;border-top:1px solid var(--border);padding-top:18px;font-size:12px;color:var(--muted)}.preview{padding:30px;background:#252942;border-left:1px solid var(--border)}.preview h2{font-size:32px;line-height:1.15}.preview p{color:#b4b9d1;font-size:14px}.preview-pill,.label{display:inline-block;padding:7px 12px;background:#323751;border-radius:6px;font-size:13px;color:#c7cdff}section[id]{padding-top:100px}.section-heading{margin-bottom:40px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.features article{border-top:1px solid var(--border);padding-top:20px}.number{font-size:13px;color:var(--accent)}.features p,.panel p,.download p{color:var(--muted)}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.panel{padding:35px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}ul{padding-left:20px;color:var(--muted)}li{margin:12px 0}.download{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:90px}.download p{max-width:480px}footer{border-top:1px solid var(--border);color:var(--muted);font-size:13px}footer .brand{font-size:18px}.auth-main{min-height:75vh;display:grid;place-items:center;padding:70px 24px}.auth-card{width:min(100%,520px);border:1px solid var(--border);background:var(--panel);padding:45px;border-radius:14px}.auth-card h1{font-size:40px}.auth-card p{color:var(--muted)}.google{background:#fff;color:#1a1c28;width:100%;gap:12px;font:600 16px 'DM Sans',sans-serif}.google svg{width:20px;height:20px}.google:disabled{opacity:.65;cursor:wait}.status{font-size:14px;min-height:48px;white-space:pre-line;overflow-wrap:anywhere}.status.error{color:#ffb1b9}#avatar{width:72px;height:72px;border-radius:50%;object-fit:cover}#profile h2{font-size:30px;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:950px){.workspace-grid{grid-template-columns:145px 1fr}.preview{grid-column:1/-1;border-left:0;border-top:1px solid var(--border)}.preview h2 br{display:none}.features{gap:20px}}@media(max-width:650px){header,footer{padding:22px 20px;flex-wrap:wrap}nav{gap:18px}main{padding:0 20px}.hero{padding-top:60px}.intro{font-size:18px}.workspace-grid{grid-template-columns:1fr}.file-list{display:none}.workspace-bar .muted{display:none}.code{padding:18px}.features,.split-section{grid-template-columns:1fr}.features{gap:30px}section[id]{padding-top:65px}.download{flex-direction:column;align-items:flex-start;padding-bottom:65px}.auth-card{padding:28px}.auth-main{padding:50px 20px}footer span{width:100%}}