/* MADH Future v1.2 — native SVG electrical current and accessibility-aware motion */
:root{--electric-blue:#36dfff;--electric-violet:#8d79ff}
.hero{isolation:isolate}
.hero-grid,.hero-shine{z-index:-1}
.electric-field{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.78;mix-blend-mode:screen}
.electric-traces{position:absolute;inset:0;width:100%;height:100%;}
.electric-wire path{fill:none;stroke:#3372aa;stroke-opacity:.19;stroke-width:1.25;vector-effect:non-scaling-stroke}
.electric-energy .energy{fill:none;stroke:url(#madh-energy);stroke-width:2.7;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:20 850;stroke-dashoffset:875;vector-effect:non-scaling-stroke;animation:electric-current 8s linear infinite}
.electric-energy .energy-b{animation-delay:-3.2s;animation-duration:9.7s;stroke-width:2}
.electric-energy .energy-c{animation-delay:-4.1s;animation-duration:10.4s}
.electric-energy .energy-d{animation-delay:-5.5s;animation-duration:11s;stroke-width:1.8}
.electric-energy .energy-e{animation-delay:-1.6s;animation-duration:8.4s}
.electric-energy .energy-f{animation-delay:-6.2s;animation-duration:12s;stroke-width:3}
.electric-energy .energy-g{animation-delay:-4.5s;animation-duration:8.9s}
.electric-energy .energy-h{animation-delay:-2.3s;animation-duration:10s}
.electric-junctions circle{fill:#60eaf9;opacity:.45;filter:drop-shadow(0 0 5px #29dfff);animation:electrical-node 3.6s ease-in-out infinite alternate}
.electric-junctions circle:nth-child(even){animation-delay:-1.4s}
.electric-spark{position:absolute;width:5px;height:5px;background:#66ffff;border-radius:50%;box-shadow:0 0 10px 3px rgba(63,240,255,.64),0 0 25px 6px rgba(40,125,255,.24);animation:spark-twinkle 4s ease-in-out infinite}
.spark-1{left:12%;top:28%}.spark-2{left:85%;top:30%;animation-delay:-1.4s}.spark-3{left:75%;top:75%;animation-delay:-2.6s}
.hero-content,.hero-visual,.hero-bottom{z-index:2}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(5,9,22,.50),transparent 55%)}
.hero-visual .network-svg{filter:drop-shadow(0 0 38px rgba(36,213,247,.20))}
.network-svg .net-active{stroke-dasharray:28 410;stroke-dashoffset:440;animation:heart-signal 5.2s linear infinite;filter:drop-shadow(0 0 8px #42edff)}
.orbit-electron{position:absolute;width:72%;height:72%;border-radius:50%;display:block;pointer-events:none;animation:spin 14s linear infinite}
.orbit-electron:before{content:"";position:absolute;left:50%;top:-4px;width:9px;height:9px;background:#7defff;border-radius:100%;box-shadow:0 0 13px 4px rgba(62,230,255,.6)}
.orbit-electron--two{height:58%;width:58%;animation-duration:21s;animation-direction:reverse;transform:rotate(145deg)}
.orbit-electron--two:before{background:#b5a1ff;box-shadow:0 0 13px 4px rgba(170,128,255,.5)}
.topline{background:linear-gradient(95deg,#131a3d 10%,#0ba9fb,#8e8dff,#58ebff,#131a3d 90%);background-size:260% 100%;animation:topline-pulse 9s linear infinite}
.button--primary{position:relative;overflow:hidden;isolation:isolate}
.button--primary:after{content:"";position:absolute;inset:-80% auto -80% -120%;width:50%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent);transition:left .65s ease;pointer-events:none}
.button--primary:hover:after{left:145%}
.pillar-card,.news-card,.founder-card{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.pillar-card:hover,.news-card:hover{box-shadow:0 16px 56px rgba(0,200,255,.10);border-color:rgba(85,233,255,.35)}
.brand--official{display:flex;align-items:center;min-width:0}.brand-official-image{width:234px;height:auto;display:block;mix-blend-mode:screen;filter:drop-shadow(0 0 8px rgba(54,213,255,.10))}
.brand-fallback{display:none;align-items:center;gap:8px;color:#e7f8ff;font-size:22px;font-weight:800;letter-spacing:-.04em}.brand-fallback svg{width:34px;height:34px}
.brand--image-error .brand-official-picture{display:none}.brand--image-error .brand-fallback{display:flex}
/* Avoid painting large blurred effects on small devices. */
@media(max-width:1100px){.brand-official-image{width:180px}.header-inner{gap:15px}}
@media(max-width:760px){.brand-official-image{width:145px}.electric-field{opacity:.53}.electric-energy .energy{stroke-width:2}.hero::before{background:linear-gradient(90deg,rgba(5,9,22,.35),rgba(5,9,22,.02))}}
@media(max-width:560px){.brand-official-image{width:72px}.electric-field{opacity:.42}}
@keyframes electric-current{0%{stroke-dashoffset:875;opacity:0}8%{opacity:.92}85%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes electrical-node{0%{opacity:.12;transform:scale(.7);transform-box:fill-box;transform-origin:center}100%{opacity:1;transform:scale(1.4);transform-box:fill-box;transform-origin:center}}
@keyframes spark-twinkle{0%,100%{opacity:.15;transform:scale(.55)}40%{opacity:.95;transform:scale(1.1)}65%{opacity:.4;transform:scale(.6)}}
@keyframes heart-signal{to{stroke-dashoffset:0}}
@keyframes topline-pulse{to{background-position:260% 50%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.electric-energy .energy,.electric-junctions circle,.electric-spark,.network-svg .net-active,.orbit-electron,.topline,.button--primary:after{animation:none!important;transition:none!important}.electric-energy .energy{stroke-dasharray:none;opacity:.25}.electric-field{opacity:.25}}