.cinematic-intro{position:fixed;inset:0;z-index:10000;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto auto;min-height:100dvh;padding:clamp(22px,4vw,46px);background:radial-gradient(circle at 50% 42%,rgba(14,71,101,.64),transparent 29%),linear-gradient(145deg,#01060c 0%,#031424 52%,#02070d 100%);color:#f6fbff;isolation:isolate;transition:opacity .8s ease,visibility .8s ease}.cinematic-intro.is-closing{opacity:0;visibility:hidden;pointer-events:none}.cinematic-intro[hidden]{display:none}body.intro-active{overflow:hidden}.intro-grid{position:absolute;inset:-30%;z-index:-3;background-image:linear-gradient(rgba(64,234,245,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(64,234,245,.08) 1px,transparent 1px);background-size:54px 54px;transform:perspective(580px) rotateX(62deg) translateY(38%);transform-origin:center bottom;animation:introGrid 8s linear infinite}.intro-scan{position:absolute;z-index:5;left:0;right:0;top:-4%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),#fff,var(--gold),transparent);box-shadow:0 0 30px rgba(64,234,245,.8);animation:introScan 4s ease-in-out infinite;pointer-events:none}.intro-brand{display:flex;align-items:center;gap:14px;color:#cce7ef;font:700 11px Space Grotesk;letter-spacing:.22em}.intro-brand img{width:62px;height:54px;object-fit:contain;border:1px solid rgba(64,234,245,.35);border-radius:8px;box-shadow:0 0 24px rgba(64,234,245,.12)}.intro-stage{position:relative;align-self:center;justify-self:center;width:min(920px,92vw);height:min(510px,53vh)}.intro-core{position:absolute;z-index:3;left:50%;top:48%;width:250px;height:250px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;filter:drop-shadow(0 0 42px rgba(231,184,91,.24));animation:introCore 3.8s ease-in-out infinite}.intro-core img{position:absolute;inset:22px;width:206px;height:206px;object-fit:cover;border-radius:50%;opacity:.8;mix-blend-mode:screen}.intro-core:after{content:"";position:absolute;inset:68px;border-radius:50%;background:radial-gradient(circle,#fff 0 3%,var(--gold) 4% 28%,rgba(231,184,91,.22) 29% 61%,transparent 63%);box-shadow:0 0 42px rgba(231,184,91,.55)}.intro-core b,.intro-core small{position:relative;z-index:4;text-shadow:0 2px 10px #02070d}.intro-core b{align-self:end;margin-bottom:2px;font:700 27px Space Grotesk;letter-spacing:.16em}.intro-core small{align-self:start;margin-top:5px;color:#ffe6a0;font:700 8px Space Grotesk;letter-spacing:.18em}.intro-ring{position:absolute;border:1px solid rgba(64,234,245,.65);border-radius:50%}.ring-one{inset:0;border-style:dashed;animation:introOrbit 10s linear infinite}.ring-two{inset:-24px;border-color:rgba(231,184,91,.44);animation:introOrbit 15s linear reverse infinite}.intro-robot{position:absolute;z-index:2;right:2%;bottom:0;width:min(235px,26vw);height:90%;object-fit:contain;mix-blend-mode:screen;filter:contrast(1.08) drop-shadow(0 0 38px rgba(64,234,245,.28));animation:introRobot 4.2s ease-in-out infinite}.intro-world{position:absolute;z-index:1;left:2%;top:24%;width:220px;height:220px;border:1px solid rgba(64,234,245,.38);border-radius:50%;background:radial-gradient(ellipse at center,transparent 57%,rgba(64,234,245,.14) 58% 60%,transparent 61%),repeating-radial-gradient(ellipse at center,transparent 0 32px,rgba(64,234,245,.11) 33px 34px);box-shadow:inset 0 0 38px rgba(64,234,245,.12),0 0 40px rgba(64,234,245,.08);animation:introWorld 8s linear infinite}.intro-world:before,.intro-world:after{content:"";position:absolute;inset:18px 42px;border:1px solid rgba(231,184,91,.35);border-radius:50%}.intro-world:after{inset:42px 18px}.intro-world span,.intro-world i{position:absolute;border-radius:50%;background:var(--gold);box-shadow:0 0 13px var(--gold)}.intro-world span{width:7px;height:7px;left:48px;top:67px}.intro-world i{width:5px;height:5px;right:44px;bottom:64px}.intro-world b{position:absolute;left:15px;right:15px;bottom:-32px;text-align:center;color:var(--cyan);font:700 8px Space Grotesk;letter-spacing:.15em}.intro-data{position:absolute;z-index:4;padding:8px 12px;border:1px solid rgba(64,234,245,.35);background:rgba(3,24,42,.84);color:#dffcff;font:700 8px Space Grotesk;letter-spacing:.14em;box-shadow:0 0 24px rgba(64,234,245,.08);animation:introData 3.2s ease-in-out infinite}.data-a{left:25%;top:10%}.data-b{right:25%;top:11%;animation-delay:.7s}.data-c{left:25%;bottom:10%;animation-delay:1.4s}.data-d{right:23%;bottom:9%;animation-delay:2.1s}.intro-copy{position:absolute;z-index:6;left:50%;bottom:clamp(112px,14vh,155px);width:min(760px,90vw);transform:translateX(-50%);text-align:center}.intro-copy p{margin:0 0 10px;color:var(--cyan);font:700 10px Space Grotesk;letter-spacing:.2em}.intro-copy h1{margin:0;font:600 clamp(34px,5vw,67px)/1 Space Grotesk;letter-spacing:-.045em}.intro-copy h1 span{color:var(--gold)}.intro-status{margin-top:12px;color:#a9c4d2;font:700 10px Space Grotesk;letter-spacing:.16em;text-transform:uppercase}.intro-progress{position:absolute;left:50%;bottom:92px;width:min(530px,76vw);height:3px;transform:translateX(-50%);overflow:hidden;background:rgba(255,255,255,.12)}.intro-progress span{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,var(--cyan),#fff,var(--gold));box-shadow:0 0 17px var(--cyan);animation:introProgress 10s linear forwards}.intro-controls{position:absolute;left:50%;bottom:30px;display:flex;align-items:center;gap:10px;transform:translateX(-50%);white-space:nowrap}.intro-controls button{min-height:43px;padding:11px 18px;border:1px solid rgba(64,234,245,.34);border-radius:999px;background:rgba(3,24,42,.8);color:#dffcff;font:700 12px Manrope;cursor:pointer;transition:.25s}.intro-controls button:hover,.intro-controls button:focus-visible{border-color:var(--gold);color:#fff;transform:translateY(-2px);outline:none;box-shadow:0 0 24px rgba(231,184,91,.18)}.intro-enter{border-color:var(--gold)!important;background:linear-gradient(110deg,var(--gold),#fff0b1,var(--gold))!important;color:#061522!important;text-transform:uppercase;letter-spacing:.07em}.intro-sound[aria-pressed="true"]{border-color:var(--cyan);color:var(--cyan)}@keyframes introGrid{to{background-position:0 108px,108px 0}}@keyframes introScan{0%,100%{top:-4%;opacity:0}12%,82%{opacity:1}50%{top:102%}}@keyframes introCore{50%{transform:translate(-50%,-50%) scale(1.05);filter:drop-shadow(0 0 56px rgba(231,184,91,.42))}}@keyframes introOrbit{to{transform:rotate(360deg)}}@keyframes introRobot{50%{transform:translateY(-9px)}}@keyframes introWorld{to{transform:rotateY(360deg)}}@keyframes introData{50%{transform:translateY(-7px);border-color:var(--gold);color:#fff}}@keyframes introProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){.cinematic-intro{padding:18px}.intro-brand span{font-size:8px;letter-spacing:.14em}.intro-stage{height:48vh}.intro-core{width:190px;height:190px}.intro-core img{inset:17px;width:156px;height:156px}.intro-core:after{inset:50px}.ring-two{inset:-16px}.intro-robot{right:-5%;width:35vw;height:72%}.intro-world{left:-12%;top:30%;width:150px;height:150px}.intro-data{display:none}.intro-copy{bottom:145px}.intro-copy p{font-size:8px}.intro-controls{bottom:24px;display:grid;grid-template-columns:1fr 1fr;width:min(430px,92vw);white-space:normal}.intro-enter{grid-column:1/-1}.intro-controls button{padding:10px 12px}.intro-progress{bottom:121px}}
@media(prefers-reduced-motion:reduce){.intro-grid,.intro-scan,.intro-core,.intro-ring,.intro-robot,.intro-world,.intro-data,.intro-progress span{animation:none}.intro-progress span{transform:scaleX(1)}}