was padded to clear it. The new header is sticky (in normal flow), so that offset is no longer needed. */ html body main{padding-top:0 !important} /* html + body both had overflow-x:hidden, which turns into a scroll container and stops position:sticky. `clip` crops sideways overflow exactly the same without that side effect. */ html body{overflow-x:clip !important} html{scroll-padding-top:96px} /* ---------- HEADER ---------- */ html body header.gs-hdr{ position:sticky !important;top:var(--wp-admin--admin-bar--height,0px) !important;left:auto !important; width:100% !important;max-width:100% !important;height:auto !important;min-height:0 !important; z-index:1000 !important;display:block !important;padding:0 !important;margin:0 !important; background:rgba(238,240,234,0.84) !important; backdrop-filter:blur(14px) !important;-webkit-backdrop-filter:blur(14px) !important; border:0 !important;border-bottom:1px solid var(--gs-line) !important; box-shadow:none !important;transition:none !important;box-sizing:border-box !important; font-family:var(--gs-sans);color:var(--gs-ink);-webkit-font-smoothing:antialiased;line-height:normal; } @media screen and (max-width:600px){html body header.gs-hdr{top:0 !important}} .gs-hdr *,.gs-ftr *,.gs-404 *{box-sizing:border-box} .gs-hdr__bar{max-width:1200px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px} html body .gs-hdr a.gs-hdr__logo{display:flex;align-items:center;flex-shrink:0;padding:0;background:none;border:0;text-decoration:none} .gs-hdr__logo img{height:46px !important;width:auto !important;max-width:none !important;display:block;margin:-6px 0 -6px -10px} .gs-hdr__nav{display:flex;align-items:center;justify-content:safe center;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none} .gs-hdr__nav::-webkit-scrollbar{display:none} .gs-hdr__pill{display:flex;align-items:center;gap:2px;padding:3px;background:#FFFFFF;border:1px solid var(--gs-line);border-radius:999px;margin-right:6px;box-shadow:0 1px 2px rgba(15,42,31,0.05);flex-shrink:0} html body .gs-hdr a.gs-hdr__prod{ background:transparent;color:var(--gs-ink) !important;border:0;border-radius:999px;padding:7px 10px 7px 6px; font-family:var(--gs-sans);font-size:14px;font-weight:600 !important;letter-spacing:-0.01em;line-height:normal; display:flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none;transition:background .3s,color .3s; } html body .gs-hdr a.gs-hdr__prod:hover{background:var(--gs-paper);color:var(--gs-ink) !important} .gs-hdr__mark{width:22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:var(--gs-mono);font-size:10px;font-weight:500;line-height:1;transition:background .3s,color .3s} .gs-hdr__mark--e{background:#0F2A1F;color:#D4F230} .gs-hdr__mark--l{background:#E3C9A6;color:#2B2016} html body .gs-hdr a.gs-hdr__prod.is-current,html body .gs-hdr a.gs-hdr__prod.is-current:hover{background:#0F2A1F;color:#EEF3EE !important} .gs-hdr__prod.is-current .gs-hdr__mark{background:#EEF3EE;color:#0F2A1F} html body .gs-hdr a.gs-hdr__link, html body .gs-hdr button.gs-hdr__link{ background:transparent !important;color:var(--gs-ink) !important;border:0 !important;border-radius:999px !important; padding:9px 10px !important;margin:0 !important;font-family:var(--gs-sans) !important;font-size:14px !important;font-weight:500 !important; line-height:normal !important;letter-spacing:normal !important;text-transform:none !important;white-space:nowrap;cursor:pointer; text-decoration:none !important;box-shadow:none !important;min-height:0 !important;transition:background .25s !important;flex-shrink:0; } html body .gs-hdr button.gs-hdr__link{display:flex;align-items:center;gap:6px} html body .gs-hdr a.gs-hdr__link:hover, html body .gs-hdr button.gs-hdr__link:hover, html body .gs-hdr button.gs-hdr__link[aria-expanded="true"]{background:var(--gs-hover) !important;color:var(--gs-ink) !important} html body .gs-hdr a.gs-hdr__link:focus-visible,html body .gs-hdr button.gs-hdr__link:focus-visible,html body .gs-hdr a:focus-visible{outline:2px solid var(--gs-ink);outline-offset:2px} .gs-hdr__caret{font-size:10px;display:inline-block;transition:transform .3s} .gs-hdr button[aria-expanded="true"] .gs-hdr__caret{transform:rotate(180deg)} html body .gs-hdr a.gs-hdr__cta{ background:var(--gs-ink);color:#EEF0EA !important;border:0;border-radius:999px;padding:11px 20px; font-family:var(--gs-sans);font-size:14px;font-weight:500 !important;line-height:normal;white-space:nowrap;flex-shrink:0; display:flex;align-items:center;gap:10px;text-decoration:none;transition:background .25s; } html body .gs-hdr a.gs-hdr__cta:hover{background:var(--gs-ink-2);color:#EEF0EA !important} .gs-hdr__dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gs-lime)} /* Calculators mega panel */ .gs-hdr__mega{position:absolute;top:100%;left:0;right:0;background:var(--gs-panel);border-bottom:1px solid var(--gs-line);box-shadow:0 40px 60px -40px rgba(15,42,31,0.25);max-height:calc(100vh - 80px);overflow-y:auto} .gs-hdr__mega[hidden]{display:none !important} .gs-hdr__mega-in{max-width:1200px;margin:0 auto;padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:32px} .gs-hdr__mega-intro{display:flex;flex-direction:column;gap:14px;padding-right:16px} .gs-eyebrow{font-family:var(--gs-mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--gs-muted);line-height:normal} .gs-hdr__mega-title{font-family:var(--gs-serif);font-size:34px;line-height:1.02;letter-spacing:-0.01em;color:var(--gs-ink);font-weight:400} .gs-hdr__mega-title em{font-style:italic} .gs-hdr__mega-text{font-size:14px;line-height:1.55;color:var(--gs-muted)} html body .gs-hdr a.gs-hdr__mega-all{align-self:flex-start;background:var(--gs-ink);color:#EEF0EA !important;text-decoration:none;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:500 !important;white-space:nowrap;margin-top:4px;line-height:normal} html body .gs-hdr a.gs-hdr__mega-all:hover{background:var(--gs-ink-2)} .gs-hdr__mega-grid{grid-column:span 2;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:4px} html body .gs-hdr a.gs-hdr__calc{text-decoration:none;color:var(--gs-ink) !important;border-radius:12px;padding:11px 14px;display:flex;flex-direction:column;gap:3px;transition:background .2s;line-height:normal} html body .gs-hdr a.gs-hdr__calc:hover{background:var(--gs-hover)} .gs-hdr__calc-t{font-size:14px;font-weight:500} .gs-hdr__calc-s{font-size:12px;line-height:1.45;color:var(--gs-muted)} @media (max-width:860px){.gs-hdr__mega-grid{grid-column:auto}} /* Phones: keep the design, move the nav to its own scrollable row */ @media (max-width:760px){ .gs-hdr__bar{flex-wrap:wrap;padding:12px 16px;row-gap:10px} .gs-hdr__nav{order:3;flex:1 0 100%;justify-content:flex-start;margin:0 -16px;padding:0 16px} html body .gs-hdr a.gs-hdr__cta{padding:10px 16px} .gs-hdr__logo img{margin-left:-4px} .gs-ftr__brand img{margin-left:-6px} .gs-hdr__mega-in{padding:24px 16px;gap:20px} .gs-hdr__mega{max-height:calc(100vh - 120px)} } /* ---------- FOOTER ---------- */ html body footer.gs-ftr{ position:relative !important;overflow:hidden;z-index:1 !important;display:block; background:var(--gs-ink) !important;color:#A9C2B6;border:0 !important;border-top:0 !important; padding:0 !important;margin:0 !important;margin-top:auto !important; backdrop-filter:none !important;-webkit-backdrop-filter:none !important;transition:none !important; font-family:var(--gs-sans);-webkit-font-smoothing:antialiased;line-height:normal;text-align:left; } .gs-ftr__in{position:relative;max-width:1200px;margin:0 auto;padding:72px 32px 40px;display:flex;flex-direction:column;gap:56px} .gs-ftr__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:40px} .gs-ftr__brand{display:flex;flex-direction:column;gap:16px} .gs-ftr__brand a{align-self:flex-start;display:block;line-height:0} .gs-ftr__brand img{height:60px !important;width:auto !important;max-width:none !important;display:block;margin:-8px 0 -8px -12px} .gs-ftr__tag{margin:0 !important;font-size:14px;line-height:1.6;max-width:260px;color:#A9C2B6} html body footer.gs-ftr .gs-ftr__col{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;gap:12px !important;font-size:14px;text-align:left !important;padding:0 !important;margin:0 !important;background:none !important;height:auto !important;width:auto !important} .gs-ftr__head{font-family:var(--gs-mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:#7E9C8E;line-height:normal} html body footer.gs-ftr .gs-ftr__col a{color:#DDE8E1 !important;font-size:14px;font-weight:400 !important;text-decoration:none;line-height:normal;align-self:flex-start;transition:color .2s} html body footer.gs-ftr .gs-ftr__col a:hover{color:var(--gs-lime) !important} .gs-ftr__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;border-top:1px solid #24493A;font-size:13px;color:#8BA89A} .gs-ftr__legal{display:flex;gap:20px} html body footer.gs-ftr .gs-ftr__legal a{color:#8BA89A !important;font-weight:400 !important;text-decoration:none} html body footer.gs-ftr .gs-ftr__legal a:hover{color:#DDE8E1 !important} html body footer.gs-ftr a:focus-visible{outline:2px solid var(--gs-lime);outline-offset:2px} @media (max-width:760px){.gs-ftr__in{padding:56px 16px 32px;gap:40px}} /* ---------- 404 ---------- */ html body main.gs-404{display:block !important;background:var(--gs-paper);color:var(--gs-ink);font-family:var(--gs-sans);-webkit-font-smoothing:antialiased;flex:1 0 auto;width:100%;max-width:none !important;margin:0 !important} .gs-404__in{width:100%;max-width:1200px;margin:0 auto;padding:96px 32px 104px;display:flex;flex-direction:column;gap:56px} .gs-404__hero{display:flex;flex-direction:column;gap:28px;max-width:760px} .gs-404__eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--gs-mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--gs-muted)} .gs-404__pulse{width:8px;height:8px;border-radius:50%;background:var(--gs-lime);animation:gsPulse 2.8s ease-in-out infinite} @keyframes gsPulse{0%,100%{box-shadow:0 0 0 3px rgba(212,242,48,0.35)}50%{box-shadow:0 0 0 10px rgba(212,242,48,0)}} html body .gs-404 h1.gs-404__title{margin:0;font-family:var(--gs-serif) !important;font-weight:400 !important;font-size:clamp(52px,7vw,96px) !important;line-height:0.98 !important;letter-spacing:-0.02em !important;color:var(--gs-ink) !important;text-wrap:balance;text-transform:none !important} .gs-404__title em{font-style:italic;background-image:linear-gradient(#D4F230,#D4F230);background-repeat:no-repeat;background-position:0 88%;background-size:100% 30%} .gs-404__lead{margin:0 !important;font-size:19px;line-height:1.6;color:#41544B;max-width:560px} .gs-404__lead code{font-family:var(--gs-mono);font-size:15px;background:#E2E7DE;padding:2px 8px;border-radius:6px;color:var(--gs-ink);word-break:break-all} .gs-404__btns{display:flex;gap:12px;flex-wrap:wrap} html body .gs-404 a.gs-btn{border-radius:999px;padding:15px 24px;white-space:nowrap;font-size:15px;font-weight:500 !important;text-decoration:none;transition:all .25s;line-height:normal;display:inline-block} html body .gs-404 a.gs-btn--solid{background:var(--gs-ink);color:#EEF0EA !important;border:1px solid var(--gs-ink)} html body .gs-404 a.gs-btn--solid:hover{background:var(--gs-ink-2)} html body .gs-404 a.gs-btn--ghost{background:transparent;color:var(--gs-ink) !important;border:1px solid #C3CBBD} html body .gs-404 a.gs-btn--ghost:hover{background:#FFFFFF;border-color:var(--gs-ink)} .gs-404__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px} html body .gs-404 a.gs-404__card{background:#FFFFFF;border:1px solid var(--gs-line);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--gs-ink) !important;box-shadow:0 2px 6px rgba(15,42,31,0.04);transition:transform .3s,box-shadow .3s,border-color .3s} html body .gs-404 a.gs-404__card:hover{transform:translateY(-3px);border-color:#C3CBBD;box-shadow:0 30px 60px -30px rgba(15,42,31,0.25),0 2px 6px rgba(15,42,31,0.04)} .gs-404__card-t{font-size:17px;font-weight:600;letter-spacing:-0.01em} .gs-404__card-s{font-size:14px;line-height:1.55;color:var(--gs-muted)} .gs-404__card-go{margin-top:auto;padding-top:6px;font-size:13px;font-weight:500;color:var(--gs-ink)} @media (max-width:760px){.gs-404__in{padding:64px 16px 72px;gap:40px}} @media (prefers-reduced-motion:reduce){.gs-hdr *,.gs-ftr *,.gs-404 *{animation:none !important;transition:none !important}} /* ========================================================================== RESPONSIVE: tablet & mobile menu drawer, footer grid ========================================================================== */ .gs-hdr__menu{display:none} .gs-hdr__drawer[hidden]{display:none !important} html body .gs-hdr button.gs-hdr__menu{ width:44px;height:44px;flex-shrink:0;padding:0 !important;margin:0 !important;border-radius:50% !important; background:#FFFFFF !important;border:1px solid #D8DDD3 !important;box-shadow:0 1px 2px rgba(15,42,31,0.05) !important; align-items:center;justify-content:center;cursor:pointer;color:#0F2A1F !important;min-height:0 !important;transition:border-color .25s,background .25s !important; } html body .gs-hdr button.gs-hdr__menu:hover{border-color:#0F2A1F !important} html body .gs-hdr button.gs-hdr__menu[aria-expanded="true"]{background:#0F2A1F !important;border-color:#0F2A1F !important} .gs-hdr__menu-lines{position:relative;width:18px;height:12px;display:block} .gs-hdr__menu-lines i{position:absolute;left:0;width:100%;height:1.6px;border-radius:2px;background:#0F2A1F;transition:transform .35s cubic-bezier(.2,.8,.2,1),top .35s,background .25s} .gs-hdr__menu-lines i:first-child{top:2px} .gs-hdr__menu-lines i:last-child{top:9px} .gs-hdr__menu[aria-expanded="true"] .gs-hdr__menu-lines i{background:#EEF0EA;top:5.2px} .gs-hdr__menu[aria-expanded="true"] .gs-hdr__menu-lines i:first-child{transform:rotate(45deg)} .gs-hdr__menu[aria-expanded="true"] .gs-hdr__menu-lines i:last-child{transform:rotate(-45deg)} @keyframes gsDrawer{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}} .gs-hdr__drawer{ position:absolute;top:100%;left:0;right:0;background:#F6F8F3;border-bottom:1px solid #D8DDD3; box-shadow:0 40px 60px -40px rgba(15,42,31,0.3);max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px); overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;animation:gsDrawer .35s cubic-bezier(.2,.8,.2,1); } .gs-drawer__in{max-width:720px;margin:0 auto;padding:20px 24px 28px;display:flex;flex-direction:column;gap:18px} .gs-drawer__prods{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px} html body .gs-hdr a.gs-drawer__prod{display:flex;align-items:center;gap:12px;background:#FFFFFF;border:1px solid #D8DDD3;border-radius:18px;padding:14px 16px;color:#0F2A1F !important;text-decoration:none;transition:border-color .25s} html body .gs-hdr a.gs-drawer__prod:hover,html body .gs-hdr a.gs-drawer__prod.is-current{border-color:#0F2A1F} .gs-drawer__prod--warm{background:#F3E9DC !important;border-color:#E8DAC6 !important} .gs-drawer__prod .gs-hdr__mark{width:34px;height:34px;border-radius:10px;font-size:13px;flex-shrink:0} .gs-drawer__prod b{display:block;font-size:16px;font-weight:600;letter-spacing:-0.01em} .gs-drawer__prod small{display:block;font-size:12px;color:#51625A;margin-top:2px} .gs-drawer__links{display:flex;flex-direction:column;border-top:1px solid #D8DDD3} html body .gs-hdr .gs-drawer__links > a, .gs-drawer__calcs > summary{ display:flex;justify-content:space-between;align-items:center;padding:16px 2px;border-bottom:1px solid #D8DDD3; font-family:'Geist',system-ui,sans-serif;font-size:20px;font-weight:500;letter-spacing:-0.015em;color:#0F2A1F !important;text-decoration:none;cursor:pointer; } html body .gs-hdr .gs-drawer__links > a span{font-size:16px;color:#63736B;transition:transform .25s} html body .gs-hdr .gs-drawer__links > a:hover span{transform:translateX(3px);color:#0F2A1F} html body .gs-hdr .gs-drawer__links > a[aria-current="page"]{font-weight:600} .gs-drawer__calcs > summary{list-style:none} .gs-drawer__calcs > summary::-webkit-details-marker{display:none} .gs-drawer__calcs > summary .gs-hdr__caret{font-size:12px;color:#63736B} .gs-drawer__calcs[open] > summary .gs-hdr__caret{transform:rotate(180deg)} .gs-drawer__calc-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:4px;padding:10px 0 14px;border-bottom:1px solid #D8DDD3} html body .gs-hdr .gs-drawer__calc-list a{display:block;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:500;color:#0F2A1F !important;text-decoration:none;background:#EEF0EA} html body .gs-hdr .gs-drawer__calc-list a:hover{background:#E2E7DE} html body .gs-hdr .gs-drawer__calc-list a.gs-drawer__all{background:#0F2A1F;color:#EEF0EA !important} html body .gs-hdr a.gs-drawer__cta{display:flex;align-items:center;justify-content:center;gap:10px;background:#0F2A1F;color:#EEF0EA !important;border-radius:999px;padding:16px 24px;font-size:16px;font-weight:500 !important;text-decoration:none} .gs-drawer__contact{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px} html body .gs-hdr .gs-drawer__contact a{font-family:'Geist Mono',monospace;font-size:12px;color:#51625A !important;text-decoration:none} html.gs-lock,html.gs-lock body{overflow:hidden !important} @media (max-width:1080px){ .gs-hdr__nav{display:none !important} .gs-hdr__mega{display:none !important} .gs-hdr__bar{flex-wrap:nowrap !important;padding:12px 24px !important;gap:10px} html body .gs-hdr a.gs-hdr__cta{margin-left:auto} html body .gs-hdr button.gs-hdr__menu{display:flex} } @media (max-width:760px){ .gs-hdr__bar{padding:10px 16px !important} .gs-drawer__in{padding:16px 16px 24px} .gs-hdr__logo img{height:42px !important} } @media (max-width:400px){ html body .gs-hdr a.gs-hdr__cta{padding:9px 14px;font-size:13px;gap:8px} } @media (max-width:340px){ html body .gs-hdr a.gs-hdr__cta{display:none} html body .gs-hdr button.gs-hdr__menu{margin-left:auto !important} } @media (min-width:1081px){.gs-hdr__drawer{display:none !important}} /* Footer grid */ .gs-ftr__grid{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr)) !important} @media (max-width:1024px){ .gs-ftr__grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:40px 32px} .gs-ftr__grid > .gs-ftr__brand{grid-column:1 / -1} } @media (max-width:600px){ .gs-ftr__grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:36px 24px} .gs-ftr__grid > :last-child{grid-column:1 / -1} .gs-ftr__bottom{flex-direction:column-reverse;align-items:flex-start;gap:14px} } html body .gs-hdr nav.gs-drawer__in{display:flex !important;flex-direction:column !important;align-items:stretch !important;justify-content:flex-start !important;width:100% !important;text-align:left !important;background:none !important;height:auto !important;position:static !important} @media (max-width:600px){.gs-drawer__calc-list{grid-template-columns:repeat(2,minmax(0,1fr))}html body .gs-hdr .gs-drawer__calc-list a{font-size:13px;padding:10px}} /* Footer social icons */ .gs-ftr__social{display:flex;gap:10px;margin-top:6px} html body footer.gs-ftr .gs-ftr__social a{ width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center; border:1px solid rgba(238,243,238,0.18);color:#DDE8E1 !important;background:transparent;text-decoration:none; transition:background .3s,border-color .3s,color .3s,transform .3s; } html body footer.gs-ftr .gs-ftr__social a:hover{background:#D4F230;border-color:#D4F230;color:#0F2A1F !important;transform:translateY(-2px)} .gs-ftr__social svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .gs-ftr__social svg .is-dot{fill:currentColor;stroke:none}