@layer components{.h3-page>main>section.he{background-color:#03070b}.he{--he-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;isolation:isolate;color:var(--nx-white);padding-top:clamp(56px,7vw,88px);position:relative}.he-sky{z-index:-1;pointer-events:none;background:radial-gradient(50% 32% at 50% 0,#1d44608c,#0000 75%),radial-gradient(36% 30% at 50% 72%,#2b6a9647,#0000 75%);position:absolute;inset:0}.he-top{text-align:center;flex-direction:column;align-items:center;display:flex}.he-pill{font-size:var(--text-small);color:var(--nx-blue-100);background:#ffffff0d;border-radius:9999px;align-items:center;gap:10px;padding:7px 16px 7px 12px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1a}.he-pill-dot{background:var(--nx-blue-400);width:7px;height:7px;box-shadow:0 0 10px var(--nx-blue-400);border-radius:9999px}.he-title{letter-spacing:-.045em;text-wrap:balance;margin-top:28px;font-size:clamp(2.4rem,5.4vw,4.9rem);font-weight:600;line-height:1.02}.he-title>span{background:linear-gradient(180deg, var(--nx-white) 30%, #ffffff9e);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:-.1em;padding-bottom:.1em;display:block}.he-title em{background:linear-gradient(180deg, var(--nx-blue-200), var(--nx-blue-400));-webkit-background-clip:text;background-clip:text;font-style:normal}.he-body{max-width:56ch;font-size:var(--text-body-lg);color:#ffffffbd;text-wrap:pretty;margin-top:22px;line-height:1.5}.he-ticks{font-size:var(--text-body);color:#ffffffc7;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:28px;display:flex}.he-ticks li{align-items:center;gap:8px;display:inline-flex}.he-ticks svg{color:var(--nx-blue-300)}.he-ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.he-ghost{min-height:3.05rem;color:var(--nx-white);transition:background-color .2s ease, transform .16s var(--ease-out-strong);background:#ffffff0f;border-radius:9999px;align-items:center;gap:.55rem;padding:0 1.4rem;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff29}.he-ghost:hover{background:#ffffff1f}.he-ghost:active{transform:scale(.97)}.he-platform{font-family:var(--he-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff6b;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin-top:36px;font-size:12px;display:flex}.he-platform span{align-items:center;gap:10px;display:inline-flex}.he-platform span:before{content:"";background:var(--nx-blue-400);opacity:.7;border-radius:9999px;width:5px;height:5px}.he-enter{animation:he-rise .9s var(--ease-out-expo) both}@keyframes he-rise{0%{opacity:0;filter:blur(6px);transform:translateY(16px)}}.he-stage-wrap{margin-top:clamp(24px,4vw,48px);padding-bottom:max(24px,4.9vw);position:relative;overflow:hidden}.he-stage{aspect-ratio:1900/600;width:100%;margin-inline:auto;animation:1.4s .3s both he-fade;position:relative;container-type:inline-size}@keyframes he-fade{0%{opacity:0}}@media (max-width:1535px){.he-stage{width:max(100%,1400px);margin-left:min(0px,50% - 700px)}}@media (max-width:767px){.he-stage{width:350%;margin-left:-125%}}@media (max-width:1535px){.he-panel{display:none}}.he-stage:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#4fa0d54d,#2b6a961a 50%,#0000);border-radius:9999px;width:37.89cqw;height:37.89cqw;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.he-stage>*{position:absolute}.he-lines{width:100%;height:100%;inset:0;overflow:visible}.he-lines path{fill:none;stroke:#8dc1e629;stroke-width:1px;vector-effect:non-scaling-stroke}.he-lines .he-dash{stroke:#8dc1e673;stroke-dasharray:3 6;animation:1.4s linear infinite he-flow}@keyframes he-flow{to{stroke-dashoffset:-9px}}.he-rings span{border-radius:9999px;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #8dc1e621}.he-rings span:first-child{width:12.63cqw;height:12.63cqw;box-shadow:inset 0 0 0 1px #8dc1e638}.he-rings span:nth-child(2){width:14.78cqw;height:14.78cqw;box-shadow:none;border:1px dashed #8dc1e633}.he-rings span:nth-child(3){width:22.11cqw;height:22.11cqw;box-shadow:inset 0 0 0 1px #8dc1e612}.he-sweep{background:conic-gradient(#6bafdd8c 0deg,#4fa0d53d 12deg,#2b6a9612 38deg,#0000 56deg);border-radius:9999px;width:23.37cqw;height:23.37cqw;animation:22s linear infinite he-spin;-webkit-mask-image:radial-gradient(circle closest-side,#0000 41%,#000 41.6% 98.5%,#0000 100%);mask-image:radial-gradient(circle closest-side,#0000 41%,#000 41.6% 98.5%,#0000 100%)}.he-pulse span{opacity:0;border-radius:9999px;width:9.73cqw;height:9.73cqw;animation:4.5s cubic-bezier(.2,.6,.3,1) infinite he-ripple;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(1);box-shadow:inset 0 0 0 1px #8dc1e68c,0 0 1.26cqw #4fa0d540}.he-pulse span:nth-child(2){animation-delay:1.5s}.he-pulse span:nth-child(3){animation-delay:3s}@keyframes he-ripple{0%{opacity:.9;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(2.6)}}.he-member{opacity:0;width:0;height:0;animation:16s linear infinite he-drift}@keyframes he-drift{0%{rotate:calc(var(--a) - 40deg);opacity:0}22%,78%{opacity:1}to{rotate:calc(var(--a) + 40deg);opacity:0}}.he-member-face{width:1.75cqw;height:1.75cqw;color:var(--nx-blue-100);background:radial-gradient(circle at 50% 30%,#4fa0d559,#0d2030f2 75%);border-radius:9999px;place-items:center;animation:16s linear infinite he-upright;display:grid;position:absolute;top:0;left:7.37cqw;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px #8dc1e68c,0 0 1.2cqw #4fa0d573}.he-member-face svg{width:.8cqw;height:.8cqw}@keyframes he-upright{0%{rotate:calc(-1 * var(--a) + 40deg)}to{rotate:calc(-1 * var(--a) - 40deg)}}.he-packets{width:3.41cqw;height:0}.he-packets i{background:var(--nx-blue-300);width:.35cqw;height:.35cqw;box-shadow:0 0 .51cqw var(--nx-blue-400);border-radius:9999px;animation:2.4s linear infinite he-packet;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.he-packets i:nth-child(2){animation-delay:.8s}.he-packets i:nth-child(3){animation-delay:1.6s}@keyframes he-packet{0%{opacity:0;left:0}15%,80%{opacity:1}to{opacity:0;left:100%}}@keyframes he-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.he-core{background:radial-gradient(circle at 50% 38%,#4fa0d561,#0e2233f5 68%);border-radius:9999px;flex-direction:column;justify-content:center;align-items:center;gap:.44cqw;width:9.73cqw;height:9.73cqw;animation:4s ease-in-out infinite he-breathe;display:flex;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1.5px #6bafdda6,inset 0 0 1.89cqw #4fa0d540,0 0 3.16cqw #4fa0d573}@keyframes he-breathe{50%{box-shadow:inset 0 0 0 1.5px #8dc1e6cc,inset 0 0 2.21cqw #4fa0d559,0 0 4.42cqw #4fa0d599}}.he-core-k{font-family:var(--he-mono);letter-spacing:.32em;text-transform:uppercase;color:var(--nx-blue-200);font-size:clamp(10px,.54cqw,11px)}.he-core-mark{width:3.28cqw;height:auto;color:var(--nx-white);filter:drop-shadow(0 0 .63cqw #6bafddcc)}.he-core-v{font-family:var(--he-mono);color:#ffffffd1;font-size:clamp(10px,.73cqw,15px)}.he-node{background:var(--nx-blue-300);width:.47cqw;height:.47cqw;box-shadow:0 0 .63cqw var(--nx-blue-400);transform:translate(-50%, -50%) rotate(var(--deg)) translateX(4.86cqw);border-radius:9999px}.he-label{font-family:var(--he-mono);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:#ffffffd9;font-size:clamp(10px,.73cqw,14px);transform:translate(-50%,-50%)}.he-label--left{transform:translate(-100%,-50%)}.he-label--right{transform:translateY(-50%)}.he-lane{width:27%;overflow:hidden;transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 72%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 72%,#0000)}.he-lane-track,.he-out-track{gap:.57cqw;width:max-content;animation:30s linear infinite he-stream;display:flex}@keyframes he-stream{0%{transform:translate(-50%)}to{transform:translate(0)}}.he-chip{font-family:var(--he-mono);white-space:nowrap;color:#ffffffe6;background:#ffffff0a;border-radius:9999px;flex:none;align-items:center;gap:.32cqw;padding:.28cqw .63cqw;font-size:clamp(10px,.66cqw,13px);display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1a}.he-chip i{background:var(--nx-blue-400);border-radius:9999px;width:.35cqw;height:.35cqw}.he-chip[data-tone=coral] i{background:var(--nx-coral-500);box-shadow:0 0 .38cqw var(--nx-coral-500)}.he-chip-k{color:#ffffff73}.he-out{width:37%;overflow:hidden;transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 80%,#0000)}.he-out-track{gap:1.64cqw;animation-duration:34s}.he-reward{white-space:nowrap;color:#ffffffe0;background:#ffffff0a;border-radius:9999px;flex:none;align-items:center;gap:.38cqw;padding:.28cqw .69cqw .28cqw .32cqw;font-size:clamp(10px,.69cqw,14px);display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1a}.he-reward i{width:.95cqw;height:.95cqw;color:var(--nx-white);background:var(--nx-blue-600);border-radius:9999px;place-items:center;font-size:.8em;font-style:normal;font-weight:700;display:grid}.he-reward[data-kind=paid] i{background:var(--nx-sage-500);box-shadow:0 0 .63cqw #4e6e5dcc}.he-reward[data-kind=paid]{color:color-mix(in oklab, var(--nx-sage-500) 40%, var(--nx-white))}.he-panel{z-index:2;background:#070c11;border-radius:.76cqw;width:15%;padding:.82cqw .95cqw;box-shadow:inset 0 0 0 1px #ffffff0f}.he-panel-head{letter-spacing:-.01em;color:#ffffffc7;align-items:center;gap:.51cqw;padding-bottom:.57cqw;font-size:.73cqw;font-weight:600;display:flex;box-shadow:inset 0 -1px #ffffff0f}.he-panel-icon{width:1.39cqw;height:1.39cqw;color:var(--nx-blue-300);background:#4fa0d51f;border-radius:.44cqw;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #6bafdd33}.he-panel-icon svg{width:.73cqw;height:.73cqw}.he-panel ul{gap:.4cqw;margin-top:.63cqw;display:grid}.he-panel li{color:#ffffff6b;align-items:center;gap:.44cqw;font-size:.66cqw;display:flex}.he-panel li:before{content:"";background:#6bafdd99;border-radius:9999px;width:.28cqw;height:.28cqw}.he-logos{padding-bottom:clamp(40px,5vw,72px);display:grid;position:relative}.he-logo-set{flex-wrap:wrap;grid-area:1/1;justify-content:center;align-items:center;gap:20px clamp(28px,4.5vw,72px);animation:10s ease-in-out infinite he-logos;display:flex}.he-logo-set:nth-child(3){animation-delay:-5s}@keyframes he-logos{0%,42%{opacity:1;filter:blur()}50%,92%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}.he-logo{filter:invert();opacity:.55;width:auto}.he-panel{transition:background-color .4s,box-shadow .4s}.he-panel:hover{background:color-mix(in oklab, #070c11 90%, var(--nx-blue-500));box-shadow:inset 0 0 0 1px #6bafdd8c,0 0 3cqw #4fa0d540,0 20px 50px -24px #000000e6}.he-panel-head,.he-panel li{transition:color .3s}.he-panel:hover .he-panel-head{color:var(--nx-white)}.he-panel:hover li{color:#ffffffb3}.he-panel li{cursor:default;border-radius:.5cqw;flex-wrap:wrap;margin:0 -.5cqw;padding:.2cqw .5cqw;transition:color .3s,background-color .3s}.he-feat-more{transition:grid-template-rows .45s var(--ease-out-expo);flex-basis:100%;grid-template-rows:0fr;display:grid}.he-feat-more>span{color:#ffffff9e;font-size:.62cqw;line-height:1.45;overflow:hidden}.he-panel li:hover{color:var(--nx-white);background:#4fa0d51f}.he-panel:hover:not(:has(li:hover)) li:first-child{color:var(--nx-white);background:#4fa0d51f}.he-panel li:hover .he-feat-more{grid-template-rows:1fr}.he-panel:hover:not(:has(li:hover)) li:first-child .he-feat-more{grid-template-rows:1fr}.he-panel li:hover .he-feat-more>span{padding:.35cqw 0 .15cqw}.he-panel:hover:not(:has(li:hover)) li:first-child .he-feat-more>span{padding:.35cqw 0 .15cqw}.he-panel li:hover:before{background:var(--nx-blue-300);box-shadow:0 0 .6cqw var(--nx-blue-400)}.he-panel:hover:not(:has(li:hover)) li:first-child:before{background:var(--nx-blue-300);box-shadow:0 0 .6cqw var(--nx-blue-400)}.he-lines .he-link{transition:stroke .4s,stroke-width .4s}:is(.he-stage:has(.he-panel[data-i="0"]:hover) .he-link[data-i="0"],.he-stage:has(.he-panel[data-i="1"]:hover) .he-link[data-i="1"],.he-stage:has(.he-panel[data-i="2"]:hover) .he-link[data-i="2"],.he-stage:has(.he-panel[data-i="3"]:hover) .he-link[data-i="3"]){stroke:var(--nx-blue-300);stroke-width:1.6px;filter:drop-shadow(0 0 4px #4fa0d5e6)}@media (prefers-reduced-motion:reduce){.he-enter,.he-stage,.he-sweep,.he-core,.he-pulse span,.he-packets i,.he-lines .he-dash,.he-lane-track,.he-out-track{animation:none}.he-sweep{transform:translate(-50%,-50%)rotate(-30deg)}.he-pulse span:first-child{opacity:.5;transform:translate(-50%,-50%)scale(1.4)}.he-packets i{opacity:0}.he-member,.he-member-face,.he-logo-set{animation:none}.he-logo-set:nth-child(3){display:none}.he-member{opacity:1;rotate:var(--a)}.he-member-face{rotate:calc(-1 * var(--a))}}}
