@property --nl{syntax:"<length>";inherits:true;initial-value:168px}@property --nr{syntax:"<length>";inherits:true;initial-value:168px}@property --nh{syntax:"<length>";inherits:true;initial-value:40px}@property --nrad{syntax:"<length>";inherits:true;initial-value:16px}.stage{--out:0;--fade:0;--nscale:1;position:relative;height:1500vh;background:#07080b}.stage-pin{position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;color:#f4f5f8;background:radial-gradient(70% 55% at 50% -8%,rgba(120,132,190,.28),transparent 70%),radial-gradient(60% 40% at 50% 100%,rgba(140,203,255,.08),transparent 70%),#07080b}.stage-scene{position:absolute;inset:0;perspective:3200px;perspective-origin:50% 24%}.stage-scene[data-flat=true]{perspective:none}.stage-scene[data-flat=true] :is(.shake,.rig,.lid){transform-style:flat}.rig{top:0;left:calc(50% - 756px);width:1512px;height:982px;transform-origin:756px 0;transform-style:preserve-3d;transform:scale(var(--cover,1))}.lid,.rig{position:absolute}.lid{inset:0;transform-origin:756px 1010px;transform-style:preserve-3d}.lid:after,.lid:before,.screen{-webkit-backface-visibility:hidden;backface-visibility:hidden}.rig[data-moving=true],.rig[data-moving=true] .deck,.rig[data-moving=true] .lid-back,.rig[data-moving=true] .screen,.stage-pin:has(.rig[data-moving=true]) .why,.stage-pin:has(.rig[data-moving=true]) .why-w{will-change:transform}.lid-back{--g:0;position:absolute;inset:-87px -17px -28px -17px;border-radius:30px 30px 16px 16px;overflow:hidden;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,rgba(0,0,0,.02) 1px 3px),linear-gradient(180deg,#2a2c34,#1a1b21 60%,#141519);box-shadow:inset 0 0 0 1.5px #3a3d46,inset 0 2px 0 rgba(255,255,255,.08);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(-2px) rotateX(180deg)}.lid-sheen{position:absolute;inset:0 -40%;background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.07) 46%,rgba(255,255,255,.14) 50%,rgba(255,255,255,.07) 54%,transparent 62%);transform:translateX(-60%)}.lid-glow{width:760px;height:760px;margin:-380px 0 0 -380px;border-radius:50%;background:radial-gradient(closest-side,rgba(140,203,255,.32),rgba(230,236,245,.14) 50%,transparent);opacity:var(--g,0)}.lid-glow,.lid-logo{position:absolute;left:50%;top:50%}.lid-logo{width:280px;aspect-ratio:1;transform:translate(-50%,-50%);background:linear-gradient(160deg,#ffe3f1,#b9dcff 30%,#e6ebf2 70%,#b0c2de);-webkit-mask:url(/brand/mascot/mochi-mark.webp) center/contain no-repeat;mask:url(/brand/mascot/mochi-mark.webp) center/contain no-repeat;opacity:calc(.18 + var(--g) * .82)}.lid-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:var(--r,0)}.lid:before{inset:-17px -17px -28px -17px;border-radius:30px 30px 16px 16px;background:#0a0b0e;box-shadow:0 0 0 1.5px #b9bdc8,0 0 0 3px #e3e5eb,0 70px 140px -40px rgba(0,0,0,.8),0 0 120px -20px rgba(148,170,205,.18)}.lid:after,.lid:before{content:"";position:absolute}.lid:after{left:30%;right:30%;bottom:-26px;height:20px;border-radius:0 0 10px 10px;background:linear-gradient(#15161b,#0a0b0e)}.screen{inset:0;overflow:hidden;border-radius:12px 12px 4px 4px;background:#f4f5f9;isolation:isolate}.deck,.screen{position:absolute}.deck{top:calc(982px + 28px);left:-18px;width:1548px;height:1097px;transform-origin:50% 0;transform:rotateX(72deg);border-radius:10px 10px 42px 42px;background:linear-gradient(100deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.35) 48%,rgba(255,255,255,0) 66%),linear-gradient(180deg,#b9bcc4,#d4d6dc 18%,#cdd0d6 70%,#bfc2c9);box-shadow:inset 0 2px 0 rgba(255,255,255,.7),inset 0 -3px 0 #9ea2ac}.kb{position:absolute;top:58px;left:125px;right:125px;height:500px;flex-direction:column;padding:14px;border-radius:16px;background:#16171b;box-shadow:inset 0 2px 8px rgba(0,0,0,.7),0 1px 0 rgba(255,255,255,.55)}.kb,.kb-row{display:flex;gap:11px}.kb-row{min-height:0}.kc{flex-basis:0;display:flex;align-items:flex-end;padding:0 9px 7px;border-radius:9px;background:linear-gradient(180deg,#2a2b31,#1f2025);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -2px 0 rgba(0,0,0,.45)}.kc em{font-style:normal;font-size:15px;color:#b7bac4;white-space:nowrap;overflow:hidden}.grille{position:absolute;top:70px;width:70px;height:476px;background-image:radial-gradient(circle,rgba(40,42,50,.55) 1.6px,transparent 2px);background-size:9px 9px}.grille.left{left:36px}.grille.right{right:36px}.pad{top:612px;width:665px;height:407px;margin-left:-332px;border-radius:22px;background:linear-gradient(180deg,#c8cbd2,#bec1c8);box-shadow:inset 0 0 0 1.5px #adb1ba,inset 0 2px 6px rgba(40,46,66,.1)}.lip,.pad{position:absolute;left:50%}.lip{bottom:0;width:190px;height:12px;margin-left:-95px;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#a4a8b1,#b5b8c0)}.wallpaper{position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 40% at 50% 112%,#9fd0ff 0,rgba(110,170,255,.5) 30%,transparent 65%),radial-gradient(60% 55% at 12% 92%,#2f5fd0 0,rgba(47,95,208,.35) 40%,transparent 70%),radial-gradient(60% 55% at 90% 88%,#3b4f86 0,rgba(59,79,134,.32) 40%,transparent 70%),radial-gradient(80% 60% at 50% 70%,rgba(40,70,150,.5) 0,transparent 70%),radial-gradient(100% 70% at 50% -20%,#16244d 0,transparent 70%),linear-gradient(180deg,#070a16,#0e1630 55%,#1a2a55)}.wallpaper:after,.wallpaper:before{content:"";position:absolute;left:-10%;right:-10%;border-radius:50% 50% 0 0/100% 100% 0 0}.wallpaper:before{bottom:-40%;height:70%;background:linear-gradient(180deg,rgba(16,22,44,.96),#070a14 60%);box-shadow:0 -2px 30px rgba(140,203,255,.28);transform:rotate(-4deg)}.wallpaper:after{bottom:-52%;height:70%;left:20%;right:-30%;background:linear-gradient(180deg,rgba(10,14,30,.98),#05070e 60%);box-shadow:0 -2px 26px rgba(230,236,245,.2);transform:rotate(5deg)}.mac-bar{position:absolute;z-index:4;top:0;left:0;right:0;height:40px;padding:0 24px 0 26px;display:flex;align-items:center;justify-content:space-between;font-size:15px;color:rgba(255,255,255,.92);background:rgba(12,10,32,.38);box-shadow:inset 0 -1px 0 rgba(255,255,255,.06);opacity:0;transition:opacity .4s ease;pointer-events:none}.stage[data-phase=story]:not([data-site=true]) .mac-bar{opacity:1}.stage[data-phase=story]:not([data-site=true]) .faux-bar{opacity:0;pointer-events:none}.faux-bar{transition:opacity .3s ease}.mb-l,.mb-r{display:flex;align-items:center;gap:22px;white-space:nowrap}.mb-l b{font-weight:700}.mb-apple{width:15px;height:18px;fill:#fff;margin-right:2px}.mb-r{gap:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mb-ico{width:22px;height:16px;fill:none;stroke:rgba(255,255,255,.92);stroke-width:1.5;stroke-linecap:round}.mb-ico .fill{fill:rgba(255,255,255,.92);stroke:none}.desk-wins[data-open~=code] .code-line>span{animation:w-type .52s steps(18) both;animation-delay:calc(.36s + var(--n) * .17s)}@keyframes w-type{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes w-line{0%{opacity:0;transform:translateY(6px)}}.desk-wins[data-open~=code] .ccp-msgs>*{animation:w-line .42s var(--ease-out) both}.desk-wins[data-open~=code] .ccp-msgs>:first-child{animation-delay:.2s}.desk-wins[data-open~=code] .ccp-msgs>:nth-child(2){animation-delay:.7s}.desk-wins[data-open~=code] .ccp-msgs>:nth-child(3){animation-delay:1.5s}.desk-wins[data-open~=code] .ccp-msgs>:nth-child(4){animation-delay:2.3s}.desk-wins[data-open~=code] .ccp-input>span:first-child{animation:w-type .9s steps(22) 2.9s both}.ccp{width:400px;display:flex;flex-direction:column;background:#17181d;border-left:1px solid #262830;color:#d8dae3;font-size:15px}.ccp-head{display:flex;align-items:center;gap:10px;height:38px;padding:0 18px;font-size:13px;font-weight:600;letter-spacing:.02em;color:#e6e7ec;border-bottom:1px solid #262830}.ccp-star{color:#d97757;font-size:18px}.ccp-msgs{display:grid;align-content:start;grid-gap:14px;gap:14px;padding:20px 18px;line-height:1.45}.ccp-you{justify-self:end;max-width:88%;padding:10px 14px;border-radius:14px 14px 4px 14px;background:#2b2d38;color:#fff}.ccp-ai{padding-left:18px;position:relative;color:#b9bdca}.ccp-ai:before{content:"";position:absolute;left:2px;top:.6em;width:7px;height:7px;border-radius:50%;background:#6f748a}.ccp-ai.ok{color:#e6e7ec}.ccp-ai.ok:before{background:#7fd39a}.ccp-ai u{-webkit-text-decoration-color:rgba(255,255,255,.3);text-decoration-color:rgba(255,255,255,.3);text-underline-offset:3px}.ccp-ai em{font-style:normal;color:#7fd39a;margin-left:6px}.ccp-input{display:flex;align-items:center;gap:2px;margin:0 14px 16px;padding:12px 14px;border:1px solid #d97757;border-radius:12px;color:#fff}.code-main{display:flex;flex-direction:column}.code-term{margin:4px 20px 0 0;padding:0 22px 16px;border-radius:0 10px 10px 0;display:grid;align-content:start;grid-gap:8px;gap:8px;border-top:1px solid #262830;background:#17181d;font:500 15px/1.5 ui-monospace,SF Mono,Menlo,monospace;color:#d8dae3}.ct-tabs{display:flex;gap:24px;height:38px;align-items:center;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.08em;color:#6f748a}.ct-tabs b{color:#e6e7ec;font-weight:600}.ct-dim{color:#7fd39a}.ct-ok,.ct-run{display:none;align-items:center;gap:14px}.code-term[data-build=ok] .ct-ok,.code-term[data-build=ok] .ct-run,.code-term[data-build=run] .ct-run{display:flex;animation:w-line .42s var(--ease-out) both}.code-term[data-build=ok] .ct-run{color:#6f748a;animation:none}.ct-ok{color:#7fd39a}.ct-bar{width:180px;height:6px;border-radius:3px;background:#2b2d38;overflow:hidden}.ct-bar i{display:block;height:100%;width:40%;border-radius:3px;background:#94aacd;animation:ct-run 1.4s ease-in-out infinite}.code-term[data-build=ok] .ct-bar i{width:100%;animation:none;background:#7fd39a}@keyframes ct-run{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}.faux-bar{position:absolute;z-index:20;top:0;left:0;width:calc(100% * var(--cover, 1));height:var(--bar-h);transform:scale(calc(1 / var(--cover, 1)));transform-origin:0 0;color:#f4f5f8}.faux-bar .btn-small{--h:36px;padding:0 16px;font-size:14px}:root[data-stage=on] .menubar{transform:translateY(-110%)}.menubar{transition:transform .36s var(--ease-out)}.hero2{position:absolute;z-index:3;top:0;left:calc(50% - var(--vis-w, 1512px) / 2);width:var(--vis-w,1512px);height:var(--vis-h,982px);container-type:size;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;grid-gap:2cqw;gap:2cqw;padding:calc(62px + 3cqh) 6cqw 3cqh 8cqw;color:var(--ink);transition:color .9s var(--ease-out)}.stage[data-phase=story]:not([data-site=true]) .hero2{visibility:hidden}.hero2-copy{position:relative;display:grid;grid-gap:clamp(16px,3.4cqh,30px);gap:clamp(16px,3.4cqh,30px);align-content:center}.hero2-eyebrow{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border-radius:999px;font-size:clamp(13px,1.6cqh,14px);font-weight:500;color:#d6dae3!important;background:rgba(255,255,255,.06);animation:s-rise .7s var(--ease-out) 80ms both;gap:6px;padding:6px 10px;background:none;font-size:clamp(13px,1.6cqh,15px);letter-spacing:.01em}.hero2-eyebrow b{margin-right:4px;font-weight:700;color:#fff}.laurel{width:12px;height:22px;fill:#cfd6e4;stroke:#cfd6e4}.laurel-r{transform:scaleX(-1)}.hm-facts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:14px;color:#aeb4c6}.hm-facts b{font-weight:700;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hero2-alt{justify-self:start;display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:500;color:#d6dae3;text-decoration:none;opacity:0;transition:color .16s ease}.stage[data-intro="7"] .hero2-alt{opacity:1;transition:opacity .6s var(--ease-out) .16s,color .16s ease}.hero2-alt:hover{color:#fff}.hero2-alt .alt-arrow{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s var(--ease-out)}.hero2-alt:hover .alt-arrow{transform:translateX(4px)}.hm-stack{gap:8px;outline:none;cursor:default}.hm-icons,.hm-stack{display:inline-flex;align-items:center}.hm-icons{margin-right:4px}.hm-icons img{width:20px;height:20px;margin-left:-7px;border-radius:6px;box-shadow:0 0 0 1.5px #0d0e13,0 2px 6px rgba(0,0,0,.4);transform-origin:50% 120%;transition:transform .46s var(--spring);transition-delay:calc(var(--i) * 16ms)}.hm-icons img:first-child{margin-left:0}.hm-stack:focus-visible .hm-icons img,.hm-stack:hover .hm-icons img{transform:translate(calc((var(--i) - 5) * 3px),calc(-12px + (var(--i) - 2.5) * (var(--i) - 2.5) * 1.2px)) rotate(calc((var(--i) - 2.5) * 10deg)) scale(1.15)}.stage[data-intro="7"] .hero2-fine{opacity:1;transition:opacity .6s var(--ease-out) .12s}.hero2-cta{justify-items:start}.hero2-cta,.hero2-meta{display:grid;grid-gap:12px;gap:12px}.hero2-meta{margin:4px 0 0;padding-top:20px;max-width:560px;border-top:1px solid rgba(255,255,255,.08);opacity:0;transform:translateY(10px)}.stage[data-intro="7"] .hero2-meta{opacity:1;transform:none;transition:opacity .6s var(--ease-out) .14s,transform .7s var(--spring) .14s}.hm-row{display:grid;grid-template-columns:96px 1fr;align-items:center;grid-gap:16px;gap:16px}.hm-row dt{font-size:13px;font-weight:500;color:#8a8fa0}.hm-row dd{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin:0;font-size:14px}.hero2-meta .platforms{margin:0;justify-content:flex-start;opacity:1;transform:none;animation:none}.hw-agent{display:inline-flex;align-items:center;gap:7px;color:#d6dae3;font-weight:500}.hw-logo{width:16px;height:16px}.hero2-title{font-size:clamp(52px,min(6.1cqw,13cqh),112px);font-weight:600;line-height:.98;letter-spacing:-.026em}.hero2-title .l1,.hero2-title .l2{display:block}.hero2-title .l1{animation:s-rise .8s var(--ease-out) .12s both;position:relative;width:-moz-fit-content;width:fit-content}.critters{position:absolute;left:100%;top:50%;translate:0 -50%;white-space:nowrap;display:inline-flex;align-items:center;gap:.12em;margin-left:.3em;vertical-align:.06em}.critter{display:block;width:.5em;height:.5em;opacity:0;transform:translateY(.3em) scale(.6)}.stage:not([data-intro="0"]) .critter{opacity:1;transform:none;transition:opacity .32s var(--ease-out),transform .52s var(--spring);transition-delay:calc(var(--i) * 45ms)}.stage:not([data-intro="0"]):not([data-intro="1"]):not([data-intro="2"]) .critter{transition:none}.critter[data-gone=true]{visibility:hidden}.critter-logo{display:block;width:100%;height:100%;border-radius:24%;box-shadow:0 .06em .16em rgba(0,0,0,.35)}.stage[data-intro="1"] .critter-logo,.stage[data-intro="2"] .critter-logo{animation:s-bob 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * -.8s)}.hero2-title .w{display:inline-block;margin-right:.22em;opacity:0;transform:translateY(.45em)}.stage[data-intro="5"] .hero2-title .w,.stage[data-intro="6"] .hero2-title .w,.stage[data-intro="7"] .hero2-title .w{opacity:1;transform:none;transition:opacity .6s var(--ease-out),transform .9s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i) * 70ms)}.hero2-actions{opacity:0;transform:translateY(14px)}.hero2-lede .lw{display:inline-block;white-space:pre;opacity:0;transform:translateY(.5em)}.stage[data-intro="7"] .hero2-lede .lw{opacity:1;transform:none;transition:opacity .5s var(--ease-out) calc(var(--i) * 24ms),transform .7s var(--spring) calc(var(--i) * 24ms)}.hero2-lede .lw-hi{font-weight:600;color:var(--ink)}.hero2-lede{font-size:clamp(17px,min(1.4cqw,2.7cqh),21px);line-height:1.5;letter-spacing:-.011em;color:var(--muted);max-width:29em;text-wrap:pretty;transition:color .9s var(--ease-out)}.hero2-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.stage[data-intro="7"] .hero2-actions{opacity:1;transform:none;transition:opacity .6s var(--ease-out),transform .8s var(--ease-out);transition-delay:90ms}.night{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(60% 70% at 72% 44%,rgba(40,46,80,.55),transparent 70%),linear-gradient(180deg,#06070a,#0b0c12)}.hero2{color:#f4f5f8}.hero2-lede{color:#a3a8ba!important}.faux-bar .btn-glow{color:#0b0c10!important}.spot{position:relative;justify-self:center;width:min(100%,78cqh);aspect-ratio:.82;display:grid;place-items:end center}.spot-lamp{position:absolute;z-index:3;left:50%;top:-12.1%;width:520px;height:auto;max-width:none;transform:translate(-50%,-72%) translateY(-60px);opacity:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);pointer-events:none}.stage[data-intro="6"] .spot-lamp,.stage[data-intro="7"] .spot-lamp{opacity:1;transform:translate(-50%,-72%);transition:opacity .4s ease,transform .8s var(--spring)}.spot-bloom{position:absolute;z-index:3;left:50%;top:-12.1%;width:220px;height:140px;margin:-70px 0 0 -110px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,248,236,.75),rgba(255,236,210,.25) 45%,transparent);opacity:0;pointer-events:none}.stage[data-intro="6"] .spot-bloom,.stage[data-intro="7"] .spot-bloom{opacity:1;transition:opacity .12s ease .45s}.beam{z-index:1;top:-18%;bottom:13%;left:-60%;right:-60%;background:conic-gradient(from 158deg at 50% 0,transparent 0deg,rgba(255,246,232,.1) 5deg,rgba(255,248,238,.2) 14deg,rgba(255,250,244,.28) 22deg,rgba(255,248,238,.2) 30deg,rgba(255,246,232,.1) 39deg,transparent 44deg 1turn);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.35),#000 30%,rgba(0,0,0,.8) 84%,rgba(0,0,0,.12));mask-image:linear-gradient(180deg,rgba(0,0,0,.35),#000 30%,rgba(0,0,0,.8) 84%,rgba(0,0,0,.12));opacity:0;transform:scaleY(.25);transform-origin:50% 0}.beam,.beam .haze{position:absolute;overflow:hidden}.beam .haze{inset:0;mix-blend-mode:screen;-webkit-mask-image:conic-gradient(from 158deg at 50% 0,transparent 0deg,#000 5deg,#000 39deg,transparent 44deg);mask-image:conic-gradient(from 158deg at 50% 0,transparent 0deg,#000 5deg,#000 39deg,transparent 44deg)}.beam .haze:before{content:"";position:absolute;inset:-12%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.0035 0.006' numOctaves='4' seed='3' stitchTiles='stitch'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 2.2 -0.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:1100px 1100px;opacity:.62}.stage[data-intro="6"] .beam .haze:before,.stage[data-intro="7"] .beam .haze:before{animation:s-haze 16s ease-in-out infinite alternate}.stage[data-phase=story] .beam .haze:before{animation:none}@keyframes s-haze{to{transform:translate3d(-4%,-6%,0) scale(1.05)}}.spot-floor{position:absolute;bottom:3%;width:118%;height:20%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,250,242,.78),rgba(255,242,228,.36) 45%,rgba(200,212,255,.08) 72%,transparent);opacity:0;transform:scale(.5)}.stage[data-intro="6"] .beam,.stage[data-intro="7"] .beam{opacity:1;transform:none;transition:opacity .36s ease .16s,transform .82s var(--ease-out) .16s}.stage[data-intro="6"] .spot-floor,.stage[data-intro="7"] .spot-floor{opacity:1;transform:none;transition:opacity .4s ease .7s,transform .8s var(--spring) .7s}.spot .hero-stage{width:86%;justify-self:center;margin-bottom:8%}.spot .hero-disc{display:none}.spot .hero-mochi{animation:none}.spot-drop{width:100%;display:grid;opacity:0;transform:translateY(18px) scale(.96);transform-origin:50% 100%}.spot[data-solid=true] .spot-drop{opacity:1;transform:none;transition:opacity .42s ease,transform .7s var(--spring)}.spot[data-solid=true] .spot-drop:has(.hero-stage[data-arrive=true]){transition:none}.nt{--nty:-150px;position:absolute;z-index:21;top:0;left:calc(50% - 440px);width:880px;height:392px;pointer-events:none;transform-origin:50% 0;transform:translateY(var(--nty)) scale(calc(var(--nscale) * var(--camk, 1)));transition:transform .76s var(--spring)}.nt:not([data-mode=hidden]){--nty:0px}.nt[data-mode=hidden],.nt[data-mode=hw]{--nl:94px;--nr:94px;--nh:32px;--nrad:10px}.nt[data-mode=stage]{--nl:236px;--nr:236px;--nh:132px;--nrad:34px}.stage[data-intro="3"] .nt-shape{transition:--nl 1s var(--ease-out) 80ms,--nr 1s var(--ease-out) 80ms,--nh 1s var(--ease-out) 80ms,--nrad 1s var(--ease-out) 80ms}.nt[data-mode=stage] .nt-wing{opacity:0}.nt-stage{position:absolute;top:56px;left:50%;display:flex;gap:20px;transform:translateX(-50%);opacity:0;transition:opacity .22s ease}.nt-stage[data-on=true]{opacity:1}.nt-stage-slot{width:56px;height:56px;opacity:0}.nt-stage-slot[data-land=true]{opacity:1}.nt-stage{z-index:6}.nt-stage[data-home=true] .nt-stage-slot{animation:nt-take .3s var(--ease-in-out) calc(var(--i) * 18ms) forwards}@keyframes nt-take{70%{opacity:.35}to{opacity:0;filter:blur(4px);transform:translateY(-58px) scale(.35)}}.stage[data-intro="3"] .hero2,.stage[data-intro="4"] .hero2{z-index:8}.nt[data-mode=pill]{--nl:156px;--nr:156px;--nh:40px;--nrad:20px}.nt[data-mode=peek]{--nl:292px;--nr:292px;--nh:110px;--nrad:30px}.nt[data-mode=ask]{--nl:318px;--nr:318px;--nh:146px;--nrad:34px}.nt[data-mode=focus]{--nl:292px;--nr:292px;--nh:156px;--nrad:38px}.nt[data-mode=play]{--nl:320px;--nr:320px;--nh:262px;--nrad:42px}.nt[data-mode=tools]{--nl:430px;--nr:430px;--nh:292px;--nrad:46px}.nt[data-mode=day]{--nl:380px;--nr:380px;--nh:252px;--nrad:44px}.nt[data-mode=cast]{--nl:350px;--nr:350px;--nh:178px;--nrad:40px}.nt[data-mode=hw] .nt-shape,.nt[data-mode=pill] .nt-shape{transition:--nl .44s cubic-bezier(.32,.72,0,1),--nr .44s cubic-bezier(.32,.72,0,1),--nh .44s cubic-bezier(.32,.72,0,1),--nrad .44s cubic-bezier(.32,.72,0,1)}.nt-shape{position:absolute;inset:0 0 auto;height:var(--nt-h,392px);background:#000;-webkit-clip-path:inset(0 calc(440px - var(--nr)) calc(var(--nt-h, 392px) - var(--nh)) calc(440px - var(--nl)) round 0 0 var(--nrad) var(--nrad));clip-path:inset(0 calc(440px - var(--nr)) calc(var(--nt-h, 392px) - var(--nh)) calc(440px - var(--nl)) round 0 0 var(--nrad) var(--nrad));transition:--nl .62s var(--spring),--nr .62s var(--spring),--nh .62s var(--spring),--nrad .62s var(--spring)}.nt-panel{position:absolute;inset:0;width:880px;height:392px;opacity:0;transition:opacity .14s ease}.nt[data-mode=panel] .nt-panel[data-on=true]{opacity:1;transition:opacity .32s ease .26s}.nt-live{position:absolute;z-index:1;inset:0;width:880px;height:392px;border:0;background:transparent;display:none}.nt[data-mode=panel] .nt-live[data-ready=true]{display:block;pointer-events:auto;animation:nt-live-in .32s ease .3s both}@keyframes nt-live-in{0%{opacity:0}}.nt-wing{position:absolute;top:0;height:40px;display:flex;align-items:center;transition:opacity .18s ease}.nt-wing.left{left:calc(440px - var(--nl) + 18px)}.nt-wing.right{right:calc(440px - var(--nr) + 16px)}.nt:not([data-mode=pill]) .nt-wing{opacity:0}.nt[data-mode=pill] .nt-wing{transition:opacity .26s ease .2s}.nt-face{width:26px;height:26px;opacity:0;transform:scale(.3);transition:opacity .2s ease,transform .52s var(--spring)}.nt[data-mochi=true] .nt-face{opacity:1;transform:none}.nt-stage-logo{display:block;width:56px;height:56px;border-radius:14px}.nt-digits{font-size:16px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#b0c2de;margin-right:10px}.nt-line{position:absolute;top:38px;left:calc(440px - var(--nl) + 24px);right:calc(440px - var(--nr) + 24px);height:calc(var(--nh) - 38px - 14px);display:flex;align-items:center;justify-content:center;color:#e7e8ec;opacity:0;transition:opacity .12s ease;overflow:hidden}.nt[data-mode=ask] .nt-line,.nt[data-mode=peek] .nt-line{opacity:1;transition:opacity .24s ease .22s}.nt-card{display:flex;align-items:center;gap:16px;min-width:0;animation:s-line .42s var(--ease-out) both}.nt-card p{min-width:0;display:grid;grid-gap:3px;gap:3px}.nt-line-face{flex:none;width:46px;height:46px}.nt-line b{font-size:16px;font-weight:500}.nt-line span{font-size:15px;line-height:1.35;color:#aeb4c6}.nt-opts{display:flex!important;gap:8px;margin-top:8px}.nt-opts i{font-style:normal;font-size:14px;font-weight:500;padding:6px 14px;border-radius:999px;background:#262932;color:#e7e8ec;transition:transform .14s var(--ease-out),background-color .16s ease,color .16s ease}.nt-opts i[data-pressed=true]{transform:scale(.94);background:var(--pink);color:#16121a}.nt-fil{position:absolute;top:0;width:8px;height:8px;background:radial-gradient(circle at 0 100%,transparent 7.5px,#000 8px);left:calc(440px - var(--nl) - 8px)}.nt-fil.right{left:auto;right:calc(440px - var(--nr) - 8px);background:radial-gradient(circle at 100% 100%,transparent 7.5px,#000 8px)}.caps{z-index:3;top:10vh;left:0;right:0;pointer-events:none}.cap,.caps{position:absolute}.cap{left:50%;top:0;width:min(1100px,92vw);transform:translateX(-50%);display:grid;grid-gap:clamp(8px,1.4vh,16px);gap:clamp(8px,1.4vh,16px);justify-items:center;text-align:center;visibility:hidden;transition:visibility 0s linear .32s}.cap p{max-width:48em;opacity:0;transform:translateY(12px);filter:blur(6px);transition:opacity .18s ease,transform .22s var(--ease-out),filter .18s ease}.cap .cw{display:inline-block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em;vertical-align:top}.cap .cw+.cw{margin-left:.24em}.cap .cw>span{display:inline-block;transform:translateY(105%) rotate(4deg);transform-origin:0 100%;transition:transform .26s var(--ease-in-out)}.cap[data-past=true] .cw>span{transform:translateY(-105%) rotate(-2deg)}.cap[data-on=true]{visibility:visible;transition:visibility 0s}.cap[data-on=true] .cw>span{transform:none;transition:transform .82s cubic-bezier(.16,1,.3,1);transition-delay:calc(80ms + var(--j) * 45ms)}.cap[data-on=true] p{opacity:1;transform:none;filter:blur(0);transition:opacity .52s ease .32s,transform .76s var(--ease-out) .32s,filter .52s ease .32s}.cap-rail{position:absolute;left:50%;top:calc(clamp(30px, min(3.9vw, 7vh), 66px) + clamp(16px, min(1.35vw, 2.4vh), 21px) * 4.6 + 26px);transform:translateX(-50%);display:flex;gap:6px;opacity:0;transition:opacity .3s ease}.stage[data-phase=story] .cap-rail{opacity:1}.cap-rail i{width:26px;height:3px;border-radius:3px;background:rgba(255,255,255,.16);overflow:hidden}.cap-rail i:after{content:"";display:block;height:100%;background:#f4f5f8;transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--ease-out)}.cap-rail i[data-done=true]:after{transform:scaleX(1)}.cap h2{font-size:clamp(30px,min(3.9vw,7vh),66px);white-space:nowrap;font-weight:600;color:#f4f5f8;letter-spacing:-.028em;line-height:1}.cap p{font-size:clamp(16px,min(1.35vw,2.4vh),21px);line-height:1.45;color:#a4a9bb;max-width:40em}@keyframes s-rise{0%{opacity:0;transform:translateY(24px);filter:blur(6px)}}@keyframes s-bob{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-9px) scale(.98,1.03)}90%{transform:translateY(1px) scale(1.03,.97)}}@keyframes s-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes s-line{0%{opacity:0;transform:translateX(8px);filter:blur(4px)}}@keyframes s-pick{0%{background:#262932;color:#e7e8ec}30%,to{background:var(--pink);color:#16121a}40%{transform:scale(.94)}60%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.stage *,.stage :after,.stage :before{animation-duration:1ms!important;animation-delay:0s!important;transition-duration:1ms!important;transition-delay:0s!important}}@media (max-width:899px) and (orientation:portrait){.hero2{grid-template-columns:1fr;align-content:start;gap:2cqh;padding:calc(56px + 12cqh) 7cqw 3cqh}.hero2-copy{gap:2.4cqh}.hero2-title{font-size:clamp(46px,12cqw,64px)}.hero2-title .l1{position:relative}.critters{position:absolute;right:0;bottom:100%;margin:0 0 .12em}.hero2{padding-top:calc(40px + 19cqh);gap:1cqh}.spot{order:-1;width:min(56cqw,30cqh)}.spot-lamp{width:300px}.spot-bloom{width:140px;height:90px;margin:-45px 0 0 -70px}.hero2-copy{gap:1.7cqh}.hero2-title{font-size:clamp(40px,10cqw,58px)}.fb-l a:not(.fb-brand),.fb-r>span{display:none}.stage[data-phase=story] .nt{--nscale:var(--nscale-story,1)}.stage[data-phase=story] .nt[data-mode=focus],.stage[data-phase=story] .nt[data-mode=peek]{--nscale:min(1.25,calc(var(--fit, 700) / 584))}.stage[data-phase=story] .nt[data-mode=ask]{--nscale:min(1.25,calc(var(--fit, 700) / 636))}.stage[data-phase=story] .nt[data-mode=play]{--nscale:min(1.25,calc(var(--fit, 700) / 640))}.stage[data-phase=story] .nt{--nt-h:560px}.stage[data-phase=story] .nt[data-mode=tools]{--nl:230px;--nr:230px;--nh:540px;--nscale:min(1.25,calc(var(--fit, 700) / 460))}.nt .c-tools{--w:460px;--h:540px}.nt .isl-body.tools{grid-template-columns:repeat(2,minmax(0,1fr))}.stage[data-phase=story] .nt[data-mode=cast]{--nscale:min(1.25,calc(var(--fit, 700) / 700))}.stage[data-phase=story] .nt[data-mode=day]{--nl:280px;--nr:280px;--nscale:min(1.25,calc(var(--fit, 700) / 560))}.nt .c-day{--w:560px}.c-day .isl-body.cols{grid-template-columns:repeat(2,minmax(0,1fr))}.c-day .isl-tile:first-child{display:none}.stage[data-phase=story] .nt[data-mode=panel]{--nscale:0.78}.caps{top:7vh}.cap h2{font-size:clamp(28px,8.2vw,38px);white-space:normal}.cap-rail{display:none}.cap p{font-size:15px}}.desk{top:0;left:50%;width:1512px;height:982px;margin-left:-756px;pointer-events:none}.desk,.desk-wins{position:absolute}.desk-wins{inset:0;z-index:5;transform:scale(var(--dscale,1));transform-origin:50% var(--dorigin,0);--sp:0}.desk-wins,.win{transition:transform .9s cubic-bezier(.32,.72,0,1)}.win{position:absolute;overflow:hidden;top:40px!important;width:1512px!important;height:942px!important;border-radius:0;background:#fff;box-shadow:0 0 60px rgba(0,0,0,.5);transform:translateX(calc((var(--i) - var(--sp)) * 1560px))}.win-video{--i:1;left:0!important}.win-code{--i:2;left:0!important}.win-doc{--i:3;left:0!important}.win .win-bar .lights{visibility:hidden}.win-bar{height:40px;display:flex;align-items:center;gap:16px;padding:0 16px;background:#f1f2f5;border-bottom:1px solid #e3e5eb;font-size:14px;color:#50556a}.lights{display:flex;gap:8px}.lights i{width:12px;height:12px;border-radius:50%;background:#ff5f57}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}.win-title{flex:1 1;text-align:center;margin-right:52px;font-weight:500}.win-bar.browser .tab{gap:8px;height:30px;margin-top:10px;border-radius:9px 9px 0 0;color:#24283a;font-weight:500}.win-bar.browser .tab,.win-bar.browser .url{display:flex;align-items:center;padding:0 14px;background:#fff}.win-bar.browser .url{flex:1 1;height:26px;border-radius:999px;color:#7a8096;font-size:13px}.win-bar.dark{background:#1b1c22;border-color:#262830;color:#8f95a9}.win-video{left:200px;top:124px;width:1112px;height:620px}.yt-dot{width:16px;height:11px;border-radius:3px;background:#ff0033}.video-body{display:grid;grid-template-columns:1fr 300px;grid-gap:22px;gap:22px;padding:18px 22px}.video-main{display:grid;grid-gap:12px;gap:12px;align-content:start}.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#1c2240}.vf-sky{inset:-20%;background:radial-gradient(40% 50% at 30% 30%,rgba(140,203,255,.55),transparent 70%),radial-gradient(45% 50% at 72% 40%,rgba(148,170,205,.6),transparent 70%),linear-gradient(180deg,#2a2f5c,#13162c);animation:s-drift 12s ease-in-out infinite alternate}.vf-sky,.vf-sun{position:absolute}.vf-sun{left:58%;top:30%;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#ffe3f0,#f7a6cc 60%,transparent 70%);animation:s-drift 12s ease-in-out infinite alternate-reverse}.vf-hills{position:absolute;left:-5%;right:-5%;bottom:0;height:46%;background:radial-gradient(60% 90% at 20% 100%,#1b1f3d 60%,transparent 61%),radial-gradient(70% 100% at 80% 100%,#232852 60%,transparent 61%)}.vf-window{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,20,.85) 0 3%,transparent 3% 97%,rgba(8,9,20,.85) 97%),linear-gradient(90deg,transparent 49.4%,rgba(8,9,20,.85) 49.4% 50.6%,transparent 50.6%)}.vf-ui{position:absolute;left:18px;right:18px;bottom:14px;display:flex;align-items:center;gap:14px;color:#fff;font-size:13px}.vf-pause{width:12px;height:14px;border-left:4px solid #fff;border-right:4px solid #fff}.vf-track{flex:1 1;height:4px;border-radius:4px;background:rgba(255,255,255,.3);overflow:hidden}.vf-track i{display:block;width:100%;height:100%;background:#ff0033;transform-origin:0 50%;animation:s-track 60s linear both}.vm-title{font-size:19px;color:#0f0f0f}.vm-row{display:flex;align-items:center;gap:12px}.vm-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#8ccbff,#94aacd)}.vm-chan{display:grid;font-size:13px;color:#606060}.vm-chan b{font-size:15px;color:#0f0f0f}.vm-sub{margin-left:12px;padding:8px 16px;border-radius:999px;background:#0f0f0f;color:#fff;font-size:14px;font-weight:500}.video-side{display:grid;align-content:start;grid-gap:12px;gap:12px}.vs-item{display:grid;grid-template-columns:140px 1fr;grid-gap:10px;gap:10px}.vs-thumb{position:relative;aspect-ratio:16/9;border-radius:8px;background:linear-gradient(135deg,#3b4270,#1c2040)}.vs-thumb.b{background:linear-gradient(135deg,#5a2d55,#1d1530)}.vs-thumb.c{background:linear-gradient(135deg,#274a4a,#10222a)}.vs-thumb em{position:absolute;right:5px;bottom:5px;padding:1px 5px;border-radius:4px;background:rgba(0,0,0,.75);color:#fff;font-size:11px;font-style:normal}.vs-text{display:grid;align-content:start;grid-gap:4px;gap:4px;font-size:12px;color:#606060}.vs-text b{font-size:14px;line-height:1.3;color:#0f0f0f}.win-code{left:206px;top:116px;width:1100px;height:640px;background:#1b1c22}.code-body{display:flex;height:calc(100% - 40px)}.code-act{width:52px;padding-top:14px;display:grid;align-content:start;justify-items:center;grid-gap:20px;gap:20px;background:#16171c}.code-act i{width:22px;height:22px;border-radius:6px;border:2px solid #4b4f5e}.code-act i[data-on=true]{border-color:#c9ccd8}.code-side{width:210px;padding:14px;display:grid;align-content:start;grid-gap:6px;gap:6px;background:#1e1f25;color:#8a8fa3;font-size:14px}.code-side span{font-size:11px;letter-spacing:.08em;margin-bottom:6px}.code-side i{font-style:normal;padding:4px 10px;border-radius:6px}.code-side i[data-on=true]{background:#2d2f3a;color:#e6e7ec}.code-main{flex:1 1;min-width:0}.code-tabs{display:flex;height:38px;background:#18191e;font-size:14px;color:#8a8fa3}.code-tabs span{display:flex;align-items:center;padding:0 18px}.code-tabs span[data-on=true]{background:#1b1c22;color:#e6e7ec;box-shadow:inset 0 2px 0 #94aacd}.code-lines{padding:16px 0;font:500 16px/1.75 ui-monospace,SF Mono,Menlo,monospace;color:#d8dae3;white-space:pre}.code-line{display:flex;padding-right:20px}.code-line[data-hot=true]{background:rgba(148,170,205,.1)}.code-line em{width:56px;padding-right:18px;text-align:right;font-style:normal;color:#555a6b}.code-mini{width:70px;margin:50px 10px 0 0;background:repeating-linear-gradient(180deg,rgba(200,205,225,.12) 0 3px,transparent 3px 7px);-webkit-mask-image:linear-gradient(90deg,#000 60%,transparent);mask-image:linear-gradient(90deg,#000 60%,transparent);height:160px}.c-k{color:#c89bff}.c-s{color:#9fe0a8}.c-c{color:#6f748a}.c-f{color:#86b8ff}.c-t{color:#b9dcff}.c-n{color:#ff9ecb}.caret{display:inline-block;width:2px;height:1.2em;margin-left:2px;vertical-align:-.2em;background:#e6e7ec;animation:s-caret 1.1s steps(1) infinite}.win-doc{z-index:2;left:520px;top:170px;width:820px;height:540px}.doc-dot{width:12px;height:15px;border-radius:2px;background:#4285f4}.doc-tools{display:flex;align-items:center;gap:12px;height:44px;padding:0 20px;border-bottom:1px solid #eceef3}.doc-tools i{width:18px;height:18px;border-radius:4px;background:#e6e8ee}.doc-tools span{width:1px;height:20px;background:#e1e3ea}.doc-tools b{margin-left:auto;padding:7px 16px;border-radius:999px;background:#c2e7ff;color:#001d35;font-size:14px;font-weight:500}.doc-body{padding:38px 64px;display:grid;grid-gap:10px;gap:10px}.doc-body h4{font-size:34px;letter-spacing:-.02em;color:#111320}.doc-meta{font-size:15px;color:#6b7085}.doc-body ul{margin:14px 0 0;padding-left:22px;display:grid;grid-gap:14px;gap:14px;font-size:19px;color:#24283a}.doc-body li{opacity:0;transform:translateY(6px)}.desk-wins[data-open~=doc] .doc-body li{opacity:1;transform:none;transition:opacity .3s ease,transform .42s var(--ease-out);transition-delay:calc(.5s + var(--i) * .42s)}.cursor{position:absolute;z-index:9;left:-6px;top:-3px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25));opacity:0;transition:transform .82s var(--ease-in-out),opacity .2s ease,scale .12s var(--ease-out)}.cursor[data-on=true]{opacity:1}.cursor[data-down=true]{scale:.86}@keyframes s-drift{to{transform:translate(3%,-2%) scale(1.06)}}@keyframes s-track{0%{transform:scaleX(.22)}to{transform:scaleX(.3)}}@keyframes s-caret{50%{opacity:0}}.shake{position:absolute;inset:0;transform-style:preserve-3d}.stage:not([data-visible=true]) .shake{animation-play-state:paused}@keyframes s-shake{0%,to{transform:translateZ(0) rotate(0deg)}18%{transform:translate3d(1.6px,-1.1px,0) rotate(.08deg)}37%{transform:translate3d(-1.2px,1.4px,0) rotate(-.06deg)}55%{transform:translate3d(2px,.6px,0) rotate(.1deg)}74%{transform:translate3d(-1.8px,-1px,0) rotate(-.08deg)}88%{transform:translate3d(.8px,1.2px,0) rotate(.04deg)}}.nt{font-family:var(--font-body);-webkit-font-smoothing:antialiased}.nt-card{gap:14px}.nt-card p{gap:2px}.nt-line b{font-size:15px;font-weight:600;letter-spacing:-.01em;color:#fff}.nt-line span{font-size:14px;letter-spacing:-.005em;color:#a7acbd}.nt-line-face{width:44px;height:44px}.nt-face{width:22px;height:22px}.nt-digits{font-family:var(--font-mono);font-size:14px;letter-spacing:.02em}.nt-opts i{padding:7px 16px;font-size:13px;letter-spacing:-.005em;background:#1f2128;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}@media (prefers-reduced-motion:reduce){.shake{animation:none}}.nt-hit{position:absolute;z-index:3;top:0;left:calc(440px - var(--nl));width:calc(var(--nl) + var(--nr));height:var(--nh);pointer-events:auto;cursor:pointer}.nt[data-hover=true] .nt-hit{pointer-events:none}.nt[data-hover=true] .nt-shape{pointer-events:auto}.why{position:absolute;z-index:3;top:0;left:50%;width:min(1180px,92vw);transform-origin:50% 0;visibility:hidden;pointer-events:none}.why-hi{min-height:1.4em;margin-bottom:18px;text-align:center;font-size:clamp(15px,1.25vw,19px);font-weight:500;color:#b9dcff;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.why[data-in=true] .why-hi{opacity:1;transform:none;transition:opacity .7s ease .15s,transform .9s cubic-bezier(.16,1,.3,1) .15s}.why h2{display:grid;justify-items:center;grid-gap:.08em;gap:.08em;font-size:clamp(40px,min(5.6vw,8.6vh),92px);font-weight:700;letter-spacing:-.024em;line-height:1;text-align:center}.why-row{display:flex;flex-wrap:wrap;justify-content:center;gap:0 .24em}.why-row:first-child{color:rgba(235,235,245,.5)}.why-w{overflow:hidden;padding:.04em 0 .12em;margin:-.04em 0 -.12em}.why-w,.why-w>span{display:inline-block}.why-w>span{transform:translateY(105%);transition:transform .32s cubic-bezier(.4,0,1,1)}.why[data-in=true] .why-w>span{transform:none;transition:transform .9s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--j) * 60ms)}.why-fact{max-width:62ch;margin:26px auto 0;text-align:center;font-size:clamp(15px,1.3vw,19px);line-height:1.5;color:#c6c9d4;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.why-fact b{color:#fff}.why-fact cite{font-style:normal;font-size:.8em;color:#8a8fa0}.why-buy{display:flex;width:max-content;margin:22px auto 0;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.why[data-in=true] .why-buy,.why[data-in=true] .why-fact{opacity:1;transform:none;transition:opacity .7s ease .9s,transform .9s cubic-bezier(.16,1,.3,1) .9s}.why[data-in=true] .why-buy{pointer-events:auto}.why-lit{color:#f7f7fa}@media (max-width:899px) and (orientation:portrait){.why h2{font-size:clamp(30px,9vw,42px)}}.skip-story{position:fixed;z-index:8;right:clamp(16px,2.4vw,32px);bottom:clamp(16px,3vh,28px);display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-radius:999px;font:inherit;font-size:13px;font-weight:500;color:#e7e8ec;background:rgba(20,21,28,.94);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);cursor:pointer;pointer-events:auto;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .26s var(--ease-out),visibility 0s linear .26s,background-color .16s ease}.stage[data-visible=true] .skip-story{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease .6s,transform .42s var(--ease-out) .6s,visibility 0s,background-color .16s ease}.skip-story:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.skip-story:hover{background:rgba(40,42,54,.85)}}.studio-wall{position:absolute;z-index:0;inset:0;background:radial-gradient(34% 40% at 50% 64%,rgba(255,214,180,.12),transparent 72%),radial-gradient(62% 52% at 50% 64%,rgba(110,140,200,.1),transparent 76%);opacity:0;transition:opacity .9s ease;pointer-events:none}.stage-pin[data-far=true] .studio-wall{opacity:1}.stage-pin:after{content:"";position:absolute;z-index:3;inset:0;background:radial-gradient(120% 90% at 50% 58%,transparent 55%,rgba(3,4,7,.55) 100%);opacity:0;transition:opacity .9s ease;pointer-events:none}.stage-pin[data-far=true]:after{opacity:1}.stage-scene{z-index:1}.outro-bento{position:absolute;z-index:4;inset:0;overflow:hidden;background:#07080b;visibility:hidden;pointer-events:none}.outro-bento[data-on=true]{visibility:visible}.outro-bento[data-done=true]{pointer-events:auto}.outro-plasma{z-index:5;inset:0;width:100%;height:100%;image-rendering:pixelated;visibility:hidden}.outro-plasma,.stage-mark{position:absolute;pointer-events:none}.stage-mark{left:0;width:1px;height:1px}.stage-end{position:absolute;bottom:100vh;left:0}.features-flow{display:none}@media (max-width:899px) and (orientation:portrait){.features-flow{display:block}.outro-bento .features{min-height:0;height:100%;align-items:center}.outro-bento .cell:not(.c-mochi){display:none}.outro-bento .bento{grid-auto-rows:min(170px,21vh)}.features-flow .c-mochi{display:none}.features-flow .bento{grid-template-areas:"agents agents" "notify focus" "mail remind" "home home" "play voice" "notes notes" "light light"}.features-flow .features{min-height:0;padding-top:24px}}@media (max-width:640px){.features-flow .bento{grid-template-columns:1fr;grid-template-areas:"agents" "notify" "focus" "mail" "remind" "home" "play" "voice" "notes" "light"}}.hero-stage[data-arrive=true]:not([data-live=true]) .hero-mochi{opacity:0}.spot-gl{position:absolute;z-index:1;top:-18%;left:-60%;width:220%;max-width:none;height:118%;pointer-events:none}.spot-drop{position:relative;z-index:2}.desk-top{position:absolute;top:310px;left:-1100px;width:3712px;height:2000px;transform-origin:50% 700px;transform:rotateX(72deg) translateZ(-3px);transform-style:preserve-3d;pointer-events:none}.desk-top>*{opacity:0;transition:opacity .9s ease}.stage-pin[data-far=true] .desk-top>*{opacity:1}.stage-pin:not([data-far=true]) .desk-top{visibility:hidden;transition:visibility 0s linear .6s}.stage-pin:not([data-far=true]) .desk-top>*{transition:opacity .6s ease}.dt-wood{position:absolute;inset:0;border-radius:60px;background:radial-gradient(760px 360px at 1856px 760px,rgba(140,203,255,.16),rgba(140,203,255,.05) 55%,transparent),radial-gradient(820px 590px at 1856px 1280px,rgba(0,0,0,.6),rgba(0,0,0,.35) 60%,transparent),radial-gradient(1300px 750px at 1856px 930px,rgba(255,214,170,.34),rgba(255,190,140,.12) 50%,transparent 80%),repeating-linear-gradient(92deg,rgba(0,0,0,0) 0 22px,rgba(0,0,0,.1) 22px 25px,rgba(255,220,180,.03) 25px 40px),linear-gradient(180deg,#24160f,#3b2518 35%,#34211a 70%,#2a1a12);box-shadow:inset 0 0 0 3px rgba(255,214,170,.08),inset 0 -40px 60px -30px rgba(0,0,0,.6)}.dt-edge{left:0;right:0;bottom:0;height:70px;transform-origin:50% 100%;transform:translateY(70px) rotateX(-90deg) translateY(-70px);background:linear-gradient(180deg,#4a2f20,#1c110b);border-radius:0 0 20px 20px}.dt-edge,.prop{position:absolute}.prop{display:block}.stand{transform-origin:50% 100%;transform:rotateX(-90deg)}.p-plant{left:calc(50% - 1480px);top:150px;width:640px;height:494px}.p-mug{left:calc(50% + 960px);top:420px;width:400px;height:332px}.sticky{display:grid;align-content:start;grid-gap:6px;gap:6px;width:300px;height:300px;padding:34px 32px;font-family:var(--font-hand),"Bradley Hand",cursive;font-size:50px;line-height:1.02;color:#3a2f1d;background:linear-gradient(160deg,#fbe98a,#f3d45c);border-radius:4px 4px 22px 4px;box-shadow:0 30px 40px -18px rgba(0,0,0,.55),inset 0 -10px 18px -12px rgba(120,90,20,.35)}.sticky b{font-weight:600;margin-bottom:4px}.sticky span[data-done=true]{text-decoration:line-through;text-decoration-thickness:3px;opacity:.6}.s-today{left:calc(50% - 1320px);top:1020px;transform:rotate(-9deg)}.s-pink{left:calc(50% - 1560px);top:1330px;width:270px;height:230px;font-size:44px;background:linear-gradient(160deg,#ffc6de,#f7a1c6);transform:rotate(7deg)}.p-note{left:calc(50% + 860px);top:1110px;width:780px;height:381px}.spot .hero-live{-webkit-mask-image:linear-gradient(180deg,#000 90%,transparent);mask-image:linear-gradient(180deg,#000 90%,transparent)}.vf-player,.vf-poster{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.vf-player{pointer-events:none;opacity:0;transition:opacity .6s ease}.vf-player[data-ready=true]{opacity:1}img.vs-thumb{display:block;width:100%;object-fit:cover}.pin-dark{position:absolute;z-index:0;inset:0;background:#07080b;opacity:0;pointer-events:none}.nt-wing.lv{animation:lv-in .52s cubic-bezier(.2,.8,.2,1) both}@keyframes lv-in{0%{opacity:0;filter:blur(6px);transform:scale(.85)}}.nt-wing.lv.left{transform-origin:0 50%}.nt-wing.lv.right{transform-origin:100% 50%}.lv-icon{position:relative;display:grid;place-items:center;width:24px;height:24px}.lv-mark{width:17px;height:17px}.lv-ring{position:absolute;inset:-1px;width:26px;height:26px;animation:lv-spin 1.4s linear infinite}.lv-ring circle{fill:none;stroke:#8ccbff;stroke-width:2;stroke-linecap:round;stroke-dasharray:28 72}@keyframes lv-spin{to{transform:rotate(1turn)}}.lv-icon[data-kind=need]:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 1.5px #8ccbff;animation:lv-need 1.6s ease-out infinite}@keyframes lv-need{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.lv-wave{display:flex;align-items:center;gap:3px;height:18px}.lv-wave i{width:3px;height:100%;border-radius:2px;background:linear-gradient(180deg,#e6ebf2,#8ccbff);transform-origin:50% 50%;animation:lv-bar .9s ease-in-out infinite alternate}.lv-wave i:nth-child(2){animation-delay:-.3s}.lv-wave i:nth-child(3){animation-delay:-.6s}.lv-wave i:nth-child(4){animation-delay:-.15s}.lv-wave i:nth-child(5){animation-delay:-.45s}@keyframes lv-bar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.lv-glyph{width:20px;height:20px;fill:none;stroke:#8ccbff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.lv-digits{font-size:15px;font-weight:600;letter-spacing:.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#8ccbff}.lv-need{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:#8ccbff}.lv-need i{width:6px;height:6px;border-radius:50%;background:currentColor}.lv-check{width:20px;height:20px;fill:none;stroke:#30d158;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lv-check path{stroke-dasharray:14;animation:lv-tick .42s ease-out .18s both}@keyframes lv-tick{0%{stroke-dashoffset:14}}@media (prefers-reduced-motion:reduce){.lv-icon[data-kind=need]:after,.lv-ring,.lv-wave i{animation:none}}.hero2-lede .l-short{display:none}@media (max-width:640px){.hero2-alt,.hero2-fine,.hm-row+.hm-row{display:none}.hero2-meta{padding-top:14px}.hm-row{grid-template-columns:auto 1fr;gap:12px}.hm-row dt{font-size:12px}.hm-row dd{gap:6px 14px;font-size:13px}.hero2-lede .l-long{display:none}.hero2-lede .l-short{display:inline}.hero2-actions{flex-wrap:nowrap;gap:8px}.hero2-actions .btn-large{--h:46px;padding:0 16px;font-size:15px}}.nt-real{position:absolute;top:0;left:50%;translate:-50% 0;z-index:5;max-width:880px;height:auto;pointer-events:none}.nt[data-real=true] .compact,.nt[data-real=true] .isl,.nt[data-real=true] .nt-fil,.nt[data-real=true] .nt-shape,.nt[data-real=true] .nt-wing{display:none!important}.nt[data-real=true]{filter:none}.beam{background:conic-gradient(from 161deg at 50% 0,transparent 0deg,rgba(255,247,236,.025) 2deg,rgba(255,247,236,.08) 5deg,rgba(255,248,238,.17) 9deg,rgba(255,249,241,.26) 13deg,rgba(255,250,244,.32) 17deg,rgba(255,250,244,.32) 21deg,rgba(255,249,241,.26) 25deg,rgba(255,248,238,.17) 29deg,rgba(255,247,236,.08) 33deg,rgba(255,247,236,.025) 36deg,transparent 38deg 1turn),conic-gradient(from 172deg at 50% 0,transparent 0deg,rgba(255,252,247,.1) 6deg,rgba(255,252,247,.1) 10deg,transparent 16deg 1turn);-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.95) 18%,rgba(0,0,0,.82) 45%,rgba(0,0,0,.64) 72%,rgba(0,0,0,.44) 90%,transparent);mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.95) 18%,rgba(0,0,0,.82) 45%,rgba(0,0,0,.64) 72%,rgba(0,0,0,.44) 90%,transparent)}.beam .haze:before{opacity:.5}.spot-floor{width:150%;height:26%;background:radial-gradient(closest-side,rgba(8,9,12,.55) 0,rgba(8,9,12,.3) 14%,transparent 26%),radial-gradient(closest-side,rgba(255,248,238,.52),rgba(255,246,234,.32) 30%,rgba(255,244,230,.15) 55%,rgba(255,244,230,.05) 75%,transparent)}.nt-real-panel{width:880px;border-radius:0 0 30px 30px;animation:nt-panel-in .52s var(--spring) both;transform-origin:50% 0}@keyframes nt-panel-in{0%{opacity:0;transform:scale(.94,.4)}}@media (prefers-reduced-motion:reduce){.nt-real-panel{animation:none}}.phone-only{display:none}@media (max-width:899px) and (orientation:portrait){.desk-only{display:none}.phone-only{display:block}}.ending{display:inline-grid;overflow:hidden;-webkit-clip-path:inset(0 -.3em);clip-path:inset(0 -.3em);padding-bottom:.08em;margin-bottom:-.08em;vertical-align:bottom}.ending-w{grid-area:1/1;white-space:nowrap;color:#fff}.ending-w .ch{display:inline-block;opacity:0;transform:translateY(.4em)}.ending-w[data-at=on] .ch{opacity:1;transform:none;transition:opacity .26s ease calc(.22s + var(--c) * 20ms),transform .64s var(--spring) calc(.22s + var(--c) * 20ms)}.ending-w[data-at=was] .ch{opacity:0;transform:translateY(-.25em);transition:opacity .18s ease,transform .22s ease-in}.ending-w[data-at=next] .ch{transition:none}.nt-morph{--u:1.2px;z-index:5}.stage[data-intro="3"] .hero2,.stage[data-intro="4"] .hero2,.stage[data-intro="5"] .hero2{z-index:22}.fm{z-index:5;left:50%;width:0;height:0}.fm,.fm-shape{position:absolute;top:0}.fm-shape{left:0;overflow:hidden;background:#000;box-shadow:0 24px 60px -24px rgba(0,0,0,.9);transition:background-color .14s ease}.fm-shape:is([data-s=panel],[data-s=agents]){background:#fbfbfd}.fm-c{position:absolute;top:0;left:50%;max-width:none;opacity:0;filter:blur(4px);transform:translateX(-50%) scale(.97);transform-origin:50% 0;visibility:hidden;transition:opacity var(--swap) ease,filter var(--swap) ease,transform .38s var(--spring),visibility 0s linear .4s;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fm-panel:not([data-on=true]){filter:blur(3px)}.fm-c[data-on=true]{opacity:1;filter:blur(0);transform:translateX(-50%);visibility:visible;transition-delay:70ms,70ms,0s,0s}.fm-c>img{display:block;max-width:none}.fm-k,.fm-pz{position:absolute;left:0;top:0;transform-origin:0 0}.fm-pz{width:880px;height:392px}.fm-rail{position:absolute;left:0;top:72px;width:880px;height:320px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent)}.fm-rail[data-start=true]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}.fm-strip{position:absolute;left:0;top:0;width:7170px;height:320px}.fm-cursor{position:absolute;left:-5px;top:-3px;z-index:5;width:26px;height:26px;pointer-events:none;opacity:0;transition:opacity .3s ease}.fm-cursor[data-on=true]{opacity:1}.fm-cursor svg{width:100%;height:100%;fill:#000;stroke:#fff;stroke-width:1.5;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));transform-origin:5px 3px;transition:transform .12s var(--ease-out)}.fm-cursor[data-down=true] svg{transform:scale(.86)}.fm-mode{--pk-ink:#11131f;--pk-accent:#11131f;--pk-veil:rgba(17,19,32,0.06);position:absolute;left:0;top:0;width:300px;padding:14px 16px 16px;display:grid;grid-gap:10px;gap:10px;justify-items:start;border-radius:20px;background:#fbfbfd;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 24px 60px -24px rgba(0,0,0,.75);transform-origin:50% 0;font-family:var(--font-geist),system-ui,sans-serif;opacity:0;filter:blur(4px);visibility:hidden;transition:opacity var(--swap) ease,filter var(--swap) ease,visibility 0s linear .4s;pointer-events:none}.fm-mode[data-on=true]{opacity:1;filter:blur(0);visibility:visible;transition-delay:0s}.fm-mode-t{margin:0;font-size:15px;font-weight:600;color:#11131f}.fm-mode-s{margin:0;font-size:12.5px;color:#606476}.nt-stage{display:none}@media (max-width:640px){.features-flow .bento{height:auto}}.hero2-actions{position:relative;z-index:0}@media (min-width:641px){.hero2-actions .btn-glass{--h:52px;gap:12px;padding:0 22px 0 8px;font-size:16px;font-weight:600;letter-spacing:-.012em;background:rgba(255,255,255,.075);box-shadow:inset 0 0 0 1px rgba(255,255,255,.11);transition:transform .32s var(--spring),background-color .16s ease,box-shadow .16s ease}.hero2-actions .btn-glass .play{flex:none;width:36px;height:36px;background:#eceef3;box-shadow:0 1px 2px rgba(0,0,0,.35);transition:transform .32s var(--spring),background-color .16s ease}.hero2-actions .btn-glass .play svg{display:block;width:12px;height:12px;margin:0}.hero2-actions .btn-glass:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.hero2-actions .btn-glass:hover{background:rgba(255,255,255,.11);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}.hero2-actions .btn-glass:hover .play{transform:scale(1.04);background:#fff}}}.stage-scene[data-desk=off] .desk-top{visibility:hidden}