html{scroll-behavior:smooth}:root{color:#111827;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.page{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 32rem),linear-gradient(#fff 0%,#f8fafc 45%,#eef2ff 100%);min-height:100vh}.nav{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:24px 22px;display:flex}.brand{letter-spacing:-.03em;font-size:22px;font-weight:800}.navLinks{color:#475569;align-items:center;gap:20px;font-size:14px;display:flex}.navButton{color:#fff;background:#111827;border-radius:999px;padding:10px 16px;font-weight:700}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;max-width:1180px;margin:0 auto;padding:72px 22px 48px;display:grid}.eyebrow{color:#2563eb;text-transform:uppercase;letter-spacing:.12em;margin:0 0 14px;font-size:13px;font-weight:800}h1{letter-spacing:-.065em;color:#0f172a;margin:0;font-size:clamp(42px,6vw,74px);line-height:.95}.heroCopy{color:#475569;max-width:620px;margin:24px 0 0;font-size:19px;line-height:1.7}.heroActions{flex-wrap:wrap;gap:14px;margin:32px 0 14px;display:flex}.primaryButton,.secondaryButton{border-radius:12px;padding:14px 20px;font-weight:800}.primaryButton{color:#fff;background:#2563eb;box-shadow:0 16px 30px #2563eb40}.secondaryButton{color:#0f172a;background:#fff;border:1px solid #dbe3ef}.smallNote{color:#64748b;font-size:14px}.heroCard{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #94a3b847;border-radius:28px;padding:18px;box-shadow:0 30px 70px #0f172a1f}.codeWindow{color:#dbeafe;background:#0f172a;border-radius:22px;overflow:hidden}.windowBar{border-bottom:1px solid #ffffff14;gap:8px;padding:16px;display:flex}.windowBar span{background:#64748b;border-radius:999px;width:11px;height:11px}pre{margin:0;padding:24px;font-size:14px;line-height:1.6;overflow-x:auto}.section{max-width:1180px;margin:0 auto;padding:56px 22px}.sectionHeader{max-width:740px;margin-bottom:28px}h2{letter-spacing:-.04em;color:#0f172a;margin:0;font-size:clamp(30px,4vw,48px);line-height:1.05}.sectionHeader p,.split p{color:#475569;font-size:17px;line-height:1.7}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.featureCard{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:24px;box-shadow:0 16px 36px #0f172a0f}.featureCard h3{margin:0 0 10px;font-size:20px}.featureCard p{color:#64748b;margin:0;line-height:1.65}.split{grid-template-columns:.9fr 1.1fr;align-items:start;gap:36px;display:grid}.steps{gap:12px;display:grid}.steps div{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px 18px;font-weight:700}.examples{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.examples pre{color:#e5e7eb;background:#111827;border-radius:18px;min-height:170px}.betaSection{grid-template-columns:.8fr 1.2fr;align-items:start;gap:32px;display:grid}.betaForm{background:#fff;border:1px solid #e2e8f0;border-radius:24px;gap:16px;padding:26px;display:grid;box-shadow:0 18px 40px #0f172a14}label{color:#334155;gap:8px;font-weight:700;display:grid}input,textarea{width:100%;font:inherit;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:13px 14px}textarea{resize:vertical}button{color:#fff;cursor:pointer;font-weight:800;font:inherit;background:#2563eb;border:0;border-radius:12px;padding:14px 18px}button:disabled{opacity:.7;cursor:not-allowed}.formMessage{color:#2563eb;margin:0;font-weight:700}.footer{color:#64748b;border-top:1px solid #e2e8f0;max-width:1180px;margin:0 auto;padding:36px 22px 52px}@media (width<=900px){.hero,.split,.betaSection,.grid,.examples{grid-template-columns:1fr}.nav{flex-direction:column;align-items:flex-start;gap:18px}.navLinks{flex-wrap:wrap}}.betaRules{background:#f8fafc;border:1px solid #dbeafe;border-radius:14px;padding:16px}.betaRules p{color:#0f172a;margin-top:0;font-weight:700}.betaRules ul{color:#475569;margin:10px 0 0;padding-left:18px;line-height:1.7}select{width:100%;font:inherit;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:13px 14px}