@font-face{font-family:Raleway;src:url(/fonts/Raleway-Variable.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}:root{color-scheme:dark;--canvas: #050608;--foreground: #ffffff;--accent: #3984ff;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--canvas);color:var(--foreground);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0;min-width:280px}::selection{color:#fff;background:#2454a0}.p1{position:relative;display:grid;place-items:center;isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden;background:var(--canvas)}.p1__brand{position:relative;z-index:2;padding:0 1.5rem;transform:translateY(-32vh);animation:title-arrive 1.6s cubic-bezier(.16,1,.3,1) both}.p1 h1{margin:0;color:var(--foreground);line-height:1.12}.p1__copy{position:absolute;top:calc(100% - .25rem);left:50%;width:min(36rem,calc(100vw - 3rem));transform:translate(-50%);text-align:center}.p1__tagline{margin:0;color:#ffffffb8;font-family:Raleway,Segoe UI,sans-serif;font-size:clamp(.75rem,3vw,.9rem);font-weight:400;line-height:1.5;letter-spacing:.01em;text-align:center;transform:skew(-4deg)}.p1__intro{margin:1.75rem 0 0;color:#ffffffd6;font-family:Raleway,Segoe UI,sans-serif;font-size:1rem;font-weight:400;line-height:1.75;letter-spacing:.005em;text-wrap:pretty}.p1__actions{display:flex;justify-content:center;gap:1.25rem;margin-top:calc(3rem + 5vh)}.download-button{--button-fill: #83d3ff;--button-glow: rgb(90 190 255 / 20%);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:3.5rem;width:17rem;gap:.65rem;padding:.9rem 1.25rem;overflow:hidden;border:0;border-radius:14px;background:var(--button-fill);color:#102532;box-shadow:0 5px 28px var(--button-glow),inset 0 1px #fff6;font:600 .95rem/1.3 Raleway,Segoe UI,sans-serif;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.download-button--gold{--button-fill: #f3d768;--button-glow: rgb(245 209 80 / 20%);color:#33290c}.download-button svg{width:1.2rem;height:1.2rem;flex:0 0 auto;fill:currentColor}.download-button span{position:relative;text-wrap:balance}.download-button:before{content:"";position:absolute;inset:-70% -100%;z-index:-1;background:linear-gradient(110deg,transparent 43%,rgb(255 255 255 / 12%) 47%,rgb(255 255 255 / 55%) 50%,rgb(255 255 255 / 12%) 53%,transparent 57%);transform:translate(-65%);animation:button-shimmer 6s ease-in-out infinite;pointer-events:none}.download-button--gold:before{animation-delay:-3s}.download-button:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 7px 34px var(--button-glow),inset 0 1px #ffffff8c}.download-button:active{transform:translateY(0)}.download-button:focus-visible{outline:2px solid #fff;outline-offset:5px}@keyframes button-shimmer{0%,20%{transform:translate(-65%)}70%,to{transform:translate(65%)}}.p1__title-light{color:#fff;filter:drop-shadow(0 0 5px rgb(160 200 255 / 75%));-webkit-mask-image:linear-gradient(110deg,transparent 38%,#000 50%,transparent 62%);mask-image:linear-gradient(110deg,transparent 38%,#000 50%,transparent 62%);-webkit-mask-size:300% 100%;mask-size:300% 100%;animation:title-light 8s ease-in-out infinite;pointer-events:none}.wordmark{display:block;width:clamp(19rem,43vw,36.5rem);max-width:100%;height:auto;overflow:visible}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.p1__streams{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:url(#stream-color);stroke-width:.8}.stream-base{opacity:.34}.stream-base--faint{opacity:.16}.stream-light{stroke:#a5ceff;stroke-width:1.15;stroke-linecap:round;stroke-dasharray:100 2200;stroke-dashoffset:110;animation:stream-flow 8s cubic-bezier(.35,0,.2,1) infinite;filter:drop-shadow(0 0 5px rgb(80 140 255 / 70%))}.stream-light--delayed{animation-delay:-4s;opacity:.45;stroke-width:.65}@keyframes title-light{0%,18%{-webkit-mask-position:100% 0;mask-position:100% 0;opacity:0}30%{opacity:.85}65%{opacity:.65}80%,to{-webkit-mask-position:0% 0;mask-position:0% 0;opacity:0}}@keyframes stream-flow{0%{stroke-dashoffset:110;opacity:0}15%{opacity:.6}75%{opacity:.45}to{stroke-dashoffset:-1900;opacity:0}}.p1__light{position:absolute;inset:40% -20% -45%;background:radial-gradient(ellipse at 50% 64%,rgb(36 83 153 / 15%),transparent 59%);pointer-events:none}.p1__orbit{position:absolute;top:76%;left:50%;width:max(105vw,54rem);height:max(54vw,32rem);border:1px solid rgb(97 146 218 / 24%);border-radius:50%;transform:translate(-50%);background:radial-gradient(ellipse at 50% 0%,rgb(24 50 86 / 11%),transparent 55%);-webkit-mask-image:linear-gradient(90deg,transparent 10%,#000 40%,#000 60%,transparent 90%);mask-image:linear-gradient(90deg,transparent 10%,#000 40%,#000 60%,transparent 90%);pointer-events:none}@keyframes title-arrive{0%{opacity:.65;filter:blur(5px);transform:translateY(calc(-32vh + 12px))}to{opacity:1;filter:blur(0);transform:translateY(-32vh)}}@media(max-width:600px){.p1__actions{gap:.75rem}.download-button{width:auto;flex:1;padding-inline:.75rem;font-size:.875rem}.wordmark{width:min(78vw,26rem)}.p1__orbit{top:75%;width:180vw;height:130vw}}@media(prefers-reduced-motion:reduce){.download-button{transition:none}.download-button:before{animation:none;display:none}.p1__brand{animation:none}.p1__title-light,.stream-light{animation:none;display:none}}.p1__learn-more{position:absolute;bottom:calc(clamp(2.5rem,6vh,3.75rem) + 1.5rem + 6px);left:50%;z-index:2;margin:0;color:#bdc5d0;font-family:Raleway,Segoe UI,sans-serif;font-size:1rem;font-weight:200;line-height:1.5;letter-spacing:.16em;white-space:nowrap;transform:translate(-50%)}.learn-more-mark{display:block;width:clamp(10rem,15vw,12rem);height:auto;overflow:visible}.learn-more-mark .p1__title-light{animation-delay:-3s}.learn-more-arrow{position:absolute;top:12px;left:50%;transform:translate(-50%);display:block;width:2.5rem;height:1.25rem;margin:0;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.page-stage{position:relative;overflow:hidden;min-height:100svh}[hidden]{display:none!important}.learn-more-trigger{position:absolute;top:calc(100% + 1.125rem);left:50%;transform:translate(-50%);width:50vw;height:44px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;overflow:hidden;border-radius:4px;-webkit-tap-highlight-color:transparent}.learn-more-trigger:focus-visible{outline:1px solid #bdc5d0;outline-offset:4px}.learn-more-trigger:focus-visible .learn-more-arrow{animation:arrow-fall 1.15s cubic-bezier(.45,0,.55,1) infinite}@media(hover:hover){.learn-more-trigger:hover .learn-more-arrow{animation:arrow-fall 1.15s cubic-bezier(.45,0,.55,1) infinite}}@keyframes arrow-fall{0%{transform:translate(-50%,-24px);opacity:0}25%{opacity:1}65%{opacity:1}to{transform:translate(-50%,30px);opacity:0}}.p2{position:absolute;inset:0;min-height:100svh;background:var(--canvas);outline:none}.page-stage--p2 .p2{position:relative}.page-stage--leaving .p1{z-index:1;pointer-events:none;animation:page-depart .7s cubic-bezier(.65,0,.35,1) both}.page-stage--leaving .p2{animation:page-enter .7s cubic-bezier(.65,0,.35,1) both}.page-stage--leaving .p1__brand{animation:none}@keyframes page-depart{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes page-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.learn-more-trigger:is(:hover,:focus-visible) .learn-more-arrow{animation:none;color:#fff}.page-stage--leaving .p1{animation:page-fade .16s ease-out both}.page-stage--leaving .p2{animation:none}}@keyframes page-fade{to{opacity:0}}.p2{isolation:isolate;overflow:hidden}.p2__back{position:absolute;top:max(2px,calc(clamp(1.5rem,4vh,2.5rem) - 26px));left:50%;z-index:2;transform:translate(-50%);color:#bdc5d0;padding-top:calc(44px + .375rem)}.back-trigger{top:0}.back-mark{display:block;width:clamp(4.05rem,6.07vw,4.86rem);height:auto;overflow:visible}.back-mark .p1__title-light{animation-delay:-3s}.back-trigger:focus-visible .learn-more-arrow{animation-name:arrow-rise}@media(hover:hover){.back-trigger:hover .learn-more-arrow{animation-name:arrow-rise}}@keyframes arrow-rise{0%{transform:translate(-50%,30px);opacity:0}25%,65%{opacity:1}to{transform:translate(-50%,-24px);opacity:0}}.page-stage--returning .p1{animation:page-return .7s cubic-bezier(.65,0,.35,1) both}.page-stage--returning .p2{z-index:1;pointer-events:none;animation:page-down .7s cubic-bezier(.65,0,.35,1) both}.page-stage--returning .p1__brand{animation:none}@keyframes page-return{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes page-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.back-trigger:is(:hover,:focus-visible) .learn-more-arrow{animation:none}.page-stage--returning .p1{animation:none}.page-stage--returning .p2{animation:page-fade .16s ease-out both}}.p2__heading{margin:0;color:var(--foreground)}.introduction-mark{display:block;width:calc(clamp(19rem,43vw,36.5rem) * .216 * 720 / 584);height:auto;overflow:visible}@media(max-width:600px){.introduction-mark{width:calc(min(78vw,26rem) * .216 * 720 / 584)}}.introduction-graph{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:min(48rem,94vw,72svh);height:auto;overflow:visible}.introduction-graph__links{stroke:#7ea2d852;stroke-width:1.2}.introduction-graph__halo{fill:#3984ff04;stroke:#3984ff12;stroke-width:1}.introduction-graph__ring{fill:#111b2a;stroke:#7cb0ff94;stroke-width:1.8;filter:drop-shadow(0 0 3px rgb(90 145 225 / 10%))}.introduction-graph__center .introduction-graph__ring{fill:#0a1019;stroke:#5089d770;stroke-width:1.5}.introduction-graph__node{cursor:grab;touch-action:none;outline:none}.introduction-graph.is-dragging .introduction-graph__node{cursor:grabbing}.introduction-graph__hit{fill:transparent;stroke:none}.introduction-graph__node:focus-visible .introduction-graph__ring{stroke:#d6e7ff;stroke-width:2.6}.introduction-graph__halo{transform-box:fill-box;transform-origin:center;animation:graph-breathe 3.8s ease-in-out infinite}.introduction-graph__center .introduction-graph__ring{transform-box:fill-box;transform-origin:center;animation:graph-center-breathe 6.4s ease-in-out infinite alternate}.introduction-graph__flow{stroke:#6ca9ff9e;stroke-width:1;stroke-dasharray:2 12;animation:graph-flow 3.4s linear infinite}.introduction-graph__flow:nth-child(n){pointer-events:none}.introduction-graph__flow.flow-1,.introduction-graph__flow.flow-3{animation-duration:4.2s;animation-direction:reverse}.introduction-graph__flow.flow-2{animation-delay:-1.8s}@keyframes graph-flow{to{stroke-dashoffset:-84}}@keyframes graph-breathe{0%,to{opacity:.5;transform:scale(.96)}50%{opacity:1;transform:scale(1.08);fill:#3984ff0a;stroke:#5999fa29}}@keyframes graph-center-breathe{0%{opacity:.72;transform:scale(.98)}to{opacity:1;transform:scale(1.035)}}.introduction-graph[data-active=false] *{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.introduction-graph *{animation:none!important}}.introduction-graph__node-title{fill:#dce9f7;font:400 13px Raleway,Segoe UI,sans-serif;pointer-events:none;-webkit-user-select:none;user-select:none}.introduction-graph__node,.introduction-graph__links,.introduction-graph__center{transition:opacity .24s ease}.introduction-graph.has-expanded .introduction-graph__node:not(.is-expanded),.introduction-graph.has-expanded .introduction-graph__links,.introduction-graph.has-expanded .introduction-graph__center{opacity:0;pointer-events:none}.introduction-graph__node.is-expanded{cursor:default}.introduction-graph__node.is-expanded .introduction-graph__halo{pointer-events:none}@media(prefers-reduced-motion:reduce){.introduction-graph__node,.introduction-graph__links,.introduction-graph__center{transition:none}}.introduction-graph__node-title{transition:opacity .18s ease}.introduction-graph__node.is-expanded .introduction-graph__node-title{opacity:0;visibility:hidden}.introduction-graph__node.is-expanded .introduction-graph__ring{fill:#111b2a61;stroke:#7cb0ff38;stroke-width:1;vector-effect:non-scaling-stroke;filter:none}.introduction-graph__node.is-expanded .introduction-graph__halo{animation:none;opacity:.18}@media(prefers-reduced-motion:reduce){.introduction-graph__node-title{transition:none}}.node-detail-copy{display:flex;align-items:flex-start;justify-content:center;width:100%;height:100%;color:#dce9f7;font:400 3.5px/1.55 Raleway,Segoe UI,sans-serif;text-align:center;-webkit-user-select:text;user-select:text;cursor:text}.node-detail-copy p{margin:0;text-wrap:pretty}@media(max-width:600px){.node-detail-copy{font-size:4.2px;line-height:1.55}}@media(max-width:600px){.node-detail-copy--long{font-size:4px;line-height:1.5}}.p3{position:absolute;inset:0;min-height:100svh;isolation:isolate;overflow:hidden;background:var(--canvas);outline:none}.page-stage--p3 .p3{position:relative}.page-stage--leaving-p2 .p2{z-index:1;animation:page-depart .7s cubic-bezier(.65,0,.35,1) both}.page-stage--leaving-p2 .p3{animation:page-enter .7s cubic-bezier(.65,0,.35,1) both}.page-stage--returning-p3 .p2{animation:page-return .7s cubic-bezier(.65,0,.35,1) both}.page-stage--returning-p3 .p3{z-index:1;animation:page-down .7s cubic-bezier(.65,0,.35,1) both}@media(prefers-reduced-motion:reduce){.page-stage--leaving-p2 .p2,.page-stage--returning-p3 .p3{animation:page-fade .16s ease-out both}.page-stage--leaving-p2 .p3,.page-stage--returning-p3 .p2{animation:none}}.quick-tutorial-mark{width:clamp(12.8rem,19.2vw,15.35rem)}.tutorial-route{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:100%;height:68svh;overflow:visible;pointer-events:none}.tutorial-route path{stroke:#bcc4cf;stroke-opacity:.82;stroke-width:1.25;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px rgb(211 222 238 / 14%))}.tutorial-step-image{position:absolute;left:12.916667%;top:calc(53% - 23.356522svh - 14px);transform:translate(-50%,-100%);width:min(24vw,330px);height:auto;border-radius:8px}.tutorial-step-copy{position:absolute;left:12.916667%;top:calc(53% + 1.65svh);transform:translate(-50%);width:min(15vw,210px);margin:0;color:#bdc5d0;font:400 clamp(12px,.95vw,14px)/1.7 "Raleway","Segoe UI",sans-serif;text-align:center;text-wrap:pretty}.tutorial-step-note{display:block;margin-top:12px;color:#929dab;font-size:.92em}@media(max-width:600px){.p3{min-height:max(100svh,900px)}.tutorial-step-copy{top:calc(53% + 20svh);left:50%;width:min(84vw,330px)}}.tutorial-route-nodes{position:absolute;left:0;top:53%;transform:translateY(-50%);width:100%;height:68svh;pointer-events:none}.tutorial-route-node{position:absolute;width:9px;height:9px;transform:translate(-50%,-50%);border:1px solid #c3cbd5;border-radius:50%;background:var(--canvas);box-shadow:0 0 6px #d3deee29}.tutorial-profile-image{position:absolute;left:48%;top:calc(53% + 15svh);transform:translate(-50%);width:min(24vw,330px);height:auto;border-radius:8px}@media(max-width:600px){.tutorial-profile-image{top:calc(53% + 6svh);width:24vw}}.tutorial-profile-copy{position:absolute;left:48%;top:calc(53% - 6.504348svh - 26px);transform:translate(-50%,-100%);width:min(24vw,330px);margin:0;color:#bdc5d0;font:400 clamp(12px,.95vw,14px)/1.7 "Raleway","Segoe UI",sans-serif;text-align:center;text-wrap:pretty}@media(max-width:600px){.tutorial-profile-copy{left:58%;width:min(58vw,270px);font-size:11px;line-height:1.55}}.tutorial-index-image{position:absolute;left:80.416667%;top:calc(53% - 29.86087svh - 14px);transform:translate(-50%,-100%);width:min(24vw,330px,34svh);height:auto;border-radius:8px}.tutorial-index-copy{position:absolute;left:80.416667%;top:calc(53% - 3svh);transform:translate(-50%);width:min(19vw,270px);margin:0;color:#bdc5d0;font:400 clamp(12px,.95vw,14px)/1.7 "Raleway","Segoe UI",sans-serif;text-align:center;text-wrap:pretty}@media(max-width:600px){.p3{min-height:max(100svh,1200px)}.tutorial-index-copy{left:50%;top:calc(53% + 20svh + 155px);width:min(84vw,330px)}}.tutorial-config-hint{position:absolute;top:68px;left:50%;transform:translate(-50%);width:min(38vw,420px);margin:0;color:#bdc5d0;font:400 clamp(12px,.95vw,14px)/1.8 "Raleway","Segoe UI",sans-serif;text-align:center;text-wrap:pretty}.tutorial-config-hint img{display:inline-block;width:28px;height:28px;margin:0 3px;vertical-align:middle;border-radius:7px}@media(max-width:600px){.tutorial-config-hint{width:88vw}}.future-plan-mark{width:clamp(10.5rem,15.7vw,12.6rem)}.p3__future-plan{bottom:64px}.p4{position:absolute;inset:0;min-height:100svh;isolation:isolate;overflow:hidden;background:var(--canvas);outline:none}.page-stage--p4 .p4{position:relative}.page-stage--leaving-p3 .p3{z-index:1;pointer-events:none;animation:page-depart .7s cubic-bezier(.65,0,.35,1) both}.page-stage--leaving-p3 .p4{animation:page-enter .7s cubic-bezier(.65,0,.35,1) both}.page-stage--returning-p4 .p3{animation:page-return .7s cubic-bezier(.65,0,.35,1) both}.page-stage--returning-p4 .p4{z-index:1;pointer-events:none;animation:page-down .7s cubic-bezier(.65,0,.35,1) both}@media(prefers-reduced-motion:reduce){.page-stage--leaving-p3 .p3,.page-stage--returning-p4 .p4{animation:page-fade .16s ease-out both}.page-stage--leaving-p3 .p4,.page-stage--returning-p4 .p3{animation:none}}.p4__timeline{position:absolute;top:68%;left:0;width:100%;height:1px;background:#bcc4cfd1;box-shadow:0 0 3px #d3deee24;pointer-events:none}.p4__milestone{position:absolute;top:50%;width:12.5%;transform:translate(-50%)}.p4__milestone-label{position:absolute;bottom:22px;width:100%;margin:0;color:#bdc5d0;font:400 clamp(11px,.95vw,14px)/1.7 "Raleway","Segoe UI",sans-serif;text-align:center;text-wrap:pretty;overflow-wrap:anywhere}.p4__milestone .tutorial-route-node{left:50%;top:0}.p4__timeline:before{content:"";position:absolute;left:0;top:0;width:calc(100% / 7);height:1px;background:#f6ce63;box-shadow:0 0 5px #ffca46b3,0 0 13px #ffb92d59}.p4__milestone:first-child .tutorial-route-node{border-color:#ffe094;background:#eebc44;box-shadow:0 0 6px #ffcd58d9,0 0 16px #ffb92d73}.node-detail-copy--illustrated{flex-direction:column;align-items:center;justify-content:flex-start;gap:4px}.node-detail-illustration{display:block;width:78%;height:auto;flex-shrink:0;border-radius:1.5px}