/* ===========================================================
   Shared chrome for hr-tools.ampleo.com, matched to ampleo.com/hr:
   white nav with a coral CTA, white footer. Deliberately no
   menu or footer links: the pages are lead magnets, so the only
   exit is the consultation CTA. Every class is prefixed am- so it
   cannot collide with a tool's own styles.
   =========================================================== */
:root{
  --am-midnight:#101810; --am-anchor:#182823; --am-moss:#1d4c3d;
  --am-stone:#f4f5f4; --am-tint:#e5ebe8; --am-lime:#ccff00;
  --am-coral:#ef5851; --am-coral-dark:#ad3c3a; --am-coral-light:#fca19a;
  --am-ink:#101810; --am-body:#454d4a; --am-muted:#5d6663; --am-line:#e2e6e4;
  --am-font:"Figtree",Arial,sans-serif;
}

/* ---------- main nav ---------- */
.am-nav{background:#fff;border-bottom:1px solid var(--am-line);font-family:var(--am-font)}
.am-nav-in{max-width:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px max(24px,calc((100vw - 1192px)/2)) 14px}
.am-logo{display:block;line-height:0}
.am-logo img{height:34px;width:auto;display:block}
.am-cta{display:inline-block;background:var(--am-coral);color:#fff;text-decoration:none;font-family:var(--am-font);font-size:15px;font-weight:600;padding:13px 24px;border-radius:12px;transition:background .15s;white-space:nowrap}
.am-cta:hover{background:var(--am-coral-dark)}

/* ---------- footer ---------- */
.am-footer{background:#fff;border-top:1px solid var(--am-line);color:var(--am-body);font-family:var(--am-font);font-size:14px}
.am-footer-in{max-width:1240px;margin:0 auto;padding:36px 24px 28px}
.am-footer img{height:34px;width:auto;display:block}
.am-footer a{color:var(--am-body);text-decoration:none}
.am-footer a:hover{color:var(--am-coral)}
.am-legal{margin-top:24px;padding-top:20px;border-top:1px solid var(--am-line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--am-muted)}

@media (max-width:520px){
  .am-nav-in{padding-left:16px;padding-right:16px}
  .am-logo img{height:30px}
  .am-cta{font-size:14px;padding:11px 16px}
}