.connected-scene{position:relative;overflow:hidden;padding:88px clamp(20px,5vw,80px) 54px;min-height:880px;background:radial-gradient(circle at 50% 47%,rgba(202,235,214,.9),transparent 28%),linear-gradient(180deg,#fbfefc,#edf6f0 62%,#f9fcfa);isolation:isolate}.connected-scene:before{content:'';position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(13,43,26,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(13,43,26,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at center,black,transparent 78%)}.connected-scene:after{content:'';position:absolute;z-index:-1;width:1100px;height:430px;border:1px solid rgba(201,168,76,.28);border-radius:50%;left:50%;bottom:-270px;transform:translateX(-50%);box-shadow:0 0 0 45px rgba(13,43,26,.025),0 0 0 90px rgba(201,168,76,.025)}.scene-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 30%,rgba(201,168,76,.22) 0 2px,transparent 3px),radial-gradient(circle at 88% 54%,rgba(28,196,107,.23) 0 2px,transparent 3px);background-size:130px 130px,170px 170px;animation:starDrift 18s linear infinite}.scene-head{text-align:center;position:relative;z-index:2}.scene-head h2{font-size:clamp(38px,4.3vw,66px);line-height:1.05;letter-spacing:-.045em;margin:14px auto 10px}.scene-head h2 em{font-style:normal;color:#9c7911}.scene-head p{font-size:20px;color:#356049;margin:0}.ecosystem{position:relative;max-width:1260px;height:620px;margin:26px auto 0}.data-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.wires path{stroke-dasharray:8 7;animation:wireFlow 2.4s linear infinite}.hub-core{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:310px;height:310px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 45% 38%,#fff,#eaf6ed 66%);border:9px double #b59432;box-shadow:0 0 0 8px #0f5534,0 0 0 14px rgba(201,168,76,.45),0 35px 75px rgba(13,43,26,.24);z-index:3}.hub-core img{width:220px;height:auto}.hub-core>i{display:block;width:54px;height:2px;background:var(--gold);margin:18px 0 12px}.hub-core>span{font-size:16px;color:#315844}.hub-ring{position:absolute;border:1px dashed rgba(15,85,52,.5);border-radius:50%;animation:hubSpin 18s linear infinite}.ring-a{inset:-36px}.ring-b{inset:-65px;animation-direction:reverse;animation-duration:25s}.eco-card{position:absolute;width:280px;min-height:112px;display:flex;align-items:center;gap:18px;padding:15px 20px;border-radius:26px;background:rgba(255,255,255,.83);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 0 0 2px rgba(13,43,26,.08),0 18px 35px rgba(13,43,26,.15);backdrop-filter:blur(15px);z-index:4;opacity:0;transform:translateY(16px) scale(.96);transition:opacity .65s ease,transform .65s ease,box-shadow .3s}.scene-live .eco-card{opacity:1;transform:none}.eco-card:hover{box-shadow:inset 0 0 0 2px rgba(201,168,76,.35),0 25px 46px rgba(13,43,26,.2)}.eco-icon{flex:0 0 75px;height:75px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 28%,#175c39,#052c1b);border:2px solid #d2af45;box-shadow:0 0 0 5px #fff3c9,0 6px 16px rgba(13,43,26,.22);color:#f7dda0;font-size:30px}.eco-icon svg{width:34px;height:34px;display:block}.eco-card strong{display:block;font-size:17px;color:#092b1c;white-space:nowrap}.eco-card span{display:inline-flex;align-items:center;gap:8px;background:#e4f5e9;border:1px solid #addabd;border-radius:99px;padding:6px 12px;margin-top:12px;color:#315d46;font-size:12px}.eco-card span i{width:9px;height:9px;background:#1cbd5d;border-radius:50%;box-shadow:0 0 0 4px rgba(28,189,93,.13);animation:onlinePulse 1.8s infinite}.e1{left:1%;top:6%;transition-delay:.05s}.e2{left:0;top:29%;transition-delay:.12s}.e3{left:0;top:52%;transition-delay:.19s}.e4{left:5%;top:76%;transition-delay:.26s}.e5{right:1%;top:6%;transition-delay:.08s}.e6{right:0;top:29%;transition-delay:.15s}.e7{right:0;top:52%;transition-delay:.22s}.e8{right:5%;top:76%;transition-delay:.29s}.scene-foot{display:flex;justify-content:center;align-items:center;gap:22px;font-size:11px;letter-spacing:.35em;font-weight:700;color:#416554}.scene-foot i{width:32px;height:1px;background:var(--gold)}@keyframes wireFlow{to{stroke-dashoffset:-30}}@keyframes hubSpin{to{transform:rotate(360deg)}}@keyframes onlinePulse{50%{box-shadow:0 0 0 8px rgba(28,189,93,0)}}@keyframes starDrift{to{background-position:130px 65px,-170px 85px}}@media(max-width:1050px){.connected-scene{min-height:auto}.ecosystem{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:350px}.hub-core{top:175px}.data-lines{display:none}.eco-card{position:relative!important;inset:auto!important;width:auto;min-height:100px}.scene-foot{margin-top:34px}}@media(max-width:650px){.connected-scene{padding:68px 18px 45px}.scene-head p{font-size:16px}.ecosystem{grid-template-columns:1fr;padding-top:280px}.hub-core{top:140px;width:230px;height:230px}.hub-core img{width:168px}.ring-a{inset:-24px}.ring-b{inset:-43px}.eco-card strong{white-space:normal}.scene-foot{gap:9px;font-size:9px;letter-spacing:.18em}.scene-foot i{width:15px}}