@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(/fonts/BricolageGrotesque-400_800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/Caveat-500_700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/SpaceGrotesk-400_600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f4f4f2;--paper-2:#e9e9e6;--ink:#121214;--ink-2:#4a4a50;--steel:#62626a;--line:#1212141f;--line-2:#12121433;--accent:#ff3e3e;--accent-deep:#c62828;--xr-bg:#0b0c10;--xr-fg:#eeeeea;--shell:clamp(1.25rem,5vw,5rem);--nav-h:4.5rem;--r-media:12px;--lens-r:150px;--ease:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.65,0,.35,1);--f-display:"Bricolage Grotesque","Space Grotesk",system-ui,sans-serif;--f-text:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--f-hand:"Caveat","Segoe Print",cursive;color-scheme:light}[data-theme=dark]{--paper:#0f0f11;--paper-2:#18181b;--ink:#f1f1ee;--ink-2:#b6b6b1;--steel:#8b8b93;--line:#f1f1ee24;--line-2:#f1f1ee3d;--accent:#ff4a4a;--accent-deep:#ff7b7b;--xr-bg:#f1f1ee;--xr-fg:#121214;color-scheme:dark}@media (max-width:767px){:root{--nav-h:4rem;--lens-r:110px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-text);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip;transition:background-color .5s var(--ease),color .5s var(--ease)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:fixed;left:1rem;top:-4rem;z-index:200;background:var(--ink);color:var(--paper);padding:.7rem 1rem;border-radius:999px}.skip:focus{top:1rem}.mono{font-family:var(--f-mono);font-size:.75rem;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-transform:uppercase}.tiny{font-size:.75rem}.steel{color:var(--steel)}.label{color:var(--steel);display:flex;align-items:center;gap:.5rem}.hand{font-family:var(--f-hand);font-weight:600;color:var(--accent);letter-spacing:0;text-transform:none}.dot{font-style:normal;color:var(--accent)}.shell{padding-left:var(--shell);padding-right:var(--shell)}.display-1{font-family:var(--f-display);font-variation-settings:"opsz" 96;font-weight:500;font-size:clamp(2.75rem,7.2vw,6.75rem);line-height:.96;letter-spacing:-.035em}.display-2{font-family:var(--f-display);font-variation-settings:"opsz" 96;font-weight:500;font-size:clamp(2.125rem,4.6vw,4rem);line-height:1.02;letter-spacing:-.03em}.lead{font-size:clamp(1.0625rem,1rem + .3vw,1.1875rem);line-height:1.55;color:var(--ink-2);max-width:34ch}.pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:44px;padding:0 1.1rem;border-radius:999px;font-weight:500;font-size:.9375rem;white-space:nowrap;border:1px solid transparent;transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease),transform .5s var(--ease)}.pill.lg{min-height:52px;padding:0 1.4rem;font-size:1rem}.pill-cta{background:var(--ink);color:var(--paper);padding-right:.45rem}.pill-cta.lg{padding-right:.5rem}.pill-cta .arrow-dot{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;transition:transform .5s var(--ease)}.pill-cta.lg .arrow-dot{width:38px;height:38px}.pill-cta:hover .arrow-dot{transform:rotate(-45deg) scale(1.06)}.pill-cta.inv{background:var(--paper);color:var(--ink)}.pill-ghost{border-color:var(--line-2);color:var(--ink)}.pill-ghost:hover{border-color:var(--ink)}.pill-ghost.inv{color:#f4f4f2;border-color:#ffffff38}.pill-ghost.inv:hover{border-color:#fff}.magnet{will-change:transform}.preloader{position:fixed;inset:0;z-index:300;background:#121214;color:#f4f4f2;display:none;place-items:center;clip-path:inset(0 0 0 0);transition:clip-path .9s var(--ease-io)}.intro .preloader{display:grid}.preloader.out{clip-path:inset(0 0 100% 0)}.pl-word{font-family:var(--f-text);font-weight:600;font-size:clamp(2.25rem,7vw,4.5rem);letter-spacing:-.03em;opacity:0;transform:translateY(12px);animation:plIn .8s var(--ease) .15s forwards}.pl-word .dot{display:inline-block;transform:scale(.4);animation:plDot .5s var(--ease) .55s forwards;color:#ff3e3e}.pl-corner{position:absolute;color:#9b9ba3}.pl-tl{top:1.5rem;left:var(--shell)}.pl-bl{bottom:1.5rem;left:var(--shell);color:#f4f4f2}.pl-br{bottom:1.5rem;right:var(--shell)}.pl-bl b{font-weight:500}@keyframes plIn{to{opacity:1;transform:none}}@keyframes plDot{to{transform:scale(1)}}.nav{position:fixed;inset:0 0 auto;z-index:100;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 calc(var(--shell) - .5rem);pointer-events:none}.nav>*{pointer-events:auto}.nav-l,.nav-r{display:flex;align-items:center;gap:.35rem;padding:.3rem;border-radius:999px;border:1px solid transparent;transition:background-color .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease),backdrop-filter .4s}.is-scrolled .nav-l,.is-scrolled .nav-r{background:color-mix(in srgb,var(--paper) 78%,transparent);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-color:var(--line);box-shadow:0 12px 32px -20px #0006}.pill-word{font-size:1.25rem;font-weight:600;letter-spacing:-.025em;padding:0 .8rem;gap:0}.pill-x{gap:.45rem;padding:0 .9rem;border-color:var(--line-2);font-size:.875rem}.pill-x[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.pill-menu{width:44px;padding:0;background:var(--ink);color:var(--paper)}.burger{display:grid;gap:5px;width:16px}.burger b{display:block;height:1.6px;background:currentColor;border-radius:2px;transition:transform .5s var(--ease)}.menu-open .burger b:first-child{transform:translateY(3.3px) rotate(45deg)}.menu-open .burger b:last-child{transform:translateY(-3.3px) rotate(-45deg)}.nav-c{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;color:var(--steel);opacity:0;transition:opacity .5s var(--ease)}.is-scrolled .nav-c{opacity:1}.nav-bar{width:120px;height:1px;background:var(--line-2);position:relative;overflow:hidden}.nav-bar i{position:absolute;inset:0;background:var(--ink);transform-origin:left;transform:scaleX(var(--p,0))}.nav-sec{min-width:7.5em;text-align:right}@media (max-width:899px){.nav-c{display:none}}@media (max-width:767px){.hide-sm{display:none!important}.pill-word{font-size:1.125rem;padding:0 .7rem}.pill-x span{display:none}.pill-x{width:44px;padding:0}}.menu{position:fixed;inset:0;z-index:99;background:#121214;color:#f4f4f2;clip-path:circle(0 at calc(100% - var(--shell) - 22px) calc(var(--nav-h)/2));transition:clip-path .8s var(--ease-io);visibility:hidden;overflow:auto;overscroll-behavior:contain}.menu-open .menu{clip-path:circle(150% at calc(100% - var(--shell) - 22px) calc(var(--nav-h)/2));visibility:visible}.menu-in{min-height:100%;display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr auto;gap:2rem 4rem;padding:calc(var(--nav-h) + 3rem) var(--shell) 2rem}.menu-list{display:flex;flex-direction:column;align-self:center}.menu-list a{display:flex;align-items:baseline;gap:1rem;padding:.35rem 0;border-bottom:1px solid #ffffff14;opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .8s var(--ease),color .3s}.menu-open .menu-list a{opacity:1;transform:none}.menu-list a:nth-child(1){transition-delay:.12s}.menu-list a:nth-child(2){transition-delay:.17s}.menu-list a:nth-child(3){transition-delay:.22s}.menu-list a:nth-child(4){transition-delay:.27s}.menu-list a:nth-child(5){transition-delay:.32s}.m-t{font-family:var(--f-display);font-variation-settings:"opsz" 96;font-weight:500;font-size:clamp(2.5rem,6vw,5.25rem);line-height:1.04;letter-spacing:-.035em;transition:transform .5s var(--ease)}.menu-list a:hover .m-t{transform:translate(.4rem)}.menu-list a:hover{color:#ff4a4a}.m-c{color:#9b9ba3}.menu-preview{align-self:center;color:#c9c9c4;font-size:1.125rem;max-width:30ch;line-height:1.55}.menu-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;padding-top:1.5rem;border-top:1px solid #ffffff1f}.menu-links{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;color:#c9c9c4;text-transform:none}.menu-links a{min-height:44px;display:inline-flex;align-items:center}.menu-links a:hover{color:#fff}.theme-sw{display:inline-flex;border:1px solid #ffffff2e;border-radius:999px;padding:3px}.theme-sw button{min-height:38px;padding:0 1rem;border-radius:999px;color:#c9c9c4;text-transform:uppercase}.theme-sw button.on{background:#f4f4f2;color:#121214}@media (max-width:767px){.menu-in{grid-template-columns:1fr;padding-top:calc(var(--nav-h) + 1.5rem);gap:1.5rem}.menu-preview{display:none}.m-t{font-size:clamp(2.4rem,11vw,3.4rem)}.menu-foot{flex-direction:column;align-items:flex-start}}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--nav-h) + 1rem) var(--shell) 7.5rem;overflow:hidden}.ruler{position:absolute;left:calc(var(--shell)*.42);top:var(--nav-h);bottom:0;width:22px;background:repeating-linear-gradient(to bottom,var(--line-2) 0 1px,transparent 1px 10px) left/6px 100% no-repeat,repeating-linear-gradient(to bottom,var(--line-2) 0 1px,transparent 1px 50px) left/11px 100% no-repeat;opacity:.9}.ruler:after{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--line)}.guide-v{position:absolute;left:50%;top:0;bottom:0;width:1px;background:repeating-linear-gradient(to bottom,var(--line-2) 0 3px,transparent 3px 8px)}.hero-lens-wrap{position:absolute;top:calc(var(--nav-h) + 4vh);left:50%;width:min(36vw,520px,48svh);aspect-ratio:1;transform:translate(-6%)}.hero-lens{display:block;width:100%;height:100%;cursor:grab;transform:rotate(-14deg);transition:transform .9s var(--ease),opacity .5s var(--ease);touch-action:manipulation}.hero-lens img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 40px #0000001f);animation:float 6s ease-in-out infinite}.hero-lens:hover{transform:rotate(-8deg) scale(1.03)}.carried .hero-lens{opacity:0;transform:rotate(10deg) scale(.6);pointer-events:none}@keyframes float{50%{transform:translateY(-10px)}}.pick{position:absolute;right:100%;top:18%;font-size:clamp(1.6rem,2.4vw,2.3rem);line-height:.95;transform:rotate(-8deg);white-space:nowrap;margin-right:-1rem}.pick-arrow{display:block;width:70px;height:44px;margin:.2rem 0 0 2.5rem;color:var(--accent)}.carried .pick{opacity:0;transition:opacity .4s}.hero-grid{position:relative;display:grid;grid-template-columns:1fr minmax(18rem,26rem);align-items:end;gap:2rem 3rem}.hero-h .ln{display:block}.hero-h{max-width:10ch}.hero-side{display:flex;flex-direction:column;gap:1.1rem;padding-bottom:.4rem}.btns{display:flex;flex-wrap:wrap;gap:.6rem}.s-hero{position:absolute;left:50%;top:52%;transform:translate(-50%) rotate(-3deg);font-size:1.7rem;text-align:center;line-height:1}.hero-h .ln,.hero-side>*{opacity:0}.ready .hero-h .ln{animation:heroFocus 1.1s var(--ease) forwards}.ready .hero-h .ln+.ln{animation-delay:.12s}.ready .hero-side>*{animation:heroRise .9s var(--ease) forwards}.ready .hero-side>*:nth-child(1){animation-delay:.35s}.ready .hero-side>*:nth-child(2){animation-delay:.45s}.ready .hero-side>*:nth-child(3){animation-delay:.55s}.hero-lens-wrap{opacity:0}.ready .hero-lens-wrap{animation:lensIn 1.2s var(--ease) .25s forwards}@keyframes heroFocus{0%{opacity:0;filter:blur(14px);transform:translateY(.24em) scaleX(.88);transform-origin:left}to{opacity:1;filter:none;transform:none}}@keyframes heroRise{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}@keyframes lensIn{0%{opacity:0;transform:translate(-6%) translateY(30px) rotate(6deg)}to{opacity:1;transform:translate(-6%)}}@media (max-width:899px){.hero{padding-bottom:6.5rem}.hero-grid{grid-template-columns:1fr}.hero-lens-wrap{width:min(62vw,330px);left:auto;right:calc(var(--shell)*.6);top:calc(var(--nav-h) + 2.5vh);transform:none}@keyframes lensIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.pick{top:auto;bottom:4%;right:72%;font-size:1.65rem}.pick-arrow{width:56px;height:36px;margin-left:1.8rem;transform:rotate(-20deg)}.s-hero{top:46%;font-size:1.5rem}.hero-h{font-size:clamp(3rem,13.4vw,5.5rem)}}@media (max-height:700px) and (max-width:899px){.hero-lens-wrap{width:min(48vw,240px)}.lead{font-size:1rem}}.secret{--sx:-999px;--sy:-999px;--sr:0px;position:absolute;z-index:3;pointer-events:none;-webkit-mask-image:radial-gradient(circle var(--sr) at var(--sx) var(--sy),#000 96%,transparent 100%);mask-image:radial-gradient(circle var(--sr) at var(--sx) var(--sy),#000 96%,transparent 100%)}.xray .secret{-webkit-mask-image:none;mask-image:none}.secret.found-it{color:var(--accent)}.build{position:relative;height:820svh}.build-stage{position:sticky;top:0;height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:calc(var(--nav-h) + 1.25rem) var(--shell) 4.6rem;gap:1rem;overflow:hidden}.b-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.b-h{font-family:var(--f-display);font-variation-settings:"opsz" 96;font-weight:500;font-size:clamp(1.6rem,2.6vw,2.4rem);letter-spacing:-.03em;line-height:1.05;margin-top:.4rem;max-width:16ch}.b-prog{text-align:right}.b-prog .label{justify-content:flex-end}.b-pct{font-size:clamp(2.6rem,6vw,5.5rem);line-height:1;letter-spacing:-.04em;color:var(--line-2);margin-top:.2rem;font-weight:400}.b-pct .b-num{color:var(--steel)}.b-pct .b-unit{font-size:.45em;margin-left:.1em;color:var(--steel)}.board-wrap{display:grid;place-items:center;min-height:0;padding-top:24px}.board{--k:0;position:relative;container-type:inline-size;width:min(100%,calc((100svh - 22rem)*1.6667),980px);aspect-ratio:5/3;border-radius:14px;color:var(--ink);transition:background-color .8s var(--ease),box-shadow .9s var(--ease),transform .9s var(--ease),border-color .6s}.board:before{content:"";position:absolute;inset:0;border:1px dashed var(--line-2);border-radius:inherit;transition:opacity .6s}.L{position:absolute;inset:0;opacity:0;transition:opacity .7s var(--ease),transform .9s var(--ease),clip-path 1s var(--ease)}.l-line{width:100%;height:100%;opacity:1}.draw{stroke:var(--accent);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s var(--ease),opacity .6s}.l-line .draw{stroke-dasharray:1000;stroke-dashoffset:1000}.l-line .dl2{stroke-dasharray:600;stroke-dashoffset:600}.l-cross{display:grid;place-items:center}.l-cross i{width:22px;height:22px;border:1.5px solid var(--accent);border-radius:50%;position:relative}.l-cross i:before,.l-cross i:after{content:"";position:absolute;background:var(--accent);left:50%;top:50%;transform:translate(-50%,-50%)}.l-cross i:before{width:34px;height:1px}.l-cross i:after{width:1px;height:34px}.l-cross span{position:absolute;left:calc(50% + 22px);top:calc(50% + 10px);color:var(--accent);font-size:max(10px,1.1cqw)}[data-step="1"] .l-cross,[data-step="1"] .l-line .draw{opacity:1}.board:not([data-step="0"]) .l-cross{opacity:1}.board:not([data-step="0"]) .l-line .draw{stroke-dashoffset:0}.board[data-step="0"] .l-cross{opacity:1}.board:is([data-step="3"],[data-step="4"],[data-step="5"],[data-step="6"],[data-step="7"],[data-step="8"]) .l-cross{opacity:0}.board:is([data-step="3"],[data-step="4"],[data-step="5"],[data-step="6"],[data-step="7"],[data-step="8"]) .l-line .draw{opacity:.25}.l-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2.4%;padding:0 4%}.l-grid i{background:color-mix(in srgb,var(--accent) 9%,transparent);border-left:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-right:1px solid color-mix(in srgb,var(--accent) 35%,transparent);transform:scaleY(0);transform-origin:top;transition:transform .9s var(--ease)}.l-grid i:nth-child(2n){transform-origin:bottom}.g-lab{position:absolute;right:4%;bottom:3%;color:var(--accent);font-size:max(10px,1.05cqw)}.board:not([data-step="0"]):not([data-step="1"]) .l-grid{opacity:1}.board:not([data-step="0"]):not([data-step="1"]) .l-grid i{transform:none}.l-grid i:nth-child(1){transition-delay:0s}.l-grid i:nth-child(2){transition-delay:.03s}.l-grid i:nth-child(3){transition-delay:.06s}.l-grid i:nth-child(4){transition-delay:.09s}.l-grid i:nth-child(5){transition-delay:.12s}.l-grid i:nth-child(6){transition-delay:.15s}.l-grid i:nth-child(7){transition-delay:.18s}.l-grid i:nth-child(8){transition-delay:.21s}.l-grid i:nth-child(9){transition-delay:.24s}.l-grid i:nth-child(10){transition-delay:.27s}.l-grid i:nth-child(11){transition-delay:.3s}.l-grid i:nth-child(12){transition-delay:.33s}.board:is([data-step="5"],[data-step="6"],[data-step="7"],[data-step="8"]) .l-grid{opacity:.25}.l-lay{padding:4.5% 4%}.l-lay b{display:block;background:var(--line-2);border-radius:4px}.w-nav{display:flex;justify-content:space-between;align-items:center;height:7%}.w-nav>b{width:17%;height:56%}.w-nav span{display:flex;gap:.9cqw;width:34%;height:100%;align-items:center;justify-content:flex-end}.w-nav span b{width:22%;height:40%}.w-nav span .w-btn{width:30%;height:100%;border-radius:999px;background:var(--ink);opacity:.8}.w-h{position:absolute;left:4%;top:22%;width:47%;display:grid;gap:3.2cqw}.w-h b{height:6.4cqw}.w-h b+b{width:72%}.w-p{position:absolute;left:4%;top:56%;width:38%;display:grid;gap:1.2cqw}.w-p b{height:1.3cqw;background:var(--line)}.w-p b:last-child{width:60%}.w-img{position:absolute;right:4%;top:20%;width:39%;height:56%;border:1px solid var(--line-2);border-radius:10px;color:var(--line-2);overflow:hidden}.w-img svg{width:100%;height:100%}.w-cta{position:absolute;left:4%;bottom:10%;width:17%;height:9%}.w-cta b{width:100%;height:100%;border-radius:999px;background:var(--ink)!important;opacity:.85}.l-lay>*{opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .8s var(--ease)}.board:is([data-step="3"]) .l-lay,.board:is([data-step="3"]) .l-lay>*{opacity:1;transform:none}.board:is([data-step="4"],[data-step="5"],[data-step="6"],[data-step="7"]) .l-lay{opacity:1}.board:is([data-step="4"],[data-step="5"],[data-step="6"],[data-step="7"]) .l-lay>*{opacity:1;transform:none}.board:is([data-step="4"],[data-step="5"],[data-step="6"],[data-step="7"]) .l-lay :is(.w-h,.w-p,.w-nav>b,.w-nav span b:not(.w-btn)){opacity:0}.board:is([data-step="5"],[data-step="6"],[data-step="7"]) .w-img{opacity:0}.l-lay .w-nav{transition-delay:0s}.l-lay .w-h{transition-delay:.08s}.l-lay .w-p{transition-delay:.16s}.l-lay .w-img{transition-delay:.24s}.l-lay .w-cta{transition-delay:.32s}.l-type{padding:4.5% 4%}.t-nav{display:flex;justify-content:space-between;align-items:center;height:7%;font-weight:600;font-size:max(11px,1.7cqw);letter-spacing:-.02em}.t-links{font-weight:400;font-size:max(10px,1.3cqw);color:var(--steel);margin-right:19%}.t-h{position:absolute;left:4%;top:19%;font-family:var(--f-display);font-variation-settings:"opsz" 96;font-weight:500;font-size:7.6cqw;line-height:.95;letter-spacing:-.035em}.t-p{position:absolute;left:4%;top:55%;width:40%;font-size:max(11px,1.6cqw);line-height:1.45;color:var(--ink-2)}.t-spec{position:absolute;left:4%;top:13%;color:var(--accent);font-size:max(9px,1cqw)}.board:is([data-step="4"],[data-step="5"],[data-step="6"],[data-step="7"]) .l-type{opacity:1}.board[data-step="4"] .t-h{animation:typeIn 1s var(--ease)}@keyframes typeIn{0%{font-variation-settings:"opsz" 12;letter-spacing:.02em;font-weight:300;opacity:0}}.board:is([data-step="5"],[data-step="6"],[data-step="7"]) .t-spec{opacity:0}.sw{position:absolute;display:flex;align-items:center;gap:.6cqw;transition:transform .9s var(--ease),opacity .6s}.sw i{width:3.4cqw;height:3.4cqw;min-width:18px;min-height:18px;border-radius:50%;background:var(--c);border:1px solid var(--line-2)}.sw span{font-size:max(10px,1cqw);color:var(--steel)}.sw:nth-child(1){right:22%;top:24%}.sw:nth-child(2){right:22%;top:34%}.sw:nth-child(3){right:22%;top:44%}.dome{position:absolute;right:3%;top:16%;width:20%;height:auto;transform:translateY(20px) scale(.9);opacity:0;transition:transform 1.1s var(--ease),opacity .7s var(--ease)}.board[data-step="5"] .l-col{opacity:1}.board[data-step="5"] .dome{opacity:1;transform:none}.board:is([data-step="5"],[data-step="6"],[data-step="7"]) .w-btn,.board:is([data-step="5"],[data-step="6"],[data-step="7"]) .w-cta b{background:var(--accent)!important;opacity:1}.board:is([data-step="5"],[data-step="6"],[data-step="7"]) .t-nav .dot{color:var(--accent)}.board:is([data-step="4"]) .t-nav .dot{color:var(--ink)}.board:is([data-step="5"],[data-step="6"],[data-step="7"]){background:var(--paper)}.l-code{inset:auto 3% 7% auto;width:44%;padding:2.2cqw 2.4cqw;border-radius:12px;background:#121214;color:#d8d8d2;text-transform:none;font-size:max(9.5px,1.22cqw);line-height:1.55;box-shadow:0 30px 60px -30px #000a;transform:translateY(16px)}[data-theme=dark] .l-code{background:#1d1d21;border:1px solid #ffffff14}.l-code pre{margin:0;white-space:pre;overflow:hidden}.tk-k{color:#ff6b6b}.tk-a{color:#9fb7ff}.tk-s{color:#b8e2a0}.tk-p{color:#e8c37b}.board[data-step="6"] .l-code{opacity:1;transform:none}.l-online .bar{position:absolute;left:0;right:0;top:-1px;height:7%;min-height:22px;transform:translateY(-100%);display:flex;align-items:center;gap:6px;padding:0 1.6cqw;border-radius:14px 14px 0 0;background:var(--paper-2);border:1px solid var(--line)}.l-online .bar i{width:9px;height:9px;border-radius:50%;background:var(--line-2)}.l-online .url{margin:0 auto;padding:.15rem 1.2rem;border-radius:999px;background:var(--paper);text-transform:none;font-size:max(9.5px,1.05cqw);color:var(--steel)}.l-online .load{position:absolute;left:0;right:0;top:0;height:2px;overflow:hidden}.l-online .load b{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease) .2s}.score{position:absolute;right:3%;bottom:5%;width:6cqw;min-width:34px;aspect-ratio:1;display:grid;place-items:center}.score svg{position:absolute;inset:0;transform:rotate(-90deg)}.score circle{fill:none;stroke:var(--line);stroke-width:3}.score .sc{stroke:#1fa463;stroke-dasharray:107;stroke-dashoffset:107;transition:stroke-dashoffset 1.4s var(--ease) .4s}.score span{font-size:max(9px,1.1cqw);color:#1fa463;font-weight:500}.board[data-step="7"] .l-online{opacity:1}.board[data-step="7"] .load b{transform:scaleX(1)}.board[data-step="7"] .sc{stroke-dashoffset:0}.board[data-step="7"]{box-shadow:0 40px 80px -40px #0005,0 0 0 1px var(--line);transform:translateY(-6px) scale(1.01)}.board[data-step="7"]:before,.board[data-step="8"]:before{opacity:0}.board[data-step="7"] .l-line,.board[data-step="8"] .l-line{opacity:0}.l-turn{display:grid;place-items:center;pointer-events:none}.board[data-step="8"] .l-turn{opacity:1;pointer-events:auto}.board[data-step="8"] .l-turn .pill{transform:scale(1)}.l-turn .pill{transform:scale(.6);transition:transform 1s var(--ease)}.pill.xl{min-height:clamp(56px,7cqw,84px);font-size:clamp(1.1rem,2.4cqw,1.8rem);padding:0 .6rem 0 clamp(1.4rem,3cqw,2.4rem);gap:1rem}.pill.xl .arrow-dot{width:clamp(44px,5.6cqw,68px);height:clamp(44px,5.6cqw,68px)}.go{position:absolute;left:calc(50% + clamp(90px,15cqw,170px));top:calc(50% - clamp(70px,10cqw,110px));font-size:clamp(1.5rem,3.2cqw,2.4rem);display:flex;align-items:flex-end;gap:.2rem;transform:rotate(-6deg)}.go svg{width:50px;height:34px;transform:scaleX(-1) rotate(80deg);color:var(--accent)}.board[data-step="8"] :is(.l-lay,.l-type,.l-grid,.l-col){opacity:0!important}.b-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.b-cap{max-width:34rem;min-height:7.6rem}.b-idx{color:var(--steel)}.b-i{color:var(--ink)}.b-t{font-family:var(--f-display);font-variation-settings:"opsz" 96;font-weight:500;font-size:clamp(1.6rem,2.6vw,2.4rem);letter-spacing:-.03em;line-height:1.05;margin:.35rem 0 .4rem}.b-d{color:var(--ink-2);max-width:40ch}.b-cap.swap .b-t,.b-cap.swap .b-d{animation:capIn .7s var(--ease)}@keyframes capIn{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}}.skip-build{min-height:44px;display:inline-flex;align-items:center;color:var(--steel);white-space:nowrap}.skip-build:hover{color:var(--ink)}@media (max-width:767px){.build{height:760svh}.build-stage{padding-top:calc(var(--nav-h) + .75rem);padding-bottom:3.6rem;gap:.75rem}.board{width:min(100%,calc((100svh - 26.5rem)*.8));aspect-ratio:4/5}.b-pct{font-size:2.6rem}.b-h{font-size:1.5rem;max-width:11ch}.b-cap{min-height:8.4rem}.b-t{font-size:1.6rem}.b-d{font-size:.95rem}.b-bottom{flex-direction:column;align-items:stretch;gap:0}.skip-build{align-self:flex-end;margin-top:-.4rem}.l-grid{grid-template-columns:repeat(6,1fr);gap:4%;padding:0 5%}.l-grid i:nth-child(n+7){display:none}.w-nav>b{width:34%}.w-nav span{width:40%}.w-nav span b:not(.w-btn){display:none}.w-nav span .w-btn{width:70%}.w-h{width:84%;top:15%;gap:4cqw}.w-h b{height:10cqw}.w-p{top:42%;width:80%;gap:2cqw}.w-p b{height:2.4cqw}.w-img{left:4%;right:4%;width:auto;top:58%;height:22%}.w-cta{width:40%;height:7%;bottom:6%}.t-nav{font-size:13px}.t-links{display:none}.t-h{font-size:12.6cqw;top:14%}.t-p{top:42%;width:84%;font-size:13px}.t-spec{top:9%;font-size:10px}.sw:nth-child(n){top:62%;right:auto;bottom:auto}.sw:nth-child(1){left:5%}.sw:nth-child(2){left:28%}.sw:nth-child(3){left:47%}.dome{width:36%;right:4%;top:auto;bottom:14%}.l-code{width:auto;inset:auto 4% 5%;font-size:10.5px}.score{width:12cqw;bottom:auto;top:3%}.go{left:auto;right:6%;top:30%;font-size:1.7rem}}.stance{position:relative;padding-top:clamp(6rem,14vw,10rem);padding-bottom:clamp(6rem,12vw,10rem)}.words{max-width:24ch}.words .w{opacity:.14;transition:opacity .25s linear}.words .w.on{opacity:1}.s-air{right:var(--shell);top:clamp(4rem,10vw,7rem);font-size:1.5rem;text-align:right;transform:rotate(3deg);line-height:1}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem 2rem;margin-top:clamp(4rem,9vw,7rem)}.rule{border-top:1px solid var(--line-2);padding-top:1.25rem}.rule h3{font-size:1.125rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.5rem}.rule p{color:var(--ink-2);font-size:.98rem;line-height:1.55}.rule{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform 1.1s var(--ease)}.rule.in{opacity:1;transform:none}.rule:nth-child(2){transition-delay:.08s}.rule:nth-child(3){transition-delay:.16s}.rule:nth-child(4){transition-delay:.24s}@media (max-width:899px){.principles{grid-template-columns:1fr 1fr}}@media (max-width:520px){.principles{grid-template-columns:1fr;gap:2rem}.s-air{position:relative;display:block;right:auto;top:auto;margin:2rem 0 0 auto;width:max-content}}.make{padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(5rem,10vw,9rem)}.sec-head{display:flex;flex-direction:column;gap:1rem;margin-bottom:clamp(2rem,5vw,3.5rem)}.sec-head.row{flex-direction:row;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}.kinetic{max-width:20ch}.kinetic .kc{display:inline-block;transition:transform .35s var(--ease),font-variation-settings .35s var(--ease);font-variation-settings:"opsz" 96,"wght" calc(500 + var(--k,0)*150);transform:translate(var(--dx,0),var(--dy,0))}.fan{display:flex;gap:.6rem;height:34rem}.fc{position:relative;flex:1 1 0;min-width:0;border-radius:var(--r-media);background:var(--paper-2);border:1px solid var(--line);overflow:hidden;cursor:pointer;transition:flex-grow .8s var(--ease),background-color .5s var(--ease)}.fc.open{flex-grow:5.2;cursor:default}.fc-n{position:absolute;left:1rem;top:1rem;color:var(--steel)}.fc-v{position:absolute;left:50%;bottom:1.2rem;transform:translate(-50%) rotate(180deg);writing-mode:vertical-rl;font-size:1.25rem;font-weight:500;letter-spacing:-.01em;white-space:nowrap;transition:opacity .4s var(--ease)}.fc.open .fc-v{opacity:0}.fc-body{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:1.75rem;padding:3.5rem 1.75rem 1.5rem;opacity:0;transition:opacity .35s var(--ease);pointer-events:none;min-width:34rem}.fc.open .fc-body{opacity:1;transition:opacity .6s var(--ease) .25s;pointer-events:auto}.fc-copy{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}.fc-copy>p{color:var(--ink-2);margin-top:.75rem;max-width:26ch}.fc-copy>p.mono{color:var(--steel)}.fc-img{grid-column:2;grid-row:1;border-radius:10px;overflow:hidden;background:#e4e3df}.fc-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.4s var(--ease)}.fc.open .fc-img img{transform:none}.fc-t{font-family:var(--f-display);font-variation-settings:"opsz" 96;font-weight:500;font-size:2.25rem;letter-spacing:-.03em;line-height:1}.more{align-self:flex-start;margin-top:1rem;min-height:44px;display:inline-flex;align-items:center;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-2)}.more:hover{text-decoration-color:var(--accent)}@media (max-width:899px){.fan{flex-direction:column;height:auto;gap:.5rem}.fc{flex:none;height:64px;transition:height .8s var(--ease)}.fc.open{height:min(132vw,560px)}.fc-n{top:50%;transform:translateY(-50%);left:1.1rem}.fc.open .fc-n{top:1.2rem;transform:none}.fc-v{writing-mode:horizontal-tb;transform:translateY(-50%);left:3.4rem;top:32px;bottom:auto;font-size:1.15rem}.fc-body{min-width:0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;padding:3.4rem 1.1rem 1.1rem}.fc-img{grid-column:1;grid-row:1;margin-bottom:1rem}.fc-copy{grid-row:2}.fc-t{font-size:1.9rem}.fc-copy>p{margin-top:.5rem}.more{margin-top:.25rem}}.work{position:relative;padding-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(5rem,10vw,8rem)}.s-work{right:calc(var(--shell) + 12rem);top:clamp(2.5rem,5vw,4rem);font-size:1.45rem;transform:rotate(-4deg);line-height:1;text-align:center}.stack{display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,3rem)}.card{position:sticky;top:calc(var(--nav-h) + 1rem + var(--i)*10px);transform-origin:50% 0}.card-in{position:relative;display:grid;grid-template-columns:5fr 7fr;min-height:min(34rem,calc(100svh - var(--nav-h) - 5rem));border-radius:var(--r-media);overflow:hidden;background:var(--paper-2);border:1px solid var(--line);box-shadow:0 -20px 50px -40px #0004;transform:scale(var(--sc,1));transform-origin:50% 0;transition:box-shadow .5s}.card-in:after{content:"";position:absolute;inset:0;background:var(--paper);opacity:var(--dim,0);pointer-events:none;border-radius:inherit}.c-txt{display:flex;flex-direction:column;padding:clamp(1.25rem,3vw,2.5rem);gap:.25rem}.c-txt .sep{display:inline-block;width:1.6rem}.c-h{font-family:var(--f-display);font-variation-settings:"opsz" 96;font-weight:500;font-size:clamp(2.4rem,4.4vw,4rem);letter-spacing:-.035em;line-height:1;margin-top:auto;padding-top:2rem}.c-p{font-size:1.0625rem;color:var(--ink-2);max-width:28ch;margin-top:.6rem}.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.25rem}.tags li{padding:.35rem .7rem;border:1px solid var(--line-2);border-radius:999px;color:var(--ink-2);text-transform:none;font-size:.75rem}.c-link{margin-top:1rem;min-height:44px;display:inline-flex;align-items:center;align-self:flex-start;text-transform:none;font-size:.8125rem;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line-2)}.c-link:hover{text-decoration-color:var(--accent)}.c-vis{position:relative;overflow:hidden;background:#121214;min-height:16rem}.c-vis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12) translateY(var(--py,0px))}.c-textcard{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,3.5rem);color:#f1f1ee;background:radial-gradient(120% 80% at 80% 0%,#2a1414,#121214 55%)}.tc-k{color:#8b8b93;margin-bottom:1.5rem}.tc-q{font-family:var(--f-display);font-variation-settings:"opsz" 96;font-weight:500;font-size:clamp(1.9rem,3.6vw,3.3rem);letter-spacing:-.03em;line-height:1.02;max-width:14ch}.tc-a{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.5rem;padding:.6rem 1rem;border-radius:999px;background:#ffffff12;border:1px solid #ffffff1f;align-self:flex-start;font-size:.95rem}.tc-a u{text-decoration-color:#ff4a4a;text-underline-offset:3px;color:#fff}.tc-dot{width:8px;height:8px;border-radius:50%;background:#ff4a4a;box-shadow:0 0 0 4px #ff4a4a33}.tc-lines{display:grid;gap:10px;margin-top:2rem;max-width:26rem}.tc-lines i{height:8px;border-radius:4px;background:#ffffff14}.tc-lines i.hl{background:linear-gradient(90deg,#ff4a4a66,#ff4a4a22)}.mf-lab{position:absolute;left:0;top:-1.6rem;color:var(--accent);opacity:0;transition:opacity .35s var(--ease);text-transform:none}.mf:before,.mf:after{content:"";position:absolute;pointer-events:none;opacity:0;transition:opacity .35s var(--ease)}.mf:before{left:-100vw;right:-100vw;top:0;bottom:0;border-top:1px solid color-mix(in srgb,var(--accent) 60%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent) 60%,transparent)}.mf:after{top:-100vh;bottom:-100vh;left:0;right:0;border-left:1px solid color-mix(in srgb,var(--accent) 60%,transparent);border-right:1px solid color-mix(in srgb,var(--accent) 60%,transparent)}@media (hover:hover){.mf:hover:before,.mf:hover:after,.mf:hover .mf-lab{opacity:1}}.work{overflow-x:clip}@media (max-width:899px){.card-in{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0}.c-vis{grid-row:1;aspect-ratio:3/2;min-height:0}.c-textcard{aspect-ratio:auto;min-height:15rem}.c-h{padding-top:.75rem;margin-top:.5rem}.s-work{position:relative;display:block;right:auto;top:auto;margin:-1rem 0 1.5rem auto;width:max-content}.card{top:calc(var(--nav-h) + .5rem + var(--i)*6px)}}.details{padding-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(5rem,10vw,8rem)}.details>.mono{margin-top:-1.5rem;margin-bottom:2rem}.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.dcard{display:flex;flex-direction:column;gap:.5rem}.dcard h3{font-size:1.375rem;font-weight:600;letter-spacing:-.02em}.dcard>p:not(.mono){color:var(--ink-2)}.demo{aspect-ratio:4/3;border-radius:var(--r-media);background:var(--paper-2);border:1px solid var(--line);display:grid;place-items:center;position:relative;margin-bottom:.75rem;overflow:hidden}.tog{width:88px;height:48px;border-radius:999px;background:var(--line-2);position:relative;transition:background-color .4s var(--ease)}.tog i{position:absolute;left:4px;top:4px;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0003;transition:transform .5s var(--ease)}.tog[aria-checked=true]{background:var(--accent)}.tog[aria-checked=true] i{transform:translate(40px)}.tog-l{position:absolute;bottom:1rem;left:1rem;color:var(--steel)}.tap{width:44px;height:44px;border-radius:12px;background:var(--ink);color:var(--paper);font-size:.75rem;font-weight:600;display:grid;place-items:center;transition:transform .3s var(--ease),background-color .3s}.tap:active{transform:scale(.92)}.tap.hit{background:var(--accent);color:#fff}.tap-box{position:absolute;left:50%;top:calc(50% + 34px);transform:translate(-50%);color:var(--accent)}.d-tap:before{content:"";position:absolute;width:44px;height:44px;left:50%;top:50%;transform:translate(-50%,-50%);outline:1px dashed var(--accent);outline-offset:6px;border-radius:14px}.d-ease svg{width:72%;overflow:visible}.d-ease .grid{stroke:var(--line-2);fill:none;stroke-width:1;vector-effect:non-scaling-stroke}.d-ease .curve{stroke:var(--accent);fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.ball{position:absolute;left:14%;bottom:14%;width:14px;height:14px;border-radius:50%;background:var(--ink);animation:ease 2.6s var(--ease) infinite alternate}@keyframes ease{to{left:calc(86% - 14px)}}@media (max-width:899px){.dgrid{grid-template-columns:1fr;gap:2.5rem}}.cta-sec{padding-bottom:clamp(4rem,8vw,6rem)}.cta{position:relative;overflow:hidden;border-radius:var(--r-media);background:#121214;color:#f4f4f2;padding:clamp(2rem,6vw,5.5rem);isolation:isolate}[data-theme=dark] .cta{background:#18181b;border:1px solid var(--line)}.glow{position:absolute;right:-20vw;top:-30vw;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,#ff3e3e 0%,#ff3e3e55 35%,transparent 68%);opacity:.55;z-index:-1;transform:translate(var(--gx,0),var(--gy,0)) scale(var(--gs,1));filter:blur(10px)}.inv-steel{color:#9b9ba3}.cta-h{max-width:12ch;margin:1rem 0 1.25rem}.cta-p{max-width:40ch;color:#c9c9c4;font-size:1.125rem;line-height:1.55;margin-bottom:2rem}.cta-foot{margin-top:2.5rem;text-transform:none}.s-cta{right:clamp(1.5rem,6vw,5rem);bottom:clamp(1.5rem,4vw,3rem);font-size:1.6rem;color:#ff6b6b;transform:rotate(-4deg)}@media (max-width:600px){.s-cta{position:relative;display:block;right:auto;bottom:auto;margin-top:1.5rem}}.foot{padding-top:clamp(3rem,6vw,5rem);padding-bottom:5.5rem;border-top:1px solid var(--line)}.f-top{display:grid;grid-template-columns:5fr 3fr 3fr;gap:2.5rem}.f-brand{position:relative}.f-word{font-family:var(--f-text);font-weight:600;font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.04em;line-height:1;margin-bottom:1rem}.f-col{display:flex;flex-direction:column}.f-col a{min-height:40px;display:flex;align-items:center;color:var(--ink-2);transition:color .2s}.f-col a:hover{color:var(--ink)}.f-col .label{margin-bottom:.5rem}.s-foot{left:0;top:calc(100% + .5rem);font-size:1.45rem;transform:rotate(-2deg);line-height:1}.f-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin-top:clamp(4rem,8vw,6rem);padding-top:1.25rem;border-top:1px solid var(--line);color:var(--steel);text-transform:none}.f-bot a{min-height:44px;display:inline-flex;align-items:center;margin:-12px 0}@media (max-width:767px){.f-top{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1;margin-bottom:3rem}.f-bot{flex-direction:column}}@media (max-width:380px){.f-top{grid-template-columns:1fr}}.sec-tag{position:fixed;right:calc(var(--shell)*.35);top:50%;z-index:60;display:flex;align-items:center;gap:.45rem;color:var(--steel);writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);pointer-events:none}.sec-tag i{width:6px;height:6px;border-radius:50%;background:var(--accent)}@media (max-width:767px){.sec-tag{display:none}}.lens-hint{position:fixed;left:50%;bottom:1.1rem;z-index:85;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;max-width:calc(100vw - 2rem);padding:.55rem .55rem .55rem 1rem;border-radius:999px;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--line);box-shadow:0 16px 40px -24px #0007;font-size:.8125rem;line-height:1.35;color:var(--ink-2);transition:opacity .6s var(--ease),transform .8s var(--ease)}.lens-hint b{font-weight:600;color:var(--ink)}.lens-hint.hide{opacity:0;transform:translate(-50%,140%);pointer-events:none}.ping{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent)}.ping:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent);animation:ping 1.6s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2.6);opacity:0}}.hint-t{display:none}@media (hover:none),(pointer:coarse){.hint-d{display:none}.hint-t{display:inline}}.hint-x{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:1.1rem;color:var(--steel);position:relative}.hint-x:before{content:"";position:absolute;inset:-6px}.hint-x:hover{background:var(--line)}@media (max-width:767px){.lens-hint{left:.75rem;right:5.6rem;transform:none;max-width:none;bottom:.75rem;font-size:.75rem;padding:.5rem .4rem .5rem .8rem}.lens-hint.hide{transform:translateY(140%)}}.found{position:fixed;right:calc(var(--shell) - .5rem);bottom:1.1rem;z-index:85;min-height:40px;display:flex;align-items:center;padding:0 .9rem;border-radius:999px;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);color:var(--steel);transition:color .3s}.found .f-n{color:var(--ink)}.found.bump{animation:bump .6s var(--ease)}@keyframes bump{40%{transform:scale(1.12);color:var(--accent)}}@media (max-width:767px){.found{right:.75rem;bottom:.75rem;min-height:44px;padding:0 .7rem}}.toast{position:fixed;left:50%;top:calc(var(--nav-h) + .75rem);z-index:110;transform:translate(-50%,-20px);opacity:0;padding:.6rem 1rem;border-radius:999px;background:var(--ink);color:var(--paper);text-transform:none;font-size:.8125rem;pointer-events:none;transition:opacity .4s var(--ease),transform .6s var(--ease);max-width:calc(100vw - 2rem);text-align:center}.toast.show{opacity:1;transform:translate(-50%)}.toast b{color:var(--accent);font-weight:500}.cursor{position:fixed;left:0;top:0;z-index:106;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--accent);pointer-events:none;opacity:0;transition:opacity .3s,width .4s var(--ease),height .4s var(--ease),margin .4s var(--ease),background-color .3s}.has-cursor.cursor-live .cursor{opacity:1}.cursor.big{width:44px;height:44px;margin:-22px 0 0 -22px;background:color-mix(in srgb,var(--accent) 18%,transparent);border:1px solid var(--accent)}.lens{position:fixed;left:0;top:0;z-index:105;width:calc(var(--lens-r)*2);height:calc(var(--lens-r)*2);margin:calc(var(--lens-r)*-1) 0 0 calc(var(--lens-r)*-1);border-radius:50%;pointer-events:none;opacity:0;transform:scale(.4);transition:opacity .35s var(--ease),transform .6s var(--ease);backdrop-filter:invert(1) hue-rotate(180deg) contrast(1.05);-webkit-backdrop-filter:invert(1) hue-rotate(180deg) contrast(1.05);box-shadow:0 0 0 1.5px var(--accent),0 0 0 7px color-mix(in srgb,var(--ink) 90%,transparent),0 0 0 8px var(--accent),0 30px 60px -10px #0006;overflow:hidden}.lens.on{opacity:1;transform:scale(1)}.lens-grid{position:absolute;inset:0;background-image:linear-gradient(#ff3e3e40 1px,transparent 1px),linear-gradient(90deg,#ff3e3e40 1px,transparent 1px);background-size:20px 20px;background-position:var(--gp,0 0)}.lens:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%);background:linear-gradient(#ff3e3e,#ff3e3e) center/100% 1px no-repeat,linear-gradient(#ff3e3e,#ff3e3e) center/1px 100% no-repeat}.lens-lab{position:absolute;left:50%;bottom:16%;transform:translate(-50%);color:#ff6b6b;white-space:nowrap;text-transform:none;font-size:10.5px;background:#0b0c10cc;padding:2px 6px;border-radius:4px}.lens.carry{pointer-events:auto;cursor:grab;touch-action:none}.probe{position:fixed;left:0;top:0;z-index:104;pointer-events:none;border:1px solid var(--accent);opacity:0;transition:opacity .25s}.probe.on{opacity:1}.probe span{position:absolute;left:-1px;bottom:100%;background:var(--accent);color:#fff;padding:1px 6px;font-size:10px;text-transform:none;white-space:nowrap}.xray-layer{position:fixed;inset:0;z-index:79;pointer-events:none;opacity:0;transition:opacity .6s var(--ease);backdrop-filter:invert(1) hue-rotate(180deg);-webkit-backdrop-filter:invert(1) hue-rotate(180deg);background-image:linear-gradient(#ff3e3e1f 1px,transparent 1px),linear-gradient(90deg,#ff3e3e1f 1px,transparent 1px);background-size:24px 24px}.xray .xray-layer{opacity:1}.xray :is(h1,h2,h3,.lead,.pill,.fc,.card-in,.demo,.rule,.board,.cta){outline:1px dashed #ff3e3e88;outline-offset:2px}.xray .lens{backdrop-filter:none;-webkit-backdrop-filter:none}.no-select{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.words .w{opacity:1}}.menu-open .nav{color:#f4f4f2}.menu-open .nav-l,.menu-open .nav-r{background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.menu-open .pill-x,.menu-open .pill-cta.hide-sm,.menu-open .nav-c{opacity:0;pointer-events:none}.menu-open .pill-menu{background:#f4f4f2;color:#121214}.toast{border-radius:14px;line-height:1.4}@media (max-width:767px) and (max-height:740px){.board{aspect-ratio:1/1;width:min(100%,calc(100svh - 21.5rem))}.b-h{display:none}.b-pct{font-size:2.1rem}.b-top{align-items:flex-end}.b-bottom{position:relative}.skip-build{position:absolute;right:0;top:-.55rem;margin:0}.b-cap{min-height:6.9rem}.b-t{font-size:1.35rem;margin:.2rem 0 .25rem}.b-d{font-size:.875rem;line-height:1.4}.build-stage{gap:.5rem;padding-top:calc(var(--nav-h) + .4rem)}.t-h{font-size:10.5cqw;top:15%}.t-p{top:46%;font-size:12px}.w-h{top:16%}.w-h b{height:8.4cqw}.w-p{top:46%}.w-img{top:62%;height:18%}.sw:nth-child(n){top:64%}.dome{width:30%;bottom:16%}.l-code{inset:7% 4% auto;max-height:88%;overflow:hidden;font-size:10px;padding:10px 12px}.hero-lens-wrap{width:min(46vw,210px);top:calc(var(--nav-h) + 1vh)}.pick{bottom:auto;top:44%;right:84%;font-size:1.4rem}.hero-h{font-size:clamp(2.6rem,12.4vw,4rem)}.lead{font-size:.98rem}}.guide-v{display:none!important}@media (max-width:767px){.ruler{display:none!important}}html{-webkit-tap-highlight-color:transparent}