.plans-page{min-width:0}
.plans-page [hidden]{display:none!important}
.plans-page a:focus-visible{outline-offset:4px}

.plans-hero[data-hero-form="data-band"]{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  align-items:start;
  gap:var(--space-4);
  margin-top:var(--hero-top);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:#202127;
  color:#F5F6F4;
  --plans-surface-ink:#F5F6F4;
  --plans-surface-muted:#B9BEC2;
  --plans-surface-line:#E4E7E5;
}
.plans-hero-copy,.plans-hero-stage{min-width:0}
.plans-hero-kicker{margin-bottom:var(--space-2);font-size:var(--text-sm)}
.plans-hero h1{
  max-width:18ch;
  margin-bottom:var(--space-3);
  color:#F5F6F4;
  font-size:clamp(2.15rem,3.8vw,3rem);
  line-height:1.16;
}
.plans-hero-lead{max-width:36rem;color:#F5F6F4;font-size:var(--text-lg);line-height:1.65}
.plans-hero-detail{max-width:36rem;margin-top:var(--space-2);color:#B9BEC2}
.plans-hero-detail a{color:#E0EDBB;text-decoration:underline;text-underline-offset:.2em}
.plans-hero-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--space-2);
  margin-top:var(--space-3);
}
.plans-hero-button{
  background:#E0EDBB;
  color:#263A00;
  border-color:#E0EDBB;
}
.plans-hero-button:hover{background:#F1F8DC;color:#263A00}
.plans-hero-actions .c-btn-ghost{
  background:transparent;
  color:#F5F6F4;
  border-color:color-mix(in srgb,currentColor 45%,transparent);
}
.plans-hero-actions .c-btn-ghost:hover{background:#363941;color:#F5F6F4}

.plans-hero-stage{
  overflow:hidden;
  border:1px solid #45474D;
  border-radius:var(--radius-md);
  background:#282A30;
  color:#F5F6F4;
  --plans-stage-muted:#B9BEC2;
  --plans-stage-line:#E4E7E5;
}
.plans-stage-heading{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:var(--space-1);
  padding:var(--space-3);
  border-bottom:1px solid #45474D;
  color:#F5F6F4;
}
.plans-stage-heading span{color:#B9BEC2;font-size:var(--text-sm)}
.plans-stage-heading strong{font-size:var(--text-lg)}
.plans-stage-prices{margin:0;padding:0 var(--space-3)}
.plans-stage-prices>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:baseline;
  gap:var(--space-2);
  padding:var(--space-2) 0;
  border-bottom:1px solid #45474D;
}
.plans-stage-prices dt{min-width:0;color:#B9BEC2;font-size:var(--text-sm);font-weight:400}
.plans-stage-prices dd{
  min-width:0;
  color:#F5F6F4;
  font:700 var(--text-card)/1.3 var(--font-heading);
  font-variant-numeric:tabular-nums;
}
.plans-hero-stage>p{
  margin:0;
  padding:var(--space-2) var(--space-3) var(--space-3);
  color:#B9BEC2;
  font-size:var(--text-sm);
}

.plans-section{padding-block:var(--space-5);border-bottom:1px solid var(--line)}
.plans-section-head{max-width:47rem;margin-bottom:var(--space-3);min-width:0}
.plans-section-head>.c-chip{margin-bottom:var(--space-2);font-size:var(--text-sm)}
.plans-section-head h2{margin-bottom:var(--space-2)}
.plans-section-head p{margin-bottom:0;color:var(--muted)}
.plans-table-note{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-sm)}
.plans-section h3{font-size:var(--text-card);line-height:1.35}

.plans-model-card{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr);
  gap:var(--space-4);
  min-width:0;
  padding:var(--space-3);
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#202127;
}
.plans-model-main,.plans-model-order{min-width:0}
.plans-model-label{
  display:block;
  margin-bottom:var(--space-2);
  color:#596168;
  font-size:var(--text-sm);
  font-weight:700;
}
.plans-model-card h3{margin-bottom:var(--space-2);color:#202127}
.plans-model-main>p{max-width:39rem;color:#596168}
.plans-specs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-1);
  width:100%;
  margin:var(--space-3) 0 0;
}
.plans-specs>div{
  min-width:0;
  padding:var(--space-2);
  border-radius:var(--radius-sm);
  background:#FCFCFA;
  color:#202127;
}
.plans-specs dt{color:#596168;font-size:var(--text-sm);font-weight:400}
.plans-specs dd{color:#202127;font-size:var(--text-base);font-weight:700;overflow-wrap:break-word}
.plans-model-order{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:var(--space-3);
  border-radius:var(--radius-sm);
  background:#F4EECF;
  color:#3C3319;
}
.plans-model-order>span{color:#3C3319;font-size:var(--text-sm)}
.plans-model-price{
  margin:var(--space-1) 0 var(--space-2);
  color:#3C3319;
  font:700 clamp(1.8rem,3vw,2.5rem)/1.2 var(--font-heading);
  font-variant-numeric:tabular-nums;
  overflow-wrap:break-word;
}
.plans-model-price small{color:#3C3319;font:500 var(--text-sm)/1.5 var(--font-body)}
.plans-model-order p{color:#3C3319;font-size:var(--text-sm)}
.plans-model-order .c-btn{margin-top:auto}
.plans-model-order p+.c-btn{margin-top:var(--space-3)}

.plans-period-table{display:table;width:100%;min-width:42rem}
.plans-period-table caption{
  padding-bottom:var(--space-2);
  color:#596168;
  text-align:left;
  font-size:var(--text-sm);
}
.plans-period-table th,.plans-period-table td{text-align:left;white-space:nowrap}
.plans-period-table tbody th{background:#FCFCFA;color:#202127}
.plans-period-table tbody th span{color:#596168;font-size:var(--text-xs);font-weight:400}
.plans-period-table tbody td{font-variant-numeric:tabular-nums;font-weight:700}

.plans-addon-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-2);
  align-items:stretch;
}
.plans-addon-card{
  display:flex;
  flex-direction:column;
  height:100%;
  min-width:0;
  padding:var(--space-3);
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#202127;
}
.plans-addon-type{display:block;margin-bottom:var(--space-2);color:#155000;font-size:var(--text-sm);font-weight:700}
.plans-addon-card h3{color:#202127}
.plans-addon-card p{color:#596168}
.plans-addon-prices{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-1);
  width:100%;
  margin:auto 0 0;
  padding-top:var(--space-3);
}
.plans-addon-prices>div{
  min-width:0;
  padding:var(--space-2);
  border-radius:var(--radius-sm);
  background:#FCFCFA;
  color:#202127;
}
.plans-addon-prices dt{min-width:0;color:#596168;font-size:var(--text-sm);font-weight:400;overflow-wrap:break-word}
.plans-addon-prices dd{min-width:0;color:#202127;font-size:var(--text-lg);font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:break-word}

.billing-anatomy{
  overflow:hidden;
  border-radius:var(--radius-md);
  background:#FCFCFA;
  color:#202127;
  --billing-muted:#596168;
  --billing-line:#E4E7E5;
}
.billing-anatomy-head{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:var(--space-2);
  padding:var(--space-3);
  border-bottom:1px solid #E4E7E5;
  color:#202127;
}
.billing-anatomy-head div>span{display:block;margin-bottom:var(--space-1);color:#596168;font-size:var(--text-sm)}
.billing-anatomy-head h3{margin:0;color:#202127}
.billing-anatomy-mark{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  padding:.4em .9em;
  border-radius:999px;
  background:#E7EFF5;
  color:#233548;
  font-size:var(--text-sm);
  line-height:1;
}
.billing-lines{margin:0;padding:0 var(--space-3)}
.billing-lines>div{
  display:grid;
  grid-template-columns:minmax(9rem,.65fr) minmax(0,1fr);
  gap:var(--space-2);
  padding:var(--space-2) 0;
  border-bottom:1px solid #E4E7E5;
}
.billing-lines dt,.billing-lines dd{min-width:0;overflow-wrap:break-word}
.billing-lines dt{color:#596168;font-size:var(--text-sm);font-weight:500}
.billing-lines dd{color:#202127;font-size:var(--text-base)}
.billing-lines dd strong{margin-left:var(--space-1);font-variant-numeric:tabular-nums}
.billing-lines dd span{color:#596168;font-size:var(--text-sm)}
.billing-total{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:baseline;
  gap:var(--space-2);
  padding:var(--space-3);
  background:#E0EDBB;
  color:#263A00;
}
.billing-total>div{display:flex;flex-direction:column;min-width:0;color:#263A00}
.billing-total>div span{font-weight:700}
.billing-total>div small{color:#344A00;font-variant-numeric:tabular-nums}
.billing-total>strong{color:#263A00;font-size:var(--text-section);font-variant-numeric:tabular-nums}
.billing-total>strong small{color:#263A00;font-size:var(--text-sm)}

.plans-node-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));
  gap:var(--space-2);
  align-items:stretch;
}
.plans-node-card{
  display:flex;
  flex-direction:column;
  height:100%;
  min-width:0;
  padding:var(--space-3);
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#202127;
}
.plans-node-code{margin-bottom:var(--space-2);color:#155000;font:700 var(--text-sm)/1.4 var(--font-mono)}
.plans-node-card strong{color:#202127;font-size:var(--text-lg);overflow-wrap:break-word}
.plans-node-card>span:last-child{margin-top:auto;padding-top:var(--space-2);color:#596168;font-size:var(--text-sm)}
.plans-node-note{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-sm)}

.plans-payment-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-2);
  align-items:stretch;
}
.plans-payment-card{
  display:flex;
  flex-direction:column;
  height:100%;
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#E7EFF5;
  color:#233548;
}
.plans-payment-card h3,.plans-payment-card p{color:#233548}
.plans-payment-card p{margin-bottom:0}

.plans-checklist{border-bottom:1px solid var(--line)}
.plans-check-row{
  display:grid;
  grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
  gap:var(--space-3);
  align-items:start;
  padding:var(--space-3) 0;
  border-top:1px solid var(--line);
}
.plans-check-row>*{min-width:0;overflow-wrap:break-word}
.plans-check-row>span{color:#155000;font:700 var(--text-sm)/1.5 var(--font-mono)}
.plans-check-row>strong{font-size:var(--text-base)}
.plans-check-row>p{margin:0;color:var(--muted)}
.plans-final-section{border-bottom:0}
.plans-closing-section{padding-block:var(--space-2) var(--space-4)}
.plans-closing-section .c-closing{min-width:0;padding-inline:var(--space-4)}
.plans-closing-section .c-closing>div{min-width:0}
.plans-closing-section .c-closing .c-btn{
  flex:none;
  background:#E0EDBB;
  color:#263A00;
  border-color:#E0EDBB;
}

@media(max-width:64rem){
  .plans-hero[data-hero-form="data-band"]{gap:var(--space-3)}
  .plans-addon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:48rem){
  .plans-hero[data-hero-form="data-band"]{grid-template-columns:minmax(0,1fr);padding:var(--space-3)}
  .plans-hero h1{max-width:none}
  .plans-hero-stage{height:auto}
  .plans-model-card{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}
  .plans-addon-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:42rem){
  .plans-section{padding-block:var(--space-4)}
  .plans-payment-grid{grid-template-columns:minmax(0,1fr)}
  .plans-check-row{grid-template-columns:2.25rem minmax(0,1fr)}
  .plans-check-row>:nth-child(3){grid-column:2}
  .plans-closing-section .c-closing{padding-inline:var(--space-3)}
}
@media(max-width:25rem){
  .plans-hero-actions .c-btn{width:100%}
  .plans-specs{grid-template-columns:minmax(0,1fr)}
  .plans-addon-prices{grid-template-columns:minmax(0,1fr)}
  .billing-lines>div{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}
  .billing-total>strong{font-size:var(--text-card)}
}