@font-face{font-family:Anybody;src:url(/fonts/anybody.woff2)format("woff2");font-weight:100 900;font-stretch:50% 150%;font-display:swap}@font-face{font-family:Recursive Sans;src:url(/fonts/recursive-sans.woff2)format("woff2");font-weight:300 800;font-display:swap}@font-face{font-family:Recursive Mono;src:url(/fonts/recursive-mono.woff2)format("woff2");font-weight:300 800;font-display:swap}@font-face{font-family:Recursive Voice;src:url(/fonts/recursive-voice.woff2)format("woff2");font-weight:700 1000;font-display:swap}@font-face{font-family:Recursive Note;src:url(/fonts/recursive-note.woff2)format("woff2");font-weight:400;font-display:swap}:root{--foam:#e9f1ec;--ink:#04292a;--teal-1:#00adad;--teal-2:#008383;--teal-3:#004c4c;--deep:#043638;--sun:#ffcb2e;--on-dark:#e8f5f1;--on-dark-soft:#b5d6d1;--font-display:"Anybody", "Arial Black", sans-serif;--font-text:"Recursive Sans", ui-sans-serif, system-ui, sans-serif;--font-voice:"Recursive Voice", "Recursive Sans", ui-sans-serif, sans-serif;--font-mono:"Recursive Mono", ui-monospace, "Cascadia Code", monospace;--font-note:"Recursive Note", "Recursive Mono", ui-monospace, monospace;--gutter:clamp(16px, 3vw, 44px);--wrap:1360px;--flood-radius:clamp(36px, 6vw, 96px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--foam);color:var(--ink);font-family:var(--font-text);font-size:18px;line-height:1.5;overflow-x:clip}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}ol,ul{list-style:none}img,video{max-width:100%;height:auto;display:block}code{font-family:var(--font-mono);font-size:.92em;font-weight:500}h2{font-family:var(--font-display);text-wrap:balance;font-size:clamp(46px,8.6vw,132px);font-weight:900;font-stretch:72%;line-height:.94}h3{font-family:var(--font-voice);font-size:clamp(25px,2.5vw,36px);font-weight:900;line-height:1.08}.wrap{width:min(100% - var(--gutter) * 2, var(--wrap));margin-inline:auto}.section-head p{max-width:44ch;margin-top:22px;font-size:clamp(18px,1.6vw,22px);line-height:1.42}.skip-link{z-index:20;background:var(--ink);color:var(--foam);border-radius:10px;padding:10px 16px;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.button{background:var(--sun);color:var(--ink);font-family:var(--font-voice);border-radius:16px;padding:13px 26px;font-size:20px;font-weight:900;line-height:1.2;text-decoration:none;transition:background .15s;display:inline-block}.button:hover{background:#ffe07a}.button.is-dark{background:var(--ink);color:var(--sun)}.button.is-dark:hover{background:var(--teal-3)}.text-link,.text-button{text-underline-offset:4px;font-weight:600;text-decoration:underline;text-decoration-thickness:2px}.text-link:hover,.text-button:hover{text-decoration-thickness:4px}.text-button:disabled{opacity:.45;cursor:default;text-decoration:none}.code,.terminal,.output,.commands pre{font-family:var(--font-mono);font-variant-ligatures:none;tab-size:4;white-space:pre}.code{color:var(--on-dark);overflow-x:auto}.tk-keyword{color:#8bf0e2;font-weight:700}.tk-type{color:#8bf0e2}.tk-string{color:var(--sun)}.tk-number{color:#ffb59e}.tk-constant{color:#ffb59e;font-weight:600}.tk-comment{color:var(--on-dark-soft);font-family:var(--font-note)}.tk-call{color:#fff;font-weight:600}.tk-class{color:#fff}.tk-brace{color:#fff;font-weight:700}.output{background:var(--teal-1);color:var(--ink);border-radius:22px;padding:18px 22px;font-size:clamp(11px,.98vw,15px);font-weight:500;line-height:1.32;overflow-x:auto}.output.is-error{background:var(--sun)}.hero{--word-rows:1;--tile-top:76px;--tile-bottom:20px;--tile-step:3vh;flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:clip}.tile{will-change:transform;border-radius:min(14.6vw,24vh);position:absolute}.tile-a{--letter:var(--ink);width:46.8%;left:-2%;top:var(--tile-top);bottom:var(--tile-bottom);background:var(--teal-1)}.tile-b{--letter:var(--foam);width:46.4%;left:25.9%;top:calc(var(--tile-top) + var(--tile-step));bottom:calc(var(--tile-bottom) + var(--tile-step));background:var(--teal-2)}.tile-c{--letter:var(--sun);width:46.8%;left:55.2%;top:calc(var(--tile-top) + var(--tile-step) * 2);bottom:calc(var(--tile-bottom) + var(--tile-step) * 2);background:var(--teal-3)}.nav{z-index:3;height:76px;padding-inline:var(--gutter);justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.brand{font-family:var(--font-display);align-items:center;gap:11px;font-size:25px;font-weight:900;font-stretch:112%;text-decoration:none;display:inline-flex}.brand img{width:56px;height:auto}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:4px 26px;font-size:16px;font-weight:500;display:flex}.nav-links a{text-decoration:none}.nav-links a:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.hero-word{z-index:1;height:min(23.5vw,42vh);margin:calc(var(--tile-step) * 2 + 3.4vh) var(--gutter) 0;color:var(--foam);font-family:var(--font-display);text-transform:uppercase;font-size:min(21vw,40vh);font-weight:900;font-stretch:78%;line-height:.8;position:relative}.hero-canvas{width:100%;height:100%;display:none;position:absolute;inset:0}.has-wordmark .hero-canvas{display:block}.has-wordmark .hero-word span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero-body{z-index:2;padding-top:22px;padding-bottom:calc(var(--tile-bottom) + var(--tile-step) * 2 + 44px);flex:1;grid-template-columns:25.9% 29.3% 1fr;align-items:end;display:grid;position:relative}.hero-voice{padding-left:var(--gutter);font-family:var(--font-voice);padding-right:18px;font-size:clamp(22px,2.35vw,40px);font-weight:900;line-height:1.08}.hero-pitch{color:#fff;padding-inline:3vw 1.4vw;font-size:clamp(16px,1.25vw,20px);line-height:1.42}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:18px;display:flex}.hero-actions .text-link{font-size:16px}.hero-hello{padding-left:5vw;padding-right:var(--gutter);flex-wrap:wrap;align-items:flex-end;gap:14px 3vw;font-size:clamp(13px,1.06vw,17px);line-height:1.42;display:flex}.terminal{color:var(--on-dark-soft);overflow-x:auto}.terminal .prompt{color:var(--sun)}.code-section{padding-top:clamp(70px,9vw,140px);padding-bottom:clamp(60px,8vw,120px)}.stack{margin-top:clamp(36px,5vw,72px)}.card{--line:1.45;background:var(--card);color:var(--on-dark);border-radius:clamp(24px,3vw,40px);margin-bottom:18px;overflow:clip}.card:last-child{margin-bottom:0}.card-tab{height:44px;font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:20px;padding-inline:clamp(20px,2.6vw,36px);font-size:15px;font-weight:700;display:flex}.card-tab a{font-family:var(--font-text);color:var(--on-dark-soft);text-underline-offset:3px;font-size:14px;font-weight:500}.card-tab a:hover{color:#fff}.card-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,44px);padding:8px clamp(20px,2.6vw,36px) clamp(20px,2.4vw,32px);display:grid}.card-body>.code{font-size:clamp(13.5px,1.1vw,16px);line-height:var(--line)}.card-side{flex-direction:column;gap:14px;min-width:0;display:flex}.card-side p{max-width:46ch;font-size:clamp(16px,1.25vw,19px);line-height:1.42}.card-side .output{margin-top:8px}@media (width>=1000px) and (height>=820px){.stack{--code:min(16px, 1.72vh)}.card{top:calc(14px + var(--i) * 44px);height:calc(var(--code) * var(--line) * 29 + 84px);margin-bottom:14vh;position:sticky}.card-body{align-items:center;height:calc(100% - 44px)}.card-body>.code{font-size:calc(var(--code) * var(--scale,1))}.card h3{font-size:clamp(32px,3vw,44px)}}.fan{--fan:1;--fan-sticky:0;padding-bottom:calc(var(--flood-radius) + 70px)}.fan-tiles{flex-direction:column;margin-top:36px;display:flex}.fan-tile{padding:clamp(26px,3.4vw,50px);border-radius:clamp(36px,7vw,110px);padding-bottom:clamp(44px,5vw,70px)}.fan-tile+.fan-tile{margin-top:-32px}.fan-tile h3{font-family:var(--font-mono);font-size:clamp(19px,1.6vw,24px);font-weight:700}.fan-size{font-family:var(--font-display);white-space:nowrap;margin:2px 0 12px;font-weight:900;font-stretch:70%}.fan-tile p{font-size:clamp(16px,1.2vw,19px);line-height:1.42}.fan-tile .fan-size{font-size:clamp(44px,4.8vw,78px);line-height:1}.fan-tile .command{font-family:var(--font-mono);margin-top:12px;font-size:clamp(14px,1.08vw,17px);font-weight:700;line-height:1.5}.fan-tile-a{background:var(--teal-1);color:var(--ink);position:relative}.fan-tile-b{z-index:1;background:var(--teal-2);color:#fff;position:relative}.fan-tile-c{z-index:2;background:var(--teal-3);color:var(--on-dark);position:relative}.fan-tile-c .fan-size{color:var(--sun)}@media (width>=1000px) and (height>=760px){.fan{--fan-sticky:1;height:190vh;padding-bottom:0}.fan h2{font-size:clamp(46px,6.4vw,104px)}.fan .section-head p{max-width:80ch;margin-top:14px}.fan-sticky{flex-direction:column;justify-content:center;height:100vh;display:flex;position:sticky;top:0}.fan-tiles{flex-direction:row;align-items:center;margin-top:clamp(24px,4vh,48px)}.fan-tile{flex:1 1 0;min-width:0;min-height:clamp(380px,48vh,500px);padding-right:7%}.fan-tile+.fan-tile{margin-top:0;margin-left:-5%;padding-left:7%}.fan-tile-a{transform:translateX(calc((1 - var(--fan)) * 26%))}.fan-tile-b{min-height:clamp(354px,44.6vh,466px)}.fan-tile-c{min-height:clamp(330px,41.8vh,436px);transform:translateX(calc((1 - var(--fan)) * -26%))}}.flood{z-index:4;margin-top:calc(var(--flood-radius) * -1);padding-top:clamp(64px,8vw,120px);padding-bottom:calc(var(--flood-radius) + clamp(60px, 8vw, 110px));border-radius:var(--flood-radius) var(--flood-radius) 0 0;position:relative}.speed{background:var(--deep);color:var(--on-dark)}.speed-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;display:flex}.race-clock{flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:20px;display:flex}.race-clock [data-race-clock]{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(54px,7vw,104px);font-weight:900;font-stretch:70%;line-height:1}.race-clock .text-button{margin-left:10px;font-size:16px}.race{gap:14px;margin-top:clamp(32px,4vw,56px);display:grid}.race-row{border-radius:6px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;display:grid}.race-name{font-weight:500}.race-track{align-items:center;gap:10px;min-height:26px;display:flex}.race-bar{width:calc((100% - 11em) * var(--grown,var(--share)));background:#4fa9a6;border-radius:0 4px 4px 0;flex:none;height:22px}.race-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;flex:none;font-size:16px}.race-row.is-finished .race-value{font-weight:700}.race-ratio{color:var(--on-dark-soft);opacity:0;flex:none;font-size:14px;transition:opacity .12s}.race-row:hover .race-ratio,.race-row:focus-visible .race-ratio{opacity:1}.race-row.is-waves .race-name{color:#fff;font-weight:800}.race-row.is-waves .race-bar{background:var(--sun)}.speed-note{max-width:76ch;color:var(--on-dark-soft);margin-top:clamp(28px,3vw,44px);font-size:16px}.speed-table{margin-top:18px;font-size:16px}.speed-table summary{text-underline-offset:4px;cursor:pointer;width:fit-content;font-weight:600;text-decoration:underline;text-decoration-thickness:2px}.table-scroll{margin-top:16px;overflow-x:auto}.speed-table table{border-collapse:collapse;width:100%;min-width:640px;font-size:15px}.speed-table th,.speed-table td{text-align:right;border-bottom:1px solid #0f4f50;padding:7px 10px;font-weight:400}.speed-table td{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.speed-table th:first-child{text-align:left}.speed-table thead th{font-weight:700}.speed-table .is-total>*{border-bottom:none;font-weight:700}.made{background:var(--foam);color:var(--ink)}.feature{margin-top:clamp(32px,4.4vw,64px);position:relative}.footage{border-radius:clamp(28px,5vw,76px);padding:clamp(14px,2.6vw,38px)}.footage video{width:100%}.footage-epidemic{background:#0f0f16}.footage-cube{background:#12121a;border-radius:clamp(26px,4vw,60px)}.feature-note{background:var(--sun);border-radius:clamp(28px,3.4vw,50px);width:min(44%,520px);padding:clamp(22px,2.6vw,38px);position:absolute;bottom:clamp(-40px,-2.6vw,-20px);right:clamp(-16px,-1vw,0px)}.feature-note p{margin-top:10px;font-size:clamp(16px,1.25vw,19px);line-height:1.42}.made-pair{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(28px,5vw,76px);margin-top:clamp(70px,8vw,120px);display:grid}.made-pair figcaption{max-width:46ch;margin-top:18px}.made-pair figcaption p{margin-top:8px;font-size:clamp(16px,1.25vw,19px);line-height:1.42}.made-installer{margin-top:clamp(0px,7vw,100px)}.overlap-shots{padding-bottom:15%;position:relative}.overlap-shots img{border-radius:clamp(14px,1.6vw,22px);width:78%}.overlap-shots img+img{outline:6px solid var(--foam);position:absolute;bottom:0;right:0}.tested{background:var(--teal-2);color:#fff}.tested-result{grid-template-columns:auto minmax(0,30ch);align-items:end;gap:12px clamp(24px,4vw,60px);margin-top:clamp(12px,2vw,28px);display:grid}.tested-number{color:var(--sun);font-family:var(--font-display);font-size:min(31vw,450px);font-weight:900;font-stretch:100%;line-height:.9}.tested-note{padding-bottom:1.6vw;font-size:clamp(18px,1.7vw,24px);line-height:1.38}.get{background:var(--sun);color:var(--ink)}.get-grid{grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:32px clamp(28px,4vw,60px);display:grid}.get-intro p{max-width:34ch;margin:20px 0 26px;font-size:clamp(18px,1.5vw,21px);line-height:1.42}.commands{background:var(--ink);color:var(--on-dark);border-radius:clamp(24px,3vw,40px);margin-bottom:18px;padding:clamp(20px,2.4vw,32px)}.commands-bar{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.commands-bar h3{color:var(--sun);font-size:clamp(21px,1.8vw,26px)}.commands-bar .text-button{font-size:15px}.commands pre{font-size:clamp(13px,1vw,15px);line-height:1.6;overflow-x:auto}.get-libs{max-width:62ch;margin-top:22px;font-size:17px}.footer{z-index:4;margin-top:calc(var(--flood-radius) * -1);background:var(--ink);color:var(--on-dark);border-radius:var(--flood-radius) var(--flood-radius) 0 0;padding-top:clamp(40px,5vw,70px);position:relative;overflow:hidden}.footer-row{flex-wrap:wrap;justify-content:space-between;gap:16px 48px;font-size:16px;display:flex}.footer-row p{max-width:58ch}.footer-links{flex-wrap:wrap;gap:6px 24px;display:flex}.footer-word{background:linear-gradient(90deg, var(--teal-1) 0 26%, var(--teal-2) 26% 55%, #006464 55%);color:#0000;font-family:var(--font-display);text-align:center;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin-top:clamp(24px,4vw,56px);margin-bottom:-2.6vw;font-size:17.2vw;font-weight:900;font-stretch:150%;line-height:.86}.playground-header .nav{height:68px}.playground{--tile-radius:clamp(28px, 3.8vw, 56px);height:calc(100svh - 68px);min-height:620px;padding:0 var(--gutter) 18px;grid-template-columns:minmax(230px,20%) minmax(0,1fr) minmax(320px,32%);align-items:center;display:grid}.pg-files{z-index:1;background:var(--teal-1);height:100%;color:var(--ink);border-radius:var(--tile-radius);flex-direction:column;margin-right:-28px;padding:clamp(22px,2.4vw,36px) calc(clamp(22px,2.4vw,36px) + 28px) clamp(22px,2.4vw,36px) clamp(22px,2.4vw,36px);display:flex;position:relative;overflow-y:auto}.pg-files h1{font-family:var(--font-display);font-size:clamp(38px,3.6vw,56px);font-weight:900;font-stretch:62%;line-height:1}.pg-examples{font-family:var(--font-mono);margin-top:20px;font-size:16px}.pg-examples button{text-align:left;width:100%;padding:6px 0;font-weight:500;display:block}.pg-examples button:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.pg-examples button.is-current{font-weight:800}.pg-examples button.is-current:before{content:"~ "}.pg-honest{margin-top:auto;padding-top:22px;font-size:15px;line-height:1.4}.pg-editor{z-index:2;background:var(--deep);min-width:0;height:100%;color:var(--on-dark);border-radius:var(--tile-radius);flex-direction:column;display:flex;position:relative;overflow:hidden}.pg-bar{font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:16px;padding:16px clamp(20px,2.4vw,34px);font-size:15px;font-weight:700;display:flex}.pg-bar-actions{font-family:var(--font-text);align-items:center;gap:16px;display:flex}.pg-bar-actions .text-button{font-size:15px;font-weight:500}.pg-bar-actions .button{border-radius:13px;padding:8px 22px;font-size:18px}.pg-code{--code-size:clamp(14px, 1.04vw, 16px);--code-line:1.5;flex:1;min-height:0;padding-left:clamp(14px,1.6vw,24px);display:flex;overflow:hidden}.pg-gutter{color:#4fa9a6;font-family:var(--font-mono);font-size:var(--code-size);line-height:var(--code-line);text-align:right;white-space:pre;-webkit-user-select:none;user-select:none;flex:none;padding-right:16px}.pg-surface{flex:1;min-width:0;position:relative;overflow:hidden}.pg-painted,#code-editor{font-family:var(--font-mono);font-size:var(--code-size);font-weight:400;line-height:var(--code-line);letter-spacing:0;tab-size:4;white-space:pre;border:none;margin:0;padding:0 24px 40px 0;position:absolute;top:0;left:0}.pg-painted{pointer-events:none;transform-origin:0 0;overflow:visible}#code-editor{resize:none;color:#0000;width:100%;height:100%;caret-color:var(--sun);background:0 0;outline:none;overflow:auto}#code-editor::selection{color:#0000;background:#ffcb2e4d}.pg-output{z-index:3;background:var(--teal-3);min-width:0;height:90%;color:var(--on-dark);border-radius:var(--tile-radius);flex-direction:column;margin-left:-28px;padding:clamp(22px,2.4vw,34px);display:flex;position:relative;overflow:hidden}.pg-output h2{font-family:var(--font-display);font-size:clamp(30px,2.6vw,40px);font-weight:900;font-stretch:68%;line-height:1}#output{min-height:0;font-family:var(--font-mono);white-space:pre;flex:1;margin-top:16px;font-size:clamp(10.5px,.74vw,13px);line-height:1.34;overflow:auto}#output[data-state=idle]{color:var(--on-dark-soft)}#output[data-state=stuck]{font-family:var(--font-voice);color:var(--sun);white-space:normal;font-size:clamp(22px,1.9vw,30px);font-weight:900;line-height:1.1}.pg-note{color:var(--on-dark-soft);padding-top:12px;font-size:14px;line-height:1.4}.pg-note:empty{display:none}@media (width<=1080px){.nav-links{gap:2px 18px;font-size:15px}.made-pair{gap:28px}}@media (width<=860px),(aspect-ratio<=1){.hero{--word-rows:2;--word-height:min(92vw, 62svh);min-height:0}.tile{border-radius:min(26vw,150px);width:112%;left:-6%}.tile-a{height:calc(var(--word-height) * .86);top:58px;bottom:auto}.tile-b{top:calc(58px + var(--word-height) * .58);height:calc(var(--word-height) * .72);bottom:auto}.tile-c{top:calc(58px + var(--word-height) * .98);bottom:8px}.nav{height:58px}.nav-links a:not(:nth-last-child(-n+2)){display:none}.brand img{width:46px}.brand{font-size:21px}.hero-word{height:var(--word-height);margin:22px var(--gutter) 0}.hero-body{padding:calc(var(--word-height) * .06 + 34px) var(--gutter) 64px;display:block}.hero-voice{color:var(--sun);padding:0;font-size:clamp(27px,7.4vw,44px)}.hero-pitch{color:var(--on-dark);margin-top:14px;padding:0;font-size:17px}.hero-hello{margin-top:26px;padding:0;font-size:13.5px}.card-body{grid-template-columns:minmax(0,1fr)}.card-side{order:-1}.card-side .output{order:1}.card-tab a{font-size:13px}.speed-head{align-items:flex-start}.race-row{grid-template-columns:minmax(0,1fr);gap:2px}.race-bar{width:calc((100% - 6em) * var(--grown,var(--share)))}.race-ratio{display:none}.feature-note{width:calc(100% - 24px);margin:-28px auto 0;position:relative;bottom:auto;right:auto}.made-pair{grid-template-columns:minmax(0,1fr);margin-top:52px}.made-installer{margin-top:0}.tested-result,.get-grid{grid-template-columns:minmax(0,1fr)}.playground{flex-direction:column;align-items:stretch;height:auto;min-height:0;padding-bottom:16px;display:flex}.pg-files{height:auto;margin:0;padding:22px 22px 54px}.pg-examples{flex-wrap:wrap;gap:0 16px;font-size:14px;display:flex}.pg-honest{margin-top:0}.pg-editor{height:66svh;margin-top:-32px}.pg-output{height:auto;min-height:200px;margin:-32px 0 0}#output{font-size:11px}#output[data-state=stuck]{font-size:22px}}@media (width<=480px){body{font-size:17px}.card-tab a{display:none}}:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.hero :focus-visible,.pg-files :focus-visible,.made :focus-visible,.code-section .section-head :focus-visible,.get .get-intro :focus-visible{outline-color:var(--ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important}.tile{will-change:auto}}