.ecosystem-section,.ecosystem-section *{box-sizing:border-box}.ecosystem-section{background:radial-gradient(circle at 50% 70%,rgba(0,115,185,.55),transparent 32%),radial-gradient(circle at 15% 35%,rgba(0,72,130,.55),transparent 35%),linear-gradient(180deg,#032943,#062b48 45%,#03243e);color:#fff;min-height:980px;overflow:hidden;padding:90px 20px 120px;position:relative}.ecosystem-header{margin:0 auto;max-width:980px;position:relative;text-align:center;z-index:5}.fh-blue__eyebrow{color:#2ea9ff;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800;letter-spacing:.08em;line-height:1.3;margin:0 0 10px;text-align:center;text-transform:uppercase}.ecosystem-header h2{color:#fff;font-size:clamp(50px,5vw,78px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin:0}.ecosystem-header p:last-child{color:#fff;font-size:18px;line-height:1.6;margin:22px auto 0;max-width:850px}.ecosystem-stage{height:620px;margin:170px auto 0;position:relative;width:min(100%,1180px)}.ecosystem-center{height:260px;width:260px}.center-logo,.ecosystem-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:4}.center-logo{align-items:center;background:#102945;border:3px solid #7bc8ff;border-radius:50%;box-shadow:0 0 35px rgba(73,175,255,.22);display:flex;height:150px;justify-content:center;width:150px}.center-logo img{display:block;height:auto;max-width:100%;width:91px}.ring{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ring-mid{border:1px dotted rgba(80,160,230,.5);height:205px;width:205px}.ring-outer{animation:slowSpin 26s linear infinite;border:2px dashed rgba(65,140,215,.35);height:255px;width:255px}.eco-item{background:rgba(120,145,165,.42);border:1px solid hsla(0,0%,100%,.16);border-radius:999px;box-shadow:0 14px 35px rgba(0,0,0,.25);gap:16px;height:58px;left:50%;overflow:hidden;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .9s cubic-bezier(.16,1,.3,1),top .9s cubic-bezier(.16,1,.3,1),width .65s ease,height .65s ease,padding .65s ease,transform .65s ease,opacity .65s ease;width:58px;z-index:8}.eco-icon,.eco-item{align-items:center;display:flex}.eco-icon{background:#fff;border-radius:50%;color:#209dff;flex:0 0 38px;font-size:20px;height:38px;justify-content:center;margin-left:9px;width:38px}.eco-label{color:#fff;font-size:22px;font-weight:700;opacity:0;transform:translateX(-10px);transition:opacity .35s ease .25s,transform .35s ease .25s;white-space:nowrap}.ecosystem-section.is-expanded .eco-item,.ecosystem-section:hover .eco-item{background:rgba(91,124,151,.68);border-color:hsla(0,0%,100%,.18);box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.06),0 20px 45px rgba(0,0,0,.28);height:78px;padding-right:32px;width:auto}.ecosystem-section.is-expanded .eco-label,.ecosystem-section:hover .eco-label{opacity:1;transform:translateX(0)}.ecosystem-section.is-expanded .item-tms,.ecosystem-section:hover .item-tms{left:50%;top:0}.ecosystem-section.is-expanded .item-maintenance,.ecosystem-section:hover .item-maintenance{left:18%;top:30%}.ecosystem-section.is-expanded .item-parking,.ecosystem-section:hover .item-parking{left:82%;top:30%}.ecosystem-section.is-expanded .item-eld,.ecosystem-section:hover .item-eld{left:18%;top:64%}.ecosystem-section.is-expanded .item-mdm,.ecosystem-section:hover .item-mdm{left:82%;top:64%}.ecosystem-section.is-expanded .item-connectivity,.ecosystem-section:hover .item-connectivity{left:33%;top:94%}.ecosystem-section.is-expanded .item-hardware,.ecosystem-section:hover .item-hardware{left:67%;top:94%}.item-tms{transform:translate(-50%,-50%) translateY(-170px)}.item-maintenance{transform:translate(-50%,-50%) translate(-125px,-90px)}.item-parking{transform:translate(-50%,-50%) translate(125px,-90px)}.item-eld{transform:translate(-50%,-50%) translate(-125px,90px)}.item-mdm{transform:translate(-50%,-50%) translate(125px,90px)}.item-connectivity{transform:translate(-50%,-50%) translate(-55px,170px)}.item-hardware{transform:translate(-50%,-50%) translate(55px,170px)}.ecosystem-section.is-expanded .eco-item,.ecosystem-section:hover .eco-item{transform:translate(-50%,-50%)}.fh-orb-emitter-layer{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.fh-emitter-orb{animation:fh-orb-fly var(--duration) linear forwards;background:rgba(46,169,255,.92);border-radius:999px;box-shadow:0 0 10px rgba(46,169,255,.45),0 0 22px rgba(46,169,255,.18);height:var(--size);left:0;opacity:0;position:absolute;top:0;width:var(--size)}@keyframes fh-orb-fly{0%{opacity:0;transform:translate(var(--x0),var(--y0)) scale(.75)}12%{opacity:var(--opacity)}82%{opacity:calc(var(--opacity)*.8);transform:translate(var(--xm),var(--ym)) scale(1)}to{opacity:0;transform:translate(var(--x1),var(--y1)) scale(.85)}}@keyframes slowSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@media (max-width:900px){.ecosystem-section{min-height:auto;padding:70px 20px 80px}.ecosystem-stage{align-items:center;display:flex;flex-direction:column;gap:18px;height:auto;margin-top:80px}.ecosystem-center{left:auto;margin-bottom:20px;position:relative;top:auto;transform:none}.eco-item,.ecosystem-section.is-expanded .eco-item,.ecosystem-section:hover .eco-item{height:72px;left:auto!important;position:relative;top:auto!important;transform:none!important;width:min(100%,320px)}.eco-label{opacity:1;transform:none}.fh-orb-emitter-layer{display:none}}@media (max-width:600px){.ecosystem-header h2{font-size:clamp(42px,12vw,56px)}.ecosystem-header p:last-child{font-size:17px}}@media (prefers-reduced-motion:reduce){.ring-outer{animation:none}.fh-orb-emitter-layer{display:none}.eco-item,.eco-label{transition:none}}