/* AdviseWell site customisations — loaded after the Webflow CSS so it overrides.
   Hand-maintained (not generated). Keep edits here rather than in the minified
   Webflow stylesheet. */

/* --- Active nav item (toggled by site-enhance.js) --- */
a.nav-links.nav-current {
  color: #8a4fff;
}

/* --- Standardise button font: the .white button variant shipped with
       Playfair Display; align it to the standard (Inter) button font. --- */
.btn.white {
  font-family: inherit;
}

/* --- Pricing: match the homepage's header→eyebrow gap exactly (62px).
       Webflow default was padding-top:100px; 56px here yields the same 62px
       gap below the nav as the homepage "Plan Faster. Advise Smarter." --- */
.pricing-hero {
  padding-top: 56px;
}

/* --- Pricing: trim excess whitespace above/below the trust band
       (was 60px / 60px). --- */
.trust-band {
  padding-top: 36px;
  padding-bottom: 36px;
}

/* --- Pricing FAQ: more breathing room under the header, and keep the
       two columns top-aligned. --- */
.faq-band h2 {
  margin-bottom: 48px;
}
.faq-grid {
  align-items: start;
}

/* --- Pricing hero entrance: fade + slide-up on load (matches homepage banner).
       Gated on html.js so no-JS users/crawlers still see the content. --- */
@keyframes aw-fade-up {
  from { opacity: 0; transform: translateY(42px); }
  to   { opacity: 1; transform: translateY(0); }
}
/* Pure-CSS entrance: plays automatically as the hero paints (no JS class).
   `both` fill holds the hidden start-state through the delay, then settles at
   opacity:1. Plays regardless of Reduce Motion, matching the homepage banner
   (Webflow's IX2 entrance also ignores Reduce Motion). Gated on w-mod-js so a
   fully JS-disabled browser just shows the static hero. */
html.w-mod-js .pricing-hero {
  animation: aw-fade-up 1s cubic-bezier(0.16, 0.84, 0.44, 1) 0.1s both;
}

/* --- Mobile header: keep "Book a Demo" persistently visible across the site.
       Webflow's defaults hide .nav-tablet_btns on small mobile, leaving only
       the burger and dropping the primary conversion CTA below the fold. */
@media (max-width: 767px) {
  .nav-tablet_btns { display: flex !important; align-items: center; }
  /* Hide Login on small mobile to save space; keep Book a Demo */
  .nav-tablet_btns .btn.nav.outline { display: none !important; }
  .nav-tablet_btns .btn.nav { padding: 0.55rem 0.95rem; font-size: 0.82rem; }
  .nav-tablet_btns .btn.nav .text-block-2 { font-size: 0.82rem; }
  .nav-tablet_btns .btn.nav .arrow-btn { display: none; }
  .nav_right_mb { gap: 0.5rem; }
}
/* Tiny phones: tighter padding so logo + CTA + burger don't collide */
@media (max-width: 380px) {
  .nav-tablet_btns .btn.nav { padding: 0.5rem 0.8rem; font-size: 0.78rem; }
}