/* The new header and footer for the older pages (guide, quickguide, webinar, privacy, terms), 30 Sep.
   Only the header/footer rules from site.css, scoped so they don't restyle those pages' content. */
.hdr,.ftr{--page:#F4F1E8;--ink:#192826;--body:#4A5B57;--teal:#0C6F63;--deep:#085549;--mint:#DFF0EC;--line:#E4DFD5;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
.hdr *,.ftr *{box-sizing:border-box}
.hdr [hidden],.ftr [hidden]{display:none!important}
.cw{max-width:1280px;margin:0 auto;padding:0 80px}
.hdr{border-bottom:1px solid var(--line);background:var(--page);position:relative;z-index:20}
.hdr-in{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.hdr-logo img{display:block;width:112px;height:63px}
.hdr-nav{display:flex;gap:40px;font-size:16px;font-weight:500}
.hdr-nav a{color:var(--ink);text-decoration:none}
.hdr-nav a:hover{color:var(--teal)}
.hdr-nav a[aria-current="page"]{color:var(--teal);font-weight:600;box-shadow:inset 0 -2px 0 var(--teal);padding-bottom:4px}
.hdr-act{display:flex;align-items:center;gap:24px}
.hdr .mp{height:44px;padding:0 18px;display:flex;align-items:center;gap:10px;border-radius:999px;border:1.5px solid var(--teal);color:var(--teal);font-size:15px;font-weight:600;white-space:nowrap;text-decoration:none}
.hdr .mp:hover{background:var(--mint)}
.mp-sep{width:1px;height:18px;background:#B9D8D1}
.mp-login{font-weight:500;color:var(--body)}
.hdr .launch{height:44px;padding:0 22px;display:flex;align-items:center;border-radius:999px;background:var(--teal);color:#fff;font-size:15px;font-weight:600;white-space:nowrap;text-decoration:none}
.hdr .launch:hover{background:var(--deep);color:#fff}
.hdr .burger{display:none;width:44px;height:44px;border:0;background:transparent;align-items:center;justify-content:center;padding:0;cursor:pointer;color:var(--ink)}
.mnav{display:none;flex-direction:column;border-top:1px solid var(--line);background:#fff}
.mnav a{padding:15px 20px;font-size:16px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line);text-decoration:none}
.mnav.open{display:flex}
.hdr a:focus-visible,.hdr button:focus-visible,.ftr a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.ftr{background:var(--ink);color:#D4DCD9;padding:64px 0 40px}
.ftr-grid{display:flex;gap:96px;flex-wrap:wrap}
.ftr-brand{width:320px;display:flex;flex-direction:column;gap:14px}
.ftr-brand img{display:block;width:112px;height:63px}
.ftr-brand p{margin:0;font-size:15px;line-height:1.5}
.ftr-col{display:flex;flex-direction:column;gap:12px;font-size:15px}
.ftr-col span{font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#9FB0AB}
.ftr-col a{color:#fff;text-decoration:none}
.ftr-col a:hover{color:var(--mint)}
.ftr-fine{margin:40px 0 0;padding-top:24px;border-top:1px solid #33443F;font-size:13px;line-height:1.6;color:#9FB0AB}
@media (max-width:1100px){.cw{padding:0 40px}.hdr-nav{gap:28px}.ftr-grid{gap:56px}}
@media (max-width:900px){
  .hdr-nav,.hdr .mp{display:none}
  .hdr .burger{display:flex}
  .hdr-act{gap:6px}
  .hdr-in{height:64px}
  .hdr-logo img{width:86px;height:48px}
}
@media (max-width:640px){
  .cw{padding:0 16px}
  .hdr .launch{height:40px;padding:0 16px;font-size:14px}
  .ftr{padding:40px 0 32px}
  .ftr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
  .ftr-brand{width:100%;grid-column:1/-1}
}