/* Below-the-fold styles for My PCP Claim. Critical styles are inlined from critical.css. */
/* ───────── Cards and grids ───────── */
.grid { display: grid; gap: 1.5rem; }
.grid-2 { display: grid; gap: 1.5rem; }
@media (min-width: 768px) { .grid-2 { grid-template-columns: repeat(2, 1fr); } }
.grid-3 { display: grid; gap: 1.5rem; }
@media (min-width: 768px) { .grid-3 { grid-template-columns: repeat(3, 1fr); } }
.grid-2-3 { display: grid; gap: 1.5rem; }
@media (min-width: 768px) { .grid-2-3 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .grid-2-3 { grid-template-columns: repeat(3, 1fr); } }
.grid-2-4 { display: grid; gap: 2rem; }
@media (min-width: 768px) { .grid-2-4 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .grid-2-4 { grid-template-columns: repeat(4, 1fr); } }
.grid-brands { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 640px) { .grid-brands { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1024px) { .grid-brands { grid-template-columns: repeat(4, 1fr); } }
.grid-lenders { display: grid; gap: 1.25rem; }
@media (min-width: 768px) { .grid-lenders { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .grid-lenders { grid-template-columns: repeat(3, 1fr); } }
.grid-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }

.glass-card { position: relative; border-radius: 1rem; padding: 2rem; background: rgba(255,255,255,.05); backdrop-filter: blur(4px); display: flex; flex-direction: column; height: 100%; }
.glass-wrap { position: relative; height: 100%; }
.glass-wrap::before { content: ""; position: absolute; inset: -1px; border-radius: 1rem; opacity: .6; filter: blur(1px); background: linear-gradient(135deg, var(--primary), var(--secondary)); transition: opacity .2s; }
.glass-wrap:hover::before { opacity: 1; }
.glass-card .ic { color: var(--accent); margin-bottom: 1.5rem; }
.glass-card .ic .icon { width: 60px; height: 60px; }
@media (min-width: 768px) { .glass-card .ic .icon { width: 70px; height: 70px; } }
.glass-card h3 { font-size: 1.25rem; color: #fff; margin-bottom: .75rem; }
.glass-card p { color: rgba(255,255,255,.75); font-size: .875rem; line-height: 1.6; margin-bottom: 1.5rem; flex: 1; }
.link-accent { display: inline-flex; align-items: center; gap: .5rem; color: var(--accent); font-weight: 600; font-size: .875rem; transition: gap .15s; }
.link-accent:hover { gap: .75rem; }
.link-accent .icon { width: 16px; height: 16px; }
.link-primary { display: inline-flex; align-items: center; gap: .5rem; color: var(--primary); font-weight: 600; transition: gap .15s; }
.link-primary:hover { gap: .75rem; }
.link-primary .icon { width: 16px; height: 16px; }

.feature-card { border-radius: 1rem; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.04); padding: 1.5rem; backdrop-filter: blur(4px); transition: transform .15s, border-color .15s, background .15s; height: 100%; }
.feature-card:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.06); }
.feature-card .ic { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: .75rem; background: linear-gradient(135deg, var(--primary), var(--secondary)); color: #fff; box-shadow: 0 10px 15px -3px rgba(70,58,202,.3); margin-bottom: 1.25rem; }
.feature-card .ic .icon { width: 22px; height: 22px; }
.feature-card h3 { font-size: 1.125rem; color: #fff; margin-bottom: .5rem; }
.feature-card p { font-size: .875rem; color: rgba(255,255,255,.65); line-height: 1.6; }
.feature-card.p-8 { padding: 2rem; }
.feature-card.p-8 p { color: rgba(255,255,255,.75); }

.card { background: var(--card); border: 1px solid var(--border); border-radius: 1rem; padding: 1.5rem; }
.card.p-8 { padding: 2rem; }
@media (min-width: 768px) { .card.md-p-8 { padding: 2rem; } .card.md-p-12 { padding: 3rem; } }
.card-xl { border-radius: 1.5rem; }
.soft-box { border-radius: var(--radius); background: rgba(243,244,246,.6); border: 1px solid var(--border); padding: 1.25rem; }
.soft-box .t { font-size: .875rem; font-weight: 600; margin-bottom: .25rem; }
.soft-box .d { font-size: .875rem; color: var(--muted-fg); line-height: 1.6; }
.note-italic { font-size: .875rem; color: var(--muted-fg); font-style: italic; line-height: 1.6; }
.callout { border-radius: 1rem; border-left: 4px solid var(--accent); background: rgba(243,244,246,.5); padding: 1.5rem; }
@media (min-width: 768px) { .callout { padding: 2rem; } }
.callout-primary { border-radius: 1rem; border-left: 4px solid var(--primary); background: var(--muted); padding: 1.5rem; }
@media (min-width: 768px) { .callout-primary { padding: 2rem; } }
.timing-note { border-radius: var(--radius); border-left: 4px solid var(--accent); background: rgba(243,244,246,.6); padding: 1.25rem; display: flex; gap: .75rem; align-items: flex-start; }
.timing-note .icon { width: 18px; height: 18px; color: rgba(13,15,22,.7); margin-top: .125rem; }
.timing-note .t { font-size: .875rem; font-weight: 600; margin-bottom: .25rem; }
.timing-note .d { font-size: .875rem; color: var(--muted-fg); line-height: 1.6; }
.strip { background: rgba(243,244,246,.4); border-left: 4px solid var(--accent); padding-block: 2rem; }
.strip h2 { font-size: 1.125rem; font-weight: 600; margin-bottom: .75rem; }
.strip p { font-size: .875rem; color: var(--muted-fg); line-height: 1.6; }

.step { text-align: center; position: relative; }
.step .ic { position: relative; margin: 0 auto 1.5rem; width: 5rem; height: 5rem; border-radius: 1.5rem; background: linear-gradient(135deg, rgba(70,58,202,.1), rgba(107,38,217,.1)); display: flex; align-items: center; justify-content: center; color: var(--primary); }
.step .ic .icon { width: 2.25rem; height: 2.25rem; }
.step .num { position: absolute; top: -.5rem; right: -.5rem; width: 1.75rem; height: 1.75rem; border-radius: 9999px; background: linear-gradient(135deg, var(--primary), var(--secondary)); color: #fff; font-size: .75rem; font-weight: 700; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1); }
.step h3 { font-size: 1.125rem; margin-bottom: .5rem; }
.step p { font-size: .875rem; color: var(--muted-fg); line-height: 1.6; }

.mini-steps { display: grid; gap: 1.25rem; }
@media (min-width: 768px) { .mini-steps { grid-template-columns: repeat(3, 1fr); } }
.mini-step { border-radius: var(--radius); background: rgba(243,244,246,.5); border: 1px solid var(--border); padding: 1.25rem; }
.mini-step .n { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 9999px; background: var(--accent); color: var(--accent-fg); font-weight: 700; font-size: .875rem; margin-bottom: .75rem; }
.mini-step h3 { font-size: 1rem; font-weight: 600; margin-bottom: .5rem; }
.mini-step p { font-size: .875rem; color: var(--muted-fg); line-height: 1.6; }

.check-list li { display: flex; gap: .75rem; line-height: 1.7; }
.check-list li + li { margin-top: .75rem; }
.check-list .icon { width: 20px; height: 20px; flex-shrink: 0; margin-top: .25rem; color: var(--primary); }
.check-list.checks .icon { color: var(--accent-fg); margin-top: .125rem; }
.check-list.on-dark { color: rgba(255,255,255,.8); }
.check-list.on-dark .icon { color: var(--accent); }

.testimonial { position: relative; background: var(--card); border: 1px solid var(--border); border-radius: 1rem; padding: 1.5rem; box-shadow: 0 1px 2px rgba(0,0,0,.05); transition: box-shadow .2s, border-color .2s; margin: 0; }
.testimonial:hover { box-shadow: 0 10px 15px -3px rgba(0,0,0,.1); border-color: rgba(70,58,202,.2); }
.testimonial .q { position: absolute; top: 1rem; right: 1rem; width: 32px; height: 32px; color: rgba(70,58,202,.08); }
.testimonial blockquote { margin: .75rem 0 1.25rem; }
.testimonial .t { font-weight: 600; margin-bottom: .5rem; }
.testimonial .b { font-size: .875rem; color: rgba(13,15,22,.7); line-height: 1.6; }
.testimonial figcaption { display: flex; align-items: center; gap: .75rem; }
.testimonial .av { width: 2.25rem; height: 2.25rem; border-radius: 9999px; background: linear-gradient(135deg, var(--primary), var(--secondary)); color: #fff; font-size: .875rem; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.testimonial cite { font-style: normal; font-size: .875rem; font-weight: 600; display: block; }
.testimonial .d { font-size: .75rem; color: var(--muted-fg); }

.stat .v { font-size: 1.875rem; font-weight: 800; color: var(--accent); margin-bottom: .25rem; }
@media (min-width: 768px) { .stat .v { font-size: 2.25rem; } }
.stat .l { font-size: .875rem; color: rgba(255,255,255,.6); }
.stat.light .v { color: var(--primary); font-size: 1.5rem; }
@media (min-width: 768px) { .stat.light .v { font-size: 2.25rem; } }
.stat.light .l { color: var(--muted-fg); font-size: .75rem; }
@media (min-width: 768px) { .stat.light .l { font-size: .875rem; } }
.stats-box { border-radius: 1rem; border: 1px solid var(--border); background: rgba(243,244,246,.5); padding: 1.5rem; }
@media (min-width: 768px) { .stats-box { padding: 2rem; } }

/* ───────── FAQ accordion (details) ───────── */
.faq-list > * + * { margin-top: .75rem; }
.faq { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 0 1.5rem; transition: box-shadow .2s; }
.faq[open] { box-shadow: 0 4px 6px -1px rgba(0,0,0,.1); }
.faq summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem 0; font-weight: 600; font-size: 1rem; text-align: left; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary .icon { width: 16px; height: 16px; color: var(--muted-fg); transition: transform .2s; flex-shrink: 0; }
.faq[open] summary .icon { transform: rotate(180deg); }
.faq .a { color: var(--muted-fg); line-height: 1.7; padding-bottom: 1.25rem; white-space: pre-line; }
.faq .a a { color: var(--primary); text-decoration: underline; text-underline-offset: 2px; }
.faq.dark { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.1); }
.faq.dark summary { color: #fff; }
.faq.dark .a { color: rgba(255,255,255,.7); }

/* ───────── Brand cards ───────── */
.brand-card { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: 10rem; height: 100%; border-radius: var(--radius); border: 1px solid var(--border); background: var(--card); padding: 1.25rem; transition: transform .15s, border-color .15s, box-shadow .15s; }
.brand-card:hover { transform: translateY(-2px); border-color: rgba(70,58,202,.3); box-shadow: 0 10px 15px -3px rgba(0,0,0,.1); }
.brand-card .logo { height: 2.5rem; width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; }
.brand-card .logo img { max-height: 2rem; max-width: 6rem; object-fit: contain; }
.brand-card .n { font-weight: 800; line-height: 1.2; }
.brand-card .c { margin-top: .25rem; font-size: .875rem; font-weight: 500; color: var(--muted-fg); }
.monogram { width: 3rem; height: 3rem; border-radius: .5rem; background: var(--muted); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: .875rem; }
.lender-mini { display: flex; flex-direction: column; height: 100%; border-radius: var(--radius); background: var(--card); border: 1px solid var(--border); padding: 1.25rem; transition: border-color .15s, box-shadow .15s; }
.lender-mini:hover { border-color: var(--accent); box-shadow: 0 4px 6px -1px rgba(0,0,0,.1); }
.lender-mini .logo { margin-bottom: .75rem; }
.lender-mini .logo img { width: 3rem; height: 3rem; object-fit: contain; }
.lender-mini .n { font-weight: 600; line-height: 1.25; margin-bottom: .25rem; }
.lender-mini .c { font-size: .75rem; color: var(--muted-fg); margin-bottom: .75rem; }
.lender-mini .v { margin-top: auto; display: inline-flex; align-items: center; gap: .25rem; font-size: .875rem; font-weight: 500; color: rgba(13,15,22,.8); padding-top: .5rem; }
.lender-mini .v .icon { width: 14px; height: 14px; }

.lender-card { display: flex; flex-direction: column; height: 100%; min-height: 14rem; border-radius: var(--radius); border: 1px solid var(--border); background: var(--card); padding: 1.25rem; transition: transform .15s, border-color .15s, box-shadow .15s; }
.lender-card:hover { transform: translateY(-2px); border-color: rgba(70,58,202,.3); box-shadow: 0 10px 15px -3px rgba(0,0,0,.1); }
.lender-card .top { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; margin-bottom: 1rem; }
.lender-card .top img { max-height: 2rem; max-width: 7.5rem; object-fit: contain; object-position: left; }
.lender-card .type { flex-shrink: 0; border-radius: 9999px; border: 1px solid rgba(70,58,202,.2); background: rgba(70,58,202,.1); padding: .25rem .625rem; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--primary); }
.lender-card .n { font-size: 1.125rem; font-weight: 800; line-height: 1.2; }
.lender-card .p { margin-top: .125rem; font-size: .875rem; font-weight: 500; color: var(--muted-fg); line-height: 1.4; }
.lender-card .prov { margin-top: .75rem; font-size: .875rem; color: var(--muted-fg); }
.lender-card .prov b { color: var(--fg); }
.lender-card .foot { margin-top: auto; border-top: 1px solid var(--border); padding-top: .75rem; display: flex; align-items: center; justify-content: space-between; gap: .75rem; font-size: .875rem; font-weight: 700; color: var(--muted-fg); }
.lender-card .foot .v { display: inline-flex; align-items: center; gap: .375rem; color: var(--primary); }
.lender-card .foot .icon { width: 16px; height: 16px; }

.tabs { display: grid; grid-template-columns: 1fr 1fr; max-width: 28rem; margin: 0 auto 2.5rem; border-radius: var(--radius); background: var(--muted); padding: .25rem; }
.tabs a { border-radius: .5rem; padding: .5rem 1rem; text-align: center; font-size: .875rem; font-weight: 700; color: var(--muted-fg); }
.tabs a:hover { color: var(--fg); }
.tabs a[aria-selected="true"] { background: var(--card); color: var(--fg); box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.chip { display: inline-flex; align-items: center; border-radius: 9999px; background: var(--muted); padding: .5rem 1rem; font-size: .875rem; font-weight: 500; transition: background .15s, color .15s; }
.chip:hover { background: var(--accent); color: var(--accent-fg); }
.chips-dark .chip { background: rgba(255,255,255,.06); color: rgba(255,255,255,.8); border: 1px solid rgba(255,255,255,.08); }
.chips-dark .chip:hover { background: var(--accent); color: var(--accent-fg); }
.label-upper { font-size: .875rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--muted-fg); margin-bottom: 1rem; }

.breadcrumb { margin-bottom: 1.5rem; }
.breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: .375rem; font-size: .875rem; }
.breadcrumb li { display: flex; align-items: center; gap: .375rem; }
.breadcrumb a { color: rgba(255,255,255,.6); }
.breadcrumb a:hover { color: #fff; }
.breadcrumb .cur { color: #fff; font-weight: 500; }
.breadcrumb .icon { width: 14px; height: 14px; color: rgba(255,255,255,.6); }

.related-link { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; border-radius: var(--radius); background: var(--card); border: 1px solid var(--border); padding: 1.25rem; transition: border-color .15s; height: 100%; }
.related-link:hover { border-color: var(--accent); }
.related-link .t { font-weight: 600; }
.related-link .d { font-size: .875rem; color: var(--muted-fg); margin-top: .25rem; }
.related-link .icon { width: 18px; height: 18px; color: var(--muted-fg); margin-top: .25rem; flex-shrink: 0; }

.model-grid { display: grid; gap: .75rem; }
@media (min-width: 640px) { .model-grid { grid-template-columns: repeat(2, 1fr); } }
.model-card { border-radius: .5rem; background: var(--card); border: 1px solid var(--border); padding: 1rem; }
.model-card .n { font-weight: 600; font-size: .875rem; }
.model-card .d { font-size: .75rem; color: var(--muted-fg); margin-top: .25rem; line-height: 1.6; }
.model-list li + li { margin-top: .75rem; }
.model-list .n { font-weight: 600; }
.model-list .d { font-size: .875rem; color: var(--muted-fg); line-height: 1.6; }

/* ───────── Timeline ───────── */
.timeline { position: relative; border-left: 2px solid rgba(70,58,202,.2); margin-left: .75rem; }
.timeline li { position: relative; padding-left: 1.5rem; }
.timeline li + li { margin-top: 1.75rem; }
.timeline li::before { content: ""; position: absolute; left: -9px; top: .375rem; width: 1rem; height: 1rem; border-radius: 9999px; background: rgba(101,117,139,.4); }
.timeline li.past::before { background: var(--primary); }
.timeline .d { font-weight: 700; margin-bottom: .25rem; color: var(--muted-fg); }
.timeline li.past .d { color: var(--primary); }
.timeline .e { color: var(--muted-fg); line-height: 1.7; }
.timeline li.past .e { color: var(--fg); }
@media (min-width: 768px) { .timeline .e { font-size: 1.125rem; } }

/* ───────── News ───────── */
.article-card { border-radius: 1rem; border: 1px solid var(--border); background: var(--card); padding: 1.5rem; box-shadow: 0 1px 2px rgba(0,0,0,.05); transition: box-shadow .2s; }
@media (min-width: 768px) { .article-card { padding: 2rem; } }
.article-card:hover { box-shadow: 0 4px 6px -1px rgba(0,0,0,.1); }
.article-card h2, .article-card h3 { font-size: 1.25rem; line-height: 1.35; margin-bottom: .75rem; }
@media (min-width: 768px) { .article-card h2 { font-size: 1.5rem; } }
.article-card h2 a:hover, .article-card h3 a:hover { color: var(--primary); }
.article-card p { color: var(--muted-fg); line-height: 1.7; }
.article-card .link-primary { margin-top: 1.25rem; }
.meta-row { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; margin-bottom: 1rem; }
.tag { display: inline-flex; align-items: center; border-radius: 9999px; background: rgba(70,58,202,.1); color: var(--primary); padding: .25rem .75rem; font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; }
.tag.dark { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); color: var(--accent); }
.meta-time { display: inline-flex; align-items: center; gap: .375rem; font-size: .75rem; color: var(--muted-fg); }
.meta-time.dark { color: rgba(255,255,255,.6); }
.meta-time .icon { width: 12px; height: 12px; }
.article-body h2 { font-size: 1.5rem; margin: 3rem 0 1rem; }
@media (min-width: 768px) { .article-body h2 { font-size: 1.875rem; } }
.article-body p { color: var(--muted-fg); line-height: 1.7; margin-bottom: 1.25rem; font-size: 1rem; }
@media (min-width: 768px) { .article-body p { font-size: 1.125rem; } }
.article-body ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1.25rem; color: var(--muted-fg); line-height: 1.7; }
.article-body a { color: var(--primary); text-decoration: underline; text-underline-offset: 2px; }
.crumb-text { font-size: .75rem; color: rgba(255,255,255,.75); margin-bottom: 1.5rem; }
.crumb-text a:hover { color: #fff; }
.crumb-text .s { margin-inline: .5rem; }

/* ───────── CTA sections ───────── */
.final-cta h2 { color: #fff; font-size: 1.875rem; font-weight: 800; line-height: 1.15; max-width: 42rem; margin: 0 auto 1.5rem; }
@media (min-width: 768px) { .final-cta h2 { font-size: 2.25rem; } }
@media (min-width: 1024px) { .final-cta h2 { font-size: 3rem; } }
.final-cta .lead { color: rgba(255,255,255,.75); max-width: 42rem; margin: 0 auto 2.5rem; }
.final-cta .name-form { max-width: 36rem; margin-inline: auto; }
.final-cta .secure { display: flex; align-items: center; justify-content: center; gap: .5rem; margin-top: 1.5rem; font-size: .75rem; color: rgba(255,255,255,.75); }
.final-cta .secure .icon { width: 14px; height: 14px; }
.cta-box { position: relative; overflow: hidden; border-radius: 1.5rem; background: linear-gradient(135deg, var(--primary), var(--secondary)); padding: 2.5rem; text-align: center; color: #fff; }
@media (min-width: 768px) { .cta-box { padding: 3.5rem; } }
.cta-box::before { content: ""; position: absolute; top: -5rem; right: -2.5rem; width: 18rem; height: 18rem; border-radius: 9999px; background: rgba(242,225,140,.2); filter: blur(64px); pointer-events: none; }
.cta-box > * { position: relative; }
.cta-box .icon-top { width: 32px; height: 32px; margin: 0 auto 1rem; color: var(--accent); }
.cta-box h2 { font-size: 1.875rem; font-weight: 800; margin-bottom: 1rem; }
@media (min-width: 768px) { .cta-box h2 { font-size: 2.25rem; } }
.cta-box p { color: rgba(255,255,255,.8); max-width: 42rem; margin: 0 auto 2rem; }

/* ───────── Go page ───────── */
.go-grid { display: grid; gap: 3rem; margin-top: 2.5rem; }
@media (min-width: 1024px) { .go-grid { grid-template-columns: 2fr 3fr; } }
.go-copy { color: #fff; max-width: 28rem; }
.go-copy p { font-size: 1.125rem; color: rgba(255,255,255,.7); margin-bottom: 1.5rem; line-height: 1.6; }
.go-form { border-radius: 1rem; background: rgba(255,255,255,.04); backdrop-filter: blur(24px); border: 1px solid rgba(255,255,255,.1); color: #fff; overflow: hidden; }
.go-form .inner { position: relative; min-height: 480px; margin-top: -1.5rem; }
.go-form .spinner { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none; }
.go-form .spinner .icon { width: 2rem; height: 2rem; color: rgba(255,255,255,.6); animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.go-form [data-paperform-id] { position: relative; z-index: 1; }

/* ───────── Footer ───────── */
.site-footer { background: var(--navy); border-top: 1px solid rgba(255,255,255,.06); padding-block: 4rem; color: rgba(255,255,255,.75); }
.footer-grid { display: grid; gap: 2.5rem; margin-bottom: 3rem; }
@media (min-width: 768px) { .footer-grid { grid-template-columns: repeat(3, 1fr); } }
.site-footer .logo img { height: 2rem; width: auto; margin-bottom: 1rem; }
.site-footer .reg { display: flex; align-items: center; gap: .5rem; font-size: .875rem; }
.site-footer .reg .icon { width: 16px; height: 16px; color: var(--accent); }
.site-footer nav p { font-size: .875rem; font-weight: 600; color: rgba(255,255,255,.6); margin-bottom: 1rem; }
.site-footer nav a { display: block; font-size: .875rem; padding-block: .25rem; transition: color .15s; }
.site-footer nav a:hover { color: #fff; }
.footer-legal { border-top: 1px solid rgba(255,255,255,.06); padding-top: 2rem; }
.footer-legal .inner { max-width: 56rem; margin-inline: auto; text-align: center; font-size: .75rem; line-height: 1.7; }
.footer-legal .inner > * + * { margin-top: 1rem; }
.footer-legal u { text-underline-offset: 2px; }
.footer-legal .sources p { font-size: .75rem; }
.footer-legal .sources .h { font-weight: 600; color: rgba(255,255,255,.6); margin-bottom: .5rem; }
.footer-legal .sources .d { color: rgba(255,255,255,.5); margin-bottom: .5rem; }
.footer-legal .sources ul { display: flex; flex-wrap: wrap; justify-content: center; gap: .25rem 1rem; }
.footer-legal .sources a { display: inline-flex; align-items: center; gap: .25rem; font-size: .75rem; color: rgba(255,255,255,.5); }
.footer-legal .sources a:hover { color: rgba(255,255,255,.7); }
.footer-legal .sources .icon { width: 10px; height: 10px; }
.footer-links-inline { display: flex; flex-wrap: wrap; justify-content: center; gap: .25rem .75rem; }

.sources-block h2 { font-size: 1.25rem; margin-bottom: .75rem; }
@media (min-width: 768px) { .sources-block h2 { font-size: 1.5rem; } }
.sources-block .d { font-size: .875rem; color: var(--muted-fg); margin-bottom: 1.5rem; }
.sources-block li + li { margin-top: .75rem; }
.sources-block a { display: inline-flex; align-items: center; gap: .5rem; font-size: .875rem; color: var(--primary); }
.sources-block a:hover { color: #3a2fb0; }
.sources-block .icon { width: 14px; height: 14px; }
.reviewed { background: rgba(243,244,246,.4); border-top: 1px solid var(--border); }
.reviewed .container { padding-block: 1.5rem; font-size: .75rem; color: var(--muted-fg); line-height: 1.7; }
.reviewed p + p { margin-top: .5rem; }

.legal-table { overflow-x: auto; margin-top: 1.5rem; }
.legal-table table { width: 100%; border-collapse: collapse; font-size: .875rem; border: 1px solid var(--border); }
.legal-table th { text-align: left; padding: .75rem; background: var(--muted); border-bottom: 1px solid var(--border); font-weight: 600; color: var(--fg); }
.legal-table td { padding: .75rem; border-bottom: 1px solid var(--border); vertical-align: top; }
.legal-table .mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .75rem; }
.legal-table tr:last-child td { border-bottom: 0; }

.about-stats { display: grid; gap: 1.5rem; text-align: center; }
@media (min-width: 768px) { .about-stats { grid-template-columns: repeat(3, 1fr); } }
.about-stats div { display: flex; flex-direction: column; align-items: center; }
.about-stats .icon { width: 28px; height: 28px; color: var(--primary); margin-bottom: .5rem; }
.about-stats .v { font-size: 1.125rem; font-weight: 700; }
.about-stats .l { font-size: .875rem; color: var(--muted-fg); }

.q-list { border-radius: var(--radius); border: 1px solid var(--border); background: var(--card); }
.q-list li { padding: 1rem 1.25rem; line-height: 1.7; }
.q-list li + li { border-top: 1px solid var(--border); }

.scheme-box { border-radius: 1rem; background: var(--muted); padding: 1.5rem; }
.scheme-box .n { font-size: 1.125rem; font-weight: 700; margin-bottom: .5rem; }
.scheme-box .r { color: var(--muted-fg); margin-bottom: .75rem; }
.scheme-box .d { font-weight: 600; color: var(--primary); }

.pill-tag { display: inline-flex; align-items: center; gap: .5rem; border-radius: 9999px; border: 1px solid rgba(255,255,255,.15); background: rgba(255,255,255,.06); padding: .375rem 1rem; font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .14em; color: rgba(255,255,255,.8); }
.pill-tag i { width: 6px; height: 6px; border-radius: 9999px; background: var(--accent); }

.why-h2 { margin-top: 1.25rem; font-size: 1.875rem; font-weight: 800; line-height: 1.2; color: #fff; }
@media (min-width: 768px) { .why-h2 { font-size: 3rem; } }
.why-lead { margin-top: 1.25rem; font-size: 1rem; color: rgba(255,255,255,.7); line-height: 1.7; }
@media (min-width: 768px) { .why-lead { font-size: 1.125rem; } }
.why-lead a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }


.hub-links { display: grid; gap: .75rem; }
@media (min-width: 640px) { .hub-links { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .hub-links { grid-template-columns: repeat(3, 1fr); } }
.hub-links a { display: flex; align-items: center; justify-content: space-between; gap: .75rem; border-radius: var(--radius); border: 1px solid var(--border); background: var(--card); padding: .875rem 1rem; font-weight: 600; font-size: .9375rem; transition: border-color .15s; }
.hub-links a:hover { border-color: var(--primary); }
.hub-links .icon { width: 16px; height: 16px; color: var(--muted-fg); }

.notfound { min-height: 60vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 5rem 1rem; }

/* Unique lender-make section */
.pairing { border-radius: 1rem; border: 1px solid var(--border); background: var(--card); padding: 1.5rem; }
@media (min-width: 768px) { .pairing { padding: 2rem; } }
.pairing .k { font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .14em; color: var(--primary); margin-bottom: .5rem; }
.pairing p + p { margin-top: 1rem; }
.review-attr { font-size: .75rem; color: var(--muted-fg); }
.review-attr a { color: var(--primary); text-decoration: underline; text-underline-offset: 2px; }