@font-face{font-family:Sneak;src:url(/assets/fonts/Sneak-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Sneak;src:url(/assets/fonts/Sneak-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:JuliaMono;src:url(/assets/fonts/JuliaMono-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:JuliaMono;src:url(/assets/fonts/JuliaMono-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--paper:#fff;--ink:#0a0a0a;--muted:#8b8b8b;--red:#ff2d95;--neon:#00e5ff;--purple:#7c4dff;--ink-deep:#0a0a0f;--text-2:#2a2a2a;--amber:#ffb300;--ok:#00e676;--line:#0a0a0a1f;--cell:14px;--gutter:56px;--maxw:1176px;--h2:clamp(26px,3.4vw,46px);--body-fs:clamp(15px,1.15vw,18px);--red-55:#ff2d958c;--px-corner-10:polygon(10px 0, calc(100% - 10px) 0, calc(100% - 10px) 5px, calc(100% - 5px) 5px, calc(100% - 5px) 10px, 100% 10px, 100% calc(100% - 10px), calc(100% - 5px) calc(100% - 10px), calc(100% - 5px) calc(100% - 5px), calc(100% - 10px) calc(100% - 5px), calc(100% - 10px) 100%, 10px 100%, 10px calc(100% - 5px), 5px calc(100% - 5px), 5px calc(100% - 10px), 0 calc(100% - 10px), 0 10px, 5px 10px, 5px 5px, 10px 5px, 10px 0);--px-corner-8:polygon(8px 0, calc(100% - 8px) 0, calc(100% - 8px) 4px, calc(100% - 4px) 4px, calc(100% - 4px) 8px, 100% 8px, 100% calc(100% - 8px), calc(100% - 4px) calc(100% - 8px), calc(100% - 4px) calc(100% - 4px), calc(100% - 8px) calc(100% - 4px), calc(100% - 8px) 100%, 8px 100%, 8px calc(100% - 4px), 4px calc(100% - 4px), 4px calc(100% - 8px), 0 calc(100% - 8px), 0 8px, 4px 8px, 4px 4px, 8px 4px, 8px 0);--px-corner-6:polygon(6px 0, calc(100% - 6px) 0, calc(100% - 6px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 6px, 100% 6px, 100% calc(100% - 6px), calc(100% - 3px) calc(100% - 6px), calc(100% - 3px) calc(100% - 3px), calc(100% - 6px) calc(100% - 3px), calc(100% - 6px) 100%, 6px 100%, 6px calc(100% - 3px), 3px calc(100% - 3px), 3px calc(100% - 6px), 0 calc(100% - 6px), 0 6px, 3px 6px, 3px 3px, 6px 3px, 6px 0);--mono:"SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;--tui-mono:"JuliaMono","SFMono-Regular",ui-monospace,Menlo,Consolas,monospace}@media (max-width:680px){:root{--gutter:28px}}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;overscroll-behavior:none}body{overscroll-behavior:none;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"ss06" 1;margin:0;font-family:Sneak,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;overflow-x:hidden}a{color:inherit}.mono{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;font-size:11px}
#hero-kv{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hero{z-index:1;background:0 0;min-height:100vh;position:relative}.hhead{z-index:5;background:var(--paper);padding:0 var(--gutter);position:relative}.hhead:after{content:"";background:var(--line);transform-origin:0;height:1px;animation:.9s cubic-bezier(.16,1,.3,1) .5s both lineGrowX;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.hhead .hgrid{max-width:var(--maxw);padding:calc(var(--cell)*2) 0 calc(var(--cell)*2 + 2px);gap:calc(var(--cell)*3);grid-template-columns:1fr;align-items:stretch;margin:0 auto;display:grid}@media (min-width:900px){.hhead .hgrid{grid-template-columns:1.6fr 1fr}}.hhead .hl{text-transform:uppercase;letter-spacing:-.035em;align-self:start;margin:0;font-size:clamp(32px,5.2vw,82px);font-weight:400;line-height:.92}@keyframes heroIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes heroLine{0%{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes lineGrowX{to{transform:scaleX(1)}}@keyframes lineGrowY{to{transform:scaleY(1)}}.hhead .ln{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.hhead .ln>span{animation:.95s steps(6,end) both heroLine;display:block;transform:translateY(115%)}.hhead .hl .ln:first-child>span{animation-delay:.1s}.hhead .hl .ln:nth-child(2)>span{animation-delay:.21s}.hhead .hdesc .ln:first-child>span{animation-delay:.36s}.hhead .hdesc .ln:nth-child(2)>span{animation-delay:.44s}.hhead .htag{animation:.9s steps(6,end) .58s both heroIn}.hhead .hfoot img{animation:.9s steps(6,end) .78s both heroIn}@media (prefers-reduced-motion:reduce){.hhead .ln>span{animation:none;transform:none}.hhead .htag,.hhead .hfoot img{animation:none}.hhead:after{animation:none;transform:scaleX(1)}.hcol:before{animation:none;transform:scaleY(1)}}.hhead .hcol{justify-content:space-between;gap:calc(var(--cell)*2);flex-direction:column;display:flex;position:relative}@media (min-width:900px){.hhead .hcol{padding-left:calc(var(--cell)*3)}.hhead .hcol:before{content:"";left:0;top:calc(var(--cell)*-2);bottom:calc(var(--cell)*-2);background:var(--line);transform-origin:top;width:1px;animation:.85s cubic-bezier(.16,1,.3,1) .42s both lineGrowY;position:absolute;transform:scaleY(0)}}.hhead .hdesc{text-transform:uppercase;letter-spacing:-.01em;margin:0;font-size:clamp(13px,1.45vw,20px);font-weight:400;line-height:1.18}.hhead .hdesc span{text-align:justify;text-align-last:justify;-webkit-text-align-last:justify;display:block}.hhead .hfoot{perspective:900px;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.hhead .hfoot img{flex:none;width:34px;height:auto;margin-top:2px;display:block}.wlogo{transform-origin:50%;flex:none;display:inline-block}@keyframes wSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.wlogo:hover,.wlogo.spin{animation:.9s steps(18,end) wSpin}@media (prefers-reduced-motion:reduce){.wlogo:hover,.wlogo.spin{animation:none}}.hhead .htag{text-align:right;max-width:34ch;margin:0;font-size:13px;line-height:1.45}main{z-index:2;position:relative}.sheet{z-index:2;background:0 0;position:relative}#protocol{padding-bottom:calc(var(--cell)*2.5)}#protocol-parts{padding-top:calc(var(--cell)*1)}
section.ed{padding:calc(var(--cell)*9) var(--gutter)}.ed .wrap{max-width:var(--maxw);gap:calc(var(--cell)*2);flex-direction:column;margin:0 auto;display:flex}@media (min-width:860px){.ed .wrap{column-gap:calc(var(--cell)*6);grid-template-columns:.82fr 1.18fr;align-items:start;row-gap:0;display:grid}.ed .head{margin:0}}.ed .kick{color:var(--muted);margin:14px 0 0;font-size:10px}.ed h2{font-size:var(--h2);letter-spacing:-.02em;max-width:16ch;margin:0;font-weight:400;line-height:1.06}#origin h2 code{font-family:var(--mono);background:#f2f2f2;border-radius:6px;padding:.04em .28em;font-size:.7em}#agents code{font-family:var(--mono);background:#f2f2f2;border-radius:5px;padding:.06em .32em;font-size:.86em}.ed p{font-size:var(--body-fs);max-width:48ch;color:var(--text-2);text-align:justify;text-align-last:left;margin:0 0 1.05em;line-height:1.62}.ed p:last-child{margin-bottom:0}.ed p.s{color:var(--muted);font-size:14px}.ed strong{color:var(--ink);font-weight:500}.two{gap:calc(var(--cell)*2);max-width:none;margin:calc(var(--cell)*3.5) 0;grid-template-columns:1fr;display:grid}@media (min-width:560px){.two{grid-template-columns:1fr 1fr}}.two .c{text-align:center}.two .c .l{color:var(--muted);margin-bottom:7px}.two .c p{text-wrap:balance;text-align:center;text-align-last:center;margin:0;font-size:14px}.two .c{position:relative}.two .c .smiley{transform-origin:50% 58%;will-change:transform;width:128px;height:128px;margin:2px auto 18px;transition:transform .3s;display:block}.two .c .smiley.sm-jump{animation:.62s cubic-bezier(.3,1.5,.5,1) smJump}.two .c .smiley.sm-shy{transform:scale(.93)translateY(3px)}@keyframes smJump{0%{transform:translateY(0)}28%{transform:translateY(-18px)}52%{transform:translateY(0)}68%{transform:translateY(-7px)}to{transform:translateY(0)}}.sm-heart{z-index:6;pointer-events:none;animation:1s ease-out forwards smHeart;position:absolute}@keyframes smHeart{0%{opacity:0;transform:translate(-50%)scale(.5)}14%{opacity:1}to{opacity:0;transform:translate(-50%,-72px)scale(1.1)}}.ed .wrap>.reveal:not(.head)>p{max-width:none}#shift p.s,#panels p.s{font-size:var(--body-fs);color:var(--text-2)}#shift p.s{margin-top:1.2em}
.caro{z-index:2;padding:calc(var(--cell)*7) var(--gutter);background:0 0;position:relative}.caro .ch{max-width:var(--maxw);margin:0 auto calc(var(--cell)*2);justify-content:space-between;align-items:baseline;gap:var(--cell);padding:0;display:flex}.caro .ch h2{font-size:var(--h2);letter-spacing:-.02em;margin:0;font-weight:400;line-height:1.06}#lab .ch{align-items:flex-start;gap:calc(var(--cell)*1.5);flex-direction:column}#lab .ch h2{max-width:18ch}#lab .ch p{max-width:62ch;color:var(--text-2);font-size:var(--body-fs);margin:0;line-height:1.62}.track-wrap{margin:0 calc(-1 * var(--gutter));padding:calc(var(--cell)*3) 0;touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:hidden}.track-wrap,.track-wrap *{cursor:grab}.track-wrap.drag,.track-wrap.drag *{cursor:grabbing!important}.track-wrap a{-webkit-user-drag:none}.track-wrap{position:relative}.sl-arrow{top:calc(var(--cell)*3 + 154px);z-index:6;background:var(--ink);width:42px;height:42px;color:var(--paper);cursor:pointer;clip-path:var(--px-corner-10);border:0;justify-content:center;align-items:center;padding:0;transition:background .2s,opacity .25s;display:none;position:absolute;transform:translateY(-50%)}.sl-arrow.prev{left:16px}.sl-arrow.next{right:16px}.sl-arrow svg{width:18px;height:18px}.sl-arrow:hover{background:var(--purple)}.sl-arrow[disabled]{opacity:0;pointer-events:none}@media (hover:hover) and (pointer:fine){.sl-arrow{display:flex}}.track{width:max-content;padding:0 max(var(--gutter), calc((100vw - var(--maxw)) / 2));will-change:transform;gap:28px;display:flex}.slide{width:min(78vw,320px);color:inherit;flex-direction:column;flex:none;gap:13px;text-decoration:none;display:flex}.slide.cs{text-align:center;background:0 0;border-radius:0;flex-direction:column;align-items:center;gap:0;width:min(90vw,504px);padding:0 0 26px;display:flex;overflow:visible}.slide.cs .csm{aspect-ratio:504/308;background:var(--ink);width:100%;position:relative;overflow:hidden;container-type:inline-size}.slide.cs .t{letter-spacing:-.02em;margin:20px 0 0;font-size:clamp(22px,2.2vw,30px);font-weight:500}.slide.cs .d{color:var(--text-2);max-width:32ch;margin:9px 26px 0;font-size:14.5px;line-height:1.5}.slide.cs .reveal-cta{z-index:2;pointer-events:none;background:linear-gradient(0deg,#0a0a0acc 0 14px,#0a0a0a85 14px 28px,#0a0a0a47 28px 42px,#0a0a0a1a 42px 56px,#0a0a0a00 56px);transition:transform .5s steps(4,end);display:none;position:absolute;inset:0;transform:translateY(100%)}.slide.cs:hover .reveal-cta{transform:translateY(0)}.slide.cs .rc-clip{z-index:3;text-align:center;color:var(--paper);letter-spacing:-.01em;pointer-events:none;font-size:13px;font-weight:500;line-height:1.3;display:none;position:absolute;bottom:16px;left:0;right:0;overflow:hidden}.slide.cs .rc-i{transition:transform .5s steps(5,end);display:inline-block;transform:translateY(130%)}.slide.cs:hover .rc-i{transform:translateY(0)}@media (hover:hover) and (pointer:fine){.slide.cs .reveal-cta,.slide.cs .rc-clip{display:block}.track-wrap .slide.cs,.track-wrap .slide.cs *{cursor:pointer}}.ed .pts{margin:calc(var(--cell)*2) 0 0;padding:0;list-style:none}.ed .pts li{gap:var(--cell);padding:var(--cell) 0;border-top:1px solid var(--line);color:var(--text-2);grid-template-columns:auto 1fr;align-items:baseline;font-size:15px;line-height:1.5;display:grid}.ed .pts li .n{color:var(--muted);white-space:nowrap}#agents .pts li .n{min-width:calc(var(--cell)*4)}.ed .pts li b{color:var(--ink);font-weight:500}.ed .pts li:last-child{border-bottom:1px solid var(--line)}#panels p.s{margin-top:calc(var(--cell)*2)}.caro.pin{padding-top:0;padding-bottom:0}.caro.pin .pin-stick{flex-direction:column;justify-content:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.caro.pin .ch{width:100%;margin-bottom:var(--cell)}.caro.pin .slide.cs{width:min(90vw,max(504px,55vh))}@media (max-height:700px){.caro.pin .ch h2{font-size:calc(var(--h2)*.72)}.caro.pin .ch{margin-bottom:calc(var(--cell)*.5)}}@media (prefers-reduced-motion:reduce){.caro.pin{padding:calc(var(--cell)*7) var(--gutter);height:auto!important}.caro.pin .pin-stick{height:auto;position:static;overflow:visible}}
.slide.cs .csm{background:var(--csm-bg,var(--ink))}.slide.cs .csm .tui{font-family:var(--tui-mono);font-weight:400;font-size:calc(100cqw / var(--tui-em));letter-spacing:0;tab-size:1;white-space:pre;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;text-rendering:optimizespeed;margin:0;padding:0;line-height:1;position:absolute;top:0;left:0}.slide.cs .csm .tui span{font-weight:inherit}.tui-stage-wrap{background:var(--paper);width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}.tui-stage{padding:calc(var(--cell)*2) 0}.tui-stage .tui-live{justify-content:center;display:flex}.tui-stage .tui{font-family:var(--tui-mono);letter-spacing:0;white-space:pre;-webkit-font-smoothing:antialiased;text-rendering:optimizespeed;margin:0;font-weight:400;line-height:1}.tui-stage .tui span{font-weight:inherit}.tui-stage .tui-wide .tui{font-size:calc((100vw - var(--gutter)*2) / 129.6)}.tui-stage .tui-narrow{display:none}.tui-stage .tui-narrow .tui{font-size:calc((100vw - var(--gutter)*2) / 55.2)}@media (max-width:680px){.tui-stage .tui-wide{display:none}.tui-stage .tui-narrow{display:flex}}.tui-heat{pointer-events:none;mix-blend-mode:multiply;z-index:2;width:100%;height:100%;position:absolute;inset:0}.tui-live{position:relative}
.cta{z-index:2;padding:calc(var(--cell)*12) var(--gutter);background:0 0;position:relative}.cta .wrap{max-width:var(--maxw);text-align:center;margin:0 auto}.cta .meta{max-width:46ch;color:var(--muted);text-wrap:balance;margin:30px auto 0;font-size:clamp(15px,1.2vw,19px);line-height:1.6}.cta .meta.near{margin-top:16px}.cta .meta a{color:var(--ink);background:repeating-linear-gradient(90deg,var(--ink) 0 4px,transparent 4px 7px) left bottom/0% 3px no-repeat;padding-bottom:2px;text-decoration:none;transition:background-size .45s cubic-bezier(.16,1,.3,1)}.cta .meta a:hover{background-size:100% 3px}.btn,.cta .ctabtn,.tt-again,.tt-teaser{letter-spacing:-.01em;background:var(--ink);color:var(--paper);clip-path:var(--px-corner-10);justify-content:center;align-items:center;padding:16px 36px;font-size:clamp(15px,1.2vw,18px);font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex;position:relative}.cta .ctabtn{margin-top:38px}.btn:hover,.cta .ctabtn:hover,.tt-again:hover,.tt-teaser:hover{background:var(--purple)}.btn .lbl,.cta .ctabtn .lbl,.tt-again .lbl,.tt-teaser .lbl{z-index:2;position:relative}.btn .pxfx,.cta .ctabtn .pxfx,.tt-again .pxfx,.tt-teaser .pxfx{z-index:1;pointer-events:none;display:grid;position:absolute;inset:0}footer{z-index:2;height:calc(var(--cell)*9);cursor:pointer;background:0 0;transition:height .55s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}footer.playing{cursor:default;height:min(52vh,390px)}footer #footcity{width:100%;height:calc(var(--cell)*9);z-index:2;pointer-events:none;display:block;position:absolute;bottom:0;left:0}footer.playing #footcity{height:min(52vh,390px);top:0;bottom:auto}.tt-teaser{z-index:4;cursor:pointer;border:0;transition:opacity .35s,transform .35s,background .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}footer.playing .tt-teaser{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.86)}.tt-teaser .tt-blocks{vertical-align:-3px;margin-left:9px;display:inline-block}.tt-teaser .tt-blocks canvas{display:block}#tetris{z-index:3;pointer-events:none;font-family:var(--mono);display:none;position:absolute;inset:0}footer.playing #tetris{display:block}#tetris .tt-score{letter-spacing:.08em;color:var(--ink);font-size:clamp(15px,2vw,22px);position:absolute;top:18px;left:22px}#tetris .tt-pad{pointer-events:auto;grid-template-columns:repeat(2,44px);gap:8px;display:grid;position:absolute;bottom:20px;right:20px}#tetris .tt-pad button,#tetris .tt-close{background:var(--paper);color:var(--ink);cursor:pointer;pointer-events:auto;clip-path:var(--px-corner-8);border:0;place-items:center;transition:background .15s,color .15s;display:grid;box-shadow:0 2px 12px #0a0a0a24}#tetris .tt-pad button svg,#tetris .tt-close svg{width:18px;height:18px;display:block}#tetris .tt-pad button{width:44px;height:44px}#tetris .tt-pad button:hover,#tetris .tt-close:hover{background:var(--ink);color:var(--paper)}#tetris .tt-close{z-index:6;width:38px;height:38px;position:absolute;top:18px;right:20px}#tetris .tt-over{z-index:5;text-align:center;pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffdb;flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.3s both ttOver;display:none;position:absolute;inset:0}#tetris.tt-isover .tt-over{display:flex}@keyframes ttOver{0%{opacity:0}to{opacity:1}}#tetris .tt-over .ttl{letter-spacing:-.02em;color:var(--ink);font-size:clamp(22px,3.2vw,34px);font-weight:400;line-height:1}.tt-again{padding:13px 30px;font-size:14px}@media (max-width:680px){.tt-teaser{letter-spacing:.18em;padding:11px 18px;font-size:11px}footer.playing{height:min(58vh,460px)}footer.playing #footcity{height:calc(min(58vh,460px) - 88px);top:0;bottom:auto}#tetris .tt-close{width:36px;height:36px;top:10px;right:12px}#tetris .tt-pad{grid-template-columns:repeat(4,52px);gap:8px;bottom:22px;left:50%;right:auto;transform:translate(-50%)}#tetris .tt-pad button{width:52px;height:52px;font-size:20px}}.reveal{transition:transform .8s steps(6,end);transform:translateY(18px)}.reveal.in{transform:none}@media (prefers-reduced-motion:reduce){.reveal{transform:none}}
.install{z-index:2;margin:calc(-1 * clamp(120px,26vh,280px)) 0 calc(var(--cell)*3);padding:0 8px;position:relative}.ipanel{--ipad:clamp(26px,4.4vw,60px);--imark:clamp(172px,22vh,216px);z-index:2;max-width:calc(var(--maxw) + 96px);background:var(--ink-deep);color:var(--paper);margin:0 auto;position:relative;overflow:hidden}#install-field{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.icontent{z-index:1;padding:var(--imark) var(--ipad) var(--ipad);position:relative}.icontent .ihead{max-width:60ch}.icontent .kick{color:var(--neon);margin:0 0 12px}.ihl{letter-spacing:-.022em;color:var(--paper);margin:0;font-size:clamp(30px,4.4vw,54px);font-weight:400;line-height:.98}.isub{color:#ffffff9e;margin:14px 0 0;font-size:clamp(14px,1.1vw,17px);line-height:1.5}.iprimary{margin-top:calc(var(--cell) * 2.2)}.isec{grid-template-columns:1fr;gap:14px;margin-top:14px;display:grid}@media (min-width:720px){.isec{grid-template-columns:1fr 1fr}}.iocopy{--fill:#141420;--edge:#7e88a84d;text-align:left;cursor:pointer;width:100%;color:var(--paper);font:inherit;background:repeating-linear-gradient(90deg, var(--edge) 0 9px, transparent 9px 18px) left top/100% 4px no-repeat, repeating-linear-gradient(90deg, var(--edge) 0 9px, transparent 9px 18px) left bottom/100% 4px no-repeat, repeating-linear-gradient(180deg, var(--edge) 0 9px, transparent 9px 18px) left top/4px 100% no-repeat, repeating-linear-gradient(180deg, var(--edge) 0 9px, transparent 9px 18px) right top/4px 100% no-repeat, var(--fill);border:0;grid-template-columns:1fr auto;align-items:center;gap:9px 16px;padding:16px clamp(16px,2vw,22px);transition:background-color .18s;display:grid;position:relative}.iocopy:hover{--edge:var(--neon);--fill:#1b1b28}.iocopy:focus-visible{outline:2px solid var(--neon);outline-offset:3px}.iocopy.iorec{--edge:var(--red-55);--fill:#191322}.iocopy.iorec:hover{--edge:var(--red);--fill:#20132b}.iprimary .iocopy{padding:20px clamp(18px,2.2vw,26px)}.iocopy.copied{--edge:var(--red);--fill:#26102e}.iocopy .iolbl{color:#ffffff73;grid-column:1/-1;margin:0}.iocopy.iorec .iolbl{color:var(--red)}.iocopy .iocode{min-width:0;font-family:var(--mono);color:#efeff5;white-space:pre-wrap;word-break:break-word;grid-column:1;font-size:clamp(13px,1.15vw,16px);line-height:1.6}.iprimary .iocode{font-size:clamp(15px,1.55vw,21px)}.iocode .pr{color:var(--neon);-webkit-user-select:none;user-select:none;margin-right:.55em}.iocopy .ioact{white-space:nowrap;color:#ffffff80;grid-area:2/2;place-self:end;transition:color .18s}.iocopy:hover .ioact{color:#ffffffd9}.iocopy.copied .ioact,.iocopy.copied .iolbl{color:var(--red)}.imeta{margin:calc(var(--cell) * 1.7) 0 0;color:#fff6;font-size:13px}.io-live{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:680px){.install{margin-top:calc(-1*clamp(70px,15vh,150px))}.ipanel{--ipad:22px;--imark:150px}.iocopy{grid-template-columns:1fr;row-gap:10px}.iocopy .ioact{grid-area:auto/1;justify-self:start}}@media (prefers-reduced-motion:reduce){.iocopy,.iocopy .ioact{transition:none}}
@media (max-width:720px){.ed p{text-align:left}.hhead .hdesc span{text-align:left;-webkit-text-align-last:left;text-align-last:left}.hhead .hfoot{flex-direction:column;align-items:flex-start;gap:10px}.hhead .htag{text-align:left;width:100%;max-width:none}.ed{padding:calc(var(--cell)*5) var(--gutter)}.proc,.caro{padding:calc(var(--cell)*4) var(--gutter)}.cta{padding:calc(var(--cell)*7) var(--gutter)}}.toplink{z-index:60;height:calc(var(--cell)*3);font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink);background:var(--paper);pointer-events:none;border-top:0;border-bottom:1px solid #fafafa;border-left:1px solid #fafafa;border-right:0;align-items:center;gap:8px;padding:0 18px;font-size:11px;text-decoration:none;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .2s;display:inline-flex;position:fixed;top:0;right:0;transform:translateY(-100%)}.toplink.show{pointer-events:auto;transform:none}.toplink:hover{border-color:var(--ink)}.toplink .ar{width:14px;height:14px}.intro{z-index:2;padding:calc(var(--cell)*7) var(--gutter) 0;position:relative}.intro .wrap{max-width:var(--maxw);margin:0 auto}.intro .lead{font-size:var(--h2);letter-spacing:-.02em;opacity:0;max-width:none;margin:0;font-weight:400;line-height:1.06}.intro .lead.ready{opacity:1}.intro .lead .ln{margin-bottom:-.06em;padding-bottom:.06em;display:block;overflow:hidden}.intro .lead .ln>span{transition:transform .85s steps(6,end);display:block;transform:translateY(115%)}.intro .lead.in .ln>span{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.intro .lead{opacity:1}.intro .lead .ln>span{transform:none}}.intro .lead code{font-family:var(--mono);background:#f2f2f2;border-radius:5px;padding:.06em .32em;font-size:.86em}
.proc{z-index:2;padding:calc(var(--cell)*7) var(--gutter);position:relative}.proc .wrap{max-width:var(--maxw);margin:0 auto}.proc .ph{align-items:flex-start;gap:calc(var(--cell)*2);margin-bottom:calc(var(--cell)*3);flex-direction:column;display:flex}.proc .phx{align-items:flex-start;gap:calc(var(--cell)*2);flex-direction:column;display:flex}.proc .ph h2{font-size:var(--h2);letter-spacing:-.02em;margin:0;font-weight:400;line-height:1.04}.proc .ph .pd{color:var(--text-2);font-size:var(--body-fs);max-width:46ch;margin:0;line-height:1.62}.proc .procflow{aspect-ratio:3;width:100%;margin-bottom:clamp(14px,2.4vh,26px)}.proc .procflow canvas{width:100%;height:100%;display:block}.proc .donuts{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (min-width:840px){.proc .donuts{grid-template-columns:repeat(4,1fr)}}.proc .step{flex-direction:column;gap:13px;transition:opacity .3s;display:flex;position:relative}@media (hover:hover){.proc .donuts:hover .step{opacity:.45}.proc .donuts .step:hover{opacity:1}.proc .donuts .step{cursor:none;padding-bottom:17px}.proc .pxline{opacity:0;pointer-events:none;height:8px;transition:opacity .25s steps(3,end);position:absolute;bottom:0;left:0;right:0}.proc .step:hover .pxline{opacity:1}.proc .pxline:before{content:"";background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 9px);position:absolute;inset:0}.proc .pxline i{background:repeating-linear-gradient(90deg,var(--ink) 0 8px,transparent 8px 9px);width:62px;height:8px;transform:translateX(var(--lx,0px));position:absolute;top:0;left:0}}
.proc .dl{align-items:center;gap:9px;margin-top:2px;line-height:1.25;display:flex}.proc .dl .dn{background:var(--ink-deep);width:22px;height:22px;color:var(--paper);font-family:var(--mono);letter-spacing:.04em;clip-path:var(--px-corner-6);flex:none;place-items:center;font-size:9px;display:inline-grid}.proc .dl .dt{font-size:15px;font-weight:500}.proc .dd{color:var(--text-2);margin:0;font-size:13.5px;line-height:1.5}.btn{align-self:flex-start}.btn:hover{transform:translateY(-2px)}.slide.cs .tags{flex-wrap:wrap;justify-content:center;gap:7px;margin:14px 22px 0;display:flex}.slide.cs .tags span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--c,var(--ink-deep));color:var(--tc,var(--paper));clip-path:var(--px-corner-6);padding:7px 13px;font-size:10px;font-weight:500;line-height:1}.slide.cs .tags .key{--c:var(--ink-deep);--tc:var(--paper)}.slide.cs .tags .watts{--c:var(--red);--tc:var(--paper)}.slide.cs .tags .heat{--c:var(--amber);--tc:var(--ink)}.slide.cs .tags .net{--c:var(--neon);--tc:var(--ink)}.slide.cs .tags .ok{--c:var(--ok);--tc:var(--ink)}