.offer-page{
  background:var(--ops-paper);
  color:var(--ops-ink)
}

.offer-intro{
  padding-block:var(--ops-space-5)
}

.offer-intro__layout{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:start;
  gap:var(--ops-space-5)
}

.offer-intro__layout>*,
.offer-section-head>*,
.offer-price-grid>*,
.advisor-row>*,
.offer-settlement__layout>*{
  min-width:0
}

.offer-intro__copy{
  display:grid;
  gap:var(--ops-space-3)
}

.offer-heading-group{
  display:grid;
  gap:.5rem
}

.offer-heading-group>*{
  margin:0
}

.offer-heading-group .ops-kicker,
.offer-heading-group .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start
}

.offer-intro__copy h1{
  max-width:44rem;
  margin-inline:0
}

.offer-intro__lead{
  max-width:42rem;
  margin:0;
  color:var(--ops-muted)
}

.offer-intro__actions{
  justify-content:flex-start
}

.offer-intro__stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  padding-top:var(--ops-space-2);
  border-top:1px solid var(--ops-line)
}

.offer-intro__stats div{
  min-width:0;
  display:grid;
  gap:.5rem;
  padding-inline:var(--ops-space-2)
}

.offer-intro__stats div:first-child{
  padding-left:0
}

.offer-intro__stats div+div{
  border-left:1px solid var(--ops-line)
}

.offer-intro__stats strong{
  font-size:var(--ops-fs-4);
  line-height:1.2
}

.offer-intro__stats span{
  color:var(--ops-muted);
  font-size:var(--ops-fs-1)
}

.offer-plate{
  overflow:hidden;
  border-radius:var(--ops-radius-lg);
  background:var(--ops-ink);
  color:var(--ops-surface);
  box-shadow:var(--ops-shadow)
}

.offer-plate__head{
  padding:var(--ops-space-2) var(--ops-space-3);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--ops-space-2);
  background:var(--ops-yellow);
  color:var(--ops-ink);
  font-family:var(--ops-mono);
  font-size:var(--ops-fs-1);
  font-weight:700;
  letter-spacing:.04em
}

.offer-plate__body{
  padding:var(--ops-space-3);
  display:grid;
  gap:var(--ops-space-3);
  background:var(--ops-ink);
  color:var(--ops-surface)
}

.offer-plate__route{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:center;
  gap:.5rem
}

.offer-plate__route span{
  height:.5rem;
  border-radius:var(--ops-radius-sm);
  background:var(--ops-yellow);
  color:var(--ops-ink)
}

.offer-plate__route span:nth-child(even){
  background:var(--ops-line-dark);
  color:var(--ops-surface)
}

.offer-plate__unit{
  padding:var(--ops-space-3);
  display:flex;
  align-items:center;
  gap:var(--ops-space-2);
  border-radius:var(--ops-radius-md);
  background:var(--ops-ink-2);
  color:var(--ops-surface)
}

.offer-plate__unit svg{
  width:2.5rem;
  height:2.5rem;
  flex:0 0 auto;
  color:var(--ops-yellow)
}

.offer-plate__unit div{
  min-width:0;
  display:grid;
  gap:.5rem
}

.offer-plate__unit span{
  color:var(--ops-muted-2);
  font-size:var(--ops-fs-1)
}

.offer-plate__unit strong{
  overflow-wrap:anywhere
}

.offer-plate__data{
  margin:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.5rem
}

.offer-plate__data div{
  min-width:0;
  padding:var(--ops-space-2);
  display:grid;
  gap:.5rem;
  border-radius:var(--ops-radius-sm);
  background:var(--ops-ink-3);
  color:var(--ops-surface)
}

.offer-plate__data dt{
  color:var(--ops-muted-2);
  font-size:var(--ops-fs-1)
}

.offer-plate__data dd{
  margin:0;
  overflow-wrap:anywhere;
  color:var(--ops-surface);
  font-size:var(--ops-fs-2);
  font-weight:700
}

.offer-section-head{
  margin-bottom:var(--ops-space-4);
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1fr);
  align-items:end;
  gap:var(--ops-space-4)
}

.offer-section-head p{
  max-width:42rem;
  margin:0;
  color:var(--ops-muted)
}

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

.offer-price-card{
  min-width:0;
  padding:var(--ops-space-3);
  display:grid;
  gap:var(--ops-space-3);
  border-radius:var(--ops-radius-md);
  background:var(--ops-paper);
  color:var(--ops-ink)
}

.offer-price-card--featured{
  background:var(--ops-yellow-pale);
  color:var(--ops-ink);
  box-shadow:var(--ops-shadow)
}

.offer-price-card__top{
  display:grid;
  gap:.5rem
}

.offer-price-card__top>*{
  margin:0
}

.offer-price-card__top .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start
}

.offer-price-card__top p{
  color:var(--ops-muted)
}

.offer-price-card__specs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.5rem
}

.offer-price-card__specs span{
  min-width:0;
  padding:.75rem;
  display:grid;
  gap:.5rem;
  border-radius:var(--ops-radius-sm);
  background:var(--ops-surface);
  color:var(--ops-ink)
}

.offer-price-card__specs small{
  color:var(--ops-muted);
  font-size:var(--ops-fs-0)
}

.offer-price-card__specs strong{
  overflow-wrap:anywhere;
  font-size:var(--ops-fs-2)
}

.offer-price-card__cycles{
  margin:0;
  display:grid;
  gap:.5rem
}

.offer-price-card__cycles div{
  min-width:0;
  padding:.75rem 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--ops-space-2);
  border-bottom:1px solid var(--ops-line)
}

.offer-price-card__cycles dt{
  color:var(--ops-muted);
  font-size:var(--ops-fs-2)
}

.offer-price-card__cycles dd{
  margin:0;
  color:var(--ops-ink);
  font-weight:700;
  white-space:nowrap
}

.offer-price-card>.c-btn{
  width:100%
}

.offer-price-note{
  margin-top:var(--ops-space-3)
}

.offer-price-note svg{
  width:1.15rem;
  height:1.15rem
}

.offer-price-note h3,
.offer-price-note p{
  margin:0
}

.offer-price-note div{
  min-width:0;
  display:grid;
  gap:.5rem
}

.advisor-board{
  display:grid;
  gap:var(--ops-space-2)
}

.advisor-row{
  min-width:0;
  padding:var(--ops-space-3);
  display:grid;
  grid-template-columns:auto minmax(0,1fr) minmax(14rem,.45fr);
  align-items:center;
  gap:var(--ops-space-3);
  border-radius:var(--ops-radius-md);
  background:var(--ops-surface);
  color:var(--ops-ink)
}

.advisor-row__index{
  width:2.5rem;
  height:2.5rem;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--ops-ink);
  color:var(--ops-surface);
  font-weight:700
}

.advisor-row__task{
  display:grid;
  gap:.5rem
}

.advisor-row__task>*{
  margin:0
}

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

.advisor-row__task p{
  color:var(--ops-muted)
}

.advisor-row__match{
  min-width:0;
  padding:var(--ops-space-2);
  display:grid;
  gap:.5rem;
  border-radius:var(--ops-radius-sm);
  background:var(--ops-yellow-pale);
  color:var(--ops-ink)
}

.advisor-row__match small{
  color:var(--ops-muted);
  font-size:var(--ops-fs-0)
}

.advisor-row__match strong,
.advisor-row__match span{
  overflow-wrap:anywhere
}

.offer-comparison{
  background:var(--ops-ink);
  color:var(--ops-surface)
}

.offer-section-head--dark h2{
  color:var(--ops-surface)
}

.offer-section-head--dark p{
  color:var(--ops-muted-2)
}

.offer-table-wrap{
  background:var(--ops-surface);
  color:var(--ops-ink)
}

.offer-table{
  min-width:66rem;
  background:var(--ops-surface);
  color:var(--ops-ink)
}

.offer-table caption{
  padding:var(--ops-space-2);
  text-align:left;
  background:var(--ops-surface);
  color:var(--ops-muted);
  font-size:var(--ops-fs-1)
}

.offer-table th,
.offer-table td{
  vertical-align:top
}

.offer-table tbody th{
  background:var(--ops-surface);
  color:var(--ops-ink)
}

.offer-table tbody tr.is-highlight th,
.offer-table tbody tr.is-highlight td{
  background:var(--ops-yellow-pale);
  color:var(--ops-ink)
}

.offer-matrix-heading{
  margin-block:var(--ops-space-4) var(--ops-space-2);
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1fr);
  align-items:end;
  gap:var(--ops-space-4)
}

.offer-matrix-heading h3,
.offer-matrix-heading p{
  margin:0
}

.offer-matrix-heading p{
  color:var(--ops-muted-2)
}

.offer-table--matrix{
  min-width:56rem
}

.offer-table--matrix td{
  color:var(--ops-ink);
  font-weight:700
}

.offer-table--addons{
  min-width:58rem
}

.offer-addon-guidance{
  margin-top:var(--ops-space-3);
  align-items:start
}

.offer-addon-guidance article{
  min-width:0;
  padding:var(--ops-space-3);
  display:grid;
  gap:.5rem;
  border-radius:var(--ops-radius-md);
  background:var(--ops-paper);
  color:var(--ops-ink)
}

.offer-addon-guidance article>*{
  margin:0
}

.offer-addon-guidance article>span{
  color:var(--ops-muted);
  font-size:var(--ops-fs-1)
}

.offer-addon-guidance article p{
  color:var(--ops-muted)
}

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

.offer-check-item{
  min-width:0;
  padding:var(--ops-space-3);
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.5rem var(--ops-space-2);
  border-radius:var(--ops-radius-md);
  background:var(--ops-surface);
  color:var(--ops-ink)
}

.offer-check-item>*{
  margin:0
}

.offer-check-item__number{
  grid-row:1/3;
  width:2.5rem;
  height:2.5rem;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--ops-yellow);
  color:var(--ops-ink);
  font-size:var(--ops-fs-1);
  font-weight:700
}

.offer-check-item p{
  color:var(--ops-muted)
}

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

.offer-region-card{
  min-width:0;
  padding:var(--ops-space-3);
  display:grid;
  gap:.5rem;
  border-radius:var(--ops-radius-md);
  background:var(--ops-paper);
  color:var(--ops-ink)
}

.offer-region-card>*{
  margin:0
}

.offer-region-card__code{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  padding:.3rem .5rem;
  border-radius:var(--ops-radius-sm);
  background:var(--ops-yellow);
  color:var(--ops-ink);
  font-size:var(--ops-fs-1);
  font-weight:700
}

.offer-region-card p{
  color:var(--ops-muted)
}

.offer-region-method{
  margin-top:var(--ops-space-3);
  padding:var(--ops-space-3);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--ops-space-3);
  border-radius:var(--ops-radius-md);
  background:var(--ops-yellow-pale);
  color:var(--ops-ink)
}

.offer-region-method__copy{
  display:grid;
  gap:.5rem
}

.offer-region-method__copy>*{
  margin:0
}

.offer-region-method__copy p{
  color:var(--ops-muted)
}

.offer-region-method__actions{
  justify-content:flex-start
}

.offer-settlement{
  background:var(--ops-yellow);
  color:var(--ops-ink)
}

.offer-settlement__layout{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  align-items:center;
  gap:var(--ops-space-5)
}

.offer-settlement__copy{
  display:grid;
  gap:var(--ops-space-2)
}

.offer-settlement__copy>p{
  margin:0;
  color:var(--ops-ink)
}

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

.offer-payment-grid article{
  min-width:0;
  padding:var(--ops-space-3);
  display:grid;
  gap:.5rem;
  border-radius:var(--ops-radius-md);
  background:var(--ops-surface);
  color:var(--ops-ink)
}

.offer-payment-grid article>*{
  margin:0
}

.offer-payment-grid svg{
  width:1.75rem;
  height:1.75rem
}

.offer-payment-grid p{
  color:var(--ops-muted)
}

.offer-cta__copy{
  min-width:0;
  display:grid;
  gap:.5rem
}

.offer-cta__copy>*{
  margin:0
}

.offer-cta__actions{
  min-width:0;
  display:grid;
  gap:.5rem
}

.offer-cta__actions .c-btn{
  width:100%
}

@media(min-width:1440px){
  .offer-intro{
    padding-block:var(--ops-space-6)
  }
}

@media(max-width:900px){
  .offer-intro__layout,
  .offer-section-head,
  .offer-matrix-heading,
  .offer-settlement__layout{
    grid-template-columns:1fr
  }

  .offer-intro__layout{
    gap:var(--ops-space-4)
  }

  .offer-section-head,
  .offer-matrix-heading{
    align-items:start;
    gap:var(--ops-space-2)
  }

  .offer-price-grid{
    grid-template-columns:1fr
  }

  .advisor-row{
    grid-template-columns:auto minmax(0,1fr)
  }

  .advisor-row__match{
    grid-column:2
  }

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

  .offer-region-method{
    grid-template-columns:1fr
  }
}

@media(max-width:768px){
  .offer-intro__stats{
    grid-template-columns:1fr;
    gap:.5rem
  }

  .offer-intro__stats div{
    padding:var(--ops-space-1) 0
  }

  .offer-intro__stats div+div{
    border-top:1px solid var(--ops-line);
    border-left:0
  }

  .offer-plate__data,
  .offer-check-grid,
  .offer-payment-grid{
    grid-template-columns:1fr
  }

  .advisor-row{
    grid-template-columns:1fr
  }

  .advisor-row__index{
    grid-row:auto
  }

  .advisor-row__match{
    grid-column:auto
  }

  .offer-region-grid{
    grid-template-columns:1fr
  }
}

@media(max-width:390px){
  .offer-intro{
    padding-block:var(--ops-space-4)
  }

  .offer-intro__copy,
  .offer-plate__body,
  .offer-price-card,
  .advisor-row,
  .offer-check-item,
  .offer-region-card,
  .offer-payment-grid article{
    padding-inline:var(--ops-space-2)
  }

  .offer-price-card__specs{
    grid-template-columns:1fr
  }

  .offer-price-card__cycles div{
    align-items:flex-start;
    flex-direction:column;
    gap:.5rem
  }

  .offer-check-item{
    grid-template-columns:1fr
  }

  .offer-check-item__number{
    grid-row:auto
  }

  .offer-region-method__actions .c-btn{
    width:100%
  }
}
