/* === source: brand-v18-step1.css === */
/* AVTOPTS V18 STEP 1 — Brand System 2.2 FINAL VERIFIED */
:root{--ink:#0D0F12;--navy:#0D0F12;--navy-2:#15181d;--yellow:#FFC800;--yellow-hover:#eab700;--white:#FFFFFF;--paper:#f5f5f6;--muted:#6f7075;--line:#dedee1;--brand-grey:#AAA7AE}
body{font-family:Manrope,Inter,Arial,sans-serif}
.site-header{background:rgba(13,15,18,.96)}
.brand{display:inline-flex;align-items:center;min-width:max-content;line-height:1}
.brand .brand-v18-logo{display:block;width:clamp(205px,18vw,250px);height:auto;max-width:none}
.site-footer .brand .brand-v18-logo{width:235px}
@media(max-width:700px){.brand .brand-v18-logo{width:190px}.site-footer .brand .brand-v18-logo{width:205px}}

/* === source: brand-v18-mobile-menu-graphite.css === */
/* V18 STEP 6.6 — authoritative mobile navigation graphite override.
   Loaded last and versioned to avoid Safari/browser cache and cascade conflicts. */
@media (max-width:1050px){
  .site-header{
    background:rgba(28,31,35,.98)!important;
    border-bottom-color:rgba(255,255,255,.10)!important;
  }
  .site-header .menu-button{
    background:#24272c!important;
    background-color:#24272c!important;
    border:1px solid rgba(255,255,255,.11)!important;
    box-shadow:0 10px 26px rgba(0,0,0,.22)!important;
  }
  .site-header .menu-button span{
    background:#f4f4f4!important;
    background-color:#f4f4f4!important;
  }
  .site-header .main-nav,
  .site-header .main-nav.open{
    background:#1b1d20!important;
    background-color:#1b1d20!important;
    border-color:rgba(255,255,255,.13)!important;
    box-shadow:0 22px 55px rgba(0,0,0,.42)!important;
  }
  .site-header .main-nav a{
    color:#c9cbd0!important;
  }
  .site-header .main-nav a:hover,
  .site-header .main-nav a:focus-visible{
    color:#fff!important;
  }
}
@media (max-width:700px){
  .site-header .main-nav,
  .site-header .main-nav.open{
    background:#1b1d20!important;
    background-color:#1b1d20!important;
    border-color:rgba(255,255,255,.14)!important;
  }
}

/* === source: brand-v18-secondary-pages.css === */
/* AVTOPTS V18 STEP 7.1 — unified secondary pages.
   Visual/UX alignment with the approved main and business pages. */
:root{--v18-bg:#0D0F12;--v18-panel:#17191c;--v18-panel-2:#1b1d20;--v18-border:rgba(255,255,255,.11);--v18-muted:#AAA7AE;--v18-yellow:#FFC800;}
body[data-page="seo"],body[data-page="seo-city"],body.legal-page{background:var(--v18-bg)!important;color:#fff!important;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
body[data-page="seo"] main,body[data-page="seo-city"] main,body.legal-page main{background:var(--v18-bg)!important;color:#fff!important;}
/* Header brand system */
body[data-page="seo"] .site-header,body[data-page="seo-city"] .site-header,body.legal-page .site-header{background:rgba(28,31,35,.98)!important;border-bottom-color:rgba(255,255,255,.10)!important;}
body[data-page="seo"] .site-header .header-inner,body[data-page="seo-city"] .site-header .header-inner,body.legal-page .site-header .header-inner{gap:22px!important;}
body[data-page="seo"] .site-header .brand,body[data-page="seo-city"] .site-header .brand,body.legal-page .site-header .brand{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;text-decoration:none!important;}
body[data-page="seo"] .site-header .brand-v18-lockup,body[data-page="seo-city"] .site-header .brand-v18-lockup,body.legal-page .site-header .brand-v18-lockup{display:inline-flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;width:210px!important;max-width:100%!important;transform-origin:left center!important;will-change:transform,filter!important;}
body[data-page="seo"] .site-header .brand-v18-logo,body[data-page="seo-city"] .site-header .brand-v18-logo,body.legal-page .site-header .brand-v18-logo{display:block!important;width:210px!important;height:auto!important;max-width:100%!important;object-fit:contain!important;}
body[data-page="seo"] .site-header .brand-v18-tagline,body[data-page="seo-city"] .site-header .brand-v18-tagline,body.legal-page .site-header .brand-v18-tagline{display:block!important;margin:3px 0 0 69px!important;color:var(--v18-muted)!important;font-size:7px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:.13em!important;white-space:nowrap!important;}
body[data-page="seo"] .header-phone,body[data-page="seo-city"] .header-phone,body.legal-page .header-phone{color:#fff!important;font-weight:800!important;}
body[data-page="seo"] .header-phone small,body[data-page="seo-city"] .header-phone small,body.legal-page .header-phone small{color:var(--v18-muted)!important;}
/* SEO/content surfaces */
body[data-page="seo"] .seo-section,body[data-page="seo-city"] .seo-section{background:var(--v18-bg)!important;color:#fff!important;border-color:var(--v18-border)!important;}
body[data-page="seo"] .seo-section.alt,body[data-page="seo-city"] .seo-section.alt,body[data-page="seo-city"] .city-network{background:#111317!important;}
body[data-page="seo"] .seo-section.dark,body[data-page="seo-city"] .seo-section.dark{background:var(--v18-bg)!important;}
body[data-page="seo"] .seo-copy,body[data-page="seo-city"] .seo-copy,body[data-page="seo"] .seo-card,body[data-page="seo-city"] .seo-card,body[data-page="seo"] .seo-faq details,body[data-page="seo-city"] .seo-faq details,body[data-page="seo"] .city-link,body[data-page="seo-city"] .city-link{background:var(--v18-panel)!important;border-color:var(--v18-border)!important;box-shadow:0 14px 34px rgba(0,0,0,.12)!important;color:#fff!important;}
body[data-page="seo"] .seo-copy h1,body[data-page="seo"] .seo-copy h2,body[data-page="seo"] .seo-copy h3,body[data-page="seo-city"] .seo-copy h1,body[data-page="seo-city"] .seo-copy h2,body[data-page="seo-city"] .seo-copy h3,body[data-page="seo"] .seo-card b,body[data-page="seo-city"] .seo-card b,body[data-page="seo"] .seo-faq summary,body[data-page="seo-city"] .seo-faq summary,body[data-page="seo"] .city-link,body[data-page="seo-city"] .city-link{color:#fff!important;}
body[data-page="seo"] .seo-copy p,body[data-page="seo"] .seo-copy li,body[data-page="seo"] .seo-card p,body[data-page="seo"] .seo-faq p,body[data-page="seo-city"] .seo-copy p,body[data-page="seo-city"] .seo-copy li,body[data-page="seo-city"] .seo-card p,body[data-page="seo-city"] .seo-faq p{color:#b5b8bd!important;}
body[data-page="seo"] .topic-links a,body[data-page="seo-city"] .topic-links a{background:#23262b!important;color:#d6d8dc!important;border:1px solid rgba(255,255,255,.08)!important;}
body[data-page="seo"] .topic-links a:hover,body[data-page="seo-city"] .topic-links a:hover{background:#2a2d32!important;color:var(--v18-yellow)!important;border-color:rgba(255,200,0,.45)!important;}
body[data-page="seo"] .location-note,body[data-page="seo-city"] .location-note{background:#191b1f!important;color:#c2c5ca!important;border-left-color:var(--v18-yellow)!important;}
body[data-page="seo"] .seo-callout,body[data-page="seo-city"] .seo-callout{background:#1b1a12!important;border-color:rgba(255,200,0,.28)!important;color:#ddd7b8!important;}
body[data-page="seo-city"] .city-office-info{background:#111317!important;color:#fff!important;border-color:var(--v18-border)!important;}
body[data-page="seo-city"] .city-office-info h2,body[data-page="seo-city"] .city-office-info strong{color:#fff!important;}
body[data-page="seo-city"] .city-office-info p,body[data-page="seo-city"] .city-office-info li{color:#b5b8bd!important;}
body[data-page="seo-city"] .city-map-frame{border-color:var(--v18-border)!important;background:var(--v18-panel)!important;}
/* Forms */
body[data-page="seo"] .lead-form,body[data-page="seo-city"] .lead-form{background:linear-gradient(145deg,#1b1d20,#141619)!important;border:1px solid #41444a!important;box-shadow:0 22px 55px rgba(0,0,0,.24)!important;color:#fff!important;}
body[data-page="seo"] .lead-form h3,body[data-page="seo-city"] .lead-form h3{color:#fff!important;}
body[data-page="seo"] .lead-form>p,body[data-page="seo-city"] .lead-form>p{color:#b9bdc4!important;}
body[data-page="seo"] .lead-form label:not(.consent),body[data-page="seo-city"] .lead-form label:not(.consent){color:#d4d6da!important;}
body[data-page="seo"] .lead-form input:not([type=checkbox]),body[data-page="seo"] .lead-form select,body[data-page="seo-city"] .lead-form input:not([type=checkbox]),body[data-page="seo-city"] .lead-form select{background:#101214!important;border-color:#41444a!important;color:#fff!important;}
body[data-page="seo"] .lead-form select option,body[data-page="seo-city"] .lead-form select option{background:#101214!important;color:#fff!important;}
body[data-page="seo"] .lead-form input::placeholder,body[data-page="seo-city"] .lead-form input::placeholder{color:#969ba3!important;}
body[data-page="seo"] .lead-form input:not([type=checkbox]):focus,body[data-page="seo"] .lead-form select:focus,body[data-page="seo-city"] .lead-form input:not([type=checkbox]):focus,body[data-page="seo-city"] .lead-form select:focus{border-color:var(--v18-yellow)!important;box-shadow:0 0 0 3px rgba(255,200,0,.14)!important;outline:0!important;}
body[data-page="seo"] .consent-v18,body[data-page="seo-city"] .consent-v18{display:flex!important;align-items:flex-start!important;gap:10px!important;color:#b9bdc4!important;font-size:.72rem!important;line-height:1.5!important;}
body[data-page="seo"] .consent-v18 input,body[data-page="seo-city"] .consent-v18 input{width:18px!important;height:18px!important;flex:0 0 18px!important;margin-top:1px!important;accent-color:var(--v18-yellow)!important;}
body[data-page="seo"] .consent-v18 a,body[data-page="seo-city"] .consent-v18 a{color:var(--v18-yellow)!important;text-decoration:underline!important;text-underline-offset:2px!important;}
body[data-page="seo"] .lead-form .button,body[data-page="seo-city"] .lead-form .button{background:var(--v18-yellow)!important;color:#101214!important;box-shadow:none!important;}
body[data-page="seo"] .application-summary>span,body[data-page="seo-city"] .application-summary>span{background:#101214!important;border-color:#383b40!important;color:#a4a8af!important;}
body[data-page="seo"] .application-summary strong,body[data-page="seo-city"] .application-summary strong{color:#fff!important;}
/* City calculators — same graphite family as main */
body[data-page="seo-city"] #calculator{background:var(--v18-bg)!important;padding:24px 0 40px!important;}
body[data-page="seo-city"] #calculator .calculator{padding:32px!important;border:1px solid var(--v18-border)!important;border-radius:22px!important;background:linear-gradient(145deg,#1b1d20,#141619)!important;box-shadow:0 16px 40px rgba(0,0,0,.16)!important;color:#fff!important;}
body[data-page="seo-city"] #calculator .calculator-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:24px!important;}
body[data-page="seo-city"] #calculator .calculator-head>div:first-child{min-width:0!important;flex:1!important;}
body[data-page="seo-city"] #calculator .section-kicker{font-size:11px!important;letter-spacing:.08em!important;color:var(--v18-yellow)!important;}
body[data-page="seo-city"] #calculator h2{font-size:clamp(24px,2.3vw,32px)!important;line-height:1.18!important;letter-spacing:-.035em!important;margin:8px 0 10px!important;color:#fff!important;}
body[data-page="seo-city"] #calculator .calculator-head p{font-size:14px!important;line-height:1.5!important;color:#aaaeb4!important;margin:0!important;max-width:480px!important;}
body[data-page="seo-city"] #calculator .mode-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;flex:0 0 350px!important;width:350px!important;min-width:0!important;margin:0!important;padding:4px!important;gap:4px!important;border:1px solid #383b40!important;border-radius:13px!important;background:#111315!important;}
body[data-page="seo-city"] #calculator .mode-tabs button{min-height:44px!important;padding:9px 10px!important;font-size:12px!important;font-weight:700!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#c4c7cc!important;}
body[data-page="seo-city"] #calculator .mode-tabs button.active{background:var(--v18-yellow)!important;color:#101214!important;}
body[data-page="seo-city"] #calculator .calculator-grid{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr)!important;gap:28px!important;margin-top:28px!important;}
body[data-page="seo-city"] #calculator .calculator-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px!important;align-content:start!important;}
body[data-page="seo-city"] #calculator .control-group>label{display:block!important;font-size:14px!important;font-weight:600!important;color:#c4c7cc!important;margin:0 0 10px!important;}
body[data-page="seo-city"] #calculator .value-input,body[data-page="seo-city"] #calculator .term-value{border:1px solid #41444a!important;border-radius:12px!important;background:#101214!important;color:#fff!important;box-shadow:none!important;}
body[data-page="seo-city"] #calculator .value-input input{min-height:58px!important;padding:12px 16px!important;font-size:24px!important;font-weight:750!important;color:#fff!important;background:transparent!important;}
body[data-page="seo-city"] #calculator .value-input span{color:var(--v18-yellow)!important;padding-right:16px!important;font-size:22px!important;}
body[data-page="seo-city"] #calculator .term-value{min-height:60px!important;padding:12px 16px!important;font-size:24px!important;font-weight:750!important;line-height:1.2!important;}
body[data-page="seo-city"] #calculator .range{accent-color:var(--v18-yellow)!important;background:linear-gradient(90deg,var(--v18-yellow) 0 var(--range-pct,0%),#3b3e43 var(--range-pct,0%) 100%)!important;}
body[data-page="seo-city"] #calculator .range-labels,body[data-page="seo-city"] #calculator .payment-description{color:#a4a8af!important;}
body[data-page="seo-city"] #calculator .payment-description{background:#101214!important;border-color:#383b40!important;}
body[data-page="seo-city"] #calculator .calculator-result{padding:24px!important;border:1px solid #3c3e40!important;border-radius:16px!important;background:#101214!important;box-shadow:none!important;}
body[data-page="seo-city"] #calculator .calculator-result>span,body[data-page="seo-city"] #calculator .calculator-result dt,body[data-page="seo-city"] #calculator .calculator-result small{color:#a4a8af!important;}
body[data-page="seo-city"] #calculator .calculator-result>strong{color:var(--v18-yellow)!important;}
body[data-page="seo-city"] #calculator .calculator-result dd{color:#fff!important;}
body[data-page="seo-city"] #calculator .calculator-result dl div{border-bottom-color:#303236!important;}
body[data-page="seo-city"] #calculator .calculator-result .button{background:var(--v18-yellow)!important;color:#101214!important;box-shadow:none!important;}
.calculator-risk-note{margin:20px 0 0!important;color:#8f9399!important;font-size:11px!important;line-height:1.55!important;}
.calculator-risk-note a{color:var(--v18-yellow)!important;text-decoration:underline!important;text-underline-offset:2px!important;}
/* Legal docs */
body.legal-page .legal-main{padding:44px 0 64px!important;}
body.legal-page .legal-document{max-width:980px!important;padding:34px!important;border:1px solid var(--v18-border)!important;border-radius:22px!important;background:var(--v18-panel)!important;box-shadow:0 18px 50px rgba(0,0,0,.16)!important;}
body.legal-page .legal-document h1,body.legal-page .legal-document h2,body.legal-page .legal-document h3{color:#fff!important;}
body.legal-page .legal-document p,body.legal-page .legal-document li{color:#b8bbc0!important;}
body.legal-page .legal-document a{color:var(--v18-yellow)!important;}
body.legal-page .legal-updated{color:#8f9399!important;}
body.legal-page .legal-highlight{background:#111315!important;border-color:rgba(255,200,0,.28)!important;color:#d8d8d8!important;}
body.legal-page .legal-back{display:inline-flex!important;margin-bottom:22px!important;color:var(--v18-yellow)!important;}
/* Footer — same lockup/phone/legal hierarchy as main */
body[data-page="seo"] .site-footer,body[data-page="seo-city"] .site-footer,body.legal-page .site-footer{background:#090a0c!important;border-top:1px solid rgba(255,255,255,.08)!important;color:#fff!important;}
body[data-page="seo"] .site-footer .brand-v18-lockup,body[data-page="seo-city"] .site-footer .brand-v18-lockup,body.legal-page .site-footer .brand-v18-lockup{display:inline-flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;width:210px!important;max-width:100%!important;transform-origin:left center!important;will-change:transform,filter!important;}
body[data-page="seo"] .site-footer .brand-v18-logo,body[data-page="seo-city"] .site-footer .brand-v18-logo,body.legal-page .site-footer .brand-v18-logo{display:block!important;width:210px!important;height:auto!important;max-width:100%!important;object-fit:contain!important;}
body[data-page="seo"] .site-footer .brand-v18-tagline,body[data-page="seo-city"] .site-footer .brand-v18-tagline,body.legal-page .site-footer .brand-v18-tagline{display:block!important;margin:3px 0 0 69px!important;color:var(--v18-muted)!important;font-size:7px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:.13em!important;white-space:nowrap!important;}
body[data-page="seo"] .site-footer .footer-phone,body[data-page="seo-city"] .site-footer .footer-phone,body.legal-page .site-footer .footer-phone{display:inline-flex!important;flex-direction:column!important;align-items:flex-end!important;gap:2px!important;color:#fff!important;text-decoration:none!important;font-weight:800!important;white-space:nowrap!important;}
body[data-page="seo"] .site-footer .footer-phone small,body[data-page="seo-city"] .site-footer .footer-phone small,body.legal-page .site-footer .footer-phone small{color:var(--v18-muted)!important;font-size:10px!important;font-weight:600!important;}
body[data-page="seo"] .site-footer .footer-phone span,body[data-page="seo-city"] .site-footer .footer-phone span,body.legal-page .site-footer .footer-phone span{color:#fff!important;font-size:17px!important;font-weight:800!important;}
body[data-page="seo"] .site-footer .footer-links,body[data-page="seo-city"] .site-footer .footer-links,body.legal-page .site-footer .footer-links{color:#a8abb0!important;}
body[data-page="seo"] .site-footer .footer-links a:hover,body[data-page="seo-city"] .site-footer .footer-links a:hover,body.legal-page .site-footer .footer-links a:hover{color:var(--v18-yellow)!important;}
body[data-page="seo"] .site-footer .legal,body[data-page="seo-city"] .site-footer .legal,body.legal-page .site-footer .legal{color:#85898f!important;border-top-color:rgba(255,255,255,.10)!important;}
body[data-page="seo"] .site-footer .legal strong,body[data-page="seo-city"] .site-footer .legal strong,body.legal-page .site-footer .legal strong{color:#b7bac0!important;}
body[data-page="seo"] .site-footer .legal a,body[data-page="seo-city"] .site-footer .legal a,body.legal-page .site-footer .legal a{color:var(--v18-yellow)!important;}
.footer-risk-note{color:#85898f!important;}
@media(max-width:1050px){
 body[data-page="seo"] .site-header .header-inner,body[data-page="seo-city"] .site-header .header-inner,body.legal-page .site-header .header-inner{gap:14px!important;}
 body[data-page="seo"] .site-header .main-nav,body[data-page="seo-city"] .site-header .main-nav,body.legal-page .site-header .main-nav{background:#1b1d20!important;border-color:rgba(255,255,255,.13)!important;}
 body[data-page="seo-city"] #calculator .calculator-head{display:block!important;}
 body[data-page="seo-city"] #calculator .mode-tabs{width:100%!important;max-width:440px!important;margin:20px 0 0!important;}
 body[data-page="seo-city"] #calculator .calculator-fields{grid-template-columns:1fr!important;}
}
@media(max-width:700px){
 body[data-page="seo"] .site-header .brand-v18-lockup,body[data-page="seo-city"] .site-header .brand-v18-lockup,body.legal-page .site-header .brand-v18-lockup{width:190px!important;}
 body[data-page="seo"] .site-header .brand-v18-logo,body[data-page="seo-city"] .site-header .brand-v18-logo,body.legal-page .site-header .brand-v18-logo{width:190px!important;}
 body[data-page="seo"] .site-header .brand-v18-tagline,body[data-page="seo-city"] .site-header .brand-v18-tagline,body.legal-page .site-header .brand-v18-tagline{margin-left:62px!important;font-size:6.5px!important;}
 body[data-page="seo"] .mobile-quick-actions,body[data-page="seo-city"] .mobile-quick-actions,body.legal-page .mobile-quick-actions{display:flex!important;align-items:center!important;margin-left:auto!important;}
 body[data-page="seo"] .mobile-business-pill,body[data-page="seo-city"] .mobile-business-pill,body.legal-page .mobile-business-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 18px!important;background:var(--v18-yellow)!important;color:#101214!important;border-radius:999px!important;font-weight:900!important;font-size:.9rem!important;white-space:nowrap!important;box-shadow:0 12px 30px rgba(255,200,0,.14)!important;}
 body[data-page="seo"] .header-phone,body[data-page="seo-city"] .header-phone,body.legal-page .header-phone{display:none!important;}
 body[data-page="seo-city"] #calculator{padding:16px 0 28px!important;}
 body[data-page="seo-city"] #calculator>.container{width:calc(100% - 32px)!important;max-width:none!important;margin:0 auto!important;padding:0!important;}
 body[data-page="seo-city"] #calculator .calculator{padding:20px 16px!important;border-radius:18px!important;}
 body[data-page="seo-city"] #calculator .mode-tabs{max-width:none!important;grid-template-columns:1fr 1fr!important;}
 body[data-page="seo-city"] #calculator .calculator-grid{grid-template-columns:1fr!important;gap:24px!important;margin-top:24px!important;}
 body[data-page="seo-city"] #calculator .calculator-fields{grid-template-columns:1fr!important;gap:24px!important;}
 body.legal-page .legal-main{padding:24px 0 42px!important;}
 body.legal-page .legal-document{padding:22px 18px!important;border-radius:18px!important;}
 body[data-page="seo"] .site-footer .brand-v18-lockup,body[data-page="seo-city"] .site-footer .brand-v18-lockup,body.legal-page .site-footer .brand-v18-lockup,body[data-page="seo"] .site-footer .brand-v18-logo,body[data-page="seo-city"] .site-footer .brand-v18-logo,body.legal-page .site-footer .brand-v18-logo{width:190px!important;}
 body[data-page="seo"] .site-footer .brand-v18-tagline,body[data-page="seo-city"] .site-footer .brand-v18-tagline,body.legal-page .site-footer .brand-v18-tagline{margin-left:62px!important;font-size:6.5px!important;}
 body[data-page="seo"] .site-footer .footer-phone,body[data-page="seo-city"] .site-footer .footer-phone,body.legal-page .site-footer .footer-phone{align-items:flex-start!important;}
}

/* AVTOPTS V18 STEP 7.2 — secondary pages visual consistency fix.
   Matches the approved main/business graphite system. */

/* 1) Logo artifact: same crop used on the approved main page. */
body[data-page="seo"] .site-header .brand-v18-logo,
body[data-page="seo-city"] .site-header .brand-v18-logo,
body.legal-page .site-header .brand-v18-logo,
body[data-page="seo"] .site-footer .brand-v18-logo,
body[data-page="seo-city"] .site-footer .brand-v18-logo,
body.legal-page .site-footer .brand-v18-logo{
  -webkit-clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,0 25%,5% 25%)!important;
  clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,0 25%,5% 25%)!important;
}

/* 2) Header typography: same Manrope sizing/weight as the approved main page. */
body[data-page="seo"] .site-header .main-nav,
body[data-page="seo-city"] .site-header .main-nav,
body.legal-page .site-header .main-nav{
  gap:22px!important;
  font-family:Manrope,Inter,Arial,sans-serif!important;
}
body[data-page="seo"] .site-header .main-nav a,
body[data-page="seo-city"] .site-header .main-nav a,
body.legal-page .site-header .main-nav a{
  color:rgba(255,255,255,.78)!important;
  font-family:Manrope,Inter,Arial,sans-serif!important;
  font-size:.91rem!important;
  font-weight:650!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-decoration:none!important;
}
body[data-page="seo"] .site-header .main-nav a:hover,
body[data-page="seo-city"] .site-header .main-nav a:hover,
body.legal-page .site-header .main-nav a:hover{color:#fff!important;}

/* 3) City pages: remove legacy blue surfaces. */
body[data-page="seo-city"] .trust-strip{
  background:#141619!important;
  border-top-color:#303236!important;
  border-bottom:1px solid #303236!important;
}
body[data-page="seo-city"] .trust-grid>div{border-color:#303236!important;}
body[data-page="seo-city"] .trust-grid span{color:#AAA7AE!important;}
body[data-page="seo-city"] .section-dark{background:#0D0F12!important;}
body[data-page="seo-city"] .loan-cards{scrollbar-color:#FFC800 #24272b!important;}
body[data-page="seo-city"] .loan-card{
  background:#17191c!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.14)!important;
}
body[data-page="seo-city"] .loan-card:hover{
  border-color:rgba(255,200,0,.48)!important;
  box-shadow:0 24px 50px rgba(0,0,0,.24)!important;
}
body[data-page="seo-city"] .loan-card span{color:#AAA7AE!important;}
body[data-page="seo-city"] .loan-card p{
  color:#b9bdc4!important;
  border-top-color:#303236!important;
}
body[data-page="seo-city"] .examples-note{color:#8f9399!important;}

/* Neutral graphite overlays for city hero images. */
body[data-page="seo-city"][data-source^="seo-city-"] .seo-hero{background:#0D0F12!important;}
body[data-page="seo-city"][data-source^="seo-city-"] .seo-hero::before{
  background:
    linear-gradient(90deg,rgba(13,15,18,.97) 0%,rgba(13,15,18,.86) 34%,rgba(13,15,18,.57) 58%,rgba(13,15,18,.19) 82%,transparent 100%),
    linear-gradient(0deg,rgba(13,15,18,.31),transparent 31%),
    var(--city-hero-desktop) var(--city-hero-desktop-pos) / cover no-repeat!important;
}

/* 4) Partner-office/map blocks: graphite shell + darkened map treatment. */
body[data-page="seo-city"] .city-office-info{background:#0D0F12!important;color:#fff!important;}
body[data-page="seo-city"] .city-office-list>li{
  background:#17191c!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.18)!important;
  color:#b5b8bd!important;
}
body[data-page="seo-city"] .city-office-list>li>strong{color:#fff!important;}
body[data-page="seo-city"] .city-map-frame{
  border-color:rgba(255,255,255,.11)!important;
  background:#101214!important;
  box-shadow:0 16px 36px rgba(0,0,0,.22)!important;
}
body[data-page="seo-city"] .city-map-frame iframe{
  background:#101214!important;
  filter:grayscale(1) invert(.90) hue-rotate(180deg) brightness(.68) contrast(1.12)!important;
  opacity:.94!important;
}
body[data-page="seo-city"] .city-map-route{
  background:#17191c!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
body[data-page="seo-city"] .city-map-route:hover{
  background:#202226!important;
  color:#FFC800!important;
  border-color:rgba(255,200,0,.45)!important;
}
body[data-page="seo-city"] .city-map-caption{color:#8f9399!important;}
body[data-page="seo-city"] .city-office-note{
  background:#17191c!important;
  color:#AAA7AE!important;
  border-left-color:#FFC800!important;
}

/* 5) Cities index page: neutralize the old navy shell around the map hero. */
body[data-source="seo-cities"] .seo-hero{background:#0D0F12!important;}
body[data-source="seo-cities"] .seo-section.alt{background:#111317!important;}

@media(max-width:980px){
  body[data-page="seo"] .site-header .main-nav,
  body[data-page="seo-city"] .site-header .main-nav,
  body.legal-page .site-header .main-nav{gap:14px!important;}
  body[data-page="seo"] .site-header .main-nav a,
  body[data-page="seo-city"] .site-header .main-nav a,
  body.legal-page .site-header .main-nav a{font-size:.82rem!important;}
}

@media(max-width:700px){
  body[data-page="seo-city"][data-source^="seo-city-"] .seo-hero{background:#0D0F12!important;}
  body[data-page="seo-city"][data-source^="seo-city-"] .seo-hero::after{
    background:
      linear-gradient(180deg,#0D0F12 0%,rgba(13,15,18,.84) 14%,rgba(13,15,18,.29) 30%,transparent 44%),
      var(--city-hero-mobile) var(--city-hero-mobile-pos) / cover no-repeat!important;
    background-color:#0D0F12!important;
  }
}
@media(max-width:420px){
  body[data-page="seo-city"][data-source^="seo-city-"] .seo-hero::after{
    background:
      linear-gradient(180deg,#0D0F12 0%,rgba(13,15,18,.87) 14%,rgba(13,15,18,.32) 30%,transparent 44%),
      var(--city-hero-mobile) var(--city-hero-mobile-pos) / cover no-repeat!important;
  }
}


/* AVTOPTS V18 STEP 7.3 — exact header/logo parity + city step numbering. */

/* Use the approved main-page brand geometry instead of the smaller secondary approximation. */
body[data-page="seo"] .site-header .brand-v18-lockup,
body[data-page="seo-city"] .site-header .brand-v18-lockup,
body.legal-page .site-header .brand-v18-lockup{
  width:clamp(210px,17vw,248px)!important;
}
body[data-page="seo"] .site-header .brand-v18-logo,
body[data-page="seo-city"] .site-header .brand-v18-logo,
body.legal-page .site-header .brand-v18-logo{
  width:100%!important;
  height:auto!important;
}

/* Same artifact crop as the approved main page, now on the exact same transparent logo asset. */
body[data-page="seo"] img.brand-v18-logo[src="assets/brand/avtopts-compact-transparent.png"],
body[data-page="seo-city"] img.brand-v18-logo[src="assets/brand/avtopts-compact-transparent.png"],
body.legal-page img.brand-v18-logo[src="assets/brand/avtopts-compact-transparent.png"]{
  -webkit-clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,0 25%,5% 25%)!important;
  clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,0 25%,5% 25%)!important;
}

/* Desktop business CTA: secondary typography must not override the main yellow-pill button. */
body[data-page="seo"] .site-header .main-nav .nav-business,
body[data-page="seo-city"] .site-header .main-nav .nav-business,
body.legal-page .site-header .main-nav .nav-business{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  background:#FFC800!important;
  color:#101214!important;
  font-size:.91rem!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
body[data-page="seo"] .site-header .main-nav .nav-business:hover,
body[data-page="seo-city"] .site-header .main-nav .nav-business:hover,
body.legal-page .site-header .main-nav .nav-business:hover{
  background:#ffd32b!important;
  color:#101214!important;
}

/* City "How it works": number/title relation mirrors the Advantages strip — 01/02/03, yellow number, no blue tile. */
body[data-page="seo-city"] .seo-grid .seo-card{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  column-gap:16px!important;
  row-gap:14px!important;
  align-items:center!important;
}
body[data-page="seo-city"] .seo-grid .seo-card .num{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#FFC800!important;
  font-size:1.55rem!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
}
body[data-page="seo-city"] .seo-grid .seo-card>b{
  margin:0!important;
  align-self:center!important;
}
body[data-page="seo-city"] .seo-grid .seo-card>p{
  grid-column:1 / -1!important;
  margin:0!important;
}

@media(max-width:700px){
  body[data-page="seo"] .site-header .brand-v18-lockup,
  body[data-page="seo-city"] .site-header .brand-v18-lockup,
  body.legal-page .site-header .brand-v18-lockup{width:190px!important;}
  body[data-page="seo"] .site-header .brand-v18-logo,
  body[data-page="seo-city"] .site-header .brand-v18-logo,
  body.legal-page .site-header .brand-v18-logo{width:190px!important;}

  /* Exact mobile Business pill proportions from the main page. */
  body[data-page="seo"] .mobile-business-pill,
  body[data-page="seo-city"] .mobile-business-pill,
  body.legal-page .mobile-business-pill{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    background:#ffd400!important;
    color:#07111c!important;
    font-size:.78rem!important;
    font-weight:900!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    box-shadow:0 8px 18px rgba(255,212,0,.18)!important;
  }
  body[data-page="seo"] .site-header .main-nav .nav-business,
  body[data-page="seo-city"] .site-header .main-nav .nav-business,
  body.legal-page .site-header .main-nav .nav-business{display:none!important;}
}
@media(max-width:380px){
  body[data-page="seo"] .mobile-business-pill,
  body[data-page="seo-city"] .mobile-business-pill,
  body.legal-page .mobile-business-pill{
    height:38px!important;
    min-height:38px!important;
    padding:0 10px!important;
    font-size:.72rem!important;
  }
}

/* AVTOPTS V18 STEP 7.4 — seamless city/cities sections, matching main + business. */
/* The content cards keep their own borders; only full-width section seams are removed. */
body[data-page="seo-city"] .calculator-section,
body[data-page="seo-city"] .trust-strip,
body[data-page="seo-city"] .section-dark,
body[data-page="seo-city"] .seo-section,
body[data-page="seo-city"] .seo-section.alt,
body[data-page="seo-city"] .seo-section.city-network,
body[data-page="seo-city"] .city-office-info,
body[data-source="seo-cities"] .seo-section,
body[data-source="seo-cities"] .seo-section.alt{
  background:#0D0F12!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}

/* Remove legacy divider lines between consecutive full-width city blocks. */
body[data-page="seo-city"] main>section+section,
body[data-source="seo-cities"] main>section+section{
  border-top:0!important;
  outline:0!important;
}

/* Advantage strip should blend into the page like on the approved main/business pages. */
body[data-page="seo-city"] .trust-strip{
  border:0!important;
}
body[data-page="seo-city"] .trust-grid>div{
  border-top:0!important;
  border-bottom:0!important;
}

/* Partner-office wrapper also merges into the same graphite canvas. */
body[data-page="seo-city"] .city-office-info{
  margin-top:0!important;
}

/* AVTOPTS V18 STEP 7.5 — exact city/cities header parity with approved main page. */
/* This block intentionally wins over earlier secondary-page header approximations. */
body[data-source="seo-cities"] .site-header,
body[data-page="seo-city"] .site-header{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  background:rgba(13,15,18,.93)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  color:#fff!important;
}
body[data-source="seo-cities"] .site-header .header-inner,
body[data-page="seo-city"] .site-header .header-inner{
  width:min(1200px,calc(100% - 40px))!important;
  margin-inline:auto!important;
  min-height:78px!important;
  display:flex!important;
  align-items:center!important;
  gap:26px!important;
}
body[data-source="seo-cities"] .site-header .brand,
body[data-page="seo-city"] .site-header .brand{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  min-width:max-content!important;
  color:#fff!important;
  text-decoration:none!important;
  line-height:1!important;
}
body[data-source="seo-cities"] .site-header .brand-v18-lockup,
body[data-page="seo-city"] .site-header .brand-v18-lockup{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:clamp(210px,17vw,248px)!important;
  max-width:none!important;
  transform-origin:left center!important;
}
body[data-source="seo-cities"] .site-header .brand-v18-logo,
body[data-page="seo-city"] .site-header .brand-v18-logo{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  -webkit-clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,0 25%,5% 25%)!important;
  clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,0 25%,5% 25%)!important;
}
body[data-source="seo-cities"] .site-header .brand-v18-tagline,
body[data-page="seo-city"] .site-header .brand-v18-tagline{
  display:block!important;
  margin:3px 0 0 69px!important;
  color:#AAA7AE!important;
  font-family:Manrope,Inter,Arial,sans-serif!important;
  font-size:7px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:.13em!important;
  white-space:nowrap!important;
}
body[data-source="seo-cities"] .site-header .main-nav,
body[data-page="seo-city"] .site-header .main-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:1!important;
  min-width:0!important;
  gap:22px!important;
  font-family:Manrope,Inter,Arial,sans-serif!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body[data-source="seo-cities"] .site-header .main-nav a,
body[data-page="seo-city"] .site-header .main-nav a{
  flex:0 0 auto!important;
  padding:0!important;
  color:rgba(255,255,255,.78)!important;
  font-family:Manrope,Inter,Arial,sans-serif!important;
  font-size:.91rem!important;
  font-weight:650!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body[data-source="seo-cities"] .site-header .main-nav a:hover,
body[data-page="seo-city"] .site-header .main-nav a:hover{color:#fff!important;}
body[data-source="seo-cities"] .site-header .main-nav a.active:not(.nav-business),
body[data-page="seo-city"] .site-header .main-nav a.active:not(.nav-business){color:#FFC800!important;}
body[data-source="seo-cities"] .site-header .main-nav .nav-business,
body[data-page="seo-city"] .site-header .main-nav .nav-business{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 13px!important;
  border:0!important;
  border-radius:999px!important;
  background:#FFC800!important;
  color:#0D0F12!important;
  font-size:.91rem!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
body[data-source="seo-cities"] .site-header .main-nav .nav-business:hover,
body[data-page="seo-city"] .site-header .main-nav .nav-business:hover{
  background:#ffd12e!important;
  color:#0D0F12!important;
}
body[data-source="seo-cities"] .site-header .header-phone,
body[data-page="seo-city"] .site-header .header-phone{
  flex:0 0 auto!important;
  margin-left:0!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:800!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
body[data-source="seo-cities"] .site-header .header-phone small,
body[data-page="seo-city"] .site-header .header-phone small{
  display:block!important;
  margin-bottom:5px!important;
  color:#AAA7AE!important;
  font-size:.68rem!important;
  font-weight:600!important;
  text-align:right!important;
}

@media(max-width:1050px){
  body[data-source="seo-cities"] .site-header .main-nav,
  body[data-page="seo-city"] .site-header .main-nav{
    display:none!important;
    position:absolute!important;
    left:16px!important;
    right:16px!important;
    top:68px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:9px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:13px!important;
    background:#1B1D20!important;
    box-shadow:0 22px 55px rgba(0,0,0,.35)!important;
  }
  body[data-source="seo-cities"] .site-header .main-nav.open,
  body[data-page="seo-city"] .site-header .main-nav.open{display:flex!important;}
  body[data-source="seo-cities"] .site-header .main-nav a,
  body[data-page="seo-city"] .site-header .main-nav a{
    padding:11px 12px!important;
    font-size:.82rem!important;
  }
  body[data-source="seo-cities"] .site-header .main-nav .nav-business,
  body[data-page="seo-city"] .site-header .main-nav .nav-business{
    margin-top:4px!important;
    text-align:center!important;
  }
}

@media(max-width:980px){
  body[data-source="seo-cities"] .site-header .main-nav,
  body[data-page="seo-city"] .site-header .main-nav{gap:14px!important;}
  body[data-source="seo-cities"] .site-header .header-phone small,
  body[data-page="seo-city"] .site-header .header-phone small{display:none!important;}
}

@media(max-width:700px){
  body[data-source="seo-cities"] .site-header .header-inner,
  body[data-page="seo-city"] .site-header .header-inner{
    width:min(1200px,calc(100% - 28px))!important;
    min-height:68px!important;
    gap:8px!important;
  }
  body[data-source="seo-cities"] .site-header .brand-v18-lockup,
  body[data-page="seo-city"] .site-header .brand-v18-lockup,
  body[data-source="seo-cities"] .site-header .brand-v18-logo,
  body[data-page="seo-city"] .site-header .brand-v18-logo{width:180px!important;}
  body[data-source="seo-cities"] .site-header .brand-v18-tagline,
  body[data-page="seo-city"] .site-header .brand-v18-tagline{
    margin-left:59px!important;
    font-size:6px!important;
  }
  body[data-source="seo-cities"] .mobile-quick-actions,
  body[data-page="seo-city"] .mobile-quick-actions{
    display:flex!important;
    align-items:center!important;
    margin-left:auto!important;
  }
  body[data-source="seo-cities"] .mobile-business-pill,
  body[data-page="seo-city"] .mobile-business-pill{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    height:auto!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:999px!important;
    background:#FFC800!important;
    color:#111!important;
    font-size:.84rem!important;
    font-weight:900!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    box-shadow:0 8px 20px rgba(255,200,0,.18)!important;
  }
  body[data-source="seo-cities"] .site-header .main-nav .nav-business,
  body[data-page="seo-city"] .site-header .main-nav .nav-business{display:none!important;}
  body[data-source="seo-cities"] .site-header .header-phone,
  body[data-page="seo-city"] .site-header .header-phone{display:none!important;}
  body[data-source="seo-cities"] .site-header .menu-button,
  body[data-page="seo-city"] .site-header .menu-button{margin-left:0!important;}
}
@media(max-width:430px){
  body[data-source="seo-cities"] .mobile-business-pill,
  body[data-page="seo-city"] .mobile-business-pill{min-height:38px!important;padding:0 12px!important;font-size:.78rem!important;}
}
@media(max-width:360px){
  body[data-source="seo-cities"] .mobile-business-pill,
  body[data-page="seo-city"] .mobile-business-pill{padding:0 10px!important;font-size:.72rem!important;}
}

/* STEP 7.6 — sticky header parity across every secondary V18 page */
.site-header{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:0!important;
  z-index:1300!important;
  width:100%!important;
  background:rgba(28,31,35,.98)!important;
  -webkit-backdrop-filter:blur(18px) saturate(108%)!important;
  backdrop-filter:blur(18px) saturate(108%)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}


/* AVTOPTS V18 STEP 7.7 — authoritative header + logo parity with approved main/business pages.
   Loaded last on every secondary page to remove residual spacing/size differences. */
body[data-page="seo"] .site-header,
body[data-page="seo-city"] .site-header,
body.legal-page .site-header{
  position:-webkit-sticky!important;
  position:sticky!important;
  top:0!important;
  z-index:1300!important;
  width:100%!important;
  background:rgba(13,15,18,.93)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  color:#fff!important;
}
body[data-page="seo"] .site-header .header-inner,
body[data-page="seo-city"] .site-header .header-inner,
body.legal-page .site-header .header-inner{
  width:min(1200px,calc(100% - 40px))!important;
  margin-inline:auto!important;
  min-height:78px!important;
  display:flex!important;
  align-items:center!important;
  gap:26px!important;
}
body[data-page="seo"] .site-header .brand,
body[data-page="seo-city"] .site-header .brand,
body.legal-page .site-header .brand{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  min-width:max-content!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  text-decoration:none!important;
  line-height:1!important;
}
body[data-page="seo"] .site-header .brand-v18-lockup,
body[data-page="seo-city"] .site-header .brand-v18-lockup,
body.legal-page .site-header .brand-v18-lockup{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:clamp(210px,17vw,248px)!important;
  max-width:none!important;
  margin:0!important;
  transform-origin:left center!important;
}
body[data-page="seo"] .site-header .brand-v18-logo,
body[data-page="seo-city"] .site-header .brand-v18-logo,
body.legal-page .site-header .brand-v18-logo{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  margin:0!important;
  -webkit-clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,0 25%,5% 25%)!important;
  clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,0 25%,5% 25%)!important;
}
body[data-page="seo"] .site-header .brand-v18-tagline,
body[data-page="seo-city"] .site-header .brand-v18-tagline,
body.legal-page .site-header .brand-v18-tagline{
  display:block!important;
  margin:3px 0 0 69px!important;
  color:#AAA7AE!important;
  font-family:Manrope,Inter,Arial,sans-serif!important;
  font-size:7px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:.13em!important;
  white-space:nowrap!important;
}
body[data-page="seo"] .site-header .main-nav,
body[data-page="seo-city"] .site-header .main-nav,
body.legal-page .site-header .main-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:1!important;
  min-width:0!important;
  gap:22px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font-family:Manrope,Inter,Arial,sans-serif!important;
}
body[data-page="seo"] .site-header .main-nav a,
body[data-page="seo-city"] .site-header .main-nav a,
body.legal-page .site-header .main-nav a{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  color:rgba(255,255,255,.78)!important;
  font-family:Manrope,Inter,Arial,sans-serif!important;
  font-size:.91rem!important;
  font-weight:650!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body[data-page="seo"] .site-header .main-nav a:hover,
body[data-page="seo-city"] .site-header .main-nav a:hover,
body.legal-page .site-header .main-nav a:hover{color:#fff!important;}
body[data-page="seo"] .site-header .main-nav a.active:not(.nav-business),
body[data-page="seo-city"] .site-header .main-nav a.active:not(.nav-business),
body.legal-page .site-header .main-nav a.active:not(.nav-business){color:#FFC800!important;}
body[data-page="seo"] .site-header .main-nav .nav-business,
body[data-page="seo-city"] .site-header .main-nav .nav-business,
body.legal-page .site-header .main-nav .nav-business{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:8px 13px!important;
  border:0!important;
  border-radius:999px!important;
  background:#FFC800!important;
  color:#0D0F12!important;
  font-size:.91rem!important;
  font-weight:900!important;
  line-height:1.2!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
body[data-page="seo"] .site-header .main-nav .nav-business:hover,
body[data-page="seo-city"] .site-header .main-nav .nav-business:hover,
body.legal-page .site-header .main-nav .nav-business:hover{
  background:#ffd12e!important;
  color:#0D0F12!important;
}
body[data-page="seo"] .site-header .header-phone,
body[data-page="seo-city"] .site-header .header-phone,
body.legal-page .site-header .header-phone{
  flex:0 0 auto!important;
  margin-left:0!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:800!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
body[data-page="seo"] .site-header .header-phone small,
body[data-page="seo-city"] .site-header .header-phone small,
body.legal-page .site-header .header-phone small{
  display:block!important;
  margin-bottom:5px!important;
  color:#AAA7AE!important;
  font-size:.68rem!important;
  font-weight:600!important;
  text-align:right!important;
}

/* Footer logo geometry is the same as the approved main page. */
body[data-page="seo"] .site-footer .brand-v18-lockup,
body[data-page="seo-city"] .site-footer .brand-v18-lockup,
body.legal-page .site-footer .brand-v18-lockup,
body[data-page="seo"] .site-footer .brand-v18-logo,
body[data-page="seo-city"] .site-footer .brand-v18-logo,
body.legal-page .site-footer .brand-v18-logo{width:210px!important;}
body[data-page="seo"] .site-footer .brand-v18-logo,
body[data-page="seo-city"] .site-footer .brand-v18-logo,
body.legal-page .site-footer .brand-v18-logo{
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  -webkit-clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,0 25%,5% 25%)!important;
  clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,0 25%,5% 25%)!important;
}
body[data-page="seo"] .site-footer .brand-v18-tagline,
body[data-page="seo-city"] .site-footer .brand-v18-tagline,
body.legal-page .site-footer .brand-v18-tagline{
  margin:3px 0 0 69px!important;
  font-size:7px!important;
}

@media(max-width:1050px){
  body[data-page="seo"] .site-header .main-nav,
  body[data-page="seo-city"] .site-header .main-nav,
  body.legal-page .site-header .main-nav{
    display:none!important;
    position:absolute!important;
    left:16px!important;
    right:16px!important;
    top:68px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:9px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:13px!important;
    background:#1B1D20!important;
    box-shadow:0 22px 55px rgba(0,0,0,.42)!important;
  }
  body[data-page="seo"] .site-header .main-nav.open,
  body[data-page="seo-city"] .site-header .main-nav.open,
  body.legal-page .site-header .main-nav.open{display:flex!important;}
  body[data-page="seo"] .site-header .main-nav a,
  body[data-page="seo-city"] .site-header .main-nav a,
  body.legal-page .site-header .main-nav a{
    padding:11px 12px!important;
    font-size:.82rem!important;
  }
}
@media(max-width:980px){
  body[data-page="seo"] .site-header .main-nav,
  body[data-page="seo-city"] .site-header .main-nav,
  body.legal-page .site-header .main-nav{gap:14px!important;}
  body[data-page="seo"] .site-header .header-phone small,
  body[data-page="seo-city"] .site-header .header-phone small,
  body.legal-page .site-header .header-phone small{display:none!important;}
}
@media(max-width:700px){
  body[data-page="seo"] .site-header .header-inner,
  body[data-page="seo-city"] .site-header .header-inner,
  body.legal-page .site-header .header-inner{
    width:min(1200px,calc(100% - 28px))!important;
    min-height:68px!important;
    gap:7px!important;
  }
  body[data-page="seo"] .site-header .brand-v18-lockup,
  body[data-page="seo-city"] .site-header .brand-v18-lockup,
  body.legal-page .site-header .brand-v18-lockup,
  body[data-page="seo"] .site-header .brand-v18-logo,
  body[data-page="seo-city"] .site-header .brand-v18-logo,
  body.legal-page .site-header .brand-v18-logo{width:180px!important;}
  body[data-page="seo"] .site-header .brand-v18-tagline,
  body[data-page="seo-city"] .site-header .brand-v18-tagline,
  body.legal-page .site-header .brand-v18-tagline{
    margin-left:59px!important;
    font-size:6px!important;
  }
  body[data-page="seo"] .mobile-quick-actions,
  body[data-page="seo-city"] .mobile-quick-actions,
  body.legal-page .mobile-quick-actions{
    display:flex!important;
    align-items:center!important;
    margin-left:auto!important;
    flex:0 0 auto!important;
  }
  body[data-page="seo"] .mobile-business-pill,
  body[data-page="seo-city"] .mobile-business-pill,
  body.legal-page .mobile-business-pill{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:999px!important;
    background:#ffd400!important;
    color:#07111c!important;
    font-size:.78rem!important;
    font-weight:900!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    box-shadow:0 8px 18px rgba(255,212,0,.18)!important;
  }
  body[data-page="seo"] .site-header .main-nav .nav-business,
  body[data-page="seo-city"] .site-header .main-nav .nav-business,
  body.legal-page .site-header .main-nav .nav-business{display:none!important;}
  body[data-page="seo"] .site-header .header-phone,
  body[data-page="seo-city"] .site-header .header-phone,
  body.legal-page .site-header .header-phone{display:none!important;}
  body[data-page="seo"] .site-header .menu-button,
  body[data-page="seo-city"] .site-header .menu-button,
  body.legal-page .site-header .menu-button{
    display:block!important;
    margin-left:0!important;
    flex:0 0 42px!important;
    width:44px!important;
    height:44px!important;
  }
  body[data-page="seo"] .site-footer .brand-v18-lockup,
  body[data-page="seo-city"] .site-footer .brand-v18-lockup,
  body.legal-page .site-footer .brand-v18-lockup,
  body[data-page="seo"] .site-footer .brand-v18-logo,
  body[data-page="seo-city"] .site-footer .brand-v18-logo,
  body.legal-page .site-footer .brand-v18-logo{width:190px!important;}
  body[data-page="seo"] .site-footer .brand-v18-tagline,
  body[data-page="seo-city"] .site-footer .brand-v18-tagline,
  body.legal-page .site-footer .brand-v18-tagline{margin-left:62px!important;font-size:6.5px!important;}
}
@media(max-width:380px){
  body[data-page="seo"] .mobile-business-pill,
  body[data-page="seo-city"] .mobile-business-pill,
  body.legal-page .mobile-business-pill{
    height:38px!important;
    min-height:38px!important;
    padding:0 10px!important;
    font-size:.72rem!important;
  }
}


/* AVTOPTS V18 STEP 7.8 — exact main/business logo rendering + reliable fixed city header on iOS Safari. */
/* The logo file below has the approved main-page artifact crop baked into the raster,
   so secondary pages no longer depend on page-specific clip-path rendering. */
body[data-page="seo"] .site-header .brand-v18-logo,
body[data-page="seo-city"] .site-header .brand-v18-logo,
body.legal-page .site-header .brand-v18-logo,
body[data-page="seo"] .site-footer .brand-v18-logo,
body[data-page="seo-city"] .site-footer .brand-v18-logo,
body.legal-page .site-footer .brand-v18-logo{
  -webkit-clip-path:none!important;
  clip-path:none!important;
}

/* Match the final main/business header logo geometry exactly. */
body[data-page="seo"] .site-header .brand-v18-lockup,
body[data-page="seo-city"] .site-header .brand-v18-lockup,
body.legal-page .site-header .brand-v18-lockup{
  width:clamp(210px,17vw,248px)!important;
}
body[data-page="seo"] .site-header .brand-v18-logo,
body[data-page="seo-city"] .site-header .brand-v18-logo,
body.legal-page .site-header .brand-v18-logo{
  width:100%!important;
  height:auto!important;
  max-width:none!important;
}

/* Same mobile Business pill sizing as the approved main page. */
@media(max-width:700px){
  body[data-page="seo"] .site-header .brand-v18-lockup,
  body[data-page="seo-city"] .site-header .brand-v18-lockup,
  body.legal-page .site-header .brand-v18-lockup,
  body[data-page="seo"] .site-header .brand-v18-logo,
  body[data-page="seo-city"] .site-header .brand-v18-logo,
  body.legal-page .site-header .brand-v18-logo{width:180px!important;}
  body[data-page="seo"] .mobile-business-pill,
  body[data-page="seo-city"] .mobile-business-pill,
  body.legal-page .mobile-business-pill{
    min-height:40px!important;
    height:40px!important;
    padding:0 14px!important;
    font-size:.84rem!important;
  }
}
@media(max-width:430px){
  body[data-page="seo"] .mobile-business-pill,
  body[data-page="seo-city"] .mobile-business-pill,
  body.legal-page .mobile-business-pill{
    min-height:38px!important;
    height:38px!important;
    padding:0 12px!important;
    font-size:.78rem!important;
  }
}
@media(max-width:360px){
  body[data-page="seo"] .mobile-business-pill,
  body[data-page="seo-city"] .mobile-business-pill,
  body.legal-page .mobile-business-pill{padding:0 10px!important;font-size:.72rem!important;}
}

/* City pages load qa-business-cities.css, which sets overflow-x:hidden on html/body.
   Mobile Safari can stop position:sticky from sticking in that overflow context.
   Fixed positioning avoids that browser-specific failure while preserving the same visual behaviour. */
body[data-page="seo-city"] .site-header,
body[data-source="seo-cities"] .site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:1800!important;
}
body[data-page="seo-city"],
body[data-source="seo-cities"]{
  padding-top:78px!important;
}
@media(max-width:700px){
  body[data-page="seo-city"],
  body[data-source="seo-cities"]{padding-top:68px!important;}
}

/* AVTOPTS V18 STEP 7.9 — header colour/scroll parity with the main page. */
body[data-page="seo"] .site-header,
body[data-page="seo-city"] .site-header,
body.legal-page .site-header,
body[data-source="seo-cities"] .site-header{
  background:rgba(13,15,18,.93)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  box-shadow:none!important;
  transition:background-color .36s ease,box-shadow .36s ease,min-height .36s cubic-bezier(.22,.8,.3,1)!important;
}
body[data-page="seo"] .site-header.scrolled,
body[data-page="seo-city"] .site-header.scrolled,
body.legal-page .site-header.scrolled,
body[data-source="seo-cities"] .site-header.scrolled{
  background:rgba(4,11,18,.985)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.26)!important;
}

/* === source: brand-v18-site-parity-v11.css === */
/* AVTOPTS V18 STEP 8.1 — authoritative secondary-page visual parity.
   Loaded last. index.html and business.html remain the reference implementation. */

/* Safari: overflow-x:hidden from legacy city QA creates a scroll container and can break sticky headers. */
html{overflow-x:clip!important}
body[data-page="seo"],body[data-page="seo-city"],body.legal-page{overflow-x:clip!important}
body[data-page="seo-city"],body[data-source="seo-cities"]{padding-top:0!important}

/* Header: same geometry and behaviour as main/business. */
body[data-page="seo"] .site-header,
body[data-page="seo-city"] .site-header,
body.legal-page .site-header{
  position:sticky!important;top:0!important;left:auto!important;right:auto!important;width:auto!important;
  z-index:1000!important;background:rgba(13,15,18,.93)!important;
  -webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important;
  transition:background-color .36s ease,box-shadow .36s ease!important;
}
body[data-page="seo"] .site-header .header-inner,
body[data-page="seo-city"] .site-header .header-inner,
body.legal-page .site-header .header-inner{
  width:min(1200px,calc(100% - 40px))!important;margin-inline:auto!important;
  min-height:78px!important;display:flex!important;align-items:center!important;gap:26px!important;
  padding:0!important;
}
body[data-page="seo"] .site-header.scrolled .header-inner,
body[data-page="seo-city"] .site-header.scrolled .header-inner,
body.legal-page .site-header.scrolled .header-inner{min-height:64px!important}

/* Header logo: same source, crop, layout and descriptor as main/business. */
body[data-page="seo"] .site-header .header-inner>a.brand,
body[data-page="seo-city"] .site-header .header-inner>a.brand,
body.legal-page .site-header .header-inner>a.brand{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;
  gap:5px!important;flex:0 0 auto!important;min-width:max-content!important;margin:0!important;padding:0!important;
  color:#fff!important;text-decoration:none!important;line-height:1!important;
}
body[data-page="seo"] .site-header .brand-v18-lockup,
body[data-page="seo-city"] .site-header .brand-v18-lockup,
body.legal-page .site-header .brand-v18-lockup{
  display:block!important;position:relative!important;width:fit-content!important;max-width:100%!important;
  padding:0 0 17px!important;margin:0!important;transform-origin:center center!important;
}
body[data-page="seo"] .site-header .brand-v18-logo,
body[data-page="seo-city"] .site-header .brand-v18-logo,
body.legal-page .site-header .brand-v18-logo{
  display:block!important;width:clamp(210px,17vw,248px)!important;height:auto!important;max-width:none!important;
  object-fit:contain!important;background:transparent!important;filter:none!important;mix-blend-mode:normal!important;
  -webkit-clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,0 25%,5% 25%)!important;
  clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,0 25%,5% 25%)!important;
}
body[data-page="seo"] .site-header .brand-v18-tagline,
body[data-page="seo-city"] .site-header .brand-v18-tagline,
body.legal-page .site-header .brand-v18-tagline{
  position:absolute!important;left:35.5%!important;right:0!important;bottom:0!important;
  display:block!important;width:auto!important;margin:0!important;padding:0!important;
  color:rgba(255,255,255,.76)!important;font-family:Manrope,Arial,sans-serif!important;
  font-size:clamp(7px,.60vw,9px)!important;font-weight:500!important;line-height:1.25!important;
  letter-spacing:0!important;text-align:left!important;white-space:nowrap!important;
}

/* Desktop navigation/button: exact main-page family. */
body[data-page="seo"] .site-header .main-nav,
body[data-page="seo-city"] .site-header .main-nav,
body.legal-page .site-header .main-nav{
  display:flex!important;align-items:center!important;justify-content:center!important;flex:1!important;min-width:0!important;
  gap:22px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  font-family:Manrope,Inter,Arial,sans-serif!important;
}
body[data-page="seo"] .site-header .main-nav a,
body[data-page="seo-city"] .site-header .main-nav a,
body.legal-page .site-header .main-nav a{
  flex:0 0 auto!important;margin:0!important;padding:0!important;color:rgba(255,255,255,.78)!important;
  font-family:Manrope,Inter,Arial,sans-serif!important;font-size:.91rem!important;font-weight:650!important;
  line-height:1.2!important;letter-spacing:0!important;text-decoration:none!important;white-space:nowrap!important;
}
body[data-page="seo"] .site-header .main-nav a:hover,
body[data-page="seo-city"] .site-header .main-nav a:hover,
body.legal-page .site-header .main-nav a:hover{color:#fff!important}
body[data-page="seo"] .site-header .main-nav a.active:not(.nav-business),
body[data-page="seo-city"] .site-header .main-nav a.active:not(.nav-business),
body.legal-page .site-header .main-nav a.active:not(.nav-business){color:#FFC800!important}
body[data-page="seo"] .site-header .main-nav .nav-business,
body[data-page="seo-city"] .site-header .main-nav .nav-business,
body.legal-page .site-header .main-nav .nav-business{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:8px 13px!important;border:0!important;border-radius:999px!important;background:#FFC800!important;
  color:#0D0F12!important;font-size:.91rem!important;font-weight:900!important;line-height:1.2!important;
  text-decoration:none!important;white-space:nowrap!important;
}
body[data-page="seo"] .site-header .header-phone,
body[data-page="seo-city"] .site-header .header-phone,
body.legal-page .site-header .header-phone{
  flex:0 0 auto!important;margin-left:0!important;color:#fff!important;text-decoration:none!important;
  font-weight:800!important;line-height:1.05!important;white-space:nowrap!important;
}
body[data-page="seo"] .site-header .header-phone small,
body[data-page="seo-city"] .site-header .header-phone small,
body.legal-page .site-header .header-phone small{
  display:block!important;margin-bottom:5px!important;color:#AAA7AE!important;font-size:.68rem!important;font-weight:600!important;text-align:right!important;
}

/* Footer logo: same approved main-page footer treatment. */
body[data-page="seo"] .site-footer .footer-top>a.brand,
body[data-page="seo-city"] .site-footer .footer-top>a.brand,
body.legal-page .site-footer .footer-top>a.brand{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;text-decoration:none!important}
body[data-page="seo"] .site-footer .brand-v18-lockup,
body[data-page="seo-city"] .site-footer .brand-v18-lockup,
body.legal-page .site-footer .brand-v18-lockup{
  display:inline-flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
  width:210px!important;max-width:100%!important;transform-origin:left center!important;
}
body[data-page="seo"] .site-footer .brand-v18-logo,
body[data-page="seo-city"] .site-footer .brand-v18-logo,
body.legal-page .site-footer .brand-v18-logo{
  display:block!important;width:210px!important;height:auto!important;max-width:100%!important;object-fit:contain!important;
  -webkit-clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,0 25%,5% 25%)!important;
  clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,0 25%,5% 25%)!important;
}
body[data-page="seo"] .site-footer .brand-v18-tagline,
body[data-page="seo-city"] .site-footer .brand-v18-tagline,
body.legal-page .site-footer .brand-v18-tagline{
  display:block!important;margin:3px 0 0 69px!important;color:#AAA7AE!important;font-size:7px!important;
  line-height:1.25!important;font-weight:700!important;letter-spacing:.13em!important;white-space:nowrap!important;
}

/* Tablet/mobile dropdown = approved graphite menu. */
@media(max-width:1050px){
  body[data-page="seo"] .site-header,
  body[data-page="seo-city"] .site-header,
  body.legal-page .site-header{background:rgba(28,31,35,.98)!important;border-bottom-color:rgba(255,255,255,.10)!important}
  body[data-page="seo"] .site-header .main-nav,
  body[data-page="seo-city"] .site-header .main-nav,
  body.legal-page .site-header .main-nav{
    display:none!important;position:absolute!important;left:16px!important;right:16px!important;top:68px!important;
    flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:9px!important;
    border:1px solid rgba(255,255,255,.13)!important;border-radius:13px!important;background:#1B1D20!important;
    box-shadow:0 22px 55px rgba(0,0,0,.42)!important;
  }
  body[data-page="seo"] .site-header .main-nav.open,
  body[data-page="seo-city"] .site-header .main-nav.open,
  body.legal-page .site-header .main-nav.open{display:flex!important}
  body[data-page="seo"] .site-header .main-nav a,
  body[data-page="seo-city"] .site-header .main-nav a,
  body.legal-page .site-header .main-nav a{padding:11px 12px!important;font-size:.82rem!important;color:#c9cbd0!important}
  body[data-page="seo"] .site-header .menu-button,
  body[data-page="seo-city"] .site-header .menu-button,
  body.legal-page .site-header .menu-button{
    background:#24272c!important;border:1px solid rgba(255,255,255,.11)!important;
    box-shadow:0 10px 26px rgba(0,0,0,.22)!important;
  }
  body[data-page="seo"] .site-header .menu-button span,
  body[data-page="seo-city"] .site-header .menu-button span,
  body.legal-page .site-header .menu-button span{background:#f4f4f4!important}
}

@media(max-width:700px){
  body[data-page="seo"] .site-header .header-inner,
  body[data-page="seo-city"] .site-header .header-inner,
  body.legal-page .site-header .header-inner{
    width:min(1200px,calc(100% - 28px))!important;min-height:68px!important;gap:7px!important;
  }
  body[data-page="seo"] .site-header .brand-v18-lockup,
  body[data-page="seo-city"] .site-header .brand-v18-lockup,
  body.legal-page .site-header .brand-v18-lockup{padding-bottom:13px!important}
  body[data-page="seo"] .site-header .brand-v18-logo,
  body[data-page="seo-city"] .site-header .brand-v18-logo,
  body.legal-page .site-header .brand-v18-logo{width:180px!important}
  body[data-page="seo"] .site-header .brand-v18-tagline,
  body[data-page="seo-city"] .site-header .brand-v18-tagline,
  body.legal-page .site-header .brand-v18-tagline{font-size:7px!important;letter-spacing:0!important}
  body[data-page="seo"] .mobile-quick-actions,
  body[data-page="seo-city"] .mobile-quick-actions,
  body.legal-page .mobile-quick-actions{
    display:flex!important;align-items:center!important;margin-left:auto!important;margin-right:0!important;flex:0 0 auto!important;
  }
  body[data-page="seo"] .mobile-business-pill,
  body[data-page="seo-city"] .mobile-business-pill,
  body.legal-page .mobile-business-pill{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    height:40px!important;min-height:40px!important;padding:0 14px!important;border:0!important;border-radius:999px!important;
    background:#ffd400!important;color:#07111c!important;font-size:.78rem!important;font-weight:900!important;line-height:1!important;
    text-decoration:none!important;white-space:nowrap!important;box-shadow:0 8px 18px rgba(255,212,0,.18)!important;
  }
  body[data-page="seo"] .site-header .main-nav .nav-business,
  body[data-page="seo-city"] .site-header .main-nav .nav-business,
  body.legal-page .site-header .main-nav .nav-business,
  body[data-page="seo"] .site-header .header-phone,
  body[data-page="seo-city"] .site-header .header-phone,
  body.legal-page .site-header .header-phone{display:none!important}
  body[data-page="seo"] .site-header .menu-button,
  body[data-page="seo-city"] .site-header .menu-button,
  body.legal-page .site-header .menu-button{
    display:block!important;margin-left:0!important;flex:0 0 42px!important;width:44px!important;height:44px!important;
  }
  body[data-page="seo"] .site-footer .brand-v18-lockup,
  body[data-page="seo-city"] .site-footer .brand-v18-lockup,
  body.legal-page .site-footer .brand-v18-lockup,
  body[data-page="seo"] .site-footer .brand-v18-logo,
  body[data-page="seo-city"] .site-footer .brand-v18-logo,
  body.legal-page .site-footer .brand-v18-logo{width:190px!important}
  body[data-page="seo"] .site-footer .brand-v18-tagline,
  body[data-page="seo-city"] .site-footer .brand-v18-tagline,
  body.legal-page .site-footer .brand-v18-tagline{margin-left:62px!important;font-size:6.5px!important}
}
@media(max-width:380px){
  body[data-page="seo"] .mobile-business-pill,
  body[data-page="seo-city"] .mobile-business-pill,
  body.legal-page .mobile-business-pill{height:38px!important;min-height:38px!important;padding:0 10px!important;font-size:.72rem!important}
}

/* Scrolled state is intentionally last so it wins over the mobile graphite initial state. */
body[data-page="seo"] .site-header.scrolled,
body[data-page="seo-city"] .site-header.scrolled,
body.legal-page .site-header.scrolled{
  background:rgba(4,11,18,.985)!important;box-shadow:0 14px 40px rgba(0,0,0,.26)!important;
}

/* AVTOPTS V18 FINAL AUDIT v11 — final parity refinements after full archive review. */
/* Secondary full-width surfaces use the same graphite canvas as main/business. */
body[data-page="seo"] .seo-hero,
body[data-page="seo-city"] .seo-hero,
body[data-page="seo"] .seo-section,
body[data-page="seo"] .seo-section.alt,
body[data-page="seo"] .seo-section.dark,
body[data-page="seo-city"] .seo-section,
body[data-page="seo-city"] .seo-section.alt,
body[data-page="seo-city"] .seo-section.dark,
body[data-page="seo-city"] .seo-section.city-network,
body[data-page="seo-city"] .calculator-section,
body[data-page="seo-city"] .trust-strip,
body[data-page="seo-city"] .section-dark,
body[data-page="seo-city"] .city-office-info{
  background-color:#0D0F12!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
body[data-page="seo"] .seo-hero{background-image:none!important;}
body[data-page="seo"] main>section+section,
body[data-page="seo-city"] main>section+section{
  border-top:0!important;
  outline:0!important;
}
/* The city/cities hero art remains in pseudo-elements; only the shell/seam is neutralized. */
body[data-source="seo-cities"] .seo-hero,
body[data-page="seo-city"] .seo-hero{border-bottom:0!important;box-shadow:none!important;}
body[data-source="seo-cities"] .cities-hero-mobile-map{background-color:#0D0F12!important;}

/* Footer canvas exactly follows the approved main/business footer. */
body[data-page="seo"] .site-footer,
body[data-page="seo-city"] .site-footer,
body.legal-page .site-footer{
  background:#030910!important;
  border-top:0!important;
}

/* Mobile Business pill follows main page breakpoints exactly. */
@media(max-width:700px){
  body[data-page="seo"] .mobile-business-pill,
  body[data-page="seo-city"] .mobile-business-pill,
  body.legal-page .mobile-business-pill{
    min-height:40px!important;height:40px!important;padding:0 14px!important;font-size:.84rem!important;
  }
}
@media(max-width:430px){
  body[data-page="seo"] .mobile-business-pill,
  body[data-page="seo-city"] .mobile-business-pill,
  body.legal-page .mobile-business-pill{
    min-height:38px!important;height:38px!important;padding:0 12px!important;font-size:.78rem!important;
  }
}
@media(max-width:360px){
  body[data-page="seo"] .mobile-business-pill,
  body[data-page="seo-city"] .mobile-business-pill,
  body.legal-page .mobile-business-pill{padding:0 10px!important;font-size:.72rem!important;}
}