/* AZMortgage.com — site styles (after tokens.css + base.css) */
@font-face{font-family:"Public Sans";font-style:normal;font-weight:100 900;font-display:optional;src:url(https://fonts.gstatic.com/s/publicsans/v21/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;color:var(--brand)}
h1{font-weight:700}
body{color:#1b2333}
a{color:var(--brand)}

/* header */
.brand img{height:34px;width:auto}
.site-header{background:#fff}
.nav a{color:#33405a;font-size:.95rem}
.head-call{display:none}
.btn-primary{box-shadow:none}
.btn-gold{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.btn-gold:hover{filter:brightness(1.06)}
.nav a.btn-gold,.nav a.btn-gold:hover{color:var(--accent-ink)}
.btn svg{flex:none}
@media(max-width:860px){
  .head-call{display:inline-flex;margin-left:auto;padding:.65em .9em;min-height:44px}
  .head-call span{font-size:.95rem}
  .nav-toggle{min-width:44px;min-height:44px}
  .brand img{height:28px}
}

/* hero */
.hero.dark{background:var(--brand);color:#fff;padding-block:clamp(3rem,8vw,6.5rem) clamp(3rem,7vw,5.5rem)}
.hero.dark h1{color:#fff;font-size:clamp(2.35rem,1.4rem + 4.4vw,4.6rem);line-height:1.02;max-width:15ch;margin-bottom:var(--s-5)}
.hero.dark .lede{color:#d5dbe6;max-width:54ch}
.hero.dark .btn-outline{color:#fff;border-color:rgba(255,255,255,.55)}
.hero.dark .btn-outline:hover{background:#fff;color:var(--brand);border-color:#fff}
.hero-note{margin-top:var(--s-6);padding-top:var(--s-4);border-top:1px solid rgba(255,255,255,.18);color:#c3cbd9;font-size:var(--fs-sm);max-width:60ch}
.hero-note strong{color:#fff;font-weight:700}
.hero .gold-rule{width:72px;height:6px;background:var(--accent);margin-bottom:var(--s-5)}

/* the ledger: how you earn → where to start */
.ledger{margin:0;border-top:2px solid var(--brand)}
.ledger-head{display:none}
.ledger>div{display:grid;gap:var(--s-2) var(--s-6);grid-template-columns:1fr;padding:var(--s-5) 0;border-bottom:1px solid #d9dde4}
.ledger dt{font-size:clamp(1.15rem,1rem + .7vw,1.5rem);line-height:1.3;color:#1b2333;max-width:30ch}
.ledger dd{margin:0;border-left:4px solid var(--accent);padding-left:var(--s-4)}
.ledger dd strong{display:block;font-size:var(--fs-lg);color:var(--brand)}
.ledger dd a{text-decoration:none}
.ledger dd a:hover strong{text-decoration:underline;text-underline-offset:.15em}
.ledger dd span{display:block;color:#4b5563;font-size:var(--fs-sm);margin-top:.2em;max-width:52ch}
@media(min-width:820px){
  .ledger-head{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--s-6);font-size:var(--fs-sm);color:#4b5563;padding:0 0 var(--s-3)}
  .ledger>div{grid-template-columns:1.15fr 1fr;align-items:start}
}
.ledger-foot{margin-top:var(--s-5);color:#4b5563;font-size:var(--fs-sm)}

/* broker argument */
.broker{display:grid;gap:var(--s-7);grid-template-columns:1fr}
@media(min-width:880px){.broker{grid-template-columns:1.2fr 1fr;align-items:start}}
.checks{list-style:none;padding:0;margin:0;border-top:1px solid #d9dde4}
.checks li{padding:.8rem 0 .8rem 2rem;border-bottom:1px solid #d9dde4;position:relative;font-weight:600;color:var(--brand)}
.checks li::before{content:"";position:absolute;left:.15rem;top:1.15rem;width:.9rem;height:.45rem;border-left:3px solid var(--accent);border-bottom:3px solid var(--accent);transform:rotate(-45deg)}
.checks-title{font-size:var(--fs-lg);margin-bottom:var(--s-4)}
.pullquote{color:var(--brand);font-weight:700;max-width:32ch}
blockquote{margin:var(--s-7) 0 0;padding-left:var(--s-5);border-left:4px solid var(--accent)}
blockquote footer{margin-top:var(--s-3);color:#4b5563;font-size:var(--fs-sm)}

/* also: compact list */
.list-rows{border-top-color:#d9dde4}
.list-rows li{border-bottom-color:#d9dde4;grid-template-columns:1fr}
@media(min-width:760px){.list-rows li{grid-template-columns:minmax(14rem,1fr) 2fr}}
.list-rows h3{color:var(--brand)}
.list-rows h3 a{text-decoration:none}
.list-rows h3 a:hover{text-decoration:underline}
.list-rows p{margin:0;font-size:var(--fs-md);color:#3d4656}
.cities{font-size:var(--fs-lg);line-height:1.6;max-width:62ch;color:#1b2333}

/* contact */
.contact-grid{display:grid;gap:var(--s-7);grid-template-columns:1fr}
@media(min-width:900px){.contact-grid{grid-template-columns:1fr 1.1fr}}
.nap{margin:var(--s-5) 0 0;display:grid;gap:var(--s-4)}
.nap div{display:grid;gap:.1rem}
.nap dt{font-size:var(--fs-sm);color:#4b5563}
.nap dd{margin:0;font-size:var(--fs-lg);font-weight:700;color:var(--brand)}
.nap a{text-decoration:none}
.nap a:hover{text-decoration:underline}
.quote-box{background:#fff;border:1px solid #d9dde4;border-top:6px solid var(--accent);padding:clamp(1.25rem,3vw,2rem);border-radius:var(--radius)}
.quote-box h3{margin-bottom:var(--s-2)}
.form select{appearance:auto}
.form input,.form select{min-height:44px}
.form .fine{font-size:var(--fs-xs);color:#4b5563;margin:0}
.form button{min-height:48px}

/* inner pages */
.page-head{background:var(--brand);color:#fff;padding-block:clamp(2.5rem,6vw,4.5rem)}
.page-head h1{color:#fff;font-size:clamp(2rem,1.3rem + 3vw,3.4rem);max-width:22ch}
.page-head .lede{color:#d5dbe6}
.crumbs{font-size:var(--fs-sm);color:#c3cbd9;margin-bottom:var(--s-4)}
.crumbs a{color:#fff}
.prose{max-width:70ch}
.prose h2{font-size:var(--fs-xl);margin-top:var(--s-7)}
.prose h2:first-child{margin-top:0}
.prose ul{margin:0 0 var(--s-4)}
.prose li{margin-bottom:.4em}
.aside-call{border-top:6px solid var(--accent);background:var(--bg-alt);padding:var(--s-6);border-radius:var(--radius)}
.aside-call h2{font-size:var(--fs-lg)}
.page-grid{display:grid;gap:var(--s-7);grid-template-columns:1fr}
@media(min-width:960px){.page-grid{grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);align-items:start}}
.related a{text-decoration:none}
.related a:hover{text-decoration:underline}
.prose ul ul{margin-top:.4em}
.related{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.plain-list{columns:2 14rem;padding-left:1.1em}

/* footer */
.site-footer{background:var(--night);color:#c9d0dc}
.site-footer .brand img{height:30px}
.footer-legal{margin-top:var(--s-6);color:#aab3c2;font-size:var(--fs-xs);max-width:90ch}
.footer-bottom{color:#aab3c2}