.nx20-intro{position:fixed;inset:0;z-index:2147483000;height:var(--nx20-intro-height,100svh);overflow:hidden;background:#090A0E;color:#fff;transition:opacity .32s ease,visibility .32s ease;isolation:isolate}
.nx20-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.nx20-intro__grid{position:absolute;inset:-10%;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;transform:perspective(700px) rotateX(58deg) translateY(16%);transform-origin:center bottom;mask-image:linear-gradient(to bottom,transparent 4%,#000 42%,#000 100%)}
.nx20-intro__beam,.nx20-intro__orb{position:absolute;pointer-events:none}.nx20-intro__beam{inset:auto}.nx20-intro__beam--a{width:58vw;height:2px;left:-12vw;top:24%;background:linear-gradient(90deg,transparent,rgba(121,88,255,.42),transparent);transform:rotate(14deg);filter:blur(.5px)}.nx20-intro__beam--b{width:42vw;height:2px;right:-8vw;bottom:28%;background:linear-gradient(90deg,transparent,rgba(169,171,180,.36),transparent);transform:rotate(-18deg);filter:blur(.5px)}.nx20-intro__orb{width:42vw;height:42vw;max-width:680px;max-height:680px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(111,75,255,.08),transparent 70%)}
.nx20-intro__topline{position:absolute;z-index:3;top:max(24px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:20px}.nx20-intro__release{height:32px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.04);color:rgba(255,255,255,.48);font-size:.55rem;font-weight:900;letter-spacing:.10em}
.nx20-intro__center{position:absolute;z-index:2;left:50%;top:48%;display:grid;justify-items:center;gap:28px;width:min(92vw,720px);transform:translate(-50%,-50%)}
.nx20-intro__engine{position:relative;display:grid;place-items:center;width:190px;height:190px;animation:nx20EngineIn .72s var(--nx20-ease) both}
.nx20-intro__ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.11)}
.nx20-intro__ring--outer{inset:0;border-color:rgba(174,158,255,.18);animation:nx20RingSpin 11s linear infinite}.nx20-intro__ring--outer:before,.nx20-intro__ring--outer:after,.nx20-intro__ring--middle:before,.nx20-intro__ring--middle:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#8B72FF;box-shadow:0 0 0 4px rgba(139,114,255,.10)}.nx20-intro__ring--outer:before{left:18px;top:28px}.nx20-intro__ring--outer:after{right:24px;bottom:18px;background:#B8BAC2;box-shadow:0 0 0 4px rgba(184,186,194,.08)}
.nx20-intro__ring--middle{inset:16px;border-color:rgba(255,255,255,.08);animation:nx20RingSpinReverse 8s linear infinite}.nx20-intro__ring--middle:before{right:14px;top:28px}.nx20-intro__ring--middle:after{left:18px;bottom:18px;background:#E9E9EC;box-shadow:0 0 0 4px rgba(233,233,236,.07)}
.nx20-intro__ring--inner{inset:38px;border-color:rgba(255,255,255,.05)}
.nx20-intro__engine-core{position:relative;display:grid;place-items:center;width:94px;height:94px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:0 26px 64px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.09),0 0 46px rgba(111,75,255,.10);backdrop-filter:blur(18px)}
.nx20-intro__engine-core strong{font-size:2.18rem;font-weight:900;letter-spacing:-.11em;transform:translateX(-7px)}
.nx20-intro__engine-core b{position:absolute;right:14px;bottom:13px;color:#A797FF;font-size:.72rem;font-weight:900}
.nx20-intro__title{text-align:center}.nx20-intro__title>span{display:block;color:#BDBEC6;font-size:.58rem;font-weight:900;letter-spacing:.24em}.nx20-intro__title strong{display:block;margin-top:9px;font-size:clamp(1.02rem,2.4vw,1.34rem);font-weight:850;letter-spacing:-.035em}.nx20-intro__title small{display:block;margin-top:7px;color:rgba(255,255,255,.43);font-size:.62rem;font-weight:650}
.nx20-intro__footer{position:absolute;z-index:3;left:50%;bottom:max(30px,calc(env(safe-area-inset-bottom) + 18px));display:grid;gap:12px;width:min(320px,70vw);transform:translateX(-50%)}.nx20-intro__progress{height:2px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.085)}.nx20-intro__progress span{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#6F4BFF 0%,#9D88FF 60%,#9A9CA6 100%);animation:nx20IntroProgress 1.2s var(--nx20-ease) both}.nx20-intro__steps{display:flex;align-items:center;justify-content:space-between;gap:10px}.nx20-intro__steps span{position:relative;padding-left:12px;color:rgba(255,255,255,.30);font-size:.55rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:color .2s ease}.nx20-intro__steps span:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:currentColor;transform:translateY(-50%)}.nx20-intro__steps span.is-active{color:#F0F0F2}
.nx20-intro__skip{position:absolute;z-index:4;right:max(28px,env(safe-area-inset-right));bottom:max(26px,calc(env(safe-area-inset-bottom) + 14px));height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.48);font:800 .55rem/1 var(--nx20-font);cursor:pointer;transition:.18s ease}.nx20-intro__skip:hover,.nx20-intro__skip:focus-visible{outline:0;background:rgba(255,255,255,.08);color:#fff}
.nx20-intro.is-repeat .nx20-intro__steps,.nx20-intro.is-repeat .nx20-intro__skip{display:none}.nx20-intro.is-repeat .nx20-intro__progress span{animation-duration:.34s}
@keyframes nx20EngineIn{from{opacity:0;transform:scale(.82);filter:blur(7px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes nx20RingSpin{to{transform:rotate(360deg)}}@keyframes nx20RingSpinReverse{to{transform:rotate(-360deg)}}@keyframes nx20IntroProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:620px){.nx20-intro__topline{left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top))}.nx20-intro__topline .nx20-brandcopy small{display:none}.nx20-intro__engine{width:166px;height:166px}.nx20-intro__engine-core{width:86px;height:86px;border-radius:27px}.nx20-intro__center{top:46%;gap:24px}.nx20-intro__skip{right:18px}.nx20-intro__footer{bottom:max(31px,calc(env(safe-area-inset-bottom) + 19px))}}
@media(prefers-reduced-motion:reduce){.nx20-intro__engine,.nx20-intro__ring,.nx20-intro__progress span{animation:none!important}.nx20-intro{transition-duration:.12s}}

/* v2.0.2 — central N20 engine polish */
.nx20-intro__engine-core{overflow:visible;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.14),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025));box-shadow:0 28px 72px rgba(0,0,0,.40),inset 0 0 0 1px rgba(255,255,255,.08)}
.nx20-intro__engine-core:before{content:"";position:absolute;left:25px;top:22px;width:43px;height:47px;background:linear-gradient(135deg,#FFFFFF 0%,#D9D2FF 54%,#9A82FF 100%);clip-path:polygon(0 0,30% 0,70% 63%,70% 0,100% 0,100% 100%,69% 100%,30% 38%,30% 100%,0 100%);filter:drop-shadow(0 0 16px rgba(139,112,255,.22))}
.nx20-intro__engine-core>strong{font-size:0;color:transparent;transform:none}
.nx20-intro__engine-core>b{right:-11px;bottom:-9px;display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:10px;background:linear-gradient(145deg,#9074FF,#5D43D4);box-shadow:0 13px 28px rgba(86,59,191,.35),inset 0 0 0 1px rgba(255,255,255,.16);color:#fff;font-size:.69rem;font-weight:950}