:root{--bg: #090d13;--bg-alt: #0b1018;--panel: #0e131b;--card: #11161f;--input: #0a0f16;--text: #eef1f5;--heading: #f4f7fa;--muted: #98a3b2;--dim: #6b7585;--faint: #59636f;--em: #10b981;--em-light: #34d399;--em-ink: #06140d;--border: rgba(var(--ovl-rgb), .07);--ovl-rgb: 255, 255, 255;--bg-rgb: 9, 13, 19;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;--display: "Space Grotesk", sans-serif;color-scheme:dark}html[data-theme=light]{color-scheme:light;--bg: #f6f8fb;--bg-alt: #eef2f7;--panel: #ffffff;--card: #ffffff;--input: #ffffff;--text: #2d3845;--heading: #121821;--muted: #586573;--dim: #7a8795;--faint: #9aa6b4;--em-light: #0a8f63;--ovl-rgb: 18, 27, 43;--bg-rgb: 246, 248, 251}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Instrument Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.65}::selection{background:#10b9814d;color:#fff}.sol-wrap{max-width:980px;margin:0 auto;padding:0 24px;width:100%}.sol-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);background:rgba(var(--bg-rgb),.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sol-header .sol-wrap{display:flex;align-items:center;justify-content:space-between;height:64px}.sol-brand{display:flex;align-items:center;gap:9px;text-decoration:none}.sol-mark{flex:none;width:22px;height:22px;filter:drop-shadow(0 0 9px rgba(16,185,129,.45))}.sol-js{color:var(--em-light)}.sol-name{font-family:var(--display);font-weight:700;font-size:18px;color:var(--text)}.sol-nav{display:flex;align-items:center;gap:18px}.sol-nav a{font-size:14.5px;font-weight:500;color:var(--muted);text-decoration:none;transition:color .2s ease}.sol-nav a:hover{color:var(--text)}.sol-nav .sol-cta{background:var(--em);color:var(--em-ink);padding:9px 16px;border-radius:9px;font-weight:600}.sol-nav .sol-cta:hover{background:var(--em-light);color:var(--em-ink)}.theme-toggle{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:9px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:color .2s ease,border-color .2s ease}.theme-toggle:hover{color:var(--text)}.theme-toggle .ico-sun{display:block}.theme-toggle .ico-moon,html[data-theme=light] .theme-toggle .ico-sun{display:none}html[data-theme=light] .theme-toggle .ico-moon{display:block}@media(max-width:560px){.sol-nav .sol-nav-blog{display:none}}.sol-footer{border-top:1px solid var(--border);padding:28px 0;margin-top:72px}.sol-footer .sol-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--dim)}.sol-footer a{color:var(--dim);text-decoration:none;transition:color .2s ease}.sol-footer a:hover{color:var(--text)}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--em-light);margin-bottom:18px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--em)}.btn{display:inline-block;text-decoration:none;border-radius:11px;font-weight:600;font-size:15.5px;padding:14px 22px}.btn-primary{background:var(--em);color:var(--em-ink);transition:background .2s ease,transform .2s ease}.btn-primary:hover{background:var(--em-light);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text);border:1px solid rgba(var(--ovl-rgb),.14);transition:border-color .2s ease,color .2s ease}.btn-ghost:hover{border-color:#34d3998c;color:var(--em-light)}@keyframes glowpulse{0%,to{opacity:.4}50%{opacity:.8}}.agent{background:var(--panel);border:1px solid rgba(var(--ovl-rgb),.08);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #00000059}.agent-bar{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid rgba(var(--ovl-rgb),.06)}.mockup-dot{width:11px;height:11px;border-radius:50%;background:#2a313c}.mockup-label{margin-left:8px;font-family:var(--mono);font-size:11px;color:var(--faint)}.flow-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;color:var(--em-light)}.flow-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--em);box-shadow:0 0 8px var(--em);animation:glowpulse 2s ease-in-out infinite}.flow-stage{padding:14px 18px 22px}.flow-wrap{display:flex;flex-direction:column;transition:opacity .35s ease}.flow-wrap.out{opacity:0}.flow-trigger{background:var(--input);border:1px solid rgba(var(--ovl-rgb),.1);border-radius:12px;padding:14px 15px;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.flow-trigger.show{opacity:1;transform:none}.flow-trig-tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--em-light);background:#10b9811a;border:1px solid rgba(16,185,129,.22);padding:4px 9px 4px 8px;border-radius:999px;margin-bottom:11px}.flow-trig-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--em);box-shadow:0 0 8px var(--em)}.flow-trig-title{font-size:14px;font-weight:600;color:var(--text)}.flow-trig-sub{font-size:13px;color:var(--muted);margin-top:3px}.flow-trig-preview{font-size:12.5px;color:var(--dim);line-height:1.5;font-style:italic;margin-top:10px;padding-left:11px;border-left:2px solid rgba(var(--ovl-rgb),.12)}.flow-steps{position:relative;padding:16px 0 6px}.flow-rail-bg,.flow-rail-fill{position:absolute;left:10px;top:0;width:2px;border-radius:2px}.flow-rail-bg{bottom:0;background:rgba(var(--ovl-rgb),.1);transition:opacity .4s ease}.flow-rail-bg.pending{opacity:0}.flow-rail-fill{height:0;background:var(--em);box-shadow:0 0 8px #10b98199;transition:height .5s ease}.flow-step{position:relative;z-index:1;display:grid;grid-template-columns:24px 1fr;gap:11px;padding:9px 0;opacity:0;transition:opacity .4s ease}.flow-step.show{opacity:1}.flow-dot{position:relative;width:16px;height:16px;margin:1px 3px;border-radius:50%;background:var(--panel);border:2px solid rgba(var(--ovl-rgb),.2);transition:background .3s ease,border-color .3s ease}.flow-step.show:not(.done) .flow-dot{border-color:var(--em);animation:flowwork .9s ease-in-out infinite}@keyframes flowwork{0%,to{box-shadow:0 0 #10b98159}50%{box-shadow:0 0 0 5px #10b98100}}.flow-step.done .flow-dot{background:var(--em);border-color:var(--em)}.flow-step.done .flow-dot:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:8px;border:solid var(--em-ink);border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.flow-main{display:flex;flex-direction:column;padding-top:1px}.flow-label{font-size:14px;color:var(--text);line-height:1.3}.flow-res{font-family:var(--mono);font-size:11.5px;color:var(--em-light);margin-top:3px;opacity:0;transition:opacity .3s ease}.flow-step.done .flow-res{opacity:1}.flow-output{margin-top:18px;background:var(--input);border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:15px 16px;opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease}.flow-output.show{opacity:1;transform:none}.flow-out-status{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--em-light);margin-bottom:12px}.note-ic{position:relative;flex:none;width:16px;height:16px;margin-top:1px;border-radius:50%;background:var(--em)}.note-ic:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:8px;border:solid var(--em-ink);border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.output-head{font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--em-light);margin-bottom:12px}.output-line{display:flex;gap:8px;font-size:13.5px;margin-bottom:6px}.ol-k{color:var(--faint);min-width:76px}.output-line span:last-child{color:var(--text)}.output-text{font-size:13.5px;line-height:1.55;color:var(--muted);margin-top:10px}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}