/* Depth and finite motion; all content remains visible without JavaScript. */
html:root[data-design="electric"] .header{transition:box-shadow .25s ease,background .25s ease}
html:root[data-design="electric"].is-scrolled .header{box-shadow:0 5px 25px #15387315;background:#fffffff2}
html:root[data-design="electric"] .hero{position:relative}
html:root[data-design="electric"] .hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#246ded06 1px,transparent 1px),linear-gradient(90deg,#246ded06 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 30%,#000 90%)}
html:root[data-design="electric"] .hero-footer{position:relative}
html:root[data-design="electric"] :is(.catalog-card,.case-card,.home-practices>a,.certificate-card){box-shadow:0 3px 9px #15386904,0 12px 30px #15386908;transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s ease,border-color .28s ease}
html:root[data-design="electric"] :is(.product-preview,.solution-panel,.detail-schematic,.stack-center){box-shadow:0 7px 16px #194cad08,0 23px 54px #194cad12}
html:root[data-design="electric"] .primary{box-shadow:0 5px 10px #1556ee25,0 14px 25px #1556ee23}
html:root[data-design="electric"] :is(.button,.nav-cta){transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
html:root[data-design="electric"] .button:active{transform:translateY(1px);box-shadow:0 2px 8px #15386920}
html:root[data-design="electric"] .product-tabs button{transition:background .22s,color .22s,box-shadow .22s}
html:root[data-design="electric"] .certificate-thumb img{transition:transform .3s ease,filter .3s ease}
html:root[data-design="electric"] .contact{position:relative;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff30}
html:root[data-design="electric"] .contact:before{content:"";position:absolute;width:460px;height:460px;border:1px solid #ffffff18;border-radius:50%;right:-70px;top:-250px;box-shadow:0 0 0 75px #ffffff05,0 0 0 150px #ffffff04;pointer-events:none}
html:root[data-design="electric"] .contact-inner{position:relative}
html:root[data-design="electric"] nav a{position:relative;padding-block:5px}
html:root[data-design="electric"] nav a:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#1556ee;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
html:root[data-design="electric"] nav a[aria-current="page"]:after{transform:scaleX(1)}
@media(hover:hover) and (pointer:fine){
 html:root[data-design="electric"] :is(.catalog-card,.home-practices>a):hover{transform:translateY(-6px);box-shadow:0 8px 18px #1556ee10,0 22px 42px #1556ee1b;border-color:#98b9f7}
 html:root[data-design="electric"] :is(.case-card,.certificate-card):hover{transform:translateY(-4px);box-shadow:0 15px 34px #1556ee17;border-color:#a4bff0}
 html:root[data-design="electric"] .certificate-thumb:hover img{transform:scale(1.025)}
 html:root[data-design="electric"] .button:hover{transform:translateY(-3px);box-shadow:0 12px 26px #1556ee30}
 html:root[data-design="electric"] .nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1556ee24}
 html:root[data-design="electric"] nav a:hover:after{transform:scaleX(1)}
}
@media(prefers-reduced-motion:no-preference){
 .motion-ready .hero .connection-lines{stroke-dasharray:10 7;animation:signal-travel 2.2s linear 2}
 .motion-ready .hero .signal-core{animation:core-glow 2.3s ease-in-out 2}
 .motion-ready .hero .orbit-two{animation:orbit-arrive 1.4s ease-out both}
 .motion-ready .hero .orbit-three{animation:orbit-arrive 1.7s ease-out both}
 .motion-ready .hero .signal-node{animation:node-arrive .8s cubic-bezier(.2,.75,.3,1) both}
 .motion-ready .hero .node-voice{animation-delay:.12s}.motion-ready .hero .node-pulse{animation-delay:.24s}.motion-ready .hero .node-qc{animation-delay:.36s}
}
@keyframes signal-travel{from{stroke-dashoffset:68}to{stroke-dashoffset:0}}
@keyframes core-glow{0%,100%{box-shadow:0 0 60px #63d6ff44,inset 0 0 22px #ffffff40}50%{box-shadow:0 0 90px #31abff77,inset 0 0 26px #ffffff60}}
@keyframes orbit-arrive{from{opacity:0;transform:translate(-50%,-50%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes node-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:800px){html:root[data-design="electric"] :is(.catalog-card,.case-card,.home-practices>a,.certificate-card){box-shadow:0 5px 18px #15386909}.hero:before{background-size:38px 38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}