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

.onboarding-hero__copy .c-breadcrumb{
  align-self:stretch
}

.onboarding-hero__lead{
  max-width:42rem;
  color:var(--color-muted)
}

.onboarding-hero__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  margin-block:var(--space-2);
  border-block:1px solid var(--color-line)
}

.onboarding-hero__facts div{
  min-width:0;
  padding:var(--space-2)
}

.onboarding-hero__facts div+div{
  border-left:1px solid var(--color-line)
}

.onboarding-hero__facts strong,
.onboarding-hero__facts span{
  display:block;
  overflow-wrap:anywhere
}

.onboarding-hero__facts strong{
  color:var(--color-primary-deep);
  font-size:var(--fs-4);
  font-variant-numeric:tabular-nums
}

.onboarding-hero__facts span{
  margin-top:var(--space-1);
  color:var(--color-muted);
  font-size:var(--fs-1);
  line-height:1.45
}

.onboarding-stage{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:0;
  overflow:hidden;
  border-radius:var(--radius-md);
  background:#071b19;
  color:#effff9;
  box-shadow:var(--shadow-soft)
}

.onboarding-stage__map{
  position:relative;
  flex:1 1 auto;
  height:clamp(18rem,34vw,26rem);
  min-height:18rem;
  overflow:hidden;
  background:#111514;
  color:#effff9
}

.onboarding-stage__map .page-hero__scene{
  width:100%;
  height:100%;
  object-fit:cover
}

.onboarding-node{
  position:absolute;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  max-width:min(42%,12rem);
  padding:.4rem .6rem;
  border-radius:var(--radius-pill);
  background:#ffffff;
  color:#071b19;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:800;
  line-height:1.25;
  box-shadow:var(--shadow-soft);
  overflow-wrap:anywhere
}

.onboarding-node i{
  width:.5rem;
  height:.5rem;
  flex:0 0 auto;
  border-radius:var(--radius-pill);
  background:#005c52
}

.onboarding-node--sg{
  left:11%;
  top:68%
}

.onboarding-node--jp{
  right:8%;
  top:23%
}

.onboarding-node--kr{
  right:15%;
  top:44%
}

.onboarding-node--hk{
  left:29%;
  top:49%
}

.onboarding-node--us{
  left:7%;
  top:18%
}

.onboarding-stage__ticket{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  flex:0 0 auto;
  gap:var(--space-3);
  width:100%;
  max-width:none;
  height:auto;
  min-height:0;
  padding:0;
  overflow:hidden;
  background:#0b221f;
  color:#effff9;
  border-top:1px solid color-mix(in srgb,#63e6be 28%,transparent)
}

.onboarding-stage__ticket>div,
.onboarding-stage__ticket dl{
  min-width:0
}

.onboarding-stage__ticket>div{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.45rem;
  padding:var(--space-3);
  background:#63e6be;
  color:#071b19
}

.onboarding-stage__ticket>div span{
  color:color-mix(in srgb,#071b19 72%,transparent);
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase
}

.onboarding-stage__ticket>div strong{
  font-family:var(--font-heading);
  font-size:clamp(1.15rem,2.2vw,1.45rem);
  line-height:1.2
}

.onboarding-stage__ticket dl{
  display:grid;
  align-content:center;
  gap:0;
  margin:0;
  padding:var(--space-2) var(--space-3)
}

.onboarding-stage__ticket dl div{
  display:grid;
  grid-template-columns:minmax(3.5rem,.42fr) minmax(0,1fr);
  align-items:center;
  gap:var(--space-2);
  min-height:2.4rem;
  padding-block:.55rem;
  border-bottom:1px solid color-mix(in srgb,#effff9 12%,transparent)
}

.onboarding-stage__ticket dl div:last-child{
  border-bottom:0
}

.onboarding-stage__ticket dt{
  color:#a7bcb6;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:700;
  letter-spacing:.04em
}

.onboarding-stage__ticket dd{
  margin:0;
  color:#effff9;
  font-size:var(--fs-2);
  font-weight:650;
  overflow-wrap:anywhere
}

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

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

.onboarding-check-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-1);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#071b19
}

.onboarding-check-card p,
.onboarding-check-card>span:last-child{
  color:#586461
}

.onboarding-check-card>strong{
  margin-top:var(--space-1);
  color:#00463f;
  font-family:var(--font-heading);
  font-size:var(--fs-2)
}

.onboarding-note{
  margin-top:var(--space-3)
}

.onboarding-order-board{
  overflow:hidden;
  border-radius:var(--radius-md);
  background:#f2faf7;
  color:#071b19
}

.onboarding-order-board__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-3);
  background:#63e6be;
  color:#071b19
}

.onboarding-order-board__head>div{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  min-width:0
}

.onboarding-order-board__head span:not(.c-badge){
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:800;
  letter-spacing:.08em
}

.onboarding-order-board__head strong{
  font-family:var(--font-heading);
  font-size:var(--fs-4);
  line-height:1.3
}

.onboarding-order-board__body{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:var(--space-3);
  padding:var(--space-3)
}

.onboarding-plan{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-2);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#071b19
}

.onboarding-plan--featured{
  background:#c9f8e9;
  color:#071b19
}

.onboarding-plan__title{
  display:flex;
  align-items:flex-start;
  gap:var(--space-2);
  min-width:0
}

.onboarding-plan__title>span{
  display:inline-flex;
  width:2rem;
  height:2rem;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-pill);
  background:#071b19;
  color:#ffffff;
  font-weight:800;
  line-height:1
}

.onboarding-plan__title>div{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  min-width:0
}

.onboarding-plan__title p{
  color:#586461
}

.onboarding-plan__specs{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-1)
}

.onboarding-plan__specs span{
  padding:.45rem .65rem;
  border-radius:var(--radius-sm);
  background:#f2faf7;
  color:#071b19;
  font-family:var(--font-mono);
  font-size:var(--fs-1);
  line-height:1.35
}

.onboarding-plan--featured .onboarding-plan__specs span{
  background:#ffffff;
  color:#071b19
}

.onboarding-price-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));
  width:100%;
  margin:0;
  background:#f6f8f7;
  color:#071b19
}

.onboarding-plan--featured .onboarding-price-grid{
  background:#ffffff;
  color:#071b19
}

.onboarding-price-grid div{
  min-width:0;
  padding:var(--space-2)
}

.onboarding-price-grid dt{
  color:#586461
}

.onboarding-price-grid dd{
  margin-top:var(--space-1);
  color:#071b19;
  font-family:var(--font-mono);
  font-size:var(--fs-4);
  font-weight:800;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere
}

.onboarding-order-board__route{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));
  gap:var(--space-2);
  padding:0 var(--space-3) var(--space-3)
}

.onboarding-order-board__route div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-1);
  min-width:0;
  padding:var(--space-2);
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#071b19
}

.onboarding-order-board__route span{
  color:#00463f;
  font-size:var(--fs-1);
  font-weight:800
}

.onboarding-order-board__route strong{
  font-family:var(--font-heading)
}

.onboarding-order-board__route p{
  color:#586461;
  font-size:var(--fs-2)
}

.onboarding-payment{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-3);
  margin-top:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#f2faf7;
  color:#071b19
}

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

.onboarding-payment p{
  color:#586461
}

.onboarding-dark-head{
  color:#effff9
}

.onboarding-dark-head p{
  color:#a7bcb6
}

.page-section--dark .page-kicker.onboarding-kicker--dark,
.onboarding-kicker--dark{
  padding:.45em .8em;
  border-radius:var(--radius-pill);
  background:#63e6be;
  color:#071b19
}
.page-kicker.onboarding-kicker--dark::before{
  background:var(--color-ink)
}

.onboarding-connect{
  color:#effff9
}

.onboarding-connection-sheet{
  overflow:hidden;
  min-width:0;
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#071b19
}

.onboarding-connection-sheet__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-3);
  background:#63e6be;
  color:#071b19
}

.onboarding-connection-sheet__head span{
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:800;
  letter-spacing:.08em
}

.onboarding-connection-sheet__head strong{
  font-family:var(--font-heading);
  font-size:var(--fs-4)
}

.onboarding-connection-steps{
  display:grid;
  gap:var(--space-3);
  list-style:none;
  margin:0;
  padding:var(--space-3)
}

.onboarding-connection-steps li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--space-2);
  min-width:0
}

.onboarding-connection-steps li>span,
.onboarding-init-list li>span{
  display:inline-flex;
  width:2rem;
  height:2rem;
  align-items:center;
  justify-content:center;
  border-radius:var(--radius-pill);
  background:#071b19;
  color:#ffffff;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:800;
  line-height:1
}

.onboarding-connection-steps li>div,
.onboarding-init-list li>div{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  min-width:0
}

.onboarding-connection-steps h3,
.onboarding-init-list h3{
  font-size:var(--fs-4)
}

.onboarding-connection-steps p,
.onboarding-init-list p{
  color:#586461
}

.onboarding-connection-sheet .c-code{
  margin:0;
  border-radius:0;
  background:#111514;
  color:#dcece7
}

.onboarding-connect__side{
  min-width:0
}

.onboarding-side-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-1);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#071b19
}

.onboarding-side-card--accent{
  background:#63e6be;
  color:#071b19
}

.onboarding-side-card>svg{
  width:1.5rem;
  height:1.5rem
}

.onboarding-side-card ul{
  color:#586461
}

.onboarding-side-card--accent p{
  color:#193d37
}

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

.migration-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-1);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#071b19;
  box-shadow:var(--shadow-soft)
}

.migration-card--soft{
  background:#c9f8e9;
  color:#071b19
}

.migration-card--dark{
  background:#071b19;
  color:#effff9
}

.migration-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  width:100%
}

.migration-card__head span{
  color:#00463f;
  font-size:var(--fs-0);
  font-weight:800
}

.migration-card--dark .migration-card__head span{
  color:#63e6be
}

.migration-card__head svg{
  width:1.25rem;
  height:1.25rem;
  flex:0 0 auto
}

.migration-card>p{
  color:#586461
}

.migration-card--dark>p{
  color:#a7bcb6
}

.migration-card dl{
  display:grid;
  gap:var(--space-2);
  width:100%;
  margin:var(--space-1) 0 0
}

.migration-card dl div{
  min-width:0;
  padding-top:var(--space-2);
  border-top:1px solid var(--color-line)
}

.migration-card--dark dl div{
  border-color:#29423d
}

.migration-card dt{
  color:#00463f;
  font-family:var(--font-mono);
  font-weight:800;
  letter-spacing:.05em
}

.migration-card--dark dt{
  color:#63e6be
}

.migration-card dd{
  margin-top:var(--space-1);
  color:#586461
}

.migration-card--dark dd{
  color:#d7e8e3
}

.migration-gate{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--space-2);
  margin-top:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#63e6be;
  color:#071b19
}

.migration-gate>div{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  min-width:0
}

.migration-gate p{
  color:#193d37
}

.onboarding-init-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);
  align-items:stretch;
  gap:var(--space-3)
}

.onboarding-init-main{
  overflow:hidden;
  min-width:0;
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#071b19
}

.onboarding-init-main__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-3);
  background:#63e6be;
  color:#071b19
}

.onboarding-init-main__head>div{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  min-width:0
}

.onboarding-init-main__head span:not(.c-badge){
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  font-weight:800;
  letter-spacing:.08em
}

.onboarding-init-main__head strong{
  font-family:var(--font-heading);
  font-size:var(--fs-4)
}

.onboarding-init-list{
  display:grid;
  gap:var(--space-3);
  list-style:none;
  margin:0;
  padding:var(--space-3)
}

.onboarding-init-list li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--space-2);
  min-width:0
}

.onboarding-command-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border-radius:var(--radius-md);
  background:#071b19;
  color:#effff9
}

.onboarding-command-card>div:first-child{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-1);
  padding:var(--space-3)
}

.onboarding-command-card>div:first-child p{
  color:#a7bcb6
}

.onboarding-command-card .c-code{
  flex:1;
  margin:0;
  border-radius:0;
  background:#111514;
  color:#dcece7
}

.onboarding-command-card__footer{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  padding:var(--space-3);
  background:#102d28;
  color:#effff9
}

.onboarding-command-card__footer p{
  color:#bcd1cb
}

.onboarding-acceptance-table table{
  min-width:62rem
}

.onboarding-acceptance-table caption{
  padding:var(--space-2);
  background:#f2faf7;
  color:#071b19;
  font-family:var(--font-heading);
  font-weight:800;
  text-align:left
}

.onboarding-acceptance-table td,
.onboarding-acceptance-table th{
  overflow-wrap:anywhere
}

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

.onboarding-baseline article{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-1);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#f2faf7;
  color:#071b19
}

.onboarding-baseline article>span{
  color:#00463f;
  font-size:var(--fs-0);
  font-weight:800
}

.onboarding-baseline p{
  color:#586461
}

.onboarding-accent-head{
  color:#071b19
}

.onboarding-accent-head p{
  color:#193d37
}

.page-section--accent .page-kicker.onboarding-kicker--accent,
.onboarding-kicker--accent{
  padding:.45em .8em;
  border-radius:var(--radius-pill);
  background:#071b19;
  color:#ffffff
}
.page-section--accent .page-kicker.onboarding-kicker--accent::before,
.page-kicker.onboarding-kicker--accent::before{
  background:var(--color-accent)
}

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

.onboarding-operations article{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-1);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#071b19
}

.onboarding-operations article>span:first-child{
  color:#00463f;
  font-size:var(--fs-0);
  font-weight:800
}

.onboarding-operations article p,
.onboarding-operations article>span:last-child{
  color:#586461
}

.onboarding-operations article>strong{
  margin-top:var(--space-1);
  color:#00463f;
  font-family:var(--font-heading);
  font-size:var(--fs-2)
}

.onboarding-runbook{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-3);
  margin-top:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#071b19;
  color:#effff9
}

.onboarding-runbook>div{
  display:flex;
  flex-direction:column;
  gap:var(--space-1);
  min-width:0
}

.onboarding-runbook p{
  color:#a7bcb6
}
.onboarding-runbook .c-btn--primary{
  background:#63e6be;
  border-color:#63e6be;
  color:#071b19
}

.onboarding-endcap>div:first-child{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-1);
  min-width:0
}

.onboarding-endcap .c-badge{
  background:#63e6be;
  color:#071b19
}

.onboarding-endcap__actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-1);
  min-width:min(100%,14rem)
}

.onboarding-endcap__actions .c-btn{
  width:100%
}

.onboarding-endcap__actions .c-btn--primary{
  background:#63e6be;
  border-color:#63e6be;
  color:#071b19
}

.onboarding-endcap__actions .c-btn--ghost{
  border-color:#91a8a2;
  color:#effff9
}

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

  .onboarding-init-grid{
    grid-template-columns:1fr
  }

  .onboarding-command-card .c-code{
    min-height:18rem
  }
}

@media (max-width:48rem){
  .onboarding-order-board__body{
    grid-template-columns:1fr
  }

  .onboarding-payment,
  .onboarding-runbook{
    grid-template-columns:1fr
  }

  .onboarding-payment .c-btn,
  .onboarding-runbook .c-btn{
    width:100%
  }
}

@media (max-width:42rem){
  .onboarding-hero__facts{
    grid-template-columns:1fr
  }

  .onboarding-hero__facts div+div{
    border-top:1px solid var(--color-line);
    border-left:0
  }

  .onboarding-stage__map{
    height:auto;
    min-height:16rem;
    aspect-ratio:16/10
  }

  .onboarding-node{
    max-width:48%;
    padding:.35rem .5rem;
    font-size:var(--fs-0)
  }

  .onboarding-stage__ticket{
    grid-template-columns:1fr
  }

  .onboarding-stage__ticket>div{
    padding:var(--space-2) var(--space-3)
  }

  .onboarding-order-board__head,
  .onboarding-init-main__head,
  .onboarding-connection-sheet__head{
    align-items:flex-start;
    flex-direction:column
  }

  .onboarding-plan__title{
    flex-direction:column
  }

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

  .migration-gate{
    grid-template-columns:1fr
  }

  .onboarding-endcap__actions{
    width:100%;
    min-width:0
  }
}

@media (max-width:24.375rem){
  .onboarding-node--sg{
    left:5%
  }

  .onboarding-node--jp{
    right:3%
  }

  .onboarding-node--kr{
    right:5%
  }

  .onboarding-node--hk{
    left:24%
  }

  .onboarding-node--us{
    left:3%
  }

  .onboarding-connection-steps li,
  .onboarding-init-list li{
    grid-template-columns:1fr
  }

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