@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4f6667dd39116621-s.00az9qtie3ho1.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;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/07935285219a259d-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/f58031ded4338640-s.2gwoz23eiro2t.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;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/77814b00d5ca94a4-s.0i3h3th1vs4m7.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;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/605ce01b664af129-s.p.0zr6hhvz-h9nw.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 Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.aNT6JW_className{font-family:Geist,Geist Fallback;font-style:normal}.aNT6JW_variable{--font-text:"Geist", "Geist Fallback"}
@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5fbd9980918344f2-s.1ezp49bmel24y.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:Silkscreen;font-style:normal;font-weight:400;font-display:swap;src:url(../media/cc68f550ae21708a-s.p.2-db4p8p3l7-q.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:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(../media/4feb736c6e568291-s.28_7y_h231w8p.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:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url(../media/cbb1b71f089ac5c8-s.p.3owr7cxy7kxtq.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:Silkscreen Fallback;src:local(Arial);ascent-override:68.84%;descent-override:16.71%;line-gap-override:0.0%;size-adjust:149.62%}.yvQ4fq_className{font-family:Silkscreen,Silkscreen Fallback;font-style:normal}.yvQ4fq_variable{--font-pixel:"Silkscreen", "Silkscreen Fallback"}
:root{--bg:#fff;--tint:#f8f7fa;--panel:#fff;--line:#16101f1a;--ink:#17131f;--soft:#564e63;--dim:#8b8397;--ring:#16101f1f;--pink:#e0127a;--teal:#0a9a7a;--blue:#3b4df0;--amber:#a86a00;--hot:#ff2e93;--mint:#4ff3c8;--gold:#ffd24a;--night:#0b0912;--accent:#f6b3cc;--display:var(--font-text),"Helvetica Neue",Arial,sans-serif;--body:var(--font-text),"Helvetica Neue",Arial,sans-serif;--pixel:var(--font-pixel),ui-monospace,Menlo,monospace;--gutter:clamp(16px,4vw,40px);--shadow:0 1px 2px #16101f0a,0 12px 32px -16px #16101f24;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}html,body{background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--body);-webkit-font-smoothing:antialiased;margin:0}body{overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,h4,p,ol,ul,dl,dd{margin:0;padding:0}ol,ul{list-style:none}::selection{background:var(--hot);color:#fff}:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.wrap{width:min(1120px,100%);padding-inline:var(--gutter);margin-inline:auto}.band{padding-block:clamp(72px,10vw,128px);position:relative}.eyebrow,.num{font:400 12px/1 var(--pixel);letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}h2{font:700 clamp(34px,5.2vw,58px)/1.04 var(--display);letter-spacing:-.04em;text-wrap:balance;max-width:17em}h3{font:600 22px/1.2 var(--display);letter-spacing:-.02em}h4{font:600 20px/1.2 var(--display);letter-spacing:-.02em}.sub{max-width:38em;color:var(--soft);text-wrap:pretty;margin-top:18px;font-size:19px}.fine{color:var(--dim);margin-top:18px;font-size:14px}.mini{font:400 12px/1 var(--pixel);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);align-items:center;gap:14px;margin:64px 0 18px;display:flex}.mini:after{content:"";background:var(--line);flex:1;height:1px}.pix{--s:4px;--c:var(--accent);isolation:isolate;background:color-mix(in srgb,var(--c) 42%,#000);color:#170d15;font:700 17px/1 var(--pixel);letter-spacing:.08em;white-space:nowrap;cursor:pointer;clip-path:polygon(0 8px,4px 8px,4px 4px,8px 4px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px));place-items:center;padding:17px 34px 19px;text-decoration:none;transition:transform .12s,filter .2s,background .5s;display:inline-grid;position:relative}.pix:before{content:"";inset:var(--s);background:var(--c);z-index:-1;transition:background .5s;position:absolute;box-shadow:inset 0 -4px #0000004d,inset 0 3px #ffffff59}.pix:hover{filter:brightness(1.07);transform:translateY(-2px)}.pix:active{transform:translateY(1px)}.pix.small{padding:11px 18px 12px;font-size:12px}.pix.big{padding:26px 64px 29px;font-size:26px}.pix.ghost{color:#f6eef5;background:#ffffff59}.pix.ghost:before{background:#1b1626;box-shadow:inset 0 -4px #00000059,inset 0 2px #ffffff1f}.nav{z-index:20;height:64px;padding-inline:var(--gutter);color:var(--ink);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);border-bottom:1px solid var(--line);background:#ffffffe0;align-items:center;gap:28px;display:flex;position:fixed;inset:0 0 auto}.nav-logo img{width:auto;height:26px;image-rendering:pixelated}.nav-links{gap:26px;margin-left:auto;font-size:15px;font-weight:500;display:flex}.nav-links a{color:inherit;opacity:.7;text-decoration:none;transition:opacity .15s}.nav-links a:hover{opacity:1}.nav .pix{--c:var(--mint)}@supports (animation-timeline:scroll()){.nav{animation:linear both nav-in;animation-timeline:scroll(root);animation-range:calc(min(100svh,940px) - 190px) calc(min(100svh,940px) - 70px)}}@keyframes nav-in{0%{color:#fff;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#0b091200;border-bottom-color:#0000}}.hero{--ink:#f6eef5;--soft:#b8adc4;--dim:#857a92;--ring:#ffffff40;min-height:min(100svh,940px);padding:96px var(--gutter) 38px;isolation:isolate;background:var(--night);color:var(--ink);grid-template-rows:1fr auto;display:grid;position:relative;overflow:hidden}.hero-art{z-index:-2;position:absolute;inset:0}.hero-art img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.1s,transform 7s ease-out;position:absolute;inset:0;transform:scale(1.06)}.hero-art img.on{opacity:1;transform:scale(1)}.hero-shade{z-index:-1;background:radial-gradient(62% 58% at 50% 46%,#0b0912b8,#0b09124d 60%,#0b091200),linear-gradient(#0b0912a6,#0b09121a 22%,#0b091240 62%,#0b0912d9);position:absolute;inset:0}.hero-shade:after{content:"";mix-blend-mode:multiply;opacity:.6;background:repeating-linear-gradient(#0000 0 3px,#00000024 3px 4px);position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(90deg,var(--bg) 50%,#0000 0) 0 0/16px 8px repeat-x, linear-gradient(var(--bg),var(--bg)) 0 8px/100% 8px no-repeat;height:16px;position:absolute;inset:auto 0 0}.hero-body{text-align:center;flex-direction:column;place-self:center;align-items:center;width:min(820px,100%);padding-block:20px;display:flex}.byline{color:var(--soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;font-size:15px;display:inline-flex}.byline img{object-fit:cover;width:28px;height:28px;box-shadow:0 0 0 2px var(--ring);border-radius:50%}.byline a{color:var(--ink);text-underline-offset:4px;font-weight:600;text-decoration:none}.byline a:hover{text-decoration:underline}.byline .sep{background:var(--ring);width:1px;height:14px}.hero-logo{aspect-ratio:1400/330;width:min(620px,92%);filter:drop-shadow(0 14px 34px color-mix(in srgb,var(--accent) 45%,transparent));margin-top:26px;transition:filter .8s;animation:5.2s ease-in-out infinite float;position:relative}.hero-logo img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .5s,transform .5s;position:absolute;inset:0;transform:scale(.97)}.hero-logo img.on{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-8px)}}h1{font:800 clamp(30px,8.3vw,76px)/1 var(--display);letter-spacing:-.045em;text-shadow:0 2px 24px #000000b3;margin-top:22px}h1 .with{white-space:nowrap}h1 em{color:var(--accent);font-style:normal;animation:.45s cubic-bezier(.2,.8,.2,1) both swap;display:inline-block}@keyframes swap{0%{opacity:0;translate:0 .28em}}.lede{color:#e6dcea;text-wrap:pretty;text-shadow:0 1px 12px #000;max-width:33em;margin-top:20px;font-size:clamp(17px,2vw,20px)}.cta{flex-direction:column;align-items:center;gap:16px;margin-top:30px;display:flex}.cta-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.cta-note{max-width:34em;color:var(--soft);text-shadow:0 1px 8px #000;font-size:14px}.cta-note b{color:var(--accent);font-weight:600}.access{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--soft);text-align:left;background:#0b091299;border:1px solid #ffffff24;border-radius:99px;align-items:center;gap:9px;margin-top:22px;padding:7px 14px 7px 11px;font-size:13px;display:inline-flex}.dot{background:var(--dim);border-radius:50%;flex:none;width:7px;height:7px}.dot.on{background:var(--mint);box-shadow:0 0 0 3px #4ff3c833,0 0 10px var(--mint)}.hero-levels{flex-wrap:wrap;justify-content:center;justify-self:center;gap:6px;margin-top:18px;display:flex}.hero-levels button{all:unset;cursor:pointer;font:400 11px/1 var(--pixel);letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c;align-items:center;gap:8px;padding:8px 10px;transition:color .2s;display:flex}.hero-levels button:before{content:"";background:#ffffff40;width:18px;height:5px;transition:background .3s,width .3s}.hero-levels button span{display:none}.hero-levels button.on{color:var(--accent)}.hero-levels button.on:before{background:var(--accent);width:30px;box-shadow:0 0 12px var(--accent)}.hero-levels button.on span{display:inline}.hero-levels button:hover:before{background:var(--accent)}.hero-levels button:focus-visible{outline:2px solid var(--mint)}.in-vr .hero h1{font-size:clamp(30px,8.3vw,88px)}.in-vr .cta-note{font-size:16px}.in-vr .nav-links{display:none}.in-vr .nav .pix{margin-left:auto}.in-vr .hero-levels button{padding:14px 12px}.steps li,.hand-card,.round,.bento article,.why-grid article{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:26px}.steps p,.round p,.bento p,.why-grid p{color:var(--soft);margin-top:10px;font-size:16px}.demo{text-align:center}.demo h2,.demo .sub{margin-inline:auto}.demo-frame{background:linear-gradient(135deg,var(--hot),#4a5cff 55%,var(--mint));filter:drop-shadow(0 24px 40px #4a5cff2e);clip-path:polygon(0 12px,6px 12px,6px 6px,12px 6px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 6px) calc(100% - 12px),calc(100% - 6px) calc(100% - 6px),calc(100% - 12px) calc(100% - 6px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 12px),0 calc(100% - 12px));max-width:980px;margin:44px auto 0;padding:6px}.demo-bar{height:34px;font:400 10px/1 var(--pixel);letter-spacing:.16em;color:#857a92;background:#0e0b16;align-items:center;gap:7px;padding-inline:14px;display:flex}.demo-bar i{background:var(--hot);width:9px;height:9px}.demo-bar i:nth-child(2){background:var(--gold)}.demo-bar i:nth-child(3){background:var(--mint)}.demo-bar span{margin-left:auto}.demo-screen{aspect-ratio:16/9;background:#000;position:relative}.demo-screen iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.demo-poster{all:unset;box-sizing:border-box;cursor:pointer;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.demo-poster:disabled{cursor:default}.demo-poster img{object-fit:cover;filter:brightness(.7)saturate(1.1);width:100%;height:100%;transition:transform .8s,filter .4s;position:absolute;inset:0}.demo-poster:not(:disabled):hover img{filter:brightness(.82)saturate(1.1);transform:scale(1.03)}.demo-play{color:#170d15;background:#fff;border-radius:50%;place-items:center;width:84px;height:84px;padding-left:4px;transition:transform .2s;display:grid;position:relative;box-shadow:0 0 0 10px #fff3,0 10px 40px #000000a6}.demo-poster:not(:disabled):hover .demo-play{transform:scale(1.08)}.demo-poster:disabled .demo-play{opacity:.6}.demo-label{font:400 12px/1 var(--pixel);letter-spacing:.16em;color:#fff;text-shadow:0 1px 8px #000;position:absolute;bottom:22px;left:0;right:0}.demo-poster:focus-visible{outline:3px solid var(--mint);outline-offset:-3px}.how{background:var(--tint)}.steps{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;display:grid}.steps .num{color:var(--pink);margin-bottom:18px;font-size:22px;display:block}.steps .quiet,.quiet{border-top:1px dashed var(--line);color:var(--dim);margin-top:14px;padding-top:12px;font-size:13.5px}.hands{grid-template-columns:3fr 1fr;gap:16px;display:grid}.hand-card{--c:var(--teal);--glow:#12414a;padding:22px 22px 24px;position:relative;overflow:hidden}.hand-card.right{--c:var(--pink);--glow:#4a1d4f}.hand-card:before{content:"";background:var(--c);height:4px;position:absolute;inset:0 0 auto}.hand-card h4{align-items:center;gap:10px;display:flex}.hand-card h4:before{content:"";background:var(--c);width:10px;height:10px}.shots{grid-auto-columns:1fr;grid-auto-flow:column;gap:16px;margin-top:18px;display:grid}.shots figure{margin:0;position:relative}.shot{aspect-ratio:1;background:radial-gradient(ellipse at 50% 115%,var(--glow) 0,#151027 58%,#0d0a16 100%);border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.shot img{object-fit:contain;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.shots figure:hover .shot img{transform:scale(1.06)}.shots figure+figure:before{content:"";z-index:1;background:var(--c);clip-path:polygon(0 0,40% 0,40% 20%,60% 20%,60% 40%,80% 40%,80% 60%,60% 60%,60% 80%,40% 80%,40% 100%,0 100%);width:10px;height:10px;position:absolute;top:calc(50% - 2.6em);left:-13px}.shots figcaption{min-height:4.2em;color:var(--soft);margin-top:12px;font-size:15px;line-height:1.4}.shots figcaption b{font:600 18px/1.2 var(--display);letter-spacing:-.02em;color:var(--ink);margin-bottom:3px;display:block}.pixels{fill:#f6eef5;width:46%;height:auto;display:block}.pixels .a{fill:color-mix(in srgb,var(--c) 55%,#fff)}.rounds{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.round{padding:0;overflow:hidden}.round>h4,.round>p{margin-inline:26px;display:block}.round>h4{margin-top:24px;font-size:26px}.round>p{margin-bottom:28px}.mock{background:radial-gradient(at 50% 120%,#3a1d5c 0,#17112a 55%,#0d0a16 100%);place-items:center;height:270px;display:grid;position:relative;overflow:hidden}.mock.two{background:radial-gradient(at 50% 120%,#12414a 0,#101a2c 55%,#0b0a16 100%)}.mock .bar{width:min(300px,76%);font:400 10px/1 var(--pixel);color:#fff;align-items:center;gap:10px;display:flex;position:absolute;top:16px;left:50%;translate:-50%}.mock .bar i{background:#ffffff26;flex:1;height:8px;position:relative}.mock .bar i:after{content:"";width:var(--fill);background:var(--mint);box-shadow:0 0 10px var(--mint);position:absolute;inset:0 auto 0 0}.mail{color:#1d1524;text-align:left;background:#f7efe6;border-radius:6px;gap:5px;width:210px;padding:14px 16px 16px;font-size:14px;line-height:1.25;display:grid;position:relative;box-shadow:0 18px 40px #00000080}.mail b{font:700 16px/1.2 var(--display)}.mail small{color:#6c6076;font-size:12px}.tag{background:var(--t);color:#170d15;font:700 9px/1 var(--pixel);letter-spacing:.1em;justify-self:start;padding:4px 6px}.mail.cut{animation:4s ease-in-out infinite bob;rotate:-5deg}.mail.cut:after{content:"";background:linear-gradient(90deg,#0000,#fff 20%,var(--hot) 60%,#0000);height:3px;box-shadow:0 0 16px var(--hot),0 0 4px #fff;position:absolute;top:50%;left:-34px;right:-34px;rotate:-24deg}@keyframes bob{50%{translate:0 -6px}}.float{font:700 11px/1 var(--pixel);letter-spacing:.14em;position:absolute}.float.saved{color:var(--gold);text-shadow:0 0 12px #ffd24a99;top:38%;left:11%;rotate:-8deg}.float.later{color:#ffffff8c;top:14%;right:8%}.mock.two{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 14px 44px}.mock.two .mail{width:176px;scale:.94}.bubble{color:#e8f4ff;background:#1f2b45;border:1px solid #7dd3fc66;border-radius:12px;max-width:150px;padding:11px 13px;font-size:13px;line-height:1.3;box-shadow:0 0 22px #7dd3fc26}.bubble.l{justify-self:end}.bubble.r{background:#33203c;border-color:#ff6ec766;justify-self:start;box-shadow:0 0 22px #ff6ec726}.mic{width:44px;height:44px;color:var(--mint);box-shadow:0 0 0 2px var(--mint),0 0 0 7px #4ff3c826,0 0 22px #4ff3c866;background:#170d15;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:18px;left:50%;translate:-50%}.outcomes{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.outcomes div{border-left:1px solid var(--line);padding:20px 22px}.outcomes div:first-child{border-left:0}.outcomes dt{font:400 12px/1 var(--pixel);letter-spacing:.14em;text-transform:uppercase;color:var(--pink)}.outcomes dd{color:var(--soft);margin-top:10px;font-size:15.5px}.bento{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px;display:grid}.bento .wide{grid-column:1/-1}.bento article h3{font-size:24px}.bento .wide p{max-width:44em}.chips{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.chips li{font:700 10px/1 var(--pixel);letter-spacing:.1em;text-transform:uppercase;color:#170d15;background:var(--t);padding:7px 9px 8px}.bento .keep{background:linear-gradient(135deg,#e9fbf5,#fff 62%);border-color:#0a9a7a47}.bento .keep h3{color:var(--teal)}.ticks{color:var(--ink);gap:9px;margin-top:18px;font-size:15.5px;display:grid}.bento .ticks{grid-template-columns:repeat(2,1fr);gap:10px 28px}.ticks li{padding-left:24px;position:relative}.ticks li:before{content:"";background:var(--teal);clip-path:polygon(0 50%,25% 50%,25% 75%,50% 75%,50% 50%,75% 50%,75% 25%,100% 25%,100% 0,75% 0,75% 25%,50% 25%,50% 50%,25% 50%,25% 25%,0 25%);width:12px;height:8px;position:absolute;top:.42em;left:0}.note{color:var(--soft);border:1px dashed #16101f33;border-radius:16px;align-items:baseline;gap:12px;margin-top:22px;padding:16px 20px;font-size:14.5px;display:flex}.note b{color:var(--ink);font-weight:600}.note .dot{translate:0 -1px}.why{background:var(--tint)}.why-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;margin-top:48px;display:grid}.why-grid article{flex-direction:column;display:flex}.more{color:var(--teal);margin-top:auto;padding-top:18px;font-size:14.5px;font-weight:600;text-decoration:none}.more:hover{text-underline-offset:4px;text-decoration:underline}.venn{justify-content:center;align-items:center;height:124px;margin:22px 0 34px;display:flex;position:relative}.venn span{width:124px;height:124px;font:400 10px/278px var(--pixel);letter-spacing:.12em;text-align:center;white-space:nowrap;color:var(--pink);background:#e0127a1a;border-radius:50%;display:block;box-shadow:inset 0 0 0 1.5px #e0127a99}.venn span:last-child{color:var(--teal);background:#0a9a7a1a;margin-left:-44px;box-shadow:inset 0 0 0 1.5px #0a9a7a99}.venn b{font:700 9px/1.25 var(--pixel);letter-spacing:.06em;color:var(--ink);text-align:center;position:absolute}.levels{padding-bottom:0}.levels>.wrap{margin-bottom:clamp(40px,6vw,72px)}.level{isolation:isolate;width:min(1240px,100%);padding:clamp(24px,4vw,44px) var(--gutter);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4.5vw,60px);margin-inline:auto;display:grid;position:relative}.level:before{content:"";z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 30%,transparent),#0000);pointer-events:none;position:absolute;inset:4% 24% 4% -4%}.level:nth-of-type(2n){grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}.level:nth-of-type(2n) .scene{order:2}.level:nth-of-type(2n):before{inset:4% -4% 4% 24%}.scene{aspect-ratio:16/9;box-shadow:0 0 0 1px #16101f24,0 30px 60px -28px color-mix(in srgb,var(--accent) 60%,#16101f);background:#0d0a16;border-radius:16px;transition:box-shadow .4s,transform .4s cubic-bezier(.2,.7,.2,1);display:block;position:relative;overflow:hidden}.scene-art{object-fit:cover;width:100%;height:100%;transition:transform 1.4s cubic-bezier(.2,.7,.2,1),filter .5s;position:absolute;inset:0}.scene-shade{background:radial-gradient(60% 70% at 50% 58%,#0d0a1680,#0d0a1626 70%,#0d0a1600),linear-gradient(#0d0a1666,#0d0a1600 34%);transition:opacity .5s;position:absolute;inset:0}.scene-3d{pointer-events:none;opacity:0;background:0 0;border:0;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.scene.live .scene-3d{opacity:1}.scene-logo{filter:drop-shadow(0 6px 16px #000000a6);width:44%;height:auto;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;top:5%;left:50%;translate:-50%}@media (hover:hover){.scene:hover{box-shadow:0 0 0 2px var(--accent),0 0 44px -6px var(--accent),0 34px 70px -26px color-mix(in srgb,var(--accent) 70%,#16101f);transform:translateY(-3px)}.scene:hover .scene-art{filter:saturate(1.2)brightness(1.08);transform:scale(1.07)}.scene:hover .scene-logo{transform:scale(1.05)}}.level-words h3{font:700 clamp(30px,3.4vw,42px)/1.02 var(--display);letter-spacing:-.04em}.level-words p{color:var(--soft);text-wrap:pretty;max-width:26em;margin:14px 0 24px;font-size:18px}.foot{border-top:1px solid var(--line);background:var(--tint);margin-top:clamp(56px,8vw,104px)}.foot-scene{padding:clamp(72px,10vw,128px) var(--gutter) 0;text-align:center}.foot-words{flex-direction:column;align-items:center;width:min(820px,100%);margin-inline:auto;display:flex}.foot h2{max-width:none;font-size:clamp(32px,5.4vw,62px)}.foot h2 a{color:var(--pink);background:linear-gradient(currentColor,currentColor) 0 100%/0 3px no-repeat;text-decoration:none;transition:background-size .3s}.foot h2 a:hover{background-size:100% 3px}.tools{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;display:flex}.tools a{background:#fff;border:1px solid #16101f29;border-radius:99px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:block}.tools a:hover{border-color:var(--teal);color:var(--teal)}.foot-art{border-radius:16px 16px 0 0;width:min(1200px,100%);margin:clamp(40px,6vw,64px) auto 0;overflow:hidden;box-shadow:0 0 0 1px #16101f24,0 -20px 60px -30px #f6b3ccb3}.foot-art img{aspect-ratio:3;object-fit:cover;object-position:50% 62%;width:100%}.foot-bar{padding:18px var(--gutter);border-top:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:14px 20px;display:flex}.foot-logo{width:auto;height:24px;image-rendering:pixelated}.grow{flex:1}.icon{width:36px;height:36px;color:var(--soft);background:#16101f0d;border-radius:50%;place-items:center;transition:color .2s,background .2s;display:grid}.icon:hover{color:var(--ink);background:#16101f1a}.foot-bar .pix{--c:var(--mint)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.steps li,.hand-card,.round,.bento article,.why-grid article,.scene,.level-words,.demo-frame,.outcomes,.foot-art{animation:linear both rise;animation-timeline:view();animation-range:entry entry 38%}}}@keyframes rise{0%{opacity:0;translate:0 34px}}@media (max-width:900px){.steps,.hands,.why-grid,.rounds{grid-template-columns:1fr}.outcomes{grid-template-columns:repeat(2,1fr)}.outcomes div:nth-child(3){border-left:0}.outcomes div:nth-child(n+3){border-top:1px solid var(--line)}.level,.level:nth-of-type(2n){grid-template-columns:1fr}.level:nth-of-type(2n) .scene{order:0}.level:before,.level:nth-of-type(2n):before{inset:0 0 40%}.bento .ticks{grid-template-columns:1fr}}@media (max-width:640px){html,body{font-size:16px}.nav{gap:14px}.nav-links{display:none}.nav .pix{margin-left:auto}.bento{grid-template-columns:1fr}.shots{grid-auto-flow:row;gap:12px}.shots figure{grid-template-columns:104px 1fr;align-items:center;gap:14px;display:grid}.shots figcaption{min-height:0;margin:0}.shots figure+figure:before,.byline .sep{display:none}.hero{padding-top:84px}.pix.big{padding:22px 40px 25px;font-size:22px}.cta-row{flex-direction:column;align-self:stretch}.mock.two{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:10px;height:auto;padding:14px 12px 62px}.mock.two .mail{grid-area:1/1/auto/-1;justify-self:center}.mock.two .bubble{justify-self:stretch;max-width:none}.float.later{top:auto;bottom:30px}.access{border-radius:14px}.foot-bar .grow{display:none}.foot-art img{aspect-ratio:2}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-logo,.mail.cut,h1 em{animation:none}.hero-art img{transition:opacity .4s}}
