:root{
  --blue:#024a8a;
  --dark:#102f4a;
  --yellow:#f7c843;
  --text:#243746;
  --white:#fff;
  --light:#f5f7f9;
  --border:#e2e6ea;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Poppins",Arial,Helvetica,sans-serif;
  color:var(--text);
  background:#fff;
  line-height:1.65;
}
img{max-width:100%;height:auto}
a{color:inherit}
.container{width:min(var(--max),calc(100% - 48px));margin:0 auto}

/* Historical MyMates-style header */
.site-header{
  background:#fff;
  position:relative;
  z-index:100;
}
.header-inner{
  min-height:104px;
  display:flex;
  align-items:center;
  gap:30px;
}
.brand{display:block;flex:0 0 auto}
.brand img{display:block;width:190px;height:auto}
.site-nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.site-nav ul{
  list-style:none;
  padding:0;
  margin:0;
}
.nav-primary{
  display:flex;
  align-items:center;
  gap:24px;
}
.nav-primary>li{position:relative}
.site-nav a{
  display:block;
  color:var(--blue);
  text-decoration:none;
  font-size:13px;
  font-weight:500;
  white-space:nowrap;
}
.nav-primary>li>a{padding:38px 0}
.nav-primary>li.has-submenu>a:after{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin:0 0 3px 8px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
}
.submenu{
  position:absolute;
  left:-16px;
  top:100%;
  min-width:235px;
  padding:10px 0;
  background:#fff;
  box-shadow:0 8px 24px rgba(16,47,74,.15);
  opacity:0;
  visibility:hidden;
  transform:translateY(5px);
  transition:.18s ease;
}
.has-submenu:hover>.submenu,
.has-submenu:focus-within>.submenu{
  opacity:1;
  visibility:visible;
  transform:none;
}
.submenu a{padding:9px 18px}
.submenu a:hover{background:#f5f7f9}
.nav-secondary{display:none}
.button{
  display:inline-block;
  background:#b0e42d;
  color:#024a8a;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:.02em;
  padding:14px 28px;
  border-radius:0;
  transition:.15s ease;
}
.button:hover{filter:brightness(.95)}
.button-header{flex:0 0 auto;margin-left:4px;font-size:13px;padding:14px 26px}
.menu-toggle{
  display:none;
  width:34px;
  height:30px;
  padding:4px 0;
  border:0;
  background:transparent;
}
.menu-toggle span{display:block;height:2px;background:var(--blue);margin:5px 0}

/* Homepage / page content */
main{overflow:hidden}
.hero{
  background:#eff0f3;
  color:#024a8a;
  padding:55px 0 0;
}
.hero-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:25px;
  min-height:595px;
}
.hero h1{
  max-width:610px;
  margin:0 0 25px;
  font-size:clamp(40px,4.2vw,58px);
  line-height:1.18;
  font-weight:700;
}
.hero p{
  font-size:20px;
  margin:7px 0;
}
.hero p strong{
  display:block;
  font-size:24px;
  margin-top:25px;
  font-weight:700;
}
.hero .button{margin-top:22px}
.hero-image{
  display:block;
  width:min(100%,610px);
  max-height:610px;
  object-fit:contain;
  margin:0 auto;
}

.section{padding:82px 0}
.section.alt{background:#fff}
.cards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:68px;
}
.card{
  text-align:center;
  padding:42px 50px 40px;
  background:#fff;
}
.card img{height:115px;width:auto;object-fit:contain;margin:0 auto 24px}
.card h2{
  color:#024a8a;
  font-size:32px;
  line-height:1.2;
  margin:0 0 18px;
  font-weight:700;
}
.card p{font-size:16px;line-height:1.7;margin:0 auto 26px;max-width:520px}
.card .button{font-size:13px}

.split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
}
.section h2{
  color:var(--blue);
  font-size:clamp(30px,4vw,48px);
  line-height:1.18;
  font-weight:600;
  margin:0 0 24px;
}
.section h3{color:var(--blue);font-size:25px;line-height:1.3}
.split-image{text-align:center}
.split-image img{display:block;width:min(100%,470px);max-height:560px;object-fit:contain;margin:auto}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.feature{text-align:center;padding:25px}
.feature img{height:125px;object-fit:contain}
.rate-box{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.rate{padding:28px;background:var(--light)}
.rate strong{display:block;font-size:30px;color:var(--blue)}
.prose{max-width:900px;margin:auto}
.prose h2{margin-top:42px}
.prose h3{color:var(--blue)}
.prose table{width:100%;border-collapse:collapse;margin:25px 0}
.prose th,.prose td{border:1px solid #d9e0e6;padding:10px;text-align:left}
.prose ul,.prose ol{padding-left:25px}
.page-title{background:var(--blue);color:#fff;padding:60px 0}
.page-title h1{margin:0;font-size:clamp(36px,5vw,56px);line-height:1.15}
.apply-frame{width:100%;height:1350px;border:0}
.cta{background:var(--blue);color:#fff;text-align:center;padding:70px 20px}
.cta h2{color:#fff}

/* Historical-style footer */
.site-footer{
  background:var(--blue);
  color:#fff;
  padding:58px 0 45px;
}
.footer-inner{
  display:grid;
  grid-template-columns:1fr 1.5fr;
  column-gap:80px;
  row-gap:35px;
}
.footer-tagline h2{
  margin:0;
  color:#fff;
  font-size:35px;
  line-height:1.12;
  font-weight:500;
}
.footer-menu{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:55px;
}
.footer-menu h3{
  color:#fff;
  margin:0 0 13px;
  font-size:15px;
  font-weight:600;
}
.footer-menu a{
  display:block;
  color:#fff;
  text-decoration:none;
  font-size:13px;
  padding:4px 0;
}
.footer-menu a:hover{text-decoration:underline}
.footer-bottom{
  grid-column:1/-1;
  border-top:1px solid rgba(255,255,255,.18);
  padding-top:28px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px 30px;
  align-items:end;
}
.footer-bottom p{
  margin:0;
  font-size:12px;
  line-height:1.6;
}
.footer-walletpay{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:center;
}
.footer-walletpay img{width:220px;height:auto;display:block}

/* Mobile */
@media(max-width:1100px){
  .container{width:min(var(--max),calc(100% - 40px))}
  .nav-primary{gap:14px}
  .site-nav a{font-size:12px}
  .button-header{padding:13px 19px}
}
@media(max-width:900px){
  .header-inner{min-height:82px}
  .site-nav{
    position:absolute;
    left:0;
    right:0;
    top:82px;
    display:none;
    padding:12px 24px 22px;
    background:#fff;
    box-shadow:0 8px 18px rgba(16,47,74,.12);
  }
  .site-nav.open{display:block}
  .nav-primary,.nav-secondary{
    display:block;
  }
  .nav-primary>li>a{padding:11px 0}
  .nav-secondary{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}
  .nav-secondary li a{padding:9px 0}
  .submenu{
    position:static;
    display:block;
    min-width:0;
    padding:0 0 4px 18px;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    transform:none;
  }
  .submenu a{padding:7px 0}
  .has-submenu>a:after{display:none}
  .menu-toggle{display:block;margin-left:auto}
  .button-header{display:none}
  .hero{padding:55px 0}
  .hero-grid,.split{grid-template-columns:1fr;gap:40px}
  .hero-image{max-height:440px}
  .cards{gap:15px}
  .card{padding:15px 20px 35px}
}
@media(max-width:650px){
  .container{width:calc(100% - 32px)}
  .brand img{width:165px}
  .hero h1{font-size:38px}
  .hero p{font-size:17px}
  .section{padding:58px 0}
  .cards,.feature-grid,.rate-box{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr;gap:35px}
  .footer-menu{gap:30px}
  .footer-bottom{grid-column:auto;display:block}
  .footer-walletpay{margin-top:22px}
  .footer-walletpay img{width:200px}
}

/* Final homepage styling based on the historical MyMates Finance layout */
:root{
  --blue:#024a8a;
  --yellow:#b0e42d;
  --light:#eff0f3;
}

/* Header: historical navigation */
.header-inner{
  max-width:1117px;
  min-height:145px;
}
.brand img{width:214px}
.site-nav{margin-left:auto}
.nav-primary{gap:27px}
.nav-primary>li>a{
  padding:0;
  font-size:13px;
}
.nav-primary>li.has-submenu>a:after{
  width:6px;
  height:6px;
  margin-left:7px;
}
.button-header{
  margin-left:18px;
  min-width:194px;
  height:47px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--yellow);
}
.site-nav .nav-secondary{display:none}

/* Homepage hero */
.home-hero{
  background:#eff0f3;
  color:var(--blue);
  min-height:643px;
  padding:0;
}
.home-hero .hero-grid{
  min-height:643px;
  grid-template-columns:1fr 1fr;
  gap:35px;
}
.home-hero .hero-copy{
  align-self:center;
  padding-top:8px;
}
.home-hero h1{
  max-width:540px;
  margin:0 0 23px;
  color:var(--blue);
  font-size:40px;
  line-height:1.18;
  font-weight:700;
}
.home-hero p{
  margin:0 0 8px;
  color:var(--blue);
  font-size:20px;
  line-height:1.55;
}
.home-hero p strong{
  margin-top:22px;
  color:var(--blue);
  font-size:21px;
  line-height:1.35;
  font-weight:700;
}
.home-hero .button{display:none}
.home-hero .hero-visual{
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
}
.home-hero .hero-image{
  width:100%;
  max-width:610px;
  max-height:620px;
  margin:0;
  object-fit:contain;
}

/* Blue finance-card band */
.home-finance-section{
  background:#024a8a;
  padding:55px 0 65px;
}
.home-finance-section .cards{
  gap:55px;
}
.home-finance-section .card{
  min-height:423px;
  padding:29px 68px 36px;
  background:#fff;
}
.home-finance-section .card img{
  height:111px;
  margin:0 auto 18px;
}
.home-finance-section .card h2{
  margin:0 0 17px;
  color:var(--blue);
  font-size:22px;
  line-height:1.2;
  font-weight:700;
}
.home-finance-section .card p{
  max-width:500px;
  margin:0 auto 28px;
  color:var(--blue);
  font-size:16px;
  line-height:1.35;
}
.home-finance-section .card .button{
  min-width:169px;
  padding:13px 20px;
  background:var(--yellow);
  color:var(--blue);
  font-size:12px;
}

/* White offer section */
.home-offer-section{
  background:#fff;
  padding:76px 0 74px;
}
.home-offer-section .split{
  grid-template-columns:.98fr 1.02fr;
  gap:65px;
}
.home-offer-copy{
  align-self:center;
}
.home-offer-section h2{
  max-width:530px;
  margin:0 0 27px;
  color:var(--blue);
  font-size:42px;
  line-height:1.2;
  font-weight:600;
}
.home-offer-section p{
  max-width:535px;
  margin:0 0 20px;
  color:var(--blue);
  font-size:16px;
  line-height:1.55;
}
.home-offer-section h3{
  margin:22px 0 24px;
  color:var(--blue);
  font-size:23px;
  line-height:1.35;
}
.home-offer-section .button{
  min-width:136px;
  background:var(--yellow);
  color:var(--blue);
  font-size:13px;
}
.home-offer-section .split-image img{
  width:100%;
  max-width:510px;
  max-height:530px;
}

/* Footer closer to the archived layout */
.site-footer{
  padding:52px 0 28px;
}
.footer-inner{
  max-width:1117px;
  grid-template-columns:1fr 1.65fr;
  column-gap:80px;
  row-gap:32px;
}
.footer-tagline h2{
  font-size:31px;
  line-height:1.12;
}
.footer-menu{
  gap:95px;
}
.footer-menu h3{
  margin-bottom:14px;
  font-size:13px;
}
.footer-menu a{
  font-size:13px;
  padding:4px 0;
}
.footer-bottom{
  padding-top:27px;
}
.footer-bottom p{
  font-size:11px;
}
.footer-walletpay img{width:200px}

/* Responsive homepage */
@media(max-width:1100px){
  .header-inner{min-height:105px}
  .brand img{width:190px}
  .nav-primary{gap:17px}
  .button-header{min-width:160px;margin-left:10px}
}
@media(max-width:900px){
  .header-inner{min-height:82px}
  .home-hero,.home-hero .hero-grid{min-height:auto}
  .home-hero{padding:55px 0}
  .home-hero .hero-grid{grid-template-columns:1fr;gap:30px}
  .home-hero .hero-copy{padding:0}
  .home-hero h1{font-size:38px}
  .home-hero .hero-image{max-width:520px}
  .home-finance-section{padding:30px 0}
  .home-finance-section .cards{grid-template-columns:1fr;gap:20px}
  .home-finance-section .card{min-height:0}
  .home-offer-section .split{grid-template-columns:1fr}
}

/* Homepage historical layout corrections */
.home-finance-section .card .button,
.home-offer-section .button,
.button-header{
  background:#b0e42d;
  color:#024a8a;
}
.home-offer-section{
  background:#eff0f3;
  padding:65px 0 70px;
}
.home-offer-section .split{
  grid-template-columns:1.05fr .95fr;
  gap:75px;
}
.home-offer-section .split-image{
  order:1;
  text-align:left;
}
.home-offer-section .split-image img{
  width:min(100%,570px);
  margin:0 auto;
}
.home-offer-section .home-offer-copy{
  order:2;
}
.home-offer-section h2{
  color:#024a8a;
  font-size:clamp(32px,3.4vw,48px);
  line-height:1.2;
  font-weight:700;
}
.home-offer-section p{
  font-size:16px;
  line-height:1.65;
}
.home-offer-section h3{
  color:#024a8a;
  font-size:24px;
  line-height:1.35;
}

/* Historical footer: links left, WalletPay right, no RLA or Walker Stores content */
.site-footer{
  background:#024a8a;
  color:#fff;
  padding:52px 0 58px;
}
.footer-inner{
  display:grid;
  grid-template-columns:1.05fr 1.55fr auto;
  column-gap:75px;
  align-items:start;
}
.footer-tagline h2{
  margin:0;
  color:#fff;
  font-size:31px;
  line-height:1.2;
  font-weight:600;
}
.footer-tagline h2 span{
  color:#b0e42d;
}
.footer-menu{
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:45px;
}
.footer-menu h3{display:none}
.footer-menu a{
  display:block;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:500;
  padding:5px 0;
  line-height:1.45;
}
.footer-menu a:hover{text-decoration:underline}
.footer-walletpay{
  align-self:center;
  justify-self:end;
}
.footer-walletpay img{
  width:220px;
  height:auto;
  display:block;
}
.footer-bottom{display:none}

@media(max-width:900px){
  .hero-grid{
    grid-template-columns:1fr;
    min-height:auto;
    padding-bottom:45px;
  }
  .hero-copy{order:1}
  .hero-visual{order:2}
  .hero-image{max-height:440px}
  .home-offer-section .split{
    grid-template-columns:1fr;
    gap:35px;
  }
  .home-offer-section .split-image{order:1}
  .home-offer-section .home-offer-copy{order:2}
  .footer-inner{
    grid-template-columns:1fr;
    gap:30px;
  }
  .footer-walletpay{
    justify-self:start;
  }
}
@media(max-width:650px){
  .cards{grid-template-columns:1fr}
  .footer-menu{grid-template-columns:1fr 1fr;gap:25px}
}


/* Final historical header/navigation layout */
.site-header{
  background:#fff;
  position:relative;
  z-index:100;
}
.header-inner{
  min-height:104px;
  display:flex;
  align-items:center;
  gap:28px;
}
.brand{
  display:block;
  flex:0 0 auto;
}
.brand img{
  display:block;
  width:190px;
  height:auto;
}
.site-nav{
  margin-left:auto;
  display:flex;
  align-items:center;
}
.nav-primary{
  display:flex;
  align-items:center;
  gap:28px;
  list-style:none;
  padding:0;
  margin:0;
}
.nav-primary li{
  position:static;
}
.site-nav a{
  display:block;
  color:#024a8a;
  text-decoration:none;
  font-size:13px;
  font-weight:500;
  white-space:nowrap;
}
.nav-primary>li>a{
  padding:38px 0;
}
/* Explicitly disable all submenu/dropdown behaviour */
.site-nav .submenu{
  display:none !important;
}
.site-nav .has-submenu>a:after{
  display:none !important;
}
.button-header{
  flex:0 0 auto;
  margin-left:0;
  padding:14px 30px;
  background:#b0e42d;
  color:#024a8a;
  font-size:13px;
}
.menu-toggle{
  display:none;
}

/* Final historical footer layout */
.site-footer{
  background:#024a8a;
  color:#fff;
  padding:52px 0 42px;
}
.footer-inner{
  display:grid;
  grid-template-columns:minmax(390px, 1fr) minmax(460px, 1.25fr) 260px;
  grid-template-rows:auto auto;
  column-gap:55px;
  row-gap:32px;
  align-items:start;
}
.footer-tagline{
  grid-column:1;
  grid-row:1;
}
.footer-tagline h2{
  margin:0;
  color:#fff;
  font-size:30px;
  line-height:1.2;
  font-weight:600;
  white-space:nowrap;
}
.footer-tagline h2 span{
  color:#b0e42d;
}
.footer-menu{
  grid-column:2;
  grid-row:1;
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:42px;
}
.footer-menu h3{
  display:none;
}
.footer-menu a{
  display:block;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:500;
  padding:5px 0;
  line-height:1.45;
}
.footer-menu a:hover{
  text-decoration:underline;
}
.footer-walletpay{
  grid-column:3;
  grid-row:1;
  align-self:start;
  justify-self:end;
  padding-top:5px;
}
.footer-walletpay img{
  display:block;
  width:220px;
  height:auto;
}
.footer-legal{
  grid-column:1 / 3;
  grid-row:2;
  border-top:1px solid rgba(255,255,255,.22);
  padding-top:22px;
}
.footer-legal p{
  margin:0 0 5px;
  color:#fff;
  font-size:12px;
  line-height:1.5;
}

/* Responsive header/footer */
@media(max-width:1100px){
  .nav-primary{gap:18px}
  .site-nav a{font-size:12px}
  .button-header{padding:13px 22px}
  .footer-inner{
    grid-template-columns:minmax(300px,1fr) minmax(390px,1.2fr) 220px;
    column-gap:35px;
  }
  .footer-tagline h2{font-size:27px}
}
@media(max-width:900px){
  .header-inner{min-height:82px}
  .site-nav{
    position:absolute;
    left:0;
    right:0;
    top:82px;
    display:none;
    padding:12px 24px 22px;
    background:#fff;
    box-shadow:0 8px 18px rgba(16,47,74,.12);
  }
  .site-nav.open{display:block}
  .nav-primary{
    display:block;
  }
  .nav-primary>li>a{
    padding:10px 0;
  }
  .menu-toggle{
    display:block;
    margin-left:auto;
    width:34px;
    height:30px;
    padding:4px 0;
    border:0;
    background:transparent;
  }
  .menu-toggle span{
    display:block;
    height:2px;
    background:#024a8a;
    margin:5px 0;
  }
  .button-header{display:none}
  .footer-inner{
    grid-template-columns:1fr;
    grid-template-rows:auto;
    gap:28px;
  }
  .footer-tagline,
  .footer-menu,
  .footer-walletpay,
  .footer-legal{
    grid-column:1;
    grid-row:auto;
  }
  .footer-walletpay{
    justify-self:start;
  }
  .footer-legal{
    border-top:1px solid rgba(255,255,255,.22);
  }
}
@media(max-width:650px){
  .footer-menu{
    grid-template-columns:1fr 1fr;
    gap:25px;
  }
  .footer-tagline h2{
    white-space:normal;
    font-size:25px;
  }
}


/* Final footer layout - matches supplied reference image */
.site-footer{
  background:#024a8a;
  color:#fff;
  padding:48px 0 28px;
}
.site-footer .footer-inner{
  width:min(1068px,calc(100% - 64px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  grid-template-rows:auto auto auto;
  column-gap:80px;
  row-gap:18px;
  align-items:start;
}
.site-footer .footer-tagline{
  grid-column:1;
  grid-row:1;
  margin:0;
}
.site-footer .footer-tagline h2{
  margin:0 0 10px;
  color:#fff;
  font-size:27px;
  line-height:1.2;
  font-weight:700;
  white-space:nowrap;
}
.site-footer .footer-tagline h2 span{
  color:#b0e42d;
}
.site-footer .footer-menu{
  grid-column:1;
  grid-row:2;
  display:grid;
  grid-template-columns:150px 1fr;
  gap:42px;
  align-items:start;
}
.site-footer .footer-menu h3{
  display:none;
}
.site-footer .footer-menu a{
  display:block;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:500;
  line-height:1.45;
  padding:4px 0;
}
.site-footer .footer-menu a:hover{
  text-decoration:underline;
}
.site-footer .footer-walletpay{
  grid-column:2;
  grid-row:1 / 3;
  align-self:start;
  justify-self:end;
  padding-top:1px;
}
.site-footer .footer-walletpay img{
  display:block;
  width:175px;
  height:auto;
}
.site-footer .footer-legal{
  grid-column:1 / -1;
  grid-row:3;
  margin-top:2px;
  padding-top:15px;
  border-top:1px solid rgba(255,255,255,.22);
}
.site-footer .footer-legal p{
  margin:0 0 3px;
  color:#fff;
  font-size:12px;
  line-height:1.5;
}

/* Responsive footer */
@media(max-width:900px){
  .site-footer .footer-inner{
    width:calc(100% - 40px);
    grid-template-columns:1fr;
    grid-template-rows:auto;
    column-gap:0;
    row-gap:25px;
  }
  .site-footer .footer-tagline,
  .site-footer .footer-menu,
  .site-footer .footer-walletpay,
  .site-footer .footer-legal{
    grid-column:1;
    grid-row:auto;
  }
  .site-footer .footer-walletpay{
    justify-self:start;
    padding-top:0;
  }
}
@media(max-width:600px){
  .site-footer .footer-tagline h2{
    white-space:normal;
    font-size:25px;
  }
  .site-footer .footer-menu{
    grid-template-columns:1fr 1fr;
    gap:25px;
  }
}


/* Legal/document pages - historical MyMates Finance layout */
.legal-page{
  background:#eff0f3;
}
.legal-page .site-header{
  min-height:130px;
}
.legal-page .header-inner{
  min-height:130px;
}
.legal-page main,
.legal-page .legal-main{
  background:#eff0f3;
}
.legal-page .legal-title{
  background:#eff0f3;
  color:#024a8a;
  padding:60px 0 62px;
  text-align:center;
}
.legal-page .legal-title h1{
  margin:0;
  color:#024a8a;
  font-size:22px;
  line-height:1.25;
  font-weight:600;
}
.legal-page .legal-title .legal-subtitle,
.legal-page .legal-title .legal-meta,
.legal-page .legal-title .legal-intro-item{
  margin:0;
  color:#024a8a;
  font-size:13px;
  line-height:1.5;
  font-weight:400;
}
.legal-page .legal-title .legal-subtitle{
  margin:2px 0 4px;
  font-size:19px;
  line-height:1.3;
  font-weight:600;
}
.legal-page .legal-title br{line-height:1.2}
.legal-page .legal-content-section{
  background:#eff0f3;
  padding:0 0 72px;
}
.legal-page .legal-document{
  width:760px;
  max-width:calc(100% - 32px);
  margin:0 auto;
  padding:40px 47px 58px;
  background:#fff;
  color:#07569b;
  font-size:13px;
  line-height:1.5;
}
.legal-page .legal-document p,
.legal-page .legal-document li,
.legal-page .legal-document td,
.legal-page .legal-document th{
  color:#07569b;
  font-size:13px;
  line-height:1.5;
}
.legal-page .legal-document p{margin:0 0 13px}
.legal-page .legal-document ul,
.legal-page .legal-document ol{
  margin:5px 0 15px;
  padding-left:27px;
}
.legal-page .legal-document li{
  padding-left:2px;
  margin:1px 0;
}
.legal-page .legal-document a{color:#07569b}

/* Numbered documents such as Privacy Policy, Information Statement and TMD. */
.legal-page .legal-numbered-section{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  column-gap:2px;
  align-items:start;
  margin:0 0 19px;
}
.legal-page .legal-section-number{
  color:#024a8a;
  font-size:13px;
  line-height:1.5;
  font-weight:600;
  padding-top:0;
}
.legal-page .legal-section-content{min-width:0}
.legal-page .legal-section-content h2,
.legal-page .legal-section-content h3{
  margin:0 0 8px;
  color:#024a8a;
  font-size:18px;
  line-height:1.3;
  font-weight:700;
}
.legal-page .legal-section-content p{margin:0 0 12px}
.legal-page .legal-section-content br + br{display:none}

/* Standalone headings in Credit Guide, Internal Dispute Policy and Terms. */
.legal-page .legal-subheading{
  margin:20px 0 10px;
  color:#024a8a;
  font-size:19px;
  line-height:1.3;
  font-weight:700;
}
.legal-page .legal-document > .legal-subheading:first-child{margin-top:0}
.legal-page .legal-document > h2:first-child{margin-top:0}
.legal-page .legal-document > h3:first-child{margin-top:0}

/* Second TMD document header. */
.legal-page .legal-subdocument-header{
  text-align:center;
  margin:32px 0 32px;
}
.legal-page .legal-subdocument-header h2:first-child{
  margin:0;
  color:#024a8a;
  font-size:22px;
  line-height:1.25;
  font-weight:600;
}
.legal-page .legal-subdocument-header h2:nth-child(2){
  margin:2px 0 7px;
  color:#024a8a;
  font-size:19px;
  line-height:1.3;
  font-weight:600;
}
.legal-page .legal-subdocument-header p{
  margin:0;
  color:#07569b;
  font-size:13px;
  line-height:1.5;
}
.legal-page .legal-document > ul:last-child{margin-bottom:0}

@media(max-width:900px){
  .legal-page .site-header,
  .legal-page .header-inner{min-height:110px}
  .legal-page .legal-title{padding:78px 0 28px}
  .legal-page .legal-document{max-width:calc(100% - 32px);padding:34px 30px 48px}
}
@media(max-width:600px){
  .legal-page .site-header,
  .legal-page .header-inner{min-height:90px}
  .legal-page .legal-title{padding:60px 0 24px}
  .legal-page .legal-title h1{font-size:21px}
  .legal-page .legal-title .legal-subtitle{font-size:18px}
  .legal-page .legal-document{max-width:calc(100% - 20px);padding:28px 20px 38px;font-size:13px}
  .legal-page .legal-document p,
  .legal-page .legal-document li{font-size:13px}
  .legal-page .legal-numbered-section{grid-template-columns:20px minmax(0,1fr);column-gap:3px}
  .legal-page .legal-subheading{font-size:18px}
}

/* Business Finance page - matched to the archived March 2026 layout */
.business-finance-page .business-hero{
  background:#eff0f3;
  color:#024a8a;
  height:569px;
  overflow:hidden;
}
.business-finance-page .business-hero-inner{
  width:min(1117px,calc(100% - 48px));
  height:100%;
  display:grid;
  grid-template-columns:42% 58%;
  align-items:center;
}
.business-finance-page .business-hero-copy{
  position:relative;
  z-index:2;
  padding-top:5px;
}
.business-finance-page .business-hero-copy h1{
  margin:0 0 13px;
  color:#024a8a;
  font-size:42px;
  line-height:.98;
  font-weight:800;
}
.business-finance-page .business-hero-copy p{
  margin:0;
  color:#07569b;
  font-size:18px;
  line-height:1.52;
  font-weight:400;
}
.business-finance-page .business-hero-button{
  margin-top:54px;
  width:187px;
  height:40px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
}
.business-finance-page .business-hero-visual{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translate(-2px,3px);
}
.business-finance-page .business-hero-visual img{
  display:block;
  width:620px;
  max-width:none;
  height:auto;
}

.business-finance-page .business-features{
  background:#024a8a;
  color:#fff;
  padding:66px 0 48px;
}
.business-finance-page .business-feature-inner{
  width:min(738px,calc(100% - 48px));
  margin:0 auto;
}
.business-finance-page .business-feature-inner > h2{
  margin:0 0 29px;
  color:#fff;
  text-align:center;
  font-size:24px;
  line-height:1.2;
  font-weight:800;
}
.business-finance-page .business-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}
.business-finance-page .business-feature-card{
  height:222px;
  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:33px 18px 20px;
  text-align:center;
}
.business-finance-page .business-feature-card img{
  width:126px;
  height:112px;
  object-fit:contain;
  margin:0 0 14px;
}
.business-finance-page .business-feature-card:nth-child(2) img{
  width:126px;
  height:112px;
}
.business-finance-page .business-feature-card:nth-child(3) img{
  width:122px;
  height:112px;
}
.business-finance-page .business-feature-card h3{
  margin:0;
  color:#024a8a;
  font-size:15px;
  line-height:1.32;
  font-weight:800;
}

.business-finance-page .business-options{
  background:#fff;
  padding:65px 0 76px;
  color:#07569b;
}
.business-finance-page .business-options-inner{
  width:min(990px,calc(100% - 48px));
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:48px;
  align-items:start;
}
.business-finance-page .business-options-intro{
  padding-top:0;
}
.business-finance-page .business-options h2{
  margin:0 0 13px;
  color:#024a8a;
  font-size:17px;
  line-height:1.3;
  font-weight:800;
}
.business-finance-page .business-options-intro p{
  margin:0 0 13px;
  max-width:350px;
  color:#07569b;
  font-size:13px;
  line-height:1.45;
}
.business-finance-page .business-plan{
  text-align:center;
  color:#07569b;
}
.business-finance-page .business-plan h2{
  margin:0;
  padding:0 0 12px;
  border-bottom:1px solid #b0e42d;
  font-size:14px;
  line-height:1.25;
  white-space:nowrap;
}
.business-finance-page .business-plan-point{
  min-height:59px;
  padding:12px 12px 11px;
  border-bottom:1px solid #b0e42d;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#07569b;
  font-size:13px;
  line-height:1.35;
}
.business-finance-page .business-plan-point.business-plan-last{
  min-height:74px;
  border-bottom:0;
}
.business-finance-page .business-plan-button{
  margin-top:8px;
  min-width:169px;
  height:41px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
}

@media(max-width:900px){
  .business-finance-page .business-hero{
    height:auto;
    min-height:0;
  }
  .business-finance-page .business-hero-inner{
    grid-template-columns:1fr;
    gap:15px;
    padding:60px 0 35px;
  }
  .business-finance-page .business-hero-copy{
    padding:0;
  }
  .business-finance-page .business-hero-visual{
    transform:none;
  }
  .business-finance-page .business-hero-visual img{
    width:min(620px,100%);
    max-width:100%;
  }
  .business-finance-page .business-feature-inner{
    width:min(738px,calc(100% - 32px));
  }
  .business-finance-page .business-feature-grid{
    grid-template-columns:1fr;
    max-width:300px;
    margin:0 auto;
  }
  .business-finance-page .business-options-inner{
    grid-template-columns:1fr;
    gap:40px;
    width:calc(100% - 32px);
  }
  .business-finance-page .business-options-intro p{
    max-width:none;
  }
  .business-finance-page .business-plan h2{
    white-space:normal;
  }
}
@media(max-width:600px){
  .business-finance-page .business-hero-inner{
    width:calc(100% - 32px);
  }
  .business-finance-page .business-hero-copy h1{
    font-size:38px;
  }
  .business-finance-page .business-hero-copy p{
    font-size:17px;
  }
  .business-finance-page .business-desktop-break{
    display:none;
  }
}

/* Personal Finance page - matched to the archived MyMates layout */
.personal-finance-page .site-header,
.about-us-page .site-header{
  min-height:130px;
}
.personal-finance-page .header-inner,
.about-us-page .header-inner{
  min-height:130px;
}
.personal-finance-page .nav-primary>li>a,
.about-us-page .nav-primary>li>a{
  padding:48px 0;
}
.personal-finance-page .nav-primary>li.current>a,
.about-us-page .nav-primary>li.current>a{
  font-weight:700;
  border-bottom:1px solid #b0e42d;
}

.personal-hero{
  height:495px;
  background:#eff0f3;
  color:#024a8a;
  overflow:hidden;
}
.personal-hero-inner{
  width:min(1224px,calc(100% - 48px));
  height:100%;
  margin:0 auto;
  display:grid;
  grid-template-columns:43% 57%;
  align-items:center;
}
.personal-hero-copy{
  position:relative;
  z-index:2;
  padding-left:0;
}
.personal-hero-copy h1{
  margin:0 0 17px;
  color:#024a8a;
  font-size:42px;
  line-height:.98;
  font-weight:800;
}
.personal-hero-copy p{
  margin:0;
  color:#07569b;
  font-size:18px;
  line-height:1.55;
}
.personal-hero-button{
  margin-top:54px;
  width:191px;
  height:41px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
}
.personal-hero-visual{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.personal-hero-visual img{
  display:block;
  width:600px;
  max-width:none;
  height:auto;
  transform:translate(12px,0);
}

.personal-features{
  background:#024a8a;
  color:#fff;
  padding:68px 0 48px;
}
.personal-feature-inner{
  width:min(738px,calc(100% - 48px));
  margin:0 auto;
}
.personal-feature-inner>h2{
  margin:0 0 31px;
  color:#fff;
  text-align:center;
  font-size:24px;
  line-height:1.2;
  font-weight:800;
}
.personal-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}
.personal-feature-card{
  height:229px;
  background:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:33px 18px 20px;
  text-align:center;
}
.personal-feature-card img{
  width:126px;
  height:112px;
  object-fit:contain;
  margin:0 0 14px;
}
.personal-feature-card:nth-child(3) img{width:122px}
.personal-feature-card h3{
  margin:0;
  color:#024a8a;
  font-size:15px;
  line-height:1.32;
  font-weight:800;
}

.personal-options{
  background:#fff;
  padding:80px 0 78px;
  color:#07569b;
}
.personal-options-inner{
  width:min(990px,calc(100% - 48px));
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  column-gap:48px;
  align-items:start;
}
.personal-options-intro h2{
  margin:0 0 13px;
  color:#024a8a;
  font-size:17px;
  line-height:1.3;
  font-weight:800;
}
.personal-options-intro p{
  margin:0 0 13px;
  max-width:350px;
  color:#07569b;
  font-size:13px;
  line-height:1.45;
}
.personal-plan{
  text-align:center;
  color:#07569b;
}
.personal-plan h2{
  margin:0;
  padding:0 0 12px;
  border-bottom:1px solid #b0e42d;
  color:#024a8a;
  font-size:14px;
  line-height:1.25;
  font-weight:800;
  white-space:nowrap;
}
.personal-plan-point{
  min-height:59px;
  padding:12px;
  border-bottom:1px solid #b0e42d;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#07569b;
  font-size:13px;
  line-height:1.35;
}
.personal-plan-point.personal-plan-last{
  min-height:74px;
  border-bottom:0;
}
.personal-plan-button{
  margin-top:8px;
  min-width:169px;
  height:41px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
}

/* About Us page - archived hero layout */
.about-hero{
  height:579px;
  background:#eff0f3;
  color:#024a8a;
  overflow:hidden;
}
.about-hero-inner{
  width:min(1030px,calc(100% - 48px));
  height:100%;
  margin:0 auto;
  display:grid;
  grid-template-columns:48% 52%;
  align-items:center;
}
.about-hero-copy{
  position:relative;
  z-index:2;
  padding-bottom:1px;
}
.about-hero-copy h1{
  margin:0 0 15px;
  color:#024a8a;
  font-size:42px;
  line-height:1;
  font-weight:800;
}
.about-hero-copy p{
  margin:0 0 12px;
  color:#07569b;
  font-size:20px;
  line-height:1.48;
}
.about-hero-button{
  margin-top:46px;
  width:193px;
  height:41px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
}
.about-hero-visual{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.about-hero-visual img{
  display:block;
  width:530px;
  max-width:none;
  height:auto;
  transform:translate(18px,3px);
}
.about-content{
  background:#fff;
  padding:70px 0 80px;
}
.about-content-inner{
  width:min(1030px,calc(100% - 48px));
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
}
.about-content-card{
  color:#07569b;
}
.about-content-card h2{
  margin:0 0 15px;
  color:#024a8a;
  font-size:25px;
  line-height:1.2;
  font-weight:800;
}
.about-content-card p{
  margin:0 0 18px;
  font-size:16px;
  line-height:1.55;
}

@media(max-width:900px){
  .personal-finance-page .site-header,
  .about-us-page .site-header,
  .personal-finance-page .header-inner,
  .about-us-page .header-inner{
    min-height:104px;
  }
  .personal-finance-page .nav-primary>li>a,
  .about-us-page .nav-primary>li>a{
    padding:38px 0;
  }
  .personal-hero{
    height:auto;
    min-height:0;
  }
  .personal-hero-inner{
    grid-template-columns:1fr;
    gap:10px;
    padding:55px 0 35px;
  }
  .personal-hero-copy{
    padding:0;
  }
  .personal-hero-visual{
    height:auto;
  }
  .personal-hero-visual img{
    width:min(600px,100%);
    max-width:100%;
    transform:none;
  }
  .personal-feature-grid{
    grid-template-columns:1fr;
    max-width:300px;
    margin:0 auto;
  }
  .personal-options-inner{
    grid-template-columns:1fr;
    gap:40px;
    width:calc(100% - 32px);
  }
  .personal-options-intro p{max-width:none}
  .personal-plan h2{white-space:normal}
  .about-hero{
    height:auto;
    min-height:0;
  }
  .about-hero-inner{
    grid-template-columns:1fr;
    gap:10px;
    padding:60px 0 35px;
  }
  .about-hero-visual{
    height:auto;
    justify-content:center;
  }
  .about-hero-visual img{
    width:min(530px,100%);
    max-width:100%;
    transform:none;
  }
  .about-content-inner{
    grid-template-columns:1fr;
    gap:45px;
  }
}
@media(max-width:600px){
  .personal-hero-inner,
  .about-hero-inner{
    width:calc(100% - 32px);
  }
  .personal-hero-copy h1,
  .about-hero-copy h1{
    font-size:38px;
  }
  .personal-hero-copy p,
  .about-hero-copy p{
    font-size:17px;
  }
  .about-desktop-break{display:none}
}

/* Internal Dispute Policy - match the archived line spacing */
.internal-dispute-page .legal-document{
  line-height:1.42;
}
.internal-dispute-page .legal-document p,
.internal-dispute-page .legal-document li,
.internal-dispute-page .legal-document td,
.internal-dispute-page .legal-document th{
  line-height:1.42;
}
.internal-dispute-page .legal-document br{
  line-height:1.42;
}
.internal-dispute-page .legal-subheading{
  margin-top:20px;
  margin-bottom:10px;
}