:is(html:has(.hp),body:has(.hp)){background:#fafaf9}:is(html:has(.hp[data-theme=dark]),body:has(.hp[data-theme=dark])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#14171e}@media (prefers-color-scheme:dark){:is(html:has(.hp[data-theme=system]),body:has(.hp[data-theme=system])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#14171e}}.hp{--scene:#dde5f1;--page:#fafaf9;--panel:#f1efeb;--ink:#1c1917;--muted:#78716c;--line:#e7e5e4;--band:#eff6ff;--band-ink:#1c1917;--band-muted:#57534e;--band-line:#bfdbfe;--band-grid:#2563eb24;--tint:#dbeafe;--tint-line:#93c5fd;--tint-grid:#93c5fd;--blue:#2563eb;--blue-on-band:#2563eb;--btn-on-band:#1c1917;--btn-on-band-ink:#fff;--draw:#2563eb;--draw-dim:#3b82f6;--draw-node:#fff;--draw-lit:#2563eb;--draw-label:#1e40af;--draw-l:#2563eb;--draw-l-dim:#60a5fa;--draw-l-node:#fff;--draw-l-ring:#3b82f6;--draw-l-label:#1e40af;--gutter:max(1.5rem, calc((100vw - 1200px) / 2));--font-body:var(--font-inter), system-ui, sans-serif;--font-display:var(--font-inter), system-ui, sans-serif;background:var(--page);color:var(--ink);font-family:var(--font-body)}.hp[data-theme=dark]{--scene:var(--tint);--page:#14171e;--panel:#191d26;--ink:#fafaf9;--muted:#9aa3b2;--line:#262b36;--band:#10131a;--band-ink:#fafaf9;--band-muted:#9aa3b2;--band-line:#262b36;--band-grid:transparent;--tint:#151d2e;--tint-line:#1e3a8a;--tint-grid:#1e3a8a;--blue:#3b82f6;--blue-on-band:#3b82f6;--btn-on-band:#fafaf9;--btn-on-band-ink:#14171e;--draw:#60a5fa;--draw-dim:#60a5fa47;--draw-node:#14171e;--draw-lit:#3b82f6;--draw-label:#93c5fd;--draw-l:#60a5fa;--draw-l-dim:#1e3a8a;--draw-l-node:#151d2e;--draw-l-ring:#3b82f6;--draw-l-label:#93c5fd}@media (prefers-color-scheme:dark){.hp[data-theme=system]{--scene:var(--tint);--page:#14171e;--panel:#191d26;--ink:#fafaf9;--muted:#9aa3b2;--line:#262b36;--band:#10131a;--band-ink:#fafaf9;--band-muted:#9aa3b2;--band-line:#262b36;--band-grid:transparent;--tint:#151d2e;--tint-line:#1e3a8a;--tint-grid:#1e3a8a;--blue:#3b82f6;--blue-on-band:#3b82f6;--btn-on-band:#fafaf9;--btn-on-band-ink:#14171e;--draw:#60a5fa;--draw-dim:#60a5fa47;--draw-node:#14171e;--draw-lit:#3b82f6;--draw-label:#93c5fd;--draw-l:#60a5fa;--draw-l-dim:#1e3a8a;--draw-l-node:#151d2e;--draw-l-ring:#3b82f6;--draw-l-label:#93c5fd}}.hp h1,.hp h2,.hp h3,.hp .num{font-family:var(--font-display)}.hp section[id]{scroll-margin-top:4rem}.hp .reveal{transition:opacity .7s ease-out,transform .7s cubic-bezier(.2,.7,.2,1)}.hp.js .reveal{opacity:0;transform:translateY(22px)}.hp .reveal.in{opacity:1;transform:none}.hp .reveal-d1{transition-delay:80ms}.hp .reveal-d2{transition-delay:.16s}.hp .reveal-d3{transition-delay:.24s}@keyframes bp-draw{0%{stroke-dashoffset:700px}to{stroke-dashoffset:0}}@keyframes bp-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes bp-fade{0%{opacity:0}to{opacity:1}}.hp .bp-line{stroke-dasharray:700;stroke-dashoffset:0;animation:1.2s cubic-bezier(.2,.7,.2,1) both bp-draw}.hp .bp-node{transform-box:fill-box;transform-origin:50%;animation:.5s ease-out both bp-pop}.hp .bp-label{animation:.7s ease-out both bp-fade}@keyframes flow-pulse{0%{stroke-dashoffset:18px}40%,to{stroke-dashoffset:-100px}}.hp .flow-pulse{stroke-dasharray:18 200;stroke-dashoffset:18px;animation:4.2s cubic-bezier(.45,0,.2,1) infinite flow-pulse}@keyframes node-pulse{0%,to{box-shadow:0 0 #0000}6%{box-shadow:0 0 0 6px color-mix(in srgb, var(--blue) 28%, transparent)}34%{box-shadow:0 0 0 12px #0000}}.hp .node{animation:4.2s ease-out infinite node-pulse}.hp .step{transition:opacity .4s,transform .4s}.hp.js .step{opacity:.38}.hp .step.active{opacity:1}.hp .step .step-bar{transform-origin:0;background:var(--blue);height:2px;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.hp.js .step .step-bar{transform:scaleX(0)}.hp .step.active .step-bar{transform:scaleX(1)}.hp .stage{perspective:1400px}.hp .art{width:46%;transform-style:preserve-3d;will-change:transform, opacity;position:absolute;top:50%;left:50%}.hp .art-profile,.hp .art-signal{width:72%}.hp .art-transcript,.hp .art-notion,.hp .art-slack{opacity:0;transform:translate(-50%,-50%)scale(.6)}.hp .art-profile{opacity:.45;transform:translate(-72%,-104%)scale(.72)rotate(-3deg)}.hp .art-signal{opacity:1;transform:translate(-50%,-42%)}.hp .art mark{color:inherit}.hp .beat+.beat{margin-top:2rem}@keyframes art-transcript{0%,24%{opacity:1;transform:translate(-104%,-118%)rotate(-4deg)rotateY(-12deg)}38%,to{opacity:0;transform:translate(-50%,-50%)scale(.6)rotateY(0)}}@keyframes art-notion{0%,24%{opacity:1;transform:translate(4%,-112%)rotate(3deg)rotateY(10deg)}40%,to{opacity:0;transform:translate(-50%,-50%)scale(.6)rotateY(0)}}@keyframes art-slack{0%,24%{opacity:1;transform:translate(-50%,22%)rotate(-2deg)rotateX(6deg)}42%,to{opacity:0;transform:translate(-50%,-50%)scale(.6)rotateX(0)}}@keyframes art-profile{0%,30%{opacity:0;transform:translate(-50%,-40%)scale(.7)rotateX(28deg)}44%,60%{opacity:1;transform:translate(-50%,-50%)scale(1)rotateX(0)}74%,to{opacity:.45;transform:translate(-72%,-104%)scale(.72)rotate(-3deg)}}@keyframes art-signal{0%,64%{opacity:0;transform:translate(-50%,-10%)scale(.92)rotateX(-18deg)}80%,to{opacity:1;transform:translate(-50%,-42%)scale(1)rotateX(0)}}@keyframes sysbeat-0{0%{opacity:1;visibility:visible;transform:none}6%,to{opacity:0;visibility:hidden;transform:translateY(-44px)}}@keyframes sysbeat-1{0%,7%{opacity:0;visibility:hidden;transform:translateY(24px)}11%,40%{opacity:1;visibility:visible;transform:none}44%,to{opacity:0;visibility:hidden;transform:translateY(-24px)}}@keyframes sysbeat-2{0%,46%{opacity:0;visibility:hidden;transform:translateY(24px)}50%,72%{opacity:1;visibility:visible;transform:none}76%,to{opacity:0;visibility:hidden;transform:translateY(-24px)}}@keyframes sysbeat-3{0%,78%{opacity:0;visibility:hidden;transform:translateY(24px)}82%,to{opacity:1;visibility:visible;transform:none}}.hp .topbar{background:color-mix(in srgb, var(--page) 72%, transparent);transition:background-color .35s,border-color .35s}.hp.over-scene .topbar{background:color-mix(in srgb, var(--scene) 72%, transparent);border-color:#0000}.hp .poster{background:var(--poster) center / cover no-repeat;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.hp .poster.is-gone{opacity:0}.hp[data-theme=dark] .poster{background-image:var(--poster-dark)}@media (prefers-color-scheme:dark){.hp[data-theme=system] .poster{background-image:var(--poster-dark)}}.hp .poster-system{--poster:url(/posters/system-light-a.webp);--poster-dark:url(/posters/system-dark-a.webp)}@media (min-aspect-ratio:17/10){.hp .poster-system{--poster:url(/posters/system-light-b.webp);--poster-dark:url(/posters/system-dark-b.webp)}}@media (orientation:portrait){.hp .poster-system{--poster:url(/posters/system-light-m.webp);--poster-dark:url(/posters/system-dark-m.webp)}}.hp .poster-map{--poster:url(/posters/map-light.webp);--poster-dark:url(/posters/map-dark.webp)}@media (max-width:767px){.hp .poster-map{--poster:url(/posters/map-light-m.webp);--poster-dark:url(/posters/map-dark-m.webp)}}.hp .hero-veil{background:linear-gradient(to top, color-mix(in srgb, var(--page) 66%, transparent) 0%, color-mix(in srgb, var(--page) 48%, transparent) 42%, transparent 64%)}@media (min-width:768px){.hp .hero-veil{background:linear-gradient(to right, color-mix(in srgb, var(--page) 70%, transparent) 0%, color-mix(in srgb, var(--page) 50%, transparent) 36%, transparent 60%)}}.hp .phase-nav,.hp .scroll-cue,.hp .guide{display:none}@media (min-width:1024px){.hp.js .guide{z-index:30;letter-spacing:.01em;font-size:12px;display:block;position:fixed;top:50%;left:1.5rem;transform:translateY(-50%)}.hp .guide ol{flex-direction:column;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.hp .guide button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:.1rem 0;transition:color .3s;display:flex}.hp .guide button:hover{color:var(--ink)}.hp .guide i{border:1.5px solid;border-radius:50%;flex:none;width:7px;height:7px;transition:background-color .3s,border-color .3s,transform .3s}.hp .guide span{white-space:nowrap;background:color-mix(in srgb, var(--page) 88%, transparent);opacity:0;border-radius:.3rem;padding:.1rem .45rem;transition:opacity .25s}.hp .guide:hover span{opacity:1}.hp .guide .is-on>button{color:var(--ink)}.hp .guide .is-on>button i{background:var(--blue);border-color:var(--blue);transform:scale(1.15)}.hp .guide .guide-sub{gap:.45rem;margin:.45rem 0 .15rem .9rem;display:none}.hp .guide .is-on>.guide-sub{display:flex}.hp .guide .guide-sub i{border-width:1px;width:5px;height:5px}.hp .guide .guide-sub .is-on>button i{transform:scale(1.3)}@media (max-width:1439px){.hp .guide span{display:none}}}.hp .phase-dot{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:.65rem;padding:.15rem 0;transition:color .3s;display:flex}.hp .phase-dot:hover{color:var(--ink)}.hp .phase-dot i{border:1.5px solid;border-radius:50%;flex:none;width:9px;height:9px;transition:background-color .3s,border-color .3s,transform .3s}[data-phase="0"] .phase-dot-0,[data-phase="1"] .phase-dot-1,[data-phase="2"] .phase-dot-2,[data-phase="3"] .phase-dot-3,[data-phase="4"] .phase-dot-4{color:var(--ink)}[data-phase="0"] .phase-dot-0 i,[data-phase="1"] .phase-dot-1 i,[data-phase="2"] .phase-dot-2 i,[data-phase="3"] .phase-dot-3 i,[data-phase="4"] .phase-dot-4 i{background:var(--blue);border-color:var(--blue);transform:scale(1.15)}.hp.js .phase-nav.phase-nav-row{flex-flow:wrap;gap:.5rem;margin:1.75rem 0 0;padding:0;font-size:13px;list-style:none;display:flex;position:static;transform:none}.hp.js .phase-nav-row .phase-dot{border:1px solid var(--line);border-radius:999px;gap:0;padding:.4rem .85rem}.hp.js .phase-nav-row .phase-dot i{display:none}#builds[data-phase="0"] .phase-nav-row .phase-dot-0,#builds[data-phase="1"] .phase-nav-row .phase-dot-1,#builds[data-phase="2"] .phase-nav-row .phase-dot-2,#builds[data-phase="3"] .phase-nav-row .phase-dot-3,#builds[data-phase="4"] .phase-nav-row .phase-dot-4{background:var(--blue);border-color:var(--blue);color:#fff}.hp .builds-wrap{--cw:min(880px, calc(100vw - 3rem));--gap:1.5rem}.hp .builds-arrow{z-index:2;display:none;position:absolute;top:50%;transform:translateY(-50%)}@media (min-width:768px){.hp .builds-arrow{display:grid}.hp .builds-arrow-prev{left:calc(50% - var(--cw) / 2 - 3.75rem)}.hp .builds-arrow-next{right:calc(50% - var(--cw) / 2 - 3.75rem)}}.hp .builds-track{gap:var(--gap);scroll-snap-type:x mandatory;padding:.25rem calc(50vw - var(--cw) / 2) .5rem;scrollbar-width:none;display:flex;position:relative;overflow-x:auto}.hp .builds-track::-webkit-scrollbar{display:none}.hp .build-card{flex:0 0 var(--cw);scroll-snap-align:center;opacity:.4;transition:opacity .4s,transform .45s cubic-bezier(.2,.7,.2,1);transform:scale(.96)}#builds[data-phase="0"] .build-card:first-child,#builds[data-phase="1"] .build-card:nth-child(2),#builds[data-phase="2"] .build-card:nth-child(3),#builds[data-phase="3"] .build-card:nth-child(4),#builds[data-phase="4"] .build-card:nth-child(5){opacity:1;transform:none}@media (min-width:768px){.hp.js:not([data-motion=off]) .scroll-cue{display:flex}}.hp .scroll-cue{z-index:11;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);flex-direction:column;align-items:center;gap:.6rem;font-size:12px;font-weight:500;transition:opacity .4s;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hp .scroll-cue i{background:linear-gradient(var(--blue), transparent);transform-origin:top;border-radius:1px;width:2px;height:3rem;animation:1.8s ease-in-out infinite cue;display:block}#system[data-started="1"] .scroll-cue{opacity:0}@keyframes cue{0%{opacity:0;transform:scaleY(0)}35%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)translateY(.9rem)}}@keyframes beat-0{0%,22%{opacity:1;visibility:visible;transform:none}30%,to{opacity:0;visibility:hidden;transform:translateY(-24px)}}@keyframes beat-1{0%,32%{opacity:0;visibility:hidden;transform:translateY(24px)}42%,60%{opacity:1;visibility:visible;transform:none}68%,to{opacity:0;visibility:hidden;transform:translateY(-24px)}}@keyframes beat-2{0%,68%{opacity:0;visibility:hidden;transform:translateY(24px)}78%,to{opacity:1;visibility:visible;transform:none}}@media (prefers-reduced-motion:no-preference){.hp:not([data-motion=off]) .scrub-track{height:360vh}.hp:not([data-motion=off]) #system.scrub-track{height:640vh}.hp:not([data-motion=off]) #system .beats{min-height:30rem}.hp:not([data-motion=off]) #system .beat{flex-direction:column;justify-content:center;display:flex;inset:0}.hp:not([data-motion=off]) #system .beat-3{animation-name:sysbeat-3}.hp:not([data-motion=off]) #system .beat-0{animation-name:sysbeat-0}.hp:not([data-motion=off]) #system .beat-1{animation-name:sysbeat-1}.hp:not([data-motion=off]) #system .beat-2{animation-name:sysbeat-2}.hp:not([data-motion=off]) .scrub-pin{height:100vh;position:sticky;top:0;overflow:hidden}.hp:not([data-motion=off]) .beats{min-height:13rem}.hp:not([data-motion=off]) .beat{margin:0;position:absolute;inset:0 0 auto}.hp:not([data-motion=off]) .art-transcript{animation-name:art-transcript}.hp:not([data-motion=off]) .art-notion{animation-name:art-notion}.hp:not([data-motion=off]) .art-slack{animation-name:art-slack}.hp:not([data-motion=off]) .art-profile{animation-name:art-profile}.hp:not([data-motion=off]) .art-signal{animation-name:art-signal}.hp:not([data-motion=off]) .beat-0{animation-name:beat-0}.hp:not([data-motion=off]) .beat-1{animation-name:beat-1}.hp:not([data-motion=off]) .beat-2{animation-name:beat-2}}.hp .photo{height:84vh;min-height:560px}@keyframes ph-scroll{0%{filter:grayscale();transform:translateY(-7%)}55%{filter:grayscale(0)}to{filter:grayscale(0);transform:translateY(7%)}}.hp .line-fill{background:var(--blue);transform-origin:0;transition:transform .9s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scaleX(0)}.hp .reveal.in .line-fill{transform:scaleX(1)}.hp .scrubbed{animation-duration:1s;animation-timing-function:linear;animation-play-state:paused;animation-fill-mode:both;animation-delay:calc(var(--p,0) * -1s)}@media (prefers-reduced-motion:no-preference){.hp:not([data-motion=off]) .ph-img{animation-name:ph-scroll}}@media (prefers-reduced-motion:reduce){.hp .scrub-track{height:auto}.hp .scrub-pin{height:auto;position:static}.hp .beat{position:static}.hp .beat+.beat{margin-top:2rem}.hp .reveal{opacity:1;transition:none;transform:none}.hp .bp-line,.hp .bp-node,.hp .bp-label,.hp .bp-pulse,.hp .flow-pulse,.hp .node{animation:none}.hp .step{opacity:1}.hp .step .step-bar{transform:scaleX(1)}}.hp.js .bp-line,.hp.js .bp-node,.hp.js .bp-label{animation-play-state:paused}.hp .reveal.in .bp-line,.hp .reveal.in .bp-node,.hp .reveal.in .bp-label{animation-play-state:running}@keyframes bp-pulse{0%{stroke-dashoffset:16px;opacity:0}8%{opacity:1}55%,to{stroke-dashoffset:-150px;opacity:0}}.hp .bp-pulse{stroke-dasharray:16 400;stroke-dashoffset:16px;opacity:0;animation:3.2s cubic-bezier(.45,0,.2,1) infinite paused bp-pulse}.hp .reveal.in .bp-pulse{animation-play-state:running}@media (max-width:767px){.hp h1{font-size:30px}.hp h2{font-size:27px}.hp h3{font-size:21px}.hp [class*="text-[17px]"],.hp [class*="text-[18px]"],.hp [class*="text-[19px]"]{font-size:16px}.hp #system .beat h2{font-size:24px}.hp:not([data-motion=off]) #system .beats{min-height:22rem}.hp #story .scrub-pin>div{align-content:start;gap:.75rem;padding-top:4.5rem;padding-bottom:1rem}.hp #story .stage{max-width:none}.hp #story .art-slack,.hp #story .stage+p{display:none}.hp #story .art{width:78%}.hp #story .art-profile,.hp #story .art-signal{width:92%}@keyframes art-transcript{0%,24%{opacity:1;transform:translate(-62%,-112%)rotate(-3deg)}38%,to{opacity:0;transform:translate(-50%,-50%)scale(.6)}}@keyframes art-notion{0%,24%{opacity:1;transform:translate(-38%,12%)rotate(2deg)}40%,to{opacity:0;transform:translate(-50%,-50%)scale(.6)}}@keyframes art-slack{0%,24%{opacity:1;transform:translate(-62%,68%)rotate(-2deg)}42%,to{opacity:0;transform:translate(-50%,-50%)scale(.6)}}.hp:not([data-motion=off]) #system.scrub-track{height:420vh}.hp:not([data-motion=off]) #story.scrub-track{height:260vh}.hp .photo{height:80vh;min-height:560px}.hp #story h2{margin-top:.35rem;font-size:22px}.hp #story .scrub-pin>div>div:first-child{display:contents}.hp #story .scrub-pin>div>div:last-child{order:2}.hp #story .beats+div{order:3;margin-top:.25rem}.hp #story .beats{min-height:12rem;margin-top:.75rem}.hp #story .beat h3{margin-top:.3rem;font-size:19px}.hp #story .beat p{margin-top:.5rem;font-size:15px}.hp #story .beats+div{margin-top:.75rem;font-size:13px}.hp #story .beats+div p:last-child{display:none}.hp #freight>div{gap:1rem}.hp #freight>div>div:last-child{display:contents}.hp #freight>div>div:first-child{order:2;margin-top:.5rem;padding:1.25rem}.hp.js .phase-nav.phase-nav-row{justify-content:center;gap:.35rem;margin-top:1.25rem}#builds[data-phase] .phase-nav-row .phase-dot{color:var(--muted);background:0 0;border:0;padding:.55rem .45rem}.hp.js .phase-nav-row .phase-dot span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.hp.js .phase-nav-row .phase-dot i{width:8px;height:8px;display:block}.hp #freight>div>div:last-child>div{order:3;margin-top:.5rem}.hp .step{padding-top:2rem;padding-bottom:2rem}}@media (max-width:767px) and (max-height:720px){.hp #story .scrub-pin>div{gap:.5rem;padding-top:3.75rem}.hp #story h2{font-size:20px}.hp #story .beats{min-height:11.25rem}.hp #story .beat p{margin-top:.35rem;font-size:14px}.hp #story .stage{aspect-ratio:16/9;width:90%}.hp #story .beats+div{margin-top:.5rem;font-size:12px;line-height:1.4}.hp #story .beats+div p:last-child{display:none}@keyframes art-transcript{0%,24%{opacity:1;transform:translate(-62%,-104%)rotate(-3deg)}38%,to{opacity:0;transform:translate(-50%,-50%)scale(.6)}}@keyframes art-notion{0%,24%{opacity:1;transform:translate(-38%,2%)rotate(2deg)}40%,to{opacity:0;transform:translate(-50%,-50%)scale(.6)}}}
