/* Compatibility layer: brings older public marketing pages into the 2026 site theme. */
:root {
  --next-ink: #07152d;
  --next-body: #526077;
  --next-line: #dbe2ec;
  --next-bg: #f5f7fb;
  --next-blue: #1e65ff;
  --next-teal: #087b70;
}

body,
.pi-lp,
.signup-page,
.page-connect,
.legal-page {
  background-color: var(--next-bg);
  color: var(--next-ink);
  font-family: "IBM Plex Sans", system-ui, sans-serif;
}

.pi-lp-nav,
.site-nav,
.home-nav {
  min-height: 76px;
  padding: 14px clamp(20px, 4vw, 64px);
  background: rgba(255, 255, 255, 0.94);
  border-color: var(--next-line);
  box-shadow: none;
  backdrop-filter: blur(16px);
}

.pi-lp-nav__brand,
.site-nav__brand,
.home-nav__brand,
.site-nav__wordmark,
.home-nav__wordmark {
  color: var(--next-ink);
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
}

.pi-lp-nav__brand img,
.site-nav__logo,
.home-nav__mark {
  width: 38px;
  height: 38px;
  border-radius: 11px;
}

.pi-lp-nav__links,
.site-nav__links,
.home-nav__links {
  gap: clamp(18px, 2.4vw, 34px);
}

.pi-lp-nav__links a,
.site-nav__links a,
.home-nav__links a,
.site-nav__signin,
.home-nav__signin {
  color: #344158;
  font-weight: 600;
}

.pi-lp-nav__links a:hover,
.site-nav__links a:hover,
.home-nav__links a:hover,
.site-nav__links a.is-active,
.home-nav__links a.is-active,
.pi-lp-nav__links a[aria-current="page"] {
  color: var(--next-ink);
}

.pi-lp-nav__cta,
.site-nav__btn--primary,
.home-nav__btn--primary,
.btn-primary,
.pi-lp-btn:not(.pi-lp-btn--ghost) {
  background: var(--next-ink);
  border-color: var(--next-ink);
  color: #fff;
  border-radius: 12px;
}

.site-nav__btn--ghost,
.home-nav__btn--ghost,
.pi-lp-btn--ghost {
  color: var(--next-ink);
  border-color: var(--next-line);
  background: #fff;
}

.pi-lp-nav__menu,
.site-nav__menu,
.home-nav__menu {
  color: var(--next-ink);
  border-color: var(--next-line);
  background: #fff;
}

.pi-lp-nav__mobile,
.site-nav__mobile,
.home-nav__mobile {
  background: #fff;
  border-color: var(--next-line);
}

.pi-lp-nav__mobile a,
.site-nav__mobile a,
.home-nav__mobile a {
  color: #344158;
}

.pi-lp-legal,
.signup-main,
.pi-lp-help,
.compare-main,
.connect-main {
  color: var(--next-body);
}

.pi-lp-legal h1,
.pi-lp-legal h2,
.pi-lp-legal h3,
.signup-main h1,
.signup-main h2,
.pi-lp-help h1,
.pi-lp-help h2,
.compare-main h1,
.compare-main h2,
.page-connect h1,
.page-connect h2 {
  color: var(--next-ink);
  font-family: "Space Grotesk", sans-serif;
  letter-spacing: -0.03em;
}

.pi-lp-help-card,
.signup-card,
.compare-card,
.connect-card,
.pi-lp-legal section {
  border-color: var(--next-line);
  border-radius: 20px;
  background: #fff;
}

.pi-lp-footer,
.site-footer {
  background: #07152d;
  color: #dbe5f4;
  border-color: rgba(255, 255, 255, 0.12);
}

.pi-lp-footer a,
.site-footer a,
.pi-lp-footer h3,
.site-footer h3 {
  color: #fff;
}

@media (max-width: 900px) {
  .pi-lp-nav,
  .site-nav,
  .home-nav {
    min-height: 68px;
    padding: 12px 20px;
  }
}