/* Listing Mammoth brand system (site v2, 2026-10-19). Palette: Glacier + Ember. Ember (#C2410C) is used ONLY by .cta (one per screen). */
@font-face{font-family:Montserrat;font-weight:800;font-style:normal;font-display:swap;src:url(/assets/fonts/montserrat-800.woff2) format('woff2')}
@font-face{font-family:Montserrat;font-weight:900;font-style:normal;font-display:swap;src:url(/assets/fonts/montserrat-900.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/nunito-sans-400.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/nunito-sans-700.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-weight:800;font-style:normal;font-display:swap;src:url(/assets/fonts/nunito-sans-800.woff2) format('woff2')}
:root{--glacier:#1559A0;--glacier-d:#124C88;--ink:#0F1E2B;--slate:#4A5B6A;--white:#fff;--frost:#F1F6FA;--ice:#D6EAF8;--rime:#D3DEE7;--line:#7A8B99;--ember:#C2410C;--ember-d:#9A3412;--teal:#0B7A75;--amber:#A35200;--red:#B42318;--ice-blue:#8EC1E8;
  --head:Montserrat,'Arial Black',system-ui,sans-serif;--body:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--r:16px;--pad:20px;--max:1080px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font:400 17px/26px var(--body);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;display:block}
h1,h2,h3,h4{font-family:var(--head);font-weight:800;margin:0;letter-spacing:-.01em;text-wrap:balance}
h1{font-size:28px;line-height:34px}h2{font-size:22px;line-height:28px}h3{font-size:18px;line-height:22px}
p{margin:0}
a{color:var(--glacier);text-underline-offset:3px}
a:hover{color:var(--glacier-d)}
:focus-visible{outline:3px solid var(--glacier);outline-offset:2px;border-radius:4px}
.eyebrow{display:block;font:800 12px/16px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--glacier)}
.help,.hint{font-size:15px;line-height:22px;color:var(--slate)}
.small{font:700 13px/18px var(--body);color:var(--slate)}
.num{font-variant-numeric:tabular-nums}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.narrow{max-width:560px;margin:0 auto}
.stack>*+*{margin-top:12px}.stack-lg>*+*{margin-top:24px}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}

/* buttons */
.cta,.btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 22px;border:0;border-radius:14px;background:var(--ember);color:#fff;font:800 18px/22px var(--head);text-decoration:none;cursor:pointer;width:100%;transition:background .15s,transform .1s}
.cta:hover,.btn:hover{background:var(--ember-d);color:#fff}.cta:active,.btn:active{transform:scale(.99)}
.cta:disabled,.btn:disabled{background:#E7ECF0;color:#6B7883;cursor:default}
.sec,.btn.secondary{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border:2px solid var(--glacier);border-radius:14px;background:#fff;color:var(--glacier);font:800 16px/20px var(--head);text-decoration:none;cursor:pointer;width:100%}
.sec:hover,.btn.secondary:hover{background:var(--frost);color:var(--glacier-d)}
.btn.small,.sec.small{min-height:40px;font-size:14px;padding:0 14px;width:auto;border-radius:10px}
.link{background:none;border:0;padding:6px 0;color:var(--glacier);font:700 15px var(--body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (min-width:720px){.cta,.btn,.sec,.btn.secondary{width:auto}}

/* forms */
label{display:block;font:700 15px/20px var(--body);margin:0 0 6px}
input[type=text],input[type=url],input[type=email],input:not([type]),textarea{width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font:400 17px/24px var(--body);color:var(--ink);background:#fff}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{color:#6B7883}
input:focus,textarea:focus{outline:3px solid var(--glacier);outline-offset:1px;border-color:var(--glacier)}
.err{color:var(--red);font:700 15px/22px var(--body)}

/* header / footer */
.site-h{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--rime)}
.site-h .wrap{display:flex;align-items:center;gap:16px;height:60px}
.logo{display:flex;align-items:center;flex:none}.logo img{height:40px;width:auto;margin-left:-6px}
.logo .badge-m{display:none}
.site-h nav{display:none;gap:22px;margin-left:auto}
.site-h nav a{font:700 15px var(--body);color:var(--ink);text-decoration:none}.site-h nav a:hover,.site-h nav a[aria-current]{color:var(--glacier)}
.site-h .hcta{margin-left:auto;min-height:40px;width:auto;font-size:14px;padding:0 14px;border-radius:10px;white-space:nowrap;flex:none}
.site-h .logo img{max-width:200px;height:auto}
@media (min-width:860px){.site-h nav{display:flex}.site-h .hcta{margin-left:8px}}
.site-f{background:var(--ink);color:#C9D6E1;padding:44px 0 36px;margin-top:0;font-size:15px;line-height:22px}
.site-f a{color:var(--ice-blue)}.site-f a:hover{color:#fff}
.site-f .cols{display:grid;gap:28px;grid-template-columns:1fr}
.site-f h4{font:800 13px var(--body);letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:10px}
.site-f ul{list-style:none;margin:0;padding:0}.site-f li{margin:6px 0}
.site-f .fine{margin-top:28px;padding-top:18px;border-top:1px solid #23384A;font-size:13px;line-height:19px;color:#9FB0BF}
.site-f img{height:40px;width:auto;margin:-6px 0 10px -6px}
@media (min-width:720px){.site-f .cols{grid-template-columns:1.4fr 1fr 1fr 1fr}}

/* sections */
.sec-band{padding:48px 0}.sec-band.frost{background:var(--frost)}.sec-band.ink{background:var(--ink);color:#fff}
.sec-band h2{margin-bottom:10px}.sec-band .lead{color:var(--slate);max-width:640px}
@media (min-width:860px){h1{font-size:40px;line-height:46px}h2{font-size:30px;line-height:36px}body{font-size:18px;line-height:28px}.sec-band{padding:72px 0}}
.panel{border:1px solid var(--rime);border-radius:var(--r);padding:18px 20px;background:#fff}
.panel.frost{background:var(--frost);border-color:transparent}
.panel.next{border:2px solid var(--glacier)}
.grid2{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:720px){.grid2{grid-template-columns:1fr 1fr}.grid3{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}}
.ticks{list-style:none;margin:0;padding:0}.ticks li{position:relative;padding-left:28px;margin:8px 0}
.ticks li::before{content:"";position:absolute;left:2px;top:7px;width:14px;height:8px;border-left:3px solid var(--teal);border-bottom:3px solid var(--teal);transform:rotate(-45deg)}
.steps-list{counter-reset:s;list-style:none;margin:0;padding:0;display:grid;gap:14px}
.steps-list li{counter-increment:s;position:relative;padding:16px 18px 16px 62px;border:1px solid var(--rime);border-radius:var(--r)}
.steps-list li::before{content:counter(s);position:absolute;left:18px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--ice);color:var(--glacier);font:900 16px/30px var(--head);text-align:center}
.steps-list b{font-family:var(--head);font-weight:800}

/* chips & bars */
.chip{display:inline-flex;align-items:center;border:2px solid currentColor;border-radius:999px;padding:2px 10px;font:800 12px/18px var(--body);letter-spacing:.06em;text-transform:uppercase}
.chip.strong{color:var(--teal)}.chip.needs_work{color:var(--amber)}.chip.at_risk{color:var(--red)}.chip.muted{color:var(--slate)}
.cbar{height:8px;background:var(--ice);border-radius:4px;overflow:hidden}.cbar i{display:block;height:100%;border-radius:4px;background:var(--glacier)}
.cbar i.strong{background:var(--teal)}.cbar i.needs_work{background:var(--amber)}.cbar i.at_risk{background:var(--red)}

/* FAQ */
.faq details{border-bottom:1px solid var(--rime);padding:14px 0}
.faq summary{cursor:pointer;font:800 17px/24px var(--head);list-style:none;display:flex;justify-content:space-between;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--glacier);font-size:22px;line-height:24px;flex:none}
.faq details[open] summary::after{content:"−"}
.faq details>div{margin-top:8px;color:var(--slate)}

/* prose (legal, blog, how-we-score) */
.prose{max-width:68ch}
.prose h1{margin-bottom:14px}.prose h2{margin:34px 0 10px}.prose h3{margin:24px 0 8px}
.prose p,.prose ul,.prose ol{margin:0 0 14px}.prose li{margin:4px 0}
.prose table{border-collapse:collapse;width:100%;font-size:15px;line-height:22px;margin:0 0 18px}
.prose th,.prose td{border-bottom:1px solid var(--rime);padding:8px 6px;text-align:left;vertical-align:top}
.prose th{font:800 13px var(--body);letter-spacing:.04em;text-transform:uppercase;color:var(--slate)}
.rulebox{border-left:4px solid var(--glacier);background:var(--frost);border-radius:0 12px 12px 0;padding:14px 16px;margin:18px 0}
.rulebox .eyebrow{margin-bottom:4px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
