.plans-hero{
  padding-block:var(--hero-pad);
  background:#FCFBF8;
  color:#202426
}

.plans-hero[data-hero-form="product-visual"]{
  display:block
}

.plans-hero .hero-copy{
  min-height:0;
  justify-content:flex-start
}

.plans-hero .plans-review-desk{
  min-height:0;
  height:auto
}

.plans-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,31rem);
  gap:var(--space-5);
  align-items:start
}

.plans-hero-copy{
  min-width:0;
  padding-top:var(--space-2)
}

.plans-hero-copy h1{
  max-width:16em
}

.plans-hero-lead{
  max-width:43rem;
  margin-top:var(--space-3);
  color:#555B59;
  font-size:var(--text-md)
}

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

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

.plans-hero-note strong{
  color:#202426
}

.plans-hero-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-2);
  margin:var(--space-4) 0 var(--space-3);
  padding-top:var(--space-3);
  border-top:1px solid var(--line)
}

.plans-hero-facts div{
  min-width:0
}

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

.plans-hero-facts dt{
  color:#555B59
}

.plans-hero-facts dd{
  margin-top:.35rem;
  color:#202426;
  font-family:var(--font-mono);
  font-size:var(--text-md);
  font-weight:700;
  font-variant-numeric:tabular-nums
}

.plans-review-desk{
  min-width:0;
  height:auto;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:#DDE9F2;
  color:#1D2D38;
  box-shadow:var(--shadow)
}

.plans-desk-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-3);
  background:#202426;
  color:#FFFFFF
}

.plans-desk-head>div{
  display:grid;
  min-width:0;
  gap:.35rem
}

.plans-desk-head strong{
  color:#FFFFFF;
  font-family:var(--font-heading);
  font-size:var(--text-md)
}

.plans-desk-label{
  color:#D7DCDA;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  letter-spacing:.06em
}

.plans-desk-art{
  display:grid;
  width:100%;
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:none;
  gap:var(--space-2);
  align-items:start;
  padding:var(--space-3);
  overflow:visible
}

.plans-desk-card{
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md)
}

.plans-desk-card-main{
  grid-column:1/-1;
  background:#F3EEDD;
  color:#25251F
}

.plans-desk-card-term{
  background:#E3E2F2;
  color:#29263B
}

.plans-desk-card-route{
  background:#DDEBE8;
  color:#17312E
}

.plans-desk-card-head{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:var(--space-1);
  margin-bottom:var(--space-2);
  color:#5A574C;
  font-family:var(--font-mono);
  font-size:var(--text-xs)
}

.plans-desk-card h2{
  font-size:var(--text-xl);
  line-height:1.2
}

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

.plans-desk-specs div{
  min-width:0;
  padding-top:var(--space-1);
  border-top:1px solid color-mix(in srgb,#25251F 14%,transparent)
}

.plans-desk-specs dt,
.plans-desk-specs dd{
  min-width:0
}

.plans-desk-specs dt{
  color:#686559
}

.plans-desk-specs dd{
  margin-top:.25rem;
  color:#25251F;
  font-weight:700
}

.plans-desk-card-label{
  display:block;
  margin-bottom:var(--space-2);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:700;
  letter-spacing:.04em
}

.plans-desk-periods{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-1)
}

.plans-desk-periods span{
  display:grid;
  min-width:0;
  gap:.2rem;
  padding:var(--space-1);
  border-radius:var(--radius-sm);
  background:#FFFFFF;
  color:#202426
}

.plans-desk-periods b{
  font-size:var(--text-xs)
}

.plans-desk-periods strong{
  overflow-wrap:anywhere;
  font-size:var(--text-sm)
}

.plans-route-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--space-1);
  min-width:0;
  padding-block:.7rem;
  border-bottom:1px solid color-mix(in srgb,#17312E 14%,transparent)
}

.plans-route-row:last-child{
  border-bottom:0
}

.plans-route-row span,
.plans-route-row strong{
  min-width:0;
  font-size:var(--text-sm);
  line-height:1.4
}

.plans-route-row strong{
  text-align:right
}

.plans-delivery-strip{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-1);
  min-width:0;
  padding:var(--space-2);
  border-radius:var(--radius-md);
  background:#873515;
  color:#FFFFFF
}

.plans-delivery-strip span,
.plans-delivery-strip strong{
  min-width:0;
  overflow-wrap:anywhere;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  text-align:center
}

.plans-catalog-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--space-3);
  align-items:stretch
}

.plans-primary-card{
  min-width:0;
  padding:var(--space-4)
}

.plans-card-topline{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:var(--space-2);
  margin-bottom:var(--space-3)
}

.plans-card-layout{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:var(--space-5);
  align-items:start
}

.plans-card-copy,
.plans-card-details{
  min-width:0
}

.plans-card-copy h3{
  font-size:var(--text-lg)
}

.plans-card-copy>p{
  margin-top:var(--space-2);
  color:#4F4E46
}

.plans-card-copy .c-price-card-price{
  margin-block:var(--space-3) var(--space-2)
}

.plans-card-copy .c-price-card-price small{
  margin-left:.35rem;
  color:#5D594E;
  font-family:var(--font-body);
  font-size:var(--text-sm);
  letter-spacing:0
}

.plans-price-caption{
  font-size:var(--text-sm)
}

.plans-card-details{
  display:flex;
  flex-direction:column
}

.plans-card-details .c-price-card-specs span{
  display:grid;
  gap:.25rem;
  min-width:0;
  padding:var(--space-2)
}

.plans-card-details .c-price-card-specs strong,
.plans-card-details .c-price-card-specs small{
  overflow-wrap:anywhere
}

.plans-included-list{
  display:grid;
  gap:var(--space-1);
  margin:0;
  padding:0;
  list-style:none
}

.plans-included-list li{
  position:relative;
  padding-left:1.4rem;
  color:#3F403A
}

.plans-included-list li::before{
  position:absolute;
  top:.7em;
  left:0;
  width:.45rem;
  height:.45rem;
  border-radius:50%;
  background:#873515;
  content:""
}

.plans-card-actions{
  justify-content:flex-start;
  margin-top:var(--space-3)
}

.plans-period-section{
  background:#DDE9F2;
  color:#1D2D38
}

.plans-period-section .c-section-head>p{
  color:#435661
}

.plans-period-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-3);
  align-items:stretch
}

.plans-period-card{
  display:flex;
  height:100%;
  min-width:0;
  flex-direction:column;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#202426
}

.plans-period-index{
  width:fit-content;
  margin-bottom:var(--space-2);
  color:#873515;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:700
}

.plans-period-card h3{
  font-size:var(--text-md)
}

.plans-period-price{
  margin-top:var(--space-2);
  color:#202426;
  font-family:var(--font-mono);
  font-size:clamp(1.65rem,4cqi,2.35rem);
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere
}

.plans-period-card p{
  margin-top:var(--space-2);
  color:#555B59;
  font-size:var(--text-sm)
}

.plans-period-foot{
  margin-top:var(--space-3);
  padding-top:var(--space-3);
  color:#6A706D;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  overflow-wrap:anywhere
}

.plans-table-wrap{
  margin-top:var(--space-4)
}

.plans-table-wrap caption{
  padding:var(--space-2);
  background:#FFFFFF;
  color:#202426;
  font-family:var(--font-heading);
  font-size:var(--text-sm);
  font-weight:700;
  text-align:left
}

.plans-table-note{
  margin-top:var(--space-2);
  color:#435661;
  font-size:var(--text-sm)
}

.plans-addon-notes{
  margin-top:var(--space-4)
}

.plans-addon-notes .c-card{
  min-width:0;
  padding:var(--space-3)
}

.plans-addon-notes .c-icon-well{
  margin-bottom:var(--space-2)
}

.plans-addon-notes h3{
  font-size:var(--text-md)
}

.plans-addon-notes p{
  margin-top:var(--space-2);
  color:inherit
}

.plans-note-foot{
  margin-top:var(--space-3);
  padding-top:var(--space-3);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:700
}

.plans-regions-section{
  background:#F1E2E5;
  color:#38242A
}

.plans-regions-section .c-section-head>p{
  color:#654B52
}

.plans-region-table .c-badge{
  background:#DDEBE8;
  color:#17312E
}

.plans-region-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
  gap:var(--space-3);
  align-items:stretch;
  margin-top:var(--space-4)
}

.plans-region-card{
  display:flex;
  height:100%;
  min-width:0;
  flex-direction:column;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#202426
}

.plans-region-code{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  margin-bottom:var(--space-2);
  padding:.4em .9em;
  border-radius:999px;
  background:#DDE9F2;
  color:#1D2D38;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:700;
  line-height:1
}

.plans-region-card h3{
  font-size:var(--text-md)
}

.plans-region-card p{
  margin-top:var(--space-2);
  margin-bottom:var(--space-3);
  color:#555B59;
  font-size:var(--text-sm)
}

.plans-region-card .c-btn{
  width:100%;
  margin-top:var(--space-3)
}

.plans-condition-grid .c-card{
  min-width:0;
  padding:var(--space-3)
}

.plans-condition-number{
  width:fit-content;
  margin-bottom:var(--space-2);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:700
}

.plans-condition-grid h3{
  font-size:var(--text-md)
}

.plans-condition-grid p{
  margin-top:var(--space-2);
  color:inherit
}

.plans-condition-foot{
  margin-top:var(--space-3);
  padding-top:var(--space-3);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:700
}

.plans-order-notice{
  display:grid;
  gap:var(--space-1);
  margin-top:var(--space-4);
  padding:var(--space-3)
}

.plans-order-notice p{
  color:#4F4E46
}

.plans-boundary-section{
  background:#F3EEDD;
  color:#25251F
}

.plans-boundary-section .c-section-head>p{
  color:#5D594E
}

.plans-boundary-list{
  display:grid;
  border-top:1px solid color-mix(in srgb,#25251F 13%,transparent)
}

.plans-boundary-row{
  display:grid;
  grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
  gap:var(--space-3);
  align-items:start;
  min-width:0;
  padding:var(--space-3);
  border-bottom:1px solid color-mix(in srgb,#25251F 13%,transparent)
}

.plans-boundary-row>*{
  min-width:0;
  overflow-wrap:anywhere
}

.plans-boundary-index{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#873515;
  color:#FFFFFF;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:700;
  line-height:1
}

.plans-boundary-row strong{
  padding-top:.35rem;
  font-family:var(--font-heading);
  font-size:var(--text-md)
}

.plans-boundary-row p{
  color:#555248
}

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

.plans-preflight>div{
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md)
}

.plans-preflight>div:first-child{
  background:#DDEBE8;
  color:#17312E
}

.plans-preflight>div:last-child{
  background:#E3E2F2;
  color:#29263B
}

.plans-preflight h3{
  font-size:var(--text-md)
}

.plans-preflight p{
  margin-top:var(--space-2);
  color:inherit
}

.plans-closing-section{
  padding-block:var(--section-pad) var(--space-5)
}

.plans-closing{
  min-width:0;
  padding-inline:clamp(2rem,5vw,4rem)
}

.plans-closing>div{
  min-width:0
}

.plans-closing-kicker{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  margin-bottom:var(--space-2);
  padding:.4em .9em;
  border-radius:999px;
  background:#F3EEDD;
  color:#25251F;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:700;
  line-height:1
}

.plans-closing-actions{
  display:flex;
  min-width:min(100%,13rem);
  flex-direction:column;
  align-items:center;
  gap:var(--space-2)
}

.plans-closing-actions .c-btn{
  width:100%
}

.plans-closing-actions .c-btn-ghost{
  color:#FFFFFF;
  border-color:rgba(255,255,255,.45)
}

@media (max-width:64rem){
  .plans-hero-grid{
    grid-template-columns:minmax(0,1fr)
  }

  .plans-review-desk{
    width:min(100%,42rem);
    height:auto;
    margin-inline:auto
  }

  .plans-card-layout{
    grid-template-columns:minmax(0,1fr)
  }

  .plans-period-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}

@media (max-width:42rem){
  .plans-hero-copy{
    padding-top:0
  }

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

  .plans-review-desk{
    width:min(calc(100% - var(--gutter)*2),100%);
    height:auto;
    margin-inline:auto
  }

  .plans-desk-head{
    align-items:flex-start;
    flex-direction:column
  }

  .plans-desk-art{
    width:min(calc(100% - var(--gutter)*2),100%);
    grid-template-columns:minmax(0,1fr);
    margin-inline:auto;
    height:auto;
    padding:var(--space-3) 0;
    overflow:visible;
    transform:none
  }

  .plans-desk-card,
  .plans-desk-card-main,
  .plans-desk-card-term,
  .plans-desk-card-route,
  .plans-delivery-strip{
    grid-column:1;
    width:auto
  }

  .plans-desk-specs{
    grid-template-columns:minmax(0,1fr)
  }

  .plans-delivery-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .plans-primary-card{
    padding:var(--space-3)
  }

  .plans-card-topline{
    align-items:flex-start;
    flex-direction:column
  }

  .plans-period-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .plans-boundary-row{
    grid-template-columns:2.25rem minmax(0,1fr);
    gap:var(--space-3)
  }

  .plans-boundary-row>:nth-child(3){
    grid-column:2
  }

  .plans-preflight{
    grid-template-columns:minmax(0,1fr)
  }

  .plans-closing{
    padding-inline:var(--space-3)
  }

  .plans-closing-actions{
    width:100%
  }
}

@media (max-width:24.375rem){
  .plans-period-grid{
    grid-template-columns:minmax(0,1fr)
  }

  .plans-desk-periods{
    grid-template-columns:minmax(0,1fr)
  }

  .plans-delivery-strip{
    grid-template-columns:minmax(0,1fr)
  }
}
