.j-scene{position:relative;min-height:var(--j-height)}.j-stick{position:sticky;top:0;height:100vh;overflow:hidden}.j-scene.is-active .j-will{will-change:transform}.j-progress{position:fixed;z-index:90;right:10px;top:30vh;width:2px;height:40vh;background:#7f7f7f4d}.j-progress i{position:absolute;inset:0;background:var(--lime);transform-origin:top;animation:j-grow linear both;animation-timeline:scroll(root)}@keyframes j-grow{0%{transform:scaleY(0)}}@supports not (animation-timeline: view()){.j-scene{min-height:0}.j-stick{position:relative;height:auto}.j-progress{display:none}}@media(prefers-reduced-motion:reduce){.j *{animation:none!important}.j-scene{min-height:0}.j-stick{position:relative;height:auto}.j-progress{display:none}}.j-hero{display:grid;place-items:center;min-height:100vh;text-align:center;padding:120px 6vw 60px;overflow:hidden}.j-hero h1{font-size:clamp(64px,9.6vw,148px);max-width:12ch;margin:22px auto 0}.j-hero mark{color:inherit;background:linear-gradient(transparent 62%,var(--lime) 62%)}.j-hero p{margin:28px auto 0}.j-wob{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:48px}.j-wob span{font:500 13px var(--font-label);border:1.5px solid;border-radius:4px;padding:8px 12px;animation:j-wob 2.6s ease-out infinite alternate}.j-wob span:last-child{background:var(--ink);color:var(--bone)}@keyframes j-wob{0%{transform:rotate(-4deg) translateY(-3px)}to{transform:rotate(4deg) translateY(4px)}}.j-glass .j-stick{display:grid;place-items:center;padding-top:var(--topbar-h);background:var(--ink-deep);animation:j-deep linear both;animation-timeline:--glass;animation-range:contain 0% contain 30%}@keyframes j-deep{0%{background-color:var(--bone)}}.j-card{position:relative;overflow:hidden;width:94vw;height:88vh;padding:56px;border-radius:14px;background:var(--ink);color:var(--bone);animation:j-card linear both;animation-timeline:--glass;animation-range:contain 0% contain 35%}@keyframes j-card{0%{transform:scale(.5)}}.j-card h2{font-size:clamp(40px,6vw,96px);max-width:11ch;margin:16px 0 20px}.j-copy p{margin:0 0 16px}.j-pipe{position:absolute;right:56px;bottom:56px;width:640px;height:440px;transform-origin:100% 100%}.j-blk{position:absolute;font:500 13px var(--font-label);white-space:nowrap;border:1.5px solid;border-radius:4px;padding:8px 12px;background:var(--ink-soft)}.j-app{background:var(--lime);color:var(--ink);font-weight:700}.j-tok{position:absolute;left:0;top:0;offset-path:path("M0,30 C120,10 160,140 260,120 S380,260 470,200 S560,60 640,40");animation:j-flow 3.2s linear var(--d) infinite}.j-lk{offset-path:path("M0,30 C120,10 160,140 260,120");animation-name:j-leak}.j-tok i,.j-pile i{display:block;width:13px;height:13px;border-radius:50%;background:var(--lime)}.j-lk i{animation:j-fall 3.2s linear var(--d) infinite}@keyframes j-flow{85%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes j-leak{50%,to{offset-distance:100%}}@keyframes j-fall{50%{transform:none;opacity:1}to{transform:translateY(270px);opacity:0}}.j-pile{position:absolute;left:226px;bottom:0;width:70px;display:flex;flex-wrap:wrap-reverse;justify-content:center;gap:3px}.j-pile i{animation:j-pop linear both;animation-timeline:--glass}@keyframes j-pop{0%{opacity:0;transform:translateY(-16px)}}.j-count{position:absolute;left:56px;bottom:56px;margin:0}.j-count b{display:block;font:800 clamp(44px,5vw,80px)/1 var(--font-display)}@media(max-width:820px){.j-card{padding:24px}.j-pipe{right:12px;bottom:110px;scale:.4}.j-count{left:24px;bottom:24px}}@media(max-width:820px)and (max-height:740px){.j-card h2{font-size:34px;margin:10px 0 12px}.j-copy p{margin:0 0 10px}.j-pipe{scale:.3;bottom:88px}.j-count{bottom:16px}.j-count b{font-size:36px}}@supports not (animation-timeline: view()){.j-stick,.j-card,.j-pile i{animation:none}}@media(prefers-reduced-motion:reduce){.j-tok{display:none}}.j-cam{background:var(--ink-deep);color:var(--bone)}.j-cam-copy{position:absolute;inset:0 auto 0 0;z-index:5;width:min(560px,42vw);background:linear-gradient(90deg,var(--ink-deep) 70%,transparent)}.j-ph{position:absolute;z-index:6;top:130px;left:56px;width:min(32ch,36vw);animation:j-io linear both;animation-timeline:--cam}.j-p1{animation-name:j-out}.j-ph h2{font-size:clamp(40px,4.8vw,76px);margin:14px 0 16px}.j-ph p{color:var(--ink-bright);margin:0}@keyframes j-io{0%{opacity:0;transform:translateY(20px)}12%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-20px)}}@keyframes j-out{85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-20px)}}@keyframes j-in{0%{opacity:0;transform:translateY(20px)}}.j-world{position:absolute;right:4vw;top:14vh;width:min(54vw,90vh);aspect-ratio:5/4;transform-origin:80% 68.5%;animation:j-fly linear both;animation-timeline:--cam;animation-range:contain 0% contain 55%}@keyframes j-fly{0%,38%{transform:scale(.82)}82%{transform:scale(3.2);opacity:1}to{transform:scale(4);opacity:0}}.j-mv{display:block;width:100%;height:100%;overflow:visible;font:500 13px var(--font-label);color:var(--ink-bright)}.j-mv g{stroke:var(--ink-line)}.j-mv text{fill:currentColor;stroke:none}.j-mv-hi{stroke:var(--ink-bright)}.j-mv-sky{stroke:var(--sky);color:var(--sky)}.j-mv-on{stroke:var(--lime);color:var(--lime)}.j-mv-s{font-size:11px}.j-mv-app{fill:var(--lime);stroke:var(--lime);color:var(--ink);font-weight:700}.j-sen{position:absolute;left:0;top:80vh;width:1px;height:50vh;pointer-events:none}.j-sen3{top:420vh}.j-xp-range{top:360vh;bottom:0;height:auto}@media(max-width:820px){.j-cam-copy{inset:0 0 auto;width:auto;height:44vh;background:linear-gradient(var(--ink-deep) 85%,transparent)}.j-ph{top:calc(var(--topbar-h) + 8px);left:24px;right:24px;width:auto}.j-ph h2{font-size:34px;margin:10px 0 12px}.j-world{right:5vw;top:44vh;width:90vw}}@supports not (animation-timeline: view()){.j-cam .j-ph,.j-world{animation:none}.j-cam .j-stick{display:flex;flex-direction:column;gap:48px;padding:96px 6vw}.j-cam-copy{display:contents}.j-ph,.j-world{position:relative;inset:auto;width:auto;max-width:44ch}.j-p1{order:-2}.j-world{order:-1;max-width:640px}.j-sen{top:0;height:40vh}.j-sen3{top:auto;bottom:0}}@media(prefers-reduced-motion:reduce){.j-cam .j-stick{display:flex;flex-direction:column;gap:48px;padding:96px 6vw}.j-cam-copy{display:contents}.j-ph,.j-world{position:relative;inset:auto;width:auto;max-width:44ch}.j-p1{order:-2}.j-world{order:-1;max-width:640px}.j-sen{top:0;height:40vh}.j-sen3{top:auto;bottom:0}}.j-stack{position:relative;max-width:520px;--dz:78px}.j-stack3d{display:flex;flex-direction:column-reverse;gap:8px}.j-layer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-height:56px;padding:14px 18px;border:1.5px solid var(--ink-mute);border-radius:10px;background:#262a44eb;color:var(--bone);font:500 14px var(--font-label);text-align:left;cursor:pointer}.j-layer small{color:var(--ink-bright);font-size:12px}.j-layer:hover,.j-layer[aria-expanded=true]{border-color:var(--sky)}.j-layer:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:10px}.j-layer[data-layer=app]{background:var(--lime);border-color:var(--lime);color:var(--ink);font-weight:700}.j-layer[data-layer=app] small{color:var(--ink)}.j-hint{margin:16px 0 0;color:var(--ink-bright);font-size:15px}.j-stack:has([aria-expanded=true]) .j-hint{visibility:hidden}.j-tech{position:relative;max-width:520px;padding:20px 22px;border:1.5px solid var(--sky);border-radius:12px;background:var(--ink-soft);color:var(--bone)}.j-tech p{margin:0 0 10px;max-width:44ch;font-size:16px;line-height:1.55}.j-tech .j-tech-k{font:500 12px var(--font-label);color:var(--sky);margin-right:80px}.j-tech h3{margin:0 0 8px;font:800 24px/1.1 var(--font-display)}.j-tech .j-tech-s{font-size:14px;color:var(--ink-bright)}.j-tech a{color:var(--mint);font-weight:700}.j-tech-x{position:absolute;top:14px;right:14px;padding:4px 12px;border:1.5px solid var(--ink-line);border-radius:99px;background:none;color:var(--ink-bright);font:500 13px var(--font-body);cursor:pointer}@media(max-width:820px){.j-layer{padding:10px 14px;font-size:13px}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.j-stack{position:absolute;z-index:7;right:8vw;top:30vh;width:38vw;height:50vh;max-width:none;perspective:1800px;pointer-events:none;animation:j-xin linear both;animation-timeline:--cam;animation-range:contain 46% contain 54%}@keyframes j-xin{0%{opacity:0}}.j-stack.is-on{pointer-events:auto}.j-stack3d{display:block;position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(58deg) rotate(-38deg) scale(.9);animation:j-tilt linear both;animation-timeline:--cam;animation-range:contain 46% contain 100%}@keyframes j-tilt{0%{transform:rotateX(0) rotate(0) scale(.9)}45%,85%{transform:rotateX(58deg) rotate(-38deg) scale(.9)}to{transform:rotateX(24deg) rotate(-14deg) scale(.95)}}.j-layer{position:absolute;inset:48% 0 auto;height:34%;min-height:0;transform:translateZ(calc(var(--i) * var(--dz)));animation:j-explode linear both;animation-timeline:--cam;animation-range:contain 46% contain 100%}@keyframes j-explode{0%{transform:none}35%,75%{transform:translateZ(calc(var(--i) * var(--dz)))}to{transform:translateZ(calc(var(--i) * 14px))}}.j-stack:has(:focus-visible),.j-stack:has(:focus-visible) .j-stack3d,.j-stack:has(:focus-visible) .j-layer{animation:none!important}.j-hint{position:absolute;bottom:0;left:0;margin:0}.j-tech{position:absolute;z-index:9;right:4vw;bottom:24px;width:min(400px,40vw);max-width:none}@media(max-width:820px){.j-stack{right:10vw;top:46vh;width:80vw;height:36vh;--dz:34px}.j-tech{left:16px;right:16px;bottom:16px;width:auto}}@media(max-width:820px)and (max-height:740px){.j-stack{top:54vh;height:28vh;--dz:22px}}}}@supports not (animation-timeline: view()){.j-stack{pointer-events:auto}}@media(prefers-reduced-motion:reduce){.j-stack{pointer-events:auto}}.j-p3{animation-name:j-in}.j-drv{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}.j-drv li{border:1.5px solid var(--ink-line);border-radius:99px;padding:5px 14px;font-weight:700;animation:j-in linear both;animation-timeline:--cam}.j-flow{position:absolute;z-index:6;left:56px;right:56px;bottom:64px;animation:j-in linear both;animation-timeline:--cam;animation-range:contain 76% contain 84%}.j-flow p{margin:0 0 14px;color:var(--ink-bright)}.j-flow b{font:800 28px/1 var(--font-display);color:var(--lime);margin-right:6px}.j-flow span{position:relative;display:flex;justify-content:space-between;height:3px;background:var(--ink-line)}.j-flow i{position:absolute;inset:-5px 0 auto;animation:j-run 1.6s linear var(--d) infinite}.j-flow i:before{content:"";display:block;width:13px;height:13px;border-radius:50%;background:var(--lime)}@keyframes j-run{0%{transform:none;opacity:0}10%,90%{opacity:1}to{transform:translate(calc(100% - 13px));opacity:0}}@media(max-width:820px){.j-drv li{padding:3px 10px}.j-flow{left:24px;right:24px;bottom:32px}.j-flow b{font-size:22px}}@supports not (animation-timeline: view()){.j-drv li,.j-flow{animation:none}.j-flow{position:relative;inset:auto;margin-top:32px}}@media(prefers-reduced-motion:reduce){.j-flow{position:relative;inset:auto;margin-top:32px}.j-flow i{position:static;margin-top:-5px}}.j-multi{background:var(--ink-deep);color:var(--bone)}.j-multi .j-stick{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:4vw;padding:var(--topbar-h) 56px 0}.j-multi h2{font-size:clamp(48px,6vw,104px);margin:16px 0 20px}.j-multi p{color:var(--ink-bright);margin:0;max-width:34ch}.j-mt{display:block;width:100%;height:auto;overflow:visible;font:500 13px var(--font-body)}.j-mt text{fill:var(--bone)}.j-fd{fill:var(--ink-soft);stroke:var(--ink-line)}.j-br{fill:none;stroke:var(--ink-bright);stroke-width:2;stroke-dasharray:100;animation:j-draw linear both;animation-timeline:--multi;animation-range:contain 5% contain 55%}@keyframes j-draw{0%{stroke-dashoffset:100}}#j-mk4 .j-br{stroke:#fff;stroke-width:4}.j-br-x{stroke-dasharray:6 8;opacity:.25;animation-name:j-dead;animation-range:contain 55% contain 85%}@keyframes j-dead{0%{opacity:1}}.j-nd{animation:j-pop linear both;animation-timeline:--multi;animation-range:contain 40% contain 60%}.j-nd rect{fill:var(--ink-soft);stroke:var(--ink-bright)}.j-nd-on rect{fill:var(--lime);stroke:var(--lime)}.j-nd-on text{fill:var(--ink);font-weight:700}.j-nd-x{opacity:.3;animation-name:j-ndx;animation-range:contain 40% contain 85%}@keyframes j-ndx{0%{opacity:0}45%{opacity:1}to{opacity:.3}}@media(max-width:820px){.j-multi .j-stick{grid-template-columns:1fr;align-content:center;gap:32px;padding:var(--topbar-h) 24px 24px}.j-multi h2{font-size:40px;margin:10px 0 12px}.j-mt{max-height:44vh;font-size:18px}}@supports not (animation-timeline: view()){.j-br,.j-nd{animation:none}.j-multi .j-stick{padding-block:96px}}@media(prefers-reduced-motion:reduce){.j-multi .j-stick{padding-block:96px}}.j-promise{display:grid;place-items:center;min-height:100vh;padding:120px 6vw 80px;background:var(--lime);color:var(--ink);text-align:center}.j-promise h2{font-size:clamp(56px,9vw,150px);max-width:13ch;margin:20px auto 0}.j-route{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:40px 0 28px;padding:0;list-style:none;font-weight:700}.j-route li{display:flex;align-items:center;gap:12px;animation:j-in linear both;animation-timeline:view()}.j-route li+li:before{content:"→"/"";font-weight:400}.j-route a{display:block;border:1.5px solid;border-radius:99px;padding:8px 18px;color:inherit;text-decoration:none}.j-route a:hover{background-color:var(--ink);color:var(--lime)}.j-route a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.j-promise p{max-width:44ch;margin:0 auto 32px}@media(max-width:820px){.j-promise{padding:96px 24px 64px}.j-promise h2{font-size:48px}}@supports not (animation-timeline: view()){.j-route li{animation:none}}@media(prefers-reduced-motion:reduce){.j-promise{min-height:0}}