.hero{--cloud:light-dark(var(--paper),color-mix(in srgb,var(--brand) 40%,var(--ink)));display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px;align-items:center;margin:0 calc(50% - 50vw);padding:72px max(20px,calc(50vw - 540px)) 0;background:light-dark(var(--brand-2),color-mix(in srgb,var(--brand) 14%,var(--ink)));overflow:hidden;view-timeline:--hero}.hero .live{margin-bottom:32px}.hero .live .counters li:first-child{border-color:light-dark(transparent,var(--butter-ink))}.hero h1{font-size:clamp(2.4rem,1.3rem + 3.6vw,4rem);letter-spacing:-.035em;line-height:1.03;max-width:14ch;margin-bottom:20px}.hero .lede{font-size:1.1875rem;margin-bottom:28px}.roll{display:inline-grid;justify-items:start;color:var(--brand-ink);perspective:6em}.r4{display:grid}.roll>span{grid-area:1/1;white-space:nowrap;transform-origin:50% 50% -.45em;backface-visibility:hidden}.roll>span+span{opacity:0}.roll>:nth-child(2){--i:1}.roll>:nth-child(3){--i:2}.roll>:nth-child(4){--i:3}.roll>:nth-child(5){--i:4}.scene{position:relative;width:100%;max-width:460px;aspect-ratio:1;justify-self:center;align-self:end;display:grid;place-items:end center;transform-style:preserve-3d}.mound{position:absolute;left:4%;right:4%;bottom:-22%;height:42%;border-radius:50%;background:var(--cloud)}.mound::before{width:34%;aspect-ratio:1;left:10%;top:-16%}.mound::after{width:30%;aspect-ratio:1;right:12%;top:-12%}.mascot.herom{width:min(320px,64vw);height:auto;margin-inline:auto}.mascot.herom :is(.m-ear,.m-head){stroke-width:1.5}.scene .mascot.herom{position:relative;width:64%;margin:0 0 7%;z-index:1}.tok{position:absolute;width:26%;aspect-ratio:1;z-index:2;overflow:visible}.tok .ray{fill:none;stroke:var(--butter-ink);stroke-width:3;stroke-linecap:round}.tok .disc{fill:var(--butter);stroke:var(--ink);stroke-width:2.5}.tok .ring{fill:none;stroke:color-mix(in srgb,var(--ink) 70%,var(--butter));stroke-width:2}:is(.ftok,.orbit i)::after{content:"";position:absolute;inset:20%;border-radius:50%;border:2px solid color-mix(in srgb,var(--ink) 70%,var(--butter))}.t1{top:23%;left:0}.t2{top:16%;right:3%;width:22%}.t3{top:41%;right:0;width:17%}.orbit{position:absolute;top:24%;left:11%;width:78%;aspect-ratio:1;border-radius:50%;border:2.5px dashed color-mix(in srgb,var(--ink) 45%,transparent);transform:rotateX(76deg);transform-style:preserve-3d;pointer-events:none}.orbit i{--a:30deg;position:absolute;top:50%;left:50%;width:14%;aspect-ratio:1;margin:-7%;border-radius:50%;background:var(--butter);border:2.5px solid var(--ink);transform:rotate(var(--a)) translateX(357%) rotate(calc(-1*var(--a))) rotateX(-76deg)}.orbit i:nth-child(2){--a:150deg}.orbit i:nth-child(3){--a:270deg}.flowsec{position:relative;isolation:isolate;overflow-x:clip;margin:0 calc(50% - 50vw);padding:80px 0 72px;view-timeline:--sheet}.flowsec::before{content:"";position:absolute;inset:0 -64px;z-index:-1;background:var(--block)}.wrap-in{max-width:1120px;margin:0 auto;padding:0 20px}.flowsec h2,.works h2,.faq h2,.vault h2,.maint h2{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.25rem);letter-spacing:-.025em;margin-bottom:28px}.flow{position:relative;container-type:inline-size;view-timeline-name:--flow}.flow-path{position:absolute;inset:0 0 auto;width:100%;height:120px;overflow:visible;pointer-events:none}.fp-base,.fp-draw{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.fp-base{stroke:color-mix(in srgb,var(--ink) 22%,transparent);stroke-width:2;stroke-dasharray:2 7}.fp-draw{stroke:var(--brand-ink);stroke-width:3}.ftok{position:absolute;top:49px;left:calc(16.7cqw - 11px);width:22px;height:22px;border-radius:50%;background:var(--butter);border:2.5px solid var(--ink);z-index:1;opacity:0}.stations{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;position:relative}.stations li{text-align:center;transition:transform .4s var(--spring)}.stations p{color:var(--fg-2);max-width:30ch;margin-inline:auto}.art{display:grid;place-items:center;width:120px;height:120px;margin:0 auto 18px;border-radius:50%;background:var(--bg);border:2px solid var(--ink);position:relative;z-index:2;transition:rotate .9s var(--spring)}.art svg{width:68%;height:auto}.art .lap,.art .card{fill:var(--paper);stroke:var(--ink);stroke-width:2.5}.art .scr{fill:var(--sky)}.art .lapb{fill:var(--brand);stroke:var(--ink);stroke-width:2.5;stroke-linejoin:round}.art .key{fill:var(--butter);stroke:var(--ink);stroke-width:2}.art .keyl,.art .cl,.art .okl{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.art .cl{stroke:color-mix(in srgb,var(--ink) 35%,var(--paper))}.art .ok{fill:var(--mint);stroke:var(--ink);stroke-width:2}.st2 .art{background:var(--brand-2)}.art .mascot.flowm{width:78%;height:auto}.works{padding:72px 0 40px}.works>p{color:var(--fg-2);max-width:44em}.works>p.row{max-width:none}@media (max-width:640px){.pgrid>.card:nth-child(n+4){display:none}}.providers{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}.providers li{display:inline-flex;align-items:center;padding:10px 18px;border:1.5px solid var(--line);border-radius:999px;background:var(--bg);font-weight:600;transition:transform .35s var(--spring),background-color .2s,border-color .2s}.providers li:hover{transform:translateY(-5px) rotate(-2deg);background:var(--butter-2);border-color:var(--butter-ink)}.providers li:nth-child(2n):hover{transform:translateY(-5px) rotate(2deg);background:var(--mint-2);border-color:var(--mint-ink)}.providers .logo{width:22px;height:22px;margin-right:10px;transition:transform .45s var(--spring)}.providers li:hover .logo{transform:rotate(-14deg) scale(1.2)}.providers .logo-openrouter{width:31px}.works-agents{margin:28px 0 0}.agentstrip{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.agentstrip a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg-2);color:var(--fg-2);font-weight:500;font-size:.9375rem;text-decoration:none;transition:transform .35s var(--spring),color .15s,border-color .15s,background-color .15s}.agentstrip a:hover{color:var(--fg);border-color:var(--line-2);background:var(--bg);transform:translateY(-3px)}.agentstrip svg{width:20px;height:20px;flex:none;transition:transform .45s var(--spring)}.agentstrip a:hover svg{transform:scale(1.2) rotate(-10deg)}.agentstrip .more a{padding-left:14px;color:var(--fg);font-weight:600}.maint{margin-top:56px}.maint h2{margin-bottom:12px}.maint p:not(.row){max-width:40em}.faq .row{margin-top:28px}.filmsec{perspective:1400px}.screen{position:relative;isolation:isolate;border-radius:var(--r-xl);transition:transform .45s var(--spring)}.screen::before,.screen::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:0 24px 60px -24px var(--brand)}.screen::after{box-shadow:0 40px 90px -30px var(--brand);opacity:0;transition:opacity .35s}.screen:hover{transform:translateY(-6px)}.screen:hover::after{opacity:1}.film{display:block;width:100%;height:auto;border-radius:var(--r-xl)}a.film{position:relative;overflow:hidden;aspect-ratio:16/9}a.film img{display:block;width:100%;height:100%;object-fit:cover}.film .play{position:absolute;inset:0;margin:auto;width:76px;height:76px;display:grid;place-items:center;border:4px solid var(--brand);border-radius:50%;background:var(--paper);color:var(--ink)}.film .play .ic{width:30px;height:30px}.faq{margin:24px calc(50% - 50vw) 0;padding:80px 0 88px;background:var(--butter-2)}.qs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.qs details{border:1.5px solid var(--line);border-radius:var(--r-lg);background:var(--bg);transition:transform .5s var(--ease-out),border-color .2s}.qs details:hover,.qs details[open]{border-color:var(--line-2)}.qs summary{position:relative;display:block;padding:20px 72px 20px 22px;border-radius:var(--r-lg);font-weight:600;font-size:1.0625rem;cursor:pointer;list-style:none}.qs summary::-webkit-details-marker{display:none}.qs summary::before{content:"";position:absolute;top:50%;right:20px;width:32px;height:32px;margin-top:-16px;border-radius:50%;background:var(--butter-2);transition:transform .35s var(--spring),background-color .2s}.qs summary::after{content:"";position:absolute;top:50%;right:32px;width:8px;height:8px;margin-top:-6px;border:solid var(--fg);border-width:0 2.5px 2.5px 0;rotate:45deg;transition:rotate .4s var(--spring),translate .4s var(--spring)}.qs summary:hover{color:var(--brand-ink)}.qs summary:hover::before{transform:scale(1.12);background:var(--butter)}.qs details[open] summary::before{background:var(--butter)}.qs details[open] summary::after{rotate:225deg;translate:0 4px;border-color:var(--ink)}.qs details p{color:var(--fg-2);margin:0;padding:0 22px 22px;max-width:44em}.endcta{position:relative;margin:112px 0 32px;padding:64px 28px 56px;text-align:center;border-radius:var(--r-xl);background:var(--accent);color:var(--ink)}.endcta h2{font-size:clamp(1.8rem,1.2rem + 2vw,2.75rem);letter-spacing:-.03em;max-width:18ch;margin:0 auto 12px}.endcta p{max-width:36em;margin-inline:auto}.endcta a:not(.btn){color:var(--ink)}.endcta .btn.ghost{--b-fg:var(--ink);--b-line:var(--ink);--b-hover:color-mix(in srgb,var(--ink) 10%,var(--accent));--b-hover-line:var(--ink)}.endcta .tok{width:56px}.endcta .e1{top:28px;left:6%}.endcta .e2{bottom:24px;right:7%;width:44px}.peek{position:absolute;top:0;left:50%;width:92px;translate:-50% -64%}.peek .mascot{width:100%;height:auto}@media (prefers-reduced-motion:no-preference){.scene{transform:perspective(1000px) rotateX(calc(var(--py,0)*-7deg)) rotateY(calc(var(--px,0)*10deg));transition:transform .7s var(--ease-out)}@supports (animation-timeline:view()){.scene{animation:sink linear both;animation-timeline:--hero;animation-range:exit 0% exit 100%}}@supports (animation-timeline:view()){.hero-text{animation:lift linear both;animation-timeline:--hero;animation-range:exit 0% exit 100%}}.cloud{translate:0 0 -70px}.c2{translate:0 0 -40px}.mound{translate:0 0 -10px}.scene .mascot.herom{translate:0 0 30px}.t1{translate:0 0 90px}.t2{translate:0 0 60px}.t3{translate:0 0 120px}.orbit{animation:orbit 16s linear infinite}.orbit i{animation:coin 16s linear infinite}.pg-landing{--d0:0s}.tok{animation:popin .3s var(--spring) calc(var(--d0) + .2s) both,bob 3.4s ease-in-out calc(var(--d0) + .5s) infinite alternate}.hero-text>*{animation:arrive .35s var(--ease-out) var(--d0) both}.hero-text>:nth-child(2){animation-delay:calc(var(--d0) + 40ms)}.hero-text>:nth-child(3){animation-delay:calc(var(--d0) + 80ms)}.hero-text>:nth-child(4){animation-delay:calc(var(--d0) + 120ms)}.roll>span{animation:r5 18s cubic-bezier(.3,1.35,.5,1) calc(var(--i,0)*3.6s - .6s) infinite both}.r4>span{animation-name:r4;animation-duration:14.4s;animation-delay:calc(var(--i,0)*3.6s - 2.4s)}.scene .mascot.herom{animation:arrive .45s var(--spring) calc(var(--d0) + .1s) both}.t2{animation-delay:calc(var(--d0) + .28s),calc(var(--d0) + .6s);animation-duration:.3s,3.9s}.t3{animation-delay:calc(var(--d0) + .36s),calc(var(--d0) + .7s);animation-duration:.3s,3s}@supports (animation-timeline:view()){.pg-landing::after{content:"";position:fixed;inset:0 0 auto;z-index:40;height:3px;background:var(--brand-ink);transform-origin:0 50%;animation:prog linear both;animation-timeline:scroll(root)}}h2.reveal{transform-origin:0 100%;animation-name:deep}@supports (animation-timeline:view()){.flowsec::before{border-radius:48px;animation:sheet linear both;animation-timeline:--sheet;animation-range:entry 0% entry 90%}}@supports (animation-timeline:view()){.screen.reveal{animation:unfold linear both;animation-timeline:view();animation-range:entry 0% cover 42%}}.vault{transform:perspective(1400px) rotateX(calc(var(--py,0)*-3deg)) rotateY(calc(var(--px,0)*4deg));transform-style:preserve-3d;transition:transform .6s var(--ease-out)}@supports (animation-timeline:view()){.vault.reveal,.endcta{animation:grow linear both;animation-timeline:view();animation-range:entry 0% entry 70%}}.vd{transform:translateZ(36px)}.vd-env{animation:post 3.2s var(--ease-out) infinite}.vd-seal{transform-box:fill-box;transform-origin:center;animation:seal 3.2s var(--spring) infinite}.stations li:hover{transform:translateY(-6px)}.stations li:hover .art{rotate:y 1turn}@supports (animation-timeline:view()){.agentstrip li{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 60%}}.agentstrip li:nth-child(3n+2){animation-range:entry 8% entry 68%}.agentstrip li:nth-child(3n){animation-range:entry 16% entry 76%}.qs details:hover{transform:translateY(-3px)}.qs details:nth-child(2n){animation-range:entry 12% entry 67%}.qs{interpolate-size:allow-keywords}.qs details::details-content{block-size:0;overflow:clip;transition:block-size .4s var(--ease-out),content-visibility .4s allow-discrete}.qs details[open]::details-content{block-size:auto}.endcta{transform:perspective(1200px) rotateX(calc(var(--py,0)*-5deg)) rotateY(calc(var(--px,0)*6deg));transform-style:preserve-3d;transition:transform .6s var(--ease-out)}.endcta h2{transform:translateZ(30px)}.peek{transform:translateZ(50px)}.endcta .tok{translate:0 0 70px}.endcta .btn.ink{animation:nudge 3.2s var(--spring) 1s 1}@supports (animation-timeline:view()){.fp-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:draw linear both;animation-timeline:--flow;animation-range:entry 30% cover 50%}}@supports (animation-timeline:view()){.ftok{animation:travel linear both;animation-timeline:--flow}}.f1{animation-range:cover 25% cover 55%}.f2{animation-range:cover 32% cover 62%}.f3{animation-range:cover 39% cover 69%}.ftok{animation:travel 4.2s var(--ease-out) infinite}.f2{animation-delay:1.4s}.f3{animation-delay:2.8s}.io :is(.reveal,.stations li,.providers li,.agentstrip li,.qs details){transition:opacity .6s var(--ease-out),translate .6s var(--ease-out),transform .5s var(--ease-out)}.io :is(.reveal,.stations li,.providers li,.agentstrip li,.qs details):not(.in){opacity:0;translate:0 32px}}@media (prefers-reduced-motion:no-preference) and (hover:none){.scene{animation:sway 9s ease-in-out infinite alternate}}@keyframes r4{0%{opacity:0;transform:rotateX(-100deg)}4.2%,25%{opacity:1;transform:none}29.2%,100%{opacity:0;transform:rotateX(100deg)}}@keyframes r5{0%{opacity:0;transform:rotateX(-100deg)}3.3%,20%{opacity:1;transform:none}23.3%,100%{opacity:0;transform:rotateX(100deg)}}@keyframes orbit{from{transform:rotateX(76deg) rotate(0)}to{transform:rotateX(76deg) rotate(1turn)}}@keyframes coin{from{transform:rotate(var(--a)) translateX(357%) rotate(calc(-1*var(--a))) rotate(0) rotateX(-76deg)}to{transform:rotate(var(--a)) translateX(357%) rotate(calc(-1*var(--a))) rotate(-1turn) rotateX(-76deg)}}@keyframes sway{from{transform:perspective(1000px) rotateY(-12deg) rotateX(4deg)}to{transform:perspective(1000px) rotateY(12deg) rotateX(-3deg)}}@keyframes sink{to{translate:0 60px;opacity:.6}}@keyframes lift{to{transform:translateY(-90px);opacity:0}}@keyframes prog{from{transform:scaleX(0)}}@keyframes deep{from{opacity:0;transform:perspective(600px) translateY(28px) rotateX(-38deg)}}@keyframes sheet{from{transform:scaleX(.84)}}@keyframes unfold{from{opacity:.25;rotate:x 26deg;scale:.86;translate:0 40px}}@keyframes grow{from{opacity:.4;scale:.92;translate:0 40px}}@keyframes post{0%{translate:-22px 0;opacity:0}18%,78%{opacity:1}100%{translate:22px 0;opacity:0}}@keyframes seal{0%,40%{scale:1}55%{scale:1.5}70%,100%{scale:1}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes bob{to{transform:translateY(-10px) rotate(10deg)}}@keyframes nudge{0%,88%,100%{transform:none}92%{transform:translateY(-4px) rotate(-2deg)}96%{transform:translateY(0) rotate(1deg)}}@keyframes travel{0%{opacity:0;transform:translate(0,0) scale(.6)}8%{opacity:1}12%{transform:translate(8.3cqw,-18px)}25%{transform:translate(16.6cqw,-24px)}38%{transform:translate(25cqw,-18px)}50%{transform:translate(33.3cqw,0)}62%{transform:translate(41.6cqw,18px)}75%{transform:translate(50cqw,24px)}88%{transform:translate(58.3cqw,18px)}92%{opacity:1}100%{opacity:0;transform:translate(66.6cqw,0) scale(.6)}}@keyframes arrive{from{transform:translateY(12px)}}@keyframes popin{from{opacity:0;transform:scale(.4)}}@media (max-width:760px){.stations{grid-template-columns:1fr;gap:12px}.flow-path,.ftok{display:none}.stations li+li::before{content:"";display:block;width:0;height:32px;margin:0 auto 12px;border-left:2px dashed color-mix(in srgb,var(--ink) 30%,transparent)}.qs{grid-template-columns:minmax(0,1fr)}}@media (max-width:820px){.hero{grid-template-columns:1fr;padding:32px 20px 0;gap:8px}.scene{max-width:160px;order:-1;overflow:hidden;transform-style:flat}.endcta{margin-top:80px;padding:56px 20px 44px}.faq{padding:56px 0 64px}.endcta .e1{top:-22px;left:16px;width:44px}.endcta .e2{bottom:-18px;right:16px}}@media (max-width:640px){.agentstrip li:nth-child(n+9):not(.more){display:none}}@media (max-width:480px){:is(.hero,.maint) .row .btn{flex:1 1 100%}.maint .pet{display:none}}.vault{display:grid;grid-template-columns:5fr 6fr;gap:40px;align-items:center;margin-top:56px;padding:48px 44px;border-radius:var(--r-xl);background:light-dark(var(--ink),color-mix(in srgb,var(--sky) 14%,var(--ink)));color:var(--paper);--mi:var(--mint)}.vault h2{margin-bottom:14px;color:inherit}.vd small{opacity:.82}.vault .ic,.vd-ic{color:var(--mi);stroke:var(--mi)}.vd{margin:0;display:grid;grid-template-columns:1.3fr auto 1fr;align-items:center;gap:10px;text-align:center}.vd-box{position:relative;display:flex;justify-content:space-around;gap:6px;padding:30px 10px 18px;border:2px dashed var(--mi);border-radius:18px}.vd-srv{border-style:solid}.vd-tag{position:absolute;top:-12px;left:14px;padding:2px 9px;border-radius:9px;background:var(--mi);color:var(--ink);font:700 .8125rem var(--sans)}.vd-node,.vd-wire{display:grid;justify-items:center}.vd small{font-size:.75rem}.vd-ic,.vd-m{width:52px;height:52px}.vd-ic,.vd-env{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.vd-env{width:46px;fill:var(--paper);stroke:var(--ink)}.vd-seal{fill:var(--mi)}@media (max-width:900px){.vault,.vd{grid-template-columns:minmax(0,1fr)}.vault{padding:32px 22px}}.live .counters{display:grid;grid-template-columns:repeat(2,auto);justify-content:start;gap:8px}@media (max-width:480px){.live .counters{grid-template-columns:auto}}.live .counters li{padding:6px 12px;border-radius:999px;background:var(--bg-2);border:1px solid var(--line)}.live .counters li:first-child{background:var(--butter-2);border-color:transparent}.live{margin-top:32px}.mound::before,.mound::after{content:"";position:absolute;border-radius:50%;background:inherit}