@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:scale(1.06);opacity:.72}}@keyframes float{50%{transform:translateY(-8px)}}.core-ring{animation:spin 18s linear infinite}.ring-b{animation-duration:13s}.core-logo{animation:breathe 4s ease-in-out infinite}.data-chip{animation:float 5s ease-in-out infinite}.chip-b{animation-delay:-1.7s}.chip-c{animation-delay:-3.2s}.network-node{animation:float 6s ease-in-out infinite}.network-node:nth-of-type(2n){animation-delay:-2s}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--delay,0ms)}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.core-ring,.core-logo,.data-chip,.network-node{animation:none}}

/* Cinematic home entrance */
body.intro-active{overflow:hidden}.experience-intro{position:fixed;inset:0;z-index:200;display:grid;place-items:center;overflow:hidden;background:#02050b;clip-path:inset(0);transition:clip-path .9s cubic-bezier(.76,0,.24,1),filter .9s ease,visibility 0s .9s}.experience-intro.is-leaving{clip-path:inset(50% 0);filter:brightness(2.2);pointer-events:none}.experience-intro.is-complete{visibility:hidden;pointer-events:none}.experience-intro__canvas,.experience-intro__grid,.experience-intro__scan{position:absolute;inset:0;width:100%;height:100%}.experience-intro__canvas{opacity:.9}.experience-intro__grid{background-image:linear-gradient(rgba(82,220,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(82,220,255,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at center,black,transparent 76%);perspective:700px;animation:intro-grid 2.7s ease-out both}.experience-intro__scan{height:24%;background:linear-gradient(180deg,transparent,rgba(82,220,255,.11),transparent);transform:translateY(-120%);animation:intro-scan 2.2s cubic-bezier(.2,.7,.3,1) infinite}.experience-intro__interface{position:relative;width:min(760px,calc(100vw - 40px));display:flex;flex-direction:column;align-items:center;text-align:center;transition:opacity .32s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.is-leaving .experience-intro__interface{opacity:0;transform:scale(1.18)}.experience-intro__overline{margin-bottom:28px;color:rgba(170,222,255,.66);font-size:.61rem;font-weight:750;letter-spacing:.28em}.experience-intro__mark{position:relative;width:150px;height:150px;display:grid;place-items:center;margin-bottom:35px}.experience-intro__mark::before,.experience-intro__mark::after,.experience-intro__mark span{content:"";position:absolute;border-radius:50%;border:1px solid rgba(82,220,255,.26)}.experience-intro__mark::before{inset:0;border-style:dashed;animation:spin 8s linear infinite}.experience-intro__mark::after{inset:18px;border-color:rgba(124,108,255,.35);animation:spin 5s linear infinite reverse}.experience-intro__mark span{inset:38px;box-shadow:0 0 55px rgba(82,220,255,.25),inset 0 0 28px rgba(82,220,255,.11);animation:intro-pulse 1.5s ease-in-out infinite}.experience-intro__mark img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(82,220,255,.48));animation:intro-logo 1.1s cubic-bezier(.17,.89,.32,1.2) both}.experience-intro__title{display:grid;margin-bottom:35px;font-size:clamp(2.5rem,7vw,6.7rem);font-weight:650;line-height:.82;letter-spacing:-.075em}.experience-intro__title span{display:block;animation:intro-title .9s cubic-bezier(.16,1,.3,1) both}.experience-intro__title span:first-child{color:#f4f9ff}.experience-intro__title span:last-child{margin-left:.7em;color:transparent;-webkit-text-stroke:1px rgba(91,216,255,.72);animation-delay:.12s}.experience-intro__status{width:min(520px,100%);display:flex;align-items:center;justify-content:space-between;color:#6f8499;font-size:.6rem;letter-spacing:.18em}.experience-intro__status b{color:var(--cyan);font-size:.74rem;font-variant-numeric:tabular-nums}.experience-intro__track{width:min(520px,100%);height:1px;margin-top:10px;background:rgba(125,184,220,.18);overflow:hidden}.experience-intro__track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan),white);box-shadow:0 0 14px var(--cyan);transform:scaleX(0);transform-origin:left}.experience-intro__interface>small{margin-top:18px;color:#344a5f;font-size:.52rem;letter-spacing:.16em}.experience-intro__shutter{position:absolute;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),white,var(--cyan),transparent);box-shadow:0 0 20px var(--cyan);opacity:0;z-index:3}.shutter-a{top:0}.shutter-b{bottom:0}.is-leaving .shutter-a,.is-leaving .shutter-b{opacity:1;top:50%;bottom:auto;transition:top .85s cubic-bezier(.76,0,.24,1),bottom .85s cubic-bezier(.76,0,.24,1),opacity .2s}

/* Reactive depth and interface motion */
.hero[data-hero-stage]{--pointer-x:50%;--pointer-y:50%;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(54,145,255,.14),transparent 24%),radial-gradient(circle at 72% 48%,rgba(31,105,207,.1),transparent 38%),linear-gradient(180deg,#050911,#060c16)}.hero-depth-grid{position:absolute;inset:-12%;z-index:-1;background-image:linear-gradient(rgba(82,220,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(82,220,255,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 90%);transform:perspective(700px) rotateX(58deg) translate3d(var(--grid-x,0),var(--grid-y,0),-100px);transform-origin:center 70%;will-change:transform}.hero[data-hero-stage]::after{content:"";position:absolute;left:var(--pointer-x);top:var(--pointer-y);width:9px;height:9px;border:1px solid rgba(121,231,255,.5);border-radius:50%;box-shadow:0 0 24px rgba(82,220,255,.5);transform:translate(-50%,-50%);opacity:var(--cursor-opacity,0);transition:opacity .25s;pointer-events:none}.hero-visual{transform-style:preserve-3d}.system-window[data-system-window]{--tilt-x:2deg;--tilt-y:-5deg;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(0);transition:transform .16s ease-out,border-color .3s,box-shadow .3s;will-change:transform}.system-window[data-system-window]:hover{border-color:rgba(136,224,255,.35);box-shadow:inset 0 1px rgba(255,255,255,.12),0 55px 120px rgba(0,0,0,.55),0 0 70px rgba(43,132,255,.12)}.system-hud{position:absolute;left:17px;right:17px;top:61px;display:flex;justify-content:space-between;color:rgba(108,152,187,.44);font-size:.48rem;letter-spacing:.13em}.core-orbit{position:absolute;inset:-34px;border:1px solid rgba(111,217,255,.11);border-radius:50%;animation:spin 7s linear infinite}.core-orbit i{position:absolute;left:50%;top:-3px;width:6px;height:6px;border-radius:50%;background:#adf2ff;box-shadow:0 0 15px var(--cyan)}.orbit-b{inset:-67px;border-style:dotted;animation-duration:12s;animation-direction:reverse}.orbit-b i{top:auto;bottom:-3px;background:#8c7cff;box-shadow:0 0 16px #806dff}.system-scan{position:absolute;inset:48px 0 auto;height:90px;background:linear-gradient(180deg,transparent,rgba(82,220,255,.055),transparent);animation:system-scan 4.8s linear infinite;pointer-events:none}.visual-lines path{animation:signal-flow 4s linear infinite}.visual-lines path:nth-child(2){animation-delay:-1.3s}.visual-lines path:nth-child(3){animation-delay:-2.6s}.experience-ready .hero-copy{animation:hero-arrive .9s .08s cubic-bezier(.16,1,.3,1) both}.experience-ready .hero-visual{animation:hero-arrive 1.1s .18s cubic-bezier(.16,1,.3,1) both}

@keyframes intro-grid{from{transform:scale(1.5) rotate(5deg);opacity:0}to{transform:scale(1);opacity:1}}@keyframes intro-scan{to{transform:translateY(520%)}}@keyframes intro-pulse{50%{transform:scale(1.08);border-color:rgba(82,220,255,.62)}}@keyframes intro-logo{from{opacity:0;transform:scale(.45) rotate(-24deg);filter:blur(12px)}to{opacity:1;transform:none}}@keyframes intro-title{from{opacity:0;transform:translateY(80%) skewY(5deg);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}@keyframes system-scan{from{transform:translateY(-120px)}to{transform:translateY(510px)}}@keyframes signal-flow{to{stroke-dashoffset:-56}}@keyframes hero-arrive{from{opacity:0;transform:translateY(48px) scale(.96);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}

@media(max-width:640px){.experience-intro__overline{margin-bottom:20px}.experience-intro__mark{width:116px;height:116px;margin-bottom:28px}.experience-intro__mark img{width:58px;height:58px}.experience-intro__title{margin-bottom:30px;font-size:clamp(2.45rem,15vw,4rem)}.experience-intro__title span:last-child{margin-left:0}.experience-intro__interface>small{display:none}.hero[data-hero-stage]::after{display:none}.system-hud{font-size:.42rem}.system-window[data-system-window]{transform:none!important}.core-orbit{inset:-22px}.orbit-b{inset:-45px}}

@media(prefers-reduced-motion:reduce){body.intro-active{overflow:auto}.experience-intro{display:none}.hero-depth-grid,.core-orbit,.system-scan,.visual-lines path{animation:none!important}.experience-ready .hero-copy,.experience-ready .hero-visual{animation:none}.system-window[data-system-window]{transform:none!important}}
