/* V171 — desktop hero polish, single arrows, quiz heading fix */

/* One arrow system. Kill all legacy pseudo-arrows and draw exactly one arrow. */
html body[data-v170="true"] .ui-arrow-v140{
  display:inline-block!important;
  position:relative!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  margin-left:auto!important;
  flex:0 0 22px!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  transform:none!important;
  font-size:0!important;
  color:currentColor!important;
}
html body[data-v170="true"] .ui-arrow-v140::before{
  content:"→"!important;
  display:block!important;
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  transform:translate(-50%,-53%)!important;
  color:currentColor!important;
  font:800 21px/1 Arial,sans-serif!important;
}
html body[data-v170="true"] .ui-arrow-v140::after{
  display:none!important;
  content:none!important;
}

/* Desktop hero: make the two proof points read like benefits, not footnotes. */
@media (min-width:1101px){
  html body[data-v170="true"] #top .hero-proof-v157{
    margin-top:21px!important;
    gap:11px!important;
    max-width:680px!important;
  }
  html body[data-v170="true"] #top .hero-proof-v157 li{
    grid-template-columns:26px minmax(0,1fr)!important;
    gap:10px!important;
    font-size:16px!important;
    line-height:1.34!important;
    font-weight:750!important;
  }
  html body[data-v170="true"] #top .hero-proof-v157 li i{
    width:24px!important;
    height:24px!important;
    font-size:13px!important;
  }
  html body[data-v170="true"] #top .hero-actions{
    margin-top:27px!important;
    gap:12px!important;
  }
  html body[data-v170="true"] #top .hero-actions .button{
    min-height:58px!important;
    font-size:16px!important;
  }
}

/* Tablet gets the same hierarchy without making the hero too tall. */
@media (min-width:700px) and (max-width:1100px){
  html body[data-v170="true"] #top .hero-proof-v157 li{
    font-size:15px!important;
    line-height:1.36!important;
  }
  html body[data-v170="true"] #top .hero-actions{margin-top:22px!important}
}

/* Quiz heading: legacy CSS forced the emphasized line to nowrap and clipped it. */
html body[data-v170="true"] #quiz .quiz-copy{
  overflow:visible!important;
}
html body[data-v170="true"] #quiz .quiz-copy h2{
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  text-wrap:balance!important;
}
html body[data-v170="true"] #quiz .quiz-copy h2 > span,
html body[data-v170="true"] #quiz .quiz-copy h2 > em{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
@media (min-width:1101px){
  html body[data-v170="true"] #quiz .quiz-copy h2{
    font-size:46px!important;
    line-height:1.02!important;
  }
}
@media (min-width:769px) and (max-width:1100px){
  html body[data-v170="true"] #quiz .quiz-copy h2{
    font-size:39px!important;
    line-height:1.04!important;
  }
}

/* Final specificity overrides for legacy layers */
html body[data-v170="true"] #top .hero-copy .hero-proof-v157 > li{
  font-size:16px!important;
  line-height:1.34!important;
  font-weight:750!important;
}
html body[data-v170="true"] #top .hero-copy .hero-proof-v157 > li > i{
  width:24px!important;
  height:24px!important;
  font-size:13px!important;
}
html body[data-v170="true"] #top .hero-copy .hero-actions{
  margin-top:28px!important;
}

/* Disable every legacy button arrow pseudo-element. The span below is the only arrow. */
html body[data-v170="true"] .button.button-gold:not(.button-phone-v98)::after,
html body[data-v170="true"] .button.button-light:not(.button-phone-v98)::after,
html body[data-v170="true"] #top .hero-actions .button::after,
html body[data-v170="true"] #services .service-copy-v107 button::after,
html body[data-v170="true"] #property .property45-cta-v75 button::after,
html body[data-v170="true"] #pricing .pricing-early-cta-v126 button::after,
html body[data-v170="true"] #faq .faq-chat-foot-v122 button::after{
  display:none!important;
  content:none!important;
}
html body[data-v170="true"] #top .hero-actions .button .ui-arrow-v140,
html body[data-v170="true"] .header51-cta .ui-arrow-v140,
html body[data-v170="true"] .header51-write-v107 .ui-arrow-v140,
html body[data-v170="true"] #services .service-copy-v107 button .ui-arrow-v140,
html body[data-v170="true"] #property .property45-cta-v75 button .ui-arrow-v140,
html body[data-v170="true"] #pricing .pricing-early-cta-v126 button .ui-arrow-v140,
html body[data-v170="true"] #faq .faq-chat-foot-v122 button .ui-arrow-v140{
  display:inline-block!important;
  position:relative!important;
  right:auto!important;
  top:auto!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  margin-left:auto!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  transform:none!important;
  color:currentColor!important;
}
html body[data-v170="true"] #top .hero-actions .button .ui-arrow-v140::before,
html body[data-v170="true"] .header51-cta .ui-arrow-v140::before,
html body[data-v170="true"] .header51-write-v107 .ui-arrow-v140::before,
html body[data-v170="true"] #services .service-copy-v107 button .ui-arrow-v140::before,
html body[data-v170="true"] #property .property45-cta-v75 button .ui-arrow-v140::before,
html body[data-v170="true"] #pricing .pricing-early-cta-v126 button .ui-arrow-v140::before,
html body[data-v170="true"] #faq .faq-chat-foot-v122 button .ui-arrow-v140::before{
  content:"→"!important;
  display:block!important;
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  transform:translate(-50%,-54%)!important;
  color:currentColor!important;
  font:800 21px/1 Arial,sans-serif!important;
}
html body[data-v170="true"] #top .hero-actions .button .ui-arrow-v140::after,
html body[data-v170="true"] .header51-cta .ui-arrow-v140::after,
html body[data-v170="true"] .header51-write-v107 .ui-arrow-v140::after,
html body[data-v170="true"] #services .service-copy-v107 button .ui-arrow-v140::after,
html body[data-v170="true"] #property .property45-cta-v75 button .ui-arrow-v140::after,
html body[data-v170="true"] #pricing .pricing-early-cta-v126 button .ui-arrow-v140::after,
html body[data-v170="true"] #faq .faq-chat-foot-v122 button .ui-arrow-v140::after{
  display:none!important;
  content:none!important;
}