/* =============================================================================
   Pricing page: LEFT margin alignment sitewide
   Exception: CTA buttons keep centered label / own button alignment
   Loads LAST on pricing.html. Cache-bust forced.
   ============================================================================= */

/* Global left alignment for pricing main content */
body.pricing-page main,
body.pricing-page main .section,
body.pricing-page main .container,
body.pricing-page #pricing-overview,
body.pricing-page #packages,
body.pricing-page #premium-offers,
body.pricing-page #partnership-desk,
body.pricing-page #fee-calculator{
  text-align:left!important;
}

body.pricing-page main h1,
body.pricing-page main h2,
body.pricing-page main h3,
body.pricing-page main h4,
body.pricing-page main p,
body.pricing-page main li,
body.pricing-page main small,
body.pricing-page main strong,
body.pricing-page main label,
body.pricing-page main .eyebrow,
body.pricing-page main .retention-kicker,
body.pricing-page main .panel-kicker,
body.pricing-page main .offer-kicker,
body.pricing-page main .premium-package-badge,
body.pricing-page main .timeline,
body.pricing-page main .price,
body.pricing-page main .premium-price{
  text-align:left!important;
}

/* Hero */
body.pricing-page #pricing-overview .pricing-decision-shell,
body.pricing-page #pricing-overview.page-hero-fill .pricing-decision-shell{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

body.pricing-page #pricing-overview .pricing-decision-hero,
body.pricing-page .pricing-decision-hero{
  display:grid!important;
  justify-items:start!important;
  align-items:start!important;
  text-align:left!important;
  max-width:990px!important;
  margin-left:0!important;
  margin-right:auto!important;
  width:100%!important;
}

body.pricing-page .pricing-decision-hero h1,
body.pricing-page #pricing-page-title{
  margin:12px 0!important;
  max-width:960px!important;
  width:100%!important;
  color:#101828!important;
  font-family:var(--title)!important;
  font-size:clamp(38px,5vw,76px)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  font-weight:780!important;
  text-align:left!important;
  text-wrap:balance!important;
}

body.pricing-page .pricing-decision-hero > p{
  max-width:810px!important;
  margin-left:0!important;
  margin-right:auto!important;
  color:#475467!important;
  font-size:clamp(17px,1.45vw,21px)!important;
  line-height:1.55!important;
  font-weight:400!important;
  text-align:left!important;
}

body.pricing-page .pricing-decision-hero > .retention-kicker,
body.pricing-page #pricing-overview .pricing-decision-hero .retention-kicker{
  margin-left:0!important;
  margin-right:auto!important;
  align-self:flex-start!important;
  justify-self:start!important;
}

/* Section heads / badges */
body.pricing-page .section-head,
body.pricing-page .section-head.center,
body.pricing-page .section-head.section-head-vvip.center,
body.pricing-page #packages .section-head.center,
body.pricing-page #premium-offers .section-head.center,
body.pricing-page .premium-decision-band,
body.pricing-page .premium-decision-band > div,
body.pricing-page .fee-calculator-intro,
body.pricing-page .estimator-title-block,
body.pricing-page .estimator-context,
body.pricing-page .estimator-panel-head,
body.pricing-page .package-card,
body.pricing-page .premium-offer-card,
body.pricing-page .partnership-hero-card,
body.pricing-page .pricing-fit-grid article,
body.pricing-page .decision-checks,
body.pricing-page .decision-checks li{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  justify-items:start!important;
  text-align:left!important;
}

body.pricing-page .section-head.center .eyebrow,
body.pricing-page .section-head.center h2,
body.pricing-page .section-head.center p,
body.pricing-page .section-head .eyebrow,
body.pricing-page .eyebrow,
body.pricing-page .retention-kicker,
body.pricing-page .panel-kicker,
body.pricing-page .offer-kicker,
body.pricing-page .premium-package-badge,
body.pricing-page .selected-estimate-pill{
  margin-left:0!important;
  margin-right:auto!important;
  align-self:flex-start!important;
  justify-self:start!important;
  text-align:left!important;
}

body.pricing-page .section-head .eyebrow{
  background:var(--zatra-red-soft, var(--rose, #fff1f2))!important;
  border:1px solid #ffd7dc!important;
  color:var(--zatra-red, var(--red-2, #c70010))!important;
  box-shadow:none!important;
}

body.pricing-page .section-head .eyebrow::before{
  content:none!important;
  display:none!important;
}

/* Cards / lists stay left */
body.pricing-page .package-card,
body.pricing-page .premium-offer-card,
body.pricing-page .package-card ul,
body.pricing-page .premium-offer-card ul,
body.pricing-page .package-card li,
body.pricing-page .premium-offer-card li{
  text-align:left!important;
}

body.pricing-page .decision-checks{
  display:grid!important;
  gap:12px!important;
}

body.pricing-page .decision-checks li{
  display:block!important;
  width:100%!important;
}

/* Jump bar labels left; links themselves are nav chips not primary CTAs */
body.pricing-page .pricing-jump-bar{
  position:sticky!important;
  top:74px!important;
  z-index:82!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  padding:10px!important;
  border:1px solid rgba(231,233,238,.95)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 18px 46px rgba(7,17,31,.08)!important;
  backdrop-filter:blur(14px)!important;
}

body.pricing-page .pricing-jump-bar a{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  min-height:46px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  font-size:13px!important;
  font-weight:850!important;
  text-align:left!important;
}

/* CTA action rows: left-dock the group, but buttons keep centered labels */
body.pricing-page .pricing-primary-actions,
body.pricing-page .fee-actions,
body.pricing-page .hero-actions,
body.pricing-page .partnership-actions,
body.pricing-page .package-conversion-strip .hero-actions,
body.pricing-page .conversion-actions,
body.pricing-page .invoice-export-actions{
  justify-content:flex-start!important;
  align-items:stretch!important;
  text-align:left!important;
}

/* ===== EXCEPTION: CTA buttons only — keep button label centering ===== */
body.pricing-page a.btn,
body.pricing-page button.btn,
body.pricing-page .btn,
body.pricing-page .btn-primary,
body.pricing-page .btn-secondary,
body.pricing-page .btn-full,
body.pricing-page .pricing-primary-actions .btn,
body.pricing-page .fee-actions .btn,
body.pricing-page .package-card .btn,
body.pricing-page .premium-offer-card .btn,
body.pricing-page .hero-actions .btn,
body.pricing-page .partnership-actions .btn,
body.pricing-page .invoice-export-actions .btn,
body.pricing-page #fee-calculator .btn,
body.pricing-page .nav-cta .btn{
  text-align:center!important;
  justify-content:center!important;
  align-items:center!important;
}

@media (max-width:980px){
  body.pricing-page .pricing-decision-hero h1,
  body.pricing-page #pricing-page-title{
    font-size:clamp(34px,9vw,44px)!important;
    line-height:1.04!important;
    letter-spacing:-.048em!important;
    max-width:100%!important;
    text-align:left!important;
  }

  body.pricing-page .pricing-decision-hero > p{
    font-size:clamp(.98rem,3.7vw,1.08rem)!important;
    max-width:100%!important;
    margin-left:0!important;
    text-align:left!important;
  }

  body.pricing-page .pricing-primary-actions{
    width:100%!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
  }

  body.pricing-page .pricing-primary-actions .btn,
  body.pricing-page .fee-actions .btn,
  body.pricing-page .package-card .btn,
  body.pricing-page .premium-offer-card .btn{
    width:100%!important;
    text-align:center!important;
    justify-content:center!important;
  }

  body.pricing-page .pricing-jump-bar{
    top:66px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:8px!important;
    border-radius:18px!important;
  }

  body.pricing-page .pricing-jump-bar a{
    min-height:64px!important;
    padding:10px 10px!important;
    font-size:12px!important;
    justify-content:flex-start!important;
    text-align:left!important;
    overflow:visible!important;
  }

  body.pricing-page .pricing-jump-bar .pricing-jump-label{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    line-height:1.15!important;
    white-space:normal!important;
  }

  body.pricing-page .pricing-jump-bar .pricing-jump-word{
    display:block!important;
  }

  body.pricing-page .pricing-jump-bar a[href="#fee-calculator"] .pricing-jump-label,
  body.pricing-page .pricing-jump-bar a[href="#partnership-desk"] .pricing-jump-label{
    display:inline!important;
  }

  body.pricing-page .pricing-decision-hero > .retention-kicker{
    margin-left:0!important;
    margin-right:auto!important;
  }
}
