.plans-hero{
  padding-block:var(--sp-5) var(--sp-6);
  background:var(--c-primary);
  color:#fff;
}

.plans-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr);
  gap:var(--sp-4);
  align-items:center;
}

.plans-hero__copy,
.plans-hero__intro,
.release-ledger,
.release-ledger__body,
.plan-card__head,
.plan-card__fit,
.plan-card__regions,
.selection-note,
.billing-ledger__head>div,
.billing-ledger__total,
.final-cta__copy{
  min-width:0;
}

.plans-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.plans-hero .c-breadcrumb,
.plans-hero .c-breadcrumb ol{
  color:#e3fff0;
}

.plans-hero .c-breadcrumb a{
  color:#fff;
}

.plans-hero .c-breadcrumb li+li::before{
  color:#b7efd0;
}

.plans-hero__intro{
  display:grid;
  gap:var(--sp-1);
}

.plans-hero__intro .c-kicker{
  background:var(--c-lime);
  color:var(--c-dark);
}

.plans-hero__intro h1{
  max-width:min(36rem,100%);
  font-size:var(--fs-6);
}

.plans-hero__intro p{
  max-width:43rem;
  color:#e4fff0;
  font-size:var(--fs-3);
}

.plans-hero__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--sp-2);
  margin-top:var(--sp-3);
}

.plans-hero__actions .c-btn--ghost{
  color:#fff;
  border-color:color-mix(in srgb,currentColor 48%,transparent);
}

.plans-hero__facts{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--sp-1);
  margin:var(--sp-4) 0 0;
}

.plans-hero__facts div{
  min-width:0;
  padding-top:var(--sp-2);
  border-top:1px solid rgba(255,255,255,.32);
}

.plans-hero__facts dt{
  color:#fff;
  font-family:var(--font-mono);
  font-size:var(--fs-2);
  font-variant-numeric:tabular-nums;
}

.plans-hero__facts dd{
  margin-top:var(--sp-1);
  color:#d8ffea;
}

.release-ledger{
  overflow:hidden;
  border-radius:var(--r-lg);
  background:var(--c-surface);
  color:var(--c-ink);
  box-shadow:var(--shadow-lift);
}

.release-ledger__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:var(--sp-2);
  padding:var(--sp-3);
  background:var(--c-dark);
  color:#fff;
}

.release-ledger__head span{
  color:#b8d7cf;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  letter-spacing:.08em;
}

.release-ledger__head strong{
  font-family:var(--font-heading);
  font-size:var(--fs-3);
}

.release-ledger__body{
  display:grid;
  padding:var(--sp-2) var(--sp-3);
  background:var(--c-surface);
  color:var(--c-ink);
}

.release-ledger__row{
  display:grid;
  grid-template-columns:minmax(7rem,.65fr) minmax(0,1.35fr);
  gap:var(--sp-2);
  padding-block:var(--sp-2);
  border-bottom:1px solid var(--c-line);
}

.release-ledger__row:last-child{
  border-bottom:0;
}

.release-ledger__row span{
  color:var(--c-muted);
  font-size:var(--fs-1);
}

.release-ledger__row b{
  min-width:0;
  overflow-wrap:anywhere;
  font-size:var(--fs-1);
}

.release-ledger__foot{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sp-2);
  align-items:start;
  padding:var(--sp-3);
  background:var(--c-light);
  color:var(--c-ink);
}

.release-ledger__foot svg{
  color:var(--c-primary-paper);
}

.release-ledger__foot p{
  color:var(--c-muted);
  font-size:var(--fs-1);
}

.plans-catalog,
.addons-section,
.billing-section,
.comparison-section,
.region-section,
.settlement-section,
.final-cta-section{
  padding-block:var(--sp-6);
}

.p-section-head{
  display:grid;
  gap:var(--sp-1);
  max-width:52rem;
}

.p-section-head p{
  color:var(--c-muted);
  font-size:var(--fs-3);
}

.plan-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--sp-3);
  align-items:start;
  margin-top:var(--sp-4);
}

.plan-card-grid .c-price-card{
  display:flex;
  flex-direction:column;
}

.plan-card__head{
  display:grid;
  gap:var(--sp-1);
}

.plan-card__head .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
}

.plan-card__fit{
  display:grid;
  gap:var(--sp-1);
  margin-bottom:var(--sp-3);
}

.plan-card__fit h4{
  font-size:var(--fs-2);
}

.plan-card__fit ul{
  margin:0;
  padding-left:1.2rem;
  color:var(--c-muted);
}

.c-price-card--pro .plan-card__fit ul{
  color:#b0ccc5;
}

.plan-card__regions{
  display:grid;
  gap:var(--sp-1);
  margin-bottom:var(--sp-3);
  padding:var(--sp-2);
  border-radius:var(--r-sm);
  background:var(--c-light);
  color:var(--c-ink);
}

.c-price-card--pro .plan-card__regions{
  background:#174d44;
  color:#fff;
}

.plan-card__regions span{
  font-family:var(--font-heading);
  font-size:var(--fs-1);
  font-weight:700;
}

.plan-card__regions p{
  color:var(--c-muted);
  font-size:var(--fs-1);
}

.c-price-card--pro .plan-card__regions p{
  color:#c1ddd6;
}

.selection-notes{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--sp-3);
  align-items:start;
  margin-top:var(--sp-4);
}

.selection-note{
  display:grid;
  gap:var(--sp-1);
  padding:var(--sp-3);
  border-radius:var(--r-md);
  background:var(--c-soft);
  color:var(--c-ink);
}

.selection-note__index{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:var(--c-primary-paper);
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:700;
  letter-spacing:.08em;
}

.selection-note p{
  color:var(--c-muted);
}

.addons-section{
  background:var(--c-light);
  color:var(--c-ink);
}

.addon-table{
  min-width:54rem;
  margin-top:var(--sp-4);
}

.addon-table caption,
.comparison-table caption,
.region-table caption{
  padding:var(--sp-2);
  background:var(--c-surface);
  color:var(--c-muted);
  text-align:left;
  font-size:var(--fs-1);
}

.addon-table tbody th,
.region-table tbody th{
  background:var(--c-light);
  color:var(--c-ink);
  text-align:left;
}

.addon-callout{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-3);
  margin-top:var(--sp-3);
  background:var(--c-soft);
  color:var(--c-ink);
}

.addon-callout>div{
  display:grid;
  gap:var(--sp-1);
  min-width:0;
}

.addon-callout p{
  color:var(--c-muted);
}

.addon-callout .c-btn{
  flex:0 0 auto;
}

.billing-ledger{
  overflow:hidden;
  margin-top:var(--sp-4);
  border-radius:var(--r-lg);
  background:var(--c-light);
  color:var(--c-ink);
  box-shadow:var(--shadow-soft);
}

.billing-ledger__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-3);
  padding:var(--sp-3) var(--sp-4);
  background:var(--c-dark);
  color:#fff;
}

.billing-ledger__head>div{
  display:grid;
  gap:var(--sp-1);
}

.billing-ledger__head span{
  color:#b9d8d0;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  letter-spacing:.08em;
}

.billing-ledger__head strong{
  font-family:var(--font-heading);
  font-size:var(--fs-4);
}

.billing-ledger__status{
  width:fit-content;
  max-width:100%;
  align-self:center;
  padding:.45em .85em;
  border-radius:var(--r-pill);
  background:var(--c-lime);
  color:var(--c-dark)!important;
  font-weight:700;
  white-space:normal;
}

.billing-ledger__content{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(17rem,.65fr);
  gap:var(--sp-3);
  align-items:stretch;
  padding:var(--sp-4);
  background:var(--c-surface);
  color:var(--c-ink);
}

.billing-ledger__items{
  margin:0;
}

.billing-ledger__items>div{
  display:grid;
  grid-template-columns:minmax(8rem,.55fr) minmax(0,1.45fr);
  gap:var(--sp-2);
  padding-block:var(--sp-2);
  border-bottom:1px solid var(--c-line);
}

.billing-ledger__items>div:last-child{
  border-bottom:0;
}

.billing-ledger__items dt{
  color:var(--c-muted);
}

.billing-ledger__items dd{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--sp-2);
  color:var(--c-ink);
}

.billing-ledger__items dd span,
.billing-ledger__items dd b{
  min-width:0;
  overflow-wrap:anywhere;
}

.billing-ledger__total{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:var(--sp-1);
  padding:var(--sp-3);
  border-radius:var(--r-md);
  background:var(--c-soft);
  color:var(--c-ink);
}

.billing-ledger__total span{
  color:var(--c-primary-paper);
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:700;
  letter-spacing:.08em;
}

.billing-ledger__total strong{
  overflow-wrap:anywhere;
  font-size:clamp(2rem,9cqi,3.4rem);
  line-height:1;
  letter-spacing:-.06em;
}

.billing-ledger__total p{
  color:var(--c-muted);
  font-size:var(--fs-1);
}

.billing-ledger__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-3);
  padding:var(--sp-3) var(--sp-4);
  background:var(--c-light);
  color:var(--c-ink);
}

.billing-ledger__foot p{
  max-width:46rem;
  color:var(--c-muted);
}

.billing-ledger__foot a{
  display:inline-flex;
  align-items:center;
  gap:var(--sp-1);
  color:var(--c-primary-paper);
  font-family:var(--font-heading);
  font-weight:700;
}

.comparison-section{
  background:var(--c-dark);
  color:#fff;
}

.comparison-section .p-section-head p{
  color:#b6d1ca;
}

.comparison-section__kicker{
  background:var(--c-lime);
  color:var(--c-dark);
}

.comparison-table{
  min-width:62rem;
  margin-top:var(--sp-4);
  background:var(--c-surface);
  color:var(--c-ink);
}

.comparison-table th,
.comparison-table td{
  color:var(--c-ink);
}

.comparison-table thead th{
  background:var(--c-light);
  color:var(--c-dark);
}

.comparison-table thead .is-highlight,
.comparison-table tbody .is-highlight{
  background:var(--c-soft);
  color:var(--c-dark);
}

.region-table{
  min-width:52rem;
  margin-top:var(--sp-4);
}

.region-table tbody th strong,
.region-table tbody th small{
  display:block;
}

.region-table tbody th small{
  margin-top:var(--sp-1);
  color:var(--c-muted);
  font-family:var(--font-mono);
}

.region-table td{
  text-align:center;
}

.region-table .c-badge{
  width:fit-content;
  max-width:100%;
  margin-inline:auto;
}

.region-actions{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));
  gap:var(--sp-2);
  margin-top:var(--sp-3);
}

.region-action{
  display:grid;
  gap:var(--sp-1);
  min-width:0;
  padding:var(--sp-3);
  border-radius:var(--r-md);
  background:var(--c-light);
  color:var(--c-ink);
  transition:transform .2s var(--ease),background .2s var(--ease);
}

.region-action:hover{
  transform:translateY(-2px);
  background:var(--c-soft);
}

.region-action span{
  color:var(--c-muted);
  font-size:var(--fs-1);
}

.region-action strong{
  color:var(--c-primary-paper);
  overflow-wrap:anywhere;
}

.settlement-section{
  background:var(--c-light);
  color:var(--c-ink);
}

.settlement-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));
  gap:var(--sp-3);
  align-items:start;
  margin-top:var(--sp-4);
}

.settlement-grid .c-card{
  display:flex;
  flex-direction:column;
  gap:var(--sp-2);
  min-height:0;
}

.settlement-grid .c-card svg{
  color:var(--c-primary-paper);
}

.settlement-grid .c-card>div{
  display:grid;
  gap:var(--sp-1);
}

.settlement-grid .c-card p{
  color:var(--c-muted);
}

.final-cta-section{
  background:var(--c-surface);
}

.final-cta-section .c-cta{
  padding:var(--sp-4);
}

.final-cta__copy{
  display:grid;
  gap:var(--sp-1);
  max-width:46rem;
}

.final-cta__copy .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
}

.final-cta__copy p{
  color:#b6d1ca;
}

.final-cta-section .c-cta__actions{
  flex:0 0 auto;
  flex-direction:column;
  align-items:stretch;
}

.final-cta-section .c-btn--ghost{
  color:#fff;
  border-color:color-mix(in srgb,currentColor 45%,transparent);
}

@media(max-width:64rem){
  .plans-hero__grid{
    grid-template-columns:1fr;
  }

  .plans-hero__intro h1{
    max-width:14ch;
  }

  .release-ledger{
    width:100%;
  }

  .billing-ledger__content{
    grid-template-columns:1fr;
  }
}

@media(max-width:48rem){
  .plan-card-grid,
  .selection-notes{
    grid-template-columns:1fr;
  }

  .addon-callout,
  .billing-ledger__head,
  .billing-ledger__foot{
    align-items:flex-start;
    flex-direction:column;
  }

  .addon-callout .c-btn{
    width:100%;
  }

  .billing-ledger__head,
  .billing-ledger__content,
  .billing-ledger__foot{
    padding:var(--sp-3);
  }

  .billing-ledger__items>div{
    grid-template-columns:1fr;
    gap:var(--sp-1);
  }

  .final-cta-section .c-cta__actions{
    width:100%;
  }
}

@media(max-width:42rem){
  .plans-hero{
    padding-block:var(--sp-4) var(--sp-5);
  }

  .plans-hero__intro h1{
    font-size:var(--fs-6);
  }

  .plans-hero__intro p{
    font-size:var(--fs-2);
  }

  .plans-hero__actions{
    width:100%;
  }

  .plans-hero__actions .c-btn{
    width:100%;
    white-space:normal;
  }

  .plans-hero__facts{
    grid-template-columns:1fr;
  }

  .release-ledger__row{
    grid-template-columns:1fr;
    gap:var(--sp-1);
  }

  .c-price-card__rates{
    grid-template-columns:1fr;
  }

  .billing-ledger__items dd{
    flex-direction:column;
    gap:var(--sp-1);
  }

  .billing-ledger__foot a{
    overflow-wrap:anywhere;
  }

  .final-cta-section .c-cta{
    padding:var(--sp-3);
  }
}

@media(max-width:24.375rem){
  .plans-hero__intro h1{
    font-size:var(--fs-6);
  }

  .release-ledger__head{
    align-items:flex-start;
    flex-direction:column;
  }

  .billing-ledger__status{
    align-self:flex-start;
  }
}
.p-hero[data-hero-form="data-band"].plans-hero{padding-top:var(--sp-5)}