.inverter-category-hero{position:relative;isolation:isolate;overflow:hidden;background:#071629;color:#f5fcff;min-height:650px;border-radius:0 0 32px 32px}
.inverter-category-hero *{box-sizing:border-box}
.inverter-category-hero__image,.inverter-category-hero__overlay,.inverter-category-hero__grid{position:absolute;inset:0;z-index:-1;pointer-events:none}
.inverter-category-hero__image img{width:100%;height:100%;object-fit:cover;opacity:.12;filter:saturate(.4)}
.inverter-category-hero__overlay{background:radial-gradient(ellipse at 78% 45%,#14557080,transparent 58%),linear-gradient(90deg,#071629 4%,#071629df 48%,#07162980)}
.inverter-category-hero__grid{background-image:linear-gradient(#6cdfd309 1px,transparent 1px),linear-gradient(90deg,#6cdfd309 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000)}
.inverter-category-hero__container{position:relative;z-index:2;min-height:650px;display:flex;align-items:center;padding-top:65px;padding-bottom:100px}
.inverter-category-hero__content{width:49%;max-width:620px}
.inverter-category-hero__breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#9bb4bf;margin-bottom:38px}
.inverter-category-hero__breadcrumb a{color:inherit;text-decoration:none}
.inverter-category-hero__eyebrow{display:inline-flex;align-items:center;gap:10px;color:#70ddd1;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px}
.inverter-category-hero__eyebrow>span,.inverter-status__pulse{width:7px;height:7px;background:#65dbc9;border-radius:50%;box-shadow:0 0 18px #65dbc9}
.inverter-category-hero h1{font-size:clamp(2.2rem,4.3vw,4.3rem);line-height:1.08;letter-spacing:-.045em;font-weight:650;color:#fff;margin:0 0 24px;overflow-wrap:anywhere}
.inverter-category-hero h1>span{display:block;color:#f5ffc0}
.inverter-category-hero__content>p{font-size:16px;line-height:1.75;color:#b8cbd4;max-width:510px;margin-bottom:30px}
.inverter-category-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
.inverter-category-hero__actions .button{display:inline-flex;align-items:center;gap:24px;padding:15px 22px;background:#23a5af;color:#fff;border-radius:12px;font-weight:600;text-decoration:none;transition:transform .25s,background .25s}
.inverter-category-hero__actions .button:hover{transform:translateY(-3px);background:#2eb9c2}
.inverter-category-hero__text-link{color:#daecef;text-decoration:none;font-size:14px}
.inverter-category-hero__text-link span{margin-left:8px}
.inverter-status{display:flex;gap:12px;align-items:center;margin-top:32px;color:#d9eee9;font-size:12px}
.inverter-status small{display:inline-block;margin-left:12px;color:#94aeb9}
.inverter-category-hero__scroll{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:#9bb9c2;text-decoration:none;font-size:11px;letter-spacing:.1em}
.inverter-category-hero__scroll i{width:8px;height:8px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg)}
.inv-scene{position:absolute;right:0;top:50%;transform:translateY(-50%);width:51%;height:480px;pointer-events:none}
.inv-orbit{position:absolute;border:1px solid #65cabc21;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);width:390px;height:390px}
.inv-orbit--two{width:460px;height:460px;border-style:dashed;animation:inv-orbit 80s linear infinite}
.inv-circuit{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.inv-track{stroke:#62dbc52d;stroke-width:2}
.inv-current{stroke:#8bfbe2;stroke-width:3;stroke-dasharray:9 22;animation:inv-flow 2s linear infinite;filter:drop-shadow(0 0 6px #65f5d1)}
.inv-wave{stroke:#79e5ed;stroke-width:2;stroke-dasharray:40 12;animation:inv-flow 3s linear infinite;filter:drop-shadow(0 0 8px #76e0dc)}
.inv-device{position:absolute;left:50%;top:50%;width:195px;height:275px;transform:translate(-50%,-50%) rotate(-5deg);border-radius:24px 24px 30px 30px;background:linear-gradient(120deg,#fff,#d7e2e5 48%,#a9bfc6);box-shadow:inset 3px 3px 5px #fff,inset -7px -2px 12px #597b8545,18px 24px 55px #0008,0 0 80px #56ccb92e;animation:inv-float 7s ease-in-out infinite;padding:26px 22px}
.inv-device__brand{font-size:17px;letter-spacing:.17em;color:#174756;font-weight:800}
.inv-device__brand span{display:block;font-size:7px;letter-spacing:.28em;margin-top:3px;font-weight:500}
.inv-device__display{background:#102c37;border:4px solid #adbfc5;border-radius:12px;margin-top:24px;padding:12px 10px;color:#7be9d2;font:10px monospace;box-shadow:inset 0 3px 10px #0006}
.inv-led{display:inline-block;background:#77eccd;width:4px;height:4px;border-radius:50%;margin-right:5px;box-shadow:0 0 6px #77eccd}
.inv-device__display svg{width:100%;height:36px;display:block;margin-top:6px;fill:none;stroke:#76dfca;stroke-width:1.5}
.inv-device__vents{height:30px;margin-top:20px;background:repeating-linear-gradient(0deg,transparent 0 5px,#7896a3 5px 6px);opacity:.5;border-radius:5px}
.inv-device__symbol{color:#49878c;text-align:center;font-size:18px;margin-top:14px}
.inv-device__ports{position:absolute;bottom:-8px;left:45px;display:flex;gap:13px}
.inv-device__ports i{width:16px;height:17px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#132e39,#456474)}
.inv-label{position:absolute;top:36%;font-size:22px;font-weight:600;letter-spacing:.1em;color:#a7f4df}
.inv-label small{display:block;font-size:10px;letter-spacing:0;color:#82a6b5;margin-top:6px;font-weight:400}
.inv-label--dc{left:8%}.inv-label--ac{right:7%;color:#a1e3f2}
.inv-caption{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:12px;color:#bbd8de}
.inv-caption>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7bdfcb;margin-right:8px}
.inv-caption small{display:block;font-size:10px;color:#799eaa;margin-top:7px}
@keyframes inv-flow{to{stroke-dashoffset:-124}}
@keyframes inv-float{50%{transform:translate(-50%,calc(-50% - 12px)) rotate(-2deg)}}
@keyframes inv-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
.inverter-category-hero.inv-paused *{animation-play-state:paused!important}
@media(min-width:1600px){.inv-scene{right:4%;width:46%}}
@media(max-width:991px){.inverter-category-hero__content{width:55%}.inv-scene{width:46%;right:-2%}.inv-device{width:160px;height:245px;padding:22px 17px}.inv-device__brand{font-size:14px}.inv-orbit{width:300px;height:300px}.inv-orbit--two{width:360px;height:360px}.inv-label--dc{left:0}.inv-label--ac{right:0}.inv-label{font-size:17px}}
@media(max-width:640px){.inverter-category-hero{border-radius:0 0 22px 22px}.inverter-category-hero__container{min-height:0;display:block;padding-top:32px;padding-bottom:400px}.inverter-category-hero__content{width:100%;max-width:none}.inverter-category-hero__breadcrumb{margin-bottom:26px}.inverter-category-hero h1{font-size:clamp(2rem,9vw,3rem)}.inverter-category-hero__content>p{font-size:14px}.inv-scene{top:auto;bottom:35px;transform:none;width:100%;height:340px;right:0}.inv-device{width:150px;height:230px;padding:18px}.inv-device__display{margin-top:18px}.inv-device__vents{margin-top:14px}.inv-orbit{width:260px;height:260px}.inv-orbit--two{width:310px;height:310px}.inv-label--dc{left:7%}.inv-label--ac{right:6%}.inv-caption{bottom:0}.inverter-status small{margin-left:8px}.inverter-category-hero__scroll{bottom:12px}}
@media(prefers-reduced-motion:reduce){.inverter-category-hero *{animation:none!important;transition:none!important}}