.home-title-mark{
  display:inline;
  padding-inline:.04em;
  background:linear-gradient(transparent 68%,var(--zm-yellow) 68%,var(--zm-yellow) 94%,transparent 94%);
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}

.page-hero-copy{
  min-width:0;
}

.page-hero-copy h1{
  margin-top:var(--zm-space-1);
  overflow-wrap:anywhere;
  hyphens:auto;
}

.page-hero-copy>p{
  margin-top:var(--zm-space-2);
  max-width:42rem;
  color:var(--zm-muted);
}

.page-hero-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--zm-space-1);
  margin-top:var(--zm-space-3);
}

.page-hero-actions .c-btn svg,
.home-cta-actions .c-btn svg{
  width:1rem;
  height:1rem;
  flex:0 0 auto;
}

.hero-note{
  margin-top:var(--zm-space-2);
  color:var(--zm-muted);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
  line-height:1.5;
  font-variant-numeric:tabular-nums;
}

.hero-terminal{
  margin-top:var(--zm-space-3);
}

.hero-terminal .c-terminal-head{
  justify-content:space-between;
}

.hero-terminal pre{
  max-width:100%;
}

.logo-wall{
  padding-block:var(--zm-space-4);
  background:var(--zm-paper);
  color:var(--zm-ink);
  border-block:1px solid var(--zm-line);
}

.logo-wall-heading{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  gap:var(--zm-space-3);
  align-items:end;
  margin-bottom:var(--zm-space-3);
}

.logo-wall-heading h2{
  font-size:var(--zm-fs-4);
  letter-spacing:-.025em;
}

.logo-wall-heading p{
  color:var(--zm-muted);
  font-size:var(--zm-fs-1);
}

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

.logo-row span{
  min-width:0;
  padding:var(--zm-space-2);
  border-radius:var(--zm-radius-sm);
  background:var(--zm-soft);
  color:var(--zm-muted);
  font-family:var(--zm-font-heading);
  font-size:var(--zm-fs-1);
  line-height:1.3;
  font-weight:700;
  text-align:center;
  overflow-wrap:anywhere;
}

.home-feature-grid{
  align-items:start;
}

.feature-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding-top:var(--zm-space-3);
}

.feature-token{
  width:fit-content;
  max-width:100%;
  min-width:2.8rem;
  min-height:2.8rem;
  padding:.65rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--zm-radius-sm);
  background:var(--zm-yellow);
  color:var(--zm-ink);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-1);
  line-height:1;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}

.feature-card h3{
  margin-top:var(--zm-space-2);
}

.feature-card p{
  margin-top:var(--zm-space-1);
  color:var(--zm-muted);
}

.home-boundary{
  margin-top:var(--zm-space-4);
}

.home-boundary h3{
  margin-bottom:var(--zm-space-1);
}

.workflow{
  display:grid;
  grid-template-columns:minmax(17rem,.7fr) minmax(0,1.3fr);
  gap:var(--zm-space-4);
  align-items:stretch;
}

.workflow>*{
  min-width:0;
}

.workflow-steps{
  display:grid;
  align-content:start;
  gap:var(--zm-space-1);
}

.workflow-step{
  display:grid;
  grid-template-columns:2.5rem minmax(0,1fr);
  gap:var(--zm-space-2);
  padding:var(--zm-space-2);
  border-bottom:1px solid var(--zm-line-dark);
  color:#b5b5ba;
}

.workflow-step.is-active{
  border-bottom-color:transparent;
  border-radius:var(--zm-radius-sm);
  background:#252528;
  color:#ffffff;
}

.workflow-step b{
  color:var(--zm-yellow);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
  line-height:1.5;
}

.workflow-step strong{
  display:block;
  color:inherit;
  font-size:var(--zm-fs-1);
}

.workflow-step code{
  display:block;
  margin-top:var(--zm-space-1);
  color:inherit;
  overflow-wrap:anywhere;
}

.build-console{
  min-width:0;
  overflow:hidden;
  border-radius:var(--zm-radius-md);
  background:var(--zm-ink);
  color:#ffffff;
}

.build-console .c-tabs{
  background:#202023;
  color:#ffffff;
  border-bottom-color:var(--zm-line-dark);
}

.build-console .c-tab{
  flex:1 0 auto;
  background:#202023;
  color:#b5b5ba;
  border-right-color:var(--zm-line-dark);
}

.build-console .c-tab[aria-selected=true]{
  background:var(--zm-yellow);
  color:var(--zm-ink);
}

.build-console .c-terminal{
  border-radius:0;
}

.build-console .c-tab-panel[hidden]{
  display:none;
}

.workflow-notes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--zm-space-2);
  margin-top:var(--zm-space-4);
  align-items:start;
}

.workflow-notes article{
  min-width:0;
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-md);
  background:#252528;
  color:#ffffff;
}

.workflow-notes h3{
  margin-top:var(--zm-space-2);
  font-size:var(--zm-fs-3);
}

.workflow-notes p{
  margin-top:var(--zm-space-1);
  color:#b5b5ba;
  font-size:var(--zm-fs-1);
}

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

.price-grid .c-price-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
}

.price-grid .c-price-card>small{
  display:block;
  margin-top:var(--zm-space-1);
  color:var(--zm-muted);
}

.price-use{
  margin-bottom:var(--zm-space-3);
  color:var(--zm-muted);
  font-size:var(--zm-fs-1);
}

.price-grid .c-btn{
  width:100%;
  margin-top:auto;
  overflow-wrap:anywhere;
}

.advisor{
  margin-top:var(--zm-space-4);
}

.advisor table{
  min-width:48rem;
}

.advisor caption,
.region-table caption{
  padding:0 0 var(--zm-space-1);
  color:inherit;
  font-family:var(--zm-font-heading);
  font-size:var(--zm-fs-1);
  line-height:1.4;
  font-weight:700;
  text-align:left;
}

.advisor .c-table td:first-child{
  font-weight:700;
}

.plan-detail-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--zm-space-3);
  margin-top:var(--zm-space-3);
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-md);
  background:#ffffff;
  color:var(--zm-ink);
}

.plan-detail-link p{
  color:var(--zm-muted);
}

.plan-detail-link .c-btn{
  flex:0 0 auto;
}

.region-layout{
  display:grid;
  grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);
  gap:var(--zm-space-4);
  align-items:start;
}

.region-layout>*{
  min-width:0;
}

.region-copy h2{
  margin-top:var(--zm-space-1);
}

.region-copy>.section-copy{
  margin-top:var(--zm-space-2);
}

.region-guide{
  margin-top:var(--zm-space-3);
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-md);
  background:#252528;
  color:#ffffff;
}

.region-guide h3{
  font-size:var(--zm-fs-3);
}

.region-guide ol{
  margin:var(--zm-space-2) 0 0;
  padding:0;
  display:grid;
  gap:var(--zm-space-1);
  list-style:none;
}

.region-guide li{
  display:grid;
  grid-template-columns:minmax(4.5rem,.35fr) minmax(0,1.65fr);
  gap:var(--zm-space-1);
  padding-top:var(--zm-space-1);
  border-top:1px solid var(--zm-line-dark);
  color:#b5b5ba;
  font-size:var(--zm-fs-1);
}

.region-guide b{
  color:var(--zm-yellow);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
}

.region-bars{
  display:grid;
  gap:var(--zm-space-1);
  margin-top:var(--zm-space-3);
}

.region-bar{
  display:grid;
  grid-template-columns:minmax(6.5rem,.7fr) minmax(5rem,1.3fr) minmax(5.5rem,auto);
  gap:var(--zm-space-1);
  align-items:center;
  min-width:0;
  padding:.4rem .55rem;
  border-radius:var(--zm-radius-sm);
  color:#d0d0d4;
  font-size:var(--zm-fs-0);
}

.region-bar>span,
.region-bar>b{
  min-width:0;
  overflow-wrap:anywhere;
}

.region-bar>b{
  font-family:var(--zm-font-mono);
  font-variant-numeric:tabular-nums;
  text-align:right;
}

.region-bar.is-winning{
  background:var(--zm-yellow);
  color:var(--zm-ink);
}

.region-track{
  min-width:0;
  height:.45rem;
  overflow:hidden;
  border-radius:var(--zm-radius-pill);
  background:#45454a;
}

.region-fill{
  height:100%;
  border-radius:inherit;
  background:#8b8b91;
}

.region-bar.is-winning .region-track{
  background:#b8be00;
}

.region-bar.is-winning .region-fill{
  background:var(--zm-ink);
}

.region-fill-sg{width:84%}
.region-fill-jp{width:75%}
.region-fill-kr{width:79%}
.region-fill-hk{width:92%}
.region-fill-use{width:88%}

.region-footnote{
  margin-top:var(--zm-space-2);
  color:#b5b5ba;
  font-size:var(--zm-fs-0);
}

.region-table{
  min-width:58rem;
  background:#ffffff;
  color:var(--zm-ink);
}

.region-table caption{
  color:#4b4b50;
}

.status-dot{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  color:var(--zm-success);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
  line-height:1.4;
}

.status-dot::before{
  width:.5rem;
  height:.5rem;
  flex:0 0 .5rem;
  border-radius:50%;
  background:var(--zm-yellow-paper);
  content:"";
}

.region-order-links{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));
  gap:var(--zm-space-1);
  margin-top:var(--zm-space-2);
}

.region-order-links .c-btn{
  min-width:0;
  color:#ffffff;
  border-color:color-mix(in srgb,currentColor 45%,transparent);
  overflow-wrap:anywhere;
}

.usecase-grid{
  align-items:start;
}

.usecase{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.usecase h3{
  margin-top:var(--zm-space-2);
}

.usecase>p{
  margin-top:var(--zm-space-1);
  color:var(--zm-muted);
}

.flow{
  width:100%;
  display:grid;
  gap:var(--zm-space-1);
  margin-top:var(--zm-space-3);
}

.flow div{
  min-width:0;
  padding-top:var(--zm-space-1);
  border-top:1px solid var(--zm-line);
}

.flow b{
  display:block;
  color:var(--zm-muted);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
}

.flow span{
  display:block;
  margin-top:var(--zm-space-1);
  font-size:var(--zm-fs-1);
}

.quote-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:var(--zm-space-4);
  border-block:1px solid var(--zm-ink);
}

.quote-strip blockquote{
  min-width:0;
  padding:var(--zm-space-3);
  border-right:1px solid var(--zm-ink);
  color:var(--zm-ink);
  font-weight:700;
}

.quote-strip blockquote:last-child{
  border-right:0;
}

.quote-strip cite{
  display:block;
  margin-top:var(--zm-space-2);
  color:var(--zm-muted);
  font-size:var(--zm-fs-0);
  font-style:normal;
}

.usecase-next{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--zm-space-3);
  margin-top:var(--zm-space-4);
  padding:var(--zm-space-3);
  border-radius:var(--zm-radius-md);
  background:var(--zm-paper);
  color:var(--zm-ink);
}

.usecase-next p{
  margin-top:var(--zm-space-1);
  color:var(--zm-muted);
}

.usecase-next .c-btn{
  flex:0 0 auto;
}

.billing{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);
  gap:var(--zm-space-4);
  align-items:stretch;
}

.billing>*{
  min-width:0;
}

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

.billing-copy h2{
  margin-top:var(--zm-space-1);
}

.billing-copy>p{
  margin-top:var(--zm-space-2);
  color:var(--zm-muted);
}

.payment-chips{
  display:flex;
  flex-wrap:wrap;
  gap:var(--zm-space-1);
  margin-top:var(--zm-space-3);
}

.payment-chips span{
  max-width:100%;
  padding:.45rem .7rem;
  border:1px solid var(--zm-line);
  border-radius:var(--zm-radius-pill);
  background:#ffffff;
  color:var(--zm-ink);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-fs-0);
  line-height:1.4;
  overflow-wrap:anywhere;
}

.billing-rules{
  width:100%;
  margin:var(--zm-space-3) 0 0;
}

.billing-rules div{
  display:grid;
  grid-template-columns:minmax(7rem,.35fr) minmax(0,1.65fr);
  gap:var(--zm-space-2);
  padding-block:var(--zm-space-2);
  border-top:1px solid var(--zm-line);
}

.billing-rules dt{
  color:var(--zm-ink);
}

.billing-rules dd{
  color:var(--zm-muted);
}

.checklist{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:var(--zm-space-4);
  border:1px solid var(--zm-line);
  border-radius:var(--zm-radius-lg);
  background:#ffffff;
  color:var(--zm-ink);
}

.checklist h3{
  margin-top:var(--zm-space-2);
}

.checklist ul{
  width:100%;
  padding:0;
  margin:var(--zm-space-2) 0 0;
  list-style:none;
}

.checklist li{
  display:flex;
  align-items:flex-start;
  gap:var(--zm-space-1);
  padding:var(--zm-space-1) 0;
  border-bottom:1px solid var(--zm-line);
  color:var(--zm-ink);
  font-size:var(--zm-fs-1);
}

.checklist li:last-child{
  border-bottom:0;
}

.checklist li svg{
  width:1.4rem;
  height:1.4rem;
  flex:0 0 1.4rem;
  padding:.2rem;
  border-radius:.35rem;
  background:var(--zm-yellow);
  color:var(--zm-ink);
}

.faq-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--zm-space-1);
  margin-top:var(--zm-space-3);
}

.home-cta-copy{
  min-width:0;
  max-width:46rem;
}

.home-cta-copy h2{
  margin-top:var(--zm-space-1);
}

.home-cta-copy p{
  margin-top:var(--zm-space-2);
  color:#b8b8bd;
}

.home-cta-actions{
  min-width:min(100%,17rem);
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--zm-space-1);
}

.home-cta-actions .c-btn{
  width:100%;
}

.home-cta-actions .c-btn-ghost{
  color:#ffffff;
  border-color:color-mix(in srgb,currentColor 45%,transparent);
}

@media(max-width:64rem){
  .workflow,
  .price-grid,
  .region-layout,
  .billing{
    grid-template-columns:1fr;
  }

  .workflow-notes{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  }

  .region-layout{
    gap:var(--zm-space-4);
  }

  .checklist{
    padding:var(--zm-space-3);
  }
}

@media(max-width:48rem){
  .page-hero-actions,
  .faq-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .page-hero-actions .c-btn,
  .faq-actions .c-btn{
    width:100%;
  }

  .logo-wall-heading,
  .quote-strip{
    grid-template-columns:1fr;
  }

  .logo-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .workflow{
    gap:var(--zm-space-3);
  }

  .workflow-step{
    grid-template-columns:2rem minmax(0,1fr);
  }

  .plan-detail-link,
  .usecase-next{
    align-items:flex-start;
    flex-direction:column;
  }

  .plan-detail-link .c-btn,
  .usecase-next .c-btn{
    width:100%;
  }

  .quote-strip blockquote{
    border-right:0;
    border-bottom:1px solid var(--zm-ink);
  }

  .quote-strip blockquote:last-child{
    border-bottom:0;
  }

  .billing-rules div{
    grid-template-columns:1fr;
    gap:var(--zm-space-1);
  }

  .c-cta-band-inner{
    align-items:stretch;
  }

  .home-cta-actions{
    width:100%;
  }
}

.build-route-board{display:grid;grid-template-rows:minmax(0,1fr) auto;height:clamp(28rem,38vw,32rem);min-width:0;overflow:hidden;border-radius:var(--zm-radius-lg);background:var(--zm-paper);color:var(--zm-ink)}
.build-route-map{min-width:0;margin:0;overflow:hidden}
.build-route-map img{display:block;width:100%;height:100%;object-fit:cover}
.build-route-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;background:#ffffff;color:var(--zm-ink)}
.build-route-facts div{min-width:0;padding:var(--zm-space-2)}
.build-route-facts dt{color:#4b4b50;font-family:var(--zm-font-mono);font-size:var(--zm-fs-0)}
.build-route-facts dd{margin:.5rem 0 0;font-weight:700;overflow-wrap:anywhere}

@media(max-width:48rem){
  .build-route-board{grid-template-rows:18rem auto}
  .build-route-facts{grid-template-columns:1fr}
}

@media(max-width:24.375rem){
  .logo-row{
    grid-template-columns:1fr;
  }

  .region-bar{
    grid-template-columns:minmax(0,1fr) auto;
  }

  .region-track{
    grid-column:1 / -1;
    grid-row:2;
  }

  .region-bar>b{
    grid-column:2;
    grid-row:1;
  }

  .region-guide li{
    grid-template-columns:1fr;
  }

  .workflow-step{
    padding-inline:var(--zm-space-1);
  }

  .build-console .c-tab{
    padding-inline:.75rem;
  }
}