.lp a:not([class]){color:inherit;text-decoration:none}.lp a.link{color:var(--leaf);text-underline-offset:3px;text-decoration:underline}.lp :where(h1,h2,h3){letter-spacing:-.01em;font-weight:600;line-height:1.15}.lp .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lp .btn.ghost,.lp .btn:not(.primary){background:var(--raised)}.demo-caption{color:var(--faint);text-align:center;margin-top:14px;font-size:13px}.sec{border-top:1px solid var(--grid);position:relative}.sec-in{max-width:calc(var(--page) + 2 * var(--gut));padding:clamp(72px, 9vw, 120px) var(--gut);border-inline:1px solid var(--grid);margin:0 auto;position:relative}.sec-in:before,.sec-in:after{content:"";background:var(--leaf);width:7px;height:7px;position:absolute;top:-4px}.sec-in:before{left:-4px}.sec-in:after{right:-4px}.sec.tinted{background:var(--tint)}.sec.flush>.sec-in{padding-block:0}.h2{font-size:var(--fs-h2);letter-spacing:-.03em;line-height:1.07}.h2 .dim{color:var(--faint)}.lead{font-size:var(--fs-lead);color:var(--muted);max-width:58ch;line-height:1.6}.sec-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:20px 56px;margin-bottom:clamp(32px,4vw,48px);display:grid}.sec-head .lead{justify-self:end}.kicker{font:500 12px/1 var(--mono);letter-spacing:.04em;color:var(--leaf);text-transform:uppercase}.hl{background:var(--leaf);color:var(--leaf-ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;margin:0 -.04em;padding:0 .14em .02em}.accent{color:var(--leaf)}.chip{border:1px solid var(--line-2);height:24px;font:500 12px/1 var(--mono);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.chip .dot{background:var(--leaf);width:7px;height:7px;box-shadow:0 0 0 3px var(--leaf-soft);border-radius:50%}.st{color:var(--faint);align-items:center;gap:6px;display:inline-flex}.st:before{content:"";opacity:.8;background:currentColor;border-radius:50%;width:7px;height:7px}.st.on{color:var(--leaf)}.tag{border:1px solid var(--line-2);color:var(--muted);border-radius:5px;margin-right:4px;padding:1px 6px;font-size:11px;display:inline-block}[data-reveal].rv-go{animation:rv-in .8s var(--ease-out) var(--rd,50ms) backwards}@keyframes rv-in{0%{opacity:0;transform:translateY(18px)}}@media (width<=900px){.sec-head{grid-template-columns:minmax(0,1fr)}.sec-head .lead{justify-self:start}}@media (width<=620px){.sec-in{border-inline:0}.sec-in:before,.sec-in:after{display:none}}.hero .sec-in{padding-top:clamp(56px,8vw,104px);padding-bottom:clamp(40px,5vw,64px)}.hero{border-top:0}.hero-copy{text-align:center;justify-items:center;display:grid}.hero-h1{font-size:var(--fs-h1);letter-spacing:-.035em;font-weight:620;line-height:1.04}.hero-h1 .l1,.hero-h1 .l2{display:block}.hero-h1 .l2{color:var(--faint)}.hero-h1 .l1{animation:h-rise .9s var(--ease-out) both}.hero-h1 .l2{animation:h-rise .9s var(--ease-out) 80ms both}.hero-h1 .hl{animation:hl-wipe .9s var(--ease-out) .25s both}@keyframes h-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes hl-wipe{0%{color:var(--text);background-size:0% 100%}to{background-size:100% 100%}}.hero-h1 .hl{background:linear-gradient(var(--leaf), var(--leaf)) no-repeat left / 100% 100%}.hero-lead{text-align:center;max-width:60ch;margin:24px auto 0}.hero-cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.hero-note{color:var(--faint);flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:16px;font-size:13px;display:flex}.hero-note span+span:before{content:"·";color:var(--line-2);margin-right:18px}.hero-stage{margin-top:clamp(40px,6vw,64px);position:relative}.stage-frame{border:1px solid var(--line-2);isolation:isolate;background:radial-gradient(90% 70% at 50% 0,oklch(22% .03 150),#0000 70%),oklch(14% .006 155);border-radius:16px;height:clamp(380px,44vw,560px);position:relative;overflow:hidden}.stage-frame:after{content:"";pointer-events:none;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);opacity:.35;z-index:-1;background-size:48px 48px;position:absolute;inset:0;mask-image:radial-gradient(80% 80% at 50% 40%,#000 20%,#0000 80%)}.v{display:none;position:absolute;inset:0}.hero-stage[data-variant=stack] .v-stack,.hero-stage[data-variant=colony] .v-colony,.hero-stage[data-variant=globe] .v-globe,.hero-stage[data-variant=combo] .v-stack,.hero-stage[data-variant=combo] .v-colony{animation:v-in .5s var(--ease-out) both;display:block}@keyframes v-in{0%{opacity:0}to{opacity:1}}.hero-switch-unused{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:14px;display:flex}.hs-label{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-right:6px}.hero-switch-unused button{border:1px solid var(--line-2);height:30px;color:var(--muted);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;border-radius:999px;padding:0 12px;font-size:13px}.hero-switch-unused button:hover{color:var(--text);border-color:var(--muted)}.hero-switch-unused button[aria-pressed=true]{background:var(--leaf);border-color:var(--leaf);color:var(--leaf-ink)}.v-stack{perspective:1800px;perspective-origin:50% 30%}.stack{width:0;height:0;transform-style:preserve-3d;transform:rotateX(calc(14deg + var(--rx,0deg))) rotateY(calc(-22deg + var(--ry,0deg))) rotateZ(2deg);transition:transform .6s var(--ease-out);position:absolute;top:50%;left:50%}.win{border:1px solid var(--line-2);width:540px;height:340px;transform:translate3d(calc(var(--i) * 50px), calc(var(--i) * -30px), calc(var(--i) * -80px));transition:transform .7s var(--ease-out), border-color .3s var(--ease-out), opacity .4s var(--ease-out);animation:win-in 1s var(--ease-out) calc(.15s + var(--i) * 80ms) both;background:oklch(19% .008 155);border-radius:12px;position:absolute;top:-175px;left:-270px;overflow:hidden;box-shadow:0 30px 60px -30px oklch(0% 0 0/.8)}.v-stack:hover .win{transform:translate3d(calc(var(--i) * 64px), calc(var(--i) * -38px), calc(var(--i) * -110px))}.win.is-hot{border-color:var(--leaf)}@keyframes win-in{0%{opacity:0;transform:translateZ(-40px)}}.win-bar{border-bottom:1px solid var(--line);background:oklch(21% .008 155);align-items:center;gap:7px;height:34px;padding:0 12px;display:flex}.win-bar i{background:var(--line-2);border-radius:50%;width:9px;height:9px}.win-url{height:20px;font:11px/20px var(--mono);color:var(--faint);white-space:nowrap;background:oklch(15% .006 155);border-radius:6px;flex:1;margin-left:10px;padding:0 8px;overflow:hidden}.win-body{gap:10px;padding:18px;display:grid;position:relative}.sk{background:var(--art-2);border-radius:4px;height:10px}.sk.w1{background:var(--art);width:62%;height:16px}.sk.w2{width:88%}.sk.w3{width:74%}.sk-img{background:linear-gradient(135deg, var(--art-2), oklch(24% .02 150));border-radius:8px;height:120px}.idcard{border:1px solid var(--line-2);font:11px/1.45 var(--mono);color:var(--muted);background:oklch(15% .008 155/.95);border-radius:10px;gap:4px;min-width:176px;padding:10px 12px;display:grid;position:absolute;bottom:14px;right:14px}.idcard b{font:600 13px var(--sans);color:var(--text);justify-content:space-between;align-items:center;gap:8px;display:flex}.idcard .cc{font:600 11px var(--mono);background:var(--raised);color:var(--text);border-radius:4px;padding:2px 6px}.win.front .idcard .cc{background:var(--leaf);color:var(--leaf-ink)}.ctl{border:1px solid var(--line-2);z-index:5;width:250px;animation:h-rise .9s var(--ease-out) .5s both;background:oklch(17% .008 155/.96);border-radius:12px;position:absolute;top:50%;left:clamp(16px,5%,64px);overflow:hidden;translate:0 -50%;box-shadow:0 24px 48px -20px oklch(0% 0 0/.8)}.ctl-head{border-bottom:1px solid var(--line);color:var(--faint);align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.ctl-head .ant0-mark{width:16px;height:16px;color:var(--leaf)}.ctl-row{border-bottom:1px solid var(--line);cursor:default;transition:background-color var(--dur-fast) var(--ease-out);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:9px 12px;font-size:12.5px;display:grid}.ctl-row:last-child{border-bottom:0}.ctl-row:hover,.ctl-row.is-hot{background:var(--raised)}.ctl-row small{font:10.5px var(--mono);color:var(--faint);display:block}.v-colony .px{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.v-colony .px-live{cursor:crosshair}.colony-labels{pointer-events:none;position:absolute;inset:0}.cl{border:1px solid var(--leaf-line);font:500 11px/1 var(--mono);color:var(--text);white-space:nowrap;opacity:0;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);background:oklch(12% .01 155/.9);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex;position:absolute;transform:translate(-50%,calc(-100% - 14px))}.cl:before{content:"";background:var(--leaf);border-radius:50%;width:6px;height:6px}.cl.is-on{opacity:1;transform:translate(-50%,calc(-100% - 18px))}.colony-hint{font:500 11px/1 var(--mono);letter-spacing:.04em;color:var(--muted);background:oklch(12% .01 155/.8);border-radius:6px;padding:6px 8px;position:absolute;bottom:12px;left:16px}.hero-stage[data-variant=combo] .v-colony{opacity:.6}.hero-stage[data-variant=combo] .colony-hint,.hero-stage[data-variant=combo] .colony-labels{display:none}.hero-stage[data-variant=combo] .v-stack{z-index:2}.hero-stage[data-variant=combo] .v-colony:after{content:"";background:linear-gradient(oklch(14% .006 155/.85),#0000 45% 70%,oklch(14% .006 155/.6));position:absolute;inset:0}.v-globe svg{width:100%;height:100%}.g-grid{fill:none;stroke:var(--art-2);stroke-width:1px}.g-rim{fill:oklch(15% .008 155);stroke:var(--art);stroke-width:1.2px}.g-route{fill:none;stroke:var(--art);stroke-width:1.3px;stroke-dasharray:3 5}.g-route.on{stroke:var(--leaf);stroke-dasharray:none;stroke-width:1.8px}.g-pt{fill:var(--art)}.g-pt.on{fill:var(--leaf)}.g-lbl{font:600 12px var(--mono);fill:var(--muted)}.g-lbl.on,.g-pk{fill:var(--leaf-hi)}.g-chip rect{fill:oklch(18% .008 155);stroke:var(--line-2)}.g-chip.on rect{stroke:var(--leaf)}.g-chip text{font:500 13px var(--sans);fill:var(--text)}.g-chip .sub{font:11px var(--mono);fill:var(--faint)}@media (width<=760px){.ctl{display:none}.win{width:340px;height:230px;top:-120px;left:-170px}.sk-img{height:60px}.idcard{min-width:150px;font-size:10px}.hero-h1 .l1 .hl{white-space:normal}}.tiles-in{padding-top:0!important;padding-bottom:clamp(56px,7vw,88px)!important}.tiles{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.tile{border:1px solid var(--line);border-radius:var(--r);isolation:isolate;background:radial-gradient(360px circle at var(--mx,50%) var(--my,-40%), color-mix(in oklch, var(--leaf) 7%, transparent), transparent 60%), linear-gradient(180deg, oklch(19% .008 155), oklch(17.2% .007 155));height:400px;transition:border-color var(--dur) var(--ease-out);grid-column:span 3;padding:24px;position:relative;overflow:hidden}.tile:hover{border-color:var(--line-2)}.tile.wide{grid-column:span 6;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.tile-head{letter-spacing:-.01em;align-items:center;gap:10px;font-size:16px;font-weight:550;display:flex}.tile-head .ico{width:18px;height:18px;color:var(--muted);transition:color var(--dur) var(--ease-out)}.tile:hover .tile-head .ico{color:var(--leaf)}.tile p{color:var(--faint);z-index:1;max-width:36ch;margin-top:10px;font-size:15px;line-height:1.5;position:relative}.tile p b{color:var(--text);font-weight:500}.checks{color:var(--muted);gap:8px;margin:18px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.checks li{align-items:center;gap:8px;display:flex}.checks .ico{width:15px;height:15px;color:var(--text)}.art{pointer-events:none;z-index:0;width:100%;height:64%;position:absolute;bottom:0;right:0}.art svg{width:100%;height:100%;overflow:visible}.tile.wide .art{width:auto;height:auto;margin:-24px -24px -24px 0;position:relative}.tiles-note{letter-spacing:-.01em;color:var(--faint);margin-top:28px;font-size:clamp(18px,1.8vw,22px)}.tiles-note span{color:var(--text)}.art .a{fill:none;stroke:var(--art);stroke-width:1.25px}.art .a2{fill:none;stroke:var(--art-2);stroke-width:1.2px}.art .af{fill:var(--art-fill);stroke:var(--art);stroke-width:1.25px}.art .a2f{fill:var(--art-2)}.art .skf{fill:var(--art);opacity:.7}.art .skf2{fill:var(--art-2)}.art text{font:500 10.5px var(--mono);fill:var(--faint)}.art-profiles .pw{transform:translate(calc(var(--i) * 26px), calc(var(--i) * -30px));transition:transform .6s var(--ease-out)}.tile:hover .art-profiles .pw{transform:translate(calc(var(--i) * 34px), calc(var(--i) * -40px))}.art-profiles .front{stroke:var(--line-2);fill:oklch(21% .009 155)}.art-profiles .run rect{fill:var(--leaf-soft);stroke:var(--leaf)}.art-profiles .run circle{fill:var(--leaf)}.art-profiles .run text{fill:var(--leaf-hi);font-size:11px}.art-fp .ridge-accent{fill:none;stroke:var(--leaf);stroke-width:1.5px}.art-fp .fp-tags circle{fill:var(--art)}.art-fp .scan{opacity:0}.tile:hover .art-fp .scan{opacity:1;animation:fp-scan 1.8s var(--ease-out) infinite}@keyframes fp-scan{0%{transform:translateY(0)}to{transform:translateY(200px)}}.art-px .dash{stroke-dasharray:3 5}.art-px .route-on{fill:none;stroke:var(--leaf);stroke-width:1.6px}.art-px .px-nodes circle{fill:var(--bg);stroke:var(--art);stroke-width:1.25px}.art-px .px-nodes circle.on{stroke:var(--leaf)}.art-px .px-lbl text{font-size:9.5px}.art-px .px-lbl text.on{fill:var(--leaf-hi)}.art-px .exit rect{fill:var(--art-fill);stroke:var(--art);stroke-width:1.2px}.art-px .exit.on rect{stroke:var(--leaf)}.art-px .exit.on text{fill:var(--text)}.art-px .packet{fill:var(--leaf-hi);offset-path:path("M78 134 C140 134 150 130 205 130");offset-distance:0%;opacity:0}.tile:hover .art-px .packet{opacity:1;animation:1.4s linear infinite pk}@keyframes pk{to{offset-distance:100%}}.art-ck .cgrid{transition:transform .9s var(--ease-out)}.tile:hover .art-ck .cgrid{transform:translate(-68px)}.art-ck .hot{fill:var(--leaf-soft);stroke:var(--leaf);stroke-width:1.3px}.art-ck .hotc{fill:none;stroke:var(--leaf);stroke-width:1.4px}.art-ck .hotf{fill:var(--leaf)}.art-ck .ft{font-size:9px}.art-tm .node rect{fill:var(--art-fill);stroke:var(--art);stroke-width:1.2px}.art-tm .node text{text-anchor:middle;font:500 11px var(--sans);fill:var(--muted)}.art-tm .node.sm text{font-size:10px}.art-tm .tp{fill:none;stroke:var(--leaf);stroke-width:1.5px;stroke-dasharray:260;stroke-dashoffset:260px;transition:stroke-dashoffset .9s var(--ease-out)}.tile:hover .art-tm .tp{stroke-dashoffset:0}.art-tm .tpn rect{transition:stroke .4s var(--ease-out) .2s}.tile:hover .art-tm .tpn rect{stroke:var(--leaf)}.art-tm .folder path{fill:none;stroke:var(--art);stroke-width:1.2px}.art-tm .folder text{text-anchor:middle;font-size:10px}.art-tm .folder.on path{stroke:var(--leaf);fill:var(--leaf-soft)}.art-sy .flow{fill:none;stroke:var(--art);stroke-width:1.4px;stroke-dasharray:4 6}.tile:hover .art-sy .flow{stroke:var(--leaf-line);animation:.9s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-20px}}.art-sy .lockb circle{fill:var(--bg);stroke:var(--leaf);stroke-width:1.5px}.art-sy .lockb rect,.art-sy .lockb path{fill:none;stroke:var(--leaf);stroke-width:2px;stroke-linecap:round}.art-api .rl{stroke:var(--art-2);stroke-width:1px;stroke-dasharray:2 5}.art-api .row rect{fill:var(--art-fill);stroke:var(--art);stroke-width:1.2px}.art-api .row .m{fill:var(--faint);font-size:10px}.art-api .row .p{fill:var(--muted);font-size:10.5px}.art-api .row.on rect{stroke:var(--leaf)}.art-api .row.on .p,.art-api .row.on .m{fill:var(--leaf-hi)}.art-api .ws{opacity:0;transition:opacity .4s var(--ease-out), transform .5s var(--ease-out);transform:translate(16px)}.art-api .ws rect{fill:var(--leaf-soft);stroke:var(--leaf-line)}.art-api .ws text{fill:var(--leaf-hi);font-size:10px}.tile:hover .art-api .ws{opacity:1;transform:none}@media (width<=1080px){.tile{grid-column:span 6}.tile.wide{grid-column:span 12}}@media (width<=640px){.tile,.tile.wide{grid-column:span 12;height:380px}.tile.wide{height:520px;display:block}.tile.wide .art{width:100%;height:58%;margin:0;position:absolute}}.logos-in{gap:0;display:grid;padding-block:clamp(40px,5vw,64px)!important}.logo-row{border-top:1px solid var(--grid);grid-template-columns:170px minmax(0,1fr);align-items:stretch;display:grid}.logo-row:last-of-type{border-bottom:1px solid var(--grid)}.logo-label{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);align-items:center;display:flex}.logo-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.lg{border-left:1px solid var(--grid);min-height:84px;color:var(--faint);transition:color var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);place-items:center;display:grid}.lg:hover{color:var(--text);background:oklch(100% 0 0/.015)}.lg-mask{width:var(--w,110px);height:28px;-webkit-mask:var(--src) center / contain no-repeat;mask:var(--src) center / contain no-repeat;background:currentColor;display:block}.lg-name{letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:600;display:inline-flex}.lg-name .ico,.lgi{fill:currentColor;width:22px;height:22px}.logos-note{color:var(--faint);margin-top:18px;font-size:14px}@media (width<=760px){.logo-row{grid-template-columns:minmax(0,1fr)}.logo-label{padding:16px 0 10px}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lg{border-left:0;border-top:1px solid var(--grid);min-height:68px}.lg:nth-child(2n){border-left:1px solid var(--grid)}}.demo-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.dtab{border:1px solid var(--line-2);height:38px;color:var(--muted);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.dtab .ico{width:15px;height:15px}.dtab:hover{color:var(--text);border-color:var(--muted)}.dtab[aria-selected=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.dtab .bar{background:var(--leaf);transform-origin:0;width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.demo-tabs.is-auto .dtab[aria-selected=true] .bar{animation:dbar var(--dur,7s) linear both}@keyframes dbar{to{transform:scaleX(1)}}.demo-stage{border:1px solid var(--line-2);background:radial-gradient(70% 60% at 50% 0,oklch(21% .03 150),#0000 70%),oklch(14% .006 155);border-radius:16px;height:560px;padding:36px 36px 0;position:relative;overflow:hidden}.demo-stage:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(#0000,oklch(14% .006 155));height:120px;position:absolute;bottom:0;left:0;right:0}.appwin{border:1px solid var(--line-2);background:oklch(15.5% .006 155);border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 30px 60px -30px oklch(0% 0 0/.85)}.appbar{border-bottom:1px solid var(--line);height:38px;color:var(--faint);background:var(--bg-2);align-items:center;gap:9px;padding:0 14px;font-size:12.5px;display:flex}.appbar .ant0-mark{width:16px;height:16px;color:var(--leaf)}.appbar .wc{gap:14px;margin-left:auto;display:flex}.appbar .wc i{border:1.5px solid var(--line-2);border-radius:2px;width:10px;height:10px}.appbody{grid-template-columns:196px minmax(0,1fr);min-height:560px;display:grid}.aside{border-right:1px solid var(--line);background:var(--bg-2);align-content:start;gap:2px;padding:12px 10px;font-size:13.5px;display:grid}.aside a{color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.aside a .ico{width:16px;height:16px}.aside a.on{background:var(--raised);color:var(--text)}.aside hr{border:0;border-top:1px solid var(--line);margin:8px 4px}.panes{min-width:0;position:relative}.pane{animation:pane-in .35s var(--ease-out) both}.pane[hidden]{display:none}@keyframes pane-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.toolbar{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px 14px;display:flex}.search{border:1px solid var(--line-2);min-width:0;height:34px;color:var(--faint);border-radius:8px;flex:1;align-items:center;gap:8px;padding:0 10px;font-size:13.5px;display:flex}.search .ico{width:15px;height:15px}.tbtn{border:1px solid var(--line-2);height:34px;color:var(--text);white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:0 11px;font-size:13.5px;display:inline-flex}.tbtn .ico{width:15px;height:15px}.tbtn.pri{background:var(--leaf);color:var(--leaf-ink);border-color:var(--leaf);font-weight:500}.views{border-bottom:1px solid var(--line);color:var(--faint);white-space:nowrap;gap:20px;padding:0 14px;font-size:13.5px;display:flex;overflow:hidden}.views span{gap:6px;padding:11px 0;display:inline-flex}.views span.on{color:var(--text);box-shadow:inset 0 -2px var(--leaf)}.views b{color:var(--muted);font-weight:500}table.grid{border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px}table.grid th{text-align:left;color:var(--faint);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px;font-size:12.5px;font-weight:500}table.grid td{border-bottom:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;transition:background-color .4s var(--ease-out);padding:10px 14px;overflow:hidden}table.grid td small{color:var(--faint);font:11.5px var(--mono);text-overflow:ellipsis;display:block;overflow:hidden}table.grid tr.flash td{background:color-mix(in oklch, var(--leaf) 9%, transparent)}.mbtn{border:1px solid var(--line-2);height:26px;color:var(--text);border-radius:7px;align-items:center;gap:6px;padding:0 9px;font-size:12px;display:inline-flex}.mbtn .ico{width:11px;height:11px}.spin{border:1.5px solid var(--line-2);border-top-color:var(--leaf);vertical-align:-2px;border-radius:50%;width:12px;height:12px;margin-right:6px;animation:.9s linear infinite turn;display:inline-block}@keyframes turn{to{transform:rotate(360deg)}}.form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.form .col{align-content:start;gap:14px;padding:18px;display:grid}.form .col+.col{border-left:1px solid var(--line)}.field label{color:var(--faint);margin-bottom:6px;font-size:12.5px;display:block}.field .in{border:1px solid var(--line-2);height:36px;transition:border-color .3s var(--ease-out);border-radius:8px;justify-content:space-between;align-items:center;padding:0 10px;font-size:14px;display:flex;position:relative}.field .in.focus{border-color:var(--leaf)}.field .in small{color:var(--faint);font-size:12px}.dd{z-index:4;border:1px solid var(--line-2);background:oklch(20% .008 155);border-radius:8px;gap:2px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);left:-1px;right:-1px;box-shadow:0 16px 32px -12px oklch(0% 0 0/.8)}.dd span{border-radius:6px;justify-content:space-between;padding:7px 8px;font-size:13px;display:flex}.dd span.hover{background:var(--raised)}.dd small{color:var(--faint)}.kv{border:1px solid var(--line);background:var(--line);border-radius:8px;gap:1px;font-size:13px;display:grid;overflow:hidden}.kv div{background:var(--bg-2);white-space:nowrap;transition:background-color .5s var(--ease-out);justify-content:space-between;gap:10px;padding:8px 10px;display:flex}.kv div.flash{background:color-mix(in oklch, var(--leaf) 12%, var(--bg-2))}.kv span:first-child{color:var(--faint)}.kv span:last-child{font-family:var(--mono);font-size:12px}.idbadge{background:var(--leaf-soft);color:var(--leaf);opacity:0;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:5px 10px;font-size:12px;font-weight:500;display:inline-flex;transform:translateY(4px)}.idbadge.show{opacity:1;transform:none}.idbadge .ico{width:13px;height:13px}.seg{border:1px solid var(--line-2);border-radius:8px;font-size:12.5px;display:inline-flex;overflow:hidden}.seg span{color:var(--muted);padding:6px 10px}.seg span.on{background:var(--raised);color:var(--text)}.idh{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;font-weight:550;display:flex}.dialog{z-index:5;border:1px solid var(--line-2);opacity:0;width:300px;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);pointer-events:none;background:oklch(19% .008 155);border-radius:12px;gap:12px;padding:16px;display:grid;position:absolute;top:62px;right:18px;transform:translateY(-6px)scale(.98);box-shadow:0 24px 48px -16px oklch(0% 0 0/.85)}.dialog.show{opacity:1;transform:none}.dialog h4{font-size:14px}.typing:after{content:"";background:var(--leaf);vertical-align:-2px;width:1px;height:14px;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.cursor{z-index:6;pointer-events:none;opacity:0;width:22px;height:22px;transform:translate(var(--cx,90%), var(--cy,90%));transition:transform .9s var(--ease-out), opacity .3s var(--ease-out);filter:drop-shadow(0 2px 4px oklch(0% 0 0/.6));position:absolute;top:0;left:0}.cursor.show{opacity:1}.ripple{border:2px solid var(--leaf);z-index:5;pointer-events:none;opacity:0;width:30px;height:30px;transform:translate(var(--rx), var(--ry)) scale(.3);border-radius:50%;margin:-15px 0 0 -15px;position:absolute;top:0;left:0}.ripple.go{animation:ripple .55s var(--ease-out) both}@keyframes ripple{0%{opacity:1;transform:translate(var(--rx), var(--ry)) scale(.3)}to{opacity:0;transform:translate(var(--rx), var(--ry)) scale(1.4)}}@media (width<=1080px){.appbody{grid-template-columns:58px minmax(0,1fr)}.aside a span{display:none}.aside a{justify-content:center}}@media (width<=700px){.demo-stage{height:520px;padding:16px 12px 0}.appbody{grid-template-columns:minmax(0,1fr)}.aside,table.grid .hide-s,.toolbar .tbtn:not(.pri){display:none}.form{grid-template-columns:minmax(0,1fr)}.form .col+.col{border-left:0;border-top:1px solid var(--line)}.dialog{width:auto;left:12px;right:12px}}.dev-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:48px;display:grid}.dev-copy .lead{margin-top:18px}.dev-facts{border-top:1px solid var(--grid);border-bottom:1px solid var(--grid);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;display:grid}.dev-facts div{padding:16px 14px 16px 0}.dev-facts div+div{border-left:1px solid var(--grid);padding-left:14px}.dev-facts b{font:600 17px var(--mono);color:var(--leaf-hi);display:block}.dev-facts span{color:var(--faint);margin-top:4px;font-size:13px;line-height:1.45;display:block}.dev-links{flex-wrap:wrap;gap:20px 28px;margin-top:28px;display:flex}.codewin{border:1px solid var(--line-2);background:oklch(13.5% .006 155);border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -30px oklch(0% 0 0/.8)}.codetabs{border-bottom:1px solid var(--line);background:var(--bg-2);scrollbar-width:none;align-items:center;display:flex;overflow-x:auto}.codetabs-list{align-items:center;min-width:0;display:flex}.codetab{height:46px;color:var(--faint);font:500 14px var(--sans);cursor:pointer;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:8px;padding:0 16px;display:inline-flex;box-shadow:inset 0 -2px #0000}.codetab .lgi,.codetab .ico{fill:currentColor;width:16px;height:16px}.codetab:hover{color:var(--text)}.codetab[aria-selected=true]{color:var(--text);box-shadow:inset 0 -2px var(--leaf)}.code-copy{width:34px;height:34px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;margin-left:auto;margin-right:8px;display:grid;position:relative}.code-copy:hover{color:var(--text);background:var(--raised)}.code-copy .ico{width:16px;height:16px}.code-copy .tip{background:var(--leaf);color:var(--leaf-ink);white-space:nowrap;opacity:0;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);pointer-events:none;z-index:2;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;position:absolute;top:calc(100% + 6px);right:0;transform:translateY(-4px)}.code-copy .tip.show{opacity:1;transform:none}.codepane[hidden]{display:none}.codepane pre{color:var(--muted);tab-size:2;min-height:330px;margin:0;padding:22px 24px;font-size:13.5px;line-height:1.75;overflow-x:auto}.codepane .k{color:oklch(80% .12 300)}.codepane .s{color:oklch(86% .13 145)}.codepane .c{color:var(--faint);font-style:italic}.codepane .f{color:oklch(84% .1 220)}.codepane .n{color:oklch(85% .12 80)}.codefoot{border-top:1px solid var(--line);color:var(--faint);align-items:center;gap:10px;padding:13px 22px;font-size:13px;display:flex}.codefoot .ico{width:15px;height:15px;color:var(--leaf)}@media (width<=960px){.dev-in{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.dev-facts{grid-template-columns:minmax(0,1fr)}.dev-facts div+div{border-left:0;border-top:1px solid var(--grid);padding-left:0}.codepane pre{padding:16px;font-size:12px}.codetab{padding:0 12px}}.recipes{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.recipe{flex-direction:column;gap:10px;display:flex}.recipe h3{letter-spacing:-.01em;margin-top:8px;font-size:16px;font-weight:550}.recipe p{color:var(--faint);font-size:14.5px;line-height:1.55}.recipe .more{margin-top:auto;padding-top:6px}.sketch{aspect-ratio:280/170;border:1px solid var(--line);transition:border-color var(--dur) var(--ease-out);background:oklch(17.5% .007 155);border-radius:12px;position:relative;overflow:hidden}.recipe:hover .sketch{border-color:var(--line-2)}.sketch svg:first-child{width:100%;height:100%}.sketch .af{fill:var(--art-fill);stroke:var(--art);stroke-width:1.2px}.sketch .af.front{stroke:var(--line-2)}.sketch .a2{fill:none;stroke:var(--art-2);stroke-width:1.2px}.sketch .dash{stroke-dasharray:3 4}.sketch .skf2{fill:var(--art-2)}.sketch text{font:500 9.5px var(--sans);fill:var(--faint)}.sketch .tt{fill:var(--muted);font-size:11px;font-weight:600}.sketch .small{font-size:9px}.sketch .mono-t text{font:500 9.5px var(--mono)}.sketch .pr,.sketch .okt{fill:var(--leaf-hi)}.sketch .warn{fill:var(--amber);font-size:9px}.sketch .ok{fill:none;stroke:var(--leaf);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.sketch .chip-on{fill:var(--leaf-soft);stroke:var(--leaf)}.sketch .cht{fill:var(--leaf-hi)}.sketch .btn-on{fill:var(--leaf)}.sketch .bt{fill:var(--leaf-ink);font-weight:600}.sketch .prog{fill:var(--leaf);transform-box:fill-box;transform-origin:0;transition:transform 1s var(--ease-out)}.recipe:hover .sketch .prog{transform:scaleX(1.43)}.sketch .line-on{fill:none;stroke:var(--leaf);stroke-width:1.5px}.sketch .dot-on{fill:var(--leaf)}.sketch .term{fill:oklch(13% .005 155);stroke:var(--art);stroke-width:1.2px}.sketch .fan rect{transition:transform .6s var(--ease-out)}.recipe:hover .sketch .fan rect:first-child{transform:translate(-6px,-4px)}.recipe:hover .sketch .fan rect:nth-child(3){transform:translate(6px,4px)}.sketch .rc{fill:#f4f7f5;stroke:#0b0f0c;stroke-width:1.4px;stroke-linejoin:round;filter:drop-shadow(0 2px 3px oklch(0% 0 0/.6));width:20px;height:20px;transition:transform .6s var(--ease-out);position:absolute;bottom:14%;right:16%}.recipe:hover .sketch .rc{transform:translate(-10px,-8px)}@media (width<=1080px){.recipes{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}}@media (width<=560px){.recipes{grid-template-columns:minmax(0,1fr)}}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.step h3{align-items:center;gap:10px;margin-top:18px;font-size:17px;font-weight:550;display:flex}.step h3 .n{background:var(--leaf);width:26px;height:26px;color:var(--leaf-ink);font:600 13px var(--mono);border-radius:50%;place-items:center;display:grid}.step p{color:var(--faint);margin-top:6px;font-size:14.5px;line-height:1.55}.pixcard{aspect-ratio:4/3;border:1px solid var(--line-2);background:var(--pix) center / cover no-repeat, oklch(14% .006 155);image-rendering:pixelated;border-radius:12px;place-items:center;padding:18px;display:grid;position:relative;overflow:hidden}.ui{image-rendering:auto;border:1px solid var(--line-2);background:oklch(17% .008 155/.96);border-radius:12px;gap:10px;width:min(100%,290px);padding:14px;display:grid;box-shadow:0 20px 40px -16px oklch(0% 0 0/.8)}.ui-t{font-size:13px;font-weight:600}.ui-s{color:var(--faint);font-size:11.5px;line-height:1.45}.ui-in{border:1px solid var(--line-2);height:32px;color:var(--muted);border-radius:7px;align-items:center;padding:0 10px;font-size:13px;display:flex}.code6{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.code6 span{border:1px solid var(--line-2);height:34px;font:600 15px var(--mono);border-radius:7px;place-items:center;display:grid}.code6 .cur{border-color:var(--leaf);box-shadow:0 0 0 3px var(--leaf-soft)}.code6 .cur:after{content:"";background:var(--leaf);width:1px;height:16px;animation:1s step-end infinite blink}.ostabs{border:1px solid var(--line-2);border-radius:9px;gap:4px;padding:3px;display:flex}.ostabs button{height:30px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:13px;display:inline-flex}.ostabs button .lgi{fill:currentColor;width:14px;height:14px}.ostabs button[aria-selected=true]{background:var(--raised);color:var(--text)}.ospane[hidden]{display:none}.ospane{gap:8px;display:grid}.file{border:1px solid var(--line-2);border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.file .ico{width:18px;height:18px;color:var(--leaf)}.file b{font:600 12px var(--mono);display:block}.file small{color:var(--faint);font-size:11.5px;display:block}.sh{border:1px solid var(--line);color:var(--text);white-space:pre;background:oklch(12% .004 155);border-radius:8px;margin:0;padding:10px;font-size:11.5px;overflow-x:auto}.sh span{color:var(--leaf)}.ui-row{justify-content:space-between;align-items:center;display:flex}.ui-btn{background:var(--leaf);height:28px;color:var(--leaf-ink);border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.ui-btn .ico{width:13px;height:13px}.ui-prof{border:1px solid var(--leaf-line);background:var(--leaf-soft);animation:prof-in .8s var(--ease-out) .4s both;border-radius:8px;justify-content:space-between;align-items:center;padding:10px;font-size:13px;display:flex}.ui-prof small{font:11px var(--mono);color:var(--faint);display:block}@keyframes prof-in{0%{opacity:0;transform:translateY(6px)}}.steps-cta{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:36px;display:flex}@media (width<=960px){.steps{grid-template-columns:minmax(0,1fr);max-width:520px}}.plans{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:16px;display:grid}.plan-free,.plan-paid{border-radius:var(--r);background:var(--bg);border:1px solid var(--line);padding:28px}.plan-free{border-color:var(--leaf-line);flex-direction:column;display:flex}.plan-name{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.plan-price{letter-spacing:-.04em;margin-top:18px;font-size:60px;font-weight:620;line-height:1}.plan-price small{letter-spacing:0;color:var(--muted);margin-left:8px;font-size:15px;font-weight:400}.plan-free ul{color:var(--muted);gap:10px;margin:22px 0 28px;padding:0;font-size:14.5px;list-style:none;display:grid}.plan-free li{align-items:center;gap:10px;display:flex}.plan-free li .ico{width:16px;height:16px;color:var(--leaf)}.plan-free .btn{margin-top:auto}.plan-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.period{border:1px solid var(--line-2);border-radius:999px;padding:3px;display:inline-flex}.period button{height:30px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:13px}.period button em{color:var(--leaf);margin-left:4px;font-style:normal}.period button[aria-pressed=true]{background:var(--raised);color:var(--text)}.plan-paid table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:12px;font-size:16px}.plan-paid th{text-align:left;color:var(--faint);border-bottom:1px solid var(--line);padding:14px 0 10px;font-size:12.5px;font-weight:500}.plan-paid td{border-bottom:1px solid var(--line);padding:16px 0}.plan-paid td:first-child{font-weight:600}.plan-paid .r{text-align:right}.plan-paid .amt{font-weight:600}.plan-paid .per{color:var(--faint);margin-left:6px;font-size:13px}.plan-note{color:var(--muted);margin-top:16px;font-size:13.5px}.crypto{color:var(--muted);gap:10px;margin-top:12px;font-size:13.5px;display:flex}.crypto .ico{width:18px;height:18px;color:var(--leaf);margin-top:1px}@media (width<=900px){.plans{grid-template-columns:minmax(0,1fr)}}.privacy{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);align-items:stretch;display:grid}.pv-col{padding:28px}.pv-head{align-items:center;gap:10px;font-size:16px;font-weight:550;display:flex}.pv-head .ico{width:20px;height:20px;color:var(--leaf)}.privacy ul{color:var(--faint);gap:12px;margin:18px 0 0;padding:0;font-size:14.5px;list-style:none;display:grid}.privacy li{padding-left:18px;line-height:1.5;position:relative}.privacy li:before{content:"";background:var(--leaf);border-radius:1px;width:6px;height:6px;position:absolute;top:.6em;left:0}.privacy li b{color:var(--text);font-weight:500}.pv-mid svg{width:80px;height:100%}@media (width<=820px){.privacy{grid-template-columns:minmax(0,1fr)}.pv-mid{display:none}.pv-col+.pv-mid+.pv-col{border-top:1px solid var(--line)}}.faq{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;display:grid}.faq-side .lead{margin:16px 0 22px}.qa{border-top:1px solid var(--line)}.qa details{border-bottom:1px solid var(--line)}.qa summary{cursor:pointer;transition:color var(--dur-fast) var(--ease-out);justify-content:space-between;gap:20px;padding:22px 0;font-size:17px;font-weight:500;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.qa summary:hover{color:var(--leaf-hi)}.qa summary .ico{width:18px;height:18px;color:var(--leaf);transition:transform var(--dur) var(--ease-out);margin-top:3px}.qa details[open] summary .ico{transform:rotate(45deg)}.qa details p{color:var(--faint);max-width:68ch;padding:0 40px 22px 0;font-size:15.5px;line-height:1.65}@media (width<=900px){.faq{grid-template-columns:minmax(0,1fr);gap:28px}.qa details p{padding-right:0}}.closing-in{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:32px 56px;display:grid}.closing .lead{margin-top:18px}.closing-cta{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.closing-in,.ft-in{grid-template-columns:minmax(0,1fr)}.closing-cta{justify-content:flex-start}@media (width<=900px){.closing-in{grid-template-columns:minmax(0,1fr)}.closing-cta{justify-content:flex-start}}