.ob-hero{
  color:var(--zm-fog);
  background:linear-gradient(180deg,#061018 0%,#10253A 100%);
}

.ob-hero__copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:center;
  gap:var(--zm-space-2);
  text-align:center;
}

.ob-hero__copy h1{
  max-width:16ch;
  margin-inline:auto;
  color:var(--zm-fog);
}

.ob-hero__copy h1 span{
  color:var(--zm-link);
}

.page-hero[data-hero-form="data-band"] .ob-hero__copy .page-hero__lead{
  max-width:42rem;
  margin-inline:auto;
}

.ob-eyebrow,
.ob-kicker{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-items:center;
  padding:.25rem .6rem;
  color:#E8F0FA;
  background:var(--zm-warm);
  border:1px solid var(--zm-line-dark);
  border-radius:999px;
  font-family:var(--zm-font-mono);
  font-size:var(--zm-text-xs);
  font-weight:700;
  line-height:1.2;
  letter-spacing:.06em;--zm-ink:#E8F0FA;--zm-fog:#E8F0FA;--zm-muted:var(--zm-muted-on-dark);--zm-link:var(--zm-orange);--zm-green-ink:#8FF0C0;--zm-line:var(--zm-line-on-dark);}

.ob-eyebrow{
  align-self:center;
}

.ob-kicker{
  align-self:flex-start;
}

.ob-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:var(--zm-space-2);
  margin-top:var(--zm-space-4);
}

.ob-hero__facts{
  display:flex;
  flex-wrap:wrap;
  gap:var(--zm-space-2);
  margin-top:var(--zm-space-4);
}

.ob-hero__facts span{
  display:inline-flex;
  width:fit-content;
  align-items:center;
  padding:.35rem .65rem;
  color:var(--zm-ink);
  background:var(--zm-paper);
  border:1px solid var(--zm-line-on-paper);
  border-radius:var(--zm-radius-sm);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-text-xs);
  font-weight:700;--zm-ink:#102033;--zm-fog:#102033;--zm-muted:var(--zm-muted-on-paper);--zm-link:var(--zm-accent-on-paper);--zm-green-ink:var(--zm-green-on-paper);--zm-line:var(--zm-line-on-paper);}

.ob-hero__art{
  min-width:0;
}

.ob-map{
  min-width:0;
  overflow:hidden;
  color:#B9D4E8;
  text-align:left;
  background:#0B1626;
  border:1px solid var(--zm-line-on-dark);
  border-radius:var(--zm-radius-lg);--zm-ink:#E8F0FA;--zm-fog:#E8F0FA;--zm-muted:var(--zm-muted-on-dark);--zm-link:var(--zm-orange);--zm-green-ink:#8FF0C0;--zm-line:var(--zm-line-on-dark);}

.ob-term__bar{
  display:flex;
  align-items:center;
  gap:.4rem;
  padding:.65rem .95rem;
  background:#122036;
  border-bottom:1px solid var(--zm-line-on-dark);
}

.ob-term__bar i{
  width:.6rem;
  height:.6rem;
  flex:0 0 auto;
  background:#2E4660;
  border-radius:50%;
}

.ob-term__bar span{
  min-width:0;
  margin-left:auto;
  overflow:hidden;
  color:#7E96AD;
  font-family:var(--zm-font-mono);
  font-size:var(--zm-text-xs);
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ob-term__body{
  margin:0;
  padding:var(--zm-space-5);
  font-family:var(--zm-font-mono);
  font-size:.8125rem;
  line-height:1.9;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.ob-term__body b{
  color:#8FF0C0;
  font-weight:700;
}

.ob-map__status{
  display:flex;
  flex-wrap:wrap;
  gap:var(--zm-space-2) var(--zm-space-4);
  padding:var(--zm-space-3) var(--zm-space-5);
  color:#E8F0FA;
  border-top:1px solid var(--zm-line-on-dark);
}

.ob-map__status span{
  display:flex;
  min-width:0;
  align-items:center;
  gap:var(--zm-space-2);
  font-size:var(--zm-text-sm);
  font-weight:700;
}

.ob-map__status i{
  width:.5rem;
  height:.5rem;
  flex:0 0 auto;
  background:var(--zm-green);
  border-radius:50%;
}

.ob-data-band strong{
  font-family:var(--zm-font-mono);
  font-variant-numeric:tabular-nums;
}

.ob-section-heading{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);
  align-items:end;
  gap:var(--zm-space-6);
}

.ob-section-heading > *{
  min-width:0;
}

.ob-heading-copy,
.ob-card-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-2);
}

.ob-section-heading h2{
  max-width:18ch;
  margin-inline:0;
}

.ob-section-heading > p{
  max-width:38rem;
  margin-inline:0;
  color:var(--zm-muted);
}

.ob-check-grid{
  align-items:start;
}

.ob-check-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-4);
}

.ob-icon,
.ob-payment-icon{
  display:grid;
  width:2.75rem;
  height:2.75rem;
  flex:0 0 auto;
  place-items:center;
  color:#061018;
  background:var(--zm-orange);
  border-radius:var(--zm-radius-sm);
}

.ob-icon svg,
.ob-payment-icon svg{
  width:1.4rem;
  height:1.4rem;
}

.ob-check-state{
  display:block;
  margin-top:auto;
  color:var(--zm-green-on-paper);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-text-xs);
}

.ob-notice p{
  max-width:none;
}

.ob-plan-detail{
  display:flex;
  flex-direction:column;
  gap:var(--zm-space-2);
  margin-top:var(--zm-space-5);
  color:var(--zm-muted);
}

.ob-plan-detail strong{
  color:var(--zm-ink);
}

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

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

.ob-choice-card{
  display:flex;
  flex-direction:column;
  gap:var(--zm-space-5);
}

.ob-node-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--zm-space-3);
}

.ob-node-list li{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--zm-space-2);
  padding:var(--zm-space-4);
  color:#E8F0FA;
  background:var(--zm-warm);
  border:1px solid var(--zm-line);
  border-radius:var(--zm-radius-sm);--zm-ink:#E8F0FA;--zm-fog:#E8F0FA;--zm-muted:var(--zm-muted-on-dark);--zm-link:var(--zm-orange);--zm-green-ink:#8FF0C0;--zm-line:var(--zm-line-on-dark);}

.ob-node-list span{
  color:var(--zm-muted);
  font-size:var(--zm-text-sm);
}

.ob-addon-list{
  display:flex;
  flex-direction:column;
  gap:var(--zm-space-3);
}

.ob-addon-list div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--zm-space-2);
  padding-bottom:var(--zm-space-3);
  border-bottom:1px solid var(--zm-line-dark);
}

.ob-addon-list div:last-child{
  padding-bottom:0;
  border-bottom:0;
}

.ob-addon-list dt{
  font-family:var(--zm-font-heading);
  font-weight:700;
}

.ob-addon-list dd{
  color:var(--zm-muted);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-text-sm);
  font-variant-numeric:tabular-nums;
}

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

.ob-payment-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--zm-space-4);
  align-items:start;
}

.ob-payment-card .ob-check-state{
  grid-column:2;
}

.ob-payment-check{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--zm-space-3);
}

.ob-payment-check div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--zm-space-2);
  padding:var(--zm-space-5);
  color:#E8F0FA;
  background:var(--zm-surface);
  border:1px solid var(--zm-line);
  border-radius:var(--zm-radius-md);--zm-ink:#E8F0FA;--zm-fog:#E8F0FA;--zm-muted:var(--zm-muted-on-dark);--zm-link:var(--zm-orange);--zm-green-ink:#8FF0C0;--zm-line:var(--zm-line-on-dark);}

.ob-payment-check span,
.ob-step-number{
  display:grid;
  width:2rem;
  height:2rem;
  flex:0 0 auto;
  place-items:center;
  color:var(--zm-paper);
  background:var(--zm-dark);
  border-radius:50%;
  font-family:var(--zm-font-mono);
  font-size:var(--zm-text-xs);
  font-weight:700;
}

.ob-payment-check p{
  color:var(--zm-muted);
  font-size:var(--zm-text-sm);
}

.ob-footnote{
  margin-top:var(--zm-space-4);
  color:var(--zm-muted);
  font-size:var(--zm-text-sm);
}

.ob-delivery-layout{
  grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);
}

.ob-delivery-panel{
  display:flex;
  flex-direction:column;
  gap:var(--zm-space-5);
}

.ob-delivery-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--zm-space-3);
}

.ob-delivery-fields div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--zm-space-2);
  padding:var(--zm-space-4);
  color:#E8F0FA;
  background:var(--zm-warm);
  border:1px solid var(--zm-line);
  border-radius:var(--zm-radius-sm);--zm-ink:#E8F0FA;--zm-fog:#E8F0FA;--zm-muted:var(--zm-muted-on-dark);--zm-link:var(--zm-orange);--zm-green-ink:#8FF0C0;--zm-line:var(--zm-line-on-dark);}

.ob-delivery-fields dt{
  font-family:var(--zm-font-heading);
  font-weight:700;
}

.ob-delivery-fields dd{
  color:var(--zm-muted);
  font-size:var(--zm-text-sm);
}

.ob-delivery-aside .c-card{
  gap:var(--zm-space-5);
}

.ob-terminal-layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr);
  gap:var(--zm-space-5);
  align-items:stretch;
}

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

.ob-terminal{
  align-self:stretch;
}

.ob-terminal pre{
  min-height:100%;
}

.ob-terminal-guidance{
  display:grid;
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:var(--zm-space-3);
}

.ob-guidance-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--zm-space-4);
  align-items:start;
}

.ob-guidance-card code{
  overflow-wrap:anywhere;
}

.ob-build-section{
  color:var(--zm-paper);
  background:var(--zm-dark);
}

.ob-section-heading--dark h2{
  color:var(--zm-paper);
}

.ob-section-heading--dark > p{
  color:var(--zm-muted-on-dark);
}

.ob-kicker--dark{
  color:var(--zm-dark);
  background:var(--zm-amber);
  border-color:var(--zm-amber);
}

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

.ob-build-grid > *{
  min-width:0;
}

.ob-command-card{
  overflow:hidden;
  color:var(--zm-ink);
  background:var(--zm-paper);
  border:1px solid var(--zm-line-on-paper);
  border-radius:var(--zm-radius-md);--zm-ink:#102033;--zm-fog:#102033;--zm-muted:var(--zm-muted-on-paper);--zm-link:var(--zm-accent-on-paper);--zm-green-ink:var(--zm-green-on-paper);--zm-line:var(--zm-line-on-paper);}

.ob-command-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--zm-space-3);
  padding:var(--zm-space-4) var(--zm-space-5);
  color:#E8F0FA;
  background:var(--zm-peach);
  border-bottom:1px solid var(--zm-line-dark);--zm-ink:#E8F0FA;--zm-fog:#E8F0FA;--zm-muted:var(--zm-muted-on-dark);--zm-link:var(--zm-orange);--zm-green-ink:#8FF0C0;--zm-line:var(--zm-line-on-dark);}

.ob-command-card__head span{
  font-family:var(--zm-font-mono);
  font-size:var(--zm-text-xs);
  font-weight:700;
}

.ob-command-card pre{
  min-height:13rem;
  padding:var(--zm-space-5);
  color:var(--zm-paper);
  background:var(--zm-dark);
  font-size:var(--zm-text-sm);
  line-height:1.7;
}

.ob-command-card__result{
  display:flex;
  flex-direction:column;
  gap:var(--zm-space-2);
  padding:var(--zm-space-5);
  color:var(--zm-ink);
  background:var(--zm-paper);
  border-top:1px solid var(--zm-line-on-paper);--zm-ink:#102033;--zm-fog:#102033;--zm-muted:var(--zm-muted-on-paper);--zm-link:var(--zm-accent-on-paper);--zm-green-ink:var(--zm-green-on-paper);--zm-line:var(--zm-line-on-paper);}

.ob-command-card__result p{
  color:var(--zm-muted);
}

.ob-build-notes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--zm-space-3);
}

.ob-build-notes div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--zm-space-2);
  padding:var(--zm-space-5);
  color:#E8F0FA;
  background:var(--zm-surface);
  border:1px solid var(--zm-line-dark);
  border-radius:var(--zm-radius-md);--zm-ink:#E8F0FA;--zm-fog:#E8F0FA;--zm-muted:var(--zm-muted-on-dark);--zm-link:var(--zm-orange);--zm-green-ink:#8FF0C0;--zm-line:var(--zm-line-on-dark);}

.ob-build-notes p{
  color:var(--zm-muted);
}

.ob-build-notes code{
  overflow-wrap:anywhere;
}

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

.ob-hardening-list > *{
  min-width:0;
}

.ob-hardening-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--zm-space-4);
  align-items:start;
}

.ob-hardening-card .ob-verify{
  grid-column:2;
}

.ob-verify{
  display:flex;
  flex-direction:column;
  gap:var(--zm-space-2);
  padding-top:var(--zm-space-3);
  border-top:1px solid var(--zm-line);
  color:var(--zm-muted);
  font-size:var(--zm-text-sm);
}

.ob-verify strong{
  color:var(--zm-ink);
}

.ob-acceptance{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);
  gap:var(--zm-space-6);
  align-items:center;
  padding:var(--zm-space-6);
  color:#E8F0FA;
  background:var(--zm-lilac);
  border:1px solid var(--zm-line-dark);
  border-radius:var(--zm-radius-lg);--zm-ink:#E8F0FA;--zm-fog:#E8F0FA;--zm-muted:var(--zm-muted-on-dark);--zm-link:var(--zm-orange);--zm-green-ink:#8FF0C0;--zm-line:var(--zm-line-on-dark);}

.ob-acceptance > *{
  min-width:0;
}

.ob-acceptance__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-2);
}

.ob-acceptance ul{
  display:grid;
  gap:var(--zm-space-2);
}

.ob-acceptance li{
  display:flex;
  align-items:center;
  gap:var(--zm-space-2);
  font-weight:700;
}

.ob-acceptance li::before{
  width:.55rem;
  height:.55rem;
  flex:0 0 auto;
  content:"";
  background:var(--zm-green);
  border-radius:50%;
}

.ob-closing-section{
  color:var(--zm-paper);
  background:var(--zm-cream);
}

.ob-closing-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-2);
}

.ob-closing-copy p{
  color:var(--zm-muted-on-dark);
}

.ob-closing-actions{
  display:flex;
  min-width:min(100%,18rem);
  flex-direction:column;
  gap:var(--zm-space-2);
}

.ob-closing-actions .c-btn{
  width:100%;
}

@media(max-width:900px){
  .ob-section-heading{
    grid-template-columns:1fr;
    align-items:start;
    gap:var(--zm-space-4);
  }

  .ob-payment-check{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .ob-build-grid{
    grid-template-columns:1fr;
  }

  .ob-command-card pre{
    min-height:0;
  }

  .ob-build-notes{
    grid-template-columns:1fr;
  }
}

@media(max-width:768px){
  .ob-choice-layout,
  .ob-payment-grid,
  .ob-terminal-layout,
  .ob-hardening-list,
  .ob-acceptance,
  .ob-delivery-layout{
    grid-template-columns:1fr;
  }

  .ob-delivery-layout{
    gap:1.25rem;
  }

  .ob-delivery-fields{
    grid-template-columns:1fr;
    gap:1rem;
  }

  .ob-delivery-fields div{
    padding:1.05rem 1.1rem;
    gap:.7rem;
  }

  .ob-kicker{
    white-space:normal;
    line-height:1.35;
  }

  .ob-terminal-guidance{
    grid-template-rows:none;
  }

  .ob-closing-actions{
    width:100%;
  }
}

@media(max-width:640px){
  .ob-actions{
    width:100%;
  }

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

  .ob-node-list,
  .ob-payment-check{
    grid-template-columns:1fr;
  }

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

  .ob-payment-card .ob-check-state{
    grid-column:1;
  }

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

  .ob-hardening-card .ob-verify{
    grid-column:1;
  }
}

@media(max-width:390px){
  .ob-map__status{
    position:static;
    grid-template-columns:1fr;
    max-width:none;
    border-right:0;
    border-bottom:0;
    border-left:0;
    border-radius:0;
  }

  .ob-hero__facts{
    display:grid;
    width:100%;
  }

  .ob-hero__facts span{
    width:100%;
  }

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

  .ob-command-card__head{
    align-items:flex-start;
    flex-direction:column;
  }
}