@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.woff2)format("woff2-variations")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2")}:root{--bg:#050506;--bg-raise:#141418;--card:#ffffff12;--card-strong:#ffffff1c;--line:#ffffff26;--line-strong:#ffffff47;--text:#f4f1ec;--muted:#b9b5bd;--faint:#8d8992;--red:#ff3b30;--red-hot:#ff5a4a;--red-deep:#b5121b;--brand:#f73434;--amber:#ffb547;--cyan:#59d6ff;--display:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, sans-serif;--sans:"IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--radius:22px;--gutter:clamp(20px, 5vw, 72px);--maxw:1240px;--nav-h:68px}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:var(--bg);color:var(--text);margin:0;font-size:17px;line-height:1.55;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit}em{font-style:italic}::selection{background:var(--red);color:#fff}:focus-visible{outline:2px solid var(--red-hot);outline-offset:3px;border-radius:6px}.skip{z-index:100;background:var(--text);color:var(--bg);border-radius:10px;padding:10px 14px;font-weight:600;text-decoration:none;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}.wrap{width:100%;max-width:calc(var(--maxw) + 2 * var(--gutter));padding:0 var(--gutter);margin:0 auto}.eyebrow,.kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 18px;font-size:12px;font-weight:500}.kicker{color:var(--red-hot)}.eyebrow{align-items:center;gap:10px;display:inline-flex}.dot{background:var(--red);width:7px;height:7px;box-shadow:0 0 0 0 #ff3b3099, 0 0 12px var(--red);border-radius:50%;animation:2.4s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 #ff3b308c, 0 0 12px var(--red)}70%{box-shadow:0 0 0 10px #ff3b3000, 0 0 12px var(--red)}to{box-shadow:0 0 0 0 #ff3b3000, 0 0 12px var(--red)}}.h2{letter-spacing:-.012em;font-size:clamp(40px,6.2vw,88px);line-height:.98;font-family:var(--display);font-variation-settings:"opsz" 60;text-wrap:balance;margin:0 0 24px;font-weight:700}.h2-live{font-size:clamp(40px,4.6vw,68px)}.h2 em,.hero-title em,.end-title em,.beat-big em{color:var(--red-hot);font-style:normal;font-weight:400}.lede{color:var(--muted);text-wrap:pretty;max-width:34em;margin:0 0 28px;font-size:clamp(17px,1.45vw,20px);line-height:1.55}h3{font-family:var(--display);font-variation-settings:"opsz" 32;letter-spacing:-.015em;margin:0 0 10px;font-size:21px;font-weight:600;line-height:1.2}.btn{--h:46px;height:var(--h);font:600 15px/1 var(--sans);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;transition:transform .4s var(--ease-out), background-color .25s, border-color .25s, box-shadow .4s var(--ease-out), color .25s;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;text-decoration:none;display:inline-flex;position:relative}.btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .4s var(--ease-out)}.btn:hover svg{transform:translate(3px)}.btn:active{transform:scale(.97)}.btn-large{--h:56px;padding:0 28px;font-size:16px}.btn-small{--h:38px;padding:0 16px;font-size:14px}.btn-primary{color:#fff;background:linear-gradient(#ff5045,#e8221a);box-shadow:inset 0 1px #ffffff59,inset 0 -1px #0003,0 8px 30px -8px #ff3024bf,0 0 0 1px #ff504666}.btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff6,inset 0 -1px #0003,0 10px 44px -6px #ff3024f2,0 0 0 1px #ff6e6499}.btn-ghost{border-color:var(--line-strong);color:var(--text);-webkit-backdrop-filter:blur(10px);background:#ffffff1a}.btn-ghost:hover{background:#ffffff29;border-color:#fff6}.btn-light{background:var(--text);color:#111}.btn-light:hover{background:#fff;transform:translateY(-1px)}.nav{z-index:50;height:var(--nav-h);padding:0 var(--gutter);padding-top:env(safe-area-inset-top);height:calc(var(--nav-h) + env(safe-area-inset-top));transition:background-color .4s, border-color .4s, transform .5s var(--ease-out);border-bottom:1px solid #0000;align-items:center;gap:24px;display:flex;position:fixed;inset:0 0 auto}.nav.scrolled{-webkit-backdrop-filter:blur(18px)saturate(1.4);border-color:var(--line);background:#08080a9e}.nav.hidden{transform:translateY(-100%)}.brand{white-space:nowrap;letter-spacing:-.01em;align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{width:16px;height:28px;overflow:visible}.brand-dome{fill:var(--brand);filter:drop-shadow(0 0 6px #ff3228cc);transition:filter .3s}.brand:hover .brand-dome{filter:drop-shadow(0 0 10px #ff3c32)brightness(1.15)}.nav-links{gap:4px;margin-left:auto;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:14.5px;text-decoration:none;transition:color .2s,background-color .2s}.nav-links a:hover,.nav-links a.active{color:var(--text);background:#ffffff0f}@media (max-width:860px){.nav-links{display:none}.nav .btn{margin-left:auto}}@media (max-width:380px){.brand span{display:none}}.stage{z-index:0;pointer-events:none;contain:strict;background:#000;height:100lvh;position:fixed;inset:0}.stage canvas,.stage-poster img{width:100%;height:100%;position:absolute;inset:0}.stage-poster img{object-fit:cover;transition:opacity .6s}.stage.ready .stage-poster{opacity:0}.stage-fx{mix-blend-mode:screen}main,.footer{z-index:1;position:relative}.seq{height:520vh;position:relative}.seq-pin{height:100svh;position:sticky;top:0;overflow:hidden}.seq-pin:before{content:"";opacity:var(--shade,1);pointer-events:none;background:radial-gradient(120% 70% at 50% 110%,#000000bf,#0000 60%),linear-gradient(#00000080,#0000 22%);position:absolute;inset:0}.hero-copy{left:var(--gutter);will-change:transform, opacity;width:min(46vw,640px);position:absolute;bottom:clamp(40px,9vh,110px)}.hero-title{letter-spacing:-.012em;font-size:clamp(46px,6.6vw,112px);line-height:.92;font-family:var(--display);font-variation-settings:"opsz" 60;margin:0 0 26px;font-weight:700}.hero-title .line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.hero-title .line>span{animation:rise 1.3s var(--ease-out) forwards;display:inline-block;transform:translateY(105%)}.hero-title .line:nth-child(2)>span{animation-delay:.1s}.hero-title .line:nth-child(3)>span{animation-delay:.2s}@keyframes rise{to{transform:none}}.hero-sub{color:#c9c5cc;opacity:0;max-width:30em;animation:fade-up 1.1s .45s var(--ease-out) forwards;margin:0 0 22px;font-size:clamp(16px,1.3vw,19px)}.hero-cta{opacity:0;animation:fade-up 1.1s .6s var(--ease-out) forwards;flex-wrap:wrap;gap:12px;display:flex}.hero-copy .eyebrow{opacity:0;animation:fade-up 1s .2s var(--ease-out) forwards}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.scroll-cue{font:500 11px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);flex-direction:column;align-items:center;gap:10px;display:none;position:absolute;top:clamp(90px,14vh,140px);left:50%;transform:translate(-50%)}.scroll-cue i{background:linear-gradient(var(--muted), transparent);transform-origin:top;width:1px;height:44px;animation:cue 2.2s var(--ease-in-out) infinite}@keyframes cue{0%{opacity:1;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.beat{opacity:0;will-change:transform, opacity;pointer-events:none;max-width:400px;position:absolute}.beat-left{left:var(--gutter);top:50%;transform:translateY(-50%)}.beat-low{top:56%}.beat-big-wrap{max-width:46vw}.beat .kicker{margin-bottom:12px}.beat-text{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(22px,2.1vw,30px);font-weight:500;line-height:1.25}.beat-big{letter-spacing:-.012em;font-size:clamp(38px,5.4vw,80px);line-height:1;font-family:var(--display);font-variation-settings:"opsz" 60;margin:0;font-weight:700}@media (max-width:860px),(max-aspect-ratio:4/5){.hero-copy{right:var(--gutter);width:auto;bottom:max(28px, env(safe-area-inset-bottom))}.hero-title{margin-bottom:16px;font-size:clamp(42px,12.4vw,76px)}.hero-cta .btn-ghost{display:none}.hero-cta .btn{width:100%}.beat-left,.beat-big-wrap{left:var(--gutter);right:var(--gutter);top:auto;bottom:max(40px, calc(env(safe-area-inset-bottom) + 24px));max-width:none}.beat-text{font-size:23px}.live{--live-shade:.37}.seq-pin:before{background:linear-gradient(#0000 42%,#0000008c 66%,#000000eb),linear-gradient(#00000073,#0000 18%)}}@media (min-width:861px) and (min-aspect-ratio:4/5){.scroll-cue{display:flex}}.reveal{opacity:0;transition:opacity 1s var(--ease-out), transform 1.2s var(--ease-out);transition-delay:var(--d,0s);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.live{min-height:210vh;position:relative}.live:before{content:"";background:linear-gradient(180deg, rgba(0, 0, 0, var(--live-shade,.28)), transparent);pointer-events:none;height:45svh;position:absolute;inset:0 0 auto}.live-inner{min-height:100svh;padding-top:calc(var(--nav-h) + 24px);align-items:center;padding-bottom:48px;display:flex;position:sticky;top:0}.live-copy{width:min(520px,46%)}.rig{border-radius:var(--radius);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(20px)saturate(1.3);background:linear-gradient(#2c2c34c7,#1a1a1fc7);margin-top:8px;padding:20px 22px 22px;box-shadow:inset 0 1px #ffffff0d,0 30px 80px -30px #000000e6}.rig-head{font:500 12px/1 var(--mono);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;display:flex}.rig-title{align-items:center;gap:8px;min-width:0;display:inline-flex}.rig-live{background:#3ddc84;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #3ddc84}.rig-state{box-sizing:content-box;text-align:center;white-space:nowrap;width:11ch;color:var(--text);letter-spacing:.04em;background:#ffffff0f;border-radius:999px;flex:none;padding:6px 10px;transition:background-color .3s,color .3s}.rig-state[data-level=warn]{color:var(--amber);background:#ffb54729}.rig-state[data-level=danger],.rig-state[data-level=dead]{color:var(--red-hot);background:#ff3b302e}.rig-state[data-level=ok]{color:#6ff0a6;background:#3ddc8424}.rig-schematic{width:100%;height:auto;margin:18px 0 8px;overflow:visible}.rig-schematic .wire{fill:none;stroke:#ffffff38;stroke-width:2px;stroke-linejoin:round}.rig-schematic .flow{stroke:var(--red-hot);stroke-dasharray:3 12;stroke-linecap:round;stroke-width:2.4px;opacity:var(--flow,0);animation:1s linear infinite flow;animation-duration:var(--flow-speed,1s);filter:drop-shadow(0 0 4px #ff463ce6)}@keyframes flow{to{stroke-dashoffset:-15px}}.rig-schematic .sym{fill:none;stroke:var(--text);stroke-width:2px;stroke-linejoin:round}.rig-schematic .rays{stroke:var(--red-hot);opacity:var(--rays,0);filter:drop-shadow(0 0 3px var(--red))}.rig-schematic text{font:500 12px var(--mono);fill:var(--muted)}.res-body{fill:#d8b98a}.rig-slider{margin-top:10px;display:block}.rig-label{color:var(--muted);justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:14px;display:flex}.rig-label output{font:600 22px/1 var(--mono);color:var(--text);letter-spacing:-.02em}.rig-scale{font:500 11px/1 var(--mono);color:var(--faint);justify-content:space-between;margin-top:8px;display:flex}input[type=range]{appearance:none;cursor:grab;touch-action:pan-y;background:0 0;width:100%;height:32px;margin:0}input[type=range]:active{cursor:grabbing}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--red) var(--fill,50%), #ffffff1a var(--fill,50%));border-radius:6px;height:6px}input[type=range]::-moz-range-track{background:#ffffff1a;border-radius:6px;height:6px}input[type=range]::-moz-range-progress{background:var(--red);border-radius:6px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:radial-gradient(circle at 35% 30%,#fff,#d9d4d0);border:none;border-radius:50%;width:26px;height:26px;margin-top:-10px;transition:box-shadow .2s;box-shadow:0 0 0 6px #ff3b302e,0 4px 14px #0009}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 9px #ff3b3040,0 4px 14px #0009}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 9px #ff3b3040,0 4px 14px #0009}input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 35% 30%,#fff,#d9d4d0);border:none;border-radius:50%;width:26px;height:26px;box-shadow:0 0 0 6px #ff3b302e,0 4px 14px #0009}.rig-readout{background:var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;margin:18px 0 12px;display:grid;overflow:hidden}.rig-readout div{background:#0a0a0ce6;padding:12px 14px}.rig-readout dt{color:var(--faint);margin-bottom:4px;font-size:12px}.rig-readout dd{font:600 17px/1.1 var(--mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0}.meter{background:#ffffff12;border-radius:4px;height:4px;position:relative;overflow:visible}.meter i{width:var(--m,0%);border-radius:inherit;background:linear-gradient(90deg, #3ddc84, var(--amber) 55%, var(--red) 80%);background-size:calc(100% / max(var(--mf,.01), .01)) 100%;transition:width .15s;position:absolute;inset:0 auto 0 0}.meter-limit{background:#fff6;width:1px;position:absolute;top:-4px;bottom:-4px;left:40%}.rig-burnt{animation:fade-up .6s var(--ease-out);background:#ff3b301a;border:1px solid #ff3b3040;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;font-size:14.5px;display:flex}.rig-burnt[hidden]{display:none}.rig-burnt p{margin:0}.hint{color:var(--faint);margin-top:14px;font-size:14px}@media (max-width:860px),(max-aspect-ratio:4/5){.live{min-height:0}.live-inner{min-height:0;padding-top:40svh;padding-bottom:0;display:block;position:relative}.live-copy{text-shadow:0 2px 20px #000;width:100%}.live-copy:after{content:"";height:40svh;display:block}.rig{max-height:calc(59svh - 12px);padding:14px 14px 16px;position:sticky;top:41svh}.rig-head{font-size:11px}.rig-schematic{max-height:62px;margin:6px 0 0}.rig-slider{margin-top:4px}.rig-label{margin-bottom:4px}.rig-label output{font-size:19px}.rig-scale{margin-top:2px}.rig-readout{margin:10px 0}.rig-readout div{padding:8px 10px}.rig-readout dt{margin-bottom:2px;font-size:11px}.rig-readout dd{font-size:15px}.rig:has(.rig-burnt:not([hidden])) :is(.rig-readout,.meter){display:none}.rig-burnt{gap:10px;margin-top:10px;padding:10px 12px;font-size:13.5px;line-height:1.4}.rig-burnt .btn{flex:none;padding-inline:14px}.hint{display:none}}.engine,.parts,.anywhere,.share,.learn,.faq{background:var(--bg);padding:clamp(96px,14vw,180px) 0;position:relative}.engine{background:radial-gradient(60% 50% at 80% 0%, #ff3b3014, transparent 70%), var(--bg);border-top-left-radius:36px;border-top-right-radius:36px;box-shadow:0 -40px 80px #000000d9}.engine-head{max-width:760px;margin-bottom:clamp(48px,7vw,88px)}.bento{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.card{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);isolation:isolate;padding:clamp(22px,2.4vw,32px);transition:border-color .4s,background-color .4s;position:relative;overflow:hidden}.card:after{content:"";z-index:-1;background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%), #ff463c1a, transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.card:hover{border-color:var(--line-strong)}.card:hover:after{opacity:1}.card p{color:var(--muted);margin:0;font-size:16px}.card-scope{grid-column:span 12;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.card-chip,.card-stat,.card-smoke{flex-direction:column;grid-column:span 4;display:flex}.scope{aspect-ratio:16/8;border:1px solid var(--line-strong);background:radial-gradient(100% 120%,#28ffa00a,#0000 70%),#0b0e0c;border-radius:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000000e6,inset 0 1px #ffffff0a}.scope canvas{width:100%;height:100%;position:absolute;inset:0}.scope-legend{font:500 11px/1 var(--mono);color:var(--faint);gap:16px;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.scope-legend .ch1{color:#ffd166}.scope-legend .ch2{color:var(--cyan)}.scope-div{margin-left:auto}.chip-art{place-items:center;height:150px;margin-bottom:18px;display:grid;position:relative}.chip{background:linear-gradient(#3c3c42,#222226);border-radius:6px;place-items:center;width:150px;height:64px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff2e,0 0 0 1px #ffffff1f,0 18px 30px -10px #000000e6}.chip-label{font:600 14px var(--mono);color:#b9b6bd;letter-spacing:.08em}.chip-notch{background:#0b0b0d;border-radius:0 10px 10px 0;width:10px;height:18px;margin-top:-9px;position:absolute;top:50%;left:-1px}.pins{background:repeating-linear-gradient(90deg,#c7c9cc 0 7px,#0000 7px 18.3px);height:12px;position:absolute;left:12px;right:12px}.pins.top{top:-12px}.pins.bottom{bottom:-12px}.logic{pointer-events:none;position:absolute;inset:0}.logic span{width:26px;height:26px;font:600 11px var(--mono);border:1px solid var(--line-strong);color:var(--muted);background:#ffffff0f;border-radius:50%;place-items:center;transition:background-color .25s,color .25s,box-shadow .25s;display:grid;position:absolute}.logic span:first-child{top:8%;left:4%}.logic span:nth-child(2){bottom:8%;left:4%}.logic .out{margin-top:-13px;top:50%;right:4%}.logic span.on{color:#04170c;background:#3ddc84;border-color:#0000;box-shadow:0 0 16px #3ddc84b3}.logic .out.on{background:var(--red);color:#fff;box-shadow:0 0 22px #ff3b30e6}.card-stat{justify-content:space-between}.stat{text-wrap:balance;line-height:1.02;font-family:var(--display);letter-spacing:-.012em;font-variation-settings:"opsz" 60;flex-direction:column;align-items:flex-start;gap:18px;font-weight:700;display:flex;color:var(--text)!important;margin:0 0 24px!important;font-size:clamp(38px,3.6vw,54px)!important}.stat small{font:500 14px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red-hot)}.smoke-art{height:150px;margin-bottom:18px;position:relative}.smoke-art i{filter:blur(6px);width:60px;height:60px;animation:puff 4s infinite var(--ease-out);background:radial-gradient(circle,#e1dee499,#0000 65%);border-radius:50%;margin-left:-30px;position:absolute;bottom:20px;left:50%}.smoke-art i:nth-child(2){animation-delay:1.3s}.smoke-art i:nth-child(3){animation-delay:2.6s}.smoke-art:before{content:"";background:radial-gradient(closest-side,#ff6e4652,#ff5a4a14 60%,#0000);border-radius:50%;width:140px;height:46px;margin-left:-70px;position:absolute;bottom:-14px;left:50%}.smoke-art:after{content:"";background:linear-gradient(#b0392c,#6e1d16 70%,#4a130f);border-radius:15px 15px 3px 3px;width:30px;height:40px;margin-left:-15px;position:absolute;bottom:0;left:50%;box-shadow:inset 0 3px #ffffff47,inset -5px 0 8px #0000004d,0 0 22px #ff5a4a59}@keyframes puff{0%{opacity:0;transform:translate(0)scale(.4)}15%{opacity:1}to{opacity:0;transform:translate(18px,-110px)scale(2.2)}}@media (max-width:960px){.card-scope{grid-template-columns:1fr}.card-chip,.card-stat,.card-smoke{grid-column:span 12}}.parts{padding-bottom:clamp(60px,8vw,100px);overflow:hidden}.parts-head{max-width:760px;margin-bottom:clamp(40px,6vw,72px)}.big-num{font-variant-numeric:tabular-nums}.drawer-tabs{scrollbar-width:none;border:1px solid var(--line);background:#ffffff14;border-radius:999px;gap:6px;width:max-content;max-width:100%;margin-bottom:18px;padding:4px;display:flex;overflow-x:auto}.drawer-tabs::-webkit-scrollbar{display:none}.drawer-tab{color:var(--muted);font:500 14.5px/1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:8px;padding:10px 16px;transition:background-color .3s,color .3s;display:inline-flex}.drawer-tab span{font:500 11px/1 var(--mono);color:var(--faint)}.drawer-tab:hover{color:var(--text)}.drawer-tab[aria-selected=true]{background:var(--text);color:#111}.drawer-tab[aria-selected=true] span{color:#666}.drawer-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;display:grid}.part{aspect-ratio:1;background:radial-gradient(75% 65% at 50% 40%, #fff3, transparent 72%), var(--card-strong);border:1px solid var(--line);animation:part-in .7s var(--ease-out) both;animation-delay:calc(var(--i) * 40ms);transition:transform .5s var(--ease-out), border-color .3s;border-radius:18px;margin:0;position:relative;overflow:hidden}@keyframes part-in{0%{opacity:0;transform:translateY(16px)scale(.97)}}.part img{object-fit:contain;width:92%;height:74%;transition:transform .7s var(--ease-out);position:absolute;inset:4% 4% 22%}.part:hover{border-color:var(--line-strong);transform:translateY(-4px)}.part:hover img{transform:scale(1.07)rotate(-2deg)}.part figcaption{text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.part b{font-size:14px;font-weight:600;line-height:1.2}.part small{font:500 11px/1.3 var(--mono);color:var(--faint);margin-top:3px}@media (max-width:600px){.drawer-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.marquee{gap:14px;margin-top:clamp(64px,9vw,120px);display:grid;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.marquee-track{gap:14px;width:max-content;animation:60s linear infinite marquee;display:flex}.marquee-track.reverse{animation-duration:70s;animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track span{border:1px solid var(--line);font:500 14px var(--mono);color:var(--muted);white-space:nowrap;border-radius:999px;padding:12px 20px}.marquee-track span b{color:var(--text);margin-right:8px;font-weight:600}@keyframes marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}.anywhere{background:radial-gradient(50% 60% at 75% 50%, #ff3b3012, transparent 70%), var(--bg)}.anywhere-inner,.share-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(40px,6vw,96px);display:grid}.ticks{gap:12px;margin:0;padding:0;list-style:none;display:grid}.ticks li{color:#d6d2d9;align-items:center;gap:12px;display:flex}.ticks li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat, var(--red);border-radius:50%;flex:none;width:18px;height:18px;box-shadow:0 0 12px #ff3b3080}.devices{aspect-ratio:1.25;position:relative}.laptop{position:absolute;top:8%;left:0;right:12%}.laptop-screen{aspect-ratio:16/10;background:linear-gradient(#4a4a52,#2c2c32);border-radius:14px 14px 0 0;padding:2.2%;position:relative;box-shadow:inset 0 0 0 1px #ffffff38,0 40px 80px -20px #000000e6}.laptop-screen img,.phone-screen img{object-fit:cover;background:#0d0d10;border-radius:4px;width:100%;height:100%}.laptop-base{background:linear-gradient(#6a6a72,#3a3a40);border-radius:0 0 16px 16px;height:14px;margin:0 -6%;box-shadow:0 30px 40px -20px #000000e6}.phone{aspect-ratio:9/19.5;background:linear-gradient(160deg,#5a5a62,#2a2a30);border-radius:13%/6%;width:28%;padding:.85%;position:absolute;bottom:0;right:0;transform:rotate(4deg);box-shadow:inset 0 0 0 1px #ffffff42,0 40px 70px -20px #000000f2,-20px 0 60px #0009}.phone-screen{background:#000;border-radius:10.6%/4.75%;width:100%;height:100%;overflow:hidden}.phone-screen img{border-radius:0}@media (max-width:900px){.anywhere-inner,.share-inner{grid-template-columns:1fr}}.share{border-top:1px solid var(--line)}.linkbox{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);padding:20px}.linkbox-bar{border:1px solid var(--line);font:500 14px/1.4 var(--mono);background:#0d0d10;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:14px 16px;display:flex}.lock{background:#3ddc84;border-radius:2px;flex:none;width:12px;height:10px;margin-top:4px;position:relative}.lock:before{content:"";border:2px solid #3ddc84;border-bottom:none;border-radius:6px 6px 0 0;height:6px;position:absolute;bottom:8px;left:2px;right:2px}.linkbox-url{overflow-wrap:anywhere;min-width:0;color:var(--muted)}.linkbox-url .host{color:var(--text)}.linkbox-url .hash{color:var(--amber)}.caret{vertical-align:-3px;background:var(--text);width:8px;height:1.1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.linkbox-parts{flex-wrap:wrap;gap:8px;min-height:34px;margin:18px 0;display:flex}.linkbox-parts span{border:1px solid var(--line);color:#d6d2d9;animation:pop-in .5s var(--ease-out) both;background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:7px 12px 7px 8px;font-size:13px;display:inline-flex}.linkbox-parts img{object-fit:contain;width:18px;height:18px}@keyframes pop-in{0%{opacity:0;transform:scale(.8)translateY(6px)}}.learn{border-top:1px solid var(--line)}.audiences{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(40px,6vw,72px);display:grid}.aud{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(#ffffff09,#0000);padding:28px}.aud-num{font:500 12px var(--mono);color:var(--red-hot);margin-bottom:40px;display:block}.aud p{color:var(--muted);margin:0}.examples{margin-top:clamp(48px,7vw,80px)}.examples-title{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin:0 0 16px}.example-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 32px;margin:0;padding:0;list-style:none;display:grid}.example-list li{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:2px 14px;padding:16px 0;display:grid}.example-list .lvl{background:var(--c);width:8px;height:8px;box-shadow:0 0 10px var(--c);border-radius:50%;grid-row:span 2;align-self:start;margin-top:6px}.example-list b{font-weight:600}.example-list span:last-child{color:var(--faint);font-size:14.5px}@media (max-width:900px){.audiences{grid-template-columns:1fr}.aud-num{margin-bottom:18px}}.faq{border-top:1px solid var(--line)}.faq-inner{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(32px,6vw,96px);display:grid}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:clamp(18px,1.6vw,21px);font-weight:500;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"";width:14px;height:14px;transition:transform .4s var(--ease-out);color:var(--muted);background:linear-gradient(currentColor,currentColor) 50%/100% 2px no-repeat,linear-gradient(currentColor,currentColor) 50%/2px 100% no-repeat;flex:none}.faq-list details[open] summary:after{color:var(--red-hot);transform:rotate(135deg)}.faq-list details p{color:var(--muted);max-width:40em;margin:0;padding:0 0 24px}.faq-list details.opening p{animation:fade-up .5s var(--ease-out)}@media (max-width:900px){.faq-inner{grid-template-columns:1fr}}.seq-end{background:linear-gradient(180deg, var(--bg), transparent 30vh);height:330vh}.seq-end .seq-pin:before{background:radial-gradient(90% 60% at 50% 0,#000000b3,#0000 70%)}.end-copy{text-align:center;padding:0 var(--gutter);opacity:0;will-change:transform, opacity;position:absolute;top:clamp(96px,15vh,170px);left:0;right:0}.end-copy .lede{margin:0 auto 28px}@media (min-width:861px) and (min-aspect-ratio:4/5){.end-copy{left:var(--gutter);text-align:left;width:min(46vw,640px);margin-top:-160px;padding:0;top:50%;right:auto}.end-copy .lede{margin-left:0}}.end-title{letter-spacing:-.012em;font-size:clamp(48px,8vw,120px);line-height:.92;font-family:var(--display);font-variation-settings:"opsz" 60;margin:0 0 18px;font-weight:700}.footer{background:var(--bg);border-top:1px solid var(--line);padding:40px 0 calc(40px + env(safe-area-inset-bottom))}.footer-inner{flex-wrap:wrap;align-items:center;gap:18px 40px;display:flex}.footer-links{flex-wrap:wrap;gap:8px 24px;font-size:14.5px;display:flex}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--text)}.footer-note{color:var(--faint);margin:0 0 0 auto;font-size:13.5px}.footer-note a{color:var(--muted)}@media (max-width:760px){.footer-note{margin:0}}.notfound-main{text-align:center;place-content:center;justify-items:center;min-height:100svh;padding:48px 20px;display:grid}.notfound-main .lede{margin-inline:auto}.notfound-led{width:44px;margin-bottom:28px}.notfound-dome{fill:#3a1414;animation:2.4s .4s both notfound-flicker}@keyframes notfound-flicker{0%,8%,14%,22%{fill:#f73434;filter:drop-shadow(0 0 12px #f73434b3)}4%,11%,18%,to{fill:#3a1414;filter:none}}.notfound-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){.notfound-dome{animation:none}}
