.home-eco-orbit{--device-cyan:#00a6c8;--device-pale:#e6f7fa;--device-shade:#cceaf0;--device-navy:#294d61;background:#f5fafb;overflow:clip;padding:72px 0}
.home-eco-orbit .home-eco-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}
.home-eco-orbit .home-eco-heading h2{font-size:30px;line-height:1.3;margin:12px 0 16px;color:#0a253d}
.home-eco-orbit .home-eco-heading p:not(.eco-kicker){font-size:16px;line-height:1.7;max-width:680px;color:#4f6c7c;margin:0}
.home-eco-orbit .home-eco-motion{flex:none;border:1px solid #c4e0e7;background:#fff;border-radius:100px;display:inline-flex;align-items:center;gap:9px;padding:10px 16px;min-height:44px;color:#294d61;font-size:13px;font-weight:600;cursor:pointer;margin-top:8px}
.home-eco-orbit .home-eco-motion:hover{border-color:#0085a4;background:#e9f7fa}
.home-eco-orbit .home-eco-control-symbol{display:inline-block;font-size:16px;line-height:1;width:14px;text-align:center}
.home-eco-orbit .home-eco-stage{position:relative;aspect-ratio:1000/620;max-width:900px;margin:30px auto 20px;isolation:isolate}
.home-eco-orbit .home-eco-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.home-eco-orbit .home-eco-ring{stroke:#d9ecf0;stroke-width:1;fill:none;stroke-dasharray:3 8}
.home-eco-orbit .home-eco-wire{stroke:#d0e5eb;stroke-width:1.4;fill:none;transition:stroke .35s,stroke-width .35s}
.home-eco-orbit .home-eco-wire.is-active{stroke:#00a4c3;stroke-width:2.3;stroke-dasharray:5 10;animation:home-eco-flow 2.3s linear infinite;animation-play-state:paused}
.home-eco-orbit.is-running .home-eco-wire.is-active{animation-play-state:running}
.home-eco-orbit .home-eco-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:230px;min-height:200px;padding:24px 18px;border:1px solid #b9e6ee;border-radius:32px;background:#fff;text-align:center;color:#0a253d;box-shadow:0 12px 38px #2a667b09;z-index:1}
.home-eco-orbit .home-eco-hub-ring{position:absolute;inset:-14px;border:1px solid #d9edf1;border-radius:44px;pointer-events:none}
.home-eco-orbit .home-eco-hub-mark{width:40px;height:40px;color:#00a6c8;margin-bottom:9px}
.home-eco-orbit .home-eco-hub-mark svg{display:block;width:100%;height:100%}
.home-eco-orbit .home-eco-hub strong{font-size:22px;line-height:1.2;font-weight:700;letter-spacing:-.02em}
.home-eco-orbit .home-eco-hub strong span{font-size:16px;letter-spacing:0;font-weight:500}
.home-eco-orbit .home-eco-hub small{margin-top:10px;color:#507b8c;font-size:13px;line-height:1.4}
.home-eco-orbit .home-eco-role{position:absolute;left:var(--eco-x);top:var(--eco-y);transform:translate(-50%,-50%);width:192px;min-height:125px;padding:8px 14px 14px;border:1px solid transparent;border-radius:18px;background:#f5fafb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#294d61;font:inherit;cursor:pointer;transition:background .25s,border-color .25s,box-shadow .25s;z-index:2}
.home-eco-orbit .home-eco-device-art{width:102px;height:88px;display:block;flex:none;transition:transform .3s}
.home-eco-orbit .home-eco-role>span{font-size:14px;line-height:1.4;font-weight:600;text-align:center}
.home-eco-orbit .home-eco-role.is-active{border-color:#77cedd;background:#fff;box-shadow:0 8px 24px #26677b0a}
.home-eco-orbit .home-eco-role:hover .home-eco-device-art{transform:translateY(-3px)}
.home-eco-orbit .home-eco-role:focus-visible,.home-eco-orbit .home-eco-motion:focus-visible,.home-eco-orbit .home-eco-detail a:focus-visible{outline:3px solid #007e9f;outline-offset:4px}
.home-eco-orbit .home-eco-detail{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:24px 0;border-top:1px solid #cce3e9;min-height:130px}
.home-eco-orbit .home-eco-detail-kicker{font-size:13px;color:#64808c;line-height:1.5}
.home-eco-orbit .home-eco-detail h3{font-size:22px;line-height:1.35;color:#0a253d;margin:7px 0}
.home-eco-orbit .home-eco-detail p{font-size:16px;line-height:1.6;margin:0;color:#4f6c7c;max-width:690px}
.home-eco-orbit .home-eco-detail .eco-text-link{flex:none;display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:14px}
.home-eco-orbit .home-eco-note{font-size:13px;line-height:1.5;color:#64808c;margin:4px 0 0}
@keyframes home-eco-flow{to{stroke-dashoffset:-60}}
@media(max-width:1050px){.home-eco-orbit .home-eco-role{width:158px;padding-inline:8px;min-height:116px}.home-eco-orbit .home-eco-device-art{width:90px;height:77px}.home-eco-orbit .home-eco-hub{width:200px;min-height:178px}.home-eco-orbit .home-eco-stage{margin-block:40px 34px}}
@media(max-width:800px){.home-eco-orbit{padding:56px 0}.home-eco-orbit .home-eco-heading{gap:20px;flex-direction:column}.home-eco-orbit .home-eco-heading h2{font-size:26px}.home-eco-orbit .home-eco-motion{margin-top:0}.home-eco-orbit .home-eco-stage{aspect-ratio:auto;margin:28px 0}.home-eco-orbit .home-eco-wires{display:none}.home-eco-orbit .home-eco-hub{position:relative;inset:auto;transform:none;min-height:0;width:100%;padding:18px 20px;margin-bottom:20px;border-radius:18px;display:grid;grid-template-columns:44px 1fr;column-gap:16px;align-items:center;text-align:left;box-shadow:none}.home-eco-orbit .home-eco-hub-ring{display:none}.home-eco-orbit .home-eco-hub-mark{grid-row:span 2;margin:0}.home-eco-orbit .home-eco-hub strong{font-size:18px}.home-eco-orbit .home-eco-hub strong br{display:none}.home-eco-orbit .home-eco-hub strong span{font-size:18px}.home-eco-orbit .home-eco-hub small{margin-top:5px}.home-eco-orbit .home-eco-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-eco-orbit .home-eco-role{position:relative;inset:auto;transform:none;width:100%;padding:6px 10px 12px;border-color:#d9e9ed;background:#fff;min-height:130px}.home-eco-orbit .home-eco-role.is-active{border-color:#00a6c8;background:#eaf8fb;box-shadow:inset 0 0 0 1px #00a6c8}.home-eco-orbit .home-eco-device-art{width:100px;height:86px}.home-eco-orbit .home-eco-detail{align-items:flex-start;flex-direction:column;gap:14px;padding:22px 0;min-height:208px}.home-eco-orbit .home-eco-detail h3{font-size:22px}.home-eco-orbit .home-eco-note{max-width:100%}}
@media(prefers-reduced-motion:reduce){.home-eco-orbit .home-eco-role,.home-eco-orbit .home-eco-device-art,.home-eco-orbit .home-eco-wire{transition:none}.home-eco-orbit .home-eco-role:hover .home-eco-device-art{transform:none}}