.intro-electronic{background:radial-gradient(ellipse at 50% 45%,#11180c 0%,#050705 45%,#020302 80%);animation:intro-exit .65s 4.15s ease-in-out both}
.intro-electronic .intro-inner{z-index:1}
.intro-electronic:before{opacity:.45;animation:intro-grid 2s ease both}
.intro-circuit{position:absolute;inset:0;width:100%;height:100%;color:rgba(199,255,40,.32);stroke-width:1;pointer-events:none}
.intro-circuit path{stroke-dasharray:1;stroke-dashoffset:1;animation:circuit-start 2.6s .1s cubic-bezier(.2,.6,.2,1) forwards}
.intro-circuit path:nth-child(2){opacity:.4;animation-delay:.45s}
.intro-terminals{fill:#c7ff28;stroke:none;animation:terminal-on 1.8s .6s both}
.intro-electronic h1{position:relative;gap:.08em;padding:.08em 0;overflow:hidden}
.intro-electronic h1 span{display:block;animation:brand-resolve 2.4s .45s cubic-bezier(.2,.6,.2,1) both}
.intro-electronic h1 span:last-child{animation-delay:1s;-webkit-text-stroke:1px rgba(199,255,40,.9)}
.intro-electronic h1:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#c7ff28,transparent);box-shadow:0 0 18px rgba(199,255,40,.6);animation:brand-scan 2.6s .6s both}
.intro-electronic .intro-topline,.intro-electronic .eyebrow,.intro-electronic .intro-bottom{animation:intro-grid 1.1s .2s both}
.intro-electronic .intro-loader i{animation:boot-progress 3.6s .2s cubic-bezier(.3,.2,.2,1) forwards}
.intro-skip{position:absolute;right:5vw;bottom:25px;z-index:3;min-height:44px;padding:12px 16px;border:1px solid #47532d;background:#070a05;color:#c7ff28;font:500 12px Inter,Arial,sans-serif;letter-spacing:.1em;cursor:pointer}
.intro-skip:hover{background:#19220c}.intro-skip:focus-visible{outline:2px solid #c7ff28;outline-offset:4px}
@keyframes circuit-start{to{stroke-dashoffset:0}}
@keyframes terminal-on{from{opacity:0}to{opacity:.8}}
@keyframes intro-grid{from{opacity:0}to{opacity:1}}
@keyframes brand-resolve{0%{clip-path:inset(0 100% 0 0);opacity:0;filter:blur(5px);transform:translateY(8px)}35%{opacity:.55}75%{filter:blur(0)}100%{clip-path:inset(0);opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes brand-scan{0%{top:0;opacity:0}15%{opacity:.8}85%{opacity:.6}100%{top:100%;opacity:0}}
@keyframes boot-progress{from{width:0}to{width:100%}}
@keyframes intro-exit{from{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}
@media(max-width:700px){.intro-circuit{opacity:.65}.intro-electronic .intro-inner{width:88vw}.intro-skip{bottom:16px}.intro-electronic h1{font-size:clamp(60px,18vw,130px)}}
@media(prefers-reduced-motion:reduce){.intro-electronic{display:none}}