.eco-brain { position:absolute; z-index:1; width:min(39vw,560px); right:4%; top:22%; pointer-events:none; filter:drop-shadow(0 6px 22px #052f28a0); }
.eco-brain svg { width:100%; overflow:visible; }
.brain-shell { fill:#0c342ec2; stroke:url(#brain-color); stroke-width:2; }
.brain-folds { fill:none; stroke:#a3e6d5; stroke-width:1.25; opacity:.55; }
.brain-signals { fill:none; stroke:#d2ffe0; stroke-width:2.5; stroke-linecap:round; stroke-dasharray:12 90; }
.brain-node { fill:#daffe9; filter:drop-shadow(0 0 4px #71f6c7); }
.brain-base,.brain-stem { fill:none; stroke:#a4ead0; stroke-width:1; opacity:.65; }
.brain-base ellipse:first-child { stroke-dasharray:8 8; }
.brain-callouts { stroke:#b3e6d0; stroke-width:.7; fill:none; }
.brain-callouts text { stroke:none; fill:#edfff5; font-size:12px; letter-spacing:1px; }
.brain-caption { text-align:center; margin-top:-20px; color:#e5ffef; text-shadow:0 2px 12px #06271c; }
.brain-caption span { display:block; font-size:9px; letter-spacing:3px; opacity:.75; }
.brain-caption strong { display:block; font-size:21px; letter-spacing:8px; margin-top:9px; font-weight:500; }
.eco-motion .eco-orbits { display:none; }
.stork-flock { position:absolute; inset:0; z-index:3; pointer-events:none; overflow:hidden; }
.stork-flight { position:absolute; width:155px; left:67%; top:14%; opacity:.95; }
.stork-1 { width:110px; left:82%; top:21%; opacity:.85; }
.stork-2 { width:80px; left:57%; top:11%; opacity:.7; }
.stork-body svg { width:100%; overflow:visible; filter:drop-shadow(0 4px 5px #12372c66); }
.stork-near-wing,.stork-far-wing { transform-origin:102px 81px; }
.stork-far-wing { transform:scaleY(.6); }
.product-banner { position:relative; isolation:isolate; }
.device-edge { position:absolute; inset:9px; pointer-events:none; z-index:3; border-radius:18px; }
.device-edge svg { overflow:visible; }
.device-edge-base { fill:none; stroke:#459c8040; stroke-width:1; }
.device-edge-run { fill:none; stroke:#3bbda0; stroke-width:2; stroke-dasharray:16 9 2 73; stroke-linecap:round; filter:drop-shadow(0 0 3px #62dbaf); }
[data-theme="dark"] .device-edge-run { stroke:#279f82; }
.brain-float { animation:brain-lift 7s ease-in-out infinite; }
.brain-signals path { animation:brain-stream 5s linear infinite; animation-delay:var(--delay); }
.brain-node { animation:brain-pulse 3.6s ease-in-out infinite; animation-delay:var(--delay); }
.stork-flight { animation:stork-cross 26s linear infinite; }
.stork-1 { animation-duration:31s; animation-delay:-9s; }
.stork-2 { animation-duration:35s; animation-delay:-19s; }
.stork-near-wing { animation:stork-flap 1.8s ease-in-out infinite; }
.stork-far-wing { animation:stork-flap 1.8s ease-in-out infinite reverse; }
.stork-1 .stork-near-wing,.stork-1 .stork-far-wing { animation-delay:-.6s; }
.stork-2 .stork-near-wing,.stork-2 .stork-far-wing { animation-duration:2.1s; }
.device-edge-run { animation:device-trace 6s linear infinite; animation-delay:var(--delay); }
.eco-brain *,.stork-flock *,.device-edge * { animation-play-state:paused; }
.eco-motion .scene-visible .eco-brain *,.eco-motion .scene-visible .stork-flock *,.eco-motion .scene-visible .device-edge * { animation-play-state:running; }
@keyframes brain-lift { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-9px); } }
@keyframes brain-stream { to { stroke-dashoffset:-204; } }
@keyframes brain-pulse { 0%,100% { opacity:.35; } 50% { opacity:1; } }
@keyframes device-trace { to { stroke-dashoffset:-100; } }
@keyframes stork-flap { 0%,100% { transform:scaleY(.95) rotate(-5deg); } 50% { transform:scaleY(-.65) rotate(9deg); } }
@keyframes stork-cross { 0% { transform:translate(-36vw,18px); opacity:0; } 9% { opacity:.9; } 48% { transform:translate(-3vw,-24px); } 90% { opacity:.9; } 100% { transform:translate(40vw,12px); opacity:0; } }
@media(max-width:1050px) and (min-width:701px) { .eco-brain { width:38%; right:1%; top:32%; } }
@media(max-width:700px) { .hero-inner { padding-bottom:350px; } .eco-brain { width:265px; top:auto; bottom:35px; right:calc(50% - 132px); } .brain-caption { margin-top:-16px; } .brain-caption strong { font-size:17px; } .stork-flight { width:100px; top:10%; } .stork-1 { width:75px; top:8%; } .stork-2 { width:60px; top:12%; } .device-edge { inset:5px; } }

.eco-brain { width:min(43vw,620px); right:2%; top:20%; filter:none; }
.brain-volume { display:block; width:100%; aspect-ratio:560/500; }
.brain-caption { margin-top:-9px; }
.brain-caption p { font-size:11px; letter-spacing:5px; margin:10px 0 0; color:#acd5c6; }
@media(max-width:700px) { .eco-brain { width:300px; right:calc(50% - 150px); top:auto; bottom:25px; } .hero-inner { padding-bottom:390px; } }

.intelligence-core { position:absolute; left:50%; top:46.6%; transform:translate(-50%,-50%); width:30%; text-align:center; color:#effbff; display:flex; flex-direction:column; gap:10px; }
.intelligence-core .core-kicker { font-size:7px; letter-spacing:1.5px; color:#a5def3; }
.intelligence-core strong { font-size:clamp(20px,2.3vw,32px); font-weight:550; letter-spacing:2px; text-shadow:0 0 20px #85c8fa70; }
.intelligence-core span:last-child { font-size:10px; color:#b8e7ff; }
.intelligence-status { position:absolute; top:93%; width:100%; text-align:center; color:#b8d9ed; font-size:12px; letter-spacing:3px; }
.intelligence-status i { display:inline-block; width:5px; height:5px; border-radius:50%; background:#5ce9de; box-shadow:0 0 10px #5ce9de; margin-right:10px; vertical-align:middle; }
@media(max-width:700px) { .intelligence-core { gap:5px; } .intelligence-core strong { font-size:18px; letter-spacing:0; } .intelligence-core .core-kicker { font-size:5px; letter-spacing:.3px; } .intelligence-core span:last-child { font-size:7px; } .intelligence-status { font-size:10px; letter-spacing:2px; } .hero-inner { padding-bottom:340px; } }