/* ============================================================
   Paygasus shared chrome — framework-agnostic nav + footer.
   Embedded by BOTH the new Next app (served at root) and the legacy
   PHP site (root) on the same origin. Everything is scoped under
   .pg-chrome so it cannot collide with Bootstrap or app styles.
   Fonts are self-hosted from /fonts/ so the chrome looks
   identical wherever it renders.
   ============================================================ */

/* ---- fonts (subset needed by the chrome only) ---- */
@font-face {
   font-family: "PG Plex Sans";
   src: url("../fonts/font-24.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "PG Plex Sans";
   src: url("../fonts/font-26.woff2") format("woff2");
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "PG Plex Sans";
   src: url("../fonts/font-28.woff2") format("woff2");
   font-weight: 600;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "PG Plex Mono";
   src: url("../fonts/font-30.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "PG Plex Mono";
   src: url("../fonts/font-32.woff2") format("woff2");
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "PG Tiempos";
   src: url("../fonts/tiempos-headline-regular.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "PG Tiempos";
   src: url("../fonts/tiempos-headline-medium.woff2") format("woff2");
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "PG Tiempos";
   src: url("../fonts/tiempos-headline-regular-italic.woff2") format("woff2");
   font-weight: 400;
   font-style: italic;
   font-display: swap;
}

@font-face {
   font-family: "PG Tiempos";
   src: url("../fonts/tiempos-headline-medium-italic.woff2") format("woff2");
   font-weight: 500;
   font-style: italic;
   font-display: swap;
}

/* ---- tokens + reset (scoped) ---- */
.pg-chrome,
.pg-chrome *,
.pg-chrome *::before,
.pg-chrome *::after {
   box-sizing: border-box;
}

.pg-chrome {
   --pg-ink: #111110;
   --pg-ink2: #2a2925;
   --pg-muted: #5a5852;
   --pg-muted2: #8a8880;
   --pg-rule: rgba(17, 17, 16, .12);
   --pg-rule-soft: rgba(17, 17, 16, .06);
   --pg-bg: #FAFAF7;
   --pg-bgdeep: #14130F;
   --pg-brand: #0d6efd;
   --pg-branddeep: #0a58ca;
   --pg-paper: #ECEAE3;
   --pg-sans: "PG Plex Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
   --pg-serif: "PG Tiempos", "Times New Roman", Georgia, serif;
   --pg-mono: "PG Plex Mono", ui-monospace, Menlo, monospace;
   --pg-max: 1240px;
   --pg-gut: clamp(1.25rem, 4vw, 2.5rem);
   font-family: var(--pg-sans);
   color: var(--pg-ink);
   font-size: 17px;
   line-height: 1.5;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.pg-chrome a {
   color: inherit;
   text-decoration: none;
}

.pg-chrome button {
   font: inherit;
   color: inherit;
   background: none;
   border: 0;
   cursor: pointer;
}

.pg-chrome ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.pg-chrome img,
.pg-chrome svg {
   display: block;
   max-width: 100%;
}

.pg-container {
   max-width: var(--pg-max);
   margin: 0 auto;
   padding-left: var(--pg-gut);
   padding-right: var(--pg-gut);
}

/* ============================================================
   HEADER
   ============================================================ */
.pg-chrome-header {
   position: sticky;
   top: 0;
   z-index: 1000;
   background: rgba(250, 250, 247, .92);
   backdrop-filter: saturate(180%) blur(10px);
   -webkit-backdrop-filter: saturate(180%) blur(10px);
}

/* utility bar */
.pg-util {
   border-bottom: 1px solid var(--pg-rule-soft);
}

.pg-util .pg-container {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 1.5rem;
   height: 40px;
}

.pg-util a,
.pg-util button {
   font-size: .8125rem;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: .08em;
   color: var(--pg-muted);
   display: inline-flex;
   align-items: center;
   gap: .4rem;
   transition: color .2s;
}

.pg-util a:hover,
.pg-util button:hover {
   color: var(--pg-ink);
}

.pg-util svg {
   width: 14px;
   height: 14px;
}

.pg-lang {
   position: relative;
}

.pg-lang-menu {
   position: absolute;
   right: 0;
   top: calc(100% + 6px);
   min-width: 9rem;
   background: #fff;
   border: 1px solid var(--pg-rule);
   box-shadow: 0 16px 40px -18px rgba(17, 17, 16, .3);
   padding: .35rem;
   display: none;
}

.pg-lang.open .pg-lang-menu {
   display: block;
}

.pg-lang-menu a {
   display: block;
   padding: .5rem .65rem;
   text-transform: none;
   letter-spacing: 0;
   font-size: .9rem;
}

.pg-lang-menu a:hover {
   background: var(--pg-bg);
   color: var(--pg-brand);
}

@media(max-width:991px) {
   .pg-util {
      display: none;
   }
}

/* main bar */
.pg-bar {
   border-bottom: 1px solid var(--pg-rule);
}

.pg-bar .pg-container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 1.5rem;
   height: 4.5rem;
}

.pg-wordmark {
   font-family: var(--pg-serif);
   font-size: 1.5rem;
   font-weight: 500;
   letter-spacing: -.02em;
   color: var(--pg-ink);
   white-space: nowrap;
}

/* brand logo (nav) — selectors scoped under .pg-chrome so they beat the
   .pg-chrome img reset (class+element) on the display toggle. */
.pg-brand {
   display: inline-flex;
   align-items: center;
   flex: 0 0 auto;
}

.pg-chrome .pg-logo {
   width: auto;
}

.pg-chrome .pg-logo-full {
   display: block;
   height: 30px;
}

.pg-chrome .pg-logo-mark {
   display: none;
   height: 36px;
}

@media(max-width:991px) {
   .pg-chrome .pg-logo-full {
      display: none;
   }

   .pg-chrome .pg-logo-mark {
      display: block;
   }
}

/* desktop nav */
.pg-nav {
   display: flex;
   align-items: stretch;
   gap: .15rem;
}

@media(max-width:991px) {
   .pg-nav {
      display: none;
   }
}

.pg-nav-item {
   position: relative;
   display: flex;
   align-items: center;
}

/* scoped under .pg-chrome to beat `.pg-chrome button{font:inherit}` (0,1,1) */
.pg-chrome .pg-nav-link {
   display: inline-flex;
   align-items: center;
   gap: .3rem;
   height: 4.5rem;
   padding: 0 .85rem;
   font-family: var(--pg-serif);
   font-size: 1.125rem;
   font-weight: 500;
   letter-spacing: -.01em;
   color: var(--pg-ink);
   transition: color .2s;
}

.pg-nav-link:hover,
.pg-nav-item:hover>.pg-nav-link,
.pg-nav-item.open>.pg-nav-link {
   color: var(--pg-brand);
}

.pg-caret {
   width: 13px;
   height: 13px;
   transition: transform .2s;
}

.pg-nav-item:hover .pg-caret,
.pg-nav-item.open .pg-caret {
   transform: rotate(180deg);
}

/* dropdown / mega panels */
.pg-panel {
   position: absolute;
   top: calc(100% - 1px);
   opacity: 0;
   visibility: hidden;
   transform: translateY(4px);
   transition: opacity .18s ease, transform .18s ease, visibility .18s;
   background: #fff;
   border: 1px solid var(--pg-rule);
   box-shadow: 0 24px 60px -24px rgba(17, 17, 16, .28);
   z-index: 50;
}

.pg-nav-item:hover>.pg-panel,
.pg-nav-item.open>.pg-panel {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
}

.pg-panel-left {
   left: 0;
}

.pg-panel-center {
   left: 50%;
   transform: translate(-50%, 4px);
}

.pg-nav-item:hover>.pg-panel-center,
.pg-nav-item.open>.pg-panel-center {
   transform: translate(-50%, 0);
}

.pg-eyebrow {
   font-family: var(--pg-mono);
   font-size: .7rem;
   text-transform: uppercase;
   letter-spacing: .16em;
   color: var(--pg-muted2);
   margin: 0 0 .85rem .7rem;
}

/* simple dropdown (Unattended / Resources) */
.pg-menu {
   min-width: 16rem;
   padding: .5rem;
}

.pg-menu a {
   display: block;
   padding: .55rem .7rem;
   transition: background .12s, color .12s;
}

.pg-menu a .t {
   font-family: var(--pg-serif);
   font-size: 1.0625rem;
   line-height: 1.2;
   color: var(--pg-ink);
}

.pg-menu a:hover {
   background: rgba(17, 17, 16, .045);
}

.pg-menu a:hover .t {
   color: var(--pg-brand);
}

/* full-bleed mega panel (Payments / Networking) — remixv2-style:
   spans the header width, content centered in .pg-container, with a left
   feature card + link columns. Items show a serif title + muted description. */
.pg-nav-item--wide {
   position: static;
}

/* Full-bleed: use position:fixed so the panel's containing block is the header
   (its backdrop-filter establishes the CB) rather than any `position:relative`
   ancestor — notably the app-level `[class^="pg-"]{position:relative}` rule.
   This makes the panel span the full header width in both the Next app and the
   legacy PHP site. */
.pg-mega-wrap {
   position: fixed;
   left: 0;
   right: 0;
   border-left: 0;
   border-right: 0;
   border-top: 1px solid var(--pg-rule);
}

/* own inner wrapper (not .pg-container — that would inherit `.pg-bar .pg-container`
   flexbox/height since the fixed panel is still a DOM descendant of .pg-bar) */
.pg-mega-inner {
   max-width: var(--pg-max);
   margin: 0 auto;
   padding-left: var(--pg-gut);
   padding-right: var(--pg-gut);
}

.pg-mega-grid {
   display: grid;
   gap: 2.25rem;
   padding: 2.25rem 0 2.5rem;
}

.cols-4 .pg-mega-grid {
   grid-template-columns: 1.35fr 1fr 1fr 1fr 1fr;
}

.cols-3 .pg-mega-grid {
   grid-template-columns: 1.35fr 1fr 1fr 1fr;
}

.pg-mega-col .pg-eyebrow {
   margin-left: .7rem;
}

.pg-mega-col ul {
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   gap: 1px;
}

.pg-mega-item {
   display: block;
   padding: .5rem .7rem;
   transition: background .12s;
}

.pg-mega-item:hover {
   background: rgba(17, 17, 16, .045);
}

.pg-mega-item .t {
   display: block;
   font-family: var(--pg-serif);
   font-size: 1.0625rem;
   line-height: 1.2;
   color: var(--pg-ink);
}

.pg-mega-item:hover .t {
   color: var(--pg-brand);
}

.pg-mega-item .d {
   display: block;
   margin-top: .15rem;
   font-size: .8rem;
   line-height: 1.4;
   color: var(--pg-muted);
}

/* left feature card */
.pg-mega-feature {
   display: flex;
   flex-direction: column;
   background: var(--pg-paper);
   border: 1px solid var(--pg-rule);
   padding: 1.5rem;
   transition: border-color .18s;
}

.pg-mega-feature:hover {
   border-color: rgba(13, 110, 253, .4);
}

.pg-mega-feature .pg-eyebrow {
   margin: 0 0 .65rem;
   color: var(--pg-brand);
}

.pg-mega-feature .feat-t {
   margin: 0;
   font-family: var(--pg-serif);
   font-size: 1.3rem;
   line-height: 1.2;
   color: var(--pg-ink);
}

.pg-mega-feature .feat-b {
   margin: .6rem 0 0;
   font-size: .875rem;
   line-height: 1.55;
   color: var(--pg-muted);
}

.pg-mega-feature .feat-link {
   margin-top: auto;
   padding-top: 1.1rem;
   display: inline-flex;
   align-items: center;
   gap: .4rem;
   font-weight: 600;
   font-size: .875rem;
   color: var(--pg-brand);
}

.pg-mega-feature .feat-link span {
   display: inline-block;
   transition: transform .2s;
}

.pg-mega-feature:hover .feat-link span {
   transform: translateX(4px);
}

/* narrow desktop: tighten the grid so the panel stays comfortable */
@media(max-width:1180px) {
   .pg-mega-grid {
      gap: 1.5rem;
   }

   .cols-4 .pg-mega-grid {
      grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr;
   }
}

/* CTA button */
.pg-cta {
   display: inline-flex;
   align-items: center;
   gap: .45rem;
   padding: .7rem 1.4rem;
   background: var(--pg-brand);
   color: #fff;
   font-weight: 600;
   font-size: .9375rem;
   border: 1px solid var(--pg-brand);
   transition: background .2s;
   white-space: nowrap;
}

.pg-cta:hover {
   background: var(--pg-branddeep);
   border-color: var(--pg-branddeep);
}

@media(max-width:991px) {
   .pg-bar-cta {
      display: none;
   }
}

/* hamburger */
.pg-burger {
   display: none;
   width: 28px;
   height: 28px;
   color: var(--pg-ink);
}

@media(max-width:991px) {
   .pg-burger {
      display: inline-flex;
      align-items: center;
      justify-content: center;
   }
}

/* mobile drawer */
.pg-drawer {
   display: none;
   position: fixed;
   left: 0;
   right: 0;
   top: 4.5rem;
   bottom: 0;
   background: var(--pg-bg);
   overflow-y: auto;
   z-index: 999;
}

.pg-drawer.open {
   display: block;
}

.pg-drawer .pg-container {
   padding-top: .5rem;
   padding-bottom: 2rem;
}

.pg-acc {
   border-bottom: 1px solid var(--pg-rule);
}

.pg-acc>button,
.pg-acc>a {
   display: flex;
   width: 100%;
   align-items: center;
   justify-content: space-between;
   padding: 1.05rem 0;
   font-family: var(--pg-serif);
   font-size: 1.125rem;
   font-weight: 500;
   letter-spacing: -.01em;
   color: var(--pg-ink);
   text-align: left;
}

.pg-acc-panel {
   display: none;
   padding-bottom: .75rem;
}

.pg-acc.open .pg-acc-panel {
   display: block;
}

.pg-acc.open .pg-caret {
   transform: rotate(180deg);
}

.pg-acc-panel a {
   display: block;
   padding: .6rem 0 .6rem .85rem;
   font-family: var(--pg-serif);
   font-size: 1.0625rem;
   color: var(--pg-ink2);
}

.pg-acc-sub {
   margin: .9rem 0 .1rem .85rem;
   font-family: var(--pg-mono);
   font-size: .64rem;
   text-transform: uppercase;
   letter-spacing: .16em;
   color: var(--pg-muted2);
}

.pg-acc-sub:first-child {
   margin-top: .25rem;
}

.pg-acc-panel a:hover {
   color: var(--pg-brand);
}

.pg-drawer .pg-cta {
   display: flex;
   justify-content: center;
   width: 100%;
   margin-top: 1.5rem;
}

.pg-drawer-contact {
   display: flex;
   justify-content: space-between;
   gap: 1rem;
   margin-top: 1.25rem;
   font-size: .95rem;
   color: var(--pg-muted);
}

.pg-drawer-contact a {
   display: inline-flex;
   align-items: center;
   gap: .45rem;
}

/* active state */
.pg-nav-link.is-active {
   color: var(--pg-brand);
}

.pg-mega-item.is-active .t,
.pg-menu a.is-active .t {
   color: var(--pg-brand);
}

/* ============================================================
   LOGIN MODAL
   ============================================================ */
.pg-modal {
   display: none;
   position: fixed;
   inset: 0;
   z-index: 1100;
   align-items: center;
   justify-content: center;
   padding: 1.5rem;
   background: hsla(230, 75%, 15%, .25);
   backdrop-filter: blur(6px);
}

.pg-modal.open {
   display: flex;
}

.pg-modal-card {
   width: 100%;
   max-width: 26rem;
   background: #fff;
   border: 1px solid var(--pg-rule);
   box-shadow: 0 30px 80px -30px rgba(17, 17, 16, .5);
}

.pg-modal-head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 1.25rem 1.5rem;
   border-bottom: 1px solid var(--pg-rule);
}

.pg-modal-head h2 {
   margin: 0;
   font-family: var(--pg-serif);
   font-size: 1.4rem;
   font-weight: 500;
}

.pg-modal-close {
   font-size: 1.5rem;
   line-height: 1;
   color: var(--pg-muted);
}

.pg-modal-body {
   padding: 1.5rem;
}

.pg-field {
   margin-bottom: 1rem;
}

.pg-field label {
   display: block;
   margin-bottom: .35rem;
   font-size: .9rem;
   font-weight: 500;
}

.pg-field input {
   width: 100%;
   padding: .75rem;
   border: 1px solid var(--pg-rule);
   background: var(--pg-bg);
   font-size: 1rem;
}

.pg-field input:focus {
   outline: 2px solid var(--pg-brand);
   outline-offset: -1px;
   border-color: var(--pg-brand);
}

.pg-modal-body .pg-cta {
   width: 100%;
   justify-content: center;
   margin-top: .5rem;
}

/* ============================================================
   FOOTER
   ============================================================ */
.pg-chrome-footer {
   position: relative;
   background: var(--pg-bgdeep);
   color: var(--pg-paper);
   border-top: 1px solid rgba(236, 234, 227, .14);
}

/* --- brand-statement band --- */
.pg-foot-top {
   padding: 4.75rem 0 3.25rem;
}

.pg-foot-top .pg-container {
   display: grid;
   grid-template-columns: 1fr auto;
   align-items: end;
   column-gap: 3rem;
   row-gap: 1.5rem;
}

.pg-foot-accent {
   grid-column: 1 / -1;
   width: 46px;
   height: 2px;
   background: var(--pg-brand);
   margin-bottom: 1.6rem;
}

.pg-foot-eyebrow {
   grid-column: 1 / -1;
   margin: 0;
   font-family: var(--pg-mono);
   font-size: .7rem;
   text-transform: uppercase;
   letter-spacing: .2em;
   color: var(--pg-muted2);
}

.pg-foot-statement {
   margin: 0;
   max-width: 19ch;
   font-family: var(--pg-serif);
   font-weight: 500;
   font-size: clamp(2.1rem, 4.6vw, 3.7rem);
   line-height: 1.04;
   letter-spacing: -.022em;
   color: #FAFAF7;
}

.pg-foot-statement em {
   font-style: italic;
}

.pg-foot-cta {
   justify-self: end;
   align-self: end;
   display: inline-flex;
   align-items: baseline;
   gap: .55rem;
   font-family: var(--pg-sans);
   font-weight: 600;
   font-size: 1.0625rem;
   color: #FAFAF7;
   padding-bottom: .4rem;
   border-bottom: 1px solid rgba(236, 234, 227, .34);
   transition: color .2s, border-color .2s;
   white-space: nowrap;
}

.pg-foot-cta .arr {
   color: var(--pg-brand);
}

.pg-foot-cta:hover {
   color: #fff;
   border-color: var(--pg-brand);
}

@media(prefers-reduced-motion:no-preference) {
   .pg-foot-cta .arr {
      transition: transform .2s;
   }

   .pg-foot-cta:hover .arr {
      transform: translateX(5px);
   }
}

/* --- stats band --- */
.pg-stats {
   border-top: 1px solid rgba(236, 234, 227, .12);
   border-bottom: 1px solid rgba(236, 234, 227, .12);
}

.pg-stats .pg-container {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
}

.pg-stat {
   padding: 2.1rem .25rem;
}

.pg-stat+.pg-stat {
   border-left: 1px solid rgba(236, 234, 227, .1);
   padding-left: 2.1rem;
}

.pg-stat .fig {
   font-family: var(--pg-serif);
   font-weight: 500;
   font-size: clamp(2.2rem, 2.9vw, 2.95rem);
   line-height: 1;
   letter-spacing: -.02em;
   color: #FAFAF7;
}

.pg-stat .unit {
   font-family: var(--pg-mono);
   font-size: .72rem;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: .1em;
   color: var(--pg-muted2);
   margin-left: .4rem;
   vertical-align: .18em;
}

.pg-stat .lab {
   margin: .85rem 0 0;
   font-family: var(--pg-mono);
   font-size: .68rem;
   text-transform: uppercase;
   letter-spacing: .18em;
   color: var(--pg-muted2);
}

@media(max-width:767px) {
   .pg-stats .pg-container {
      grid-template-columns: repeat(2, 1fr);
   }

   .pg-stat:nth-child(odd) {
      border-left: 0;
      padding-left: .25rem;
   }

   .pg-stat:nth-child(n+3) {
      border-top: 1px solid rgba(236, 234, 227, .1);
   }

   .pg-stat .fig {
      font-size: 2rem;
   }
}

/* --- main grid --- */
.pg-foot-main {
   display: grid;
   grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
   gap: 2.5rem;
   padding: 4rem 0 3.25rem;
}

@media(max-width:991px) {
   .pg-foot-main {
      grid-template-columns: 1fr 1fr;
      gap: 2.75rem 2rem;
   }
}

@media(max-width:560px) {
   .pg-foot-main {
      grid-template-columns: 1fr;
      gap: 2.25rem;
   }
}

.pg-foot-brand {
   max-width: 27rem;
}

.pg-foot-brand .pg-wordmark {
   font-family: var(--pg-serif);
   font-size: 1.6rem;
   font-weight: 500;
   letter-spacing: -.02em;
   color: #FAFAF7;
   white-space: nowrap;
}

.pg-foot-brand .blurb {
   margin: 1.05rem 0 0;
   font-size: .95rem;
   line-height: 1.65;
   color: #b8b6ae;
}

.pg-foot-contact {
   margin-top: 1.5rem;
   display: flex;
   flex-direction: column;
   gap: .3rem;
   font-family: var(--pg-mono);
   font-size: .8rem;
   color: var(--pg-muted2);
}

.pg-foot-contact a {
   color: var(--pg-muted2);
   transition: color .2s;
}

.pg-foot-contact a:hover {
   color: var(--pg-paper);
}

.pg-foot-contact .addr {
   font-family: var(--pg-sans);
   font-style: normal;
   line-height: 1.55;
   margin-top: .5rem;
   color: #b8b6ae;
}

.pg-foot-col-contact .pg-foot-contact {
   margin-top: 0;
}

.pg-foot-col h3 {
   margin: 0 0 1.15rem;
   font-family: var(--pg-mono);
   font-size: .7rem;
   text-transform: uppercase;
   letter-spacing: .18em;
   color: var(--pg-muted2);
   font-weight: 500;
}

.pg-foot-col li+li {
   margin-top: .7rem;
}

.pg-foot-col a {
   font-size: .95rem;
   color: var(--pg-paper);
   transition: color .2s;
}

.pg-foot-col a:hover {
   color: var(--pg-brand);
}

/* --- legal --- */
.pg-foot-legal {
   border-top: 1px solid rgba(236, 234, 227, .12);
}

.pg-foot-legal .pg-container {
   display: flex;
   flex-wrap: wrap;
   gap: .6rem 1.5rem;
   align-items: center;
   justify-content: space-between;
   padding: 1.6rem 0;
   font-size: .78rem;
   color: var(--pg-muted2);
}

.pg-foot-legal a {
   color: var(--pg-muted2);
   transition: color .2s;
}

.pg-foot-legal a:hover {
   color: var(--pg-paper);
}

.pg-foot-legal .tag {
   font-family: var(--pg-mono);
   text-transform: uppercase;
   letter-spacing: .16em;
}

@media(max-width:767px) {
   .pg-foot-top {
      padding: 3.25rem 0 2.5rem;
   }

   .pg-foot-top .pg-container {
      grid-template-columns: 1fr;
      align-items: start;
   }

   .pg-foot-cta {
      justify-self: start;
   }

   .pg-foot-statement {
      max-width: none;
   }
}