.buddy{z-index:45;right:calc(22px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));width:65px;height:70px;transition:transform .6s var(--spring), opacity .3s;position:fixed}.buddy.away{opacity:0;pointer-events:none;transform:translateY(150%)}.buddy button{all:unset;cursor:grab;touch-action:none;transform-origin:50% 100%;width:65px;height:70px;display:block}.buddy{-webkit-user-select:none;user-select:none}.buddy.held{transform-origin:50% 0;z-index:47;transition:none}.buddy.held button{cursor:grabbing}.buddy button:focus-visible{outline:2px solid var(--fg);outline-offset:4px;border-radius:4px}.buddy .me{width:65px;height:70px}.buddy .prop{width:21px;height:21px;transition:transform .45s var(--spring), opacity .3s;margin-right:8px;position:absolute;bottom:4px;right:100%}.buddy .prop.out{opacity:0;transform:translateY(10px)scale(.4)}.bubble{background:var(--fg);color:#0a0a0b;font:500 14px var(--sans);white-space:nowrap;transform-origin:85% 100%;transition:transform .35s var(--spring), opacity .2s;pointer-events:none;border-radius:12px;margin-bottom:8px;padding:8px 13px;position:absolute;bottom:100%;right:30px}.bubble:after{content:"";border:6px solid #0000;border-top-color:var(--fg);border-bottom:0;position:absolute;top:100%;right:14px}.bubble.out{opacity:0;transform:scale(.6)translateY(6px)}.hop{animation:hop .55s var(--ease)}@keyframes hop{0%{transform:none}15%{transform:scale(1.1,.85)}45%{transform:translateY(-26px)scale(.94,1.08)}75%{transform:scale(1.08,.9)}to{transform:none}}.float-px{z-index:46;pointer-events:none;image-rendering:pixelated;animation:floatup 1.4s var(--ease) forwards;position:fixed}@keyframes floatup{to{opacity:0;transform:translateY(-46px)}}.love{width:21px;height:21px;margin-left:calc(-10px + var(--x,0px));pointer-events:none;animation:1.2s steps(14,end) forwards love;position:absolute;bottom:86%;left:50%}.love canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.love:after{content:"";opacity:0;background:#fff;width:3px;height:3px;animation:1.2s step-end forwards twinkle;position:absolute;top:-3px;right:-6px;box-shadow:3px 0 #fff,-3px 0 #fff,0 3px #fff,0 -3px #fff}@keyframes love{0%{transform:translateY(8px)scale(0)}12%{transform:translateY(-2px)scale(1.2)}22%{transform:translateY(-6px)scale(1)}55%{transform:translate(var(--sway), -22px) scale(1)}85%{transform:translateY(-34px)scale(.9)}to{transform:translate(calc(var(--sway) * -.4), -40px) scale(0)}}@keyframes twinkle{40%{opacity:1}48%{opacity:0}56%{opacity:1;transform:scale(.6)}62%{opacity:0}}.vfx{z-index:46;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.vfx.vfx-local{z-index:5;width:auto;height:auto;position:absolute}@media (width<=620px){.buddy,.buddy button,.buddy .me{width:52px;height:56px}}.footer{border-top:1px solid var(--line);background:var(--bg);margin-top:56px;position:relative;overflow:hidden}.foot{grid-template-columns:1.5fr 1fr 1fr;gap:40px;padding-block:64px 40px;display:grid}.foot .brand{font-size:20px}.foot p{color:var(--mute);max-width:34ch;margin-top:16px;font-size:15px;line-height:1.6}.foot h4{font:500 14px var(--sans);color:var(--dim);letter-spacing:0;margin:0 0 16px}.foot ul{gap:12px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.foot ul a{color:var(--fg);opacity:.85;text-decoration:none;transition:opacity .2s}.foot ul a:hover{opacity:1}.foot ul .ph{color:var(--dim)}.community{isolation:isolate;color:var(--fg);align-items:center;gap:22px;margin-bottom:48px;padding:26px 28px;text-decoration:none;transition:border-color .3s,background .3s;display:flex;position:relative;overflow:hidden}.community:hover{border-color:var(--line2);background:var(--panel2)}.community canvas{z-index:-1;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 30%,#000 75%);mask-image:linear-gradient(90deg,#0000 30%,#000 75%)}.community-mark{width:40px;height:36px;color:var(--orange);transition:transform .45s var(--spring);flex:none}.community:hover .community-mark{transform:translateY(-4px)rotate(-6deg)}.community-text{gap:2px;margin-right:auto;display:grid}.community-text b{font:500 20px var(--sans);letter-spacing:-.02em}.community-text span{color:var(--mute);font-size:15px}.community .btn{flex:none}.community:hover .arr{transform:translate(3px)}.footbig{height:clamp(170px,24vw,340px);position:relative}.word{transform-origin:50% 100%;font:600 clamp(110px, 24vw, 360px)/.74 var(--sans);letter-spacing:-.06em;color:#16161a;white-space:nowrap;-webkit-user-select:none;user-select:none;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.footbig .sky{pointer-events:none;width:100%;height:100%;position:absolute;bottom:6px;left:0}.stripe{height:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.stripe i{flex:1}.lane{pointer-events:none;position:absolute;inset:0 0 6px}.lane .walker{width:66px;height:72px;position:absolute;bottom:0}@media (width<=980px){.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}}@media (width<=620px){.community{flex-wrap:wrap;gap:16px;padding:22px}.community-text{flex:200px}.community .btn{justify-content:center;width:100%}.lane .walker{width:44px;height:48px}}.nav{top:env(safe-area-inset-top,0px);z-index:50;border-bottom:1px solid #0000;transition:background .3s,border-color .3s;position:sticky}.nav.scrolled{-webkit-backdrop-filter:blur(16px)saturate(1.4);border-color:var(--line);background:#08080ac7}.nav .w{grid-template-columns:1fr auto 1fr;align-items:center;height:68px;display:grid}.brand{font:600 20px var(--sans);letter-spacing:-.03em;color:var(--fg);justify-self:start;align-items:center;gap:10px;text-decoration:none;display:flex}.brand .mark{width:30px;height:auto;color:var(--fg);transition:transform .5s var(--spring)}.brand:hover .mark{transform:rotate(-8deg)scale(1.06)}.links{gap:4px;display:flex}.links a{color:var(--mute);border-radius:999px;padding:8px 14px;font-size:15px;text-decoration:none;transition:color .2s}.links a:hover,.links a.on{color:var(--fg)}.nav .right{justify-self:end;align-items:center;gap:8px;display:flex}.nav .btn{height:38px;padding:0 16px;font-size:14px}.menu-btn{width:42px;height:42px;color:var(--fg);cursor:pointer;background:#ffffff14;border:0;border-radius:999px;display:none}.menu-btn i{background:currentColor;width:15px;height:1.5px;margin:4px auto;transition:transform .3s;display:block}.sheet{display:none}@media (width<=820px){.nav .w{grid-template-columns:1fr auto}.links,.nav .right .btn{display:none}.menu-btn{display:block}.sheet{z-index:49;background:var(--bg);padding:calc(100px + env(safe-area-inset-top,0px)) max(20px, env(safe-area-inset-right,0px)) 40px max(20px, env(safe-area-inset-left,0px));transition:transform .5s var(--ease);display:block;position:fixed;inset:0;transform:translateY(-100%)}.sheet.open{transform:none}.sheet>a{font:500 42px/1.35 var(--sans);letter-spacing:-.04em;color:var(--dim);text-decoration:none;display:block}.sheet>a.on{color:var(--fg)}.sheet .btns{margin-top:28px}.nav.menu-open .menu-btn i:first-child{transform:translateY(2.75px)rotate(45deg)}.nav.menu-open .menu-btn i:last-child{transform:translateY(-2.75px)rotate(-45deg)}}.accordion{border-bottom:1px solid var(--line)}.accordion:first-child{border-top:1px solid var(--line)}.accordion h3{font-size:inherit}.accordion h3>button{text-align:left;width:100%;color:var(--fg);font:500 18px var(--sans);letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.accordion-plus{width:14px;height:14px;transition:transform .45s var(--ease);flex-shrink:0}.accordion-plus canvas{width:14px;height:14px;display:block}.accordion.is-open .accordion-plus{transform:rotate(45deg)}.accordion-body{opacity:0;transition:grid-template-rows .45s var(--ease), opacity .3s;grid-template-rows:0fr;display:grid}.accordion-body>div{overflow:hidden}.accordion-body p{color:var(--mute);max-width:54ch;margin:0;padding:0 0 22px;font-size:16px;line-height:1.55}.accordion.is-open .accordion-body{opacity:1;grid-template-rows:1fr}.pixel-doodle{width:34px;height:34px;color:var(--gold);animation:7s ease-in-out infinite alternate doodle-drift;display:block}.pixel-doodle svg{width:100%;height:100%;transform:rotate(var(--tilt,-12deg));animation:11s step-end infinite doodle-turn;display:block;overflow:visible}.pixel-doodle rect{transform-box:fill-box}.pixel-doodle:nth-of-type(2n){animation-duration:9s;animation-delay:-3s}.pixel-doodle:nth-of-type(2n) svg{animation-duration:13s;animation-delay:-6s}.pixel-doodle:nth-of-type(3n) svg{animation-delay:-2s}@keyframes doodle-turn{0%,90%{transform:rotate(var(--tilt,-12deg))}92%{transform:rotate(calc(var(--tilt,-12deg) + 45deg)) scale(1.15)}94%,to{transform:rotate(calc(var(--tilt,-12deg) + 90deg))}}@keyframes doodle-drift{0%{translate:0 3px}to{translate:3px -7px}}@media (prefers-reduced-motion:reduce){.pixel-doodle,.pixel-doodle svg{animation:none}}.hero-doodle-anchor,.page-with-doodles{position:relative}.hero-mark{width:27px;height:27px;position:absolute}.hero-mark-left{top:155px;left:5%}.hero-mark-right{top:285px;right:5%}.features-mark{width:32px;height:32px;position:absolute;top:58%;right:9%}.feature-doodle{aspect-ratio:1;width:3%;height:auto;position:absolute;top:7%;right:4%}.cover-doodle{width:34px;height:34px;position:absolute;top:10%;left:6%}@media (width<=700px){.hero-mark,.features-mark{display:none}.cover-doodle{width:25px;height:25px}}.hero{text-align:center;padding-block:84px 0}.hero .h1{max-width:12ch;margin:0 auto}.uline{white-space:nowrap;display:inline-block;position:relative}.uline svg{width:102%;height:.16em;position:absolute;bottom:-.06em;left:-1%;overflow:visible}.uline path{fill:none;stroke:url(#tailGrad);stroke-width:6px;stroke-linecap:round}.hero .lead{text-align:center;margin:26px auto 0}.hero .btns{justify-content:center;margin-top:32px}.stage{margin-top:64px;padding:7% 6% 0}.device{background:#060607;border-radius:26px 26px 0 0;max-width:1060px;margin:0 auto -1px;padding:1.1% 1.1% 0;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a,0 -30px 80px -20px #00000073}.screen{aspect-ratio:16/9.4;background:var(--app);color:var(--appfg);border-radius:16px 16px 0 0;position:relative;overflow:hidden;container-type:inline-size}.hero-buddy{z-index:3;pointer-events:none;width:100%;height:72px;position:absolute;bottom:100%;left:0}.hero-buddy .walker{width:66px;height:72px;position:absolute;bottom:0}.hero+section{padding-top:clamp(104px,13vw,176px)}.cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.card{align-content:start;gap:8px;padding:30px 30px 32px;transition:background .3s,border-color .3s;display:grid}.card:hover{background:var(--panel2);border-color:var(--line2)}.card canvas{width:28px;height:28px;margin-bottom:28px}.card h3{letter-spacing:-.02em;font-size:19px}.card p{color:var(--mute);max-width:32ch;font-size:15px}.feature{min-height:620px;display:grid}.feature .nbstage{cursor:pointer;place-items:center;display:grid;position:absolute;inset:0 0 0 38%}.feature .nbstage:before{content:"";filter:blur(8px);background:radial-gradient(closest-side,#0009,#0000);border-radius:50%;width:36%;height:7%;position:absolute;bottom:13%}.bignb{aspect-ratio:3/4;height:68%;animation:6s ease-in-out infinite floaty;position:relative}.bignb .cover{border-radius:2% 4% 4% 2%/1.5% 3% 3% 1.5%;box-shadow:0 40px 70px -20px #0009}@keyframes floaty{50%{transform:translateY(-10px)rotate(-1deg)}}.feature .txt{align-self:end;gap:16px;max-width:520px;padding:56px;display:grid;position:relative}.feature .txt p{color:#ffffffd1;max-width:36ch;font-size:17px}.duo{grid-template-columns:1.3fr 1fr;gap:12px;display:grid}.tile{align-content:start;gap:14px;padding:44px;display:grid}.tile p{color:var(--mute);max-width:40ch;font-size:17px}.tile.art{border:0;align-content:end;min-height:320px}.tile.art p{color:#ffffffd9}.road{grid-template-columns:repeat(4,1fr);margin-top:26px;display:grid;position:relative}.road.playful{margin-top:196px}.road-scene{z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;top:0;left:0}.road-scene .px{display:block}.road-actor{opacity:0;width:1px;height:1px;position:absolute;bottom:0;left:0}.road div{padding-top:28px;font-size:16px;font-weight:500;position:relative}.road div:before{content:"";background:#2c2c33;width:14px;height:14px;position:absolute;top:0;left:0}.road div:after{content:"";background:repeating-linear-gradient(90deg,#34343b 0 4px,#0000 4px 8px);height:2px;position:absolute;top:6px;left:22px;right:10px}.road div:last-child:after{display:none}.road div.drawn:after{visibility:hidden}.road div.now:before{background:var(--orange);animation:1.2s step-end infinite blinkpx}@keyframes blinkpx{50%{background:var(--pink)}}.fan{height:480px;margin-top:56px;position:relative}.fc{width:280px;color:var(--fg);transition:transform .6s var(--spring), background .3s, border-color .3s;transform:translateX(-50%) translateX(calc(var(--i) * 262px)) translateY(calc(var(--d) * 20px)) rotate(calc(var(--i) * 3.5deg));padding:10px 10px 22px;text-decoration:none;position:absolute;top:0;left:50%}.fc:hover{transform:translateX(-50%) translateX(calc(var(--i) * 262px)) translateY(calc(var(--d) * 20px - 14px)) rotate(calc(var(--i) * 2deg));background:var(--panel2);border-color:var(--line2);z-index:2}.fc .img{aspect-ratio:4/3;border-radius:16px;place-items:center;display:grid}.fc .img canvas{aspect-ratio:1;width:26%;height:auto}.fc h3{letter-spacing:-.02em;margin:18px 12px 6px;font-size:19px}.fc p{color:var(--mute);margin:0 12px;font-size:14.5px;line-height:1.5}.fc .more{margin:16px 12px 0;font-size:14px}.frow{padding-block:64px;scroll-margin-top:70px}.fhead{grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:32px;display:grid}.fhead .lead{justify-self:end}.fhead canvas{width:24px;height:24px;margin-bottom:22px}.fcard{aspect-ratio:16/9.6;container-type:inline-size}.desk-scene{border-radius:var(--r);background:#110e0d;place-items:center;height:440px;margin-top:56px;display:grid;position:relative;overflow:hidden}.desk-scene .px{display:block}.arows{margin-top:72px}.arow{border-top:1px solid var(--line);grid-template-columns:1fr 1.6fr;gap:48px;padding-block:48px;display:grid}.arow p{color:var(--mute);max-width:52ch;font-size:18px}.arows .arow:last-child{border-bottom:1px solid var(--line)}.about-cta{padding-block:72px 0}.about-cta .tile{min-height:300px}.faq{display:grid}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{cursor:pointer;font:500 18px var(--sans);letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary canvas{width:14px;height:14px;transition:transform .4s var(--spring)}.faq details[open] summary canvas{transform:rotate(45deg)}.faq .ans>p{color:var(--mute);max-width:54ch;padding-bottom:22px;font-size:16px}@media (width<=1360px){.fan{scroll-snap-type:x mandatory;scrollbar-width:none;height:auto;padding:8px max(20px, env(safe-area-inset-left,0px)) 20px;gap:12px;margin-top:40px;display:flex;overflow-x:auto}.fan::-webkit-scrollbar{display:none}.fc,.fc:hover{scroll-snap-align:center;flex:0 0 272px;position:relative;left:auto;transform:none}}@media (width<=980px){.duo,.arow,.fhead{grid-template-columns:1fr}.fhead .lead{justify-self:start}.cards{grid-template-columns:repeat(2,1fr)}.feature{min-height:0}.feature .nbstage{height:420px;position:relative;inset:auto}.feature .txt{padding:0 32px 40px}.desk-scene{height:260px}}@media (width<=620px){.hero{padding-top:56px}.hero+section{padding-top:84px}.cards{grid-template-columns:1fr}.card{padding:26px}.card canvas{margin-bottom:18px}.tile{padding:30px 24px}.stage{margin-top:44px;padding:12% 4% 0}.road{grid-template-columns:1fr 1fr;row-gap:24px}.fcard{aspect-ratio:4/3.4}.fcard .scr{width:92%}.hero-buddy .walker{width:44px;height:48px}.hero-buddy{height:48px}.frow{padding-block:44px}}.pc{aspect-ratio:4/5;scroll-snap-align:start;flex:0 0 clamp(272px,29vw,384px);container-type:inline-size}.pc .ui{place-items:center;display:grid;position:absolute;inset:0 0 20%}.pc .ui>*{transition:transform .7s var(--ease)}.pc:hover .ui>*{transform:translateY(-1.5cqw)scale(1.02)}.u-nb{aspect-ratio:3/4;width:44cqw;position:relative}.u-nb .cover{border-radius:2% 4% 4% 2%/1.5% 3% 3% 1.5%;box-shadow:0 5cqw 9cqw -3cqw #0009}.u-canvas{aspect-ratio:1/.86;border-radius:4cqw;width:74cqw;position:relative;overflow:hidden}.u-canvas .inf{background:#131317e6}.u-pdf{aspect-ratio:100/62;width:84cqw;position:relative;container-type:inline-size}.u-pdf .slide{top:6cqw;left:10cqw;box-shadow:0 3cqw 6cqw -2cqw #0000008c}.u-pdf .slide.under{background:#e9e7e1;transform:translate(3cqw,4cqw)rotate(4deg)}.u-fold{aspect-ratio:1.45;--c:#4b4690;width:70cqw;position:relative}.u-fold .back{background:var(--c);filter:brightness(.7);border-radius:4cqw;position:absolute;inset:0}.u-fold .back:before{content:"";background:inherit;border-radius:3cqw 3cqw 0 0;width:40%;height:8cqw;position:absolute;top:-3.6cqw;left:0}.u-fold .peek{aspect-ratio:3/4;width:24%;transform:rotate(var(--rot,0deg));transition:transform .6s var(--spring);background-size:cover;border-radius:1cqw 1.6cqw 1.6cqw 1cqw;position:absolute;top:7%;box-shadow:0 1cqw 2.4cqw #00000059}.u-fold .peek.p{background:#f4f2ee}.pc:hover .u-fold .peek,.u-fold.open .peek{transform:translateY(-6cqw) rotate(var(--rot,0deg))}.u-fold .front{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 86%, white), var(--c));border-radius:3.6cqw 4cqw 4cqw;flex-direction:column;justify-content:flex-end;padding:4cqw 5cqw;display:flex;position:absolute;inset:34% 0 0;box-shadow:0 -1cqw 3cqw #0000004d,inset 0 0 0 1px #ffffff1f}.u-fold b{font:600 5cqw/1.1 var(--sans);color:#fff;letter-spacing:-.02em}.u-fold small{color:#ffffffbf;font-size:3.6cqw}.u-wheel{aspect-ratio:1;filter:drop-shadow(0 5cqw 7cqw #00000073);width:76cqw}.u-wheel svg{width:100%;height:100%;display:block}.u-paper{justify-items:center;gap:5cqw;display:grid}.u-paper .pg{aspect-ratio:3/4;border-radius:1.6cqw;width:40cqw;transition:background-color .4s;box-shadow:0 5cqw 9cqw -3cqw #00000080}.u-paper .bar{border-radius:99px;align-items:center;gap:2.6cqw;padding:2.4cqw 3.2cqw;display:flex}.u-paper .bar i{border-radius:50%;width:6.6cqw;height:6.6cqw;position:relative;box-shadow:inset 0 0 0 1px #fff3}.u-paper .bar i.on:after{content:"";border:.5cqw solid #fff;border-radius:50%;position:absolute;inset:-1.1cqw}.u-paper .bar hr{background:#ffffff2e;border:0;width:1px;height:6cqw;margin:0 .6cqw}.u-paper .bar i.pp{border-radius:1.2cqw}.u-paper .bar i.pp.on:after{border-radius:2cqw}.ways{padding-block:72px 110px}.ways-head{justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px;display:flex}.ways-head .h2{max-width:16ch;font-family:var(--display);font-weight:500}.ways-head p{max-width:45ch;color:var(--mute);margin-top:18px;font-size:17px}.ways-head .more{flex:none;margin-bottom:6px}.ways-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1.15fr .85fr;gap:16px;height:640px;display:grid}.ways-card{aspect-ratio:auto;width:auto;min-width:0;min-height:0}.ways-card:first-child{grid-row:span 2}.ways-card .cap{padding:36px}.ways-card .cap h3{font-size:22px}.ways-card .cap p{font-size:15px}.ways-card:first-child .u-canvas{width:77cqw}.ways-card:not(:first-child) .ui{inset:0 0 30%}.ways-card:nth-child(2) .u-pdf{width:72cqw}.ways-card:nth-child(3) .u-fold{width:46cqw}.feature{min-height:610px}.feature .txt{gap:18px;max-width:540px}.feature .txt .h2{font-family:var(--display);font-weight:500}.feature .nbstage{cursor:default}.cover-control{border-top:1px solid #ffffff59;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:8px;padding-top:20px;display:flex}.cover-control span{color:#ffffffb3;white-space:nowrap;width:6.5em;font-size:15px}.cover-control button{color:#fff;font:500 15px var(--sans);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.cover-control button:hover .arr{transform:translate(3px)}.cover-control button:focus-visible{outline-color:#fff}@media (width<=700px){.ways{padding-block:66px}.ways-head{margin-bottom:28px;display:block}.ways-head .more{margin-top:22px}.ways-grid{flex-direction:column;height:auto;display:flex}.ways-card{min-height:280px}.ways-card:first-child{min-height:440px}.ways-card .cap{padding:26px}.ways-card:first-child .u-canvas{width:75cqw}.ways-card:not(:first-child){aspect-ratio:1/1.05;min-height:0}.ways-card:nth-child(2) .u-pdf{width:90cqw}.ways-card:not(:first-child) .ui{inset:0 0 36%}.ways-card:nth-child(3) .u-fold{width:56cqw}.feature{min-height:0}.feature .nbstage{height:370px}.feature .txt{padding:0 28px 34px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08080a;--panel:#111114;--panel2:#18181c;--line:#ffffff14;--line2:#ffffff24;--fg:#f5f5f4;--mute:#a6a6ae;--dim:#74747c;--app:#111114;--app2:#18181c;--app3:#212127;--appfg:#edece8;--pink:#d9487a;--red:#e0402e;--orange:#f28a2e;--navy:#3e3a6d;--gold:#f6c453;--blue:#5c8df0;--green:#3fb27a;--lilac:#b9a6f0;--sans:"Geist", "Inter", "Segoe UI", system-ui, sans-serif;--display:"Funnel Display", "Geist", "Segoe UI", system-ui, sans-serif;--hand:"Caveat", "Bradley Hand", "Segoe Print", cursive;--r:24px;--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.3,1.4,.5,1)}*{box-sizing:border-box}html,body{overscroll-behavior-y:none}body{background:var(--bg);color:var(--fg);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg);position:fixed;inset:0 0 auto}a{color:inherit}h1,h2,h3,h4{text-wrap:balance;letter-spacing:-.03em;margin:0;font-weight:500}p{margin:0}:focus-visible{outline:2px solid var(--fg);outline-offset:3px;border-radius:8px}.w{max-width:1240px;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));margin:0 auto}.px{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.shift{will-change:transform;background:var(--bg)}.page-wave{z-index:80;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:linear-gradient(#3e3a6d 0 25%,#d9487a 25% 50%,#f28a2e 50% 75%,#f6c453 75%)}::-webkit-scrollbar-thumb:hover{border-width:2px}::-webkit-scrollbar-corner{background:var(--bg)}@supports not selector(::-webkit-scrollbar){html{scrollbar-color:#d9487a var(--bg);scrollbar-width:thin}}.btn{height:46px;font:500 15px var(--sans);cursor:pointer;white-space:nowrap;transition:transform .35s var(--spring), background .2s, color .2s;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 22px;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn.solid{background:var(--fg);color:#0a0a0b}.btn.solid:hover{background:#fff}.btn.ghost{color:var(--fg);background:#ffffff14}.btn.ghost:hover{background:#ffffff24}.btns{flex-wrap:wrap;gap:10px;display:flex}.arr{width:13px;height:10px;transition:transform .35s var(--spring)}.btn:hover .arr,.more:hover .arr,a:hover>.more .arr{transform:translate(3px)}.more{color:var(--fg);align-items:center;gap:8px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}section{padding-block:72px}.h1{letter-spacing:-.05em;font-size:clamp(46px,7.4vw,104px);line-height:.98}.h2{letter-spacing:-.04em;font-size:clamp(32px,4.2vw,56px);line-height:1.04}.h3{letter-spacing:-.03em;font-size:clamp(24px,2.4vw,32px);line-height:1.1}.lead{color:var(--mute);max-width:46ch;font-size:18px;line-height:1.55}.shead{justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}.glass{-webkit-backdrop-filter:blur(14px)saturate(1.3);background:#0e0e12b8;box-shadow:inset 0 0 0 1px #ffffff1a,0 6cqw 10cqw -4cqw #00000073}.phead{text-align:center;padding-block:88px 8px}.phead .h1{max-width:14ch;margin:0 auto}.phead .lead{margin:22px auto 0}.pre{opacity:0;transform:translateY(16px)}.in{animation:rise .8s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (width<=620px){section{padding-block:56px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.art{isolation:isolate;background:var(--a0);border-radius:var(--r);position:relative;overflow:hidden}.art:before{content:"";z-index:-2;background:radial-gradient(26% 32% at 20% 26%, var(--a1), transparent 70%), radial-gradient(32% 38% at 76% 22%, var(--a2), transparent 70%), radial-gradient(38% 34% at 38% 80%, var(--a3), transparent 70%), radial-gradient(28% 30% at 86% 84%, var(--a4), transparent 70%), radial-gradient(20% 22% at 55% 50%, var(--a2), transparent 70%);filter:blur(30px);opacity:.92;animation:22s ease-in-out infinite alternate drift;position:absolute;inset:-30%}.art:after{content:"";z-index:-1;pointer-events:none;opacity:.5;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes drift{to{transform:translate(4%,-3%)rotate(6deg)scale(1.06)}}.p-ember{--a0:#3a1a1c;--a1:#f28a2e;--a2:#d9487a;--a3:#e0402e;--a4:#f6c453}.p-dusk{--a0:#1b1936;--a1:#5c8df0;--a2:#b9a6f0;--a3:#3e3a6d;--a4:#d9487a}.p-gold{--a0:#3a2c14;--a1:#f6c453;--a2:#f28a2e;--a3:#9fc87a;--a4:#f4e2b0}.p-sea{--a0:#10302f;--a1:#3fb27a;--a2:#5c8df0;--a3:#9ed8f2;--a4:#2d6b5a}.p-rose{--a0:#3a1428;--a1:#d9487a;--a2:#f4a9c6;--a3:#b9a6f0;--a4:#e0402e}.p-lilac{--a0:#241d44;--a1:#b9a6f0;--a2:#8fb0ff;--a3:#f4a9c6;--a4:#5c8df0}.cap{background:linear-gradient(#0000,#0000006b);padding:22px 24px;position:absolute;inset:auto 0 0}.cap h3{letter-spacing:-.02em;color:#fff;font-size:19px}.cap p{color:#ffffffc7;max-width:34ch;margin-top:4px;font-size:14.5px}.lib{flex-direction:column;gap:1.5cqw;padding:2.8cqw 3.4cqw;display:flex;position:absolute;inset:0}.lib-top{align-items:center;gap:1.2cqw;margin-bottom:.6cqw;display:flex}.lib-title{font:600 3cqw var(--sans);letter-spacing:-.04em;margin-right:auto}.ico{background:var(--app3);border-radius:50%;flex:none;place-items:center;width:3.4cqw;height:3.4cqw;display:grid}.ico svg{stroke:#c9c8cf;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.6cqw;height:1.6cqw}.lib-new{background:var(--appfg);height:3.4cqw;color:var(--app);font:600 1.25cqw var(--sans);border-radius:1.7cqw;align-items:center;gap:.6cqw;padding:0 1.5cqw;display:flex}.lib-new svg{stroke:currentColor;stroke-width:2.8px;fill:none;width:1.2cqw;height:1.2cqw}.lab{font:500 1.2cqw var(--sans);color:#8c8b94;justify-content:space-between;display:flex}.lab span:last-child{color:#66656d}.folders{grid-template-columns:repeat(4,1fr);gap:1.6cqw;display:grid}.fold{aspect-ratio:1.75;margin-top:.9cqw;position:relative}.fold .back{background:var(--c);filter:brightness(.78);border-radius:1cqw;position:absolute;inset:0}.fold .back:before{content:"";background:inherit;border-radius:.8cqw .8cqw 0 0;width:38%;height:2cqw;position:absolute;top:-.9cqw;left:0}.fold .peek{aspect-ratio:3/4;background-size:cover;border-radius:.3cqw .5cqw .5cqw .3cqw;width:22%;position:absolute;top:9%;box-shadow:0 .2cqw .6cqw #00000059}.fold .peek.p{background:#f4f2ee}.fold .front{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 88%, white), var(--c));border-radius:.9cqw 1cqw 1cqw;flex-direction:column;justify-content:flex-end;padding:1cqw 1.2cqw;display:flex;position:absolute;inset:30% 0 0;box-shadow:0 -.3cqw .8cqw #00000040}.fold b{font:600 1.3cqw/1.15 var(--sans);color:#fff}.fold small{color:#ffffffb8;font-size:1cqw}.recent{grid-template-columns:repeat(6,1fr);gap:2.2cqw 1.8cqw;display:grid}.item{align-content:start;gap:.7cqw;display:grid}.thumb{aspect-ratio:3/4;position:relative}.item b{color:#ecebe7;font-size:1.25cqw;font-weight:500;line-height:1.2}.item small{color:#74737b;margin-top:.15cqw;font-size:1.02cqw;display:block}.cover{background-position:50%;background-size:cover;border-radius:2.5% 6% 6% 2.5%/2% 4.5% 4.5% 2%;position:absolute;inset:0;overflow:hidden;box-shadow:0 .5cqw 1.2cqw #00000073}.cover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000004d,#0000 7%,#ffffff0f 8%,#fff0 11%);position:absolute;inset:0}.cover i.band{z-index:1;background:linear-gradient(90deg,#0000008c,#3c3c46e6 50%,#0009);width:3.5%;position:absolute;top:0;bottom:0;right:12%}.board{background:#1a1a1f radial-gradient(circle,#3a3a42 1px,#0000 1.3px) 0 0/1.1cqw 1.1cqw;border:1px solid #2a2a31;border-radius:6%;position:absolute;inset:0;overflow:hidden}.board svg{width:100%;height:100%;position:absolute;inset:0}.pdf{clip-path:polygon(0 0,78% 0,100% 15%,100% 100%,0 100%);background:#f6f5f1;border-radius:1.5%;position:absolute;inset:3% 6%;overflow:hidden;box-shadow:0 .5cqw 1.2cqw #00000073}.pdf:after{content:"";aspect-ratio:1/.9;background:linear-gradient(225deg,#0000 50%,#d9d6cf 50%);width:22%;position:absolute;top:0;right:0}.pdf svg{width:100%;height:100%;position:absolute;inset:0}.edge{background:repeating-linear-gradient(90deg,#e9e4d9 0 2px,#c9c3b6 2px 3px);border-radius:2% 4% 4% 2%;position:absolute;inset:1% -1.8% 1% 2%}.scr{aspect-ratio:16/10;background:var(--app);width:78%;color:var(--appfg);border-radius:1.4cqw;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff1a,0 4cqw 8cqw -3cqw #0009;container-type:inline-size}.tb{z-index:3;background:var(--app);border-bottom:1px solid #1f1f25;align-items:center;gap:1.4cqw;height:6.2cqw;padding:0 2cqw;display:flex;position:absolute;inset:0 0 auto}.tb .ttl{margin-right:auto;line-height:1.15;display:grid}.tb .ttl b{font:600 1.55cqw var(--sans)}.tb .ttl small{font:500 1.1cqw var(--sans);color:#7b7a83}.tb .grp{background:var(--app2);border-radius:2cqw;gap:1.9cqw;padding:.9cqw 1.6cqw;display:flex}.tb .grp svg,.tb .ico svg{stroke:#c9c8cf;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.7cqw;height:1.7cqw}.desk{background:#0b0b0e;position:absolute;inset:6.2cqw 0 0;overflow:hidden}.paper{background:#17171b repeating-linear-gradient(#0000 0 4.6cqw,#ffffff0f 4.6cqw calc(4.6cqw + 1px)) 0 5cqw;border-radius:.6cqw;width:58cqw;height:80cqw;position:absolute;top:3cqw;left:22cqw;box-shadow:0 1cqw 3cqw #00000080}.hw{font:600 var(--fs,3.2cqw)/1 var(--hand);color:var(--c,#ecebe7);white-space:nowrap;transform:rotate(var(--r,-.6deg));transition:opacity .5s;position:absolute}.overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dock{z-index:2;width:30cqw;height:30cqw;position:absolute;top:9cqw;left:-15cqw}.sel{transition:cx .45s var(--spring), cy .45s var(--spring)}.hl{transform-origin:0;background:#f6c4534d;border-radius:.4cqw;height:2.6cqw;position:absolute}.slide{aspect-ratio:16/9;color:#222;background:#fbfaf7;border-radius:.5cqw;width:80cqw;position:absolute;top:4cqw;left:10cqw;overflow:hidden;box-shadow:0 1cqw 3cqw #00000080}.slide .sh{font:600 3.4cqw var(--sans);letter-spacing:-.03em;color:#1d1d22;position:absolute;top:4cqw;left:5cqw}.slide ul{color:#3a3a40;width:36cqw;margin:0;padding:0 0 0 1.8cqw;font-size:1.75cqw;line-height:2;position:absolute;top:11cqw;left:5cqw}.slide .pg{color:#9a9aa0;font-size:1.1cqw;position:absolute;bottom:1.6cqw;right:2.4cqw}.slide svg text{font-family:var(--sans)}.pdfhl{mix-blend-mode:multiply;background:#f6c4538c}.fgrid{grid-template-columns:repeat(5,1fr);align-content:start;gap:2.6cqw 2.2cqw;display:grid;position:absolute;inset:4cqw 4cqw 0}.fgrid .item b{font-size:1.45cqw}.fgrid .item small{font-size:1.15cqw}.drop{animation:dropIn .8s var(--spring) both}@keyframes dropIn{0%{opacity:0;transform:translateY(-40%)rotate(-6deg)scale(.9)}}.preview{aspect-ratio:3/4;width:30cqw;position:absolute;top:6cqw;left:11cqw}.pgx{border-radius:.6cqw;position:absolute;inset:2% -18% 2% 30%;transform:rotate(5deg);box-shadow:0 1cqw 2cqw #0006}.style-sheet{background:var(--app2);border-left:1px solid #26262d;align-content:start;gap:1.7cqw;width:42cqw;padding:2.4cqw 3cqw;display:grid;position:absolute;top:0;bottom:0;right:0}.style-sheet h4{font:500 1.5cqw var(--sans);color:#a9a8b0;letter-spacing:0}.cgrid{grid-template-columns:repeat(5,1fr);gap:1.2cqw;display:grid}.cgrid i{aspect-ratio:3/4;background-size:cover;border-radius:.4cqw;position:relative}.cgrid i.add{color:#8c8b94;font:500 2cqw var(--sans);border:1px dashed #4a4a52;place-items:center;font-style:normal;display:grid}.cgrid i.on:after,.pgrid i.on:after{content:"";border:.25cqw solid var(--appfg);border-radius:.8cqw;position:absolute;inset:-.5cqw}.pgrid{grid-template-columns:repeat(4,1fr);gap:1.2cqw;display:grid}.pgrid i{aspect-ratio:3/4;border-radius:.4cqw;display:block;position:relative}.pgrid span{text-align:center;font:500 1.05cqw var(--sans);color:#8c8b94;margin-top:.6cqw;display:block}.swrow{gap:1.4cqw;display:flex}.swrow i{border-radius:50%;width:3.4cqw;height:3.4cqw;position:relative;box-shadow:inset 0 0 0 1px #ffffff26}.swrow i.on:after{content:"";border:.25cqw solid var(--appfg);border-radius:50%;position:absolute;inset:-.5cqw}.inf{background:#131317;position:absolute;inset:0;overflow:hidden}.inf .grid{background:radial-gradient(circle,#33333b 1.2px,#0000 1.6px) 0 0/26px 26px;position:absolute;inset:0}.inf .plane{transform-origin:0 0;width:1600px;height:1100px;position:absolute;top:0;left:0}.inf .hw{--r:0deg}.inf svg{position:absolute;inset:0;overflow:visible}.inf .ink{stroke-dasharray:1;stroke-dashoffset:0}.inf:not(.ready) .ink{stroke-dashoffset:1px}.inf.ready .ink{animation:1.1s cubic-bezier(.5,0,.3,1) backwards ink;animation-delay:var(--d,0s)}.inf .ink-soft{transition:opacity .6s .9s}.inf:not(.ready) .ink-soft,.inf:not(.ready) .hw{opacity:0}@keyframes ink{0%{stroke-dashoffset:1px}}.slide-rail{background:#2d6a9f;width:1.1cqw;position:absolute;top:0;bottom:0;left:0}.slide-tag{font:500 1.05cqw var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#9a9aa0;position:absolute;top:1.9cqw;left:5cqw}.slide ul{padding-left:0;list-style:none}.slide li{padding-left:1.9cqw;position:relative}.slide li:before{content:"";background:#2d6a9f;border-radius:50%;width:.5cqw;height:.5cqw;position:absolute;top:.95em;left:0}.slide.next{top:52cqw}.slide .mark{position:relative}.slide .mark .hl{width:auto;height:auto;inset:.2em -.3em .1em}.slide .uln{width:calc(100% + .4em);height:.4em;position:absolute;bottom:-.32em;left:-.2em;right:-.2em;overflow:visible}.slide .uln path{fill:none;stroke:#4a7cf0;stroke-linecap:round;stroke-width:1.5px}