/* Groundlio — shared promo bar + standard site footer.
   Loaded on every static marketing page (index.html has its own copies inline). */

/* ---- Promo bar (content comes from gl.js so there is ONE place to edit it) ---- */
#promobar{background:linear-gradient(90deg,#1E7A5E,#33D68A);color:#fff;text-align:center;
  font-size:26px;font-weight:700;padding:16px 18px;line-height:1.35;min-height:62px;box-sizing:border-box;
  position:sticky;top:0;z-index:80;transition:font-size .18s ease,padding .18s ease}
#promobar a{color:#fff;text-decoration:none;display:block}
#promobar b{font-weight:800}
#promobar u{text-decoration:underline;text-underline-offset:2px}
@media(max-width:600px){#promobar{font-size:17px;padding:13px 12px;min-height:50px}}

/* Once they scroll, shrink it — the offer stays visible without eating the screen. */
#promobar.gl-compact{font-size:15px;padding:9px 14px;min-height:0}
@media(max-width:600px){#promobar.gl-compact{font-size:13px;padding:8px 10px}}

/* The site headers are sticky at top:0 too, so push them below the bar.
   --promoh is measured and set by gl.js, so it stays right on mobile and when
   the text wraps or the bar shrinks. */
header.site{top:var(--promoh,0px)}
.appbar{top:var(--promoh,0px)}
.result-bar{top:calc(var(--promoh,0px) + var(--appbarh,0px))}
.s-head{top:calc(var(--promoh,0px) + var(--appbarh,0px) + var(--barh,0px))}

/* ---- CTA microcopy — the risk-reversal line under the button.
   Defined here so it's available on the homepage too, not just the trade pages. ---- */
.cta-micro{font-size:13.5px;color:#9dc4b6;display:block;margin-top:12px}
/* The homepage hero is a gradient that lightens to #1E7A5E, where #9dc4b6 falls to
   2.8:1 and fails WCAG AA. #E6F4EF clears 4.5:1 at both ends of the gradient. */
.hero-home .cta-micro{color:#E6F4EF;font-size:14px}

/* ---- Standard footer (mirrors the homepage footer) ---- */
footer.site .foot-cta{text-align:center;padding:44px 0 38px;border-bottom:1px solid rgba(255,255,255,.1)}
footer.site .foot-cta h2{font-size:30px;font-weight:800;margin:0 0 10px}
footer.site .foot-cta p{color:#cfe6dc;font-size:16px;margin:0 0 22px}
footer.site .foot-btn{display:inline-block;background:#F5C451;color:#0C2620;font-weight:800;
  font-size:17px;padding:14px 26px;border-radius:12px;text-decoration:none}
footer.site .foot-btn:hover{filter:brightness(1.05)}
footer.site .foot-main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:24px;
  padding:34px 0;border-bottom:1px solid rgba(255,255,255,.1)}
footer.site .foot-logo{font-weight:800;font-size:20px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
footer.site .foot-logo .fdot{width:24px;height:24px;border-radius:7px;background:#33D68A;color:#0C2620;
  display:flex;align-items:center;justify-content:center;font-size:14px}
footer.site .foot-brand p{color:#9fb8ae;font-size:14px;max-width:260px;line-height:1.5;margin:0}
footer.site .foot-mail{display:inline-block;margin-top:14px;color:#d3e6dd;text-decoration:none;font-size:14px}
footer.site .foot-mail:hover{color:#fff}
footer.site .foot-col{display:flex;flex-direction:column;gap:9px}
footer.site .foot-hh{color:#8aa89d;font-size:12px;font-weight:800;text-transform:uppercase;
  letter-spacing:.6px;margin-bottom:2px}
footer.site .foot-col a{color:#d3e6dd;text-decoration:none;font-size:14.5px}
footer.site .foot-col a:hover{color:#fff}
@media(max-width:720px){
  footer.site .foot-main{grid-template-columns:1fr 1fr;gap:22px;padding:26px 0}
  footer.site .foot-brand{grid-column:1/-1}
  footer.site .foot-cta h2{font-size:24px}
}