@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#040a16;--cyan:#40e6ff;--blue:#078cff;--muted:#9bb4ca;--line:rgba(113,210,255,.19)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#eefaff;font-family:'Space Grotesk',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.skip{position:absolute;z-index:300;top:-100px;left:10px;padding:12px;background:#fff;color:#000}.skip:focus{top:10px}.topbar{height:88px;padding:0 clamp(20px,5vw,90px);position:absolute;z-index:20;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(2,7,18,.8),rgba(2,7,18,.06))}.brand{display:flex;align-items:center;gap:13px}.brand img{object-fit:contain;filter:drop-shadow(0 0 13px #008cff55)}.brand strong,.brand small{display:block;font-family:Rajdhani,sans-serif;letter-spacing:.14em}.brand strong{font-size:18px}.brand small{font-size:12px;color:var(--cyan)}.topnav{display:flex;gap:38px}.topnav a,.header-actions,.micro,.eyebrow,.scroll-cue,.portal-index,.portal-tag,.portal-link,.guardian-caption,.terminal,.tool small{font-family:Rajdhani,sans-serif;letter-spacing:.13em}.topnav a{font-size:14px;font-weight:700;color:#b8cad9}.topnav a:hover{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:25px;font-size:12px}.status{color:#a8eecf}.status i,.caption-pulse{display:inline-block;width:7px;height:7px;background:#57ffc4;border-radius:50%;box-shadow:0 0 12px #57ffc4;margin-right:8px}.icon-btn{color:#d1eaff;border:1px solid var(--line);background:#07182c99;padding:9px 12px}.hero{min-height:860px;height:max(850px,100svh);position:relative;overflow:hidden;background:#020711}.hero-bg,.hero-shade,.grid-overlay{position:absolute;inset:0}.hero-bg{background:url('../img/galaxy-command-center.webp') center center/cover no-repeat;opacity:.76;transform:scale(1.03)}.hero-shade{background:linear-gradient(90deg,#020815 0%,#020815ed 19%,#0208158f 47%,#0208152c 73%,#02081599 100%),linear-gradient(0deg,#040a16 0%,transparent 27%,#03081444 100%)}.grid-overlay{background:repeating-linear-gradient(0deg,transparent 0 79px,#64cfff08 80px),repeating-linear-gradient(90deg,transparent 0 79px,#64cfff07 80px);mask-image:linear-gradient(0deg,black,transparent 80%)}.hero-inner{position:relative;z-index:2;max-width:1500px;margin:auto;height:calc(100% - 125px);display:grid;grid-template-columns:53% 47%;align-items:center;padding:100px clamp(24px,5vw,88px) 0}.hero-copy{position:relative;z-index:4}.eyebrow{font-size:13px;color:var(--cyan);font-weight:700}.eyebrow .line{display:inline-block;width:26px;height:1px;background:var(--cyan);vertical-align:middle;margin-right:10px}.hero h1{font-family:Rajdhani,sans-serif;font-size:clamp(64px,7.2vw,118px);line-height:.85;letter-spacing:-.035em;margin:30px 0;font-weight:700;text-shadow:0 4px 35px #0008}.hero h1 em,.section-heading h2 em{font-style:normal;color:var(--cyan);text-shadow:0 0 40px #00aaff88}.period{color:var(--cyan)}.hero-copy>p{max-width:490px;color:#b7c8dc;font-size:15px;line-height:1.85}.hero-copy>p strong{color:#fff}.hero-cta{display:flex;gap:14px;margin-top:35px;flex-wrap:wrap}.primary-btn,.secondary-btn{font:700 15px Rajdhani,sans-serif;letter-spacing:.1em;padding:17px 24px;border:1px solid #49cfff;display:inline-flex;align-items:center;gap:32px}.primary-btn{background:linear-gradient(110deg,#12b8ff,#0767d8);box-shadow:0 0 32px #008cff4d}.primary-btn:hover{filter:brightness(1.18)}.secondary-btn{background:#051b32a6;border-color:#5aa3c95c}.hero-stats{display:flex;gap:35px;margin-top:54px}.hero-stats span{border-left:1px solid #58b9f76b;padding-left:14px}.hero-stats b,.hero-stats small{display:block}.hero-stats b{font:700 23px Rajdhani,sans-serif}.hero-stats small{font:600 10px Rajdhani,sans-serif;letter-spacing:.1em;color:#7fa6c6}.guardian-stage{height:min(710px,70vh);width:100%;position:relative;align-self:end;display:flex;justify-content:center;align-items:flex-end;isolation:isolate}.guardian-glow{position:absolute;width:75%;height:70%;bottom:6%;border-radius:50%;background:#00b7ff66;filter:blur(95px);opacity:.48}.guardian{position:relative;z-index:2;max-height:100%;max-width:110%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 0 30px #009dff75);animation:breathe 4.8s ease-in-out infinite;transition:filter .5s,transform .3s;will-change:transform}.aura-ring{position:absolute;z-index:0;width:83%;aspect-ratio:1;border:2px solid #15bfff60;border-radius:50%;bottom:10%;box-shadow:0 0 32px #00aaff55,inset 0 0 25px #00aaff35;animation:rotate 28s linear infinite}.ring-b{width:68%;bottom:16%;border-style:dashed;animation-direction:reverse;animation-duration:40s}.aura-button{position:absolute;z-index:5;bottom:19%;right:4%;border:1px solid #60e8ff;background:#02162de8;color:#c9f9ff;padding:14px 15px;box-shadow:0 0 30px #008cff77;display:grid;place-items:center;gap:3px;transition:transform .2s}.aura-button:hover{transform:scale(1.07)}.aura-button>span{font-size:24px;color:var(--cyan)}.aura-button small{font:700 10px Rajdhani,sans-serif;letter-spacing:.08em}.guardian-caption{position:absolute;bottom:7%;left:3%;z-index:4;font-size:12px;color:#b3d9ee}.guardian-caption strong{color:var(--cyan)}.hero-bottom{position:absolute;bottom:25px;left:clamp(24px,5vw,88px);right:clamp(24px,5vw,88px);display:flex;align-items:end;justify-content:space-between;z-index:5;gap:15px}.terminal{width:min(490px,100%);border:1px solid #2a84b15e;background:#031124d9;backdrop-filter:blur(12px);font-size:12px}.terminal-head{border-bottom:1px solid #2a84b15e;padding:10px 14px;display:flex;justify-content:space-between;color:#6ddfff;font-weight:700}.terminal-live{color:#7af7c4}.terminal p{padding:12px 14px;margin:0;letter-spacing:.04em;color:#c6e9fa;min-height:50px}.terminal p span{color:var(--cyan);margin-right:6px}.scroll-cue{font-size:11px;color:#a4d5ef;white-space:nowrap}.scroll-cue span{display:block;font-size:20px;text-align:center;margin-top:8px}.section{max-width:1430px;margin:auto;padding:115px 45px}.section-heading{text-align:center;margin-bottom:50px}.section-heading h2{font:700 clamp(42px,5.2vw,76px)/.97 Rajdhani,sans-serif;letter-spacing:-.025em;margin:20px 0}.section-heading p{color:var(--muted);font-size:15px}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.portal-card{height:570px;position:relative;overflow:hidden;border:1px solid #2f9dd06b;background:#09182c;isolation:isolate}.portal-card img{width:100%;height:100%;object-fit:cover;object-position:center 45%;transition:transform .75s ease;display:block}.portal-card:hover img{transform:scale(1.08)}.portal-card:hover{box-shadow:0 0 45px #008cff30}.portal-card.tcg:hover{box-shadow:0 0 45px #b64aff30}.portal-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#020815 0%,#020815b8 25%,transparent 65%)}.portal-index{position:absolute;top:23px;left:25px;color:#d2f4ff;font-size:12px}.portal-content{position:absolute;bottom:30px;left:30px;right:30px;display:grid;gap:12px}.portal-tag{color:#8de8ff;font-size:12px}.tcg .portal-tag{color:#e2b1ff}.portal-content strong{font:700 clamp(40px,5vw,72px)/.9 Rajdhani,sans-serif}.portal-content strong i{font-style:normal;color:#58dbff}.tcg .portal-content strong i{color:#d5a3ff}.portal-link{font-size:14px;font-weight:700;border-top:1px solid #ffffff45;padding-top:17px;display:flex;justify-content:space-between}.portal-link b{font-size:20px}.tools{padding-top:70px}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool{border:1px solid var(--line);background:linear-gradient(130deg,#102844bd,#071321);min-height:170px;padding:27px;position:relative;display:flex;flex-direction:column;gap:8px;transition:transform .2s,border-color .2s}.tool:hover{transform:translateY(-4px);border-color:var(--cyan)}.tool>span{font-size:28px;color:var(--cyan)}.tool strong{font:700 23px Rajdhani,sans-serif;letter-spacing:.05em}.tool small{color:#a0bbd1;font-size:12px}.tool>b{position:absolute;right:24px;top:24px;color:var(--cyan)}footer{border-top:1px solid var(--line);padding:42px max(30px,6vw);display:flex;justify-content:space-between;align-items:center;gap:25px;color:#89a6bd;font-size:12px}.footer-brand{font:700 18px Rajdhani,sans-serif;letter-spacing:.08em;color:#fff}.footer-brand strong{display:block;color:var(--cyan)}footer p{max-width:430px}footer a{color:var(--cyan);font:700 13px Rajdhani,sans-serif}.mobile-nav{display:none}.intro{position:fixed;inset:0;z-index:100;background:#000;display:grid;place-items:center;overflow:hidden;transition:opacity .8s,visibility .8s}.intro.done{opacity:0;visibility:hidden;pointer-events:none}.intro-image{position:absolute;inset:0;background:url('../img/lucario-awakening.webp') center/cover no-repeat;opacity:.1;transform:scale(1.12);animation:reveal 3.2s ease forwards}.intro-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#000 0%,transparent 42%,#0005 100%)}.intro-copy{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);width:min(500px,86%);text-align:center}.intro-copy .micro{color:#69d9ff;font-size:13px}.intro-copy p{font:700 19px Rajdhani,sans-serif;letter-spacing:.16em}.progress{height:2px;background:#163c52}.progress span{display:block;height:100%;width:0;background:#5ce7ff;box-shadow:0 0 14px #5ce7ff;transition:width .35s}.skip-intro{margin-top:20px;background:transparent;border:0;color:#c1d4e2;font:700 13px Rajdhani,sans-serif;letter-spacing:.12em}.overdrive .guardian{filter:drop-shadow(0 0 58px #00cfff) brightness(1.18)}.overdrive .guardian-glow{opacity:1}.overdrive .aura-ring{border-color:#a7f6ff;box-shadow:0 0 70px #00bfff,inset 0 0 60px #00bfff}.effects-off *,.effects-off *:before,.effects-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.008)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes reveal{0%{opacity:.03;transform:scale(1.14)}60%{opacity:.75}100%{opacity:.95;transform:scale(1)}}@media(max-width:1100px){.topnav{gap:15px}.hero h1{font-size:clamp(60px,7vw,90px)}.hero-inner{grid-template-columns:52% 48%}.guardian-stage{height:60vh}.status{display:none}}@media(max-width:760px){body{padding-bottom:64px}.topbar{height:68px;padding:0 18px}.brand img{width:39px;height:39px}.brand strong{font-size:14px}.brand small{font-size:10px}.topnav,.icon-btn span,.scroll-cue{display:none}.icon-btn{font-size:16px}.hero{height:auto;min-height:900px}.hero-bg{background-position:55% center}.hero-shade{background:linear-gradient(180deg,#020815b0,#020815c9 52%,#020815 100%)}.hero-inner{display:flex;flex-direction:column;padding:105px 22px 0;height:auto}.hero-copy{width:100%;text-align:center}.hero h1{font-size:clamp(56px,13vw,88px);margin:18px 0}.hero-copy>p{font-size:13px;line-height:1.6;margin:auto}.hero-cta{justify-content:center;margin-top:24px;gap:10px}.primary-btn,.secondary-btn{padding:13px 15px;font-size:13px;gap:12px}.hero-stats{justify-content:center;margin-top:28px;gap:18px}.hero-stats b{font-size:19px}.hero-stats small{font-size:9px}.guardian-stage{height:390px;max-width:500px;align-self:center;margin-top:20px}.guardian{max-width:100%;height:100%}.aura-ring{bottom:8%}.ring-b{bottom:15%}.aura-button{right:0;bottom:17%;padding:10px}.guardian-caption{bottom:2%;left:0;font-size:10px}.hero-bottom{position:relative;bottom:auto;left:auto;right:auto;margin:0 20px 35px;display:block}.terminal{width:100%}.section{padding:75px 18px}.section-heading h2{font-size:46px}.portal-grid{grid-template-columns:1fr;gap:16px}.portal-card{height:460px}.tools-grid{grid-template-columns:repeat(2,1fr)}.tool{min-height:150px;padding:17px}.tool strong{font-size:19px}.tool small{font-size:10px}footer{display:block;padding:35px 22px}footer p{margin:20px 0}.mobile-nav{display:flex;position:fixed;z-index:30;bottom:0;left:0;right:0;justify-content:space-around;background:#031326f5;border-top:1px solid #3292bf70;padding:8px 10px max(8px,env(safe-area-inset-bottom));backdrop-filter:blur(16px)}.mobile-nav a{display:grid;text-align:center;font-size:22px;color:#71dfff}.mobile-nav span{font:700 10px Rajdhani,sans-serif;letter-spacing:.08em;color:#c0d7e8}}@media(max-width:390px){.hero h1{font-size:52px}.guardian-stage{height:330px}.hero{min-height:840px}.tools-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.intro{display:none}}

/* AURA NEXUS 6: character state controller. The source artwork remains a single image. */
.guardian-stage{--look-x:0px;--look-y:0px;--pose-rotate:0deg;--pose-scale:1;--pose-lift:0px}
.guardian{animation:none!important;transform:translate3d(var(--look-x),calc(var(--look-y) + var(--pose-lift)),0) rotate(var(--pose-rotate)) scale(var(--pose-scale));transition:transform .32s cubic-bezier(.2,.8,.2,1),filter .45s;transform-origin:50% 76%;}
.guardian-stage[data-state="idle"] .guardian{animation:guardianIdle 5.5s ease-in-out infinite!important}
.guardian-stage[data-state="watch"] .guardian{filter:drop-shadow(0 0 35px #00cfff9e)}
.guardian-stage[data-state="go"]{--pose-rotate:-2deg;--pose-scale:1.025}
.guardian-stage[data-state="tcg"]{--pose-rotate:2deg;--pose-scale:1.025}
.guardian-stage[data-state="command"]{--pose-lift:-14px;--pose-scale:1.055}
.guardian-stage[data-state="overdrive"]{--pose-lift:-18px;--pose-scale:1.09}
.guardian-stage[data-state="overdrive"] .guardian{filter:drop-shadow(0 0 65px #00e6ff) brightness(1.2)}
.guardian-speech{position:absolute;z-index:6;top:6%;right:0;max-width:215px;padding:12px 15px;background:#06192de8;border:1px solid #42cfff9c;box-shadow:0 0 25px #00aaff33;color:#d8f7ff;font:700 13px Rajdhani,sans-serif;letter-spacing:.05em;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s;pointer-events:none}
.guardian-stage.is-speaking .guardian-speech{opacity:1;transform:translateY(0)}
.guardian-state{position:absolute;top:4%;left:3%;z-index:5;color:#87eaff;font:700 11px Rajdhani,sans-serif;letter-spacing:.14em;text-shadow:0 0 12px #00aaff}
.aura-burst{position:absolute;z-index:1;width:54%;aspect-ratio:1;bottom:24%;border:2px solid #9af5ff;border-radius:50%;opacity:0;pointer-events:none}
.guardian-stage.burst .aura-burst{animation:auraBurst 850ms ease-out both}
.aura-sparks{position:absolute;inset:5% 0;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle at 28% 28%,#a5faff 0 2px,transparent 3px),radial-gradient(circle at 75% 40%,#4bdcff 0 3px,transparent 4px),radial-gradient(circle at 18% 64%,#a5faff 0 2px,transparent 3px),radial-gradient(circle at 82% 78%,#4bdcff 0 2px,transparent 3px);background-size:95px 120px;mix-blend-mode:screen}
.guardian-stage[data-state="overdrive"] .aura-sparks{opacity:.8;animation:sparks 1.5s linear infinite}
.portal-card.is-targeted{border-color:#a5f4ff;box-shadow:0 0 55px #00bfff52;transform:translateY(-4px)}
.portal-card.tcg.is-targeted{border-color:#dca4ff;box-shadow:0 0 55px #a655ff52}
.portal-card{transition:transform .3s,border-color .3s,box-shadow .3s}
@keyframes guardianIdle{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-8px,0) scale(1.007)}}
@keyframes auraBurst{0%{opacity:.95;transform:scale(.25)}100%{opacity:0;transform:scale(2.6)}}
@keyframes sparks{to{background-position:95px -120px}}
.effects-off .guardian,.effects-off .guardian-stage .guardian{animation:none!important;transform:none!important}
.effects-off .aura-sparks,.effects-off .aura-burst{display:none}
@media(max-width:760px){.guardian-speech{right:1%;top:0;max-width:150px;font-size:11px}.guardian-state{top:0}}
@media(prefers-reduced-motion:reduce){.guardian-stage .guardian{animation:none!important;transform:none!important}.aura-sparks,.aura-burst{display:none!important}}