@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap");*{box-sizing:border-box}:root{--bg:#030116;--muted:#94a3b8;--accent:#7c3aed;--card:#071025}#root,body,html{height:100%}body{margin:0;background:linear-gradient(180deg,var(--bg) 0,#01020a 100%);color:#e6eef8;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 20px}.site-header{justify-content:space-between;padding:18px 0}.brand,.site-header{display:flex;align-items:center}.brand{gap:12px;font-weight:700}.brand .logo{width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#4f46e5);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}.nav a{margin-left:18px;color:var(--muted);font-weight:600}.hero{padding:56px 0;text-align:center}.hero h1{font-size:44px;margin:8px 0}.hero p{color:var(--muted);max-width:760px;margin:12px auto}.btn{display:inline-block;padding:10px 16px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700}.card{background:linear-gradient(180deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.01));border:1px solid hsla(0,0%,100%,.03);padding:18px;border-radius:12px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px;margin-top:28px}.footer{padding:24px 0;border-top:1px solid hsla(0,0%,100%,.03);color:var(--muted);font-size:13px;text-align:center;margin-top:40px}@media (max-width:640px){.hero h1{font-size:28px}}