html{background:#092d22}body{overflow-x:clip}main{overflow:clip}footer{position:relative;z-index:1;margin:0}.knowledge:after{inset:0;transform:none;animation:none;background:radial-gradient(ellipse at 75% 35%,#1fc23fa0,transparent 65%)}.hero{overflow:clip}.station-layout{margin-top:25px}#station-map{background:radial-gradient(ellipse at 50% 30%,#fafff3,#e1eddb);background-image:linear-gradient(#42664b0d 1px,transparent 1px),linear-gradient(90deg,#42664b0d 1px,transparent 1px);background-size:35px 35px}.city-label{background:#fff;border:0;border-radius:6px;box-shadow:0 3px 10px #143b2512;font:13px Bahnschrift,'Segoe UI',sans-serif;color:#16412a}.city-label:before{display:none}#station-empty{padding:22px 12px;font-size:17px;line-height:1.5;color:#183e27}.network-copy{position:relative;padding-top:25px}.energy-cube{position:relative;width:65px;height:65px;margin:0 0 35px 15px;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(-32deg);animation:cube-float 7s ease-in-out infinite}.energy-cube i{position:absolute;width:65px;height:65px;border-radius:10px;background:linear-gradient(135deg,#6de16c,#1fc23f);box-shadow:inset 2px 2px 5px #fff8,inset -3px -3px 5px #06472544}.energy-cube i:first-child{transform:translateZ(32px)}.energy-cube i:nth-child(2){transform:rotateY(90deg) translateZ(32px);background:linear-gradient(135deg,#16aa3e,#08622b)}.energy-cube i:nth-child(3){transform:rotateX(90deg) translateZ(32px);background:linear-gradient(135deg,#fff77d,#ece12c)}.closing{padding:70px 0;isolation:isolate}.closing>.wrap{padding-left:160px}.charge-sculpture{position:absolute;left:max(7%,calc(50% - 490px));top:38px;width:145px;height:215px;perspective:800px;pointer-events:none;animation:sculpture-float 7s ease-in-out infinite}.charge-body{position:absolute;width:96px;height:168px;left:8px;top:10px;border-radius:18px;background:linear-gradient(110deg,#f5fff3,#d6efcf 66%,#95c086);box-shadow:13px 10px 0 #105c31,16px 18px 0 #144c2825,20px 35px 30px #0d692435,inset 3px 3px 2px #fff;transform:rotateY(-20deg) rotateX(7deg) rotateZ(-7deg)}.charge-display{position:absolute;inset:19px 14px 44px;background:linear-gradient(140deg,#194e37,#08271d);border:3px solid #b9d4b0;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:12px 6px;gap:3px;color:#ece12c}.charge-display .icon{width:28px;height:28px;margin:0 6px 8px}.charge-display i{width:11px;height:5px;background:#1fc23f;border-radius:2px}.charge-base{position:absolute;bottom:17px;left:25px;width:46px;height:8px;border-radius:5px;background:#1fc23f}.charge-cable{position:absolute;right:0;top:55px;width:48px;height:108px;border:7px solid #0c402c;border-left:0;border-radius:0 40px 40px 0;transform:rotate(-6deg);box-shadow:4px 4px 2px #073c2420}.benefits .icon{box-shadow:4px 5px 0 #aaab14,9px 10px 18px #03221750,inset 2px 2px 3px #fff8;transform:perspective(400px) rotateY(-12deg) rotateX(8deg)}@keyframes cube-float{0%,100%{transform:translateY(0) rotateX(-22deg) rotateY(-32deg)}50%{transform:translateY(-8px) rotateX(-16deg) rotateY(-20deg)}}@keyframes sculpture-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(max-width:720px){.closing{padding:40px 0}.closing>.wrap{padding-left:0}.charge-sculpture{position:relative;left:auto;top:auto;margin:0 auto 24px;width:145px;height:190px;transform:scale(.85)}.energy-cube{width:52px;height:52px;margin-bottom:32px}.footer-top{padding-block:30px;gap:22px}.footer-bottom{padding-block:17px}.network-copy{padding-top:0}.station-sidebar #station-list{display:block}.station-item{width:100%;padding:12px}.station-item strong{font-size:15px}.station-item small{font-size:12px}#station-map{height:345px}}@media(prefers-reduced-motion:reduce){.energy-cube,.charge-sculpture{animation:none}}
