@property --jc1{syntax:"<color>";inherits:true;initial-value:#0bc5ff}@property --jc2{syntax:"<color>";inherits:true;initial-value:#2f6bff}.jr{--jr-R:min(190px, 33vw);overflow-x:clip}.jr-grad{background:var(--b-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.jr-grad--light{background:linear-gradient(120deg,#7fe3ff,#9db8ff 50%,#c9b6ff);-webkit-background-clip:text;background-clip:text}.jr-kick{font:800 .74rem var(--f-head);letter-spacing:.16em;text-transform:uppercase;color:var(--b-blue);align-items:center;gap:10px;margin:0 0 10px;display:inline-flex}.jr-kick:before{content:"";background:var(--b-grad);border-radius:3px;width:26px;height:3px}.jr-kick--dark{color:#8fd8ff}.jr-head{text-align:center;justify-items:center;margin-bottom:clamp(28px,4vw,48px);display:grid}.jr-head h2{max-width:22ch;margin:0;font-size:clamp(1.9rem,3.8vw,3rem)}.jr-head--dark h2{color:#fff}.jr-lede{color:var(--ink-2);max-width:60ch;margin:12px 0 0}.jr-head--dark .jr-lede{color:#bfcaf2}.jr-hero{isolation:isolate;padding:clamp(34px,6vw,80px) 0 clamp(50px,7vw,96px);position:relative;overflow:hidden}.jr-hero__bg{z-index:-1;background:radial-gradient(90% 70% at 80% 30%, #e8e3ff, transparent 60%), linear-gradient(180deg, var(--b-ice), var(--bg) 92%);position:absolute;top:0;bottom:0;left:0;right:0}[data-theme=dark] .jr-hero__bg{background:radial-gradient(90% 70% at 80% 30%, #241a63, transparent 60%), linear-gradient(180deg, #0e1a4a, var(--bg) 90%)}.jr-hero__bg i{border-radius:50%;position:absolute}.jr-hero__bg .g1{background:radial-gradient(closest-side,#7b4dff40,#0000);width:640px;height:640px;top:-200px;right:-160px}.jr-hero__bg .g2{background:radial-gradient(closest-side,#0bc5ff38,#0000);width:520px;height:520px;bottom:-120px;left:-240px}.jr-hero__dots{background-image:radial-gradient(#2f6bff2e 1px,#0000 1.4px);background-size:26px 26px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask:radial-gradient(60% 70% at 70% 45%,#000,#0000 75%);mask:radial-gradient(60% 70% at 70% 45%,#000,#0000 75%)}.jr-hero__in{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,4vw,56px);display:grid}.jr-hero__copy .kin{max-width:15ch;margin:18px 0;font-size:clamp(2.3rem,5.2vw,4.3rem);line-height:1.04}.jr-hero__lede{color:var(--ink-2);max-width:54ch;margin:0;font-size:clamp(1.02rem,1.4vw,1.15rem)}.jr-steps{flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none;display:flex}.jr-steps button{font:700 .84rem var(--f-head);color:var(--ink);background:var(--surface);box-shadow:var(--shadow-1), inset 0 0 0 1px var(--line);transition:transform .3s var(--ease), box-shadow .3s;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.jr-steps button i{background:linear-gradient(135deg, var(--c1), var(--c2));width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--c1) 22%, transparent);border-radius:50%}.jr-steps button:hover{box-shadow:0 10px 22px -12px var(--c2), inset 0 0 0 1px color-mix(in srgb, var(--c1) 40%, transparent);transform:translateY(-2px)}@media (max-width:960px){.jr-hero__in{grid-template-columns:1fr}}.jr-seed{aspect-ratio:1;perspective:1000px;--R:min(180px, 36vw);width:min(470px,100%);margin-inline-start:auto;margin-inline-end:auto;position:relative}.jr-seed__iso{transform-style:preserve-3d;position:absolute;top:0;bottom:0;left:0;right:0;transform:rotateX(58deg)}.jr-seed__core{background:radial-gradient(circle at 35% 30%,#fff,#9fdcff 18%,#2f6bff 55%,#4b2bc9);border-radius:50%;width:92px;height:92px;margin:-46px;animation:3.6s ease-in-out infinite jrPulse;position:absolute;top:50%;left:50%;transform:rotateX(-58deg);box-shadow:0 0 60px 10px #2f6bff73}.jr-seed__ray{width:var(--R);transform-origin:0;height:4px;transform:rotate(var(--a));position:absolute;top:50%;left:50%}.jr-seed__ray i{background:linear-gradient(90deg, #ffffffe6, var(--c));height:100%;box-shadow:0 0 14px var(--c);transform-origin:0;animation:jrRay 3.6s var(--ease) infinite;animation-delay:calc(var(--i) * .12s);border-radius:4px;display:block}.jr-seed__orbit{width:calc(var(--R) * 2.2);aspect-ratio:1;border:1.5px dashed #2f6bff59;border-radius:50%;animation:40s linear infinite jrSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.jr-seed__orbit--b{width:calc(var(--R) * 1.35);border-style:solid;border-color:#7b4dff47;animation-duration:26s;animation-direction:reverse}.jr-seed__tag{transform:translate(-50%, -50%) translate(calc(cos(var(--a)) * var(--R) * 1.12), calc(sin(var(--a)) * var(--R) * .62));position:absolute;top:50%;left:50%}.jr-seed__tag .pg{animation:4.8s ease-in-out infinite jrBob;animation-delay:calc(var(--i) * -.6s)}.jr-seed__label{white-space:nowrap;background:var(--b-navy);color:#dce6ff;font:600 .86rem var(--f-head);border-radius:999px;align-items:center;gap:8px;padding:9px 16px;display:inline-flex;position:absolute;bottom:4%;left:50%;transform:translate(-50%);box-shadow:0 16px 30px -16px #101b4dcc}.jr-seed__label b{color:#fff;font-size:1.15rem}.jr-seed__label em{color:#7fe3ff;font-style:normal}@keyframes jrPulse{50%{box-shadow:0 0 90px 18px #7b4dff80}}@keyframes jrRay{0%{opacity:.4;transform:scaleX(.15)}45%,75%{opacity:1;transform:scaleX(1)}to{opacity:.55;transform:scaleX(1)}}@keyframes jrSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes jrBob{50%{translate:0 -6px}}.jr-story{isolation:isolate;padding:clamp(50px,7vw,100px) 0;transition:--jc1 .9s,--jc2 .9s;position:relative}.jr-story:before{content:"";z-index:-1;background:radial-gradient(50% 40% at 20% 30%, color-mix(in srgb, var(--jc1) 14%, transparent), transparent 70%), radial-gradient(50% 40% at 90% 80%, color-mix(in srgb, var(--jc2) 12%, transparent), transparent 70%), var(--bg);position:absolute;top:0;bottom:0;left:0;right:0}.jr-story__grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(24px,4vw,64px);display:grid}.jr-story__stick{top:calc(var(--header-h) + 24px);position:sticky}.jr-chapters{gap:22vh;margin:0;padding:12vh 0 18vh;list-style:none;display:grid}.jc{padding-left:34px;position:relative}.jc__rail{background:var(--line);width:2px;position:absolute;top:-11vh;bottom:-11vh;left:8px}.jc__rail i{background:var(--surface);width:14px;height:14px;box-shadow:inset 0 0 0 3px var(--line-2);transition:all .5s var(--ease);border-radius:50%;position:absolute;top:11vh;left:-6px}.jc.is-on .jc__rail i,.jc.is-past .jc__rail i{background:linear-gradient(135deg, var(--c1), var(--c2));box-shadow:0 0 0 5px color-mix(in srgb, var(--c1) 22%, transparent)}.jc.is-past .jc__rail{background:linear-gradient(var(--c1), var(--c2))}.jc__card{background:var(--surface);box-shadow:var(--shadow-1), inset 0 0 0 1px var(--line);opacity:.45;transition:opacity .6s var(--ease), transform .6s var(--ease), box-shadow .6s;border-radius:26px;padding:26px;position:relative;overflow:hidden;transform:translate(14px)scale(.97)}.jc__card:before{content:"";background:linear-gradient(var(--c1), var(--c2));opacity:0;width:4px;transition:opacity .6s;position:absolute;top:0;bottom:0;left:0}.jc.is-on .jc__card{opacity:1;box-shadow:0 30px 60px -32px var(--c2), inset 0 0 0 1px color-mix(in srgb, var(--c1) 30%, transparent);transform:none}.jc.is-on .jc__card:before{opacity:1}.jc__card header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.jc__ic{color:#fff;background:linear-gradient(135deg, var(--c1), var(--c2));width:46px;height:46px;box-shadow:0 12px 22px -12px var(--c2);border-radius:15px;place-items:center;display:grid}.jc__tag{font:800 1.15rem var(--f-head);background:linear-gradient(120deg, var(--c1), var(--c2));color:#0000;-webkit-background-clip:text;background-clip:text}.jc__no{font:800 2.6rem/1 var(--f-head);color:#0000;-webkit-text-stroke:1.5px color-mix(in srgb, var(--c1) 45%, transparent);margin-left:auto}.jc__card h3{margin:0 0 8px;font-size:clamp(1.3rem,2.2vw,1.7rem)}.jc__card p{color:var(--ink-2);margin:0;line-height:1.6}.jc__pts{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.jc__pts li{color:var(--ink-2);align-items:center;gap:10px;font-size:.92rem;font-weight:600;display:flex}.jc__pts svg{color:var(--c1);flex:none}.jc__chips{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.jc__chips li{font:700 .82rem var(--f-head);color:color-mix(in srgb, var(--c1) 80%, var(--ink));background:color-mix(in srgb, var(--c1) 10%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c1) 28%, transparent);border-radius:999px;padding:7px 13px}.jc__note{color:var(--ink-3);align-items:center;gap:8px;margin-top:14px;font-size:.82rem;display:flex}.jc--next .jc__card{background-image:repeating-linear-gradient(135deg, transparent 0 12px, color-mix(in srgb, var(--c1) 4%, transparent) 12px 24px)}.jc--next .jc__chips li{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--c1) 45%, transparent);background:0 0;border:0;outline:1.5px dashed #0000}.js-stage{aspect-ratio:1;isolation:isolate;perspective:1100px;--R:var(--jr-R);background:radial-gradient(70% 60% at 50% 40%, color-mix(in srgb, var(--jc1) 32%, #0b1240), #0b1240 70%);width:min(540px,100%);box-shadow:0 50px 90px -40px color-mix(in srgb, var(--jc2) 70%, #000), inset 0 0 0 1px #ffffff14;border-radius:36px;margin-inline-start:auto;margin-inline-end:auto;position:relative;overflow:hidden}.js-stage__sky i{opacity:.25;background-image:radial-gradient(#ffffff8c 1px,#0000 1.5px);background-size:46px 46px;position:absolute;top:0;bottom:0;left:0;right:0}.js-stage__sky i:nth-child(2){opacity:.35;background-position:20px 30px;background-size:73px 73px}.js-stage__sky i:nth-child(3){background:radial-gradient(40% 30% at 70% 20%, color-mix(in srgb, var(--jc2) 40%, transparent), transparent 70%);opacity:1}.js-stage__floor{background:radial-gradient(closest-side, color-mix(in srgb, var(--jc1) 45%, transparent), transparent);filter:blur(2px);border-radius:50%;height:22%;position:absolute;bottom:8%;left:10%;right:10%}.js-stage__world{transform-style:preserve-3d;position:absolute;top:0;bottom:0;left:0;right:0;transform:rotateX(12deg)}.js-stage__label{color:#fff;font:800 .82rem var(--f-head);letter-spacing:.06em;background:#ffffff1a;border-radius:999px;padding:7px 14px;position:absolute;top:16px;left:18px;box-shadow:inset 0 0 0 1px #ffffff2e}.js-files{position:absolute;top:0;bottom:0;left:0;right:0}.js-file{color:#33406f;font:600 .74rem var(--f-body);white-space:nowrap;--x:0;--y:0;--r:0deg;transform:translate(-50%, -50%) translate(var(--x), var(--y)) rotate(var(--r));transition:transform .9s var(--ease), opacity .7s;transition-delay:calc(var(--i) * 50ms);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:8px 12px 8px 8px;display:inline-flex;position:absolute;top:50%;left:50%;box-shadow:0 14px 26px -14px #0009}.js-file b{text-transform:uppercase;color:#fff;background:#1d6f42;border-radius:6px;padding:3px 6px;font-size:.62rem}.js-file:nth-child(2) b,.js-file:nth-child(3) b{background:#2b579a}.js-file:first-child{--x:-120px;--y:-110px;--r:-8deg}.js-file:nth-child(2){--x:110px;--y:-125px;--r:6deg}.js-file:nth-child(3){--x:-140px;--y:10px;--r:4deg}.js-file:nth-child(4){--x:125px;--y:15px;--r:-5deg}.js-file:nth-child(5){--x:-80px;--y:125px;--r:7deg}.js-file:nth-child(6){--x:95px;--y:125px;--r:-3deg}.is-live[data-ch="0"] .js-file{animation:5s ease-in-out infinite jsFloat;animation-delay:calc(var(--i) * -.8s)}@keyframes jsFloat{50%{translate:0 -8px}}.js-stage:not([data-ch="0"]) .js-file{--x:0px;--y:0px;--r:0deg;opacity:0;transform:translate(-50%,-50%)scale(.2)}.js-core{opacity:0;place-items:center;width:120px;height:120px;margin:-60px;transition:transform .9s cubic-bezier(.34,1.56,.64,1),opacity .6s;display:grid;position:absolute;top:50%;left:50%;transform:scale(.3)}.js-stage:not([data-ch="0"]) .js-core{opacity:1;transform:none}.js-core__ball{width:84px;height:84px;box-shadow:0 0 0 6px #ffffff1f, 0 0 60px 6px color-mix(in srgb, var(--jc1) 70%, transparent);background:#fff;border-radius:26px;place-items:center;display:grid}.js-core__ring{border:1.5px solid color-mix(in srgb, var(--jc1) 70%, #fff);opacity:.6;border-radius:50%;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}.js-core__ring--b{border-style:dashed;border-color:#ffffff47;top:-26px;bottom:-26px;left:-26px;right:-26px}.is-live .js-core__ring{animation:2.8s ease-out infinite jsHalo}.is-live .js-core__ring--b{animation:22s linear infinite jsTurn}@keyframes jsHalo{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.5)}}@keyframes jsTurn{to{transform:rotate(360deg)}}.js-mods,.js-fin{position:absolute;top:0;bottom:0;left:0;right:0}.js-mod{transform:rotate(var(--a)) translateX(0) rotate(calc(-1 * var(--a)));opacity:0;transition:transform .8s var(--ease), opacity .5s;position:absolute;top:50%;left:50%}.js-mod i{font:700 .78rem var(--f-head);color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border-radius:999px;padding:7px 12px;font-style:normal;display:block;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #ffffff40}.js-stage[data-ch="1"] .js-mods .js-mod,.js-stage[data-ch="2"] .js-fin .js-mod{opacity:1;transform:rotate(var(--a)) translateX(calc(var(--R) * .78)) rotate(calc(-1 * var(--a)))}.js-mod--fin i{background:#1e3a8a47;box-shadow:inset 0 0 0 1px #e5a21a8c}.js-prods{position:absolute;top:0;bottom:0;left:0;right:0}.js-prod{transform:rotate(var(--a)) translateX(0) rotate(calc(-1 * var(--a)));opacity:0;transition:transform 1s cubic-bezier(.34,1.4,.64,1),opacity .6s;transition-delay:calc(var(--i) * 70ms);position:absolute;top:50%;left:50%}.js-prod__in{justify-items:center;gap:6px;display:grid;transform:translate(-50%,-50%)}.js-prod__in small{font:700 .7rem var(--f-head);color:#fff;white-space:nowrap;background:#0b1240b3;border-radius:999px;padding:3px 8px}.js-stage[data-ch="2"] .js-prod--t2t{opacity:1;transform:rotate(var(--a)) translateX(calc(var(--R) * 1.12)) rotate(calc(-1 * var(--a)))}.js-stage[data-ch="3"] .js-prod,.js-stage[data-ch="4"] .js-prod,.js-stage[data-ch="5"] .js-prod{opacity:1;transform:rotate(var(--a)) translateX(var(--R)) rotate(calc(-1 * var(--a)))}.is-live[data-ch="4"] .js-prod__in .pg,.is-live[data-ch="5"] .js-prod__in .pg{animation:4s ease-in-out infinite jrBob;animation-delay:calc(var(--i) * -.5s)}.js-links{width:calc(var(--R) * 2.564);height:calc(var(--R) * 2.564);position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.js-links line{stroke:#ffffff59;stroke-width:.6px;stroke-dasharray:80;stroke-dashoffset:80px;transition:stroke-dashoffset .9s var(--ease);transition-delay:calc(var(--i) * 70ms)}.js-links polygon{fill:color-mix(in srgb, var(--jc1) 10%, transparent);stroke:#ffffff4d;stroke-width:.5px;opacity:0;transition:opacity .8s .5s}.js-stage[data-ch="4"] .js-links line,.js-stage[data-ch="5"] .js-links line{stroke-dashoffset:0}.js-stage[data-ch="4"] .js-links polygon,.js-stage[data-ch="5"] .js-links polygon{opacity:1}.js-stage[data-ch="5"] .js-links polygon{stroke-dasharray:3 3}.js-next{position:absolute;top:0;bottom:0;left:0;right:0}.js-ghost{color:#cfe0ff;opacity:0;background:#7b4dff24;border:1.5px dashed #cfe0ff99;border-radius:22px;place-content:center;justify-items:center;gap:4px;width:78px;height:78px;transition:opacity .6s,transform .8s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;transform:scale(.6)}.js-ghost small{font:700 .62rem var(--f-head);white-space:nowrap}.js-ghost--a{bottom:5%;right:4%}.js-ghost--b{bottom:5%;left:4%}.js-stage[data-ch="5"] .js-ghost{opacity:1;transform:none}.is-live[data-ch="5"] .js-ghost{animation:2.4s ease-in-out infinite jsGhost}@keyframes jsGhost{50%{box-shadow:0 0 0 8px #7b4dff1f}}@media (max-width:900px){.jr{--jr-R:min(102px, 27vw)}.jr-story__grid{grid-template-columns:1fr}.jr-story__stick{top:calc(var(--header-h) + 6px);z-index:3;background:linear-gradient(var(--bg) 85%, transparent);padding-bottom:10px}.js-stage{border-radius:24px;width:min(290px,76vw)}.js-file{padding:6px 8px 6px 6px;font-size:.62rem}.js-file:first-child{--x:-70px;--y:-80px}.js-file:nth-child(2){--x:70px;--y:-90px}.js-file:nth-child(3){--x:-80px;--y:5px}.js-file:nth-child(4){--x:78px;--y:10px}.js-file:nth-child(5){--x:-50px;--y:85px}.js-file:nth-child(6){--x:55px;--y:90px}.js-prod .pg{--s:34px!important}.js-mod i{padding:5px 9px;font-size:.66rem}.js-ghost{width:60px;height:60px}.jr-chapters{gap:10vh;padding:4vh 0 10vh}.jc__rail{top:-5vh;bottom:-5vh}.jc__rail i{top:5vh}}.jr-family{isolation:isolate;background:var(--b-grad-deep);color:#e6ebff;padding:clamp(56px,8vw,110px) 0;position:relative;overflow:hidden}.jr-family__bg i{z-index:-1;aspect-ratio:1;background:radial-gradient(closest-side,#0bc5ff38,#0000);border-radius:50%;width:60vw;max-width:760px;position:absolute;top:-30%;left:-20%}.jr-family__bg i+i{background:radial-gradient(closest-side,#7b4dff47,#0000);top:auto;bottom:-30%;left:auto;right:-20%}.jr-fam{perspective:1200px;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.jr-card{color:#fff;background:linear-gradient(160deg, color-mix(in srgb, var(--c1,#2f6bff) 26%, #ffffff0a), #ffffff08);min-height:230px;transition:transform .5s var(--ease), box-shadow .5s;border-radius:24px;align-content:start;justify-items:start;gap:6px;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.jr-card:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c1,#2f6bff) 60%, transparent), 0 30px 50px -30px var(--c1,#2f6bff);transform:translateY(-6px)rotateX(4deg)}.jr-card .pg{margin-bottom:8px}.jr-card small{font:800 .7rem var(--f-head);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--c1,#7fe3ff) 55%, #fff)}.jr-card b{font:800 1.25rem var(--f-head)}.jr-card__m{color:#c8d2f5;font-size:.9rem;line-height:1.45}.jr-card__go{font:700 .86rem var(--f-head);color:#fff;align-items:center;gap:6px;margin-top:auto;padding-top:12px;display:inline-flex}.jr-card__go svg{transition:transform .3s var(--ease)}.jr-card:hover .jr-card__go svg{transform:translate(4px)}.jr-card__shine{transition:transform .9s var(--ease);pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff24 50%,#0000 65%);position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-120%)}.jr-card:hover .jr-card__shine{transform:translate(120%)}.jr-card--about{background:var(--b-grad)}.jr-card__ring{background:#ffffff2e;border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:8px;display:grid}@media (max-width:1000px){.jr-fam{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.jr-fam{grid-template-columns:1fr}.jr-card{min-height:0}}.jr-hero:not(.is-live) .jr-seed *,.jr-family:not(.is-live) *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.jr *,.jr :before{transition-duration:10ms!important;animation:none!important}}
