/* Keeps internal section targets visible beneath the fixed Handsfree header at every viewport width. */
:root {
  --hf-anchor-offset: 96px;
}

#home,
#services,
#pricing,
#why-choose-us,
#how-it-works,
#outcomes,
#careers,
#faqs,
#contact,
#discovery-call {
  scroll-margin-top: var(--hf-anchor-offset);
}

/* Preserve hierarchy between adjacent light sections without leaving a blank visual field. */
#pricing {
  padding-bottom: 40px !important;
}

#why-choose-us {
  padding-top: 56px !important;
}

@media (max-width: 760px) {
  :root { --hf-anchor-offset: 88px; }

  #pricing {
    padding-bottom: 32px !important;
  }

  #why-choose-us {
    padding-top: 48px !important;
  }
}