/* Final mobile and scroll polish overrides. Loaded after the main design pass. */
html{
  scroll-padding-top:96px;
}

#calculator,
#packages,
#faq,
#why,
.final-cta,
.phone-section,
.visual-statement{
  scroll-margin-top:104px;
}

/* Remove the heavy semi-circle line above the calculator total/result. */
.result-card::before{
  display:none !important;
}

.result-card{
  background:
    radial-gradient(circle at 82% 16%,rgba(179,207,229,.36),transparent 30%),
    radial-gradient(circle at 18% 86%,rgba(74,127,167,.10),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(237,246,252,.84)) !important;
}

.result-card__gauge{
  margin-top:28px !important;
}

.result-card__gauge strong{
  text-shadow:0 10px 30px rgba(10,25,49,.10);
}

@media(max-width:640px){
  html{
    scroll-padding-top:18px;
  }

  #calculator,
  #packages,
  #faq,
  #why,
  .final-cta,
  .phone-section,
  .visual-statement{
    scroll-margin-top:22px;
  }

  /* On phones the floating sticky header was covering section titles while scrolling. */
  .site-header{
    position:relative !important;
    top:auto !important;
    margin-top:10px !important;
  }

  .site-header__nav{
    position:absolute !important;
    top:68px !important;
    inset-inline:0 !important;
  }

  .result-card{
    min-height:340px !important;
  }

  .result-card__gauge{
    margin:22px auto 20px !important;
  }
}