@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d74a73442abb856b-s.1y1o_crrtf4nd.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/822db1f3ef5d14e4-s.1ro36a9tljwvj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c8c0b294073d5c7-s.2jtbpua_cvbhb.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/89408a6b559b23e3-s.0dwq58wz0exnz.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/89a51074157e74c7-s.0jrkpshgrf4gt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../media/75db8e3ffd2d7537-s.p.12bqok5xerqed.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d74a73442abb856b-s.1y1o_crrtf4nd.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/822db1f3ef5d14e4-s.1ro36a9tljwvj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c8c0b294073d5c7-s.2jtbpua_cvbhb.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/89408a6b559b23e3-s.0dwq58wz0exnz.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/89a51074157e74c7-s.0jrkpshgrf4gt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../media/75db8e3ffd2d7537-s.p.12bqok5xerqed.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d74a73442abb856b-s.1y1o_crrtf4nd.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/822db1f3ef5d14e4-s.1ro36a9tljwvj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c8c0b294073d5c7-s.2jtbpua_cvbhb.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/89408a6b559b23e3-s.0dwq58wz0exnz.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/89a51074157e74c7-s.0jrkpshgrf4gt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../media/75db8e3ffd2d7537-s.p.12bqok5xerqed.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../media/d74a73442abb856b-s.1y1o_crrtf4nd.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../media/822db1f3ef5d14e4-s.1ro36a9tljwvj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../media/2c8c0b294073d5c7-s.2jtbpua_cvbhb.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../media/89408a6b559b23e3-s.0dwq58wz0exnz.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../media/89a51074157e74c7-s.0jrkpshgrf4gt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../media/75db8e3ffd2d7537-s.p.12bqok5xerqed.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.dQ9-9W_className{font-family:Manrope,Manrope Fallback;font-style:normal}.dQ9-9W_variable{--font:"Manrope", "Manrope Fallback"}
:root{--bg:#08090b;--bg-2:#0d0f14;--tile:#1a1d25;--tile-hi:#242833;--line:#ffffff14;--text:#eef0f5;--muted:#8f96a6;--red:#ff5d62;--blue:#3b8cff;--yellow:#ffc93c;--green:#34d27b;--purple:#7b61e8;--piece:#e9ecf2;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--gutter:clamp(16px, 4vw, 56px);--nav-h:68px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font), system-ui, -apple-system, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-weight:600;line-height:1.5;overflow-x:clip}img,video,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--yellow);outline-offset:3px;border-radius:8px}.screen{width:100%;min-height:100svh;padding:calc(var(--nav-h) + 40px) var(--gutter) 72px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(32px,5vh,64px);display:flex;position:relative;overflow:clip}.screen+.screen{border-top:1px solid var(--line)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin:0 0 18px;font-size:13px;font-weight:800;display:inline-flex}.dot{background:var(--c);width:10px;height:10px;box-shadow:0 0 14px var(--c);border-radius:3px}.red{--c:var(--red)}.blue{--c:var(--blue)}.yellow{--c:var(--yellow)}.green{--c:var(--green)}.section-head{text-align:center;max-width:760px}h2{letter-spacing:-.035em;margin:0;font-size:clamp(36px,6vw,76px);font-weight:800;line-height:1.02}h2 em{background:linear-gradient(100deg, var(--red), var(--yellow) 45%, var(--blue));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.lede{max-width:620px;color:var(--muted);margin:22px auto 0;font-size:clamp(16px,1.6vw,19px);font-weight:500}.js [data-reveal]{opacity:0;transition:opacity .9s var(--ease) var(--d,0s), transform 1s var(--ease) var(--d,0s);transform:translateY(24px)}.js [data-reveal=rise]{transform:translateY(64px)scale(.96)}.js [data-reveal].in{opacity:1;transform:none}.nav{z-index:50;height:var(--nav-h);padding:0 var(--gutter);padding-top:env(safe-area-inset-top);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:24px;transition:background .4s,border-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;position:fixed;inset:0 0 auto}.nav.scrolled{-webkit-backdrop-filter:blur(18px)saturate(1.4);border-color:var(--line);background:#08090bb8}.nav-brand{letter-spacing:.01em;align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.nav-brand img{border-radius:9px}.nav-links{color:var(--muted);gap:30px;font-size:14px;display:flex}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{background:var(--yellow);color:#17130a;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .15s;transform:translateY(-3px);box-shadow:0 6px #b98a17,0 10px 24px #ffc93c40}.nav-cta:active{transform:translateY(2px);box-shadow:0 1px #b98a17,0 4px 12px #ffc93c33}.badge{transition:transform .35s var(--spring);border-radius:14px;display:inline-block;position:relative}.badge img{height:var(--h);width:auto;position:relative}.badge:hover{transform:translateY(-4px)scale(1.03)}.badge:active{transform:scale(.98)}.badge-glow{background:conic-gradient(from var(--a,0deg), var(--red), var(--yellow), var(--green), var(--blue), var(--red));filter:blur(22px);opacity:.55;border-radius:24px;animation:6s linear infinite spin;position:absolute;inset:-14%}@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin{to{--a:360deg}}.device{width:100%;position:relative}.device-iphone{aspect-ratio:1470/3000}.device-ipad{aspect-ratio:2300/3000}.device-duo{aspect-ratio:2247/3093}.device-screen{background:#000;position:absolute;overflow:hidden}.device-iphone .device-screen{border-radius:13%/6%;width:89.796%;height:95.6%;top:2.2%;left:5.102%}.device-ipad .device-screen{border-radius:3.4%/2.6%;width:89.739%;height:91.733%;top:4.133%;left:5.13%}.device-duo .device-screen{border-radius:4.5%/3.2%;width:89.319%;height:92.241%;top:3.88%;left:5.34%}.device-screen>img,.device-screen>video,.stack-item img{object-fit:cover;width:100%;height:100%}.device-bezel{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.hero{padding-top:calc(var(--nav-h) + 24px);flex-direction:row;justify-content:space-between;gap:clamp(24px,4vw,80px);max-width:none;padding-bottom:48px}.backdrop{width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 80% at 50% 45%,#000 40%,#0000 100%);mask-image:radial-gradient(90% 80% at 50% 45%,#000 40%,#0000 100%)}.hero-glow{pointer-events:none;width:70vmax;height:70vmax;translate:calc(var(--mx,0) * -30px) calc(var(--my,0) * -30px);background:radial-gradient(circle,#ff5d622e,#0000 60%);border-radius:50%;position:absolute;inset:auto -10% -30% auto}.hero-copy{z-index:1;flex:520px;max-width:640px;margin-left:max(0px,50% - 620px);position:relative}.hero-title{letter-spacing:.06em;margin:0;font-size:clamp(52px,9.6vw,132px);font-weight:800;line-height:.95;display:flex}.hero-title span{animation:tick-in .5s var(--spring) both;animation-delay:calc(var(--i) * 70ms + .12s);display:inline-block}@keyframes tick-in{0%{opacity:0;filter:blur(8px);transform:translateY(.35em)scale(.6)}60%{opacity:1;filter:none}to{opacity:1;transform:none}}.hero-in{animation:up .9s var(--ease) both;animation-delay:var(--d)}@keyframes up{0%{opacity:0;transform:translateY(26px)}}.hero-tag{letter-spacing:.32em;color:var(--muted);gap:14px;margin:20px 0 0;font-size:clamp(15px,1.6vw,19px);font-weight:800;display:flex}.hero-tag span:first-of-type{color:var(--red)}.hero-tag span:nth-of-type(2){color:var(--blue)}.hero-tag span:nth-of-type(3){color:var(--yellow)}.hero-tag i{opacity:.4;font-style:normal}.hero-lede{max-width:520px;color:var(--muted);margin:26px 0 0;font-size:clamp(16px,1.5vw,19px);font-weight:500}.hero-lede b{color:var(--text);font-weight:800}.hero-cta{flex-wrap:wrap;align-items:center;gap:22px 30px;margin-top:clamp(28px,4.5vh,44px);display:flex}.hero-facts{flex-wrap:wrap;gap:8px;max-width:260px;margin:0;padding:0;list-style:none;display:flex}.hero-facts li{border:1px solid var(--line);color:var(--muted);background:#ffffff08;border-radius:9px;padding:6px 11px;font-size:12.5px;font-weight:700}.hero-stage{z-index:1;perspective:1400px;flex:0 460px;place-items:center;margin-right:max(0px,50% - 620px);display:grid;position:relative}.hero-phone{width:min(clamp(230px, 26vw, 360px), calc((100svh - var(--nav-h) - 72px) * .49));animation:phone-in 1.6s var(--ease) .25s both;transform:rotateY(calc(var(--mx,0) * -14deg)) rotateX(calc(var(--my,0) * 10deg)) translateY(calc(var(--p,0) * -60px));transition:transform .6s var(--ease);filter:drop-shadow(0 50px 60px #0009)drop-shadow(0 0 80px #3b8cff1f)}@keyframes phone-in{0%{opacity:0;transform:translateY(120px)rotateX(24deg)scale(.9)}}.float-tile{z-index:2;aspect-ratio:1;background:linear-gradient(160deg, color-mix(in oklab, var(--c) 100%, #fff 18%), color-mix(in oklab, var(--c) 82%, #000));width:clamp(54px,5.6vw,76px);box-shadow:inset 0 2px 0 #ffffff40, 0 18px 40px color-mix(in oklab, var(--c) 40%, transparent);color:#0b0c10;animation:pop .8s var(--spring) both, bob 6s ease-in-out infinite;translate:calc(var(--mx,0) * var(--z) * 1px) calc(var(--my,0) * var(--z) * 1px);transition:translate .5s var(--ease);border-radius:22%;place-items:center;font-size:clamp(20px,2vw,28px);font-weight:800;display:grid;position:absolute}.float-tile.piece{--c:var(--piece)}.float-tile svg{fill:none;stroke:#1b1e26;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;width:52%}.t1{--z:60;animation-delay:1.1s,0s;top:12%;left:-2%}.t2{--z:-40;animation-delay:1.25s,-2s;bottom:18%;left:2%}.t3{--z:80;animation-delay:1.4s,-4s;top:26%;right:-2%}.t4{--z:-70;width:clamp(44px,4.4vw,60px);animation-delay:1.55s,-1s;bottom:8%;right:6%}@keyframes pop{0%{opacity:0;scale:.2}}@keyframes bob{50%{transform:translateY(-16px)rotate(4deg)}}.scroll-hint{width:26px;height:42px;animation:up 1s var(--ease) 1.8s both;border:2px solid #ffffff38;border-radius:14px;position:absolute;bottom:22px;left:50%;translate:-50%}.scroll-hint span{background:var(--yellow);width:4px;height:8px;animation:wheel 1.8s var(--ease) infinite;border-radius:2px;margin-left:-2px;position:absolute;top:8px;left:50%}@keyframes wheel{0%{opacity:0;transform:translateY(-4px)}30%{opacity:1}to{opacity:0;transform:translateY(14px)}}.rule{background:radial-gradient(60% 50% at 50% 70%,#3b8cff17,#0000 70%)}.demo{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(32px,6vw,96px);width:100%;max-width:1160px;display:grid}.demo-side{gap:clamp(24px,4vh,40px);display:grid}.section-head.left{text-align:left}.section-head.left .lede{margin-left:0}.demo-main{width:min(540px, max(300px, calc((100svh - var(--nav-h) - 220px) * 1.15)));gap:18px;display:grid}.rules{gap:12px;margin:0;padding:0;list-style:none;display:grid}.rules li{background:var(--tile);border:1px solid var(--line);color:var(--muted);transition:background .18s, color .18s, transform .25s var(--spring), border-color .18s;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;font-size:16px;font-weight:700;display:flex}.rules li.on{color:var(--text);background:var(--tile-hi);border-color:#ffc93c80;transform:translate(8px)}.rule-n{background:#ffffff0f;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:14px;font-weight:800;display:grid}.rules li.on .rule-n{background:var(--yellow);color:#17130a}.board-wrap{border:1px solid var(--line);background:#0f1117;border-radius:26px;padding:clamp(10px,1.6vw,16px);transition:box-shadow .5s,border-color .5s;position:relative;box-shadow:0 40px 80px #00000073}.is-solved .board-wrap{border-color:#34d27b8c;box-shadow:0 0 0 6px #34d27b14,0 40px 90px #34d27b2e}.is-failed .board-wrap{animation:.5s shake}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.board{gap:clamp(5px,.9vw,9px);display:grid}.cell{aspect-ratio:1;background:var(--tile);border:0;border-radius:22%;place-items:center;padding:0;transition:background .2s;display:grid;position:relative}.cell.painted{background:var(--c);animation:paint .32s var(--spring);box-shadow:inset 0 2px #fff3}@keyframes paint{0%{filter:brightness(1.8);scale:.4}}.cell.rock{background:#20232c}.bricks{fill:none;stroke:#6b7282;stroke-width:1.7px;stroke-linejoin:round;width:62%}.cell.core{background:linear-gradient(160deg, color-mix(in oklab, var(--c), #fff 14%), color-mix(in oklab, var(--c) 85%, #000));box-shadow:inset 0 2px 0 #ffffff40, 0 10px 28px color-mix(in oklab, var(--c) 40%, transparent);z-index:1}.cell.core b{color:#0b0c10;font-size:clamp(15px,2vw,22px);font-weight:800;position:relative}.core-ring{background:conic-gradient(#0000008c var(--fill), #00000029 0);border-radius:50%;transition:background .2s;position:absolute;inset:16%;-webkit-mask:radial-gradient(circle,#0000 58%,#000 60%);mask:radial-gradient(circle,#0000 58%,#000 60%)}.cell.piece{cursor:pointer;z-index:1;background:linear-gradient(160deg,#fff,#cfd4de);box-shadow:inset 0 2px #fff,0 8px 20px #0006}.cell.piece.painted{background:var(--c)}.cell.piece:disabled{cursor:default}.cell.piece:not(:disabled):hover{scale:1.06}.cell.piece svg{fill:none;stroke:#1b1e26;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;width:58%;transition:transform .35s var(--spring)}.cell.piece.painted svg{stroke:#ffffffe6}.cell.piece.nudge{animation:1.4s ease-in-out infinite nudge}@keyframes nudge{0%,to{box-shadow:inset 0 2px #fff,0 0 #ffc93cb3}50%{box-shadow:inset 0 2px #fff,0 0 0 8px #ffc93c00}}.board-lines{pointer-events:none;z-index:2;width:calc(100% - 2*clamp(10px,1.6vw,16px));height:calc(100% - 2*clamp(10px,1.6vw,16px));position:absolute;inset:clamp(10px,1.6vw,16px)}.board-lines line{stroke:#ffffffc7;stroke-width:.075px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:linear forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.demo-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.demo-status{color:var(--muted);align-items:center;min-height:3em;margin:0;font-size:15px;display:flex}.is-solved .demo-status{color:var(--green)}.is-failed .demo-status{color:var(--red)}.run{background:var(--yellow);color:#17130a;letter-spacing:.08em;cursor:pointer;border:0;border-radius:16px;flex:none;align-items:center;gap:10px;padding:15px 28px;font-size:17px;font-weight:800;transition:transform .12s,box-shadow .12s,background .2s;display:inline-flex;transform:translateY(-3px);box-shadow:0 6px #b98a17,0 14px 30px #ffc93c40}.run svg{fill:currentColor;width:18px}.run:active{transform:translateY(3px);box-shadow:0 0 #b98a17}.run.reset{background:var(--tile-hi);color:var(--text);box-shadow:0 6px #11131a}.steps{grid-template-columns:1fr auto;align-items:center;gap:clamp(32px,6vw,96px);width:100%;max-width:1100px;display:grid}.steps-list{gap:12px;display:grid}.step{text-align:left;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:20px;gap:6px;padding:22px 24px 26px;transition:background .4s,border-color .4s;display:grid;position:relative;overflow:hidden}.step.on{background:var(--tile);border-color:#ffffff24}.step-k{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex}.step:first-child{--c:var(--red)}.step:nth-child(2){--c:var(--blue)}.step:nth-child(3){--c:var(--green)}.step.on .step-k{color:var(--c)}.step-i{font-variant-numeric:tabular-nums;opacity:.6}.step-t{letter-spacing:-.02em;font-size:clamp(22px,2.4vw,30px);font-weight:800}.step-p{color:var(--muted);opacity:0;max-width:520px;max-height:0;transition:max-height .6s var(--ease), opacity .5s;font-size:16px;font-weight:500;overflow:hidden}.step.on .step-p{opacity:1;max-height:9em}.step-bar{opacity:0;background:#ffffff0f;border-radius:2px;height:3px;position:absolute;bottom:12px;left:24px;right:24px}.step.on .step-bar{opacity:1}.step-bar i{border-radius:inherit;background:var(--c);width:0;height:100%;display:block}.playing .step.on .step-bar i{animation:fill var(--hold) linear forwards}@keyframes fill{to{width:100%}}.steps-device{width:min(340px, max(220px, calc((100svh - var(--nav-h) - 300px) * .49)));filter:drop-shadow(0 40px 60px #0000008c)}.stack{position:absolute;inset:0}.stack-item{opacity:0;transition:transform .7s var(--ease), opacity .5s;position:absolute;inset:0;transform:translateY(18%)scale(.96)}.stack-item.past{transform:translateY(-14%)scale(.96)}.stack-item.on{opacity:1;transform:none}.pieces{background:radial-gradient(60% 50% at 50% 60%,#34d27b12,#0000 70%)}.piece-grid{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:1100px;margin:0;padding:0;list-style:none;display:grid}.piece-card{background:linear-gradient(180deg, var(--tile), #13151b);border:1px solid var(--line);transition:transform .4s var(--spring), border-color .3s;border-radius:22px;padding:26px}.piece-card:hover{border-color:#ffffff29;transform:translateY(-6px)}.piece-card h3{margin:22px 0 6px;font-size:21px;font-weight:800}.piece-card p{color:var(--muted);margin:0;font-size:15.5px;font-weight:500}.piece-tile{aspect-ratio:1;background:linear-gradient(160deg,#fff,#cfd4de);border-radius:22%;place-items:center;width:68px;display:grid;box-shadow:inset 0 2px #fff,0 12px 26px #0006}.piece-tile.rock{background:#20232c;box-shadow:inset 0 1px #ffffff0d}.piece-tile svg{fill:none;stroke:#1b1e26;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:58%}.piece-tile text{fill:#1b1e26;stroke:none;font-size:11px;font-weight:800;font-family:var(--font)}.piece-tile.ring{background:radial-gradient(circle,#0000 50% 0),linear-gradient(160deg,#fff,#cfd4de);position:relative}.piece-tile.ring:after{content:"";border:3px solid #1b1e2626;border-top-color:#1b1e26;border-radius:50%;position:absolute;inset:14%}.piece-tile.portal{background:linear-gradient(160deg, #b9a8ff, var(--purple))}.piece-tile.portal svg{stroke:#fff}.piece-card:hover .anim-direction svg,.in .anim-direction svg{animation:nudge-up 1.6s var(--ease) infinite}.in .anim-delay:after{animation:2.4s linear infinite rot}.in .anim-rotator svg{animation:rot 3s var(--spring) infinite}.in .anim-splitter svg{animation:2s ease-in-out infinite breathe}.in .anim-portal svg{animation:2s ease-in-out infinite portal}.in .anim-wall .bricks{animation:3s ease-in-out infinite breathe}@keyframes nudge-up{50%{transform:translateY(-4px)}}@keyframes rot{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:scale(1.12)}}@keyframes portal{50%{opacity:.5;transform:scale(.55)}}.devices{background:radial-gradient(70% 50% at 50% 80%,#7b61e81a,#0000 70%)}.device-row{--W:min(46vw, 500px, calc((100svh - var(--nav-h) - 400px) * .766));justify-content:center;align-items:flex-end;gap:clamp(8px,2vw,32px);width:100%;max-width:1200px;display:flex}.dv{filter:drop-shadow(0 40px 50px #0000008c);justify-items:center;gap:16px;display:grid;position:relative}.dv-ipad{width:var(--W);z-index:2}.dv-duo{width:calc(var(--W) * .7);translate:0 calc((.5 - var(--p,.5)) * 80px)}.dv-iphone{width:calc(var(--W) * .4);translate:0 calc((.5 - var(--p,.5)) * 140px)}@media (min-width:1100px){.devices{flex-direction:row;justify-content:center}.devices .section-head{text-align:left;flex:0 440px}.devices h2{font-size:clamp(40px,4.2vw,64px)}.devices .lede{margin-left:0}.device-row{--W:min(30vw, 500px, calc((100svh - var(--nav-h) - 170px) * .766));flex:0 auto;width:auto}}.dv-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:800}.stats{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;max-width:1100px;margin:0;display:grid}.stat{background:var(--tile);border:1px solid var(--line);border-radius:22px;padding:26px 24px}.stat:first-child{--c:var(--red)}.stat:nth-child(2){--c:var(--blue)}.stat:nth-child(3){--c:var(--yellow)}.stat:nth-child(4){--c:var(--green)}.stat dt{letter-spacing:-.04em;color:var(--c);font-variant-numeric:tabular-nums;font-size:clamp(44px,5.6vw,72px);font-weight:800;line-height:1}.stat dd{color:var(--muted);margin:12px 0 0;font-size:15px;font-weight:600}.marquee{width:calc(100% + 2 * var(--gutter));gap:12px;display:grid;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-row{gap:12px;width:max-content;animation:46s linear infinite slide;display:flex}.marquee-row.rev{animation-direction:reverse}@keyframes slide{to{transform:translate(-50%)}}.chip{background:var(--tile);border:1px solid var(--line);white-space:nowrap;border-radius:14px;align-items:center;gap:10px;padding:12px 18px;font-size:15px;font-weight:800;display:inline-flex}.chip i{background:var(--c);border-radius:4px;width:12px;height:12px}.calm{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.calm li:before{content:"✓";color:var(--green);margin-right:8px;font-weight:800}.final{text-align:center}.final-grid{opacity:.5;grid-template-columns:repeat(12,1fr);align-content:center;gap:10px;padding:10px;display:grid;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60%,#0000 30%,#000 100%);mask-image:radial-gradient(60% 60%,#0000 30%,#000 100%)}.final-grid i{aspect-ratio:1;background:var(--tile);animation:6s ease-in-out infinite glow;animation-delay:calc(var(--i) * -.37s);border-radius:22%}@keyframes glow{0%,70%,to{background:var(--tile)}80%{background:color-mix(in oklab, var(--c) 55%, var(--tile))}}.final-inner{justify-items:center;gap:0;display:grid;position:relative}.final-icon{border-radius:22.5%;width:clamp(110px,14vw,160px);height:auto;margin-bottom:32px;animation:6s ease-in-out infinite bob;box-shadow:0 30px 80px #ff5d624d,0 0 0 1px #ffffff14}.foot{padding:28px var(--gutter) calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;font-size:14px;display:flex}.foot nav{gap:22px;display:flex}.foot a:hover{color:var(--text)}.foot small{opacity:.7;flex-basis:100%;font-size:12px;font-weight:500}@media (max-width:1000px){.nav-links{display:none}.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.hero{text-align:center;flex-direction:column;justify-content:flex-start;gap:36px;padding-bottom:96px}.hero-copy{flex:none;justify-items:center;margin:0;display:grid}.hero-title,.hero-tag{justify-content:center}.hero-lede{margin-inline:auto}.hero-cta{flex-direction:column}.hero-facts{justify-content:center;max-width:none}.hero-stage{flex:none;margin:0}.hero-phone{width:min(62vw,300px)}.demo{grid-template-columns:minmax(0,540px);justify-content:center;gap:24px}.demo-side{display:contents}.demo-main{width:100%}.rules{order:2;gap:8px}.rules li{padding:11px 14px;font-size:15px}.section-head.left{text-align:center}.section-head.left .lede{margin-left:auto}.rules li.on{transform:translateY(-2px)}}@media (max-width:700px){.steps{grid-template-columns:1fr;justify-items:center}.steps-device{order:-1;width:min(58vw,280px)}.steps-list{width:100%}}@media (max-width:560px){:root{--nav-h:60px}.screen{padding-top:calc(var(--nav-h) + 28px);padding-bottom:56px}.hero-title{letter-spacing:.03em}.hero-facts{gap:6px}.hero-facts li{padding:5px 8px;font-size:11.5px}.piece-grid{grid-template-columns:1fr 1fr;gap:10px}.piece-card{padding:18px}.piece-tile{width:52px}.piece-card h3{margin-top:16px;font-size:17px}.piece-card p{font-size:14px}.stats{gap:10px}.stat{padding:20px 16px}.demo-bar{text-align:center;flex-direction:column-reverse;align-items:stretch}.demo-status{justify-content:center;min-height:2.6em}.run{justify-content:center}.step{padding:18px 18px 22px}.final-grid{grid-template-columns:repeat(6,1fr)}.device-row{--W:44vw;gap:6px}.dv-label{letter-spacing:.1em;font-size:10px}}html{scroll-snap-type:y mandatory}main>.screen{scroll-snap-align:start;scroll-snap-stop:always}.screen{min-height:100svh;padding:calc(var(--nav-h) + clamp(12px, 3svh, 40px)) var(--gutter) clamp(20px, 5svh, 72px);gap:clamp(16px,4svh,64px)}h2{font-size:clamp(30px,min(6vw,7.4svh),76px)}.lede{margin-top:clamp(10px,2.2svh,22px);font-size:clamp(14.5px,min(1.6vw,2.2svh),19px)}.eyebrow{margin-bottom:clamp(8px,1.8svh,18px)}.hero-title{font-size:clamp(48px,min(9.6vw,14svh),132px)}.piece-card{padding:clamp(14px,2.8svh,26px)}.piece-tile{width:clamp(40px,7svh,68px)}.piece-card h3{margin:clamp(10px,2.2svh,22px) 0 4px;font-size:clamp(16px,2.3svh,21px)}.piece-card p{font-size:clamp(13px,1.75svh,15.5px)}.stat{padding:clamp(14px,2.6svh,26px) clamp(14px,2vw,24px)}.stat dt{font-size:clamp(36px,min(5.6vw,7.6svh),72px)}.stat dd{margin-top:clamp(6px,1.2svh,12px);font-size:clamp(13px,1.7svh,15px)}.chip{padding:clamp(8px,1.3svh,12px) 16px;font-size:clamp(13px,1.7svh,15px)}.final{padding-bottom:clamp(120px,18svh,170px)}.final .foot{z-index:1;text-align:left;background:linear-gradient(transparent, var(--bg) 40%);position:absolute;bottom:0;left:0;right:0}.final-icon{width:clamp(84px,min(14vw,15svh),160px);margin-bottom:clamp(16px,3.5svh,32px)}.final .lede{margin-bottom:clamp(24px,5svh,44px)}.badge-xxl{--h:clamp(60px, min(10vw, 10svh), 104px)}.badge-xl{--h:clamp(54px, min(7vw, 8svh), 78px)}.steps-caption{display:none}.steps-side{gap:clamp(18px,3.5svh,36px);display:grid}.steps-device{width:min(340px, max(180px, calc((100svh - var(--nav-h) - 110px) * .49)))}.piece-grid{gap:clamp(8px,1.6svh,16px)}.steps-list{gap:clamp(6px,1.3svh,12px)}.step{padding:clamp(12px,2.3svh,22px) clamp(16px,2vw,24px) clamp(16px,2.9svh,26px)}.step-t{font-size:clamp(18px,min(2.4vw,3.4svh),30px)}.step-p{font-size:clamp(14px,1.9svh,16px)}@media (max-width:900px){main>.hero{min-height:0;padding:0 var(--gutter);scroll-snap-align:none;display:block}.hero-copy,.hero-stage{scroll-snap-align:start;scroll-snap-stop:always}.hero-copy{min-height:100svh;padding:calc(var(--nav-h) + 12px) 0 72px;place-content:center}.hero-stage{min-height:100svh;padding:calc(var(--nav-h) + 16px) 0 24px}.hero-phone{width:min(64vw, calc((100svh - var(--nav-h) - 64px) * .49))}.scroll-hint{top:calc(100svh - 62px);bottom:auto}.demo-main{width:min(100%, 540px, max(230px, calc((100svh - var(--nav-h) - 430px) * 1.15)));justify-self:center}.rules{grid-template-columns:repeat(3,1fr);justify-self:center;width:min(100%,540px)}.rules li{text-align:center;flex-direction:column;justify-content:center;gap:6px;padding:9px 6px;font-size:clamp(11.5px,1.6svh,14px);line-height:1.25}.rules li.on{transform:translateY(-3px)}.rule-n{border-radius:7px;width:22px;height:22px;font-size:12px}.device-row{--W:min(44vw, 420px, calc((100svh - var(--nav-h) - 330px) * .766))}}@media (max-width:700px){.piece-grid{grid-template-columns:repeat(2,1fr)}.steps-side{display:contents}.play .section-head.left{text-align:center;order:-2}.steps{gap:clamp(12px,2.4svh,24px)}.steps-device{width:min(58vw, max(140px, calc((100svh - var(--nav-h) - 410px) * .49)))}.steps-list{grid-template-columns:repeat(3,1fr);gap:8px}.step{text-align:center;justify-items:center;padding:12px 10px 18px}.step-k{letter-spacing:.1em;gap:6px}.step-t,.step-p{display:none}.step-bar{bottom:8px;left:12px;right:12px}.steps-caption{text-align:center;max-width:520px;min-height:4.4em;color:var(--muted);margin:0;font-size:clamp(13.5px,1.9svh,16px);font-weight:500;display:block}.steps-caption b{color:var(--text);margin-bottom:2px;font-size:1.2em;font-weight:800;display:block}}@media (max-width:560px){.demo-bar{text-align:left;flex-direction:row;align-items:center}.demo-status{justify-content:flex-start;font-size:13.5px;line-height:1.35}.run{padding:13px 20px;font-size:15px}.pieces .lede{display:none}.piece-grid{grid-template-columns:1fr;gap:8px}.piece-card{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding:10px 14px;display:grid}.piece-tile{grid-row:span 2;width:42px}.piece-card h3{align-self:end;margin:0;font-size:16px}.piece-card p{align-self:start;font-size:13px;line-height:1.35}.marquee-row,.marquee{gap:8px}.foot{padding-top:18px;padding-bottom:calc(16px + env(safe-area-inset-bottom));gap:8px 18px;font-size:13px}.foot small{font-size:10.5px}}@media (max-height:760px){.numbers .calm{display:none}}@media (max-height:760px) and (max-width:900px){.devices .lede{display:none}}@media (max-height:700px){.piece-card p,.rule .lede{display:none}}@media (max-height:800px) and (max-width:560px){.piece-card p{display:none}.piece-card h3{align-self:center}.piece-tile{grid-row:auto}}@media (max-height:640px) and (max-width:560px){.marquee-row.rev,.stat dd{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js [data-reveal]{opacity:1;transform:none}}