:root{color-scheme:dark;--cyan:#24d9ff;--blue:#2874ff;--panel:rgba(5,15,32,.66)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#01040b;color:#fff;font-family:Inter,Segoe UI,Arial,sans-serif}body{overflow-x:hidden}
.evo{position:relative;isolation:isolate;min-height:100vh;padding:4vh 3vw 3vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,#09224d 0,#030b1b 40%,#01040b 75%)}
#space{position:absolute;inset:0;z-index:-2;width:100%;height:100%}.evo__flare{position:absolute;z-index:-1;left:-20%;top:33%;width:140%;height:28%;background:linear-gradient(90deg,transparent,rgba(0,101,255,.12),rgba(35,223,255,.3),rgba(0,101,255,.12),transparent);filter:blur(38px);animation:flare 6s ease-in-out infinite alternate}
.galaxy{position:absolute;z-index:-1;width:min(48vw,660px);aspect-ratio:1;border-radius:50%;opacity:.25;filter:blur(2px);pointer-events:none;background:repeating-radial-gradient(ellipse at center,transparent 0 8%,rgba(82,172,255,.12) 9%,transparent 12%),conic-gradient(from 20deg,transparent 0 8%,rgba(62,143,255,.3) 13%,transparent 21%,rgba(55,226,255,.24) 35%,transparent 46%,rgba(255,210,108,.12) 60%,transparent 73%,rgba(63,124,255,.25) 86%,transparent)}
.galaxy::before,.galaxy::after{content:"";position:absolute;inset:16%;border-radius:50%;background:conic-gradient(from 80deg,transparent,rgba(90,221,255,.3),transparent 28%,rgba(48,99,255,.22),transparent 58%,rgba(255,205,102,.14),transparent);filter:blur(9px)}.galaxy::after{inset:37%;background:radial-gradient(circle,#e8fbff 0 2%,#68d8ff 7%,rgba(25,102,255,.38) 22%,transparent 65%);box-shadow:0 0 36px rgba(80,198,255,.4)}
.galaxy--one{left:-14%;top:-11%;transform:rotate(-18deg);animation:galaxySpin 52s linear infinite}.galaxy--two{right:-17%;bottom:-18%;width:min(56vw,760px);transform:rotate(24deg) scaleX(1.22);animation:galaxySpinReverse 67s linear infinite}.galaxy--three{left:40%;top:38%;width:min(25vw,350px);opacity:.1;animation:galaxySpin 40s linear infinite}
.evo__header{text-align:center;margin:0 0 2.8vh}.evo__eyebrow{color:#7ccfff;font-size:clamp(9px,.8vw,12px);font-weight:700;letter-spacing:.55em;text-indent:.55em}.evo h1{margin:.55rem 0 0;font-size:clamp(25px,3vw,50px);letter-spacing:.08em}.evo h1 em{font-style:normal;color:#bdf4ff;text-shadow:0 0 7px #fff,0 0 24px #00aaff,0 0 55px #005cff}
.timeline{width:min(1760px,100%);margin:auto;display:grid;grid-template-columns:minmax(145px,1fr) minmax(60px,.35fr) minmax(145px,1fr) minmax(60px,.35fr) minmax(145px,1fr) minmax(60px,.35fr) minmax(145px,1fr) minmax(60px,.35fr) minmax(180px,1.18fr);align-items:center;gap:0}
.stage{position:relative;min-width:0;text-align:center;opacity:.13;filter:grayscale(.9);transform:translateY(20px) scale(.88);transition:opacity .75s,filter .75s,transform .75s}.stage.is-active,.stage.is-past{opacity:1;filter:none;transform:none}.stage.is-active{z-index:3}.stage.is-active .stage__visual{filter:drop-shadow(0 0 18px rgba(36,217,255,.46))}
.stage__visual{position:relative;width:100%;height:min(38vh,330px);display:grid;place-items:end center;transition:filter .6s}.stage__visual svg{width:100%;height:100%;overflow:visible}.ground{fill:rgba(0,178,255,.15);filter:blur(2px)}
.stage__copy{min-height:84px;margin-top:-4px}.stage__copy b{display:block;color:#3bcfff;font-size:11px;letter-spacing:.18em}.stage__copy h2{margin:.35rem 0 .3rem;font-size:clamp(10px,1.05vw,17px);letter-spacing:.06em;white-space:nowrap}.stage__copy p{margin:0;color:#76a3bd;font-size:clamp(9px,.82vw,12px)}
.bridge{position:relative;height:46px;opacity:.16;transition:opacity .5s}.bridge::before{content:"";position:absolute;left:4%;right:4%;top:50%;height:2px;background:repeating-linear-gradient(90deg,rgba(76,205,255,.25) 0 7px,transparent 7px 14px)}.bridge i{position:absolute;left:4%;top:calc(50% - 1px);width:0;height:2px;background:linear-gradient(90deg,#146eff,#64efff,#fff);box-shadow:0 0 7px #00c8ff,0 0 17px #006bff;transition:width 1.05s ease}.bridge span{position:absolute;left:50%;bottom:1px;transform:translateX(-50%);color:#62ccea;font-size:8px;letter-spacing:.2em;opacity:0;transition:opacity .5s .35s}.bridge.is-active{opacity:1}.bridge.is-active i{width:92%}.bridge.is-active span{opacity:.75}
.holo{fill:none;stroke:#69ddff;stroke-width:.72;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.holo .outline{stroke:#b8f4ff;stroke-width:.82}.holo .secondary{stroke:#308ed0;stroke-width:.46;opacity:.85}.holo .network-line{stroke:#29d8ff;stroke-width:.52;opacity:.9}.holo .micro{stroke:#486f98;stroke-width:.36;stroke-dasharray:2.5 3;opacity:.8}.holo .nodes circle{fill:#d7fbff;stroke:#24d9ff;stroke-width:.34;filter:drop-shadow(0 0 4px #00aaff)}.cell__tail{stroke:#4ae9e0!important;stroke-width:.55!important}.human__mind{stroke:#8deaff!important;stroke-width:.55!important;filter:drop-shadow(0 0 4px #00bfff)}.robot__core{stroke:#c7f7ff!important;stroke-width:.6!important;fill:rgba(0,180,255,.05);filter:drop-shadow(0 0 5px #00bfff)}
.stage.is-active .holo .outline{animation:trace 2.2s ease forwards,goldStroke 1.55s ease-in-out .25s infinite}.stage.is-active .holo .network-line,.stage.is-active .holo .micro{stroke-dasharray:5 6;animation:dash .72s linear infinite,goldStroke 1.35s ease-in-out infinite}.stage.is-active .holo .secondary{animation:goldStroke 1.8s ease-in-out .4s infinite}.stage.is-active .holo .nodes circle{animation:nodeGold 1.05s ease-in-out infinite alternate}.stage.is-active .holo--life{animation:cell 2.6s ease-in-out infinite}.stage.is-active .human__mind{animation:mind 1.15s ease-in-out infinite,goldStroke 1.4s ease-in-out infinite}.stage.is-active .robot__core{animation:core .8s ease-in-out infinite,goldStroke 1.25s ease-in-out infinite}
.digital-head__shell{fill:rgba(18,80,120,.025);stroke:#b8f4ff;stroke-width:.78}.network{fill:#d8fbff;stroke:#29d8ff;stroke-width:.52}.network path{fill:none}.digital-head__eye{fill:rgba(190,249,255,.82);filter:drop-shadow(0 0 5px #00bcff)}.stage.is-active .digital-head__shell{animation:goldStroke 1.55s ease-in-out infinite}.stage.is-active .network path{stroke-dasharray:5 6;animation:dash .65s linear infinite,goldStroke 1.25s ease-in-out infinite}.stage.is-active .network circle{animation:nodeGold 1.1s ease-in-out infinite alternate}
.stage__visual--logo{align-items:center}.stage__visual--logo img{position:relative;z-index:3;width:min(115%,350px);max-height:100%;object-fit:contain;filter:drop-shadow(0 0 12px rgba(0,195,255,.6));user-select:none}.alien-rings{position:absolute;z-index:1;left:50%;top:50%;width:95%;aspect-ratio:1;transform:translate(-50%,-50%)}.alien-rings i{position:absolute;inset:10%;border:1px solid rgba(61,213,255,.34);border-radius:50%;box-shadow:0 0 20px rgba(0,149,255,.24)}.alien-rings i:nth-child(2){inset:18%;border-style:dashed}.alien-rings i:nth-child(3){inset:26%;border-width:2px}.stage.is-active .alien-rings i{animation:spin 7s linear infinite}.stage.is-active .alien-rings i:nth-child(2){animation-direction:reverse;animation-duration:5s}.logo-shine{position:absolute;z-index:4;inset:3% 8%;overflow:hidden;pointer-events:none;mask:url('assets/ai1982-logo.png') center/contain no-repeat;-webkit-mask:url('assets/ai1982-logo.png') center/contain no-repeat}.logo-shine::after{content:"";position:absolute;left:-30%;top:-10%;width:16%;height:120%;background:linear-gradient(90deg,transparent,#fff,transparent);transform:skewX(-18deg);opacity:0}.stage.is-active .logo-shine::after{animation:shine 2.8s ease-in-out .4s infinite}
.mobile-progress{display:none}
footer{text-align:center;margin-top:1.7vh;display:flex;flex-direction:column;align-items:center}#enterAI{display:inline-flex;align-items:center;gap:13px;border:1px solid rgba(255,207,95,.5);border-radius:999px;background:linear-gradient(110deg,rgba(6,22,46,.82),rgba(35,25,7,.72),rgba(6,22,46,.82));background-size:220% 100%;color:#fff0bd;padding:11px 20px;text-decoration:none;font-size:10px;font-weight:750;letter-spacing:.15em;cursor:pointer;box-shadow:0 0 18px rgba(255,184,43,.1),inset 0 0 16px rgba(255,219,128,.06);transition:.25s;animation:enterGlow 3s ease-in-out infinite}#enterAI i{font-style:normal;font-size:16px;transition:transform .25s}#enterAI:hover{border-color:#ffe09a;box-shadow:0 0 25px rgba(255,194,64,.3),0 0 45px rgba(0,166,255,.18);transform:translateY(-2px)}#enterAI:hover i{transform:translateX(5px)}.auto-enter{display:block;margin-top:7px;color:rgba(151,206,230,.62);font-size:8px;letter-spacing:.09em}.auto-enter b{color:#ffe49a;font-size:10px}.countdown-line{display:block;width:min(270px,70vw);height:1px;margin-top:5px;background:rgba(60,167,215,.16);overflow:hidden}.countdown-line i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#1fcbff,#ffe171);box-shadow:0 0 7px #ffd86b;transform-origin:left;animation:countdown 5s linear forwards}
@keyframes flare{to{transform:translateY(-15%) scaleY(1.4);opacity:.65}}@keyframes galaxySpin{to{transform:rotate(342deg)}}@keyframes galaxySpinReverse{to{transform:rotate(-336deg) scaleX(1.22)}}@keyframes cell{50%{transform:scale(1.025) rotate(1.5deg)}}@keyframes dash{to{stroke-dashoffset:-28}}@keyframes trace{0%{stroke-dasharray:0 900;opacity:.25}100%{stroke-dasharray:900 0;opacity:1}}@keyframes goldStroke{0%,100%{stroke:#2bd9ff;filter:drop-shadow(0 0 2px #008cff)}45%,58%{stroke:#ffd66b;filter:drop-shadow(0 0 3px #ffb000) drop-shadow(0 0 6px rgba(255,197,62,.65))}}@keyframes nodeGold{from{fill:#b8f7ff;stroke:#22ccff;filter:drop-shadow(0 0 4px #00aaff)}to{fill:#fff2b0;stroke:#ffc341;filter:drop-shadow(0 0 7px #ffb000)}}@keyframes mind{50%{filter:drop-shadow(0 0 14px #ffd56a);stroke:#fff1ac}}@keyframes core{50%{filter:drop-shadow(0 0 17px #ffd05b);transform:scale(1.1);transform-origin:center}}@keyframes node{to{filter:drop-shadow(0 0 7px #fff);fill:#fff}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shine{0%,18%{left:-30%;opacity:0}27%{opacity:.9}60%{left:115%;opacity:.7}70%,100%{left:115%;opacity:0}}@keyframes enterGlow{0%,100%{background-position:0 0}50%{background-position:100% 0;box-shadow:0 0 24px rgba(255,193,58,.24),inset 0 0 18px rgba(255,220,125,.1)}}@keyframes countdown{to{transform:scaleX(0)}}
@media(max-width:980px){html,body{height:100%;overflow:hidden}.evo{height:100%;min-height:560px;padding:max(18px,3vh) 14px 16px;justify-content:flex-start;overflow:hidden}.evo__header{margin-bottom:8px}.evo__eyebrow{font-size:8px;letter-spacing:.3em;text-indent:.3em}.evo h1{font-size:clamp(21px,7vw,30px);margin-top:.35rem}.timeline{position:relative;display:block;width:min(430px,100%);height:min(57vh,430px);min-height:355px;margin:0 auto}.bridge{display:none}.stage,.stage.is-past{position:absolute;inset:0;padding:0;opacity:0;filter:blur(8px) grayscale(.5);transform:translateX(15%) scale(.92);pointer-events:none;transition:opacity .55s,filter .55s,transform .55s}.stage.is-active{z-index:4;opacity:1;filter:none;transform:translateX(0) scale(1);pointer-events:auto}.stage__visual{height:calc(100% - 82px);min-height:270px;place-items:center}.stage__visual svg{max-width:360px}.stage__copy{position:absolute;left:0;right:0;bottom:0;min-height:72px;margin:0}.stage__copy h2{font-size:15px;margin:.25rem 0}.stage__copy p{font-size:10px}.stage__visual--logo img{width:min(88%,330px);max-height:92%}.mobile-progress{display:flex;justify-content:center;align-items:center;gap:9px;height:22px;margin:1px 0 5px}.mobile-progress i{width:6px;height:6px;border-radius:50%;background:rgba(90,180,220,.28);border:1px solid rgba(92,213,255,.35);transition:.35s}.mobile-progress i.is-current{width:25px;border-radius:8px;background:linear-gradient(90deg,#36dfff,#ffd66c);border-color:#ffe59d;box-shadow:0 0 10px rgba(255,210,96,.45)}footer{margin-top:2px}#enterAI{max-width:94vw;justify-content:center;padding:10px 15px;font-size:9px;letter-spacing:.09em}.galaxy--one{left:-45%;top:-8%;width:120vw}.galaxy--two{right:-55%;bottom:-15%;width:130vw}.galaxy--three{left:25%;top:42%;width:70vw}}
@media(max-width:420px) and (max-height:700px){.evo{min-height:500px;padding-top:12px}.evo__header{margin-bottom:2px}.timeline{height:390px;min-height:330px}.stage__visual{min-height:250px}.stage__copy{min-height:68px}.mobile-progress{height:17px}#enterAI{padding:8px 13px}.galaxy{opacity:.18}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}