:root{--bg:#0b0f14;--surface:#10161d;--surface-2:#0f141a;--text:#e6eef8;--muted:#9bb0c3;--brand:#65b5ff;--accent:#7cffc4;--danger:#ff6b6b;--radius:10px}*{box-sizing:border-box}#__next,body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:var(--bg);color:var(--text)}.appRoot{display:flex;flex-direction:column;min-height:100%}.siteFooter{margin-top:auto;border-top:1px solid #cbd5e1;background:#e5e7eb}.siteFooter .footerInner{color:#0c1117}.footerInner{width:100%;max-width:none;margin:0;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted)}.footerInner .spacer{flex:1 1}.footerInner .links{display:flex;align-items:center;gap:12px;margin-left:auto}.header{position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);background:rgba(16,22,29,.7);border-bottom:1px solid #1f2a36;z-index:10}.nav{display:flex;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:12px 16px}.brand{font-weight:700;letter-spacing:.4px;color:var(--text);margin-right:8px}.brand,.links a{text-decoration:none}.links a{color:var(--muted);margin-right:12px}.links a:hover{color:var(--text)}.auth{margin-left:auto;display:flex;align-items:center;gap:12px}.pill{background:var(--surface-2);padding:6px 10px;border-radius:999px;color:var(--muted);font-size:12px}.btn{background:var(--brand);color:#001528;border:0;padding:8px 12px;border-radius:8px;font-weight:600;cursor:pointer}.btn:hover{filter:brightness(1.08)}.container{max-width:1100px;width:100%;margin:0 auto;padding:24px 16px}input,select,textarea{width:100%;background:#0c1117;border:1px solid #1f2a36;color:var(--text);padding:10px 12px;border-radius:8px}label{display:grid;grid-gap:6px;gap:6px;font-size:14px;color:var(--muted)}form{background:var(--surface);padding:16px;border-radius:var(--radius);border:1px solid #1f2a36}ul{padding:0;margin:0}li,ul{list-style:none}.card{background:var(--surface);border:1px solid #1f2a36;border-radius:var(--radius);padding:16px}.meta{color:var(--muted);font-size:12px}a{color:var(--brand)}a:hover{color:#9bd0ff}.hero{background:radial-gradient(1200px 600px at 80% 0,rgba(101,181,255,.12),transparent 60%),linear-gradient(180deg,rgba(16,22,29,.9),rgba(16,22,29,.9));border-bottom:1px solid #1f2a36}.heroInner{max-width:1100px;margin:0 auto;padding:72px 16px;display:grid;grid-template-columns:1.2fr .8fr;grid-gap:32px;gap:32px;align-items:center}.hero h1{font-size:48px;line-height:1.1;margin:0 0 12px;letter-spacing:-.02em}.hero p{color:var(--muted);font-size:18px;margin:0 0 24px}.ctaRow{display:flex;gap:12px;align-items:center}.pillAlt{background:#0b1117;border:1px solid #1f2a36;padding:6px 10px;border-radius:999px;color:var(--muted);font-size:12px}.heroCard{background:var(--surface);border:1px solid #1f2a36;border-radius:var(--radius);padding:16px;box-shadow:0 16px 40px rgba(0,0,0,.35)}.tabs{position:relative;display:flex;gap:16px;padding:12px 16px;border-bottom:1px solid #1f2a36}.tab,.tabs{color:var(--muted)}.tab{cursor:pointer;padding:6px 0;border:0;background:transparent;font:inherit;border-bottom:2px solid transparent}.tab.active,.tab:hover{color:var(--text)}.tab.active{border-color:#8fd0ff}.tabIndicator{position:absolute;bottom:0;left:0;height:2px;width:40px;background:#8fd0ff;border-radius:2px;transform:translateX(0);transition:transform .25s ease,width .25s ease}.features{max-width:1100px;margin:0 auto;padding:36px 16px}.featureGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.feature{background:linear-gradient(180deg,#10161d,rgba(16,22,29,.96));border:1px solid #1f2a36;border-radius:var(--radius);padding:16px;transition:transform .2s ease,border-color .2s ease}.feature:hover{transform:translateY(-2px);border-color:#2a3a4b}.feature h3{margin:0 0 6px;font-size:16px}.feature p{margin:0;color:var(--muted);font-size:14px}.examples{max-width:1100px;margin:0 auto;padding:24px 16px 60px;display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.example{background:var(--surface);border:1px solid #1f2a36;border-radius:var(--radius);padding:16px}.example h4{margin:0 0 8px}.icon{width:16px;height:16px;vertical-align:text-bottom;margin-right:6px;fill:currentColor;opacity:.9}.modalOverlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:50}.modalCard{background:var(--surface);border:1px solid #1f2a36;border-radius:var(--radius);width:min(980px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.5)}.modalHeader{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;align-items:center;padding:12px 16px;border-bottom:1px solid #1f2a36}.modalSection{padding:16px;border-top:1px solid #1f2a36}.chip{display:inline-block;padding:2px 8px;border:1px solid #1f2a36;border-radius:999px;font-size:12px;color:var(--muted)}.radioGroup{display:grid;grid-gap:10px;gap:10px}.radioOption{display:grid;grid-template-columns:24px 1fr;align-items:center;grid-column-gap:10px;column-gap:10px;background:#0c1117;border:1px solid #1f2a36;border-radius:8px;padding:10px 12px;color:var(--text)}.radioOption:hover{border-color:#2b3947}.radioOption input[type=radio]{margin:0;accent-color:var(--brand)}.radioText{justify-self:end;color:var(--muted)}