:root{--bg: #060607;--panel: #0d0d10;--panel-2: #111116;--line: #1e1e25;--line-soft: #17171d;--text: #f2f2f4;--muted: #9a9aa4;--faint: #5c5c66;--accent: #ffffff;--warn: #ffd166;--ok: #4ade80;--err: #f87171;--code: #d6d6dc;--radius: 14px;--shadow: 0 20px 60px rgba(0, 0, 0, .55);--mono: ui-monospace, "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}.wrap{max-width:1040px;margin:0 auto;padding:0 24px}a{color:inherit}nav{position:sticky;top:0;z-index:50;background:#060607d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}.nav-inner{display:flex;align-items:center;gap:18px;height:62px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;letter-spacing:.4px}.brand img{height:26px;width:auto}.nav-links{margin-left:auto;display:flex;align-items:center;gap:22px}.nav-links a{color:var(--muted);text-decoration:none;font-size:14px;transition:color .15s}.nav-links a:hover{color:var(--text)}.nav-cta{padding:8px 16px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);font-weight:600}header{position:relative;padding:96px 0 80px;text-align:center;overflow:hidden}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,black,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,black,transparent 75%)}header .wrap{position:relative;z-index:1}header .logo{margin-bottom:30px;filter:drop-shadow(0 10px 40px rgba(255,255,255,.12))}h1{font-size:clamp(34px,5.6vw,56px);font-weight:800;letter-spacing:-1px;line-height:1.08}h1 em{font-style:normal;color:var(--warn)}.sub{margin:22px auto 0;color:var(--muted);font-size:clamp(15px,2vw,18px);max-width:640px}.cta-row{margin-top:32px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid var(--line);cursor:pointer;transition:transform .12s,background .15s,border-color .15s;font-family:var(--sans)}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent)}.btn-primary:hover{background:#e8e8ec}.btn-ghost{color:var(--text);background:var(--panel-2)}.btn-ghost:hover{border-color:var(--muted)}.flow-tag{margin-top:26px;font-family:var(--mono);font-size:13px;letter-spacing:3px;color:var(--faint);text-transform:uppercase}.badges{margin-top:26px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.badge{font-family:var(--mono);font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 14px;background:var(--panel)}section{padding:84px 0;border-top:1px solid var(--line-soft);scroll-margin-top:62px}.kicker{font-family:var(--mono);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--warn)}h2{font-size:clamp(26px,3.6vw,36px);font-weight:800;letter-spacing:-.5px;margin:10px 0 14px}.lead{color:var(--muted);max-width:680px;margin-bottom:26px}p{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:26px}.step{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:border-color .15s,transform .15s}.step:hover{border-color:#2c2c36;transform:translateY(-2px)}.step .num{font-family:var(--mono);color:var(--warn);font-size:12px;letter-spacing:1.5px}.step h3{margin:8px 0 6px;font-size:17px}.step p{font-size:14px}.demo-layout{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}.stepper{display:flex;flex-direction:column;gap:8px;position:sticky;top:80px}.step-btn{display:flex;align-items:center;gap:12px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--muted);padding:11px 14px;font-size:14px;cursor:pointer;transition:all .15s;font-family:var(--sans)}.step-btn .idx{width:24px;height:24px;flex:0 0 24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;font-weight:700;background:var(--panel-2);border:1px solid var(--line);color:var(--faint)}.step-btn.active{border-color:var(--accent);color:var(--text)}.step-btn.active .idx{background:var(--accent);color:#000;border-color:var(--accent)}.step-btn.done{color:var(--text)}.step-btn.done .idx{background:var(--ok);color:#000;border-color:var(--ok)}.run-all{justify-content:center;margin-top:6px}.terminal{background:#070709;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.term-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line-soft)}.term-bar .dot{width:11px;height:11px;border-radius:50%}.term-bar .r{background:#f87171}.term-bar .y{background:#fbbf24}.term-bar .g{background:#34d399}.term-title{margin-left:8px;font-family:var(--mono);font-size:12px;color:var(--faint)}.term-body{padding:18px 20px;min-height:380px;max-height:560px;overflow-y:auto;font-family:var(--mono);font-size:13px;line-height:1.6;color:var(--code);white-space:pre-wrap;word-break:break-word}.term-body .t-line{animation:rise .25s ease both}@keyframes rise{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.t-rule{color:#3f3f48}.t-hl{color:var(--warn)}.t-ok{color:var(--ok)}.t-err{color:var(--err)}.t-dim{color:var(--faint)}.status-row{margin-top:14px;min-height:24px;font-family:var(--mono);font-size:13px;color:var(--muted)}.csv-card{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);padding:26px}.dropzone{border:1.5px dashed var(--line);border-radius:12px;padding:40px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone.drag{border-color:var(--accent);background:#ffffff08}.dz-icon{font-size:26px;margin-bottom:8px;opacity:.7}.dz-hint{font-size:13px;color:var(--faint);margin-top:6px}.link{color:var(--accent);text-decoration:underline;cursor:pointer}.csv-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;margin-top:20px;align-items:end}.csv-controls label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.csv-controls select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:14px;font-family:var(--sans)}.csv-status{margin-top:16px;font-family:var(--mono);font-size:13px;color:var(--code);white-space:pre-wrap}.csv-status .res-line{animation:rise .25s ease both}table{width:100%;border-collapse:collapse;margin-top:14px;font-size:14px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line-soft)}th{color:var(--faint);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:1px}td{color:var(--muted)}td code{font-family:var(--mono);color:var(--code)}footer{padding:56px 0 72px;text-align:center;border-top:1px solid var(--line-soft)}footer p{margin-top:10px;font-size:14px}footer a{color:var(--text)}footer img{opacity:.9}@media(max-width:860px){.demo-layout{grid-template-columns:1fr}.stepper{position:static;flex-direction:row;flex-wrap:wrap}.run-all{margin-top:0}.csv-controls{grid-template-columns:1fr}.nav-links a:not(.nav-cta){display:none}}