@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/poppins-600.woff2') format('woff2')}
@font-face{font-family:'Poppins Fallback';src:local('Arial');size-adjust:117.029%;ascent-override:89.722%;descent-override:29.907%;line-gap-override:8.545%}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/poppins-700.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3 Fallback';src:local('Arial');size-adjust:94.715%;ascent-override:108.114%;descent-override:42.232%;line-gap-override:0.000%}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/source-sans-3-400.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/source-sans-3-600.woff2') format('woff2')}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/source-sans-3-700.woff2') format('woff2')}

/* Payday Loan Direct — design system. Palette carried over from the 2025 site
   (navy / gold / red / green / cream) and standardised. 8px spacing scale. */
:root{
  --navy:#1B1F3B; --navy-2:#242A4F; --navy-3:#2E3565;
  --gold:#F8AC34; --gold-2:#E39A1E; --gold-soft:#FFF1D6;
  --red:#EE282F; --red-text:#C31E24;
  --green:#34BD62; --green-text:#1F7A5C; --green-soft:#E6F5EC;
  --cream:#FFF5E1; --paper:#FDF8EE; --white:#FFFFFF;
  --ink:#1B1F3B; --text:#2C2F45; --muted:#5B5F78; --line:#E7E2D7; --line-strong:#D6D0C2;
  --focus:#1B1F3B;
  --shadow-sm:0 1px 2px rgba(27,31,59,.06),0 1px 1px rgba(27,31,59,.04);
  --shadow:0 12px 32px -16px rgba(27,31,59,.28);
  --r:12px; --r-lg:20px; --pill:999px;
  --font-display:'Poppins','Poppins Fallback',Arial,system-ui,sans-serif;
  --font-text:'Source Sans 3','Source Sans 3 Fallback',Arial,system-ui,sans-serif;
  --wrap:1160px; --gutter:clamp(16px,4vw,32px);
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:96px;
  --header-h:72px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-text);font-size:1.0625rem;line-height:1.6;color:var(--text);background:var(--white)}
img,svg,iframe{max-width:100%}
img{height:auto}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--ink);margin:0 0 var(--s2);text-wrap:balance}
h1{font-size:clamp(2rem,4.6vw,3.25rem)}
h2{font-size:clamp(1.6rem,3vw,2.25rem)}
h3{font-size:1.25rem}
p,ul,ol,dl{margin:0 0 var(--s2)}
a{color:var(--navy);text-decoration-thickness:1px;text-underline-offset:.15em}
a:hover{color:var(--red-text)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.page-hero--dark :focus-visible,.site-header :focus-visible,.site-footer :focus-visible,.cta-band :focus-visible,.mobile-menu :focus-visible{outline-color:var(--gold)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:var(--s2);top:-100px;z-index:100;background:var(--gold);color:var(--navy);padding:10px 16px;border-radius:var(--pill);font-weight:700;font-family:var(--font-display)}
.skip-link:focus{top:var(--s2)}
.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.ico{width:22px;height:22px;flex:none;vertical-align:middle}
.ico-sm{width:16px;height:16px}
.ico-gold{color:var(--gold)}
.small{font-size:.9375rem}
.muted{color:var(--muted)}
.lead{font-size:1.25rem;line-height:1.5}
.eyebrow{font:600 .8125rem/1.3 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--red-text);margin-bottom:var(--s1)}
.page-hero--dark .eyebrow{color:var(--gold)}
.accent-red{color:var(--red)}
.accent-green{color:var(--green)}
.text-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-family:var(--font-display);font-size:.9375rem;text-decoration:none}
.text-link:hover{text-decoration:underline}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 1rem var(--font-display);padding:12px 22px;min-height:48px;border-radius:var(--pill);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s,transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn-sm{min-height:40px;padding:8px 16px;font-size:.9375rem}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{background:var(--gold-2);color:var(--navy)}
.btn-navy{background:var(--navy);color:var(--white)}
.btn-navy:hover{background:var(--navy-3);color:var(--white)}
.btn-outline{border-color:var(--navy);color:var(--navy);background:transparent}
.btn-outline:hover{background:var(--navy);color:var(--white)}
.btn-outline-light{border-color:rgba(255,245,225,.6);color:var(--cream);background:transparent}
.btn-outline-light:hover{background:var(--cream);color:var(--navy);border-color:var(--cream)}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:var(--navy);color:var(--cream);border-bottom:1px solid rgba(255,245,225,.08)}
.header-inner{display:flex;align-items:center;gap:var(--s3);min-height:var(--header-h)}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--gold)}
.brand:hover{color:var(--gold)}
.brand-name{font:700 1.2rem/1 var(--font-display);letter-spacing:-.01em;white-space:nowrap}
.brand-name span{color:var(--cream)}
.nav-primary{margin-left:auto;display:none}
.nav-primary ul,.dropdown,.mobile-menu ul,.footer-grid ul,.footer-links,.proof-list,.services-grid,.checklist,.steps{list-style:none;margin:0;padding:0}
.nav-primary>ul{display:flex;gap:4px;align-items:center}
.nav-primary a,.nav-primary button{display:inline-flex;align-items:center;gap:4px;padding:10px 14px;border-radius:var(--pill);color:var(--cream);text-decoration:none;font:600 .9375rem var(--font-display);background:none;border:0;cursor:pointer;line-height:1.2}
.nav-primary a:hover,.nav-primary button:hover{background:rgba(255,245,225,.1);color:var(--cream)}
.nav-primary a[aria-current="page"],.nav-primary button.is-current{box-shadow:none;position:relative;color:var(--gold)}.nav-primary a[aria-current="page"]::after,.nav-primary button.is-current::after{content:"";position:absolute;left:9px;right:9px;bottom:2px;height:3px;border-radius:2px;background:var(--gold)}
.nav-more{position:relative}
.nav-more button[aria-expanded="true"] .ico{transform:rotate(180deg)}
.dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:var(--white);color:var(--navy);border-radius:var(--r);box-shadow:var(--shadow);padding:8px;border:1px solid var(--line)}
.dropdown a{display:block;color:var(--navy);padding:10px 14px;border-radius:8px}
.dropdown a:hover,.dropdown a:focus-visible{background:var(--cream);color:var(--navy)}
.dropdown a[aria-current="page"]{box-shadow:none;font-weight:700;background:var(--gold-soft)}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:var(--s2)}
.nav-primary + .header-actions{margin-left:0}
.header-phone{display:none;align-items:center;gap:8px;color:var(--cream);text-decoration:none;font:600 1rem var(--font-display)}
.header-phone:hover{color:var(--gold)}
.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,245,225,.35);background:none;color:var(--cream);cursor:pointer}
.menu-toggle .ico{width:24px;height:24px}
.menu-toggle .ico-close{display:none}
.menu-toggle[aria-expanded="true"] .ico-open{display:none}
.menu-toggle[aria-expanded="true"] .ico-close{display:block}
.mobile-menu{background:var(--navy-2);border-top:1px solid rgba(255,245,225,.08);padding:var(--s2) 0 var(--s4);max-height:calc(100vh - var(--header-h));overflow:auto}
.mobile-menu-h{font:600 .75rem var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:var(--s2) 0 var(--s1)}
.mobile-menu a{display:block;padding:12px 8px;color:var(--cream);text-decoration:none;font:600 1.0625rem var(--font-display);border-bottom:1px solid rgba(255,245,225,.08)}
.mobile-menu a[aria-current="page"]{color:var(--gold)}
.mobile-menu-cta{display:grid;gap:var(--s2);margin-top:var(--s3)}
.mobile-menu-cta .btn{width:100%}
@media (min-width:1200px){
  .nav-primary{display:block}
  .menu-toggle{display:none}
  .header-phone{display:inline-flex}
}
@media (max-width:1199px){
  .header-actions .btn-sm{display:none}
}
@media (min-width:480px) and (max-width:1199px){
  .header-actions .btn-sm{display:inline-flex}
}

/* Hero */
.page-hero{padding:var(--s6) 0 var(--s5)}
.page-hero--dark{background:var(--navy);color:var(--cream)}
.page-hero--dark h1,.page-hero--dark h2{color:var(--white)}
.page-hero--dark a:not(.btn){color:var(--gold)}
.page-hero--dark .lead{color:rgba(255,245,225,.88)}
.hero-grid{display:grid;grid-template-columns:1fr;gap:var(--s4);align-items:center}
.hero-grid--single{max-width:820px}
.hero-media{display:flex;justify-content:center}
.hero-media img{max-width:min(100%,420px);max-height:460px;width:auto;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.35))}
.hero-copy .lead{max-width:60ch}
.hero-copy .btn-row{margin-top:var(--s3)}
.hero-slogan{font:700 clamp(1.25rem,2.2vw,1.65rem)/1.25 var(--font-display);color:var(--white);margin:0 0 var(--s2)}
.hero-meta{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid rgba(255,245,225,.15);font-size:.9375rem;color:rgba(255,245,225,.85)}
.hero-meta span{display:inline-flex;align-items:center;gap:8px}
.hero-meta .ico{color:var(--gold);width:18px;height:18px}
@media (min-width:900px){
  .hero-grid{grid-template-columns:1.15fr .85fr;gap:var(--s5)}
  .page-hero{padding:var(--s7) 0 var(--s6)}
}

/* Proof bar */
.proof{background:var(--cream);border-bottom:1px solid var(--line)}
.proof-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2) var(--s3);padding-top:var(--s3);padding-bottom:var(--s3)}
.proof-list li{display:flex;gap:12px;align-items:flex-start;color:var(--navy)}
.proof-list .ico{color:var(--green-text);margin-top:2px}
.proof-list b{display:block;font:700 .9375rem/1.3 var(--font-display)}
.proof-list small{display:block;color:var(--muted);font-size:.875rem}
@media (min-width:900px){.proof-list{grid-template-columns:repeat(4,1fr)}}

/* Sections */
.section{padding:var(--s6) 0}
.section--cream{background:var(--paper)}
.section--navy{background:var(--navy);color:var(--cream)}
.section--navy h2,.section--navy h3{color:var(--white)}
.section--navy a:not(.btn){color:var(--gold)}
.section-head{max-width:70ch;margin-bottom:var(--s4)}
.section-head p{font-size:1.125rem;color:var(--muted)}
.section--navy .section-head p{color:rgba(255,245,225,.85)}
.section-head--center{margin-left:auto;margin-right:auto;text-align:center}
@media (min-width:900px){.section{padding:var(--s7) 0}}
.two-col{display:grid;gap:var(--s4);align-items:center}
.two-col img{width:100%;max-width:440px;margin:0 auto;display:block}
@media (min-width:900px){.two-col{grid-template-columns:1fr 1fr;gap:var(--s6)}.two-col--media-left>*:first-child{order:-1}}
.prose{max-width:72ch}
.prose h2{margin-top:var(--s5)}
.prose h3{margin-top:var(--s4)}
.prose ul,.prose ol{padding-left:1.25rem}
.prose li{margin-bottom:6px}

/* Cards */
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:var(--s3)}
.services-grid{display:grid;grid-template-columns:1fr;gap:var(--s3)}
@media (min-width:600px){.services-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr)}.services-grid--compact{grid-template-columns:repeat(3,1fr)}}
.service-card{padding:0;overflow:hidden;transition:box-shadow .15s,transform .15s}
.service-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.service-link{display:flex;flex-direction:column;height:100%;padding:var(--s3);text-decoration:none;color:var(--text)}
.service-link:hover{color:var(--text)}
.service-link h3{margin-top:var(--s2)}
.service-link h3::after{content:"";display:block;width:32px;height:3px;background:var(--gold);margin-top:8px;border-radius:2px}
.service-link .text-link{margin-top:auto;color:var(--navy)}
.service-link:hover .text-link{text-decoration:underline}
.service-media{aspect-ratio:4/3;background:var(--cream);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.service-media img{width:78%;height:78%;object-fit:contain}
.fee-note{display:flex;gap:8px;align-items:flex-start;font-size:.9375rem;color:var(--green-text);font-weight:600}
.fee-note .ico{margin-top:3px}
.feature-grid{display:grid;grid-template-columns:1fr;gap:var(--s3)}
@media (min-width:640px){.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.feature-grid--3{grid-template-columns:repeat(3,1fr)}.feature-grid--4{grid-template-columns:repeat(4,1fr)}}
.feature{display:flex;gap:var(--s2)}
.feature .ico-wrap{flex:none;width:48px;height:48px;border-radius:12px;background:var(--gold-soft);color:var(--navy);display:flex;align-items:center;justify-content:center}
.feature h3{font-size:1.0625rem;margin-bottom:4px}
.feature p{margin:0;color:var(--muted);font-size:.9375rem}
.section--navy .feature .ico-wrap{background:rgba(248,172,52,.15);color:var(--gold)}
.section--navy .feature p{color:rgba(255,245,225,.8)}

/* Steps */
.steps{display:grid;gap:var(--s3);counter-reset:step}
@media (min-width:800px){.steps{grid-template-columns:repeat(3,1fr)}.two-col .steps,.grid-2 .steps{grid-template-columns:1fr}}
.step{display:flex;gap:var(--s2);align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3)}
.step-n{flex:none;width:40px;height:40px;border-radius:50%;background:var(--gold);color:var(--navy);font:700 1.125rem var(--font-display);display:flex;align-items:center;justify-content:center}
.step h3{font-size:1.0625rem;margin-bottom:4px}
.step p{margin:0;color:var(--muted);font-size:.9375rem}
.section--navy .step{background:var(--navy-2);border-color:rgba(255,245,225,.12)}
.section--navy .step p{color:rgba(255,245,225,.8)}

/* Checklist */
.checklist{display:grid;gap:12px}
.checklist li{display:flex;gap:12px;align-items:flex-start}
.checklist .ico{color:var(--green-text);margin-top:3px;width:20px;height:20px}
.checklist b{display:block}
.checklist small{display:block;color:var(--muted);font-size:.9375rem}
.section--navy .checklist .ico{color:var(--green)}
.section--navy .checklist small{color:rgba(255,245,225,.75)}

/* Cost module */
.cost-grid{display:grid;gap:var(--s4);align-items:start}
@media (min-width:900px){.cost-grid{grid-template-columns:1fr 1fr;gap:var(--s6)}}
.calc{padding:var(--s4)}
.calc-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2);flex-wrap:wrap}
.calc-head label{font:700 1.0625rem var(--font-display);color:var(--ink)}
.calc-amount{font:700 2.25rem/1 var(--font-display);color:var(--navy)}
.range{width:100%;margin:var(--s2) 0 4px;accent-color:var(--navy);height:32px}
.range-labels{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--muted)}
.calc-out{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s2);margin:var(--s3) 0}
.calc-out div{background:var(--paper);border-radius:10px;padding:12px 14px}
.calc-out dt{font-size:.8125rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.calc-out dd{margin:2px 0 0;font:700 1.375rem var(--font-display);color:var(--navy)}
.calc-out div:nth-child(2) dd{color:var(--green-text)}
.cost-example{background:var(--navy);color:var(--cream);border-radius:var(--r);padding:var(--s4)}
.cost-example h3{color:var(--gold);font-size:1rem;text-transform:uppercase;letter-spacing:.06em}
.cost-example .big{font:700 clamp(1.75rem,3vw,2.5rem)/1.1 var(--font-display);color:var(--white);margin:var(--s1) 0 var(--s2)}
.cost-example p{color:rgba(255,245,225,.85)}

/* Disclosure */
.disclosure{background:var(--gold-soft);border:1px solid #F3D9A3;border-left:5px solid var(--gold);border-radius:var(--r);padding:var(--s3) var(--s3) var(--s2);margin:var(--s4) 0}
.disclosure-h{display:flex;align-items:center;gap:10px;font-size:1.0625rem;margin-bottom:var(--s2)}
.disclosure ul{margin:0;padding-left:0;list-style:none;display:grid;gap:10px}
.disclosure li{font-size:.9375rem;line-height:1.55;padding-left:0}
.disclosure b{color:var(--ink)}

/* FAQ */
.faq-list{display:grid;gap:12px;max-width:820px}
.faq{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:0}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{font-size:1.0625rem;margin:0}
.faq summary .ico{transition:transform .15s;color:var(--navy)}
.faq[open] summary .ico{transform:rotate(180deg)}
.faq-a{padding:0 var(--s3) var(--s3);color:var(--text)}
.faq-a p:last-child{margin-bottom:0}
.section--cream .faq{background:var(--white)}

/* Tables */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--white)}
table{width:100%;border-collapse:collapse;font-size:.9875rem;min-width:520px}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
th{font:600 .8125rem var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--paper)}
tbody tr:last-child td{border-bottom:0}
td strong{color:var(--navy)}

/* Visit */
.visit-grid{display:grid;gap:var(--s4)}
@media (min-width:900px){.visit-grid{grid-template-columns:1fr 1fr;align-items:start}}
.visit-address,.visit-row{display:flex;gap:12px;align-items:flex-start;font-style:normal;margin-bottom:var(--s2)}
.visit-address .ico,.visit-row .ico{color:var(--red-text);margin-top:3px}
.visit-hours>div{flex:1}
.today-chip{display:inline-block;background:var(--green-soft);color:var(--green-text);font-weight:700;font-size:.875rem;padding:4px 12px;border-radius:var(--pill);margin-bottom:8px}
.today-chip.is-closed{background:#FBE7E7;color:var(--red-text)}
.hours{display:grid;gap:4px;margin:0}
.hours div{display:flex;justify-content:space-between;gap:var(--s2);border-bottom:1px dashed var(--line);padding:4px 0}
.hours dt{font-weight:600}
.hours dd{margin:0}
.visit-map iframe{width:100%;height:100%;min-height:340px;border:0;border-radius:var(--r);box-shadow:var(--shadow-sm)}
.visit-info .btn-row{margin-top:var(--s3)}

/* CTA band */
.cta-band{background:var(--navy);color:var(--cream);padding:var(--s6) 0}
.cta-band h2{color:var(--white);margin-bottom:8px}
.cta-band p{color:rgba(255,245,225,.85);margin:0;max-width:60ch}
.cta-inner{display:grid;gap:var(--s3);align-items:center}
@media (min-width:900px){.cta-inner{grid-template-columns:1.4fr 1fr}.cta-inner .btn-row{justify-content:flex-end}}

/* Reviews */
.reviews-grid{display:grid;gap:var(--s3)}
@media (min-width:800px){.reviews-grid{grid-template-columns:repeat(3,1fr)}}
.review{display:flex;flex-direction:column;gap:12px}
.review .stars{color:var(--gold);display:flex;gap:2px}
.review .stars .ico{width:18px;height:18px;fill:currentColor}
.review blockquote{margin:0;font-size:1.0625rem;flex:1}
.review figcaption{color:var(--muted);font-size:.9375rem}
.rating-badge{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--navy);border:1px solid var(--line);border-radius:var(--pill);padding:8px 16px;text-decoration:none;font-weight:600;font-family:var(--font-display);font-size:.9375rem}
.rating-badge .ico{fill:var(--gold)}
.rating-badge b{font-size:1.125rem}
.rating-hero{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}
.rating-hero .num{font:700 3.5rem/1 var(--font-display);color:var(--navy)}
.rating-hero .stars{color:var(--gold);display:flex;gap:2px}
.rating-hero .stars .ico{width:26px;height:26px;fill:currentColor}

/* Breadcrumb */
.breadcrumb{padding-top:var(--s2);font-size:.9375rem}
.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.breadcrumb li+li::before{content:"/";color:var(--muted);margin-right:6px}
.breadcrumb li[aria-current]{color:var(--muted)}
.breadcrumb a{text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}

/* Apply page */
.apply-grid{display:grid;gap:var(--s4);align-items:start}
@media (min-width:1024px){.apply-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}.trust-rail{position:sticky;top:calc(var(--header-h) + 24px)}}
.form-shell{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s3);box-shadow:var(--shadow-sm)}
.form-shell iframe{width:100%;border:0;min-height:900px}
.trust-rail{display:grid;gap:var(--s2)}
.trust-item{display:flex;gap:12px;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:var(--s2) var(--s3)}
.trust-item .ico{color:var(--green-text);margin-top:2px}
.trust-item b{display:block;font-family:var(--font-display);font-size:.9375rem}
.trust-item p{margin:0;font-size:.9375rem;color:var(--muted)}
.eligibility{background:var(--navy);color:var(--cream);border-radius:var(--r-lg);padding:var(--s4)}
.eligibility h2{color:var(--white)}
.eligibility a{color:var(--gold)}
.eligibility .checklist .ico{color:var(--green)}
.eligibility small{color:rgba(255,245,225,.8)}
.step-indicator{display:flex;flex-wrap:wrap;gap:var(--s2);margin:0 0 var(--s3);padding:0;list-style:none;counter-reset:si}
.step-indicator li{display:flex;align-items:center;gap:8px;font:600 .9375rem var(--font-display);color:var(--muted)}
.step-indicator li::before{counter-increment:si;content:counter(si);width:28px;height:28px;border-radius:50%;background:var(--paper);border:1px solid var(--line-strong);display:inline-flex;align-items:center;justify-content:center;font-size:.8125rem;color:var(--navy)}
.step-indicator li.is-active{color:var(--navy)}
.step-indicator li.is-active::before{background:var(--gold);border-color:var(--gold)}

/* Notice / alert */
.notice{display:flex;gap:12px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:var(--s2) var(--s3);font-size:.9375rem}
.notice .ico{color:var(--red-text);margin-top:3px}

/* Stats */
.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3)}
@media (min-width:800px){.stat-row{grid-template-columns:repeat(4,1fr)}}
.stat b{display:block;font:700 2rem/1.1 var(--font-display);color:var(--navy)}
.stat span{color:var(--muted);font-size:.9375rem}
.section--navy .stat b{color:var(--gold)}
.section--navy .stat span{color:rgba(255,245,225,.8)}

/* Footer */
.site-footer{background:var(--navy);color:rgba(255,245,225,.85);padding:var(--s6) 0 var(--s4);margin-top:0}
.site-footer a{color:var(--cream)}
.site-footer a:hover{color:var(--gold)}
.footer-grid{display:grid;gap:var(--s4)}
@media (min-width:700px){.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr}}
.footer-brand p{margin:var(--s2) 0}
.footer-h{font:700 .8125rem var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0 0 var(--s2)}
.footer-grid ul li{margin-bottom:8px}
.footer-grid ul a{text-decoration:none}
.footer-grid ul a:hover{text-decoration:underline}
.footer-visit address{font-style:normal;margin-bottom:8px}
.footer-visit .hours{margin:var(--s2) 0}
.footer-visit .hours div{border-color:rgba(255,245,225,.15)}
.hours-compact{font-size:.9375rem}
.footer-legal{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid rgba(255,245,225,.15);font-size:.875rem;color:rgba(255,245,225,.75)}
.footer-legal strong{color:var(--cream)}
.footer-links{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3);margin:var(--s2) 0}
.copyright{margin:0}
.site-footer .rating-badge{background:rgba(255,245,225,.08);border-color:rgba(255,245,225,.15);color:var(--cream)}

/* Utilities */
.mt-0{margin-top:0}.mt-2{margin-top:var(--s2)}.mt-3{margin-top:var(--s3)}.mt-4{margin-top:var(--s4)}
.mb-0{margin-bottom:0}
.center{text-align:center}
.grid-2{display:grid;gap:var(--s3)}
@media (min-width:800px){.grid-2{grid-template-columns:1fr 1fr}}
.pill-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:var(--s2) 0}
.pill-list li{background:var(--paper);border:1px solid var(--line);border-radius:var(--pill);padding:6px 14px;font-size:.9375rem;font-weight:600;color:var(--navy)}
.section--navy .pill-list li{background:rgba(255,245,225,.08);border-color:rgba(255,245,225,.15);color:var(--cream)}
.updated{font-size:.875rem;color:var(--muted)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}
@media print{.site-header,.mobile-menu,.cta-band,.skip-link,.visit-map,.form-shell{display:none!important}body{font-size:11pt}a::after{content:" (" attr(href) ")";font-size:.85em}}

/* --- Patch 2026-09-09: layout fixes found in QA ---
   1. Rates & Fees: the 520px min-width fee table blew out the single-column cost grid on
      phones (page scrolled sideways at 390px). Grid children now allow shrinking so the
      table scrolls inside its own .table-wrap instead of widening the page.
   2. Header: the full desktop header (brand + 5 nav items + phone + Apply) needs about
      1230px, so every multi-word label wrapped onto two lines at 1024-1199px and even at
      1280px the .wrap container was too narrow. The desktop nav now switches on at 1200px
      (the hamburger stays until then), the header gets a wider container, and labels
      never wrap. The matching breakpoint in site.js was changed to 1200 as well. */
.cost-grid>*{min-width:0}
/* header uses the same --wrap as every other section so the logo lines up with page content */
.nav-primary a,.nav-primary button,.header-phone,.header-actions .btn{white-space:nowrap}
.nav-primary a,.nav-primary button{padding:8px 9px;font-size:.875rem}
.nav-primary>ul{gap:2px}
.header-actions{gap:10px}
.header-phone{font-size:.9375rem}
.brand .brand-mark-word{width:168px;height:auto}

/* --- Patch 2026-09-10: two-door homepage hero + gold co-focus ---
   The homepage hero now shows two cards (payday loans / cash for gold) side by side on
   a dark background, each a white .card reused from the services grid. Two things need
   overriding inside them: .page-hero--dark .eyebrow sets gold text for the dark background,
   which is unreadable on the white card, so it's reset to the standard red-text eyebrow
   colour inside .hero-door; and .hero-doors-lead needs the light hero text colour removed
   since it now sits directly on navy, same as before, just renamed to avoid clashing with
   other .lead uses that assume a white background. */
.hero-doors-lead{max-width:68ch;color:rgba(255,245,225,.88)}
.hero-doors{display:grid;grid-template-columns:1fr;gap:var(--s4);margin-top:var(--s4)}
.hero-door{display:flex;flex-direction:column;gap:var(--s2);color:var(--text)}  /* .page-hero--dark sets color:cream on the whole section; the white card needs dark text back */
.hero-door .eyebrow{color:var(--red-text)}
.hero-door-body .btn-row{margin-top:auto;padding-top:var(--s2)}
.hero-door-body{display:flex;flex-direction:column;flex:1;gap:var(--s1)}
.sign-badge{width:120px;height:auto;margin:2px 0 4px;display:block}
@media (min-width:800px){
  .hero-doors{grid-template-columns:1fr 1fr;gap:var(--s5)}
}

/* Gold strip on the homepage. .feature-grid is reused, but the existing .feature styles are
   scoped to .feature (a different markup shape using an <img> icon), so the gold points get
   their own minimal list styling here rather than being forced into that class. */
.section--gold-strip{background:var(--gold-soft)}
.gold-points{list-style:none;margin:0;padding:0}
.gold-points li{display:flex;gap:var(--s2);align-items:flex-start}
.gold-point-ico{flex:none;width:44px;height:44px;border-radius:12px;background:var(--white);color:var(--navy);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}
.gold-points h3{font-size:1.0625rem;margin-bottom:4px}
.gold-points p{margin:0;color:var(--muted);font-size:.9375rem}

/* Patch 2026-09-21
   Header was set to a 1320px container while every other section uses --wrap (1160px), so the
   logo sat ~80px left of the breadcrumb and body content below it. Both now share --wrap. To fit
   the full nav inside 1160 the nav is slightly tighter and, between 1200 and 1319px, the phone
   number collapses to its icon (the number is still in the mobile menu, footer and every CTA). */


/* The list reset on line ~81 (.proof-list et al: margin:0;padding:0) is declared after .wrap
   and has equal specificity, so any element carrying both classes lost .wrap's `margin:0 auto`
   and gutter padding. That left the proof bar left-aligned against the viewport edge instead of
   centred under the page content. Restore .wrap's box for those combinations. */
.wrap.proof-list,.wrap.services-grid,.wrap.checklist,.wrap.steps,.wrap.gold-points{
  margin-left:auto;margin-right:auto;
  padding-left:var(--gutter);padding-right:var(--gutter);
}
/* Gold-door value line: same shape as the loan card's .fee-note so the two hero doors balance. */
.fee-note--gold{color:var(--navy)}
.fee-note--gold .ico{color:var(--gold)}
/* WCAG 2.2 target size (2.5.8): footer and breadcrumb links were 20-21px tall. Padding brings
   the hit area to 24px+ without changing the visual rhythm. Links inside running prose are
   covered by the inline exception and are deliberately left alone. */
.footer-grid ul a,.footer-links a,.footer-legal a{display:inline-block;padding-block:4px}
.breadcrumb a,.breadcrumb li{padding-block:3px}
@media (max-width:767px){
  .footer-grid ul a,.footer-links a,.footer-legal a{padding-block:6px}
}

/* --- Patch 2026-09-21: hero imagery, nav bar, dark-hero contrast ---
   1. Nav current-page marker used `box-shadow: inset 0 -3px 0` on a pill with a 999px
      radius, so the gold bar bent upward at both ends and read as a crooked underline.
      Replaced with an absolutely positioned ::after inset to the text box, so it is a
      straight bar centred under the label.
   2. The phone number used to be hidden between 1200px and 1319px to make the header fit.
      1280px is one of the most common laptop widths and the number is a primary CTA for a
      walk-in business, so the header is tightened instead and the number always shows.
   3. Hero and service illustrations filled only ~26% of their cream panel. Panels are
      shorter and the artwork much larger.
   4. Dark page heroes floated illustrations directly on navy. Artwork with black elements
      (the money-transfer figure, for one) sank into the background. Inner-page hero images
      now sit on the same cream panel used by the homepage cards. */

/* header fits at 1280 with the phone number visible */
.site-header .brand-mark-word{width:165px;height:auto}
.nav-primary a,.nav-primary button{padding:8px 9px}
.nav-primary>ul{gap:0}
.header-actions{gap:10px}

/* Illustration panels: homepage hero doors and the services grid.
   Earlier versions sized the artwork with percentage heights inside a flex or grid panel whose
   height came only from aspect-ratio. Chrome treats that height as definite. Safari on iPhone
   does not always, so the image fell back to its natural size and sat in the top-left corner of
   the panel instead of filling and centring. The artwork is now absolutely positioned inside
   the panel. An absolutely positioned box resolves percentages against the panel's rendered
   size in every engine, so the image is always the full panel minus the inset, and
   object-fit/object-position centre it. The illustration files were also trimmed of their
   built-in transparent margins so the figure itself, not its canvas, is what gets centred. */
.service-media{--inset:12px;position:relative;display:block;padding:0;overflow:hidden}
.service-media>picture,.service-media>img{position:absolute;top:var(--inset);left:var(--inset);width:calc(100% - var(--inset) * 2);height:calc(100% - var(--inset) * 2);margin:0;display:block}
.service-media picture>img{position:static;width:100%;height:100%}
.service-media img{max-width:none;object-fit:contain;object-position:50% 50%;display:block}
.hero-door-media{aspect-ratio:3/2}
@media (max-width:799px){.hero-door-media{aspect-ratio:4/3;--inset:10px}}
/* iOS 14 and older lack aspect-ratio; without this the panel would collapse to zero height */
@supports not (aspect-ratio:1/1){
  .service-media{height:0;padding-top:75%}
  .hero-door-media{padding-top:66.667%}
  @media (max-width:799px){.hero-door-media{padding-top:75%}}
}

/* dark-hero illustrations get a cream panel so nothing sinks into the navy */
.page-hero--dark .hero-media{background:var(--cream);border-radius:var(--r);padding:var(--s3);align-items:center;box-shadow:0 20px 40px rgba(0,0,0,.28)}
.page-hero--dark .hero-media img{filter:none;max-height:380px}
@media (max-width:699px){
  .page-hero--dark .hero-media{padding:var(--s2)}
  .page-hero--dark .hero-media img{max-height:260px}
}

/* --- 2026-09-28: five-service layout ---------------------------------------------------
   Two primary services (cash for gold, payday loans) and three counter services. Desktop is a
   six-column bento: the primary two span three columns each as wide horizontal cards, the
   other three span two columns each as compact vertical cards. Tablet is two columns with the
   fifth card spanning the row. Phones get compact image-left rows, so five services do not
   become five full-height cards stacked in a column. */
.services-grid--five{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s3)}
.service-body{display:flex;flex-direction:column;flex:1;min-width:0}
.service-body p{margin-bottom:var(--s1)}
.service-body .text-link{margin-top:auto;padding-top:var(--s1)}
@media (max-width:599px){
  .services-grid--five{gap:var(--s2)}
  .services-grid--five .service-link{display:grid;grid-template-columns:minmax(0,36%) minmax(0,1fr);column-gap:var(--s2);align-items:center;padding:var(--s2)}
  .services-grid--five .service-media{aspect-ratio:1/1;--inset:6px}
  .services-grid--five .service-link h3{margin-top:0;font-size:1.0625rem}
  .services-grid--five .service-link h3::after{margin-top:6px}
  .services-grid--five .service-body p{font-size:.9375rem;margin-bottom:6px}
}
@media (min-width:600px) and (max-width:899px){
  .services-grid--five{grid-template-columns:repeat(2,minmax(0,1fr))}
  .services-grid--five>li:last-child{grid-column:1/-1}
  .services-grid--five>li:last-child .service-link{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);column-gap:var(--s3);align-items:center}
  .services-grid--five>li:last-child .service-link h3{margin-top:0}
}
@media (min-width:900px){
  .services-grid--five{grid-template-columns:repeat(6,minmax(0,1fr))}
  .services-grid--five>li{grid-column:span 2}
  .services-grid--five>li.service-card--feature{grid-column:span 3}
  .service-card--feature .service-link{display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr);column-gap:var(--s3);align-items:center}
  .service-card--feature .service-media{aspect-ratio:1/1}
  .service-card--feature .service-link h3{margin-top:0;font-size:1.375rem}
}
@supports not (aspect-ratio:1/1){
  .service-card--feature .service-media{padding-top:100%}
  @media (max-width:599px){.services-grid--five .service-media{padding-top:100%}}
}

/* --- 2026-09-28: design pass ------------------------------------------------------------
   Labels: small tracked all-caps labels sat above almost every heading, most repeating it.
   The ones that carry information (licence number, last-updated dates, what to expect)
   remain, set in sentence case; the rest were removed from the markup.
   Text-only heroes (FAQ, rates, contact, borrower rights, privacy, terms) were centred in
   an 820px column, so their titles sat 170px right of the content beneath them. They now
   share the page's left edge, with the line length limited on the copy itself. */
.eyebrow{font:600 .9375rem/1.4 var(--font-display);letter-spacing:0;text-transform:none}
.hero-grid--single{max-width:var(--wrap);grid-template-columns:minmax(0,1fr)}
.hero-grid--single .hero-copy{max-width:46rem}
.hero-door .hero-door-title{font:700 1.5rem/1.2 var(--font-display);color:var(--navy);margin:0 0 var(--s1);letter-spacing:-.01em}
@media (max-width:599px){.hero-door .hero-door-title{font-size:1.375rem}}