.eco-compare-nav.bar-compare{position:relative;z-index:1;width:100%;overflow:hidden;color:#fff;font-family:"Poppins",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 82% 78%,rgb(103 255 198 / .34) 0%,rgb(103 255 198 / .16) 18%,transparent 38%),radial-gradient(circle at 96% 16%,rgb(45 220 142 / .22) 0%,transparent 34%),linear-gradient(112deg,#064463 0%,#065f78 34%,#078b8d 66%,#12aa78 100%)}.eco-compare-nav *,.eco-compare-nav *::before,.eco-compare-nav *::after{box-sizing:border-box}.eco-compare-nav.bar-compare::before{content:"";position:absolute;left:-185px;bottom:-215px;z-index:1;width:760px;height:430px;pointer-events:none;opacity:.72;background:radial-gradient(ellipse at left bottom,transparent 0 47%,rgb(52 224 159 / .34) 47.25%,rgb(52 224 159 / .34) 47.7%,transparent 48%,transparent 0 56%,rgb(52 224 159 / .28) 56.25%,rgb(52 224 159 / .28) 56.7%,transparent 57%,transparent 0 65%,rgb(52 224 159 / .22) 65.25%,rgb(52 224 159 / .22) 65.7%,transparent 66%,transparent 0 74%,rgb(52 224 159 / .16) 74.25%,rgb(52 224 159 / .16) 74.7%,transparent 75%);transform:rotate(4deg)}.eco-compare-nav.bar-compare::after{content:"";position:absolute;top:0;right:0;z-index:2;width:340px;height:100%;pointer-events:none;opacity:.58;background-image:radial-gradient(circle,rgb(255 255 255 / .92) 1.2px,transparent 1.6px);background-position:4px 8px;background-repeat:repeat;background-size:22px 22px;mask-image:radial-gradient(circle at 82% 52%,#000 0%,#000 34%,rgb(0 0 0 / .72) 48%,transparent 76%);-webkit-mask-image:radial-gradient(circle at 82% 52%,#000 0%,#000 34%,rgb(0 0 0 / .72) 48%,transparent 76%)}.eco-compare-nav.bar-compare .ecg-compare-band{position:relative;z-index:3;width:100%;padding:10px 0}.eco-compare-nav.bar-compare .ecg-compare-band::after{content:"";position:absolute;right:18%;bottom:-58px;z-index:1;width:420px;height:150px;pointer-events:none;opacity:.52;background:radial-gradient(ellipse,rgb(118 255 202 / .42) 0%,rgb(118 255 202 / .16) 36%,transparent 72%);filter:blur(10px)}.eco-compare-nav.bar-compare .ecg-compare-band__inner{position:relative;z-index:5;display:flex;align-items:center;justify-content:flex-start;gap:34px;max-width:1280px;margin:0 auto;padding:0 30px}.eco-compare-nav.bar-compare .ecg-compare-band__title,.eco-compare-nav.bar-compare .ecg-compare-pills,.eco-compare-nav.bar-compare .ecg-pill{position:relative;z-index:6}.eco-compare-nav.bar-compare .ecg-compare-band__title{flex:0 0 auto}.eco-compare-nav.bar-compare .ecg-compare-band__kicker{display:block;margin:0;color:#50e6a0;font-size:.7rem;font-weight:800;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.eco-compare-nav.bar-compare .ecg-compare-band__title h2{margin:0;color:#fff;font-size:1.15rem;font-weight:750;line-height:1.2}.eco-compare-nav.bar-compare .ecg-compare-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.eco-compare-nav.bar-compare .ecg-pill{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:6px 10px;border:1px solid rgb(255 255 255 / .75);border-radius:12px;background:linear-gradient(#ffffff,#ffffff) padding-box,linear-gradient(135deg,rgb(80 230 160 / .9),rgb(247 148 29 / .45)) border-box;box-shadow:0 8px 18px rgb(4 38 58 / .18),inset 0 1px 0 rgb(255 255 255 / .9);color:#10283a;font-size:12.5px;font-weight:750;line-height:1;text-decoration:none;transition:transform 0.2s ease,box-shadow 0.2s ease}.eco-compare-nav.bar-compare .ecg-pill:hover,.eco-compare-nav.bar-compare .ecg-pill:focus,.eco-compare-nav.bar-compare .ecg-pill.is-active{background:linear-gradient(#ffffff,#ffffff) padding-box,linear-gradient(135deg,#50e6a0,#f7941d) border-box;box-shadow:0 13px 26px rgb(4 38 58 / .24),inset 0 1px 0 rgb(255 255 255);color:#0b3143;transform:translateY(-2px)}.eco-compare-nav.bar-compare .ecg-pill img{display:block;width:18px;height:18px;object-fit:contain;filter:saturate(1.18) contrast(1.05)}.eco-compare-nav.bar-compare .ecg-pill span{white-space:nowrap}@media (max-width:900px){.eco-compare-nav.bar-compare .ecg-compare-band{padding:14px 0}.eco-compare-nav.bar-compare .ecg-compare-band__inner{align-items:flex-start;flex-direction:column;gap:12px;padding:0 16px}.eco-compare-nav.bar-compare .ecg-compare-pills{width:100%;gap:10px}.eco-compare-nav.bar-compare .ecg-pill{min-height:36px;padding:6px 12px}}@media (min-width:901px) and (max-width:1120px){.eco-compare-nav.bar-compare .ecg-compare-band__inner{align-items:flex-start;flex-direction:column;gap:12px}}