.ob-hero{
  padding-block:var(--rm-hero-pad);
  background:#f2e9f0;
  color:#41243a
}

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

.ob-hero-copy,
.ob-pair-stage{
  min-width:0;
  align-self:start
}

.ob-hero-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start
}

.ob-hero-copy h1{
  max-width:43rem;
  margin-inline:0;
  font-size:clamp(2.6rem,4.8vw,4rem);
  line-height:1.16
}

.ob-hero-lead{
  max-width:42rem;
  margin-top:var(--rm-space-3);
  color:#735f6c;
  font-size:var(--rm-text-lg)
}

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

.ob-hero-stats{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:0;
  padding-top:var(--rm-space-3);
  border-top:1px solid rgba(65,36,58,.17)
}

.ob-hero-stats>div{
  min-width:0;
  padding-inline:var(--rm-space-2)
}

.ob-hero-stats>div:first-child{
  padding-inline-start:0
}

.ob-hero-stats>div+div{
  border-left:1px solid rgba(65,36,58,.17)
}

.ob-hero-stats dt{
  color:#735f6c
}

.ob-hero-stats dd{
  margin-top:.35rem;
  color:#41243a;
  font-size:var(--rm-text-xl);
  font-weight:800;
  overflow-wrap:anywhere
}

.ob-pair-stage{
  height:auto;
  overflow:visible;
  background:transparent;
  color:#171426
}

.ob-pair-board{
  width:100%;
  height:auto;
  overflow:hidden;
  border-radius:var(--rm-radius-lg);
  background:#fff;
  color:#171426;
  box-shadow:var(--rm-shadow)
}

.ob-pair-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--rm-space-2);
  padding:var(--rm-space-3);
  background:#171426;
  color:#fff
}

.ob-pair-head div{
  min-width:0;
  display:grid;
  gap:.45rem
}

.ob-pair-head span{
  color:#c8c3cd;
  font-size:var(--rm-text-xs);
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase
}

.ob-pair-head strong{
  color:#fff;
  font-family:var(--rm-font-heading);
  font-size:var(--rm-text-xl)
}

.ob-live-mark{
  width:fit-content;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.45rem .7rem;
  border-radius:var(--rm-radius-pill);
  background:#fff1cf;
  color:#493512!important;
  font-size:var(--rm-text-xs);
  font-weight:800
}

.ob-live-mark::before{
  content:"";
  width:.45rem;
  height:.45rem;
  border-radius:50%;
  background:#981b38
}

.ob-pair-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--rm-space-2);
  padding:var(--rm-space-3);
  border-bottom:1px solid #e7e3df;
  background:#fff;
  color:#171426
}

.ob-pair-row-alt{
  background:#eaf5f1;
  color:#183b32
}

.ob-pair-index{
  width:2.5rem;
  height:2.5rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#981b38;
  color:#fff;
  font-size:var(--rm-text-sm);
  font-weight:800
}

.ob-pair-row>div{
  min-width:0;
  display:grid;
  gap:.4rem
}

.ob-pair-row small{
  color:#77717a;
  font-weight:750;
  letter-spacing:.06em;
  text-transform:uppercase
}

.ob-pair-row-alt small{
  color:#42665d
}

.ob-pair-row strong{
  color:inherit;
  font-family:var(--rm-font-heading);
  font-size:var(--rm-text-lg);
  overflow-wrap:anywhere
}

.ob-pair-row div>span{
  color:#696771;
  font-size:var(--rm-text-sm);
  overflow-wrap:anywhere
}

.ob-pair-row-alt div>span{
  color:#42665d
}

.ob-pair-result{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--rm-space-2);
  padding:var(--rm-space-3);
  background:#fff1cf;
  color:#493512
}

.ob-pair-result div{
  min-width:0;
  display:grid;
  gap:.4rem
}

.ob-pair-result small,
.ob-pair-result>span{
  color:#705c35
}

.ob-pair-result strong{
  color:#493512;
  font-size:var(--rm-text-xl);
  overflow-wrap:anywhere
}

.ob-pair-result>span{
  flex:0 1 auto;
  text-align:right;
  font-size:var(--rm-text-sm);
  font-weight:750
}

.ob-prep-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
  align-items:start;
  gap:var(--rm-space-3)
}

.ob-prep-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.5rem;
  padding:var(--rm-space-3);
  border-radius:var(--rm-radius-md);
  background:#fff;
  color:#171426
}

.ob-prep-card h3{
  color:#171426
}

.ob-prep-card p{
  color:#696771
}

.ob-prep-card ul{
  margin-top:var(--rm-space-2);
  color:#4f4b53
}

.ob-icon-chip{
  width:2.75rem;
  height:2.75rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:.25rem;
  border-radius:var(--rm-radius-sm);
  background:#f2e9f0;
  color:#981b38
}

.ob-icon-chip svg{
  width:1.35rem;
  height:1.35rem
}

.ob-prep-note{
  margin-top:var(--rm-space-3)
}

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

.ob-plan-card{
  display:flex;
  flex-direction:column;
  align-items:stretch
}

.ob-plan-badge{
  max-width:58%;
  background:#f2e9f0;
  color:#41243a
}

.ob-plan-copy{
  margin-top:var(--rm-space-3);
  color:#696771
}

.ob-plan-card .rm-price-card-foot{
  padding-top:var(--rm-space-2)
}

.ob-addon-head{
  max-width:46rem;
  margin-top:var(--rm-space-6)
}

.ob-addon-head h3{
  color:#171426;
  font-size:var(--rm-text-2xl)
}

.ob-addon-head p{
  margin-top:var(--rm-space-2);
  color:#696771
}

.ob-addon-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));
  align-items:start;
  gap:var(--rm-space-3);
  margin-top:var(--rm-space-3)
}

.ob-addon-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.5rem;
  padding:var(--rm-space-3);
  border-radius:var(--rm-radius-md)
}

.ob-addon-card .rm-badge{
  margin-bottom:.25rem;
  background:#fff;
  color:#171426
}

.ob-addon-card small{
  margin-top:var(--rm-space-2);
  color:inherit
}

.ob-addon-mint{
  background:#eaf5f1;
  color:#183b32
}

.ob-addon-blue{
  background:#e9eef9;
  color:#202d4d
}

.ob-addon-oat{
  background:#f5eee5;
  color:#413126
}

.ob-timeline{
  position:relative;
  display:grid;
  gap:var(--rm-space-3);
  list-style:none;
  margin:0;
  padding:0
}

.ob-timeline::before{
  content:"";
  position:absolute;
  top:2rem;
  bottom:2rem;
  left:7.45rem;
  width:1px;
  background:rgba(32,45,77,.18)
}

.ob-timeline-step{
  position:relative;
  min-width:0;
  display:grid;
  grid-template-columns:6.5rem minmax(0,1fr);
  align-items:start;
  gap:var(--rm-space-4)
}

.ob-time-node{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:.4rem;
  padding-top:var(--rm-space-3);
  color:#202d4d
}

.ob-time-node span{
  font-size:var(--rm-text-sm);
  font-weight:800
}

.ob-time-node small{
  color:#536078
}

.ob-time-node::after{
  content:"";
  position:absolute;
  top:2rem;
  right:-1.47rem;
  width:.8rem;
  height:.8rem;
  border:.2rem solid #e9eef9;
  border-radius:50%;
  background:#981b38
}

.ob-time-card{
  min-width:0;
  padding:var(--rm-space-3);
  border-radius:var(--rm-radius-md);
  background:#fff;
  color:#171426
}

.ob-time-card h3{
  color:#171426
}

.ob-time-card p{
  margin-top:var(--rm-space-2);
  color:#696771
}

.ob-time-card ul{
  margin-top:var(--rm-space-2);
  color:#4f4b53
}

.ob-time-total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--rm-space-3);
  margin-top:var(--rm-space-4);
  padding:var(--rm-space-3);
  border-radius:var(--rm-radius-md);
  background:#171426;
  color:#fff
}

.ob-time-total>div{
  min-width:0;
  display:grid;
  gap:.45rem
}

.ob-time-total small{
  color:#c8c3cd
}

.ob-time-total strong{
  color:#fff;
  font-size:var(--rm-text-lg);
  overflow-wrap:anywhere
}

.ob-payment-layout{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  align-items:stretch;
  gap:var(--rm-space-3)
}

.ob-payment-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:var(--rm-space-4);
  padding:var(--rm-space-4);
  border-radius:var(--rm-radius-lg);
  background:#fff;
  color:#171426
}

.ob-payment-main>div:first-child{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.5rem
}

.ob-payment-main .rm-badge{
  margin-bottom:.25rem;
  background:#fff1cf;
  color:#493512
}

.ob-payment-main p{
  color:#696771
}

.ob-billing-list{
  margin:0
}

.ob-billing-list>div{
  display:grid;
  grid-template-columns:minmax(7rem,.4fr) minmax(0,1fr);
  gap:var(--rm-space-2);
  padding-block:var(--rm-space-2);
  border-bottom:1px solid #e7e3df
}

.ob-billing-list>div:first-child{
  border-top:1px solid #e7e3df
}

.ob-billing-list dt{
  color:#696771
}

.ob-billing-list dd{
  min-width:0;
  color:#171426;
  overflow-wrap:anywhere
}

.ob-payment-side{
  min-width:0;
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:var(--rm-space-3)
}

.ob-payment-card{
  min-width:0;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:var(--rm-space-3);
  padding:var(--rm-space-3);
  border-radius:var(--rm-radius-md);
  background:#eaf5f1;
  color:#183b32
}

.ob-payment-card>div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.5rem
}

.ob-payment-card p{
  color:#42665d
}

.ob-payment-card>strong{
  color:#183b32
}

.ob-payment-card-dark{
  background:#171426;
  color:#fff
}

.ob-payment-card-dark h3,
.ob-payment-card-dark>strong{
  color:#fff
}

.ob-payment-card-dark p{
  color:#c8c3cd
}

.ob-icon-chip-dark{
  background:#fff1cf;
  color:#493512
}

.ob-check-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));
  align-items:start;
  gap:var(--rm-space-3)
}

.ob-check-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.5rem;
  padding:var(--rm-space-3);
  border-radius:var(--rm-radius-md);
  background:#fff;
  color:#171426
}

.ob-check-card>span{
  width:2.5rem;
  height:2.5rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:.25rem;
  border-radius:50%;
  background:#981b38;
  color:#fff;
  font-size:var(--rm-text-sm);
  font-weight:800
}

.ob-check-card h3{
  color:#171426
}

.ob-check-card p{
  color:#696771
}

.ob-check-actions{
  justify-content:flex-start;
  margin-top:var(--rm-space-4)
}

.ob-tool-wall{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));
  align-items:start;
  gap:var(--rm-space-3)
}

.ob-tool-card{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--rm-space-2);
  padding:var(--rm-space-3);
  border-radius:var(--rm-radius-md)
}

.ob-tool-card>div{
  min-width:0;
  display:grid;
  gap:.5rem
}

.ob-tool-mark{
  width:2.75rem;
  height:2.75rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--rm-radius-sm);
  background:#fff;
  color:#981b38;
  font-family:var(--rm-font-mono);
  font-weight:800
}

.ob-tool-mint{
  background:#eaf5f1;
  color:#183b32
}

.ob-tool-mint p{
  color:#42665d
}

.ob-tool-blue{
  background:#e9eef9;
  color:#202d4d
}

.ob-tool-blue p{
  color:#536078
}

.ob-tool-sand{
  background:#fff1cf;
  color:#493512
}

.ob-tool-sand p{
  color:#705c35
}

.ob-tool-mauve{
  background:#f2e9f0;
  color:#41243a
}

.ob-tool-mauve p{
  color:#735f6c
}

.ob-tool-oat{
  background:#fff;
  color:#171426
}

.ob-tool-oat p{
  color:#696771
}

.ob-tool-dark{
  background:#171426;
  color:#fff
}

.ob-tool-dark h3{
  color:#fff
}

.ob-tool-dark p{
  color:#c8c3cd
}

.ob-env-note{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--rm-space-2);
  margin-top:var(--rm-space-3);
  padding:var(--rm-space-3);
  border-radius:var(--rm-radius-md);
  background:#fff1cf;
  color:#493512
}

.ob-env-note svg{
  width:1.25rem;
  height:1.25rem;
  margin-top:.15rem
}

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

.ob-env-note p{
  color:#705c35
}

.ob-handoff-layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  align-items:stretch;
  gap:var(--rm-space-3)
}

.ob-handoff-main{
  min-width:0;
  padding:var(--rm-space-4);
  border-radius:var(--rm-radius-lg);
  background:#f2e9f0;
  color:#41243a
}

.ob-handoff-main h3{
  color:#41243a;
  font-size:var(--rm-text-2xl)
}

.ob-handoff-list{
  list-style:none;
  margin-top:var(--rm-space-3);
  padding:0
}

.ob-handoff-list li{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--rm-space-2);
  padding-block:var(--rm-space-2);
  border-bottom:1px solid rgba(65,36,58,.17)
}

.ob-handoff-list li:first-child{
  border-top:1px solid rgba(65,36,58,.17)
}

.ob-handoff-list svg{
  width:1.25rem;
  height:1.25rem;
  margin-top:.2rem;
  color:#981b38
}

.ob-handoff-list div{
  min-width:0;
  display:grid;
  gap:.4rem
}

.ob-handoff-list strong{
  color:#41243a
}

.ob-handoff-list span{
  color:#735f6c
}

.ob-handoff-side{
  min-width:0;
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:var(--rm-space-3)
}

.ob-handoff-card{
  min-width:0;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--rm-space-2);
  padding:var(--rm-space-3);
  border-radius:var(--rm-radius-md);
  background:#fff1cf;
  color:#493512
}

.ob-handoff-card .rm-badge{
  margin-bottom:.25rem;
  background:#fff;
  color:#171426
}

.ob-handoff-card h3{
  color:#493512
}

.ob-handoff-card p{
  color:#705c35
}

.ob-handoff-card .rm-btn{
  margin-top:var(--rm-space-2)
}

.ob-handoff-card-blue{
  background:#e9eef9;
  color:#202d4d
}

.ob-handoff-card-blue h3{
  color:#202d4d
}

.ob-handoff-card-blue p{
  color:#536078
}

.ob-final{
  padding-top:var(--rm-section-pad);
  padding-bottom:var(--rm-space-4);
  background:#fcfbf9;
  color:#171426
}

.ob-final-kicker{
  background:#fff1cf;
  color:#493512
}

.ob-final-kicker::before{
  background:#981b38
}

.ob-final-actions{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--rm-space-2)
}

.ob-final-actions .rm-btn{
  width:100%
}

.ob-final .rm-btn-ghost{
  border-color:rgba(255,255,255,.42);
  background:transparent;
  color:#fff
}

@media (max-width:64rem){
  .ob-hero-grid,
  .ob-payment-layout,
  .ob-handoff-layout{
    grid-template-columns:1fr
  }

  .ob-pair-stage{
    height:auto;
    overflow:visible
  }

  .ob-plan-grid{
    grid-template-columns:1fr
  }

  .ob-payment-side,
  .ob-handoff-side{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto;
    align-items:start
  }

  .ob-payment-card,
  .ob-handoff-card{
    height:auto
  }
}

@media (max-width:48rem){
  .ob-hero h1{
    font-size:clamp(2.35rem,10vw,3.25rem)
  }

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

  .ob-hero-stats>div{
    padding:var(--rm-space-2) 0
  }

  .ob-hero-stats>div:first-child{
    padding-top:0
  }

  .ob-hero-stats>div+div{
    border-left:0;
    border-top:1px solid rgba(65,36,58,.17)
  }

  .ob-pair-result,
  .ob-time-total{
    align-items:flex-start;
    flex-direction:column
  }

  .ob-pair-result>span{
    text-align:left
  }

  .ob-timeline::before{
    left:.4rem
  }

  .ob-timeline-step{
    grid-template-columns:1fr;
    gap:var(--rm-space-2);
    padding-left:var(--rm-space-3)
  }

  .ob-time-node{
    align-items:flex-start;
    padding-top:0
  }

  .ob-time-node::after{
    top:.35rem;
    right:auto;
    left:-1.47rem
  }

  .ob-payment-side,
  .ob-handoff-side{
    grid-template-columns:1fr
  }

  .ob-billing-list>div{
    grid-template-columns:1fr;
    gap:.4rem
  }

  .ob-final-actions{
    width:100%
  }
}

@media (max-width:24.375rem){
  .ob-pair-head,
  .ob-pair-result,
  .ob-price-card-head{
    flex-direction:column
  }

  .ob-pair-row{
    grid-template-columns:1fr
  }

  .ob-pair-index{
    width:2.25rem;
    height:2.25rem
  }

  .ob-tool-card{
    grid-template-columns:1fr
  }

  .ob-time-card,
  .ob-payment-main,
  .ob-handoff-main{
    padding:var(--rm-space-3)
  }
}