:root{--bg-0:#0f1c1a;--bg-1:#152825;--ink:#e8f2ef;--muted:#9bb5ae;--line:#b8dcd029;--accent:#3ecf9a;--shadow:0 24px 60px #00000047;--radius:18px;--font-display:"Sora", "Segoe UI", sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", Consolas, monospace}*,:after,:before{box-sizing:border-box}body,html{min-height:100%;color:var(--ink);font-family:var(--font-body);background:radial-gradient(1200px 600px at 10% -10%,#3ecf9a2e,transparent 55%),radial-gradient(900px 500px at 90% 0,#f0b4291f,transparent 50%),linear-gradient(160deg,var(--bg-0),var(--bg-1) 45%,#10211e);background-attachment:fixed;margin:0}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0}p{margin:0}button,input{font:inherit}.shell{grid-template-rows:auto 1fr auto;gap:2rem;width:min(1080px,100% - 2rem);min-height:100vh;margin:0 auto;padding:1.5rem 0 2.5rem;display:grid}.topbar{justify-content:space-between;gap:1rem;padding-top:.5rem;animation:.6s both rise;display:flex}.brand,.topbar{align-items:center}.brand{gap:.75rem;display:inline-flex}.brand-mark{background:linear-gradient(145deg,var(--accent),#1f8f6a);color:#062319;border-radius:.7rem;place-items:center;width:2.25rem;height:2.25rem;font-size:.85rem;font-weight:700;display:grid}.brand-mark,.brand-text{font-family:var(--font-display)}.brand-text{font-size:1.05rem;font-weight:650}.footer,.topbar-note{color:var(--muted);font-size:.9rem}.footer{border-top:1px solid var(--line);padding-top:1rem}.hero{padding:2.5rem 0 1rem;animation:.7s both rise}.hero-brand{font-family:var(--font-display);letter-spacing:-.05em;background:linear-gradient(120deg,#fff 20%,var(--accent) 75%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:700;line-height:1}.hero-title{max-width:18ch;margin-bottom:.9rem;font-size:clamp(1.35rem,2.6vw,1.9rem);font-weight:550}.hero-desc{max-width:42rem;color:var(--muted);font-size:1.05rem;line-height:1.7}.case-section{animation:.85s both rise}.section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;padding-bottom:.9rem;display:flex}.section-head h2{font-size:1.25rem}.section-head p{color:var(--muted);font-size:.95rem}.case-empty{color:var(--muted);padding:.4rem 0 1rem;line-height:1.6}.case-list{margin:0;padding:0;list-style:none}.case-row{border-top:1px solid var(--line)}.case-row:first-child{border-top:0}.case-link{gap:.35rem;padding:1.1rem .2rem;transition:transform .25s;display:grid}.case-link:hover{transform:translate(6px)}.case-link h3{font-size:1.15rem}.case-link p{color:var(--muted);line-height:1.55}.case-path{color:var(--accent);font-family:var(--font-mono);font-size:.82rem}.demo-page{padding-bottom:1.5rem;animation:.55s both rise}.back-link{color:var(--muted);margin-bottom:1.4rem;transition:color .2s;display:inline-block}.back-link:hover{color:var(--accent)}.demo-header{margin-bottom:1.5rem}.demo-header h1{margin-bottom:.55rem;font-size:clamp(1.7rem,4vw,2.4rem)}.demo-header p{color:var(--muted);max-width:40rem;line-height:1.65}.demo-panel{gap:1.25rem;padding:1.25rem 0;display:grid}.demo-field{gap:.45rem;display:grid}.demo-field span{color:var(--muted);font-size:.9rem}.demo-field input[type=text]{border:1px solid var(--line);width:min(100%,420px);color:var(--ink);background:#0612108c;border-radius:12px;outline:none;padding:.75rem .9rem}.demo-field input[type=text]:focus{border-color:#3ecf9a8c}.demo-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;max-width:520px;display:grid}.demo-stats div{gap:.25rem;display:grid}.demo-stats strong{font-family:var(--font-display);overflow-wrap:anywhere;font-size:1.35rem;font-weight:650}.demo-stats span{color:var(--muted);font-size:.85rem}.demo-btn{width:fit-content;color:var(--ink);cursor:pointer;background:#3ecf9a24;border:1px solid #3ecf9a73;border-radius:999px;padding:.7rem 1.15rem;transition:background .2s,transform .2s}.demo-btn:hover:not(:disabled){background:#3ecf9a3d;transform:translateY(-1px)}.demo-btn:disabled{opacity:.55;cursor:not-allowed}.virtual-viewport{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#0612108c;overflow:auto}.virtual-phantom{position:relative}.virtual-window{width:100%;position:absolute;inset:0 auto auto 0}.virtual-item{font-family:var(--font-mono);border-bottom:1px solid #b8dcd014;align-items:center;padding:0 1rem;font-size:.9rem;display:flex}.pool-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.55rem;display:grid}.pool-item{border:1px solid var(--line);min-height:52px;font-family:var(--font-mono);color:var(--muted);border-radius:12px;place-items:center;font-size:.82rem;transition:background .2s,color .2s,border-color .2s;display:grid}.pool-item[data-status=running]{color:#062319;background:var(--accent);border-color:#0000}.pool-item[data-status=done]{color:#d8f5ea;background:#3ecf9a1f;border-color:#3ecf9a59}.demo-code{border-top:1px solid var(--line);margin-top:.5rem;padding-top:1.5rem}.demo-code h2{color:var(--accent);margin-bottom:.85rem;font-size:1.05rem}.code-block{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);font-family:var(--font-mono);color:#d8f5ea;white-space:pre;background:#061210b8;margin:0;padding:1.1rem 1.15rem;font-size:.86rem;line-height:1.65;overflow-x:auto}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.section-head,.topbar{flex-direction:column;align-items:flex-start}.demo-stats{grid-template-columns:1fr}}