:root{--bg-main:#ffffff;--bg-alt:#f5f7fb;--bg-highlight:#0f172a;--text-main:#0f172a;--text-muted:#4b5563;--accent:#fe0000;--accent-soft:rgba(254, 0, 0,0.1);--border-subtle:#e5e7eb;--shadow-soft:0 18px 45px rgba(15,23,42,0.18);--radius-lg:1.5rem;--radius-md:1rem;--transition-fast:180ms ease-out}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg-main);color:var(--text-main)}a{color:#1d4ed8;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 1.25rem}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(148,163,184,0.2)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:0.6rem 0.5rem}.logo-img{height:40px;width:auto}.main-nav{display:flex;align-items:center;gap:1.1rem;font-size:0.88rem;flex-wrap:wrap}.main-nav a{display:inline-flex;align-items:center;justify-content:center;padding:0.5rem 0.9rem;margin:0;text-decoration:none;color:#1d4ed8;font-weight:500;border:none;cursor:pointer;line-height:1.1;border-radius:10px}.main-nav a.active{font-weight:600}.main-nav .cta-link{background:transparent !important;color:var(--text-main) !important;border:none !important}.main-nav .cta-link{background:transparent !important;color:var(--text-main) !important;border:none !important}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer}.nav-toggle span{width:20px;height:2px;background:var(--text-main);border-radius:999px;transition:transform 160ms ease,opacity 160ms ease;transform-origin:center}.nav-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.hero{position:relative;background-image:url("../img/hero-home.webp");background-image:image-set( url("../img/hero-home.webp") type("image/webp"),url("../img/hero-home.webp") type("image/png") );background-size:cover;background-position:center;color:#ffffff;padding:3.5rem 0 3rem}.hero-overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(15,23,42,0.88),rgba(15,23,42,0.7))}.hero-inner{position:relative;z-index:1;display:grid;gap:2rem}.hero-text h1{font-size:2.1rem;line-height:1.1;letter-spacing:-0.03em;margin-bottom:0.9rem}.hero-text h1 span{color:var(--accent)}.hero-text p{margin:0 0 1.4rem;max-width:32rem;color:#e5e7eb;font-size:0.97rem}.hero-actions{display:flex;flex-wrap:wrap;gap:0.6rem;margin-bottom:1.3rem}.trust-strip{margin:0.9rem 0 0.7rem;padding:0.65rem 0.9rem;border-radius:1rem;border:1px solid rgba(226,232,240,0.22);background:rgba(255,255,255,0.08);display:flex;flex-wrap:wrap;gap:0.35rem 0.6rem;align-items:center;font-size:0.78rem;color:#e5e7eb}.trust-strip strong{font-weight:800;color:#ffffff}.trust-strip span{opacity:0.95}.testimonial-mini{margin:0 0 1.1rem;font-size:0.85rem;color:#e5e7eb;max-width:38rem}.testimonial-mini span{opacity:0.9;white-space:nowrap}.hero-meta{display:flex;flex-wrap:wrap;gap:1.2rem;font-size:0.8rem}.hero-meta strong{display:block;font-size:0.9rem}.hero-card{background:rgba(15,23,42,0.96);border-radius:var(--radius-lg);padding:1.4rem 1.4rem 1.6rem;box-shadow:var(--shadow-soft);border:1px solid rgba(148,163,184,0.35);max-width:380px;margin-left:auto}.hero-card h2{margin:0 0 0.4rem;font-size:1.2rem}.hero-card-sub{margin:0 0 1rem;font-size:0.88rem;color:#cbd5f5}.btn{display:inline-flex;align-items:center;justify-content:center;padding: 0.7rem 1.2rem;border-radius:999px;font-size: 1rem;
  line-height: 1.1;font-weight:600;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform 140ms ease-out,box-shadow 140ms ease-out}.btn.primary{background:var(--accent);color:#ffffff;box-shadow:0 12px 25px rgba(254, 0, 0,0.35)}.btn.primary:hover{background:#fe0000;transform:translateY(-1px)}.btn.outline{background:transparent;color:#ffffff;border-color:rgba(148,163,184,0.7)}.btn.text{background:transparent;color:#1d4ed8;padding-inline:0;box-shadow:none}.btn.full-width{width:100%}.center{text-align:center}.mt-lg{margin-top:2rem}.mt-sm{margin-top:0.6rem}.lead-form{display:flex;flex-direction:column;gap:0.6rem}.lead-form label{font-size:0.8rem;color:#cbd5f5;display:flex;flex-direction:column;gap:0.25rem}.lead-form input,.lead-form select,.lead-form textarea{border-radius:0.75rem;border:1px solid rgba(148,163,184,0.65);padding:0.5rem 0.7rem;font-size:0.84rem;background:rgba(15,23,42,0.9);color:#e5e7eb}.lead-form textarea{resize:vertical}.lead-form .form-note{margin:0.3rem 0 0;font-size:0.7rem;color:#9ca3af}.human-check input{background:#020617}.section{padding:2.5rem 0}.section-light{background:var(--bg-alt)}.section-highlight{background:#020617;color:#e5e7eb}.section-cta{background:var(--bg-highlight);color:#e5e7eb}.section-header{text-align:left;margin-bottom:1.6rem}.section-header h2{margin:0 0 0.35rem;font-size:1.4rem;letter-spacing:-0.02em}.section-header p{margin:0;color:var(--text-muted);font-size:0.9rem}.section-trust .section-header p{color:var(--text-muted)}.features-grid{display:grid;gap:1.2rem}.feature{border-radius:var(--radius-md);padding:1rem 1rem 1.1rem;border:1px solid var(--border-subtle);box-shadow:0 12px 30px rgba(148,163,184,0.20);font-size:0.9rem}.feature h3{margin-top:0;margin-bottom:0.4rem;font-size:0.98rem}.highlight-inner{display:grid;gap:1.8rem}.highlight-card{border-radius:var(--radius-lg);overflow:hidden;background:#020617;border:1px solid rgba(148,163,184,0.45);box-shadow:var(--shadow-soft)}.highlight-card img{width:100%;height:180px;object-fit:cover}.highlight-card-body{padding:1rem 1.2rem 1.2rem;font-size:0.9rem}.listing-grid{display:grid;gap:1.4rem}.listing-card{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle);box-shadow:0 15px 35px rgba(15,23,42,0.14)}.listing-card img{width:100%;height:180px;object-fit:cover}.listing-body{padding:1rem 1.1rem 1.2rem;font-size:0.9rem}.listing-chip-row{display:flex;flex-wrap:wrap;gap:0.35rem;margin-bottom:0.5rem}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:0.1rem 0.55rem;font-size:0.68rem;border:1px solid var(--border-subtle);background:#f9fafb;color:var(--text-muted)}.chip.success{border-color:#16a34a;color:#166534;background:#dcfce7}.chip.warning{border-color:#f97316;color:#9a3412;background:#ffedd5}.chip.subtle{border-style:dashed;opacity:0.9}.listing-meta{margin:0 0 0.5rem;color:var(--text-muted)}.listing-points{margin:0 0 0.6rem;padding-left:1.2rem;color:var(--text-muted)}.listing-actions{display:flex;flex-wrap:wrap;gap:0.5rem}.steps-grid{display:grid;gap:1.2rem}.step{padding:1rem 1rem 1.1rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);font-size:0.9rem;box-shadow:0 12px 30px rgba(148,163,184,0.20)}.step-index{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:0.8rem;margin-bottom:0.35rem}.map-hero{margin:1.2rem 0 1.4rem;border-radius:1.25rem;overflow:hidden;border:1px solid var(--border-subtle);box-shadow:0 18px 35px rgba(15,23,42,0.10)}.map-hero img{width:100%;height:auto;display:block}.city-card.no-thumb{padding-top:0.25rem}.city-card.no-thumb h3{margin-top:0.9rem}.city-grid{display:grid;gap:1.25rem}.city-card{border-radius:1rem;border:1px solid var(--border-subtle);overflow:hidden;box-shadow:0 10px 24px rgba(15,23,42,0.06);font-size:0.88rem;color:var(--text-muted)}.city-card img{width:100%;height:150px;object-fit:cover;display:block}.city-card h3{margin:0.7rem 0.9rem 0.1rem;font-size:0.98rem;color:var(--text-main)}.city-card p{margin:0 0.9rem 0.9rem}.inline-photo{margin-bottom:1.6rem;border-radius:1.25rem;overflow:hidden;box-shadow:0 18px 35px rgba(15,23,42,0.15)}.inline-photo img{width:100%;height:auto;display:block}.page-hero{padding:2.1rem 0 1.4rem;border-bottom:1px solid #e5e7eb}.page-hero.small{padding:1.8rem 0 1.1rem}.page-hero h1{margin:0 0 0.4rem;font-size:1.7rem;letter-spacing:-0.03em}.page-hero p{margin:0;color:var(--text-muted);font-size:0.9rem}.two-col{display:grid;gap:1.8rem}.filters-grid{display:grid;gap:0.8rem;margin-bottom:1.6rem}.filters-grid label{font-size:0.8rem;color:var(--text-muted);display:block;margin-bottom:0.25rem}.filters-grid input,.filters-grid select{border-radius:0.8rem;border:1px solid var(--border-subtle);padding:0.45rem 0.6rem;font-size:0.85rem;width:100%}.filters-actions{display:flex;flex-wrap:wrap;gap:0.6rem;align-items:center}.checklist{margin:0;padding-left:1.4rem;font-size:0.9rem;color:var(--text-muted)}.checklist li{margin-bottom:0.35rem}.info-card{border-radius:var(--radius-lg);padding:1.2rem 1.3rem 1.4rem;border:1px solid var(--border-subtle);box-shadow:0 15px 40px rgba(15,23,42,0.15)}.info-card h3{margin-top:0;margin-bottom:0.55rem;font-size:1.02rem}.info-card .lead-form label{color:var(--text-main)}.info-card .lead-form input,.info-card .lead-form textarea,.info-card .lead-form select{background:#f9fafb;color:var(--text-main)}.cta-inner{display:flex;flex-direction:column;gap:1rem}.cta-inner p{margin:0.2rem 0 0;color:#e5e7eb;font-size:0.9rem}.cta-actions{display:flex;flex-wrap:wrap;gap:0.7rem}.contact-highlight{font-size:0.95rem;font-weight:600}.site-footer{background:#f8fafc;border-top:1px solid var(--border-subtle);color:#0f172a;padding:2.3rem 0 2rem;margin-top:2rem;border-top:1px solid #e5e7eb}.footer-inner{display:grid;gap:1.8rem}.footer-logo-img{height:36px;width:auto;margin-bottom:0.4rem}.footer-contact a{color:#e5e7eb;text-decoration:none}.footer-links h4{margin:0 0 0.5rem;font-size:0.9rem}.footer-links nav{display:flex;flex-wrap:wrap;gap:0.45rem 1.1rem;font-size:0.78rem}.footer-links a{color:#9ca3af}.footer-note .small{margin:0 0 0.4rem;font-size:0.72rem;color:#9ca3af}.small{font-size:0.78rem;color:var(--text-muted)}@media (min-width:720px){.hero-inner{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch}.hero{padding:4rem 0 3.5rem}.hero-text h1{font-size:2.4rem}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.highlight-inner{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center}.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:flex-start}.footer-inner{grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) minmax(0,1.7fr);align-items:flex-start}}@media (max-width:860px){.header-inner{position:relative}.main-nav.open{max-height:520px;opacity:1;transform:translateY(0);pointer-events:auto}.main-nav a:hover{background:rgba(226,232,240,0.8)}.main-nav .cta-link{background:var(--brand-red) !important;color:#ffffff !important;border:none !important}.nav-toggle{display:flex}}@media (max-width:640px){.hero{padding-top:3.1rem}.hero-text h1{font-size:1.9rem}.listing-grid{grid-template-columns:minmax(0,1fr)}.steps-grid{grid-template-columns:minmax(0,1fr)}.city-grid{grid-template-columns:minmax(0,1fr)}.footer-inner{grid-template-columns:minmax(0,1fr)}}.footer-inner,.footer-links a,.footer-note .small,.footer-contact a{color:#0f172a}.footer-links a:hover{color:#1d4ed8}.footer-qr{text-align:center}.footer-qr-img{height:120px;width:auto;margin-bottom:0.75rem}.footer-qr .qr-caption{margin:0;line-height:1.4}@media (min-width:900px){.footer-inner{grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) minmax(0,1.4fr);align-items:flex-start}}@media (max-width:860px){.footer-qr{margin-top:0.75rem}}.footer-qr{text-align:center}.footer-qr-img{height:120px;width:auto;margin-bottom:0.75rem}.footer-qr .qr-caption{margin:0;line-height:1.4}.btn-call-footer{margin-top:0.6rem;background:#1d4ed8;color:#ffffff !important;padding:0.65rem 1.4rem;border-radius:999px;font-weight:600;display:inline-block;text-decoration:none}@media (max-width:860px){.footer-qr{margin-top:0.75rem}.btn-call-footer{display:inline-flex;align-items:center;justify-content:center;width:100%}}@media (min-width:900px){.footer-inner{grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) minmax(0,1.4fr);align-items:flex-start}}.footer-note{grid-column:1 / -1;margin-top:0.75rem}@media (max-width:720px){.footer-note{text-align:center}}@media (min-width:721px){.footer-note{text-align:left}}.footer-qr{text-align:center;display:flex;flex-direction:column;align-items:center}.footer-qr h4{width:100%;text-align:center}.footer-qr-img{display:block;margin:0.25rem auto 0.75rem auto}.footer-qr .qr-caption{text-align:center}.main-nav a,.cta-link{background:transparent !important}.cta-link{padding:0.75rem 1.1rem !important;letter-spacing:0.3px}@media (max-width:860px){.main-nav a:last-child{border-bottom:none}}.site-header{padding-top:0.25rem;padding-bottom:0.25rem}@media (min-width:900px){}@media (min-width:1200px){}@media (min-width:640px) and (max-width:899px){}.main-nav a,.main-nav .cta-link{border-bottom:2px solid transparent;background:transparent !important}.section-national-preview{padding-top:3rem;padding-bottom:3.5rem}.section-national-preview .listing-grid{margin-top:1.5rem}.section-highlight .highlight-text,.section-highlight .highlight-text h2,.section-highlight .highlight-text li{color:#ffffff !important}.site-footer{padding:2.6rem 0 2.4rem}.footer-brand p{max-width:30rem;margin-bottom:0.55rem}.footer-contact{margin-top:0.3rem;font-weight:500}.footer-links h4{margin-bottom:0.5rem;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.08em}.footer-links nav{display:flex;flex-direction:column;gap:0.25rem}.footer-links a{font-size:0.9rem}.footer-note{grid-column:1 / -1;margin-top:1.2rem;padding-top:0.9rem;border-top:1px solid #e5e7eb}.footer-note .small{font-size:0.78rem;line-height:1.5}.footer-inner,.footer-links a,.footer-note .small,.footer-contact a{color:#0f172a}.footer-links a:hover{color:#1d4ed8;text-decoration:underline}@media (max-width:860px){.footer-inner{grid-template-columns:minmax(0,1fr);text-align:center}.footer-brand{align-items:center}.footer-links nav{align-items:center}.footer-note{text-align:center}}@media (min-width:900px){.footer-inner{grid-template-columns:minmax(0,2fr) minmax(0,1.3fr) minmax(0,1.3fr);align-items:flex-start}}.main-nav a::after,.nav-toggle:hover,.nav-toggle span:hover{background:none !important;box-shadow:none !important}.nav-toggle{display:none}@media (max-width:860px){.main-nav,.main-nav.open{position:static;inset:auto;background:transparent;backdrop-filter:none;flex-direction:column;align-items:flex-start;padding:0.5rem 1rem;max-height:none;overflow:visible;opacity:1;pointer-events:auto;gap:0.35rem}.nav-toggle{display:none}}header{border-bottom:1px solid rgba(0,0,0,0.08)}header{margin-bottom:0.65rem}.hero,.page-hero,section.hero{padding-top:2.2rem !important}@media (max-width:860px){body,p,li{font-size:1.18rem !important;line-height:1.55 !important}a,header{margin-bottom:1rem !important}}.main-nav a:hover{color:#003399 !important;text-decoration:underline !important;text-underline-offset:4px;text-decoration-thickness:2px}.main-nav a.active,.main-nav a[aria-current="page"]{color:#003399 !important;text-decoration:underline !important;text-underline-offset:4px;text-decoration-thickness:2px}.logo-img{max-height:64px;height:auto;width:auto}.logo-img{height:52px;max-height:52px;width:auto}.main-nav a:hover{color:#003399 !important;border-bottom-color:#003399}.main-nav a.active,.main-nav a[aria-current="page"]{color:#003399 !important;border-bottom-color:#003399}@media (max-width:860px){.logo-img{height:46px;max-height:46px}}header{position:sticky;top:0;z-index:9999;background:rgba(255,255,255,0.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:box-shadow 0.3s ease}header.scrolled{box-shadow:0 2px 8px rgba(0,0,0,0.12)}@media (max-width:860px){.inline-photo img{width:100%;height:auto;display:block}}.hero + section,.inline-photo + section,.hero + div,.inline-photo + div{padding-top:40px !important}.inline-photo{margin-bottom:0 !important;padding-bottom:0 !important}@media (max-width:860px){.hero + section,.inline-photo + section,.hero + div,.inline-photo + div{padding-top:28px !important}}.footer-disclosure{margin:0.25rem 0 0.9rem;line-height:1.5}.hero-subhead{margin-top:0.9rem;margin-bottom:1.1rem;max-width:46rem}.hero-trustline{margin-top:0.9rem;font-size:0.9rem;color:rgba(255,255,255,0.92)}.hero-testimonial{margin-top:0.55rem;font-size:0.9rem;color:rgba(255,255,255,0.92)}.hero-testimonial span{display:inline-block;margin-left:0.35rem;color:rgba(255,255,255,0.78)}.hero-bullets{margin:1.05rem 0 1.1rem 0;padding-left:1.2rem;color:rgba(255,255,255,0.92);max-width:48rem}.hero-bullets li{margin:0.45rem 0}.section-dual .dual-grid{display:grid;gap:1.2rem;grid-template-columns:repeat(2,minmax(0,1fr))}.section-dual .dual-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.3rem;background:#ffffff;box-shadow:0 12px 30px rgba(15,23,42,0.08)}.section-dual .dual-sub{margin-top:0.35rem;color:var(--text-muted)}.section-dual .dual-list{margin:0.9rem 0 1.1rem 0;padding-left:1.2rem;color:var(--text-muted)}.checkbox-group{border:1px solid rgba(148,163,184,0.65);border-radius:0.75rem;padding:0.75rem 0.8rem;background:rgba(15,23,42,0.9);color:#e5e7eb}.checkbox-title{display:block;font-size:0.82rem;margin-bottom:0.55rem;color:#cbd5f5}.checkbox-group .check{display:flex;flex-direction:row;align-items:center;gap:0.55rem;margin:0.4rem 0;font-size:0.86rem;color:#e5e7eb}.checkbox-group input[type="checkbox"]{width:16px;height:16px}@media (max-width:860px){.section-dual .dual-grid{grid-template-columns:1fr}}@media (max-width:860px){.site-header{position:sticky;top:0;z-index:9999;background:rgba(255,255,255,0.98);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-inner{padding:0.45rem 0.25rem}.logo-img{height:34px;width:auto;display:block}.nav-toggle{display:flex;width:44px;height:44px;align-items:center;justify-content:center;padding:0}.nav-toggle span{width:22px}.main-nav.open{max-height:70vh;pointer-events:auto}}.site-header{position:sticky;top:0;z-index:60}.site-header .header-inner{display:flex;align-items:center;justify-content:space-between;gap:0.75rem}.site-header .logo-img{height:46px;width:auto}.site-header .nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:0;padding:10px;margin:0;cursor:pointer;border-radius:10px}.site-header .nav-toggle span{width:22px;height:2px;background:#0f172a;border-radius:999px;transition:transform 160ms ease,opacity 160ms ease;transform-origin:center}.site-header .nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header .nav-toggle.is-open span:nth-child(2){opacity:0}.site-header .nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-header .nav-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.35);z-index:55}@media (max-width:860px){.site-header .nav-toggle{display:flex !important}.site-header .header-inner{position:relative}.site-header .site-header .main-nav.open{max-height:min(70vh,520px);overflow:auto;opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:max-height 180ms ease-out,opacity 180ms ease-out,transform 180ms ease-out,visibility 0s}.site-header .site-header .main-nav a:hover{background:rgba(226,232,240,0.8)}body.nav-open{overflow:hidden;touch-action:none}}.info-card .checkbox-group{background:#f9fafb;color:var(--text-main);border:1px solid var(--border-subtle)}.info-card .checkbox-title{color:var(--text-muted)}.info-card .check{color:var(--text-main)}.info-card .checkbox-group input[type="checkbox"]{accent-color:var(--accent)}

/* Seller CTA button (red outline) */
.btn.seller{
  background: transparent;
  border-color: var(--accent);
  color: var(--accent);
  box-shadow: 0 10px 24px rgba(254, 0, 0, 0.18);
}
.btn.seller:hover{
  background: var(--accent-soft);
  transform: translateY(-1px);
}
.btn.seller:focus-visible{
  outline: 3px solid rgba(254, 0, 0, 0.35);
  outline-offset: 2px;
}
/* =========================================================
   FAQ Blocks (A+ Content Pack)
   ========================================================= */
.faq-section{padding:2.25rem 0;border-top:1px solid rgba(148,163,184,.35);background:rgba(248,250,252,.6)}
.faq-section h2{margin:0 0 1rem;font-size:1.5rem}
.faq-grid{display:grid;gap:.75rem}
@media (min-width:860px){.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
.faq-grid details{background:#fff;border:1px solid rgba(148,163,184,.35);border-radius:14px;box-shadow:0 10px 24px rgba(15,23,42,.06);overflow:hidden}
.faq-grid summary{list-style:none;cursor:pointer;padding:1rem 1rem;font-weight:400;color:#0f172a;outline:none}
.faq-grid summary::-webkit-details-marker{display:none}
.faq-grid details[open] summary{border-bottom:1px solid rgba(148,163,184,.25)}
.faq-answer{padding:.85rem 1rem 1rem;color:rgba(15,23,42,.88);line-height:1.55}
.faq-answer a{color:var(--accent);text-decoration:none;font-weight:400}
.faq-answer a:hover{text-decoration:underline}
.faq-related{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}
.faq-related a{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .85rem;border-radius:999px;border:1px solid rgba(148,163,184,.45);background:#fff;color:#0f172a;text-decoration:none;font-weight:800}
.faq-related a:hover{transform:translateY(-1px)}

/* ===== A+ UX/SEO Pack Additions (Trust Strip + Process Graphics + Accessibility) ===== */

.skip-link{
  position:absolute;
  left:-9999px;
  top:10px;
  padding:10px 14px;
  background:#ffffff;
  color:#0f172a;
  border:2px solid rgba(0,82,151,.35);
  border-radius:12px;
  z-index:9999;
  font-weight:700;
}
.skip-link:focus{ left:10px; }

:focus-visible{
  outline: 3px solid rgba(0,82,151,.45);
  outline-offset: 3px;
}

.trust-strip{
  background: rgba(248,250,252,.98);
  border-bottom: 1px solid rgba(148,163,184,.25);
}
.trust-strip .trust-inner{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem 1.1rem;
  padding: .6rem 0;
  align-items:center;
  justify-content:space-between;
}
.trust-strip .trust-bullets{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem 1rem;
  margin:0;
  padding:0;
  list-style:none;
  color:#0f172a;
  font-weight:600;
}
.trust-strip .trust-bullets li::before{
  content:"•";
  color:#fe0000;
  margin-right:.45rem;
}
.trust-strip .trust-contact{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem .9rem;
  align-items:center;
  font-weight:700;
}
.trust-strip .trust-contact a{
  color:#005297;
  text-decoration:none;
}
.trust-strip .trust-contact a:hover{ text-decoration:underline; }

.section-graphic{
  display:block;
  width:100%;
  height:auto;
  max-width: 980px;
  margin: 0 auto 1rem;
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.25);
  box-shadow: 0 18px 40px rgba(15,23,42,.08);
}

.process-links{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  justify-content:center;
  margin: .6rem 0 0;
}
.process-links a{
  display:inline-flex;
  align-items:center;
  padding:.55rem .8rem;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.35);
  background: rgba(255,255,255,.9);
  color:#0f172a;
  text-decoration:none;
  font-weight:700;
}
.process-links a:hover{ border-color: rgba(0,82,151,.45); }

@media (max-width: 600px){
  .trust-strip .trust-inner{ gap:.5rem; }
  .trust-strip .trust-contact{ font-size: .95rem; }
}


/* =========================================================
   FAQ POLISH (Match Site Fonts/Colors) — v2
   ========================================================= */

.faq-section{
  padding:2.75rem 0;
  background:var(--bg-alt);
  border-top:1px solid var(--border-subtle);
}

.faq-section h2{
  margin:0 0 1.1rem;
  font-size:1.55rem;
  letter-spacing:-0.01em;
}

/* Keep process-links aligned with .container */
.process-links{
  max-width:1120px;
  margin:.85rem auto 0;
  padding:0 1.25rem;
}

.process-links a,
.faq-related a{
  border:1px solid var(--border-subtle);
  background:rgba(255,255,255,.96);
  color:var(--text-main);
  transition:transform 140ms ease, border-color 140ms ease, background 140ms ease;
}

.process-links a:hover,
.faq-related a:hover{
  transform:translateY(-1px);
  border-color:rgba(254, 0, 0,.35); /* falls back to site accent family */
  background:rgba(254, 0, 0,.06);
}

.faq-grid{gap:.9rem;}

.faq-grid details{
  background:var(--bg-main);
  border:1px solid var(--border-subtle);
  border-radius:var(--radius-md);
  box-shadow:0 14px 34px rgba(15,23,42,.10);
  overflow:hidden;
  transition:transform 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}

.faq-grid details:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 45px rgba(15,23,42,.12);
  border-color:rgba(254, 0, 0,.25);
}

.faq-grid summary{
  list-style:none;
  cursor:pointer;
  padding:1rem 1rem;
  font-weight:800;
  color:var(--text-main);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  line-height:1.25;
}

.faq-grid summary::-webkit-details-marker{display:none;}

.faq-grid summary::after{
  content:"+";
  flex:0 0 auto;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--accent-soft);
  color:var(--accent);
  font-weight:900;
  line-height:1;
  margin-top:-2px;
}

.faq-grid details[open] summary{
  border-bottom:1px solid rgba(148,163,184,.25);
  background:rgba(245,247,251,.6);
}

.faq-grid details[open] summary::after{
  content:"–";
}

.faq-grid summary:focus-visible{
  outline:3px solid var(--accent-soft);
  outline-offset:2px;
  border-radius:14px;
}

.faq-answer{
  padding:.9rem 1rem 1.05rem;
  color:var(--text-muted);
  line-height:1.6;
  font-size:.98rem;
}

.faq-answer p{margin:.55rem 0 0;}
.faq-answer p:first-child{margin-top:0;}

.faq-answer a{
  color:var(--accent);
  text-decoration:none;
  font-weight:800;
}

.faq-answer a:hover{text-decoration:underline;}

.faq-related{
  margin-top:1.1rem;
  gap:.55rem;
}

@media (max-width: 600px){
  .faq-section{padding:2.25rem 0;}
  .faq-section h2{font-size:1.35rem;}
  .faq-grid summary{padding:.95rem .95rem;}
  .faq-answer{font-size:.97rem;}
}
\n

/* =========================================================
   FAQ POLISH (Match Site Fonts/Colors) — v2
   Paste-safe overrides
   ========================================================= */

/* Section framing */
.faq-section{
  padding:2.75rem 0;
  background:var(--bg-alt);
  border-top:1px solid var(--border-subtle);
}

.faq-section h2{
  margin:0 0 1.1rem;
  font-size:1.55rem;
  letter-spacing:-0.01em;
  color:var(--text-main);
}

/* Align the internal-link chips with site container */
.process-links,
.faq-related{
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
  padding-left:1.25rem;
  padding-right:1.25rem;
}

.process-links{ margin:0 0 1.15rem; justify-content:flex-start; }

.process-links a,
.faq-related a{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.6rem .9rem;
  border-radius:999px;
  border:1px solid var(--border-subtle);
  background:rgba(255,255,255,.9);
  color:var(--text-main);
  text-decoration:none;
  font-weight:800;
  font-size:.92rem;
  line-height:1;
  transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);
}

.process-links a:hover,
.faq-related a:hover{
  transform:translateY(-1px);
  border-color:rgba(254, 0, 0,.35);
  background:rgba(254, 0, 0,.06);
  text-decoration:none;
}

.process-links a:focus-visible,
.faq-related a:focus-visible{
  outline:3px solid var(--accent-soft);
  outline-offset:2px;
}

/* FAQ grid + cards */
.faq-grid{ display:grid; gap:.9rem; }

@media (min-width:860px){
  .faq-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

.faq-grid details{
  background:rgba(255,255,255,.98);
  border:1px solid var(--border-subtle);
  border-radius:var(--radius-md);
  box-shadow:0 14px 34px rgba(15,23,42,.09);
  overflow:hidden;
  transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.faq-grid details:hover{
  transform:translateY(-1px);
  border-color:rgba(254, 0, 0,.30);
  box-shadow:0 18px 40px rgba(15,23,42,.12);
}

/* Make summary feel like the rest of the site */
.faq-grid summary{
  list-style:none;
  cursor:pointer;
  padding:1rem 1.05rem;
  font-weight:800;
  color:var(--text-main);
  outline:none;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  font-size:1rem;
  line-height:1.3;
}

.faq-grid summary::-webkit-details-marker{ display:none; }

/* Plus/Minus indicator */
.faq-grid summary::after{
  content:"+";
  flex:0 0 auto;
  width:1.6rem;
  height:1.6rem;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--accent-soft);
  color:var(--accent);
  font-weight:900;
}

.faq-grid details[open] summary::after{ content:"–"; }

.faq-grid summary:focus-visible{
  outline:3px solid var(--accent-soft);
  outline-offset:2px;
  border-radius:14px;
}

.faq-grid details[open] summary{
  border-bottom:1px solid rgba(148,163,184,.25);
}

.faq-answer{
  padding:.9rem 1.05rem 1.05rem;
  color:var(--text-muted);
  line-height:1.65;
  font-size:.98rem;
}

.faq-answer p{ margin:.35rem 0; }

.faq-answer a{
  color:var(--accent);
  text-decoration:none;
  font-weight:800;
}

.faq-answer a:hover{ text-decoration:underline; }

/* Mobile tighten */
@media (max-width:520px){
  .faq-section{ padding:2.25rem 0; }
  .faq-section h2{ font-size:1.35rem; }
  .faq-grid summary{ font-size:.98rem; }
  .process-links a,
  .faq-related a{ font-size:.9rem; padding:.58rem .85rem; }
}
/* =========================================================
   FAQ Navigation + Link Polish (Match Site)
   ========================================================= */

/* Inline links inside answers: keep brand color but not bold */
.faq-answer a{
  font-weight: 500;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

/* Center the link groups above + below FAQs and align with .container width */
.process-links,
.faq-related{
  width: 100%;
  max-width: 1120px;
  margin: 0.9rem auto;
  padding: 0 1.25rem;
  justify-content: center;
  text-align: center;
}

/* Make both link groups use a consistent "pill button" style */
.process-links a,
.faq-related a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.55rem 1.05rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(255, 255, 255, 0.92);
  color: var(--text-main);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.88rem;
  line-height: 1;
  transition: background var(--transition-fast), border-color var(--transition-fast), transform 140ms ease-out, box-shadow 140ms ease-out;
}

/* Hover/focus consistent with existing buttons */
.process-links a:hover,
.faq-related a:hover{
  border-color: rgba(0, 82, 151, 0.45);
  background: rgba(248, 250, 252, 0.95);
  transform: translateY(-1px);
}

.process-links a:active,
.faq-related a:active{
  transform: translateY(0);
}

.process-links a:focus-visible,
.faq-related a:focus-visible{
  outline: 3px solid rgba(0, 82, 151, 0.35);
  outline-offset: 3px;
}
/* =========================================================
   FAQ Link Buttons - Red (override)
   Makes all links above/below FAQ sections match red CTA style
   ========================================================= */
.process-links a,
.faq-related a,
.faq-links a {
  background: var(--accent) !important;
  color: #ffffff !important;
  border: 1px solid var(--accent) !important;
  text-decoration: none !important;
  font-weight: 700;
}

.process-links a:hover,
.faq-related a:hover,
.faq-links a:hover {
  filter: brightness(0.93);
  transform: translateY(-1px);
}

.process-links a:active,
.faq-related a:active,
.faq-links a:active {
  transform: translateY(0);
  filter: brightness(0.90);
}

.process-links a:focus-visible,
.faq-related a:focus-visible,
.faq-links a:focus-visible {
  outline: 3px solid rgba(254, 0, 0, 0.35);
  outline-offset: 2px;
}
/*FAQ question weight override*/.faq details>summary,.faq summary{font-weight:400!important}.faq details>summary *{font-weight:inherit!important}


/* Fuel markets graphic */
.market-graphic{margin:1rem auto 0;max-width:920px}
.market-graphic img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--border-subtle);box-shadow:0 14px 30px rgba(15,23,42,.08)}
@media (max-width:560px){
  .market-graphic{max-width:100%;margin-top:.75rem}
  .market-graphic img{border-radius:14px}
}



/* SELLER BUTTON OVERRIDE */
.btn.seller,
a.btn.seller,
button.btn.seller {
  background: var(--accent) !important;
  color: #ffffff !important;
  border: 2px solid var(--accent) !important;
}

.btn.seller:hover,
a.btn.seller:hover,
button.btn.seller:hover {
  filter: brightness(0.95);
  text-decoration: none;
}

.btn.seller:focus-visible,
a.btn.seller:focus-visible,
button.btn.seller:focus-visible {
  outline: 3px solid rgba(254, 0, 0, 0.35);
  outline-offset: 2px;
}
/* ✅ Mobile footer layout fix: hide footer nav links; hide QR; left-align text; center Call Now */
@media (max-width: 768px){
  .site-footer{ padding: 1.6rem 0 1.4rem !important; }

  /* Force single-column footer layout on mobile */
  .footer-inner{
    grid-template-columns: 1fr !important;
    gap: 1.1rem !important;
    justify-items: start !important;
    align-items: start !important;
  }

  /* Remove page-link navigation on mobile */
  .footer-links{ display:none; }

  /* Hide QR + scan line on mobile only */
  .footer-qr-img{ display:none; }
  .qr-scanline{ display:none; }

  /* Left-align footer text on mobile */
  .footer-qr,
  .footer-qr .qr-caption,
  .footer-contact,
  .footer-note,
  .site-footer p,
  .site-footer h4,
  .site-footer .small{
    text-align:left !important;
  }

  /* Center the blue Call Now button on mobile */
  .btn-call-footer{
    display:block !important;
    width:min(360px, 94%) !important;
    margin:14px auto 0 auto !important;
    text-align:center !important;
  }
}.mhide-icon{display:inline-block}@media (max-width:768px){.mhide-icon{display:none}}

/* ===== Simple visited links (vlinks) ===== */
/* ===== Mobile Usability Patch (buttons + links) ===== */
@media (max-width: 860px){
  /* Mobile menu + top nav tap targets */
  

  .nav-toggle{
    min-width: 44px !important;
    min-height: 44px !important;
  }
}

@media (max-width: 768px){
  /* Buttons / CTAs */
  .btn,
  a.btn,
  button,
  input[type="submit"],
  input[type="button"],
  input[type="reset"]{
    font-size: 15px !important;
    line-height: 1.15 !important;
    padding: 12px 14px !important;
    min-height: 44px !important;
    border-radius: 12px !important;
  }

  /* Primary CTAs (red/blue) */
  .btn.primary,
  .btn.seller,
  .btn.buyer{
    font-size: 16px !important;
    padding: 12px 14px !important;
    min-height: 44px !important;
  }

  /* Form controls: prevent iOS zoom + improve tapping */
  input,
  select,
  textarea{
    font-size: 16px !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
  }
}
/* ===== Simple visited links (vlinks) ===== */
/* Note: browsers only allow limited styling for :visited (color etc.) */
.main-nav a:link{color:#003399 !important;}
.main-nav a:visited{color:#64748b !important;}
/* Keep current page highlighted */
.main-nav a.active:visited,
.main-nav a[aria-current="page"]:visited{color:#003399 !important;}
/* Footer links */
.site-footer a:visited{color:#64748b !important;}


/* === Mobile footer declutter: hide footer nav links + QR content (keep Call Now only) === */
@media (max-width: 860px){
  .site-footer .footer-links{display:none;}
  .site-footer .footer-qr h4,
  .site-footer .footer-qr img,
  .site-footer .footer-qr .qr-caption,
  .site-footer .footer-qr .qr-scanline{display:none;}

  /* keep Call Now centered and compact */
  .site-footer .footer-qr{margin-top:0.25rem !important;text-align:center !important;}
  .site-footer .btn-call-footer{
    width:auto !important;
    min-height:44px !important;
    padding:12px 18px !important;
    border-radius:999px !important;
    margin:8px auto 0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* hide emoji icons on mobile footer */
  .site-footer .mhide-icon{display:none;}
}


/* === Mobile footer: move Call Now up, remove Save Our Info block (mobile only) === */
.btn-call-topmobile{ display:none; }

@media (max-width: 768px){
  /* Hide the entire QR / "Save Our Info" block + its Call Now button on mobile */
  .footer-qr{ display:none; }

  /* Show the moved Call Now button below the main footer contact line */
  .btn-call-topmobile{
    display:inline-flex !important;
    margin-top: 10px !important;
    width: 100% !important;
    max-width: 260px !important;
    justify-content: center !important;
  }
}


/* Home hero quick-links: make links red for contrast on dark hero background */
.hero-text .quick-links a,
.hero-text .quick-links a:visited {
  color: #fe0000;
  font-weight: 600;
}
.hero-text .quick-links a:hover {
  color: #fe0000;
  text-decoration: underline;
}
.brands-affiliates-links a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}.brands-affiliates-links a:hover,.brands-affiliates-links a:focus-visible{text-decoration-thickness:3px}

/* Footer navigation: force 2 columns (matches sell.html layout) */
.footer-links nav.footer-nav-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0.45rem 1.1rem;
}
.footer-links nav.footer-nav-grid a{
  display:block;
  width:100%;
}
@media (max-width:640px){
  .footer-links nav.footer-nav-grid{
    grid-template-columns:1fr;
  }
}


/* ===== Lead-gen Top Nav Dropdowns (Buyer Intake CTA) ===== */
.main-nav .nav-dd{position:relative;display:inline-flex;align-items:center}
.main-nav .nav-dd-btn{
  padding:0.35rem 0.65rem;
  margin:0 0.35rem;
  text-decoration:none;
  color:#1d4ed8;
  font-weight:500;
  border:none;
  cursor:pointer;
  background:transparent;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
}
.main-nav .nav-dd-btn:hover{background:rgba(226,232,240,0.8)}
.main-nav .nav-dd-btn.active{font-weight:600}
.main-nav .nav-dd-menu{
  display:none;
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  min-width:220px;
  background:#ffffff;
  border:1px solid rgba(15,23,42,0.10);
  border-radius:14px;
  box-shadow:0 18px 40px rgba(2,6,23,0.18);
  padding:0.4rem;
  z-index:1000;
}
.main-nav .nav-dd.open .nav-dd-menu{display:block}
.main-nav .nav-dd-menu a{
  display:block;
  padding:0.55rem 0.65rem;
  margin:0;
  border-radius:10px;
  color:#0f172a;
  font-weight:600;
}
.main-nav .nav-dd-menu a:hover{background:rgba(226,232,240,0.8)}
.main-nav .nav-dd-menu a.active{background:rgba(226,232,240,0.8)}
.main-nav .nav-cta{margin-left:0.35rem}
.main-nav .nav-cta.active{filter:saturate(1.15);}

/* Mobile: dropdown menus become inline/stacked */
@media (max-width: 860px){
  .main-nav .nav-dd{width:100%;flex-direction:column;align-items:flex-start}
  .main-nav .nav-dd-btn{width:100%;justify-content:space-between}
  .main-nav .nav-dd-menu{
    position:static;
    box-shadow:none;
    border:none;
    background:transparent;
    padding:0 0 0 0.6rem;
    min-width:0;
    width:100%;
  }
  .main-nav .nav-dd-menu a{color:#1d4ed8;font-weight:600}
}

.section-cta .hero-actions{justify-content:center}.section-locations .hero-actions{justify-content:center}.section-locations .city-grid{margin-top:1rem}.location-card img{height:auto;object-fit:contain;padding:0.75rem;background:#f8fafc}.location-card h3{margin-top:0.6rem}


/* Index hero headline line-break + sizing */
.hero h1 .hero-title-main{
  display:block;
}
.hero h1 .hero-title-sub{
  display:block;
  margin-top:6px;
  font-size: clamp(18px, 2.1vw, 28px);
  font-weight:800;
  letter-spacing:.2px;
  opacity:.95;
}



/* Index hero headline (reverse order + colors) */
.hero h1 .hero-title-main{
  display:block;
  color:#ffffff;
  font-weight:900;
  font-size:clamp(24px,3.6vw,42px);
  line-height:1.05;
}
.hero h1 .hero-title-sub{
  display:block;
  margin-top:6px;
  color:#fe0000;
  font-weight:900;
  font-size:clamp(16px,2.4vw,28px);
  line-height:1.1;
  opacity:1;
}

/* ===== Lead-gen polish (safe) ===== */
.quick-links a{color:#1d4ed8 !important;text-decoration:underline !important;text-underline-offset:4px;text-decoration-thickness:2px}
.quick-links a:hover{opacity:0.92}
.hero-text .quick-links a{color:#ffffff !important}
.hero-text .quick-links a:hover{opacity:0.9}

/* Mobile sticky CTA bar */
.mobile-cta-bar{display:none}
@media (max-width:860px){
  body{padding-bottom:74px}
  .mobile-cta-bar{
    position:fixed;left:0;right:0;bottom:0;z-index:9998;
    display:flex;gap:0.6rem;justify-content:center;align-items:center;
    padding:0.65rem 0.8rem;
    background:rgba(255,255,255,0.98);
    border-top:1px solid rgba(148,163,184,0.35);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  }
  .mobile-cta-bar .btn{flex:1;max-width:46%}
  .mobile-cta-bar .btn.outline{background:#ffffff;color:#0f172a;border-color:rgba(15,23,42,0.25)}
}

.page-home .quick-links a{color:#ffd54f !important}

/* Align + center CTAs inside card "cells" */
.listing-card{display:flex;flex-direction:column;height:100%}
.listing-body{display:flex;flex-direction:column;flex:1}
.listing-actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;align-items:center;text-align:center}
.hero-actions{display:flex;flex-wrap:wrap;gap:0.6rem;margin-bottom:1.3rem;justify-content:center;align-items:center}
.hero .hero-actions{justify-content:flex-start}
.brands-affiliates-links{text-align:center}
.site-disclaimer{margin-top:1rem;font-size:.85rem;line-height:1.35;color:var(--text-muted,#6b7280);max-width:70ch}.hp-field{display:none}@media (min-width:992px){}
/* === Translate placement + desktop one-line nav (safe overrides) === */
@media (min-width: 992px){
  .site-header .header-inner{justify-content:flex-start !important; gap:0.45rem !important; flex-wrap:nowrap !important;}
  .site-header 
  .site-header 
  .gt-inline{flex:0 0 auto; margin:0 0.2rem 0 0.35rem !important;}
  /* make the google widget compact */
  #google_translate_element{display:flex !important; align-items:center !important;}
  #google_translate_element .goog-te-gadget{font-size:0 !important; line-height:0 !important;}
  #google_translate_element .goog-te-gadget span, #google_translate_element .goog-te-gadget img{display:none;}
  #google_translate_element .goog-te-combo{font-size:12px !important; line-height:1.1 !important; padding:2px 6px !important; border-radius:999px !important; border:1px solid rgba(148,163,184,0.55) !important; background:#fff !important; max-width:140px !important;}
  #google_translate_element{display:flex;align-items:center;min-height:28px;}
  #google_translate_element .gt-fallback{font-size:12px;line-height:1.1;padding:2px 10px;border-radius:999px;border:1px solid rgba(148,163,184,0.55);background:#fff;color:#0f172a;cursor:pointer;}
}


/* Place Google Translate inside the top nav before Purchase (desktop) */
.site-header .main-nav .gt-inline{margin:0 0.22rem 0 0.10rem !important; padding:0 !important;}
.site-header .main-nav #google_translate_element{display:flex !important; align-items:center !important;}


/* ===== Value Widgets (Fuel / Rates / Market Pulse) ===== */
.value-widgets{margin:22px 0;}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
@media (max-width: 980px){.value-grid{grid-template-columns:1fr;}}
.vcard{border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:14px;background:#fff;}
.vcard h3{margin:0 0 6px;font-size:1.05rem;}
.vcard .muted{margin:0 0 10px;opacity:.75;font-size:.95rem;}
.updated-tag{font-size:.85rem;opacity:.72;margin-left:8px;white-space:nowrap;}
.embed-frame{width:100%;min-height:240px;border:0;border-radius:12px;overflow:hidden;background:#fff;}
.vrow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.vselect{font:inherit;padding:6px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.2);background:#fff;}
.pulse-list{margin:0;padding-left:18px;}
.pulse-list li{margin:6px 0;}

body.page-home .live-ticker{position:relative;left:auto;right:auto;top:auto;bottom:auto;border-radius:0;margin:0}body.page-home .live-ticker__bar,body.page-home .live-ticker__widget{max-width:1120px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}

.fuel-snapshot{padding:2.25rem 0;border-top:1px solid #e5e7eb;background:#fff}.fuel-snapshot h2{margin:0 0 .4rem}.fuel-snapshot .muted{opacity:.78;margin:0 0 1rem}.fuel-read{padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:14px;margin:0 0 1rem;background:#f9fafb}.fuel-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.fuel-card{border:1px solid #e5e7eb;border-radius:16px;padding:1rem;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.06)}.fuel-card h3{margin:0 0 .75rem;font-size:1rem}@media(max-width:860px){.fuel-grid{grid-template-columns:1fr}}

/* AI-search friendly blocks */
.ai-context-block{max-width:980px;margin:18px auto 26px;padding:14px 16px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff}
.ai-context-block h2{margin:0 0 8px;font-size:1.05rem}
.ai-context-block p{margin:8px 0;line-height:1.45}
.ai-context-block ul{margin:8px 0 0 18px}
.ai-context-note{opacity:.85;font-size:.95rem}
.trust-strip{max-width:980px;margin:18px auto 0;padding:12px 16px;border-top:1px solid rgba(0,0,0,.08)}
.trust-strip p{margin:0;line-height:1.45;font-size:.95rem;opacity:.92}


/* === Mobile Optimization Patch (safe) === */
@media (max-width: 860px){.site-header{position:sticky;top:0;z-index:1100}.header-inner{gap:.5rem;align-items:center}.logo img{height:36px;width:auto;max-width:190px}#google_translate_element,.google-translate{max-width:150px;overflow:hidden}.hero{padding:1.25rem 0}.hero-inner{grid-template-columns:1fr !important;gap:1rem !important}.hero-title-main{font-size:1.8rem !important;line-height:1.15}.hero-title-sub{font-size:1.1rem !important}.hero-actions{display:grid;grid-template-columns:1fr;gap:.6rem}.hero-actions .btn{width:100%}.grid-3,.grid-4{grid-template-columns:1fr !important}.nav-search{margin:.35rem 0 0}.nav-search input{width:100%;font-size:1rem;padding:.75rem .8rem}.state-selector{width:100%}.state-selector select,.state-selector button,.state-selector .btn{width:100%;min-height:44px}.link-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:.6rem !important}.link-grid a{padding:.7rem .7rem !important}body{overflow-x:hidden}img,video,iframe{max-width:100%;height:auto}.container{max-width:100%}}
@media (max-width: 520px){
  .logo img{height:34px;max-width:160px}
  .google-translate{min-width:100px}
  .link-grid{grid-template-columns:1fr !important}
  .container{padding-left:1rem;padding-right:1rem}
}

/* === Header alignment hardening (safe) === */
.site-header .header-inner{align-items:center}
.site-header 
.site-header .nav-search{display:flex;align-items:center}
.site-header .nav-search input{max-width:140px;width:140px;height:32px;padding:4px 10px;font-size:.86rem;line-height:1.1;border-radius:999px}
@media (max-width:860px){.site-header .nav-search input{width:100%;max-width:none;height:auto;padding:.75rem .8rem;border-radius:14px}}
/* iOS safe-area padding for fixed elements */
@supports (padding: max(0px)){
  @media (max-width: 860px){
    
  }
}

.hero-subtrust{margin-top:.25rem;font-size:.85rem;color:rgba(255,255,255,0.88)}

/* Bounce reduction UI */
.decision-block{padding:28px 0;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}
.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.decision-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:16px;box-shadow:0 4px 16px rgba(0,0,0,.04)}
.decision-card h2{font-size:18px;margin:0 0 8px}
.decision-card ul,.decision-card ol{margin:0 0 10px;padding-left:18px}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.cta-note{margin:8px 0 0;font-size:13px;opacity:.85}
.path-tiles{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.path-tile{display:block;padding:14px 14px;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:#fff;text-decoration:none}
.path-tile strong{display:block;font-size:15px;margin-bottom:4px}
.path-tile span{display:block;font-size:13px;opacity:.85}
.proof-strip{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;font-size:13px;opacity:.9}
.also-look{padding:22px 0;border-top:1px solid rgba(0,0,0,.06)}
.also-look h2{font-size:18px;margin:0 0 10px}
.also-links{display:flex;flex-wrap:wrap;gap:10px}
.also-links a{display:inline-block;padding:10px 12px;border:1px solid rgba(0,0,0,.08);border-radius:999px;text-decoration:none;font-size:13px;background:#fff}
.sticky-cta{position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;display:flex;gap:10px;padding:10px;border-radius:16px;background:rgba(255,255,255,.92);backdrop-filter:saturate(120%) blur(8px);border:1px solid rgba(0,0,0,.10);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.sticky-cta .sticky-btn{flex:1;display:flex;align-items:center;justify-content:center;height:44px;border-radius:14px;text-decoration:none;font-weight:700}
.sticky-cta .sticky-btn.call{border:1px solid rgba(0,0,0,.12);background:#fff}
.sticky-cta .sticky-btn.list{background:#fe0000;color:#fff}
.has-sticky-cta{padding-bottom:72px}
@media (max-width:900px){.decision-grid{grid-template-columns:1fr}.proof-strip{grid-template-columns:1fr 1fr}.path-tiles{grid-template-columns:1fr}}
@media (max-width:640px){body{line-height:1.55}.decision-block{padding:22px 0}.decision-card{padding:14px}.also-look{padding:18px 0}}

.form-choices{display:flex;flex-wrap:wrap;gap:12px}.form-choices label{display:flex;gap:8px;align-items:center}.form-note{font-size:13px;opacity:.85;margin:8px 0 0}

/* Collapsible "Popular buyer searches" (keeps SEO text accessible, reduces page noise) */
details.seo-topics { margin-top: 12px; }
details.seo-topics > summary { cursor: pointer; font-weight: 700; padding: 10px 0; }
details.seo-topics[open] > summary { margin-bottom: 6px; }
details.seo-topics ul { margin-top: 6px; }

/* Added: About page FAQ teaser */
.section-faq-teaser{margin-top:28px;padding:20px;border:1px solid rgba(0,0,0,.08);border-radius:16px;background:#fff}
.section-faq-teaser ul{margin:10px 0 14px 20px}
.section-faq-teaser .btn-red{display:inline-block;margin-top:6px;padding:12px 18px;border-radius:12px;background:#fe0000;color:#fff;text-decoration:none;font-weight:700}
.section-faq-teaser .btn-red:hover{filter:brightness(.95)}


/* SAFE PATCH v23: Callout top spacing + wrapper closure support */
#mainContent > .container:first-child{margin-top:0}
#mainContent > .container:first-child .callout{margin-top:0}


/* SAFE PATCH v24: Optimal readability typography (mobile + desktop)
   - No external font loads (fast, consistent, Google-safe)
   - Slightly larger base, comfortable line-height, improved legibility
*/
:root{
  --font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  --font-serif: ui-serif, Georgia, "Times New Roman", Times, serif;

  --base-desktop: 17px;
  --base-mobile: 18px;

  --lh-body: 1.65;
  --lh-heading: 1.20;

  --tracking-body: 0.15px;
  --tracking-heading: 0.10px;
}

html{
  font-family: var(--font-sans);
  font-size: var(--base-desktop);
  line-height: var(--lh-body);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body{
  font-family: var(--font-sans);
  font-size: 1rem;
  line-height: var(--lh-body);
  letter-spacing: var(--tracking-body);
}

/* Headings: clearer hierarchy without looking "shouty" */
h1,h2,h3,h4,h5,h6{
  line-height: var(--lh-heading);
  letter-spacing: var(--tracking-heading);
  font-weight: 700;
}

/* Paragraph readability */
p, li{
  font-weight: 400;
}

/* Inputs/buttons: match site typography for consistency */
button, input, select, textarea{
  font-family: var(--font-sans);
  font-size: 1rem;
  line-height: 1.2;
}

/* Mobile: slightly larger base font */
@media (max-width: 860px){
  html{ font-size: var(--base-mobile); }
}

/* Optional: reduce “tiny text” in secondary UI elements */
.small, .meta, .fine-print{
  font-size: 0.95rem;
}


@import "typography-optimized.css";

/* Added: pro alignment polish */
@import url("pro-alignment-polish.css");

/* Added: metro hero thumbnails */
@import url("metro-heroes.css");

/* Added: Mobile Menu Lock */
@import url("mobile-menu-lock.css");
@import url("home-grid-polish.css");

/* SAFE PATCH v25: Contain "Next best step" blocks inside the global container */
.next-steps{width:100%;max-width:1120px;margin:2rem auto !important;padding:0 1.25rem}
@media (max-width:520px){.next-steps{padding:0 1rem}}
.next-steps h2{margin-top:0}
.next-steps ul{margin:.75rem 0 0;padding-left:1.1rem}
.next-steps li{margin:.35rem 0}


/* SAFE PATCH v26: Contain "How deals close" timeline blocks inside the global container
   These appear as <section class="deal-timeline"> and can render full-bleed due to inline styles.
*/
.deal-timeline{
  width:100%;
  max-width:1120px;
  margin:2rem auto !important;
  padding:0 1.25rem;
}
@media (max-width:520px){
  .deal-timeline{padding:0 1rem;}
}
.deal-timeline h2{margin-top:0;}


/* Container fix: content-block sections */
.content-block{width:100%;max-width:1120px;margin:0 auto;padding:0 1.25rem;}