/* Home intro: a 15 second, first-visit welcome sequence. It is deliberately
   isolated from the home layout so it cannot affect the page's normal flow. */
.site-intro{display:none;position:fixed;inset:0;z-index:5000;isolation:isolate;min-height:100svh;overflow:hidden;color:#f7fbff;background:radial-gradient(circle at 50% 48%,#113d89 0,#071a46 32%,#020816 77%)}
.site-intro.is-active{display:grid;place-items:center;animation:intro-fade-in .45s ease both}.site-intro.is-leaving{animation:intro-fade-out .7s ease both}
.site-intro:before,.site-intro:after{content:"";position:absolute;inset:0;pointer-events:none}.site-intro:before{opacity:.45;background:linear-gradient(90deg,transparent 49.8%,rgba(103,234,255,.13) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(103,234,255,.13) 50%,transparent 50.2%);background-size:74px 74px;mask-image:radial-gradient(circle at center,#000 4%,transparent 72%)}.site-intro:after{background:radial-gradient(circle at 50% 50%,transparent 26%,rgba(0,0,0,.56) 100%)}
.site-intro__space{position:absolute;inset:0;overflow:hidden;opacity:.78}.site-intro__space i{position:absolute;width:3px;height:3px;border-radius:50%;background:#8cefff;box-shadow:0 0 13px #7befff;animation:intro-star 3.5s ease-in-out infinite}.site-intro__space i:nth-child(1){top:16%;left:13%;animation-delay:.1s}.site-intro__space i:nth-child(2){top:23%;right:18%;animation-delay:.8s}.site-intro__space i:nth-child(3){top:71%;left:19%;animation-delay:1.35s}.site-intro__space i:nth-child(4){top:78%;right:15%;animation-delay:2.2s}.site-intro__space i:nth-child(5){top:36%;left:31%;animation-delay:2.7s}.site-intro__space i:nth-child(6){top:48%;right:28%;animation-delay:1.7s}
.site-intro__content{position:relative;z-index:2;width:min(100% - 48px,1220px);height:min(760px,100svh);margin:auto;text-align:center}.site-intro__kicker{position:absolute;top:clamp(38px,7vh,82px);left:50%;margin:0;transform:translateX(-50%);color:#72e9ff;font-size:clamp(.62rem,1vw,.78rem);font-weight:900;letter-spacing:.2em;white-space:nowrap;opacity:0;animation:intro-kicker 4.2s ease both}.site-intro__signal{position:absolute;top:calc(clamp(38px,7vh,82px) + 32px);left:50%;display:flex;gap:6px;transform:translateX(-50%)}.site-intro__signal span{width:5px;height:5px;border-radius:50%;background:#5effc3;box-shadow:0 0 13px #5effc3;animation:intro-pulse 1.1s ease-in-out infinite}.site-intro__signal span:nth-child(2){animation-delay:.18s}.site-intro__signal span:nth-child(3){animation-delay:.36s}
.site-intro__scanner{position:absolute;z-index:1;top:50%;left:50%;width:min(68vw,680px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(109,234,255,.22);border-radius:50%;box-shadow:0 0 0 42px rgba(74,152,255,.03),0 0 0 104px rgba(74,152,255,.025),inset 0 0 88px rgba(38,137,255,.12);opacity:0;animation:intro-scanner 5.6s ease both}.site-intro__scanner:before,.site-intro__scanner:after{content:"";position:absolute;top:50%;left:50%;width:1px;height:100%;background:linear-gradient(transparent,rgba(112,241,255,.56),transparent);transform:translate(-50%,-50%)}.site-intro__scanner:after{transform:translate(-50%,-50%) rotate(90deg)}.site-intro__scanner span{position:absolute;inset:8%;border:1px dashed rgba(114,238,255,.28);border-radius:50%;animation:intro-spin 7s linear infinite}.site-intro__scanner b{position:absolute;top:50%;left:50%;width:50%;height:1px;transform-origin:left;background:linear-gradient(90deg,rgba(106,239,255,.82),transparent);animation:intro-sweep 2.4s linear infinite}
.site-intro__line{position:absolute;z-index:3;top:50%;left:50%;width:min(100%,700px);margin:0;transform:translate(-50%,-50%);color:#87edff;font-family:Sora,system-ui,sans-serif;font-size:clamp(2.65rem,7vw,6.7rem);font-weight:800;line-height:.95;letter-spacing:-.065em;text-wrap:balance;opacity:0;text-shadow:0 0 18px rgba(62,218,255,.58),0 0 44px rgba(100,235,255,.22);animation:intro-first-line 5.2s cubic-bezier(.16,.84,.34,1) both}.site-intro__line:after{content:"";position:absolute;right:-9%;bottom:-.12em;width:42%;height:2px;background:linear-gradient(90deg,transparent,#69efff);box-shadow:0 0 16px #69efff}
.site-intro__mascot{position:absolute;z-index:3;bottom:clamp(5px,3vh,35px);left:50%;width:clamp(250px,29vw,420px);height:auto;margin:0;transform:translateX(-50%) scale(.68);transform-origin:center bottom;opacity:0;filter:drop-shadow(0 26px 24px rgba(0,0,0,.45));animation:intro-mascot 10.2s cubic-bezier(.18,.88,.28,1) 3.6s both}.site-intro__mascot img{display:block;width:100%;height:auto;animation:intro-float 3.3s ease-in-out 5.2s infinite}.site-intro__orbit{position:absolute;z-index:-1;top:42%;left:50%;width:112%;aspect-ratio:1;transform:translate(-50%,-50%) rotateX(68deg);border:1px solid rgba(111,239,255,.48);border-radius:50%;box-shadow:0 0 23px rgba(75,235,255,.23)}.site-intro__orbit--one{animation:intro-orbit 4.8s linear infinite}.site-intro__orbit--two{width:84%;border-color:rgba(183,109,255,.5);animation:intro-orbit 3.5s linear reverse infinite}
.site-intro__manifesto{position:absolute;z-index:4;top:52%;left:50%;width:min(100%,850px);transform:translate(-50%,-50%);opacity:0;animation:intro-manifesto 6.3s cubic-bezier(.18,.84,.26,1) 6.9s both}.site-intro__manifesto p{margin:.7rem 0;color:#a5c8f4;font-size:clamp(.73rem,1.3vw,.95rem);font-weight:800;letter-spacing:.15em}.site-intro__manifesto h1{margin:0;color:#94eaff;font-family:Sora,system-ui,sans-serif;font-size:clamp(3rem,8.5vw,7.8rem);line-height:.9;letter-spacing:-.075em;text-shadow:0 0 18px rgba(69,220,255,.54),0 0 42px rgba(100,227,255,.21)}.site-intro__manifesto h1 span{color:#d99bff;text-shadow:0 0 18px rgba(208,121,255,.42)}.site-intro__arrival{position:absolute;z-index:4;top:12%;left:50%;width:min(100%,720px);transform:translate(-50%,-50%);opacity:0;animation:intro-arrival 3.4s cubic-bezier(.17,.85,.25,1) 11.8s both}.site-intro__arrival p{margin:0 0 12px;color:#77edff;font-size:clamp(.66rem,1.2vw,.86rem);font-weight:900;letter-spacing:.19em}.site-intro__arrival strong{color:#d2a4ff;font-family:Sora,system-ui,sans-serif;font-size:clamp(2.35rem,5.8vw,5.5rem);line-height:.94;letter-spacing:-.065em;text-shadow:0 0 20px rgba(202,123,255,.42)}
.site-intro__skip{position:absolute;z-index:6;top:clamp(20px,4vw,38px);right:clamp(20px,4vw,46px);padding:11px 16px;border:1px solid rgba(120,236,255,.38);border-radius:999px;color:#d9f8ff;background:rgba(2,11,34,.52);font:700 .74rem/1 Manrope,system-ui,sans-serif;letter-spacing:.05em;cursor:pointer;backdrop-filter:blur(9px);transition:transform .2s ease,border-color .2s ease,background .2s ease}.site-intro__skip:hover{border-color:#7befff;background:rgba(14,52,102,.82);transform:translateY(-2px)}.site-intro__progress{position:absolute;z-index:6;right:0;bottom:0;left:0;height:3px;background:rgba(113,235,255,.13)}.site-intro__progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#59dfff,#6f72ff,#d17bff);box-shadow:0 0 18px #55deff;animation:intro-progress 15s linear both}
body.intro-lock{overflow:hidden}
@keyframes intro-fade-in{from{opacity:0}to{opacity:1}}@keyframes intro-fade-out{to{opacity:0;visibility:hidden}}@keyframes intro-star{50%{transform:scale(3);opacity:.16}}@keyframes intro-pulse{50%{transform:scale(1.8);opacity:.32}}@keyframes intro-scanner{0%,10%{opacity:0;transform:translate(-50%,-50%) scale(.45)}30%,70%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.24)}}@keyframes intro-sweep{to{transform:rotate(360deg)}}@keyframes intro-spin{to{transform:rotate(360deg)}}@keyframes intro-first-line{0%,14%{opacity:0;transform:translate(-50%,-37%);filter:blur(14px)}24%,60%{opacity:1;transform:translate(-50%,-50%);filter:blur(0)}78%,100%{opacity:0;transform:translate(-50%,-64%);filter:blur(8px)}}@keyframes intro-kicker{0%{opacity:0;letter-spacing:.42em}25%,88%{opacity:1;letter-spacing:.2em}100%{opacity:0}}@keyframes intro-mascot{0%{opacity:0;transform:translateX(-50%) scale(.68)}16%,100%{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes intro-float{50%{transform:translateY(-13px) rotate(-1.2deg)}}@keyframes intro-orbit{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}@keyframes intro-manifesto{0%,12%{opacity:0;transform:translate(-50%,-38%) scale(.94)}25%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-60%) scale(1.03)}}@keyframes intro-arrival{0%{opacity:0;transform:translate(-50%,-36%) scale(.93)}35%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes intro-progress{to{width:100%}}
@media (max-width:700px){.site-intro__content{width:calc(100% - 32px)}.site-intro__kicker{top:62px;font-size:.55rem;letter-spacing:.13em}.site-intro__signal{top:89px}.site-intro__scanner{width:112vw}.site-intro__mascot{bottom:4vh;width:clamp(220px,66vw,330px)}.site-intro__manifesto{top:47%}.site-intro__manifesto h1{font-size:clamp(2.9rem,14vw,4.6rem)}.site-intro__manifesto p{font-size:.57rem;letter-spacing:.1em}.site-intro__arrival{top:15%}.site-intro__arrival strong{font-size:clamp(2.25rem,11vw,4.2rem)}.site-intro__skip{top:18px;right:16px;padding:10px 13px;font-size:.66rem}}
@media (prefers-reduced-motion:reduce){.site-intro{display:none!important}}