/* One public website header/footer. Business dashboards and tenant themes are separate. */
body.marketing-page .public-site-header .nav {
  width:calc(100% - 48px);max-width:1180px;min-height:76px;padding:10px 0;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;
}
body.marketing-page .public-site-header .platform-brand {width:235px;max-width:235px;min-width:0;transform:none}
body.marketing-page .public-site-header .nav-links {
  position:static;display:flex;justify-content:center;justify-self:stretch;align-items:center;
  flex-wrap:wrap;gap:8px 22px;min-width:0;width:auto;padding:0;margin:0;border:0;box-shadow:none;
}
body.marketing-page .public-site-header .nav-links a {font-size:14px;font-weight:500;padding:14px 0;white-space:nowrap}
body.marketing-page .public-site-header .nav-links a.active::after {bottom:4px}
body.marketing-page .public-site-header .nav-actions {grid-column:3;grid-row:1;gap:10px;justify-self:end;margin:0}
body.marketing-page .public-site-header .nav-actions .btn {font-size:14px;min-width:82px;min-height:42px;padding:10px 16px}
body.marketing-page .public-site-header .public-menu-toggle {display:none}
body.marketing-page .public-site-header a:focus-visible,
body.marketing-page .public-site-header button:focus-visible,
body.marketing-page .public-site-footer a:focus-visible {outline:3px solid #087cf6;outline-offset:4px}
body.marketing-page .public-site-footer {padding:36px 0 20px}
body.marketing-page .public-site-footer .m50-footer-top {
  display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(var(--public-footer-columns,4),minmax(0,1fr));
  gap:28px;align-items:start;
}
body.marketing-page .public-site-footer .m50-footer-brand {min-width:0}
body.marketing-page .public-site-footer .m50-footer-brand .platform-brand {max-width:100%}
body.marketing-page .public-site-footer .m50-footer-brand p {font-size:14px;line-height:1.6;margin:14px 0 0;max-width:280px}
body.marketing-page .public-site-footer h4 {font-size:14px;line-height:1.5;font-weight:600;margin:0 0 12px;color:#1d3568}
body.marketing-page .public-site-footer .m50-footer-col {min-width:0;margin:0}
body.marketing-page .public-site-footer .m50-footer-col a {font-size:14px;line-height:1.6;padding:3px 0;overflow-wrap:anywhere}
body.marketing-page .public-site-footer .m50-footer-col a:hover {color:#087cf6;text-decoration:underline}
body.marketing-page .public-site-footer .public-footer-follow {margin-top:22px}
body.marketing-page .public-site-footer .m50-footer-bottom {gap:12px;margin-top:28px;padding-top:16px;font-size:14px}
body.marketing-page .public-site-footer .m50-footer-bottom small {font-size:14px;line-height:1.5}
/* Allow the existing benefit heading to wrap inside its column. */
body.marketing-page .m58-why-section .m50-split-head>div {min-width:0}
body.marketing-page .m58-why-section .m50-split-head h2 {white-space:normal;line-height:1.15;overflow-wrap:break-word}
@media(max-width:1199px) {
  body.marketing-page .public-site-header .nav {grid-template-columns:minmax(0,1fr) auto auto;gap:14px;min-height:72px}
  body.marketing-page .public-site-header .nav-actions {grid-column:2}
  body.marketing-page .public-site-header .public-menu-toggle {
    grid-column:3;grid-row:1;display:inline-grid;place-items:center;justify-self:end;order:initial;
    width:40px;height:40px;min-width:40px;padding:0;border:1px solid #d6e4f0;border-radius:8px;background:#fff;color:#162d60;font-size:22px;
  }
  body.marketing-page .public-site-header .nav-links {display:none;grid-column:1/-1;grid-row:2;width:100%;border-top:1px solid #e5edf5;padding:12px 0 4px;gap:4px 20px;justify-content:flex-start}
  body.marketing-page .public-site-header .nav-links.is-open {display:flex}
  body.marketing-page .public-site-header .nav-links a {padding:10px 4px}
  body.marketing-page .public-site-header .nav-links a.active::after {bottom:2px;left:4px;right:4px}
}
@media(max-width:900px) {
  body.marketing-page .public-site-footer .m50-footer-top {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  body.marketing-page .public-site-footer .m50-footer-brand {grid-column:1/-1}
}
@media(max-width:620px) {
  body.marketing-page .public-site-header .nav {width:calc(100% - 28px);gap:6px;padding:10px 0;min-height:66px}
  body.marketing-page .public-site-header .platform-brand {width:142px;max-width:142px;transform:none}
  body.marketing-page .public-site-header .nav-actions {gap:5px}
  body.marketing-page .public-site-header .nav-actions .btn {min-width:0;min-height:36px;padding:8px;font-size:14px}
  body.marketing-page .public-site-header .public-menu-toggle {width:36px;height:36px;min-width:36px;min-height:36px}
  body.marketing-page .public-site-header .nav-links.is-open,
  body.marketing-page .public-site-header .public-menu-toggle[aria-expanded="true"] + .nav-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
  body.marketing-page .public-site-header .nav-links a {width:max-content;max-width:100%;white-space:normal}
  body.marketing-page .public-site-footer {padding:28px 0 18px}
  body.marketing-page .public-site-footer .m50-footer-top {gap:24px 20px}
  body.marketing-page .public-site-footer .m50-footer-bottom {flex-direction:column;align-items:flex-start;gap:6px}
}
@media(max-width:359px) {
  body.marketing-page .public-site-header .platform-brand {width:114px;max-width:114px}
  body.marketing-page .public-site-header .nav-actions .btn {padding-inline:6px}
}
