.plans-hero{
  background:#fcf9f5;
  color:#18131d
}

.plans-hero__lead{
  max-width:42rem;
  color:#706874
}

.plans-hero__facts{
  display:grid;
  width:100%;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));
  gap:var(--oak-space-2);
  margin:var(--oak-space-3) 0 0;
  padding:var(--oak-space-3) 0 0;
  border-top:1px solid #e8e2e9
}

.plans-hero__facts div{
  min-width:0
}

.plans-hero__facts dt{
  min-width:0;
  color:#706874;
  font-weight:650;
  overflow-wrap:anywhere
}

.plans-hero__facts dd{
  margin-top:var(--oak-space-1);
  color:#6e3ca2;
  font-size:var(--oak-fs-4);
  font-weight:700;
  overflow-wrap:anywhere
}

.plans-dossier{
  display:flex;
  min-width:0;
  height:100%;
  flex-direction:column;
  gap:var(--oak-space-2);
  padding:var(--oak-space-2);
  overflow:hidden;
  border-radius:var(--oak-radius-panel);
  background:#18131d;
  color:#fcf9f5;
  box-shadow:var(--oak-shadow-float);
  text-align:left
}

.plans-dossier__head{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--oak-space-2)
}

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

.plans-dossier__head h2{
  margin-top:var(--oak-space-1);
  color:#fcf9f5;
  font-size:var(--oak-fs-4);
  line-height:1.25
}

.plans-dossier__overline{
  color:#c78ae5;
  font-size:var(--oak-fs-0);
  letter-spacing:.08em
}

.plans-dossier__head .c-badge{
  flex:0 1 auto;
  color:#18131d;
  background:#f1ebf6;
  border-color:#f1ebf6
}

.plans-dossier__route{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:var(--oak-space-1);
  padding:.7rem var(--oak-space-2);
  border-radius:var(--oak-radius-card);
  background:#302735;
  color:#fcf9f5
}

.plans-dossier__route span{
  min-width:0;
  color:#fcf9f5;
  font-size:var(--oak-fs-0);
  text-align:center;
  overflow-wrap:anywhere
}

.plans-dossier__route svg{
  width:14px;
  color:#c78ae5
}

.plans-dossier__models{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--oak-space-2)
}

.plans-dossier__models article{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:.35rem;
  padding:.7rem var(--oak-space-2);
  border-radius:var(--oak-radius-card);
  background:#fff;
  color:#18131d
}

.plans-dossier__models article>span{
  color:#6e3ca2;
  font-size:var(--oak-fs-0);
  overflow-wrap:anywhere
}

.plans-dossier__models strong{
  color:#18131d;
  font-family:var(--oak-font-heading);
  font-size:var(--oak-fs-3)
}

.plans-dossier__models p{
  color:#706874;
  font-size:var(--oak-fs-1)
}

.plans-dossier__models article>div{
  display:flex;
  min-width:0;
  align-items:flex-end;
  justify-content:space-between;
  gap:var(--oak-space-1);
  margin-top:auto;
  padding-top:var(--oak-space-2);
  border-top:1px solid #e8e2e9
}

.plans-dossier__models article>div span{
  min-width:0;
  color:#706874;
  font-size:var(--oak-fs-0)
}

.plans-dossier__models b{
  min-width:0;
  color:#18131d;
  font-size:var(--oak-fs-2);
  text-align:right;
  overflow-wrap:anywhere
}

.plans-dossier__foot{
  color:#c1b7c5;
  font-size:var(--oak-fs-1);
  margin-top:auto
}

.plans-price-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--oak-space-3);
  align-items:start
}

.plans-price-card{
  container-type:inline-size;
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-3);
  color:#18131d
}

.plans-price-card__head{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-1)
}

.plans-price-card__head .c-badge{
  width:fit-content;
  align-self:flex-start
}

.plans-price-card__head h3{
  color:#18131d
}

.plans-price-card__head p{
  color:#706874
}

.plans-price-card__primary{
  display:flex;
  min-width:0;
  align-items:baseline;
  flex-wrap:wrap;
  gap:var(--oak-space-1);
  color:#18131d
}

.plans-price-card__primary>span:last-child{
  color:#706874;
  font-size:var(--oak-fs-2)
}

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

.plans-periods div{
  min-width:0;
  padding:var(--oak-space-2);
  border-radius:var(--oak-radius-control);
  background:#fff;
  color:#18131d
}

.plans-periods dt{
  color:#706874;
  font-size:var(--oak-fs-1)
}

.plans-periods dd{
  margin-top:var(--oak-space-1);
  color:#18131d;
  font-weight:700;
  overflow-wrap:anywhere
}

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

.plans-price-note,
.plans-region-note{
  margin-top:var(--oak-space-3)
}

.plans-table{
  min-width:720px
}

.plans-table caption{
  padding:0 0 var(--oak-space-2);
  color:#706874;
  font-size:var(--oak-fs-1);
  text-align:left
}

.plans-table th,
.plans-table td{
  min-width:0;
  overflow-wrap:anywhere
}

.plans-table tbody th{
  color:#18131d;
  background:#fcf9f5
}

.plans-addons{
  background:#f1ebf6;
  color:#18131d
}

.plans-addons .c-section__label,
.plans-addons .c-section__copy{
  color:#706874
}

.plans-addon-table{
  min-width:760px
}

.plans-addon-guidance{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--oak-space-2);
  margin-top:var(--oak-space-3);
  align-items:start
}

.plans-addon-guidance article{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-1);
  background:#fff;
  color:#18131d
}

.plans-addon-guidance h3{
  color:#18131d
}

.plans-addon-guidance p{
  color:#706874
}

.plans-region-table{
  min-width:800px
}

.plans-availability{
  display:inline-flex;
  align-items:center;
  gap:var(--oak-space-1);
  color:#347a4c;
  font-weight:700
}

.plans-availability>span{
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:50%;
  background:#347a4c
}

.plans-delivery{
  background:#18131d;
  color:#fcf9f5
}

.plans-delivery__layout{
  color:#fcf9f5
}

.plans-delivery__copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-1);
  color:#fcf9f5
}

.plans-delivery__copy .c-kicker{
  color:#18131d;
  background:#c78ae5;
  border-color:#c78ae5
}

.plans-delivery__copy h2{
  max-width:42rem;
  color:#fcf9f5
}

.plans-delivery__copy>p{
  max-width:42rem;
  color:#c1b7c5
}

.plans-delivery__total{
  display:flex;
  width:100%;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-1);
  margin-top:auto;
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:#302735;
  color:#fcf9f5
}

.plans-delivery__total span{
  color:#c78ae5;
  font-size:var(--oak-fs-5);
  font-weight:700;
  overflow-wrap:anywhere
}

.plans-delivery__total small{
  color:#c1b7c5
}

.plans-timeline{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-2);
  margin:0;
  padding:0;
  list-style:none
}

.plans-timeline li{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--oak-space-2);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:#fff;
  color:#18131d
}

.plans-timeline__index{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#f1ebf6;
  color:#6e3ca2;
  font-size:var(--oak-fs-1);
  font-weight:700
}

.plans-timeline li>div{
  min-width:0
}

.plans-timeline__title{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--oak-space-2)
}

.plans-timeline__title h3{
  color:#18131d;
  font-size:var(--oak-fs-4)
}

.plans-timeline__title span{
  flex:0 1 auto;
  color:#6e3ca2;
  font-size:var(--oak-fs-1);
  font-weight:700;
  text-align:right;
  overflow-wrap:anywhere
}

.plans-timeline p{
  margin-top:var(--oak-space-1);
  color:#706874;
  font-size:var(--oak-fs-2)
}

.plans-payment-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--oak-space-2);
  align-items:start
}

.plans-payment-card{
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--oak-space-2);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:#fcf9f5;
  color:#18131d
}

.plans-payment-card svg{
  width:28px;
  color:#6e3ca2
}

.plans-payment-card>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oak-space-1)
}

.plans-payment-card span{
  color:#6e3ca2;
  font-size:var(--oak-fs-0);
  letter-spacing:.08em
}

.plans-payment-card h3{
  color:#18131d;
  font-size:var(--oak-fs-4)
}

.plans-payment-card p{
  color:#706874;
  font-size:var(--oak-fs-2)
}

.plans-checklist{
  display:grid;
  grid-template-columns:minmax(0,.45fr) minmax(0,1fr);
  gap:var(--oak-space-3);
  margin-top:var(--oak-space-4);
  padding:var(--oak-space-3);
  border-radius:var(--oak-radius-card);
  background:#f1ebf6;
  color:#18131d
}

.plans-checklist h3{
  color:#18131d
}

.plans-checklist ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--oak-space-2);
  margin:0;
  padding:0;
  list-style:none
}

.plans-checklist li{
  min-width:0;
  color:#706874;
  font-size:var(--oak-fs-2)
}

.plans-checklist strong{
  color:#18131d
}

.plans-cta__copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--oak-space-1)
}

.plans-cta__copy .c-kicker{
  color:#18131d;
  background:#c78ae5;
  border-color:#c78ae5
}

.plans-cta__copy h2{
  color:#fff
}

.plans-cta__copy p{
  color:#c6bbc9
}

.c-cta .c-btn--ghost{
  color:#fff;
  border-color:rgba(255,255,255,.45)
}

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

  .plans-checklist{
    grid-template-columns:1fr
  }
}

@media(max-width:44rem){
  .plans-price-grid,
  .plans-addon-guidance,
  .plans-payment-grid{
    grid-template-columns:1fr
  }

  .plans-dossier__head{
    flex-direction:column
  }

  .plans-dossier__route{
    grid-template-columns:1fr
  }

  .plans-dossier__route svg{
    margin-inline:auto;
    transform:rotate(90deg)
  }

  .plans-periods{
    grid-template-columns:1fr
  }

  .plans-timeline__title{
    flex-direction:column;
    gap:var(--oak-space-1)
  }

  .plans-timeline__title span{
    text-align:left
  }

  .plans-checklist ul{
    grid-template-columns:1fr
  }

  .plans-payment-card{
    grid-template-columns:1fr
  }

  .plans-price-card .c-btn,
  .c-cta__actions,
  .c-cta__actions .c-btn{
    width:100%
  }
}

@media(max-width:390px){
  .plans-timeline li{
    grid-template-columns:1fr
  }

  .plans-dossier,
  .plans-payment-card,
  .plans-timeline li,
  .plans-checklist{
    padding:var(--oak-space-2)
  }
}

@media(max-width:64rem){
.plans-dossier{height:auto;max-height:none;overflow:visible}
}