.nx-hero{position:relative;width:100%;height:100vh;min-height:680px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#2b1e51 0%,#181526 70%);overflow:hidden}
#nxHeroParticles{position:absolute;inset:0;width:100%;height:100%}
.nx-hero-glow{position:absolute;top:38%;left:50%;width:900px;height:900px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(158,123,183,.28) 0%,rgba(158,123,183,0) 65%);pointer-events:none}
.nx-hero-content{position:relative;z-index:2;text-align:center;padding:0 24px;max-width:900px}
.nx-hero-meta{display:flex;justify-content:center;gap:28px;font:11px 'JetBrains Mono',monospace;letter-spacing:1.5px;color:#9e7bb7;text-transform:uppercase;margin-bottom:36px;opacity:0;animation:nxFadeUp .8s ease forwards 1.1s}
.nx-hero-meta span{display:flex;align-items:center;gap:8px}
.nx-rec-dot{width:6px;height:6px;border-radius:50%;background:#9e7bb7;animation:nxPulse 1.6s ease-in-out infinite}
.nx-hero-h1{
  font-size:clamp(19px,2.2vw,26px);
  font-weight:600;
  line-height:1.35;
  letter-spacing:-.01em;
  color:#e9eff9;
  max-width:640px;
  margin:0 auto 28px;
  opacity:0;
  animation:nxFadeUp .8s ease forwards 1.2s;
}
@media(prefers-reduced-motion:reduce){
  .nx-hero-h1{animation:none;opacity:1}
}

#nxHeroHeadline{position:relative;font-size:clamp(32px,5.2vw,58px);font-weight:800;line-height:1.15;color:#e9eff9;margin-bottom:22px;overflow:hidden}
#nxHeroHeadline .nx-word{display:inline-block;opacity:0;transform:translateY(30px);animation:nxWordIn .7s cubic-bezier(.2,.8,.2,1) forwards}
.nx-headline-slide{position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%);opacity:0;transition:transform .65s cubic-bezier(.4,0,.2,1),opacity .65s ease}
.nx-headline-slide.nx-enter-up{transform:translate(-50%,calc(-50% + 100%));opacity:0}
.nx-headline-slide.nx-enter-down{transform:translate(-50%,calc(-50% - 100%));opacity:0}
.nx-headline-slide.nx-active{transform:translate(-50%,-50%);opacity:1}
.nx-headline-slide.nx-exit-up{transform:translate(-50%,calc(-50% - 100%));opacity:0}
.nx-headline-slide.nx-exit-down{transform:translate(-50%,calc(-50% + 100%));opacity:0}
.nx-hero-sub{font-size:16px;line-height:1.6;color:#e9eff9;max-width:620px;margin:0 auto 40px;opacity:0;animation:nxFadeUp .8s ease forwards 1.3s}
.nx-hero-ctas{display:flex;gap:16px;justify-content:center;opacity:0;animation:nxFadeUp .8s ease forwards 1.5s}

#nxWhySection{overflow:hidden}
#nxWhyBgGrid{position:absolute;inset:0;width:100%;height:100%;opacity:.5;pointer-events:none}
.nx-why-wrap{position:relative;z-index:2}
.nx-divider{width:1px;height:70px;background:linear-gradient(rgba(158,123,183,0),rgba(158,123,183,.6),rgba(158,123,183,0));margin:60px auto}
.nx-orbit-stage{position:relative;width:100%;max-width:700px;height:620px;margin:50px auto 0}
.nx-orbit-ring{position:absolute;top:50%;left:50%;width:560px;height:560px;transform:translate(-50%,-50%);border:1px dashed rgba(158,123,183,.28);border-radius:50%}
.nx-orbit-tick{display:none!important}
.nx-chip{position:absolute;top:50%;left:50%;display:inline-flex;align-items:center;gap:9px;background:rgba(24,21,38,.92);border:1px solid rgba(158,123,183,.4);border-radius:999px;padding:11px 20px;cursor:pointer;white-space:nowrap;transition:border-color .3s,background .3s,transform .15s}
.nx-chip:hover,.nx-chip.active{border-color:#e9eff9;background:rgba(158,123,183,.22)}
.nx-chip-dot{width:8px;height:8px;border-radius:50%;background:#9e7bb7;flex-shrink:0;box-shadow:0 0 8px #9e7bb7}
.nx-chip.active .nx-chip-dot{background:#e9eff9}
.nx-chip-label{font-size:13px;font-weight:600;color:#e9eff9}
.nx-chip.active .nx-chip-label{color:#fff}
.nx-center-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.nx-center-glow{position:absolute;inset:-40px;border-radius:50%;background:radial-gradient(circle,rgba(158,123,183,.3) 0%,rgba(158,123,183,0) 70%);animation:nxBreathe 4s ease-in-out infinite}
.nx-center-inner{position:relative;width:200px;height:200px;border-radius:50%;border:1px solid rgba(158,123,183,.55);background:rgba(43,30,81,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;animation:nxBreatheScale 4s ease-in-out infinite}
.nx-center-slot{position:relative;display:flex;align-items:center;justify-content:center;height:30px;margin-bottom:8px}
.nx-center-idx{font:11px 'JetBrains Mono',monospace;letter-spacing:2px;color:#9e7bb7;margin-bottom:8px}
.nx-center-slot .nx-center-idx{position:absolute;margin:0}
.nx-center-slot .nx-center-icon{display:block;height:30px;width:auto;filter:brightness(0) invert(1);opacity:.92;transition:opacity .25s}
#nxCenterIdx:not(:empty) + .nx-center-icon{opacity:0}
.nx-center-title{font-size:16px;font-weight:700;color:#e9eff9;margin-bottom:8px;min-height:42px;display:flex;align-items:center;justify-content:center;transition:opacity .25s}
.nx-center-desc{font-size:12px;line-height:1.5;color:#9e7bb7;transition:opacity .25s;min-height:52px}
.nx-fade{opacity:0}

#nxBuildSection{background:#181526}
.nx-build-h2{margin-bottom:70px}
.nx-build-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px;margin:0 auto}
.nx-card{position:relative;text-align:left;padding:30px 26px;border-radius:18px;text-decoration:none;background:rgba(43,30,81,.28);border:1px solid rgba(158,123,183,.28);overflow:hidden;cursor:pointer;transform-style:preserve-3d;transition:transform .15s,border-color .3s,background .3s;opacity:0;transform:translateY(24px);animation:nxCardUp .7s cubic-bezier(.2,.8,.2,1) forwards}
.nx-card:hover{border-color:#9e7bb7;background:rgba(43,30,81,.5)}
.nx-card-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(185,143,224,.22) 0%,rgba(158,123,183,0) 70%);pointer-events:none;opacity:0;transition:opacity .3s;transform:translate(-50%,-50%)}
.nx-card:hover .nx-card-glow{opacity:1}
.nx-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#2b1e51,#9e7bb7);display:flex;align-items:center;justify-content:center;margin-bottom:22px;transition:transform .35s;position:relative;z-index:2}
.nx-card:hover .nx-icon{transform:scale(1.12) rotate(-4deg)}
.nx-icon svg{width:24px;height:24px;stroke:#e9eff9}
.nx-card h3{position:relative;z-index:2;font-size:18px;font-weight:700;color:#e9eff9;margin-bottom:12px;line-height:1.3}
.nx-card p{position:relative;z-index:2;font-size:13.5px;line-height:1.6;color:#9e7bb7}
.nx-card-idx{position:absolute;top:22px;right:26px;font:11px 'JetBrains Mono',monospace;color:#9e7bb7;z-index:2}

#nxProcessSection{overflow:hidden;background:radial-gradient(ellipse 900px 500px at 50% 0%,rgba(43,30,81,.5) 0%,rgba(24,21,38,0) 70%),#181526}
.nx-process-sub{max-width:560px;margin-bottom:90px}
.nx-track-wrap{position:relative;max-width:1080px;margin:0 auto}
.nx-track{position:relative;display:flex;justify-content:space-between;align-items:flex-start}
.nx-rail{position:absolute;top:52px;left:52px;right:52px;height:2px;background:rgba(158,123,183,.18);z-index:1}
.nx-rail-fill{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,#2b1e51,#9e7bb7);box-shadow:0 0 10px rgba(158,123,183,.6);transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.nx-step{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:19%;cursor:pointer}
.nx-node{position:relative;width:104px;height:104px;border-radius:50%;border:1px solid rgba(158,123,183,.5);background:radial-gradient(circle at 50% 35%,rgba(43,30,81,.9),rgba(24,21,38,.95));display:flex;align-items:center;justify-content:center;font:600 34px 'JetBrains Mono',monospace;color:#e9eff9;opacity:0;transform:scale(.5);transition:border-color .35s,color .35s,box-shadow .35s,transform .35s}
.nx-node.nx-in{animation:nxPopIn .6s cubic-bezier(.2,.8,.2,1) forwards}
.nx-step.active .nx-node,.nx-step:hover .nx-node{border-color:#e9eff9;color:#e9eff9;box-shadow:0 0 28px rgba(158,123,183,.55);transform:scale(1.08)}
.nx-node-ring{position:absolute;inset:-10px;border-radius:50%;border:1px dashed rgba(158,123,183,0);transition:border-color .4s,transform 8s linear}
.nx-step.active .nx-node-ring,.nx-step:hover .nx-node-ring{border-color:rgba(185,143,224,.45);transform:rotate(180deg)}
.nx-step-label{margin-top:22px;font-size:14px;font-weight:700;color:#e9eff9;line-height:1.4;max-width:150px;transition:color .3s}
.nx-step.active .nx-step-label,.nx-step:hover .nx-step-label{color:#fff}
.nx-step-tag{margin-top:8px;font:11px 'JetBrains Mono',monospace;letter-spacing:1.5px;text-transform:uppercase;color:#9e7bb7}
.nx-panel{margin:56px auto 0;max-width:640px;min-height:100px;border:1px solid rgba(158,123,183,.3);background:rgba(43,30,81,.22);border-radius:18px;padding:28px 36px;text-align:left;display:flex;align-items:center;gap:24px}
.nx-panel-idx{flex-shrink:0;font:13px 'JetBrains Mono',monospace;color:#9e7bb7;border:1px solid rgba(158,123,183,.4);border-radius:999px;padding:6px 14px}
.nx-panel-body{position:relative;flex:1;min-height:48px}
.nx-panel-text{position:absolute;inset:0;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;pointer-events:none}
.nx-panel-text.active{opacity:1;transform:translateY(0);pointer-events:auto;position:relative}
.nx-panel-text h4{font-size:15px;font-weight:700;color:#e9eff9;margin-bottom:6px}
.nx-panel-text p{font-size:13.5px;line-height:1.6;color:#9e7bb7}

.nx-ticker{position:relative;width:100%;padding:14px 0;background:#181526;border-top:1px solid rgba(158,123,183,.25);border-bottom:1px solid rgba(158,123,183,.25);box-shadow:0 8px 24px rgba(0,0,0,.35);overflow:hidden;z-index:3}
.nx-ticker-track{display:flex;width:max-content;animation:nxScrollLeft 26s linear infinite}
.nx-ticker-track span{display:flex;align-items:center;gap:14px;font:12.5px 'JetBrains Mono',monospace;letter-spacing:2px;text-transform:uppercase;color:#9e7bb7;padding:0 22px;white-space:nowrap}
.nx-ticker-track span .dot{color:#9e7bb7}
.nx-spotlight{position:relative;padding:72px 24px 64px;text-align:center;overflow:hidden;background:radial-gradient(ellipse 800px 420px at 50% 0%,rgba(43,30,81,.5) 0%,rgba(24,21,38,0) 70%),#181526}
.nx-aurora{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0;opacity:.55}
.nx-aurora.a{width:520px;height:520px;top:-180px;left:-120px;background:radial-gradient(circle,rgba(43,30,81,.55),rgba(43,30,81,0) 70%);animation:nxDriftA 22s ease-in-out infinite}
.nx-aurora.b{width:460px;height:460px;bottom:-200px;right:-100px;background:radial-gradient(circle,rgba(158,123,183,.28),rgba(158,123,183,0) 70%);animation:nxDriftB 26s ease-in-out infinite}
.nx-cursor-glow{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:0;transition:opacity .4s;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(185,143,224,.16),transparent 70%)}
.nx-spotlight.has-mouse .nx-cursor-glow{opacity:1}
.nx-rec-row,.nx-spotlight h2,.nx-quote-stage,.nx-meta-row{position:relative;z-index:1}
.nx-rec-row{display:inline-flex;align-items:center;gap:10px;font:11px 'JetBrains Mono',monospace;letter-spacing:2px;text-transform:uppercase;color:#9e7bb7;margin-bottom:24px}
.nx-rec-row .dot{width:7px;height:7px;border-radius:50%;background:#9e7bb7;animation:nxPulse 1.6s ease-in-out infinite}
.nx-spotlight h2{font-size:clamp(24px,3.2vw,36px);font-weight:800;color:#e9eff9;margin-bottom:48px}
.nx-quote-stage{position:relative;max-width:820px;margin:70px auto 0;height:220px;transition:height .4s cubic-bezier(.2,.8,.2,1)}
.nx-quote-mark{display:block;position:absolute;top:-64px;left:50%;transform:translateX(calc(-50% - 300px)) rotate(-4deg);font:700 96px Georgia,'Times New Roman',serif;color:rgba(158,123,183,.4);line-height:1;pointer-events:none;user-select:none;z-index:0}
.nx-quote-mark.close{left:auto;right:50%;top:auto;bottom:-40px;transform:translateX(calc(50% + 280px)) rotate(4deg) scaleX(-1);color:rgba(158,123,183,.32)}
.nx-signature{position:absolute;top:50%;left:50%;width:460px;height:460px;transform:translate(-50%,-50%);pointer-events:none;z-index:0;opacity:.55;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle,black 38%,transparent 72%);mask-image:radial-gradient(circle,black 38%,transparent 72%)}
.nx-signature svg{width:100%;height:100%;display:block}
.nx-globe-rotate{transform-origin:230px 230px;animation:nxGlobeSpin 70s linear infinite}
.nx-testimonial-slide{position:absolute;inset:0;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s;pointer-events:none;display:flex;flex-direction:column;align-items:center}
.nx-testimonial-slide.active{opacity:1;transform:translateY(0);pointer-events:auto;position:relative}
.nx-testimonial-slide .txt{position:relative;font-size:clamp(19px,2.6vw,27px);font-weight:600;line-height:1.55;color:#e9eff9;max-width:700px;margin-bottom:34px}
.nx-who{display:flex;align-items:center;gap:14px}
.nx-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#2b1e51,#9e7bb7);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#e9eff9}
.nx-who-info{text-align:left}
.nx-who-name{font-size:13.5px;font-weight:700;color:#e9eff9}
.nx-who-role{font:11.5px 'JetBrains Mono',monospace;letter-spacing:.5px;color:#9e7bb7}
.nx-testimonial-slide .nx-who{display:none}
.nx-meta-row{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:38px}
.nx-nav-row{display:flex;align-items:center;gap:14px;padding-left:20px;border-left:1px solid rgba(158,123,183,.25)}
.nx-arrow{width:38px;height:38px;border-radius:50%;border:1px solid rgba(158,123,183,.35);background:transparent;color:#e9eff9;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;position:relative;transition:border-color .25s,color .25s,transform .2s,background .25s}
.nx-arrow::after{content:"";position:absolute;inset:-4px}
.nx-arrow:hover{border-color:#9e7bb7;color:#fff;background:rgba(158,123,183,.12)}
.nx-arrow:active{transform:scale(.92)}
.nx-arrow svg{width:20px;height:20px}
.nx-dots{position:relative;display:flex;justify-content:center;gap:10px}
.nx-dot-btn{width:34px;height:4px;border-radius:999px;background:rgba(158,123,183,.25);border:none;cursor:pointer;position:relative}
.nx-dot-btn::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:44px;transform:translateY(-50%)}
.nx-dot-btn:focus-visible{outline-offset:8px}
.nx-dot-btn .fill{position:absolute;inset:0;width:0;background:linear-gradient(90deg,#2b1e51,#e9eff9);border-radius:999px}
.nx-dot-btn.active .fill{animation:nxFillDot 5s linear forwards}
.nx-dot-btn:hover,
.nx-dot-btn:focus{background-color:rgba(158,123,183,.25);color:inherit;text-decoration:none}
.nx-arrow:focus{background:rgba(158,123,183,.12);color:#fff;text-decoration:none}

.nx-cta-section{position:relative;padding:80px 24px;text-align:center;background:#181526}
.nx-cta-eyebrow{font:11px 'JetBrains Mono',monospace;letter-spacing:3px;text-transform:uppercase;color:#9e7bb7;margin-bottom:20px}
.nx-cta-section h2{font-size:clamp(32px,5.4vw,62px);font-weight:900;line-height:1.08;color:#e9eff9;max-width:820px;margin:0 auto 30px}
.nx-cta-section .accent{font-style:italic;background:linear-gradient(90deg,#9e7bb7,#e9eff9);-webkit-background-clip:text;background-clip:text;color:transparent}
.nx-cta-sub{font-size:15px;color:#9e7bb7;max-width:440px;margin:0 auto 46px}
.nx-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

@media(max-width:900px){
.nx-build-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
.nx-track{flex-direction:column;align-items:flex-start;gap:34px}
.nx-rail{top:0;bottom:0;left:52px;right:auto;width:2px;height:auto}
.nx-rail-fill{width:100%;height:0}
.nx-step{width:100%;flex-direction:row;align-items:center;text-align:left}
.nx-node{width:80px;height:80px;font-size:26px}
.nx-step-label{margin:0 0 0 20px;max-width:none}
.nx-step-tag{display:none}
.nx-panel{flex-direction:column;align-items:flex-start;gap:12px;padding:24px}
}
@media(max-width:760px){
.nx-orbit-stage{height:auto}
.nx-orbit-ring,.nx-orbit-tick{display:none}
.nx-chip{position:static;transform:none!important;margin:8px auto;max-width:320px;white-space:normal}
.nx-center-mark{position:static;transform:none;margin:24px auto 0}
.nx-quote-mark.close{transform:translateX(50%) rotate(4deg) scaleX(-1);right:24px;bottom:-30px;font-size:76px}
.nx-signature{width:320px;height:320px}
}
@media(max-width:640px){
.nx-hero-meta{flex-direction:column;align-items:center;gap:8px}
.nx-hero-ctas{flex-direction:column;align-items:center}
.nx-build-grid{grid-template-columns:1fr}
.nx-cta-buttons{flex-direction:column;align-items:center}
.nx-quote-mark{font-size:64px;top:-44px;left:12px}
}
@media(max-width:480px){.nx-nav-row{border-left:none;padding-left:0}}

.nx-hero{
  isolation:isolate;
  background:
    radial-gradient(ellipse 720px 430px at 50% 35%,rgba(43,30,81,.34),transparent 72%),
    linear-gradient(180deg,#181526 0%,#181526 62%,#181526 100%);
}
.nx-hero:before{
  content:"";
  position:absolute;
  z-index:0;
  left:-10%;
  right:-10%;
  bottom:-8%;
  height:62%;
  opacity:.42;
  pointer-events:none;
  background:
    linear-gradient(rgba(158,123,183,.16) 1px,transparent 1px),
    linear-gradient(90deg,rgba(158,123,183,.16) 1px,transparent 1px);
  background-size:72px 48px;
  transform:perspective(430px) rotateX(58deg) scale(1.55);
  transform-origin:center bottom;
  mask-image:linear-gradient(to top,rgba(0,0,0,.95),transparent 92%);
  -webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.95),transparent 92%);
}
.nx-hero:after{
  content:"";
  position:absolute;
  z-index:1;
  width:min(900px,100vw);
  height:380px;
  left:50%;
  top:42%;
  transform:translate(-50%,-50%);
  pointer-events:none;
  background:radial-gradient(ellipse,rgba(158,123,183,.14),transparent 68%);
}
.nx-hero-content{max-width:980px}
.nx-hero-meta{margin-bottom:30px}
#nxHeroHeadline{
  font-size:clamp(38px,6vw,72px);
  line-height:1.08;
  letter-spacing:-1.8px;
  text-shadow:0 8px 45px rgba(0,0,0,.22);
}
.nx-hero-sub{
  font-size:clamp(15px,1.5vw,18px);
  max-width:700px;
  color:#e9eff9;
  margin-bottom:34px;
}
.nx-build-section{padding-top:120px}
.nx-process-section{padding-top:115px;padding-bottom:125px}
.nx-card{
  transition:
    transform .22s cubic-bezier(.2,.8,.2,1),
    border-color .3s ease,
    background .3s ease,
    box-shadow .3s ease;
}
.nx-card:hover{
  box-shadow:0 18px 45px rgba(0,0,0,.20),0 0 26px rgba(158,123,183,.09);
}

.nx-node{
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.nx-step:hover .nx-node{
  transform:translateY(-4px);
  box-shadow:0 0 32px rgba(158,123,183,.22);
}
.nx-cta-section{
  background:
    radial-gradient(ellipse 620px 300px at 50% 50%,rgba(43,30,81,.34),transparent 72%),
    #181526;
}
.nx-cta-section:before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(158,123,183,.08);
  border-radius:28px;
  pointer-events:none;
}

@media(max-width:800px){
  .nx-hero{min-height:650px}
  .nx-hero:before{background-size:54px 38px;opacity:.28}
  #nxHeroHeadline{font-size:clamp(34px,10vw,52px);letter-spacing:-1px}
  .nx-hero-meta{gap:9px 16px;flex-wrap:wrap;max-width:360px;margin-left:auto;margin-right:auto}
  .nx-hero-ctas{flex-direction:column;width:min(310px,100%);margin:0 auto}
  .nx-cta-section:before{inset:10px;border-radius:22px}
}
@media(prefers-reduced-motion:reduce){
  .nx-hero:before{transform:none}
  .nx-card,.nx-node{transition:none}
}

.nx-hero{
  background:
    radial-gradient(ellipse 720px 440px at 50% 34%,rgba(43,30,81,.92),rgba(24,21,38,0) 72%),
    #181526;
  justify-content:flex-start;
  padding-top:145px;
  min-height:760px;
}
.nx-hero-glow{
  background:radial-gradient(circle,rgba(158,123,183,.22) 0%,rgba(158,123,183,0) 66%);
}
.nx-hero-content{
  max-width:1040px;
  width:100%;
}
.nx-hero-meta{color:#9e7bb7}
#nxHeroHeadline{color:#e9eff9}
.nx-hero-sub{color:rgba(233,239,249,.78)}

.nx-orbit-tick{display:none!important}
.nx-orbit-ring{
  border-color:rgba(158,123,183,.24);
  box-shadow:0 0 55px rgba(43,30,81,.16) inset;
}
.nx-chip{
  background:rgba(24,21,38,.94);
  border-color:rgba(158,123,183,.38);
  box-shadow:0 8px 24px rgba(24,21,38,.20);
}
.nx-chip:hover,.nx-chip.active{
  border-color:#9e7bb7;
  background:rgba(43,30,81,.82);
  box-shadow:0 10px 30px rgba(43,30,81,.35),0 0 22px rgba(158,123,183,.12);
}
.nx-chip-label{color:rgba(233,239,249,.86)}
.nx-chip.active .nx-chip-label{color:#e9eff9}
.nx-chip-dot{background:#9e7bb7;box-shadow:0 0 8px rgba(158,123,183,.75)}
.nx-center-inner{background:rgba(43,30,81,.72)}

.nx-card{
  box-shadow:0 0 0 rgba(158,123,183,0);
}
.nx-card:hover{box-shadow:0 18px 45px rgba(24,21,38,.45),0 0 26px rgba(158,123,183,.10)}

#nxBuildSection:after,
#nxProcessSection:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:min(520px,70%);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(158,123,183,.24),transparent);
  pointer-events:none;
}

@media(max-width:800px){
  .nx-hero{height:auto;min-height:720px;padding-top:126px;padding-bottom:64px}
  .nx-hero-content{padding-left:18px;padding-right:18px}
}
@media(max-width:520px){
  .nx-hero{height:auto;min-height:700px;padding-top:118px;padding-bottom:56px}
  #nxHeroHeadline{font-size:clamp(34px,10vw,50px)}
}

.nx-orbit-ring{isolation:isolate}
.nx-orbit-ring:after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:50%;
  border:2px solid transparent;
  border-top-color:rgba(158,123,183,.72);
  border-right-color:rgba(158,123,183,.18);
  transform:rotate(0deg);
  animation:nxOrbitSweep 7s linear infinite;
  filter:drop-shadow(0 0 7px rgba(158,123,183,.22));
  pointer-events:none;
}

.nx-chip{will-change:transform}
.nx-chip-dot{animation:nxDotBreath 2.8s ease-in-out infinite}
.nx-chip.active .nx-chip-dot{animation:none}
@media(max-width:760px){
  .nx-orbit-ring:after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .nx-orbit-ring:after,.nx-chip-dot{animation:none}
  .nx-ticker-track{animation-name:none}
  .nx-globe-rotate,.nx-aurora.a,.nx-aurora.b,
  .nx-center-glow,.nx-center-inner,
  .nx-rec-dot,.nx-rec-row .dot{animation:none}
  .nx-dot-btn.active .fill{animation:none;width:100%}
}
