@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.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:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.KdPPOG_className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.KdPPOG_variable{--font-mono:"Geist Mono", "Geist Mono Fallback"}
@font-face{font-family:Host Grotesk;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/0d4f81138b703b58-s.37ir218g6iz93.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:Host Grotesk;font-style:normal;font-weight:300 800;font-display:swap;src:url(../media/3a11180d498b75c0-s.p.0ghexb8m2rs_v.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:Host Grotesk Fallback;src:local(Arial);ascent-override:96.69%;descent-override:30.01%;line-gap-override:0.0%;size-adjust:104.98%}.q1FV0G_className{font-family:Host Grotesk,Host Grotesk Fallback;font-style:normal}.q1FV0G_variable{--font-display:"Host Grotesk", "Host Grotesk Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.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:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.LINzvG_className{font-family:Inter,Inter Fallback;font-style:normal}.LINzvG_variable{--font-inter:"Inter", "Inter Fallback"}
:root{--bg:#171717;--bg-0:#121212;--bg-1:#1b1b1b;--bg-2:#202020;--bg-3:#282828;--fg:#f4f4f4;--fg-2:#f4f4f4a8;--fg-3:#f4f4f46b;--line:#ffffff14;--line-2:#ffffff24;--line-3:#ffffff3d;--munk:#f47a38;--munk-bg:#f47a3821;--munk-line:#f47a3866;--font-sans:var(--font-inter), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--display:var(--font-display), var(--font-sans);--mono:var(--font-mono), ui-monospace, "SF Mono", Menlo, monospace;--max:1200px;--gutter:clamp(16px, 4vw, 40px);--r-lg:28px;--r-md:18px;--r-sm:12px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-padding-top:80px}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.5;overflow-x:clip}::selection{background:var(--munk);color:var(--bg)}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,h4{font-family:var(--display)}h1,h2,h3,h4,p,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}:focus-visible{outline:2px solid var(--munk);outline-offset:3px;border-radius:6px}.wrap{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.mono{font-family:var(--mono)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{letter-spacing:-.01em;white-space:nowrap;border:1px solid var(--line-2);height:44px;color:var(--fg);background:linear-gradient(#2a2a2a,#1c1c1c);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:500;transition:background .2s,border-color .2s,transform .15s;display:inline-flex;position:relative}.btn:hover{border-color:var(--line-3);background:linear-gradient(#313131,#212121)}.btn:active{transform:scale(.98)}.btn--munk{background:var(--munk);color:var(--bg);border-color:#ffffff47}.btn--munk:hover{background:color-mix(in srgb, var(--munk) 90%, #fff);border-color:#ffffff80}.btn--ghost{color:var(--fg-2);background:0 0;border-color:#0000;padding:0 10px}.btn--ghost:hover{color:var(--fg);background:0 0;border-color:#0000}.btn--sm{border-radius:11px;height:34px;padding:0 14px;font-size:13.5px}.btn .chev{opacity:.6;transition:transform .2s}.btn:hover .chev{transform:translate(2px)}.pill{border:1px solid var(--line-2);height:30px;color:var(--fg-2);background:#ffffff08;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:13px;transition:border-color .2s,color .2s;display:inline-flex}a.pill:hover{border-color:var(--line-3);color:var(--fg)}.badge{height:22px;font-family:var(--mono);color:var(--fg-2);white-space:nowrap;background:#ffffff0f;border-radius:7px;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.badge--munk{background:var(--munk-bg);color:var(--munk)}.label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);font-size:11.5px;font-weight:500}.label--munk{color:var(--munk)}.dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.dot--live{animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}kbd{border:1px solid var(--line-2);background:var(--bg-2);min-width:26px;height:26px;font-family:var(--mono);color:var(--fg);border-bottom-width:2px;border-radius:7px;place-items:center;padding:0 7px;font-size:12px;display:inline-grid}.grad{background:linear-gradient(100deg, #fff 0%, color-mix(in srgb, var(--munk) 55%, #fff) 40%, var(--munk) 85%);color:#0000;-webkit-background-clip:text;background-clip:text}.munk{color:var(--munk)}.dim{color:var(--fg-3)}.section{padding:clamp(64px,8vw,112px) 0;position:relative}.shead{text-align:center;flex-direction:column;align-items:center;max-width:780px;margin:0 auto clamp(40px,5vw,64px);display:flex}.shead--left{text-align:left;align-items:flex-start;margin-left:0}.shead h2{letter-spacing:-.03em;text-wrap:balance;margin:22px 0 18px;font-size:clamp(36px,5vw,58px);font-weight:450;line-height:1.08}.shead>p:not(.label){color:var(--fg-2);text-wrap:pretty;max-width:58ch;font-size:18px;line-height:1.55}.shead__actions{gap:10px;margin-top:28px;display:flex}.lit{border-radius:var(--r-lg);border:1px solid var(--line);background:linear-gradient(180deg, var(--bg-1) 0%, var(--bg-0) 70%);isolation:isolate;position:relative;overflow:hidden}.lit:before{content:"";background:radial-gradient(60% 55% at 50% 0%, var(--light,#ffffff12), transparent 70%);pointer-events:none;z-index:-1;transition:background .8s;position:absolute;inset:0}.lit:after{content:"";background:linear-gradient(90deg, transparent, var(--edge,#ffffff73), transparent);pointer-events:none;height:1px;transition:background .8s;position:absolute;top:-1px;left:20%;right:20%}.card{border-radius:var(--r-md);border:1px solid var(--line);background:radial-gradient(45% 12% at 50% 0%, #ffffff12, transparent), linear-gradient(180deg, var(--bg-2) 0%, var(--bg-0) 100%);position:relative}.win__bar{border-bottom:1px solid var(--line);height:40px;font-family:var(--mono);color:var(--fg-3);white-space:nowrap;align-items:center;gap:8px;padding:0 14px;font-size:11.5px;display:flex;overflow:hidden}.win__dots{gap:6px;margin-right:6px;display:flex}.win__dots i{background:var(--bg-3);border:1px solid var(--line-2);border-radius:50%;width:10px;height:10px}.tile{background:linear-gradient(#2b2b2b 0%,#141414 100%);border:1px solid #ffffff1f;border-radius:26px;place-items:center;width:88px;height:88px;display:grid;position:relative}.tile:after{content:"";background:linear-gradient(90deg, transparent, var(--munk), transparent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:18%;right:18%}.tile .chip{width:62%}.rv{opacity:0;filter:blur(8px);transition:opacity .9s,filter .9s,transform .9s cubic-bezier(.2,.8,.2,1);transform:translateY(14px)}.rv.is-in{opacity:1;filter:none;transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.rv{opacity:1;filter:none;transform:none}}
.chip{--fur:var(--munk);--pupil:var(--bg);--glint:#fff;-webkit-tap-highlight-color:transparent;display:block;overflow:visible}.chip--ink{--fur:var(--bg);--pupil:var(--munk);--glint:var(--bg)}.chip--paper{--fur:#fff}.chip--ghost{--fur:#ffffff24}.chip[data-flip="1"]{transform:scaleX(-1)}.chip--interactive{cursor:pointer}.chip__fur{fill:var(--fur)}.chip__tail,.chip__ear,.chip__torso,.chip__all,.chip__eye,.chip__stick{transform-box:view-box}.chip__tail{transform-origin:560px 960px;animation:3.6s ease-in-out infinite chip-tail}.chip__ear{transform-origin:792px 418px;animation:5.2s ease-in-out infinite chip-ear;animation-delay:var(--blink-delay)}.chip__ball{fill:var(--pupil)}.chip__glint{fill:var(--glint);transform:translate(var(--look-x,0px), var(--look-y,0px));transition:transform .12s ease-out}.chip__eye{transform-origin:896px 468px;animation:5.4s infinite chip-blink;animation-delay:var(--blink-delay)}.chip__lid{stroke:var(--pupil)}.chip__slate{fill:#fff}.chip__stripe{fill:var(--bg)}.chip__rule{fill:none;stroke:#17171747;stroke-width:10px;stroke-linecap:round}.chip__stick{transform-origin:936px 662px;transition:transform .12s cubic-bezier(.5,0,1,.6);transform:rotate(-16deg)}.is-clapped .chip__stick{transform:rotate(0)}.chip__nut{fill:#fff}.chip__cap{fill:#ffffff8c}.chip__stem{fill:none;stroke:#ffffff8c;stroke-width:9px;stroke-linecap:round}.chip__band{fill:none;stroke:#fff;stroke-width:16px;stroke-linecap:round}.chip__cup{fill:#fff}.chip--float .chip__all{animation:4.2s ease-in-out infinite chip-float}.chip--run .chip__all{transform-origin:650px 990px;animation:.42s ease-in-out infinite alternate chip-run}.chip--run .chip__tail{animation:.42s ease-in-out infinite alternate chip-tail-run}.chip--still .chip__tail,.chip--still .chip__ear,.chip--still .chip__eye{animation:none}.chip.is-poked .chip__torso{transform-origin:700px 990px;animation:.56s cubic-bezier(.3,1.4,.5,1) chip-hop}.chip.is-poked .chip__tail{animation:.56s ease-out chip-tail-flick}@keyframes chip-tail{0%,to{transform:rotate(0)}50%{transform:rotate(-3.5deg)}}@keyframes chip-tail-run{0%{transform:rotate(3deg)}to{transform:rotate(-7deg)}}@keyframes chip-tail-flick{0%,to{transform:rotate(0)}35%{transform:rotate(-11deg)}65%{transform:rotate(5deg)}}@keyframes chip-ear{0%,86%,to{transform:rotate(0)}89%{transform:rotate(-11deg)}93%{transform:rotate(6deg)}96%{transform:rotate(-4deg)}}@keyframes chip-blink{0%,93%,to{transform:scaleY(1)}95.5%{transform:scaleY(.08)}}@keyframes chip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes chip-run{0%{transform:rotate(-4deg)translateY(0)}to{transform:rotate(5deg)translateY(-22px)}}@keyframes chip-hop{0%,to{transform:translateY(0)scale(1)}25%{transform:translateY(0)scale(1.05,.93)}55%{transform:translateY(-46px)scale(.97,1.04)}}
.nav{z-index:50;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);border-bottom:1px solid var(--line);position:sticky;top:0}.nav__in{width:min(100% - 2 * var(--gutter), var(--max));align-items:center;gap:28px;height:62px;margin-inline:auto;display:flex}.nav__brand{font-family:var(--display);letter-spacing:-.03em;align-items:center;gap:9px;font-size:20px;font-weight:600;display:flex}.nav__mark{width:26px;color:var(--munk);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.nav__brand:hover .nav__mark{transform:rotate(-8deg)scale(1.08)}.nav__links{color:var(--fg-2);gap:24px;margin-right:auto;font-size:14px;display:flex}.nav__links a:hover,.nav__plain:hover{color:var(--fg)}.nav__right{align-items:center;gap:16px;display:flex}.nav__plain{color:var(--fg-2);font-size:13.5px;font-weight:500}.nav__mute{font-family:var(--mono);color:var(--fg-3);white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:inline-flex}.nav__mute:hover{color:var(--fg-2)}.nav__led{background:var(--fg-3);border-radius:50%;width:6px;height:6px}.nav__led.is-on{background:var(--munk)}.nav__burger{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:34px;height:34px;display:none}.nav__burger span{background:var(--fg);width:18px;height:1.5px}@media (max-width:980px){.nav__links{padding:8px var(--gutter) 16px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;gap:0;font-size:16px;display:none;position:absolute;top:62px;left:0;right:0}.nav__links.is-open{display:flex}.nav__links a{border-bottom:1px solid var(--line);padding:12px 0}.nav__right{margin-left:auto}.nav__burger{display:flex}.nav__mute,.nav__plain{display:none}}.foot{border-top:1px solid var(--line);background:var(--bg-0);padding:64px 0 40px}.foot__top{grid-template-columns:1.4fr repeat(2,minmax(140px,.5fr));gap:40px;display:grid}.foot__brand{font-family:var(--display);letter-spacing:-.03em;align-items:center;gap:10px;font-size:22px;font-weight:600;display:flex}.foot__mark{width:32px;color:var(--munk)}.foot__tag{color:var(--fg-2);max-width:34ch;margin-top:14px}.foot__col h3{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);margin-bottom:14px;font-size:11.5px;font-weight:500}.foot__col a{color:var(--fg-2);padding:5px 0;font-size:14.5px;display:block}.foot__col a:hover{color:var(--fg)}.foot__base{border-top:1px solid var(--line);font-family:var(--mono);color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:56px;padding-top:22px;font-size:11.5px;display:flex}@media (max-width:760px){.foot__top{grid-template-columns:1fr 1fr}.foot__about{grid-column:1/-1}}.fx{z-index:90;pointer-events:none;position:fixed;inset:0;overflow:hidden}.fx__label{background:var(--munk);color:var(--bg);font-family:var(--mono);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:500;animation:1.1s ease-out forwards fx-label;position:absolute}@keyframes fx-label{0%{opacity:0;transform:translate(-50%,-110%)scale(.9)}18%{opacity:1;transform:translate(-50%,-170%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-210%)}}
.hero{isolation:isolate;padding-top:40px;position:relative;overflow-x:clip}.hero__top{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.hero__copy>*{animation:.9s cubic-bezier(.2,.8,.2,1) backwards hero-in}.hero__copy>:nth-child(2){animation-delay:80ms}.hero__copy>:nth-child(3){animation-delay:.16s}.hero__art{animation:1.1s cubic-bezier(.2,.8,.2,1) .3s backwards hero-in}@keyframes hero-in{0%{opacity:0;filter:blur(6px);transform:translateY(12px)}}.hero__h1{letter-spacing:-.025em;text-wrap:balance;margin-top:64px;font-size:clamp(36px,4vw,48px);font-weight:450;line-height:1.08}.hero__copy{width:fit-content;max-width:100%}.hero__sub{width:0;min-width:100%;color:var(--fg-2);text-wrap:pretty;margin-top:24px;font-size:18px;line-height:1.55}.hero__sub strong{color:var(--fg);font-weight:500}.hero__ctas{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.hero__art{width:min(100% - 2 * var(--gutter), var(--max));pointer-events:none;justify-content:flex-end;margin:-44px auto 0;padding-bottom:150px;display:flex;position:relative}.hero__glow{background:radial-gradient(farthest-side,#ffffff0e 40%,#0000);position:absolute;inset:-96px -200px -40px 22%}.scene{pointer-events:auto;-webkit-user-select:none;user-select:none;width:min(64%,780px);position:relative;container-type:inline-size}.scene__tilt{transform-style:preserve-3d;transform-origin:50%;transition:transform 1.7s cubic-bezier(.32,.72,0,1);transform:perspective(2400px)translate(40px)translateY(60px)scale(1.15)rotateX(8deg)rotate(-6deg)}.scene.is-settled .scene__tilt{transform:perspective(2400px)translate(0)translateY(0)scale(1)rotateX(0)rotate(0)}.app__side,.app__head,.app__plans,.app__chart{animation:1.1s cubic-bezier(.32,.72,0,1) backwards piece-drop}.app__side{animation-delay:1s}.app__head{animation-delay:1.8s}.app__plans{animation-delay:1.95s}.app__chart{animation-delay:2.1s}@keyframes piece-drop{0%{opacity:0;translate:0 -40px 40px}}.scene__zoom{transform-style:preserve-3d;transform-origin:var(--hit-x,84%) var(--hit-y,22%);transition:transform .9s cubic-bezier(.3,0,.2,1)}.scene__zoom.is-zoomed{transform:scale(1.1)}.app{transform-style:preserve-3d;border:1px solid var(--line-2);background:var(--bg-2);border-radius:14px;font-size:clamp(8px,1.32cqw,16px);position:relative}.app .win__bar{height:3.2em;font-size:.9em}.app__body{transform-style:preserve-3d;grid-template-columns:22% 1fr;display:grid}.app__side{border-right:1px solid var(--line);color:var(--fg-3);flex-direction:column;gap:.4em;padding:1.3em .9em;display:flex}.app__side li{border-radius:.6em;padding:.5em .8em}.app__side .is-on{color:var(--fg);background:#ffffff12}.app__main{transform-style:preserve-3d;gap:1.3em;padding:1.5em;display:grid}.app__head{transform-style:preserve-3d;justify-content:space-between;align-items:center;display:flex}.app__title{letter-spacing:-.02em;font-size:1.35em;font-weight:500}.app__sub{color:var(--fg-3)}.app__publish{background:var(--munk);color:var(--bg);border-radius:.8em;margin-right:1.6em;padding:.6em 1.2em;font-weight:600;transition:filter .5s,background .2s}.app__publish.is-done{background:#fff}.app__plans{grid-template-columns:repeat(3,1fr);gap:.8em;transition:filter .5s;display:grid}.app__plan{border:1px solid var(--line-2);background:var(--bg-3);border-radius:.9em;gap:.2em;padding:1em;display:grid}.app__plan.is-hot{border-color:var(--munk);background:linear-gradient(180deg, #f47a3833, var(--bg-3))}.app__plan span,.app__plan i{color:var(--fg-3);font-style:normal}.app__plan b{letter-spacing:-.04em;font-size:1.9em;font-weight:500}.app__chart{border:1px solid var(--line);background:var(--bg-1);color:var(--fg-3);border-radius:.9em;padding:1em;transition:filter .5s}.app__bars{align-items:flex-end;gap:4%;height:6.5em;margin-top:.8em;display:flex}.app__bars i{background:linear-gradient(180deg, var(--munk), #f47a3840);transform-origin:bottom;border-radius:.3em .3em 0 0;flex:1;animation:.9s cubic-bezier(.2,.8,.2,1) backwards bar-in}@keyframes bar-in{0%{transform:scaleY(0)}}.scene__cursor{opacity:0;filter:drop-shadow(0 3px 4px #0009);width:1.7em;position:absolute;top:92%;left:30%;transform:translateZ(96px)}.scene__cursor path{fill:#fff;stroke:var(--bg);stroke-width:1.4px;stroke-linejoin:round}.scene[data-phase=rolling] .scene__cursor{animation:5s cubic-bezier(.4,0,.2,1) forwards cursor-path}@keyframes cursor-path{0%{opacity:0;top:92%;left:30%}8%{opacity:1}22%{top:58%;left:46%}42%,78%{left:var(--hit-x,86%);top:var(--hit-y,24%)}95%{opacity:1}to{opacity:0;top:46%;left:70%}}.scene__ripple{left:var(--hit-x,86%);top:var(--hit-y,24%);opacity:0;border:2px solid #fff;border-radius:50%;width:3.4em;height:3.4em;margin:-1.7em;position:absolute;transform:translateZ(92px)}.scene__zoom.is-zoomed .scene__ripple{animation:.8s ease-out ripple}@keyframes ripple{0%{opacity:1;transform:translateZ(92px)scale(.3)}to{opacity:0;transform:translateZ(92px)scale(1.6)}}.scene__chip{z-index:3;width:clamp(130px,19cqw,270px);position:absolute;bottom:-12%;right:3%}.scene__say{color:var(--bg);white-space:nowrap;background:#fff;border-radius:14px 14px 4px;padding:8px 14px;font-size:clamp(11px,1.3cqw,15px);font-weight:500;animation:.35s cubic-bezier(.3,1.5,.5,1) backwards say-in;position:absolute;bottom:92%;right:60%}@keyframes say-in{0%{opacity:0;transform:translateY(6px)scale(.85)}}@media (max-width:900px){.hero{padding-top:16px}.hero__h1{margin-top:24px}.hero__art{width:150%;padding:0 0 110px var(--gutter);margin:32px 0 0;display:block}.hero__glow{display:none}.scene{width:auto}.scene__tilt,.scene.is-settled .scene__tilt{transform:none}.scene__chip{right:36%}}
.take{padding:clamp(30px,5vw,70px) 0 clamp(60px,8vw,110px)}.take__panel{padding:clamp(16px,2.4vw,28px)}.take__top{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(18px,3vw,40px);display:grid}.tv{aspect-ratio:16/9.4;background:var(--bg-3);border-radius:16px;transition:background .8s;position:relative;overflow:hidden;container-type:inline-size}.is-s3 .tv{background:radial-gradient(80% 90% at 20% 10%, color-mix(in srgb, var(--munk) 80%, #fff), transparent 60%), linear-gradient(140deg, var(--munk), #8f3b10)}.tv__screen{background:var(--bg-2);transition:inset .8s cubic-bezier(.3,0,.2,1),border-radius .8s,box-shadow .8s;position:absolute;inset:0;overflow:hidden}.is-s3 .tv__screen{border-radius:12px;inset:9% 8%;box-shadow:0 30px 60px -20px #171717bf}@property --zoom{syntax:"<number>";inherits:false;initial-value:1}@property --zoom-x{syntax:"<percentage>";inherits:false;initial-value:0%}@property --zoom-y{syntax:"<percentage>";inherits:false;initial-value:0%}@property --pass{syntax:"<number>";inherits:false;initial-value:0}.tv__zoom{transform:translate(calc(var(--pass) * var(--zoom-x)), calc(var(--pass) * var(--zoom-y))) scale(calc(1 + var(--pass) * (var(--zoom) - 1)));font-size:clamp(5.5px,1.75cqw,11px);transition:--pass .8s;animation:12s cubic-bezier(.45,0,.2,1) infinite tv-zoom;position:absolute;inset:0}.is-s2 .tv__zoom{--pass:1}@keyframes tv-zoom{0%,4%{--zoom:1;--zoom-x:0%;--zoom-y:0%}8%,12%{--zoom:1.5;--zoom-x:-25%;--zoom-y:25%}17%,65%{--zoom:1.35;--zoom-x:0%;--zoom-y:-10%}71%,89%{--zoom:1.25;--zoom-x:-10%;--zoom-y:12%}95%,to{--zoom:1;--zoom-x:0%;--zoom-y:0%}}.tv__zoom .win__bar{height:3.4em;padding:0 1.2em;font-size:.9em}.tv__zoom .win__dots i{width:.8em;height:.8em}.inv{grid-template-columns:18% 1fr;display:grid;position:absolute;inset:3.1em 0 0}.inv__side{border-right:1px solid var(--line);color:var(--fg-3);align-content:start;gap:.3em;padding:1.2em .8em;display:grid}.inv__side li{border-radius:.6em;padding:.5em .8em}.inv__side .is-on{color:var(--fg);background:#ffffff12}.inv__main{padding:1.4em 1.6em}.inv__head{justify-content:space-between;align-items:center;margin-bottom:1.2em;display:flex}.inv__head p{letter-spacing:-.02em;font-size:1.5em;font-weight:500}.inv__head p span{letter-spacing:0;color:var(--fg-3);margin-left:.6em;font-size:.6em;font-weight:400}.inv__new{background:var(--munk);color:var(--bg);border-radius:.7em;padding:.6em 1.1em;font-weight:600;animation:12s linear infinite inv-press}@keyframes inv-press{0%,9.9%,12%,to{transform:none}10.4%{transform:scale(.94)}}.inv__rows{gap:.5em;display:grid}.inv__row{border:1px solid var(--line);background:var(--bg-3);border-radius:.7em;grid-template-columns:1fr auto 4.4em;align-items:center;gap:1em;padding:.75em 1em;display:grid}.inv__row b{font-weight:500}.inv__row span{font-family:var(--mono);color:var(--fg-2)}.inv__row i{color:var(--fg-2);text-align:center;background:#ffffff12;border-radius:99px;padding:.2em 0;font-size:.85em;font-style:normal}.inv__row .is-due{color:var(--fg-3)}.inv__row .is-sent{background:var(--munk);color:var(--bg);font-weight:600}.inv__row--new{border-color:var(--munk);background:linear-gradient(90deg, #f47a3833, var(--bg-3));animation:12s cubic-bezier(.2,.8,.2,1) infinite inv-row}@keyframes inv-row{0%,66%{opacity:0;margin-top:-3.5em;transform:scale(.96)}70%,94%{opacity:1;margin-top:0;transform:none}98%,to{opacity:0;margin-top:-3.5em}}.inv__veil{background:#0a0a0a99;animation:12s linear infinite inv-veil;position:absolute;inset:0}@keyframes inv-veil{0%,10.5%,67%,to{opacity:0}12.5%,65%{opacity:1}}.inv__modal{border:1px solid var(--line-2);background:var(--bg-3);border-radius:1.1em;gap:.5em;width:40%;padding:1.4em;animation:12s cubic-bezier(.3,1.3,.5,1) infinite inv-modal;display:grid;position:absolute;top:27%;left:30%}@keyframes inv-modal{0%,10.5%{opacity:0;transform:translateY(1.5em)scale(.94)}13%,65%{opacity:1;transform:none}67%,to{opacity:0;transform:scale(.94)}}.inv__title{margin-bottom:.3em;font-size:1.25em;font-weight:500}.inv__label{color:var(--fg-3);font-size:.85em}.inv__input{border:1px solid var(--line-2);background:var(--bg-1);height:2.5em;font-family:var(--mono);border-radius:.6em;align-items:center;padding:0 .8em;font-size:.92em;display:flex}.inv__type{white-space:nowrap;border-right:1px solid #0000;width:0;font-style:normal;overflow:hidden}.inv__type--client{animation:12s infinite inv-type-client}.inv__type--amount{animation:12s infinite inv-type-amount}@keyframes inv-type-client{0%,20%{border-color:#0000;width:0;animation-timing-function:step-end}21%{border-color:var(--munk);width:0;animation-timing-function:steps(12,end)}32%{border-color:var(--munk);width:12ch;animation-timing-function:step-end}38%,99%{border-color:#0000;width:12ch;animation-timing-function:step-end}to{width:0}}@keyframes inv-type-amount{0%,38%{border-color:#0000;width:0;animation-timing-function:step-end}39%{border-color:var(--munk);width:0;animation-timing-function:steps(6,end)}47%{border-color:var(--munk);width:6ch;animation-timing-function:step-end}54%,99%{border-color:#0000;width:6ch;animation-timing-function:step-end}to{width:0}}.inv__toggle{color:var(--fg-2);justify-content:space-between;align-items:center;margin-top:.4em;display:flex}.inv__toggle i{background:#ffffff24;border-radius:99px;width:2.6em;height:1.5em;animation:12s step-end infinite inv-switch;position:relative}.inv__toggle i:after{content:"";background:#fff;border-radius:50%;width:1.1em;height:1.1em;animation:12s cubic-bezier(.3,1.4,.5,1) infinite inv-knob;position:absolute;top:.2em;left:.2em}@keyframes inv-switch{0%,to{background:#ffffff24}54.5%{background:var(--munk)}}@keyframes inv-knob{0%,54%{transform:none}56%,99%{transform:translate(1.1em)}to{transform:none}}.inv__send{background:var(--munk);height:2.6em;color:var(--bg);border-radius:.6em;place-items:center;margin-top:.5em;font-weight:600;display:grid}.inv__toast{color:var(--bg);white-space:nowrap;background:#fff;border-radius:99px;padding:.7em 1.2em;font-weight:500;animation:12s cubic-bezier(.3,1.3,.5,1) infinite inv-toast;position:absolute;top:13.5%;left:50%}@keyframes inv-toast{0%,67%{opacity:0;transform:translate(-50%,-1.5em)}70%,88%{opacity:1;transform:translate(-50%)}92%,to{opacity:0;transform:translate(-50%)}}.tv__cursor{filter:drop-shadow(0 2px 3px #0009);width:1.7em;transition:opacity .4s;position:absolute;top:78%;left:24%}.tv__cursor path{fill:#fff;stroke:var(--bg);stroke-width:1.4px;stroke-linejoin:round}.tv__cursor--raw{animation:12s linear infinite tv-cursor-raw}.tv__cursor--smooth{opacity:0;animation:12s cubic-bezier(.45,0,.2,1) infinite tv-cursor}.is-s1 .tv__cursor--raw{opacity:0}.is-s1 .tv__cursor--smooth{opacity:1}@keyframes tv-cursor{0%{top:78%;left:24%}8%,12%{left:var(--x1,89%);top:var(--y1,16%)}18%,33%{left:var(--x2,43%);top:var(--y2,46%)}37%,48%{left:var(--x3,43%);top:var(--y3,58%)}53%,57%{left:var(--x4,66%);top:var(--y4,66%)}63%,66%{left:var(--x5,50%);top:var(--y5,74%)}76%,92%{top:34%;left:58%}to{top:78%;left:24%}}@keyframes tv-cursor-raw{0%{top:78%;left:24%}2%{top:71%;left:37%}4%{top:49%;left:49%}6%{top:40%;left:71%}8%{left:calc(var(--x1,89%) + 3%);top:calc(var(--y1,16%) + -3%)}9%,12%{left:var(--x1,89%);top:var(--y1,16%)}14%{top:27%;left:70%}16%{top:43%;left:58%}18%{left:calc(var(--x2,43%) + -3%);top:calc(var(--y2,46%) + -2.5%)}19%,33%{left:var(--x2,43%);top:var(--y2,46%)}35%{left:calc(var(--x2,43%) + 3%);top:calc(var(--y2,46%) + 8%)}37%{left:calc(var(--x3,43%) + -2%);top:calc(var(--y3,58%) + 2%)}38%,48%{left:var(--x3,43%);top:var(--y3,58%)}50%{left:calc(var(--x3,43%) + 9%);top:calc(var(--y3,58%) + 1.5%)}52%{left:calc(var(--x4,66%) + -4%);top:calc(var(--y4,66%) + 2.5%)}53.5%,57%{left:var(--x4,66%);top:var(--y4,66%)}59%{left:calc(var(--x4,66%) + -6%);top:calc(var(--y4,66%) + 8.5%)}61%{left:calc(var(--x5,50%) + -2%);top:calc(var(--y5,74%) + -3.5%)}63%,66%{left:var(--x5,50%);top:var(--y5,74%)}69%{top:62%;left:49%}72%{top:49%;left:60%}75%{top:36%;left:55%}77%,92%{top:34%;left:58%}96%{top:52%;left:36%}to{top:78%;left:24%}}.tv__ripples{opacity:0;transition:opacity .3s}.is-s1 .tv__ripples{opacity:1}.tv__ripple{opacity:0;border:2px solid #fff;border-radius:50%;width:3.4em;height:3.4em;margin:-1.7em;animation:12s linear infinite tv-ripple;position:absolute}.tv__ripple--1{left:var(--x1,89%);top:var(--y1,16%);animation-delay:1.2s}.tv__ripple--2{left:var(--x2,43%);top:var(--y2,46%);animation-delay:2.4s}.tv__ripple--3{left:var(--x3,43%);top:var(--y3,58%);animation-delay:4.56s}.tv__ripple--4{left:var(--x4,66%);top:var(--y4,66%);animation-delay:6.48s}.tv__ripple--5{left:var(--x5,50%);top:var(--y5,74%);animation-delay:7.68s}@keyframes tv-ripple{0%{opacity:1;transform:scale(.3)}6%,to{opacity:0;transform:scale(1.5)}}.tv__cam{aspect-ratio:1;background:var(--bg);border:3px solid #fff;border-radius:50%;width:17%;transition:transform .6s cubic-bezier(.3,1.5,.5,1);position:absolute;bottom:6%;right:4%;overflow:hidden;transform:scale(0)}.tv__cam .chip{width:150%;max-width:none;margin:4% 0 0 -52%}.is-s4 .tv__cam{transform:scale(1)}.tv__stamp{background:color-mix(in srgb, var(--bg) 88%, transparent);border:1px solid var(--munk-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--fg-2);white-space:nowrap;opacity:0;border-radius:12px;padding:10px 16px;font-size:clamp(10px,2.2cqw,13px);transition:opacity .35s 1.5s,transform .35s cubic-bezier(.3,1.4,.5,1) 1.5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1.5)}.tv__stamp b{color:var(--munk);font-weight:500}.is-s6 .tv__stamp{opacity:1;transform:translate(-50%,-50%)}.tv__sound{background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:32px;color:var(--fg);white-space:nowrap;opacity:0;pointer-events:none;border:1px solid #ffffff4d;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:11.5px;transition:opacity .4s,transform .4s,border-color .2s;display:inline-flex;position:absolute;bottom:6%;left:4%;transform:translateY(8px)}.is-s5 .tv__sound{opacity:1;pointer-events:auto;transform:none}.tv__sound:hover,.tv__sound.is-on{border-color:var(--munk)}.tv__eq{align-items:center;gap:2px;height:12px;display:flex}.tv__eq i{background:var(--munk);border-radius:1px;width:2.5px;height:100%;transform:scaleY(.3)}.tv__sound.is-on .tv__eq i{animation:.7s ease-in-out infinite alternate eq}.tv__eq i:nth-child(2){animation-delay:.2s}.tv__eq i:nth-child(3){animation-delay:.4s}.take__steps{gap:2px;display:grid}.take__steps button{text-align:left;width:100%;color:var(--fg-3);border-radius:12px;grid-template-columns:30px 1fr;gap:10px;padding:9px 12px;transition:background .3s,color .3s;display:grid}.take__steps button:hover{color:var(--fg-2)}.take__num{font-size:11.5px;line-height:22px}.take__steps b{font-size:15px;font-weight:500;display:block}.take__steps em{color:var(--fg-2);grid-template-rows:0fr;max-height:0;font-size:13.5px;font-style:normal;line-height:1.5;transition:max-height .4s;display:grid;overflow:hidden}.take__steps .is-done button{color:var(--fg-2)}.take__steps .is-done .take__num{color:var(--munk)}.take__steps .is-now button{color:var(--fg);background:#ffffff0d}.take__steps .is-now .take__num{color:var(--munk)}.take__steps .is-now em{max-height:5em}.tl{border:1px solid var(--line);background:var(--bg-0);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);border-radius:16px;gap:7px;margin-top:clamp(16px,2.4vw,26px);padding:16px;font-size:10.5px;display:grid;position:relative;overflow:hidden}.tl__row,.tl__export{opacity:.28;grid-template-columns:70px 1fr;align-items:center;gap:10px;transition:opacity .5s;display:grid}.tl__row--screen,.is-s1 .tl__row--cursor,.is-s2 .tl__row--zoom,.is-s4 .tl__row--cam,.is-s5 .tl__row--music,.is-s6 .tl__export{opacity:1}.tl__lane{background:#ffffff08;border-radius:6px;height:20px;position:relative}.tl__bar{background:#ffffff29;border-radius:4px;position:absolute;inset:3px 0}.tl__row--cam .tl__bar{background:#ffffff47;right:30%}.tl__lane svg{width:100%;height:100%}.tl__lane path{fill:none;stroke-width:1.5px;vector-effect:non-scaling-stroke;transition:opacity .6s}.tl__raw{stroke:var(--fg-3)}.tl__smooth{stroke:var(--munk);opacity:0}.is-s1 .tl__raw{opacity:.25}.is-s1 .tl__smooth{opacity:1}.tl__block{background:var(--munk-bg);border:1px solid var(--munk);transform-origin:0;border-radius:4px;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:3px;bottom:3px;transform:scaleX(0)}.is-s2 .tl__block{transform:none}.tl__wave{align-items:center;gap:1.2%;padding:0 4px;display:flex}.tl__wave i{background:var(--fg-3);border-radius:2px;flex:1;max-width:5px}.is-s5 .tl__wave i{background:var(--munk);animation:.7s ease-in-out infinite alternate wave}@keyframes wave{to{transform:scaleY(.35)}}.tl__export{grid-template-columns:70px 1fr 40px;margin-top:4px}.tl__export b{color:var(--munk);opacity:0;font-weight:500;transition:opacity .3s 1.5s}.is-s6 .tl__export b{opacity:1}.tl__progress{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.tl__progress i{background:var(--munk);border-radius:3px;width:0;height:100%;display:block}.is-s6 .tl__progress i{width:100%;transition:width 1.5s cubic-bezier(.3,0,.2,1)}.tl__head{background:#fff;width:1.5px;animation:12s linear infinite playhead;position:absolute;top:10px;bottom:34px;left:96px}@keyframes playhead{to{left:calc(100% - 16px)}}@media (max-width:860px){.take__top{grid-template-columns:minmax(0,1fr)}.take__steps{grid-template-columns:1fr 1fr}.take__steps em{display:none}}
.strip{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.panel{border-radius:var(--r-md);border:1.5px solid var(--line-3);background:var(--bg-1);opacity:0;transform:translateY(20px) rotate(var(--lean,0deg));margin:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);overflow:hidden}.panel--1{--lean:-.6deg}.panel--2{--lean:.5deg;transition-delay:.15s}.panel--3{--lean:.4deg;transition-delay:.3s}.panel--4{--lean:-.5deg;transition-delay:.45s}.strip.is-in .panel{opacity:1;transform:rotate(var(--lean,0deg))}.panel__art{background:radial-gradient(circle at 1px 1px, #ffffff12 1px, transparent 0) 0 0 / 14px 14px, var(--bg-0);place-items:center;height:290px;padding:24px;display:grid;position:relative;overflow:hidden}.panel figcaption{border-top:1.5px solid var(--line-3);text-wrap:pretty;align-items:baseline;gap:14px;padding:16px 20px 18px;font-size:16.5px;line-height:1.4;display:flex}.panel time{color:var(--munk);flex:none;font-size:11.5px}.panel__sfx{font-family:var(--display);letter-spacing:-.03em;color:var(--munk);font-size:30px;font-weight:700;line-height:1;position:absolute;transform:rotate(-8deg)}.panel__sfx--tl{color:var(--fg-3);font-size:26px;bottom:12%;right:9%}.panel__sfx--tr{animation:2.4s ease-in-out infinite sfx;top:9%;right:7%;transform:rotate(9deg)}@keyframes sfx{0%,to{transform:rotate(9deg)scale(1)}50%{transform:rotate(6deg)scale(1.1)}}.pr{border:1px solid var(--line-2);background:var(--bg-2);border-radius:14px;width:min(100%,400px);padding:20px}.pr__title{font-size:16px;font-weight:500}.pr__meta{color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.pr__state{background:var(--munk);color:var(--bg);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.pr__btn{border:1px solid var(--line-2);color:var(--fg-3);border-radius:9px;margin-top:16px;padding:8px 14px;font-size:13px;text-decoration:line-through;display:inline-block}.term{border:1px solid var(--line-2);background:var(--bg-2);border-radius:14px;gap:7px;width:min(100%,420px);padding:18px 20px;font-size:12.5px;display:grid}.term p:first-child{border-bottom:1px dashed var(--line-2);margin-bottom:6px;padding-bottom:12px}.term__caret{vertical-align:-2px;background:var(--munk);width:7px;height:14px;margin-left:4px;animation:1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.set{perspective:700px;width:46%;height:70%;transform-style:preserve-3d;animation:7s ease-in-out infinite alternate set-pan;position:absolute;top:14%;left:8%}@keyframes set-pan{0%{transform:translate(-6px)}to{transform:translate(14px)}}.set__card{border:1px solid var(--line-2);background:var(--bg-3);border-radius:14px;position:absolute;inset:12% 10%;transform:rotateY(28deg)rotateX(8deg)}.set__card--back{filter:blur(4px);opacity:.7;transform:rotateY(28deg)rotateX(8deg)translate3d(34%,-14%,-120px)}.set__card--mid{filter:blur(2px);transform:rotateY(28deg)rotateX(8deg)translate3d(17%,-7%,-60px)}.set__card--front{border-color:var(--munk);background:linear-gradient(180deg, #f47a3838, var(--bg-3));align-content:center;justify-items:start;padding:0 18%;display:grid}.set__card--front b{letter-spacing:-.04em;font-size:38px;font-weight:500;line-height:1}.set__card--front i{color:var(--fg-3);font-style:normal}.panel__chip{width:46%;position:absolute;bottom:-2%;right:5%}.panel__chip[data-flip="0"]{transform:scaleX(-1)}.cmt{border:1px solid var(--line-2);background:var(--bg-2);border-radius:14px;gap:9px;width:min(100%,380px);padding:16px 18px;font-size:14px;display:grid}.cmt__who{font-size:13px}.cmt__vid{background:radial-gradient(80% 90% at 20% 10%, color-mix(in srgb, var(--munk) 80%, #fff), transparent 60%), linear-gradient(140deg, var(--munk), #8f3b10);border-radius:10px;place-items:center;height:96px;display:grid;position:relative;overflow:hidden}.cmt__play{background:var(--bg);border-radius:50%;place-items:center;width:40px;height:40px;padding-left:3px;font-size:13px;display:grid}.cmt__len{background:var(--bg);border-radius:5px;padding:1px 6px;font-size:10.5px;position:absolute;bottom:10px;right:8px}.cmt__bar{transform-origin:0;background:#fff;width:100%;height:3px;animation:6s linear infinite cmt-bar;position:absolute;bottom:0;left:0}@keyframes cmt-bar{0%{transform:scaleX(0)}}.cmt__react{gap:6px;font-size:12px;display:flex}.cmt__react span{border:1px solid var(--line-2);background:#ffffff0a;border-radius:999px;padding:2px 9px}.story__foot{color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:20px;font-size:12px;display:flex}@media (max-width:820px){.strip{grid-template-columns:1fr}.panel__art{height:250px}}
.bento>*,.steps>*,.rules>*{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1),border-color .25s;transform:translateY(16px)}.is-in>*{opacity:1;transform:none}.is-in>:nth-child(2){transition-delay:70ms}.is-in>:nth-child(3){transition-delay:.14s}.is-in>:nth-child(4){transition-delay:.21s}.is-in>:nth-child(5){transition-delay:.28s}.is-in>:nth-child(6){transition-delay:.35s}.is-in>:nth-child(7){transition-delay:.42s}.is-in>:nth-child(8){transition-delay:.49s}.card:hover{border-color:var(--line-2)}.bento{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.use{flex-direction:column;grid-column:span 2;padding:14px 14px 24px;display:flex}.use--wide{grid-column:span 3}.use--full{grid-column:1/-1;grid-template-columns:1.3fr 1fr;align-items:center;gap:32px;padding-bottom:14px;display:grid}.use__art{background:radial-gradient(circle at 1px 1px, #ffffff0f 1px, transparent 0) 0 0 / 14px 14px, var(--bg-0);border-radius:12px;place-items:center;height:230px;margin-bottom:20px;padding:18px;display:grid;overflow:hidden}.use--full .use__art{height:260px;margin-bottom:0;position:relative}.use .label{padding:0 10px}.use__text{color:var(--fg-2);text-wrap:pretty;margin-top:10px;padding:0 10px;font-size:16.5px;line-height:1.5}.use--full .use__text{color:var(--fg);font-size:19px}.thumb{background:radial-gradient(80% 90% at 20% 10%, color-mix(in srgb, var(--munk) 80%, #fff), transparent 60%), linear-gradient(140deg, var(--munk), #8f3b10);border-radius:9px;place-items:center;width:100%;height:100%;display:grid;position:relative}.thumb__play{background:var(--bg);border-radius:50%;place-items:center;width:34px;height:34px;padding-left:3px;font-size:11px;font-style:normal;transition:transform .25s cubic-bezier(.3,1.5,.5,1);display:grid}.card:hover .thumb__play{transform:scale(1.12)}.thumb--sm{border-radius:7px;flex:none;width:62px;height:38px}.thumb--sm .thumb__play{width:20px;height:20px;padding-left:2px;font-size:7px}.mock{border:1px solid var(--line-2);background:var(--bg-2);border-radius:12px;gap:8px;width:min(100%,400px);padding:14px 16px;font-size:13.5px;display:grid}.mock__head{font-size:12.5px}.mock__vid{border-radius:9px;height:84px;position:relative;overflow:hidden}.mock__bar{transform-origin:0;background:#fff;width:100%;height:3px;animation:7s linear infinite cmt-bar;position:absolute;bottom:0;left:0}.mock__meta{color:var(--fg-3);font-size:11px}.log{gap:8px;width:min(100%,400px);display:grid}.log li{border:1px solid var(--line-2);background:var(--bg-2);border-radius:11px;align-items:center;gap:12px;padding:9px 12px 9px 9px;font-size:13.5px;display:flex}.log li:first-child{border-color:var(--munk-line)}.log li span:nth-child(2){flex:1}.log b{font-family:var(--mono);color:var(--munk);margin-right:4px;font-size:12px;font-weight:500}.log li>i{color:var(--fg-3);font-size:11px;font-style:normal}.diff{gap:5px;width:100%;font-size:12px;display:grid}.diff p{white-space:nowrap;text-overflow:ellipsis;border-radius:7px;padding:7px 10px;overflow:hidden}.diff__del{color:var(--fg-3);background:#ffffff0a;text-decoration:line-through}.diff__add{background:var(--munk-bg);color:var(--munk)}.diff__out{border:1px dashed var(--line-2);color:var(--fg-2);align-items:center;gap:8px;margin-top:8px;display:flex}.diff__spin{border:1.5px solid var(--munk);border-right-color:#0000;border-radius:50%;flex:none;width:11px;height:11px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bug{gap:10px;width:100%;font-size:13px;display:grid}.bug__frame{border:1px solid var(--line-2);background:var(--bg-2);border-radius:10px;place-items:center;height:110px;display:grid;position:relative}.bug__btn{background:var(--munk);color:var(--bg);border-radius:8px;padding:8px 16px;font-size:12.5px;font-weight:600}.bug__frame svg{filter:drop-shadow(0 2px 3px #0009);width:16px;position:absolute;top:54%;left:58%}.bug__frame path{fill:#fff;stroke:var(--bg);stroke-width:1.4px;stroke-linejoin:round}.bug__ring{opacity:0;border:2px solid #fff;border-radius:50%;width:34px;height:34px;margin:-17px;animation:2.6s ease-out infinite bug-ring;position:absolute;top:54%;left:58%}.bug__ring--2{animation-delay:.45s}@keyframes bug-ring{0%{opacity:1;transform:scale(.3)}30%,to{opacity:0;transform:scale(1.5)}}.tour{gap:7px;width:100%;font-size:13.5px;display:grid}.tour li{border:1px solid var(--line-2);background:var(--bg-2);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;animation:6s ease-in-out infinite tour;display:flex}.tour li:nth-child(2){animation-delay:2s}.tour li:nth-child(3){animation-delay:4s}@keyframes tour{0%,30%,to{border-color:var(--line-2)}8%,22%{border-color:var(--munk)}}.tour i{background:var(--munk);width:22px;height:22px;color:var(--bg);border-radius:50%;place-items:center;padding-left:2px;font-size:8px;font-style:normal;display:grid}.tour span{color:var(--fg-3);margin-left:auto;font-size:11px}.launch{perspective:800px;animation:9s ease-in-out infinite alternate launch-pan;position:absolute;inset:0}@keyframes launch-pan{0%{transform:translate(-4%)}to{transform:translate(6%)}}.launch__card{border:1px solid var(--line-2);background:var(--bg-3);border-radius:14px;width:46%;height:60%;position:absolute;top:20%;left:22%;transform:rotateY(-30deg)rotateX(10deg)}.launch__card--a{filter:blur(4px);background:#3a3a3a;transform:rotateY(-30deg)rotateX(10deg)translate3d(-46%,-12%,-220px)}.launch__card--b{filter:blur(3px);background:#343434;transform:rotateY(-30deg)rotateX(10deg)translate3d(46%,10%,120px)}.launch__card--c{border-color:var(--munk);background:linear-gradient(180deg, #f47a3838, var(--bg-3));align-content:center;gap:9px;padding:0 9%;display:grid}.launch__card--c b{letter-spacing:-.02em;font-size:17px;font-weight:500}.launch__card--c i{background:#ffffff24;border-radius:4px;height:7px}.launch__card--c i:nth-child(3){width:70%}.launch__card--c i:nth-child(4){background:var(--munk);width:45%}.launch__meta{color:var(--fg-3);font-size:11px;position:absolute;bottom:12px;left:14px}.step__keys{gap:6px;display:flex}@keyframes eq{0%{transform:scaleY(.18)}to{transform:scaleY(1)}}.dir{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);display:grid}.dir__code{border-right:1px solid var(--line);min-width:0}.dir pre{margin:0;padding:18px 0;font-size:12.5px;line-height:1.75;overflow-x:auto}.dir__line{opacity:0;padding-right:20px;transition:opacity .4s;display:block}.dir.is-in .dir__line{opacity:1}.dir__line:nth-child(n+5){transition-delay:.15s}.dir__line:nth-child(n+9){transition-delay:.3s}.dir__line:nth-child(n+13){transition-delay:.45s}.dir__line:nth-child(n+17){transition-delay:.6s}.dir__line>i{text-align:right;width:44px;color:var(--fg-3);opacity:.6;-webkit-user-select:none;user-select:none;padding-right:16px;font-style:normal;display:inline-block}.tok-k{color:var(--fg)}.tok-s{color:var(--munk)}.tok-n{color:color-mix(in srgb, var(--munk) 55%, #fff)}.tok-p{color:var(--fg-3)}.dir__read{align-content:start;gap:22px;padding:22px;display:grid}.shot{background:radial-gradient(80% 90% at 20% 10%, color-mix(in srgb, var(--munk) 80%, #fff), transparent 60%), linear-gradient(140deg, var(--munk), #8f3b10);perspective:700px;border-radius:14px;height:210px;position:relative;overflow:hidden}.shot__cam{transform-style:preserve-3d;animation:7s ease-in-out infinite alternate shot-move;position:absolute;inset:0}@keyframes shot-move{0%{transform:rotateY(-26deg)rotateX(10deg)translate(-18%)}to{transform:rotateY(-26deg)rotateX(10deg)translate(14%)}}.shot__card{background:var(--bg);border:1px solid #fff3;border-radius:12px;place-items:center;width:28%;height:56%;display:grid;position:absolute;top:22%;left:36%}.shot__card b{letter-spacing:-.04em;font-size:26px;font-weight:500}.shot__card--far{filter:blur(4px);transform:translate3d(118%,0,-160px)}.shot__card--close{filter:blur(3px);transform:translate3d(-118%,0,160px)}.shot__badge{background:var(--bg);border-radius:999px;align-items:center;gap:7px;padding:4px 9px;font-size:10.5px;display:inline-flex;position:absolute;top:12px;left:12px}.shot__badge .dot{color:var(--munk)}.reads{display:grid}.reads div{border-top:1px solid var(--line);grid-template-columns:84px 1fr;align-items:baseline;gap:12px;padding:11px 0;display:grid}.reads dd{color:var(--fg);font-size:15px}.dir__foot{text-align:center;color:var(--fg-3);margin-top:18px;font-size:12px}.steps{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.step{flex-direction:column;align-items:flex-start;padding:28px;display:flex}.step__num{color:var(--munk);font-size:12px}.step h3{letter-spacing:-.03em;margin:16px 0 10px;font-size:22px;font-weight:500}.step>p{color:var(--fg-2);text-wrap:pretty;font-size:15px;line-height:1.55}.step__cmd,.step__keys{margin-top:22px}.step__cmd{border:1px solid var(--line-2);background:var(--bg-0);white-space:nowrap;border-radius:10px;max-width:100%;padding:10px 14px;font-size:12.5px;overflow-x:auto}.step__tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:22px;display:flex}.step__tags li{border:1px solid var(--line-2);color:var(--fg-2);border-radius:999px;padding:3px 10px;font-size:12.5px}.rules{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.rule{grid-column:span 2;padding:26px}.rule:nth-child(-n+2){grid-column:span 3}.rule__num{color:var(--munk);font-size:12px}.rule h3{letter-spacing:-.03em;margin:14px 0 8px;font-size:20px;font-weight:500}.rule p{color:var(--fg-2);text-wrap:pretty;font-size:15px;line-height:1.55}.faq__in{grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(24px,5vw,72px);display:grid}.faq .shead{margin-bottom:0;position:sticky;top:100px}.faq__list{border-top:1px solid var(--line-2)}.faq details{border-bottom:1px solid var(--line-2)}.faq summary{letter-spacing:-.02em;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 2px;font-size:18px;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--munk)}.faq summary i{flex:none;width:14px;height:14px;position:relative}.faq summary i:before,.faq summary i:after{content:"";background:currentColor;width:14px;height:1.5px;transition:transform .25s;position:absolute;top:6px;left:0}.faq summary i:after{transform:rotate(90deg)}.faq details[open] summary i:after{transform:rotate(0)}.faq details p{color:var(--fg-2);text-wrap:pretty;padding:0 40px 22px 2px;font-size:16px;line-height:1.6}.cta{text-align:center;padding:clamp(90px,12vw,160px) 0 clamp(80px,10vw,130px);position:relative;overflow:clip}.cta__glow{pointer-events:none;background:radial-gradient(50% 70% at 50% 100%,#f47a3838,#0000 70%);height:80%;position:absolute;inset:auto 0 0}.cta__in{flex-direction:column;align-items:center;display:flex;position:relative}.cta__chip{width:130px;margin-bottom:8px}.cta__h2{letter-spacing:-.03em;margin:22px 0 20px;font-size:clamp(40px,6vw,72px);font-weight:450;line-height:1.04}.cta__sub{max-width:52ch;color:var(--fg-2);text-wrap:pretty;font-size:18px;line-height:1.55}.cta__form{flex-wrap:wrap;justify-content:center;gap:8px;width:min(100%,460px);margin-top:34px;display:flex}.cta__form input{border:1px solid var(--line-2);background:var(--bg-0);min-width:200px;height:44px;color:var(--fg);font:inherit;border-radius:14px;flex:1;padding:0 16px;font-size:15px}.cta__form input::placeholder{color:var(--fg-3)}.cta__form input:focus{border-color:var(--munk);outline:none}.cta__form button:disabled{opacity:.7;cursor:default}.cta__error{color:var(--munk);flex-basis:100%;font-size:13.5px}.cta__done{border:1px solid var(--munk-line);background:var(--munk-bg);border-radius:14px;margin-top:34px;padding:12px 18px;font-size:15px}@media (max-width:1020px){.use,.use--wide{grid-column:span 3}.use--full{grid-template-columns:1fr;gap:20px;padding-bottom:24px}.dir{grid-template-columns:minmax(0,1fr)}.dir__code{border-right:0;border-bottom:1px solid var(--line)}.steps{grid-template-columns:minmax(0,1fr)}.rule,.rule:nth-child(-n+2){grid-column:span 3}.faq__in{grid-template-columns:1fr}.faq .shead{position:static}}@media (max-width:640px){.use,.use--wide,.rule,.rule:nth-child(-n+2){grid-column:1/-1}.faq summary{font-size:16.5px}}