:root{--bg: #ffffff;--ink: #0b0d10;--ink-2: #2f343b;--ink-3: #4a5059;--line: rgba(11, 13, 16, .1);--glass: rgba(255, 255, 255, .6);--glass-solid: rgba(255, 255, 255, .78);--glass-edge: rgba(255, 255, 255, .88);--wait: #8a5a00;--ok: #2f6b12;--sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--r-card: 22px;--r-pill: 999px;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}img{display:block}button{font:inherit;cursor:pointer}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}#flow{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}.glass,.glass-dark,.pill{position:relative;isolation:isolate;backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5)}.glass{background:var(--glass);border:1px solid var(--glass-edge);box-shadow:inset 0 1px #ffffffe6,0 12px 40px #0b0d1014}.glass-dark{background:#1e2226d1;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px #ffffff2e,0 30px 70px -30px #00000080;color:#f4f6f8}.pill{background:var(--glass);border:1px solid var(--glass-edge);box-shadow:inset 0 1px #ffffffe6,0 8px 24px -12px #0b0d1033;border-radius:var(--r-pill)}@supports not (backdrop-filter: blur(1px)){.glass,.pill{background:#ffffffe6}.glass-dark{background:#1e2226f5}}.h2{font-size:clamp(32px,4.2vw,56px);line-height:1.05;letter-spacing:-.03em;font-weight:800;text-wrap:balance}.h2-sm{font-size:clamp(30px,3.6vw,48px)}.h2-xs{font-size:clamp(28px,3vw,40px)}.lead{font-size:18px;line-height:1.5;color:var(--ink-2);max-width:640px;text-wrap:pretty}.small{font-size:14px;color:var(--ink-3)}.mono{font-family:var(--mono);font-size:12px;line-height:1.6;color:var(--ink-2)}.kind{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.logo{width:20px;height:20px;flex:none}.logo-lg{width:24px;height:24px}.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--r-pill);font-size:15px;font-weight:600;border:0}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#1c2027}.btn-glass{color:var(--ink)}.btn-sm{min-height:40px;padding:0 16px;font-size:14px}.btn img{width:18px;height:18px}.nav-wrap{position:fixed;z-index:20;top:calc(14px + env(safe-area-inset-top,0px));left:0;right:0;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.nav{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:12px 20px;padding:8px 8px 8px 20px;border-radius:var(--r-pill)}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px;letter-spacing:-.02em}.brand img{width:22px;height:22px}.nav-links{display:flex;gap:20px;font-size:14px;font-weight:600;flex:1;justify-content:center;color:var(--ink-2)}.nav-links a:hover{color:var(--ink)}.nav-cta{margin-left:auto;display:flex;gap:8px}.stage-wrap{position:relative;z-index:1;overflow-x:clip}.stage{position:relative;height:100vh;min-height:640px}.app-section{position:relative;padding-block:clamp(80px,16vh,160px) 24px}.hero-copy{position:absolute;left:0;right:0;top:92px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}h1{font-size:clamp(36px,4.6vw,64px);line-height:1.03;letter-spacing:-.04em;font-weight:800;text-wrap:balance;max-width:900px}.ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cols{position:absolute;left:50%;transform:translate(-50%);width:min(1120px,calc(100% - 48px));bottom:6vh;height:min(400px,44vh);display:flex;align-items:center;gap:0}.col{flex:0 0 210px;display:flex;flex-direction:column;gap:10px}.col-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding-left:6px}.slot{height:48px}.gap{flex:1 1 60px}.center-slot{flex:0 1 460px;height:100%;border-radius:22px;border:1.5px dashed rgba(11,13,16,.16);background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#0b0d104d;font-weight:700;font-size:15px}.slot.ghost{display:flex;align-items:center;gap:10px;padding:0 16px;border-radius:16px;border:1.5px dashed rgba(11,13,16,.16);background:#ffffff38;color:#0b0d1052;font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden}.slot.ghost img{opacity:.3;filter:grayscale(1)}#links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}#links path{fill:none;stroke:#0b0d1047;stroke-width:1.4;stroke-dasharray:2 9;stroke-linecap:round;animation:march 1.6s linear infinite}@keyframes march{to{stroke-dashoffset:-22}}.app{position:absolute;left:50%;transform:translate(-50%);top:88px;bottom:28px;width:min(1200px,calc(100% - 48px));display:flex;flex-direction:column}#scaffold{visibility:hidden;position:relative;left:auto;top:auto;bottom:auto;transform:none;margin:0 auto;height:min(720px,86vh)}.app-bar{height:46px;flex:none;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line);font-size:13px}.app-body{flex:1;display:flex;min-height:0}.rail{width:150px;flex:none;padding:16px 12px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--ink-3)}.rail div{padding:8px 10px;border-radius:10px}.rail .on{background:#0b0d100f;color:var(--ink)}.canvas{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;padding:20px}.canvas .grid{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:14px;margin:0}.bar-slot{height:48px;width:min(560px,80%);margin:0 auto;flex:none}#frame{position:absolute;border-radius:26px;overflow:hidden;will-change:left,top,width,height}#frame .chrome{position:absolute;inset:0;display:flex;flex-direction:column}#frame .dots{position:absolute;inset:0;background-image:radial-gradient(rgba(11,13,16,.09) 1px,transparent 1px);background-size:18px 18px}.status{display:inline-flex;align-items:center;gap:6px;font-weight:600}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-wait{background:#c98a14}.dot-ok{background:#4f9a1f;width:7px;height:7px}.fly{position:absolute;will-change:transform,left,top,width,height}.fly .face{position:absolute;inset:0;border-radius:14px}.chip-face{display:flex;align-items:center;gap:10px;padding:0 16px;font-size:15px;font-weight:700;border-radius:16px;white-space:nowrap;overflow:hidden}.block-face{padding:12px 14px;display:flex;flex-direction:column;gap:5px;overflow:hidden}.block-face .head{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}.block-face strong{font-size:14px;line-height:1.3}.block-face .bars{display:flex;align-items:flex-end;gap:5px;flex:1;min-height:18px;max-height:44px}.block-face .bars span{flex:1;border-radius:3px;background:#0b0d102e}.block-face .bars span:nth-child(2){background:#0b0d104d}.block-face .bars span:nth-child(3){background:#0b0d108c}.block-face .bars span:nth-child(4){background:var(--ink)}.rail-face{padding:8px 10px;font-size:13px;font-weight:600;color:var(--ink-3)}.state{margin-left:auto;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:5px}.state-wait{color:var(--wait)}.state-ok{color:var(--ok)}.bar-face{display:flex;align-items:center;gap:10px;padding:0 12px 0 16px;border-radius:var(--r-pill);font-size:14px}.bar-face .hint{flex:1;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.count{font-size:12px;font-weight:700;padding:4px 10px;border-radius:var(--r-pill);background:#0b0d100f;white-space:nowrap}.static-block{position:absolute;border-radius:14px}.proposed{background:#fff;border:1.5px dashed rgba(11,13,16,.35)}.block-face .actions{display:flex;gap:6px}.mini-btn{border-radius:var(--r-pill);padding:5px 11px;font-size:12px;font-weight:700;background:var(--ink);color:#fff}.mini-btn.ghost{background:#fff;color:var(--ink);border:1px solid rgba(11,13,16,.15)}.c-ctx{position:absolute;display:flex;flex-direction:column;will-change:opacity;padding:20px;gap:12px;border-radius:22px}.c-ctx .top{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px}.ctx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mb2{background:var(--glass-solid);border:1px solid var(--glass-edge);border-radius:12px;padding:10px 12px;font-size:13.5px;font-weight:700;display:flex;flex-direction:column;gap:3px;min-width:0;overflow:hidden;text-overflow:ellipsis}.ctx-log{display:flex;flex-direction:column;background:var(--glass-solid);border-radius:12px;padding:10px 12px;flex:1;min-height:0;overflow:hidden}.ctx-log span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:899px){.hero-copy{top:78px;gap:12px}h1{font-size:clamp(28px,7vw,44px)}.hero-copy .lead{font-size:15px}.ctas .btn{min-height:40px;padding:0 16px;font-size:14px}.cols{flex-direction:column;align-items:stretch;height:auto;bottom:72px;gap:10px;width:calc(100% - 24px)}.col{flex:none;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px}.col-label{display:none}.slot{height:34px;flex:0 0 calc(33.3% - 4px)}.gap{display:none}.center-slot{flex:none;height:clamp(150px,24vh,240px)}.chip-face{font-size:12.5px;padding:0 10px;gap:6px;border-radius:12px}.chip-face .logo{width:15px;height:15px}#scaffold{width:calc(100% - 24px);height:760px}.slot.ghost{font-size:12.5px;padding:0 10px;gap:6px;border-radius:12px}.slot.ghost .logo{width:15px;height:15px}.rail{display:none}.canvas{padding:10px;gap:8px}.canvas .grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:8px}.bar-slot{width:100%;height:42px}.block-face{padding:8px 10px;gap:3px}.block-face .mono{font-size:10.5px}.block-face .head,.block-face strong{font-size:12.5px}.c-ctx{padding:12px;gap:8px}.c-ctx .ctx-log{display:none}.mb2{padding:7px 9px;font-size:12px}}.static .stage{height:auto;display:flex;flex-direction:column;gap:28px;padding:96px max(16px,env(safe-area-inset-left,0px)) 0}.static .hero-copy,.static .cols{position:static;transform:none;width:auto;height:auto;padding:0}.static #links,.static .app-section,.static .fly,.static .static-block,.static #frame,.static .center-slot,.static .gap{display:none}.static .cols{flex-direction:column;align-items:stretch;gap:16px}.static .col{flex:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.static .col-label{grid-column:1 / -1}.static .slot{display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:14px;font-weight:700;font-size:14px;background:var(--glass);border:1px solid var(--glass-edge)}.static .c-ctx{position:static;width:auto!important;height:380px!important;opacity:1!important;border-radius:22px}.static #links path{animation:none}.page{position:relative;z-index:1;padding-top:40px}.wrap{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.section{padding-bottom:120px}section.center{display:flex;flex-direction:column;align-items:center;text-align:center}.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:32px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:18px}.card{border-radius:var(--r-card);padding:28px;display:flex;flex-direction:column;gap:12px;min-width:0}.card .num{font-family:var(--mono);font-size:13px;color:var(--ink-3)}.card h3{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.15}.card p{font-size:15px;line-height:1.55;color:var(--ink-2)}.grid .card{min-height:280px}.card .demo{margin-top:auto}.card .demo.log{font-family:var(--mono);font-size:12px;line-height:1.8;color:var(--ink-2);background:var(--glass-solid);border-radius:12px;padding:12px 14px}.card .demo.terminal{font-family:var(--mono);font-size:12px;line-height:1.8;border-radius:12px;padding:12px 14px}.card .demo.terminal .ok{color:#c6f432}.card .demo.queue{background:#fff;border:1.5px dashed rgba(11,13,16,.35);border-radius:12px;padding:12px 14px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px}.card .demo.queue span{margin-left:auto;padding:6px 12px;border-radius:var(--r-pill);background:var(--ink);color:#fff;font-size:12px}.card .demo.pills{display:flex;flex-wrap:wrap;gap:8px}.card .demo.pills .pill{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600}.card .demo.pills img{width:14px;height:14px}.ros{display:flex;flex-wrap:wrap;gap:48px;align-items:center}.ros-text{flex:1 1 400px;display:flex;flex-direction:column;gap:20px}.ros-text .mark{width:64px;height:64px}.ros-text .lead{max-width:none}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags .pill{padding:8px 14px;font-size:13px;font-weight:600}.plan{flex:1 1 460px;border-radius:28px;padding:24px;display:flex;flex-direction:column;gap:12px}.plan .ask{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--glass-solid);font-size:16px;font-weight:600}.plan .ask img{width:22px;height:22px}.plan .label{font-size:13px;color:var(--ink-3);padding:0 4px;font-weight:500}.plan .task{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--glass-solid);font-size:15px;font-weight:500}.plan .task .n{font-family:var(--mono);font-size:12px;color:var(--ink-3)}.plan .task .who{margin-left:auto;font-size:13px;color:var(--ink-2);font-weight:400;white-space:nowrap}.plan .foot{display:flex;align-items:center;gap:10px;padding:6px 4px 0;flex-wrap:wrap}.plan .foot .small{flex-grow:1}.band{border-radius:32px;padding:72px 56px;display:flex;flex-wrap:wrap;gap:56px}.band>div{flex:1 1 380px}.band .lead{color:#c9cdd2;margin-top:20px;max-width:none}.band li{padding:18px 0;border-top:1px solid rgba(255,255,255,.14);font-size:17px}.band li:last-child{border-bottom:1px solid rgba(255,255,255,.14)}.band li strong{font-weight:700}.band li span{color:#c9cdd2}.tiers{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%;margin-top:44px}.tier{flex:1 1 340px;max-width:480px;border-radius:28px;padding:36px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;text-align:left}.tier .name{font-size:18px;font-weight:700}.tier .price{font-size:52px;font-weight:800;letter-spacing:-.04em;line-height:1}.tier p{font-size:15px;color:var(--ink-2);line-height:1.55}.tier .btn{margin-top:8px}.faq{max-width:820px}.faq .glass{border-radius:var(--r-card);padding:8px 28px;margin-top:24px}.faq details{padding:20px 0;border-bottom:1px solid var(--line)}.faq details:last-child{border-bottom:0}.faq summary{cursor:pointer;list-style:none;font-size:18px;font-weight:600;display:flex;align-items:center;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";margin-left:auto;font-weight:500;color:var(--ink-3)}.faq details[open] summary:after{content:"−"}.faq details p{margin-top:12px;font-size:16px;line-height:1.6;color:var(--ink-2)}.closing{border-radius:32px;padding:72px 32px;gap:24px;display:flex;flex-direction:column;align-items:center;text-align:center}.install{display:flex;align-items:stretch;gap:0;max-width:100%;border-radius:16px;overflow:hidden}.install pre{margin:0;text-align:left;font-family:var(--mono);font-size:14px;line-height:1.7;padding:18px 22px;overflow-x:auto;border-radius:16px 0 0 16px;flex-grow:1}.install button{border:0;border-left:1px solid rgba(255,255,255,.14);border-radius:0 16px 16px 0;padding:0 18px;font-weight:600;font-size:14px;color:#f4f6f8;background:transparent;min-width:44px}.install button:hover{background:#ffffff14}.footer{padding:0 16px 56px}.footer .glass{max-width:1200px;margin:0 auto;padding:20px 28px;border-radius:var(--r-pill);display:flex;flex-wrap:wrap;gap:24px;align-items:center;font-size:14px;font-weight:500;color:var(--ink-2)}.footer .brand{font-size:16px}.footer .brand img{width:18px;height:18px}.footer .tag{margin-left:auto}@media(max-width:760px){.nav-links{display:none}.nav{justify-content:space-between}.nav-cta .label{display:none}.nav-cta .btn-glass{padding:0 13px}.nav{padding-left:16px}.section{padding-bottom:88px}.band{padding:48px 28px;border-radius:28px}.closing{padding:56px 20px}.footer .tag{margin-left:0}}
