.plans-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  align-items:start;
  gap:var(--sm-space-5);
  padding-block:0;
}

.plans-hero-grid>*{
  min-width:0;
}

.plans-hero-copy{
  align-self:start;
  min-width:0;
}

.plans-hero-copy h1{
  max-width:15ch;
  overflow-wrap:anywhere;
}

.plans-hero-lead{
  max-width:42rem;
  margin-top:var(--sm-space-3);
  color:#d8dad5;
  font-size:var(--sm-text-lg);
}

.plans-hero-note{
  max-width:42rem;
  margin-top:var(--sm-space-2);
  color:#a8aaa6;
}

.plans-hero-actions{
  justify-content:flex-start;
  margin-block:var(--sm-space-3);
}

.plans-hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  width:100%;
  margin:0 0 var(--sm-space-3);
  padding-top:var(--sm-space-3);
  border-top:1px solid rgba(255,255,255,.12);
}

.plans-hero-stats div{
  min-width:0;
  padding-inline-end:var(--sm-space-2);
}

.plans-hero-stats div+div{
  padding-inline-start:var(--sm-space-2);
  border-left:1px solid rgba(255,255,255,.12);
}

.plans-hero-stats dt,
.plans-hero-stats dd{
  min-width:0;
  overflow-wrap:anywhere;
}

.plans-hero-stats dt{
  color:#a8aaa6;
}

.plans-hero-stats dd{
  margin-top:.4rem;
  color:#f7f3ee;
}

.plans-register,
[data-hero-face="confirmed-draft"].plans-register{
  align-self:start;
  width:100%;
  height:auto;
  min-height:0;
  overflow:hidden;
  border-radius:var(--sm-radius-lg);
  background:#e7c7b8;
  color:#241b18;
  box-shadow:var(--sm-shadow);
}

.plans-register__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sm-space-3);
  padding:var(--sm-space-3);
  background:#c9d7e5;
  color:#17202a;
  border-bottom:1px solid rgba(23,32,42,.14);
}

.plans-register__head>div{
  min-width:0;
}

.plans-register__head strong{
  display:block;
  margin-top:.4rem;
  font-family:var(--sm-font-heading);
  font-size:var(--sm-text-xl);
  font-weight:500;
  line-height:1.2;
  overflow-wrap:anywhere;
}

.plans-register__label{
  color:#465361;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xs);
  letter-spacing:.08em;
}

.plans-register__head .c-badge{
  flex:0 0 auto;
  background:#075f2b;
  color:#fff;
}

.plans-register__body{
  padding:var(--sm-space-3);
  background:#e7c7b8;
  color:#241b18;
}

.plans-register__line{
  display:grid;
  grid-template-columns:minmax(0,.65fr) minmax(0,1fr) auto;
  align-items:center;
  gap:var(--sm-space-2);
  min-width:0;
  padding-block:var(--sm-space-2);
  border-bottom:1px solid rgba(36,27,24,.14);
}

.plans-register__line--primary{
  padding-inline:var(--sm-space-2);
  border-radius:var(--sm-radius-sm);
  background:#e5d7a1;
  color:#201d12;
  border-bottom-color:transparent;
}

.plans-register__line span,
.plans-register__line strong,
.plans-register__line b{
  min-width:0;
  overflow-wrap:anywhere;
}

.plans-register__line span{
  color:#66534b;
  font-size:var(--sm-text-sm);
}

.plans-register__line--primary span{
  color:#5b5331;
}

.plans-register__line strong{
  font-family:var(--sm-font-heading);
  font-weight:500;
}

.plans-register__line b{
  font-size:var(--sm-text-sm);
  text-align:right;
}

.plans-register__tiles{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--sm-space-2);
  margin-top:var(--sm-space-3);
}

.plans-register__tiles div{
  min-width:0;
  padding:var(--sm-space-2);
  border-radius:var(--sm-radius-sm);
  background:#f6f3ee;
  color:#090b0a;
}

.plans-register__tiles span,
.plans-register__tiles strong{
  display:block;
  min-width:0;
  overflow-wrap:anywhere;
}

.plans-register__tiles span{
  color:#555b56;
  font-size:var(--sm-text-xs);
}

.plans-register__tiles strong{
  margin-top:.4rem;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-sm);
}

.plans-register__route{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--sm-space-1);
  margin-top:var(--sm-space-3);
}

.plans-register__route span{
  min-width:0;
  padding:.65rem .55rem;
  border-radius:var(--sm-radius-sm);
  background:#25212b;
  color:#f7f3ee;
  font-size:var(--sm-text-xs);
  line-height:1.35;
  text-align:center;
  overflow-wrap:anywhere;
}

.plans-register__foot{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);
  gap:var(--sm-space-2);
  align-items:center;
  padding:var(--sm-space-3);
  background:#181a19;
  color:#f7f3ee;
  border-top:1px solid rgba(255,255,255,.12);
}

.plans-register__foot span,
.plans-register__foot strong{
  min-width:0;
  overflow-wrap:anywhere;
}

.plans-register__foot span{
  color:#a8aaa6;
  font-size:var(--sm-text-xs);
}

.plans-register__foot strong{
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-sm);
}

.plans-section-head{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  align-items:end;
  gap:var(--sm-space-4);
  margin-bottom:var(--sm-space-5);
}

.plans-section-head>div,
.plans-section-head>p{
  min-width:0;
}

.plans-section-head h2,
.plans-section-head p{
  overflow-wrap:anywhere;
}

.plans-section-head p{
  color:inherit;
  opacity:.76;
}

.plans-catalog{
  background:#151715;
  color:#f7f3ee;
}

.plans-price-grid{
  align-items:start;
}

.plans-price-grid .c-price-card{
  padding-inline:var(--sm-space-4);
  background:#202320;
  color:#f7f3ee;
}
.plans-price-grid .c-price-card .c-badge{
  color:#f7f3ee;
}
.plans-invoice__row span{
  color:#090b0a;
}

.plans-price-grid .c-badge+h3{
  margin-top:var(--sm-space-2);
}

.plans-card-copy{
  color:#c4c7c1;
}

.plans-checks{
  display:grid;
  gap:.7rem;
  margin:var(--sm-space-3) 0 0;
  padding:0;
  list-style:none;
  color:#d7d8d4;
}

.plans-checks li{
  position:relative;
  padding-left:1.5rem;
}

.plans-checks li::before{
  content:"";
  position:absolute;
  top:.65rem;
  left:0;
  width:.55rem;
  height:.3rem;
  border-left:1.5px solid #86d590;
  border-bottom:1.5px solid #86d590;
  transform:rotate(-45deg);
}

.plans-price-grid .c-btn{
  margin-top:var(--sm-space-3);
}

.plans-comparison{
  background:#f6f3ee;
  color:#090b0a;
}

.plans-comparison .c-kicker{
  background:#c9d7e5;
  color:#17202a;
}

.plans-comparison .c-kicker::before{
  background:#075f2b;
}

.plans-table{
  min-width:0;
}

.plans-table caption{
  padding:var(--sm-space-2);
  background:#eeeae4;
  color:#3d433e;
  font-size:var(--sm-text-sm);
  text-align:left;
  caption-side:top;
}

.plans-table th,
.plans-table td{
  text-align:left;
}

.plans-table th:first-child,
.plans-table td:first-child{
  width:22%;
}

.plans-comparison-note{
  margin-top:var(--sm-space-3);
}

.plans-comparison-note strong{
  display:block;
  color:#17202a;
}

.plans-comparison-note p{
  margin-top:.4rem;
  color:#35414c;
}

.plans-addons{
  background:#090b0a;
  color:#f7f3ee;
}

.plans-addon-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
}

.plans-addon-card{
  padding-inline:var(--sm-space-4);
}

.plans-addon-code{
  display:inline-flex;
  width:fit-content;
  align-self:flex-start;
  padding:.45rem .75rem;
  border-radius:var(--sm-radius-pill);
  background:#090b0a;
  color:#f7f3ee;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xs);
  line-height:1.2;
}

.plans-addon-code+h3{
  margin-top:var(--sm-space-2);
  overflow-wrap:anywhere;
}

.plans-addon-card>p{
  margin-top:var(--sm-space-2);
  color:inherit;
  opacity:.78;
}

.plans-addon-prices{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--sm-space-2);
  width:100%;
  margin:var(--sm-space-3) 0 0;
}

.plans-addon-prices div{
  min-width:0;
  padding:var(--sm-space-2);
  border:0;
  border-radius:var(--sm-radius-sm);
  background:color-mix(in srgb,currentColor 8%,transparent);
}

.plans-addon-prices dt,
.plans-addon-prices dd{
  min-width:0;
  overflow-wrap:anywhere;
}

.plans-addon-prices dt{
  color:inherit;
  opacity:.66;
}

.plans-addon-prices dd{
  margin-top:.35rem;
  color:inherit;
  font-size:var(--sm-text-sm);
  font-weight:700;
}

.plans-addon-rule{
  margin-top:var(--sm-space-3);
  padding:var(--sm-space-3);
  border-radius:var(--sm-radius-md);
  background:#181a19;
  color:#f7f3ee;
}

.plans-addon-rule strong{
  display:block;
  color:#f7f3ee;
}

.plans-addon-rule p{
  margin-top:.4rem;
  color:#a8aaa6;
}

.plans-billing{
  background:#e7c7b8;
  color:#241b18;
}

.plans-billing .c-kicker{
  background:#25212b;
  color:#f7f3ee;
}

.plans-billing .c-kicker::before{
  background:#86d590;
}

.plans-invoice{
  overflow:hidden;
  border-radius:var(--sm-radius-lg);
  background:#f6f3ee;
  color:#090b0a;
  box-shadow:0 24px 70px rgba(36,27,24,.16);
}

.plans-invoice__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sm-space-3);
  padding:var(--sm-space-3) var(--sm-space-4);
  background:#25212b;
  color:#f7f3ee;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.plans-invoice__header>div{
  min-width:0;
}

.plans-invoice__header span{
  color:#bdb7c2;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xs);
  letter-spacing:.06em;
}

.plans-invoice__header h3{
  margin-top:.4rem;
  color:#f7f3ee;
}

.plans-invoice__status{
  flex:0 0 auto;
  text-align:right;
}

.plans-invoice__status strong{
  display:block;
  margin-top:.35rem;
  color:#f7f3ee;
  font-family:var(--sm-font-mono);
}

.plans-invoice__meta{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  background:#c9d7e5;
  color:#17202a;
}

.plans-invoice__meta div{
  min-width:0;
  padding:var(--sm-space-3);
}

.plans-invoice__meta div+div{
  border-left:1px solid rgba(23,32,42,.14);
}

.plans-invoice__meta span,
.plans-invoice__meta strong{
  display:block;
  min-width:0;
  overflow-wrap:anywhere;
}

.plans-invoice__meta span{
  color:#202520;
  font-size:var(--sm-text-xs);
}

.plans-invoice__meta strong{
  margin-top:.4rem;
  color:#17202a;
  font-size:var(--sm-text-sm);
}

.plans-invoice__rows{
  padding-inline:var(--sm-space-4);
  background:#f6f3ee;
  color:#090b0a;
}

.plans-invoice__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--sm-space-3);
  align-items:center;
  padding-block:var(--sm-space-3);
  border-bottom:1px solid rgba(9,11,10,.14);
}

.plans-invoice__row>div,
.plans-invoice__row b{
  min-width:0;
  overflow-wrap:anywhere;
}

.plans-invoice__row span,
.plans-invoice__row strong{
  display:block;
}

.plans-invoice__row span{
  color:#202520;
  font-size:var(--sm-text-xs);
}

.plans-invoice__row strong{
  margin-top:.35rem;
  color:#202420;
  font-size:var(--sm-text-md);
}

.plans-invoice__row b{
  color:#090b0a;
}

.plans-invoice__total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sm-space-3);
  padding:var(--sm-space-4);
  background:#e5d7a1;
  color:#201d12;
}

.plans-invoice__total>div,
.plans-invoice__total>strong{
  min-width:0;
  overflow-wrap:anywhere;
}

.plans-invoice__total span,
.plans-invoice__total small{
  display:block;
}

.plans-invoice__total small{
  margin-top:.4rem;
  color:#5e5738;
}

.plans-invoice__total>strong{
  font-size:clamp(1.75rem,4vw,2.75rem);
  line-height:1.1;
  text-align:right;
}

.plans-invoice-note{
  margin-top:var(--sm-space-3);
  color:#5b4640;
}

.plans-payment{
  background:#151715;
  color:#f7f3ee;
}

.plans-payment-grid{
  align-items:start;
}

.plans-payment-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding-inline:var(--sm-space-4);
  background:#c9d7e5;
  color:#17202a;
}

.plans-payment-card--violet{
  background:#25212b;
  color:#f7f3ee;
}

.plans-icon-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.75rem;
  height:2.75rem;
  border-radius:var(--sm-radius-sm);
  background:#075f2b;
  color:#fff;
}

.plans-icon-chip+.c-badge{
  margin-top:var(--sm-space-2);
}

.plans-payment-card .c-badge{
  background:#e5d7a1;
  color:#201d12;
}

.plans-payment-card .c-badge+h3{
  margin-top:var(--sm-space-2);
}

.plans-payment-card p{
  margin-top:var(--sm-space-2);
  color:#3e4a55;
}

.plans-payment-card--violet p{
  color:#c7c1ca;
}

.plans-payment-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:var(--sm-space-3);
  border-radius:var(--sm-radius-md);
  overflow:hidden;
  background:#181a19;
  color:#f7f3ee;
}

.plans-payment-facts div{
  min-width:0;
  padding:var(--sm-space-3);
}

.plans-payment-facts div+div{
  border-left:1px solid rgba(255,255,255,.12);
}

.plans-payment-facts strong,
.plans-payment-facts span{
  display:block;
  min-width:0;
  overflow-wrap:anywhere;
}

.plans-payment-facts strong{
  color:#f7f3ee;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xl);
}

.plans-payment-facts span{
  margin-top:.4rem;
  color:#a8aaa6;
  font-size:var(--sm-text-sm);
}

.plans-order{
  background:#f6f3ee;
  color:#090b0a;
}

.plans-order .c-kicker{
  background:#c9d7e5;
  color:#17202a;
}

.plans-order .c-kicker::before{
  background:#075f2b;
}

.plans-order-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));
  gap:var(--sm-space-3);
  align-items:start;
  margin:0;
  padding:0;
  list-style:none;
}

.plans-order-card{
  min-width:0;
  padding:var(--sm-space-3);
  border-radius:var(--sm-radius-md);
  background:#eeeae4;
  color:#090b0a;
}

.plans-order-number{
  display:inline-flex;
  width:fit-content;
  align-self:flex-start;
  padding:.45rem .7rem;
  border-radius:var(--sm-radius-pill);
  background:#075f2b;
  color:#fff;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-xs);
  line-height:1;
}

.plans-order-number+h3{
  margin-top:var(--sm-space-2);
}

.plans-order-card h3{
  font-size:var(--sm-text-xl);
  overflow-wrap:anywhere;
}

.plans-order-card p{
  margin-top:var(--sm-space-2);
  color:#555b56;
}

.plans-order-note{
  margin-top:var(--sm-space-3);
}

.plans-order-note strong{
  color:#17202a;
}

.plans-order-note p{
  margin-top:.4rem;
  color:#35414c;
}

.plans-order-note a{
  display:inline-flex;
  margin-top:var(--sm-space-2);
  color:#075f2b;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:.2em;
}

.plans-closing-section{
  background:#f6f3ee;
  color:#090b0a;
}

.plans-closing{
  grid-template-columns:minmax(0,1fr) minmax(12rem,auto);
  padding:var(--sm-space-5);
  background:#090b0a;
  color:#f7f3ee;
}

.plans-closing .c-kicker{
  background:#e5d7a1;
  color:#201d12;
}

.plans-closing .c-kicker::before{
  background:#075f2b;
}

.plans-closing h2{
  color:#f7f3ee;
}

.plans-closing p{
  max-width:42rem;
  margin-top:var(--sm-space-2);
  color:#a8aaa6;
}

.plans-closing__actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:.75rem;
  min-width:12rem;
}

.plans-closing__actions .c-btn{
  width:100%;
}

.plans-closing__actions .c-btn-ghost{
  background:rgba(255,255,255,.035);
  color:#f7f3ee;
  border-color:rgba(247,243,238,.35);
}

@media(max-width:64rem){
  .plans-hero-grid{
    grid-template-columns:minmax(0,1fr);
    gap:var(--sm-space-4);
  }

  .plans-hero-copy h1{
    max-width:18ch;
  }

  .plans-register{
    height:auto;
    min-height:0;
  }

  .plans-section-head{
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    gap:var(--sm-space-3);
  }

  .plans-invoice__meta,
  .plans-payment-facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .plans-invoice__meta div:nth-child(3),
  .plans-payment-facts div:nth-child(3){
    border-left:0;
  }

  .plans-invoice__meta div:nth-child(n+3),
  .plans-payment-facts div:nth-child(n+3){
    border-top:1px solid rgba(23,32,42,.14);
  }

  .plans-payment-facts div:nth-child(n+3){
    border-top-color:rgba(255,255,255,.12);
  }
}

@media(max-width:42rem){
  .plans-hero-grid{
    padding-block:var(--sm-hero-pad);
  }

  .plans-hero-copy h1{
    max-width:none;
  }

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

  .plans-hero-stats div{
    padding:var(--sm-space-2) 0;
  }

  .plans-hero-stats div+div{
    padding-inline-start:0;
    border-top:1px solid rgba(255,255,255,.12);
    border-left:0;
  }

  .plans-register__head,
  .plans-invoice__header,
  .plans-invoice__total{
    align-items:flex-start;
    flex-direction:column;
  }

  .plans-register__head .c-badge{
    flex:0 0 auto;
  }

  .plans-register__line{
    grid-template-columns:minmax(0,1fr);
    gap:.4rem;
  }

  .plans-register__line b{
    text-align:left;
  }

  .plans-addon-grid,
  .plans-register__tiles,
  .plans-register__route,
  .plans-register__foot,
  .plans-addon-prices,
  .plans-invoice__meta,
  .plans-payment-facts{
    grid-template-columns:minmax(0,1fr);
  }

  .plans-addon-grid{
    gap:var(--sm-space-3);
  }

  .plans-addon-card{
    padding:var(--sm-space-4);
  }

  .plans-register__foot{
    gap:.4rem;
  }

  .plans-register__foot strong+span{
    margin-top:var(--sm-space-2);
  }

  .plans-invoice__header,
  .plans-invoice__rows,
  .plans-invoice__total{
    padding-inline:var(--sm-space-3);
  }

  .plans-invoice__status{
    text-align:left;
  }

  .plans-invoice__meta div+div,
  .plans-payment-facts div+div{
    border-top:1px solid rgba(23,32,42,.14);
    border-left:0;
  }

  .plans-payment-facts div+div{
    border-top-color:rgba(255,255,255,.12);
  }

  .plans-invoice__row{
    grid-template-columns:minmax(0,1fr);
    gap:var(--sm-space-2);
  }

  .plans-invoice__total>strong{
    text-align:left;
  }

  .plans-closing{
    grid-template-columns:minmax(0,1fr);
    padding:var(--sm-space-3);
  }

  .plans-closing__actions{
    width:100%;
    margin-top:var(--sm-space-3);
  }
}