/* 1.1.99 REVERT: simple homepage hero + "How Local Search Works Now" section (copy moved out of the hero).
   Navy/teal, cream text on dark. Loaded on the front page after restyle.css. */

/* ---------- HERO ---------- */
:root:not(#_h) body .hero.hero--askmaps .hero199-copy{max-width:640px}
:root:not(#_h) body .hero.hero--askmaps .hero199-copy .ai-badge{margin-bottom:1.35rem;font-size:.68rem}
:root:not(#_h) body .hero.hero--askmaps .hero199-copy .hero-askmaps-h1{
  font-size:clamp(2.6rem,4.7vw,4.35rem) !important;line-height:1.02 !important;letter-spacing:-.01em;margin:0 0 1.15rem;
  color:#EDE4D3 !important;-webkit-text-fill-color:#EDE4D3;text-wrap:balance;
}
:root:not(#_h) body .hero.hero--askmaps .hero199-copy .hero-askmaps-em{color:#FFFFFF;-webkit-text-fill-color:#FFFFFF}
:root:not(#_h) body .hero.hero--askmaps .hero199-sub{
  font-size:clamp(1.05rem,1.35vw,1.22rem);line-height:1.6;max-width:33em;margin:0 0 1.75rem;
  color:#E3DACA;-webkit-text-fill-color:#E3DACA;text-wrap:pretty;
}
:root:not(#_h) body .hero.hero--askmaps .hero199-copy .hero-askmaps-ctas{margin:0 0 1.1rem;flex-wrap:wrap}
:root:not(#_h) body .hero.hero--askmaps .hero-askmaps-trust{
  display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;margin:0;
  font-size:.9rem;font-weight:600;color:#CFC6B4;-webkit-text-fill-color:#CFC6B4;letter-spacing:.01em;
}
:root:not(#_h) body .hero.hero--askmaps .hero-askmaps-trust > span:not(.h199-dot)::before{content:'\2713';color:#6FD8CA;font-weight:800;margin-right:.4rem}
:root:not(#_h) body .hero.hero--askmaps .hero-askmaps-trust .h199-dot{color:#6FD8CA;opacity:.6}
@media (min-width:1025px){
  :root:not(#_h) body .hero.hero--askmaps .hero-askmaps-inner{min-height:calc(100vh - 150px);align-items:center}
}
/* tablet + mobile: hero is copy only (mock moves into #how-local-search-works), about one screen */
@media (max-width:1024px){
  :root:not(#_h) body .hero.hero--askmaps{min-height:0 !important}
  :root:not(#_h) body .hero.hero--askmaps .hero199-visual{display:none !important}
  :root:not(#_h) body .hero.hero--askmaps .hero-askmaps-inner{padding-top:clamp(2.5rem,7vw,4.5rem) !important;padding-bottom:clamp(2.5rem,7vw,4rem) !important}
}
@media (max-width:600px){
  :root:not(#_h) body .hero.hero--askmaps .hero-askmaps-inner{padding-top:2.25rem !important;padding-bottom:2.25rem !important}
  :root:not(#_h) body .hero.hero--askmaps .hero199-copy .ai-badge{font-size:.6rem;padding:6px 14px;margin-bottom:1.1rem}
  :root:not(#_h) body .hero.hero--askmaps .hero199-copy .hero-askmaps-h1{font-size:clamp(2.3rem,11vw,2.8rem) !important;line-height:1.04 !important}
  :root:not(#_h) body .hero.hero--askmaps .hero199-sub{font-size:1.05rem;margin-bottom:1.5rem}
  :root:not(#_h) body .hero.hero--askmaps .hero-askmaps-trust{font-size:.86rem;flex-direction:column;align-items:flex-start;gap:.4rem}
  :root:not(#_h) body .hero.hero--askmaps .hero-askmaps-trust .h199-dot{display:none}
}

/* ---------- HOW LOCAL SEARCH WORKS NOW ---------- */
:root:not(#_h) body .tlsm-how199{background:linear-gradient(180deg,#0E3247 0%,#0B2A3D 100%) !important;color:#E3DACA}
.tlsm-how199 .how199-inner{display:block}
.tlsm-how199 .how199-head{max-width:820px;margin:0 auto 2.25rem;text-align:center}
.tlsm-how199 .how199-q{font-size:clamp(1rem,1.5vw,1.15rem);font-weight:700;color:#EDE4D3;margin:0 0 .75rem}
.tlsm-how199 .how199-q .hero-askmaps-biz{color:#6FD8CA}
:root:not(#_h) body .tlsm-how199 .how199-h{font-size:clamp(2rem,3.6vw,3rem);line-height:1.08;color:#EDE4D3 !important;-webkit-text-fill-color:#EDE4D3;margin:0 0 1rem}
.tlsm-how199 .how199-lead{font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.7;color:#E3DACA;margin:0 auto 1.4rem;max-width:44em}
.tlsm-how199 .how199-lead strong{color:#FFFFFF}
.tlsm-how199 .how199-engines{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.tlsm-how199 .how199-engines li{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#D3CAB8;border:1px solid rgba(237,228,211,.22);background:rgba(255,255,255,.04);padding:6px 13px;border-radius:100px;margin:0}
.tlsm-how199 .how199-engines li.is-hot{color:#6FD8CA;border-color:rgba(61,191,174,.5);background:rgba(61,191,174,.1)}
.tlsm-how199 .how199-term{display:none}
@media (max-width:1024px){
  .tlsm-how199 .how199-term{display:block;max-width:560px;margin:0 auto 2rem}
}
.tlsm-how199 .how199-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1rem;margin:0 0 2.25rem}
:root:not(#_h) body .tlsm-how199 .how199-card{background:#123D56;border:1px solid rgba(61,191,174,.22);border-radius:16px;padding:1.35rem 1.3rem;box-shadow:0 14px 40px rgba(0,0,0,.22)}
.tlsm-how199 .how199-card h3{font-size:1.05rem;line-height:1.3;color:#EDE4D3;-webkit-text-fill-color:#EDE4D3;margin:0 0 .5rem}
.tlsm-how199 .how199-card p{font-size:.92rem;line-height:1.6;color:#DCD3C2;margin:0}
:root:not(#_h) body .tlsm-how199 .how199-card--promise{background:rgba(61,191,174,.12);border-color:rgba(61,191,174,.45)}
.tlsm-how199 .how199-proof{max-width:980px;margin:0 auto;padding-top:1.75rem;border-top:1px solid rgba(237,228,211,.14)}
.tlsm-how199 .how199-proof .hp-num{color:#FFFFFF}
:root:not(#_h) body .tlsm-how199 .how199-proof .hp-label{color:#C9C0AE !important;font-size:.66rem}
@media (max-width:600px){
  .tlsm-how199 .how199-head{text-align:left;margin-bottom:1.75rem}
  .tlsm-how199 .how199-engines{justify-content:flex-start}
  :root:not(#_h) body .tlsm-how199 .how199-proof{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:1.25rem 1rem !important}
}

/* ---------- iteration 2 (after live review): side-by-side CTAs, one-line trust row, centered tablet hero ---------- */
:root:not(#_h) body .hero.hero--askmaps .hero-askmaps-trust .h199-dot{display:none}
:root:not(#_h) body .hero.hero--askmaps .hero-askmaps-trust{gap:.4rem 1.35rem}
@media (min-width:601px){
  :root:not(#_h) body .hero.hero--askmaps .hero199-copy .hero-askmaps-stack{max-width:none;margin-bottom:0}
  :root:not(#_h) body .hero.hero--askmaps .hero199-copy .hero-askmaps-stack .hero-askmaps-ctas{flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important;gap:.75rem !important;width:auto !important}
  :root:not(#_h) body .hero.hero--askmaps .hero199-copy .hero-askmaps-stack .hero-askmaps-ctas :is(.btn-teal,.btn-line){width:auto !important;flex:0 0 auto;white-space:nowrap;padding-left:1.6rem;padding-right:1.6rem}
}
@media (min-width:601px) and (max-width:1024px){
  :root:not(#_h) body .hero.hero--askmaps .hero199-copy{max-width:680px;margin-left:auto;margin-right:auto;text-align:center}
  :root:not(#_h) body .hero.hero--askmaps .hero199-copy .hero-askmaps-h1{font-size:clamp(2.8rem,6.6vw,3.7rem) !important}
  :root:not(#_h) body .hero.hero--askmaps .hero199-sub{margin-left:auto;margin-right:auto}
  :root:not(#_h) body .hero.hero--askmaps .hero199-copy .hero-askmaps-stack .hero-askmaps-ctas{justify-content:center !important}
  :root:not(#_h) body .hero.hero--askmaps .hero-askmaps-trust{justify-content:center}
}
.tlsm-how199 .how199-head{max-width:880px}
:root:not(#_h) body .tlsm-how199 .how199-q{max-width:none}