.topbar{position:sticky;top:14px;z-index:30;width:calc(100% - 32px);max-width:1540px;height:72px;margin:14px auto 0;padding:0 14px 0 18px;border:1px solid rgba(21,33,27,.09);border-radius:19px;background:rgba(255,255,255,.88);box-shadow:0 12px 42px rgba(21,33,27,.09);backdrop-filter:blur(22px) saturate(150%)}
.topbar:before{content:"";position:absolute;inset:-1px;border-radius:19px;padding:1px;background:linear-gradient(110deg,rgba(200,241,90,.65),transparent 28%,transparent 72%,rgba(10,112,82,.28));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;pointer-events:none}
.brandmark{position:relative;box-shadow:0 8px 22px rgba(21,33,27,.18);transition:transform .25s ease,box-shadow .25s ease}.brand:hover .brandmark{transform:rotate(-6deg) scale(1.05);box-shadow:0 12px 28px rgba(21,33,27,.23)}
.topbar nav{height:48px;gap:3px;padding:4px;border:1px solid rgba(21,33,27,.06);border-radius:15px;background:rgba(244,247,243,.9)}
.topbar nav>a,.topbar .navlink{position:relative;display:flex;align-items:center;height:40px;padding:0 13px;border-radius:11px;color:#59645e;font-size:13px;font-weight:700;transition:color .2s ease,background .2s ease,transform .2s ease}.topbar nav>a:hover,.topbar .navlink:hover{color:var(--ink);background:#fff;transform:translateY(-1px)}
.topbar nav>a.is-active:not(.navpill){color:var(--ink);background:#fff;box-shadow:0 5px 16px rgba(21,33,27,.08)}.topbar nav>a.is-active:not(.navpill):after{content:"";position:absolute;left:50%;bottom:3px;width:16px;height:2px;border-radius:2px;background:var(--lime);transform:translateX(-50%)}
.navpill{display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;min-width:128px;line-height:1.05;padding:7px 14px!important;background:var(--ink)!important;color:#fff!important;border-radius:11px}.navpill:before{content:"";position:absolute;inset:0;border-radius:11px;background:radial-gradient(circle at 85% 10%,rgba(200,241,90,.28),transparent 42%);pointer-events:none}.navpill:hover{transform:translateY(-1px) scale(1.015)!important}.navpill small{color:var(--lime);font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.hero h1 em{color:var(--lime);text-shadow:0 2px 0 rgba(21,33,27,.08)}
.compareform[data-compare-enabled="false"] .comparebar,.compareform[data-compare-enabled="false"] .comparepick{display:none!important}
@media(min-width:901px){.filters{top:101px;z-index:24}}
@media(max-width:900px){.menutoggle{display:block;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(21,33,27,.06)}.menutoggle span{display:block;width:18px;height:2px;background:var(--ink);margin:5px auto;transition:transform .2s ease}.menutoggle[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menutoggle[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.topbar nav{position:absolute;top:78px;left:0;right:0;height:auto;display:none;flex-direction:column;align-items:stretch;gap:4px;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:17px;padding:10px;box-shadow:0 20px 55px rgba(21,33,27,.16);backdrop-filter:blur(22px)}.topbar nav.open{display:flex;animation:navEnter .2s ease both}.topbar nav>a,.topbar .navlink{width:100%;height:46px;padding:0 14px}.navpill{height:54px!important}.topbar{position:sticky;top:8px;margin:8px 12px 0;width:auto}@keyframes navEnter{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}}