/*
============================================================
 BIPOFY_PRICING_PAGE_DESIGN_V014A
 Frontend-only homepage-aligned pricing redesign.
============================================================
*/


body.bp-pricing-v014a{
  background:#fff !important;
}


/* ========================================================
   TOP PRICING HERO
======================================================== */

body.bp-pricing-v014a
.bp14-price-hero{
  padding:
    74px
    0
    54px !important;

  background:
    linear-gradient(
      180deg,
      #f5fbf8 0%,
      #ffffff 100%
    ) !important;

  border-bottom:
    1px solid
    #e2ebe6 !important;

  text-align:
    center !important;
}


body.bp-pricing-v014a
.bp14-price-hero
h1,
body.bp-pricing-v014a
.bp14-price-hero
h2{
  max-width:
    900px !important;

  margin:
    0
    auto !important;

  color:
    #0d2030 !important;

  font-size:
    clamp(
      42px,
      4.3vw,
      58px
    ) !important;

  line-height:
    1.04 !important;

  font-weight:
    600 !important;

  letter-spacing:
    -.047em !important;
}


body.bp-pricing-v014a
.bp14-price-hero
p{
  max-width:
    690px !important;

  margin:
    16px
    auto
    0 !important;

  color:
    #617068 !important;

  font-size:
    15px !important;

  line-height:
    1.7 !important;
}


/* small pricing badge */

body.bp-pricing-v014a
.bp14-price-hero
.bp14-top-badge{
  display:inline-flex !important;

  align-items:center !important;

  min-height:
    25px !important;

  margin:
    0
    0
    16px !important;

  padding:
    0
    9px !important;

  background:
    #eff9f4 !important;

  border:
    1px solid
    #d6ede2 !important;

  border-radius:
    5px !important;

  color:
    #07875f !important;

  font-size:
    10.5px !important;

  line-height:
    1 !important;

  font-weight:
    600 !important;

  letter-spacing:
    .07em !important;

  text-transform:
    uppercase !important;
}


/* ========================================================
   PLAN SECTION
======================================================== */

body.bp-pricing-v014a
.bp14-plans-section{
  padding:
    70px
    0
    86px !important;

  background:
    #ffffff !important;
}


body.bp-pricing-v014a
.bp14-plans-section
.bp14-section-heading{
  max-width:
    760px !important;

  margin:
    0
    auto
    28px !important;

  text-align:
    center !important;
}


body.bp-pricing-v014a
.bp14-plans-section
.bp14-section-heading h1,
body.bp-pricing-v014a
.bp14-plans-section
.bp14-section-heading h2{
  margin:
    0 !important;

  color:
    #0d2030 !important;

  font-size:
    36px !important;

  line-height:
    1.1 !important;

  font-weight:
    600 !important;

  letter-spacing:
    -.035em !important;
}


body.bp-pricing-v014a
.bp14-plans-section
.bp14-section-heading p{
  max-width:
    650px !important;

  margin:
    12px
    auto
    0 !important;

  color:
    #66746d !important;

  font-size:
    14px !important;

  line-height:
    1.68 !important;
}


/* ========================================================
   BILLING TOGGLE
======================================================== */

body.bp-pricing-v014a
.bp14-billing-toggle{
  display:grid !important;

  grid-template-columns:
    repeat(
      2,
      92px
    ) !important;

  gap:
    3px !important;

  width:
    max-content !important;

  margin:
    22px
    auto
    30px !important;

  padding:
    3px !important;

  background:
    #f0f5f2 !important;

  border:
    1px solid
    #dbe5df !important;

  border-radius:
    7px !important;
}


body.bp-pricing-v014a
.bp14-billing-toggle
button,
body.bp-pricing-v014a
.bp14-billing-toggle
a{
  display:flex !important;

  align-items:center !important;
  justify-content:center !important;

  min-height:
    36px !important;

  margin:
    0 !important;

  padding:
    0
    14px !important;

  border:
    0 !important;

  border-radius:
    5px !important;

  background:
    transparent !important;

  color:
    #56645d !important;

  box-shadow:
    none !important;

  font-size:
    12px !important;

  line-height:
    1 !important;

  font-weight:
    600 !important;

  text-decoration:
    none !important;
}


body.bp-pricing-v014a
.bp14-billing-toggle
.active,
body.bp-pricing-v014a
.bp14-billing-toggle
[aria-pressed="true"]{
  background:
    #07966b !important;

  color:
    #ffffff !important;
}


/* ========================================================
   3-COLUMN PLAN GRID
======================================================== */

body.bp-pricing-v014a
.bp14-plan-grid{
  display:grid !important;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    ) !important;

  gap:
    22px !important;

  width:
    min(
      1180px,
      calc(100% - 56px)
    ) !important;

  margin:
    0
    auto !important;

  align-items:
    stretch !important;
}


/* ========================================================
   PLAN CARD
======================================================== */

body.bp-pricing-v014a
.bp14-plan-card{
  position:
    relative !important;

  display:flex !important;

  flex-direction:
    column !important;

  min-width:
    0 !important;

  min-height:
    450px !important;

  margin:
    0 !important;

  padding:
    28px
    26px
    25px !important;

  background:
    #ffffff !important;

  border:
    1px solid
    #dce5e0 !important;

  border-radius:
    12px !important;

  box-shadow:
    0
    8px
    28px
    rgba(20,44,32,.035) !important;

  transform:
    none !important;

  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease !important;
}


body.bp-pricing-v014a
.bp14-plan-card:hover{
  transform:
    translateY(-3px) !important;

  border-color:
    #a9d9c4 !important;

  box-shadow:
    0
    16px
    38px
    rgba(20,44,32,.065) !important;
}


/* Growth */

body.bp-pricing-v014a
.bp14-plan-card.bp14-growth{
  border-color:
    #59c897 !important;

  box-shadow:
    inset
    0
    3px
    0
    #07966b,
    0
    10px
    30px
    rgba(20,44,32,.045) !important;
}


/* plan badge */

body.bp-pricing-v014a
.bp14-plan-card
.bp14-plan-badge{
  display:inline-flex !important;

  align-items:center !important;

  width:
    max-content !important;

  min-height:
    24px !important;

  margin:
    0
    0
    11px !important;

  padding:
    0
    8px !important;

  background:
    #eaf8f2 !important;

  border-radius:
    5px !important;

  color:
    #087b57 !important;

  font-size:
    10px !important;

  line-height:
    1 !important;

  font-weight:
    600 !important;
}


/* plan name */

body.bp-pricing-v014a
.bp14-plan-card
h3{
  margin:
    0 !important;

  color:
    #0d2030 !important;

  font-size:
    22px !important;

  line-height:
    1.25 !important;

  font-weight:
    600 !important;

  letter-spacing:
    -.025em !important;
}


/* commission subtitle */

body.bp-pricing-v014a
.bp14-plan-card
.bp14-commission{
  margin:
    7px
    0
    0 !important;

  color:
    #172a35 !important;

  font-size:
    13.5px !important;

  line-height:
    1.5 !important;

  font-weight:
    500 !important;
}


body.bp-pricing-v014a
.bp14-plan-card.bp14-business
.bp14-commission{
  color:
    #078556 !important;
}


/* card body copy */

body.bp-pricing-v014a
.bp14-plan-card
p{
  color:
    #66746d !important;

  font-size:
    12.5px !important;

  line-height:
    1.62 !important;
}


/* ========================================================
   PRICE — BACKEND VALUE UNTOUCHED
======================================================== */

body.bp-pricing-v014a
.bp14-plan-card
.bp14-price{
  margin:
    19px
    0
    0 !important;

  color:
    #07966b !important;

  font-size:
    24px !important;

  line-height:
    1.12 !important;

  font-weight:
    400 !important;

  letter-spacing:
    -.025em !important;

  font-variant-numeric:
    tabular-nums !important;
}


body.bp-pricing-v014a
.bp14-plan-card
.bp14-price-note{
  margin-top:
    6px !important;

  color:
    #718079 !important;

  font-size:
    11.5px !important;

  line-height:
    1.45 !important;
}


/* divider */

body.bp-pricing-v014a
.bp14-plan-card
hr{
  margin:
    19px
    0 !important;

  border:
    0 !important;

  border-top:
    1px solid
    #e3ebe7 !important;
}


/* feature list */

body.bp-pricing-v014a
.bp14-plan-card
ul{
  display:flex !important;

  flex-direction:
    column !important;

  gap:
    8px !important;

  margin:
    19px
    0
    0 !important;

  padding:
    18px
    0
    0 !important;

  border-top:
    1px solid
    #e3ebe7 !important;

  list-style:
    none !important;
}


body.bp-pricing-v014a
.bp14-plan-card
li{
  position:
    relative !important;

  margin:
    0 !important;

  padding:
    0
    0
    0
    19px !important;

  color:
    #52615a !important;

  font-size:
    12.5px !important;

  line-height:
    1.55 !important;
}


body.bp-pricing-v014a
.bp14-plan-card
li::before{
  content:
    "✓" !important;

  position:
    absolute !important;

  left:
    0 !important;

  color:
    #07966b !important;

  font-weight:
    600 !important;
}


/* card button */

body.bp-pricing-v014a
.bp14-plan-card
.bp14-plan-action{
  margin-top:
    auto !important;

  padding-top:
    24px !important;
}


body.bp-pricing-v014a
.bp14-plan-card
.bp14-plan-action
a,
body.bp-pricing-v014a
.bp14-plan-card
.bp14-plan-action
button{
  display:flex !important;

  align-items:center !important;
  justify-content:center !important;

  width:
    100% !important;

  min-height:
    44px !important;

  margin:
    0 !important;

  padding:
    0
    15px !important;

  background:
    #07966b !important;

  border:
    1px solid
    #07966b !important;

  border-radius:
    6px !important;

  color:
    #ffffff !important;

  font-size:
    12px !important;

  line-height:
    1 !important;

  font-weight:
    600 !important;

  text-decoration:
    none !important;
}


/* ========================================================
   COMPARE SECTION
======================================================== */

body.bp-pricing-v014a
.bp14-compare-section{
  padding:
    82px
    0
    90px !important;

  background:
    #fbfdfc !important;

  border-top:
    1px solid
    #e4ece8 !important;
}


body.bp-pricing-v014a
.bp14-compare-heading{
  width:
    min(
      1180px,
      calc(100% - 56px)
    ) !important;

  margin:
    0
    auto
    30px !important;

  text-align:
    center !important;
}


body.bp-pricing-v014a
.bp14-compare-heading
h1,
body.bp-pricing-v014a
.bp14-compare-heading
h2{
  margin:
    0 !important;

  color:
    #0d2030 !important;

  font-size:
    38px !important;

  line-height:
    1.08 !important;

  font-weight:
    600 !important;

  letter-spacing:
    -.04em !important;
}


body.bp-pricing-v014a
.bp14-compare-heading
p{
  max-width:
    650px !important;

  margin:
    11px
    auto
    0 !important;

  color:
    #66746d !important;

  font-size:
    13.5px !important;

  line-height:
    1.65 !important;
}


/* table wrapper */

body.bp-pricing-v014a
.bp14-table-wrap{
  width:
    min(
      1180px,
      calc(100% - 56px)
    ) !important;

  margin:
    0
    auto !important;

  overflow-x:
    auto !important;

  border:
    1px solid
    #dce5e0 !important;

  border-radius:
    12px !important;

  background:
    #ffffff !important;

  box-shadow:
    0
    8px
    28px
    rgba(20,44,32,.03) !important;
}


/* table */

body.bp-pricing-v014a
.bp14-compare-table{
  width:
    100% !important;

  min-width:
    780px !important;

  margin:
    0 !important;

  border-collapse:
    collapse !important;

  background:
    #ffffff !important;
}


body.bp-pricing-v014a
.bp14-compare-table
th,
body.bp-pricing-v014a
.bp14-compare-table
td{
  padding:
    13px
    15px !important;

  border-color:
    #e5ece8 !important;

  font-size:
    12px !important;

  line-height:
    1.45 !important;
}


body.bp-pricing-v014a
.bp14-compare-table
thead th{
  padding-top:
    18px !important;

  padding-bottom:
    18px !important;

  background:
    #ffffff !important;

  color:
    #102332 !important;

  font-size:
    13px !important;

  font-weight:
    600 !important;
}


/* section rows */

body.bp-pricing-v014a
.bp14-compare-table
.bp14-category-row
>*{
  background:
    #edf7f2 !important;

  color:
    #18372a !important;

  font-weight:
    600 !important;
}


/* Growth column */

body.bp-pricing-v014a
.bp14-compare-table
.bp14-growth-column{
  background:
    #f3fbf7 !important;
}


/* checks */

body.bp-pricing-v014a
.bp14-compare-table
td{
  color:
    #52615a !important;
}


body.bp-pricing-v014a
.bp14-compare-table
td:not(:first-child){
  text-align:
    center !important;
}


/* ========================================================
   FINAL CTA — HOMEPAGE LANGUAGE
======================================================== */

body.bp-pricing-v014a
.bp14-final-cta{
  width:
    100% !important;

  max-width:
    none !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    #effaf6 !important;

  border-top:
    1px solid
    #dce9e3 !important;

  border-bottom:
    0 !important;
}


body.bp-pricing-v014a
.bp14-final-cta
.bp14-final-inner{
  width:
    min(
      1180px,
      calc(100% - 56px)
    ) !important;

  margin:
    0
    auto !important;

  padding:
    34px
    0 !important;
}


/* ========================================================
   TABLET
======================================================== */

@media(max-width:900px){

  body.bp-pricing-v014a
  .bp14-plan-grid{
    gap:
      16px !important;
  }

}


/* ========================================================
   MOBILE
======================================================== */

@media(max-width:760px){

  body.bp-pricing-v014a
  .bp14-price-hero{
    padding:
      58px
      0
      42px !important;
  }


  body.bp-pricing-v014a
  .bp14-price-hero
  h1,
  body.bp-pricing-v014a
  .bp14-price-hero
  h2{
    font-size:
      36px !important;
  }


  body.bp-pricing-v014a
  .bp14-plans-section{
    padding:
      58px
      0
      68px !important;
  }


  body.bp-pricing-v014a
  .bp14-plan-grid{
    grid-template-columns:
      1fr !important;

    width:
      min(
        calc(100% - 34px),
        1180px
      ) !important;
  }


  body.bp-pricing-v014a
  .bp14-plan-card{
    min-height:
      0 !important;
  }


  body.bp-pricing-v014a
  .bp14-billing-toggle{
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      ) !important;

    width:
      min(
        100%,
        360px
      ) !important;
  }


  body.bp-pricing-v014a
  .bp14-compare-section{
    padding:
      64px
      0
      70px !important;
  }


  body.bp-pricing-v014a
  .bp14-compare-heading{
    width:
      min(
        calc(100% - 34px),
        1180px
      ) !important;
  }


  body.bp-pricing-v014a
  .bp14-compare-heading h2{
    font-size:
      31px !important;
  }


  body.bp-pricing-v014a
  .bp14-table-wrap{
    width:
      calc(100% - 34px) !important;
  }


  body.bp-pricing-v014a
  .bp14-final-cta
  .bp14-final-inner{
    width:
      calc(100% - 34px) !important;
  }

}

/*
============================================================
 BIPOFY_PRICING_TYPOGRAPHY_V014B
 Typography polish only.
============================================================
*/


/* ========================================================
   COMPARE TABLE — PLAN TITLES
======================================================== */

body.bp-pricing-v014a
.bp14-compare-table
thead th{
  font-family:
    inherit !important;

  font-weight:
    500 !important;

  letter-spacing:
    -.015em !important;
}


/* Starter / Growth / Business */

body.bp-pricing-v014a
.bp14-compare-table
thead th:not(:first-child){
  color:
    #0d2030 !important;

  font-size:
    17px !important;

  line-height:
    1.25 !important;

  font-weight:
    500 !important;
}


/* Feature column remains smaller */

body.bp-pricing-v014a
.bp14-compare-table
thead th:first-child{
  font-size:
    12px !important;

  line-height:
    1.4 !important;

  font-weight:
    500 !important;
}


/* 28 features / 29 features / 30 features */

body.bp-pricing-v014a
.bp14-compare-table
thead th
small,

body.bp-pricing-v014a
.bp14-compare-table
thead th
span{
  font-family:
    inherit !important;

  font-size:
    11px !important;

  line-height:
    1.45 !important;

  font-weight:
    400 !important;

  letter-spacing:
    0 !important;
}


/* ========================================================
   ALL PRICING PAGE ACTION BUTTON TYPOGRAPHY
   Same restrained typography as homepage.
======================================================== */

body.bp-pricing-v014a
.bp14-billing-toggle
button,

body.bp-pricing-v014a
.bp14-billing-toggle
a,

body.bp-pricing-v014a
.bp14-plan-action
button,

body.bp-pricing-v014a
.bp14-plan-action
a,

body.bp-pricing-v014a
.bp14-final-cta
.btn,

body.bp-pricing-v014a
.bp14-final-cta
button,

body.bp-pricing-v014a
.bp14-final-cta
a{
  font-family:
    inherit !important;

  font-size:
    12px !important;

  line-height:
    1 !important;

  font-weight:
    600 !important;

  letter-spacing:
    0 !important;

  text-transform:
    none !important;
}


/* Plan buttons: homepage-like comfortable height */

body.bp-pricing-v014a
.bp14-plan-action
button,

body.bp-pricing-v014a
.bp14-plan-action
a{
  min-height:
    44px !important;

  padding:
    0
    16px !important;
}


/* Billing toggle */

body.bp-pricing-v014a
.bp14-billing-toggle
button,

body.bp-pricing-v014a
.bp14-billing-toggle
a{
  font-size:
    12px !important;

  font-weight:
    600 !important;
}


/* ========================================================
   FINAL CTA BUTTONS
======================================================== */

body.bp-pricing-v014a
.bp14-final-cta
.btn,

body.bp-pricing-v014a
.bp14-final-cta
button,

body.bp-pricing-v014a
.bp14-final-cta
a{
  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  min-height:
    42px !important;
}


/* ========================================================
   MOBILE
======================================================== */

@media(max-width:760px){

  body.bp-pricing-v014a
  .bp14-compare-table
  thead th:not(:first-child){
    font-size:
      16px !important;
  }

}

/*
============================================================
 BIPOFY_PRICING_TYPO_POLISH_V014C
 Compare table plan-name sizing + bottom CTA title weight.
============================================================
*/


/* ========================================================
   COMPARE TABLE HEADER
   Make plan names visibly larger than feature subtitle.
======================================================== */

body.bp-pricing-v014a
.bp14-compare-table
thead th{
  vertical-align: middle !important;
}

body.bp-pricing-v014a
.bp14-compare-table
thead th:not(:first-child){
  font-size: 20px !important;
  line-height: 1.18 !important;
  font-weight: 500 !important;
  letter-spacing: -.02em !important;
  color: #0d2030 !important;
}

body.bp-pricing-v014a
.bp14-compare-table
thead th:first-child{
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  color: #172a35 !important;
}

body.bp-pricing-v014a
.bp14-compare-table
thead th small,
body.bp-pricing-v014a
.bp14-compare-table
thead th span{
  display: block !important;
  margin-top: 6px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  color: #07875f !important;
}


/* ========================================================
   BOTTOM CTA TITLE
   Match homepage cleaner title weight.
======================================================== */

body.bp-pricing-v014a
.bp14-final-cta
h1,
body.bp-pricing-v014a
.bp14-final-cta
h2,
body.bp-pricing-v014a
.bp14-final-cta
h3{
  color: #0d2030 !important;
  font-size: 24px !important;
  line-height: 1.12 !important;
  font-weight: 600 !important;
  letter-spacing: -.03em !important;
  margin: 0 !important;
}

body.bp-pricing-v014a
.bp14-final-cta
p{
  margin-top: 10px !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #5e6e67 !important;
}


/* ========================================================
   MOBILE
======================================================== */

@media(max-width:760px){

  body.bp-pricing-v014a
  .bp14-compare-table
  thead th:not(:first-child){
    font-size: 18px !important;
  }

  body.bp-pricing-v014a
  .bp14-compare-table
  thead th small,
  body.bp-pricing-v014a
  .bp14-compare-table
  thead th span{
    font-size: 11.5px !important;
  }

  body.bp-pricing-v014a
  .bp14-final-cta
  h1,
  body.bp-pricing-v014a
  .bp14-final-cta
  h2,
  body.bp-pricing-v014a
  .bp14-final-cta
  h3{
    font-size: 22px !important;
  }

}

/*
============================================================
 BIPOFY_PRICING_PLAN_NAME_BOLD_V014D
============================================================
*/

/* Compare table plan names: Starter / Growth / Business */
body.bp-pricing-v014a
.bp14-compare-table
thead th:not(:first-child){
  font-size: 20px !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  color: #0d2030 !important;
}

/* keep subtitle lighter */
body.bp-pricing-v014a
.bp14-compare-table
thead th small,
body.bp-pricing-v014a
.bp14-compare-table
thead th span{
  display: block !important;
  margin-top: 6px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  color: #07875f !important;
}