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

.support-hero__grid{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--zm-space-7);
  padding-block:var(--zm-space-8);
  text-align:center;
}

.support-hero__grid>*{
  min-width:0;
}

.support-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  max-width:46rem;
  gap:var(--zm-space-2);
}

.support-hero__copy h1{
  max-width:13ch;
  margin-inline:0;
}

.support-hero__copy .page-hero__lead{
  max-width:58ch;
  margin-inline:0;
}

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

.support-hero-panel{
  overflow:hidden;
  text-align:left;
  color:var(--zm-ink);
  background:var(--zm-paper);
  border:1px solid var(--zm-line-on-paper);
  border-radius:var(--zm-radius-lg);--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);}

.support-hero-panel__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:var(--zm-paper);
  background:var(--zm-dark);
  border-bottom:1px solid var(--zm-line-on-dark);
}

.support-hero-panel__head .c-badge{
  color:#E8F0FA;
  background:var(--zm-warm);--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);}

.support-hero-panel__head .u-mono{
  font-size:var(--zm-text-sm);
}

.support-hero-panel__route{
  display:grid;
  grid-template-columns:4.5rem minmax(0,1fr);
  gap:.35rem var(--zm-space-4);
  align-items:start;
  padding:var(--zm-space-4) var(--zm-space-5);
  color:var(--zm-ink);
  background:var(--zm-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);}

.support-hero-panel__route+.support-hero-panel__route{
  border-top:1px solid var(--zm-line);
}

.support-hero-panel__route>span{
  grid-row:1 / span 2;
  width:fit-content;
  align-self:start;
  padding:.2rem .5rem;
  color:#061018;
  background:var(--zm-orange);
  border-radius:var(--zm-radius-sm);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-text-xs);
  font-weight:700;
}

.support-hero-panel__route strong{
  min-width:0;
  line-height:1.4;
}

.support-hero-panel__route small{
  min-width:0;
  color:var(--zm-muted);
}

.support-data-band{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  color:var(--zm-paper);
  background:var(--zm-dark);
  border:1px solid var(--zm-line-on-dark);
  border-radius:var(--zm-radius-md);
  transform:translateY(var(--zm-space-5));
}

.support-data-band .page-data-band__item{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--zm-space-2);
  padding:var(--zm-space-5);
}

.support-data-band .page-data-band__item+.page-data-band__item{
  border-left:1px solid var(--zm-line-dark);
}

.support-data-band small{
  color:var(--zm-amber);
  font-family:var(--zm-font-mono);
  letter-spacing:.05em;
}

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

.page-section__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);
  gap:var(--zm-space-6);
  align-items:end;
  margin-bottom:var(--zm-space-7);
}

.page-section__head>*{
  min-width:0;
}

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

.support-heading h2{
  max-width:16ch;
  margin-inline:0;
}

.page-kicker,
.page-eyebrow{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:var(--zm-ink);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-text-xs);
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.support-entry-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));
  align-items:start;
}

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

.support-card__icon{
  width:1.75rem;
  height:1.75rem;
  margin-bottom:var(--zm-space-2);
  color:var(--zm-link);
}

.support-card p{
  color:var(--zm-muted);
}

.support-card a:not(.c-btn){
  margin-top:var(--zm-space-3);
  color:var(--zm-link);
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.25em;
}

.support-notice{
  margin-top:var(--zm-space-5);
}

.support-status-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--zm-space-5);
  margin:0;
  padding:0;
  list-style:none;
}

.support-status-grid>*{
  min-width:0;
}

.support-status-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--zm-space-4);
  align-items:start;
  padding:var(--zm-space-5);
  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);}

.support-status-card__index{
  display:grid;
  width:2.5rem;
  height:2.5rem;
  place-items:center;
  color:#061018;
  background:var(--zm-orange);
  border-radius:50%;
  font-family:var(--zm-font-mono);
  font-size:var(--zm-text-sm);
  font-weight:700;
}

.support-status-card__body{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--zm-space-2);
}

.support-status-card__body p{
  color:var(--zm-muted);
}

.support-status-card__body strong{
  font-size:var(--zm-text-sm);
}

.support-section-head--dark h2,
.support-section-head--dark p{
  color:var(--zm-paper);
}

.support-section-head--dark .page-kicker{
  color:var(--zm-amber);
}

.support-diagnostic{
  margin-bottom:var(--zm-space-5);
}

.support-diagnostic>.c-terminal{
  min-height:100%;
}

.support-diagnostic>.c-terminal pre{
  min-height:calc(100% - 2.25rem);
}

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

.support-side-card p{
  color:var(--zm-muted);
}

.support-side-card .c-btn{
  margin-top:auto;
}

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

.support-check-grid>*{
  min-width:0;
}

.support-check{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-2);
  padding:var(--zm-space-5);
  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);}

.support-check>span{
  color:var(--zm-link);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-text-sm);
  font-weight:700;
}

.support-check p{
  color:var(--zm-muted);
}

.support-build-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(20rem,.88fr);
  gap:var(--zm-space-5);
  align-items:start;
}

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

.support-build-steps{
  display:flex;
  flex-direction:column;
  gap:var(--zm-space-3);
  margin:0;
  padding:0;
  list-style:none;
}

.support-build-step{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--zm-space-4);
  align-items:start;
  padding:var(--zm-space-5);
  color:var(--zm-ink);
  background:var(--zm-paper);
  border:1px solid var(--zm-line);
  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);}

.support-build-step>span{
  display:grid;
  width:2.25rem;
  height:2.25rem;
  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;
}

.support-build-step>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--zm-space-2);
}

.support-build-step p{
  color:var(--zm-muted);
}

.support-build-step code{
  overflow-wrap:anywhere;
  color:#E8F0FA;
  background:var(--zm-surface);
  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);}

.support-build-terminal{
  position:sticky;
  top:7rem;
}

.support-faq .c-faq__content{
  padding-top:var(--zm-space-4);
  border-top:1px solid var(--zm-line);
}

.support-faq .c-faq__content p{
  max-width:66ch;
}

.support-ticket-layout{
  align-items:stretch;
}

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

.support-ticket-list{
  display:flex;
  width:100%;
  flex-direction:column;
  gap:var(--zm-space-3);
  margin-top:var(--zm-space-3);
  padding:0;
  list-style:none;
}

.support-ticket-list li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--zm-space-4);
  align-items:start;
  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);}

.support-ticket-list li>span{
  color:var(--zm-link);
  font-family:var(--zm-font-mono);
  font-size:var(--zm-text-sm);
  font-weight:700;
}

.support-ticket-list li>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--zm-space-2);
}

.support-ticket-list p{
  color:var(--zm-muted);
}

.support-closing-section{
  color:var(--zm-paper);
  background:var(--zm-dark);
}

.support-closing-section .c-closing{
  border-color:var(--zm-line-dark);
}

.support-closing__copy{
  display:flex;
  min-width:0;
  max-width:46rem;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--zm-space-2);
}

.support-closing__copy .c-badge{
  color:#E8F0FA;
  background:var(--zm-warm);--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);}

.support-closing__copy h2{
  color:var(--zm-paper);
}

.support-closing__copy p{
  color:var(--zm-muted-on-dark);
}

.support-closing__actions{
  display:flex;
  min-width:min(100%,14rem);
  flex-direction:column;
  align-items:stretch;
  gap:var(--zm-space-2);
}

.support-closing__actions .c-btn{
  width:100%;
}

@media(min-width:1440px){
  .support-hero__grid{
    gap:var(--zm-space-8);
  }
}

@media(max-width:900px){
  .support-hero__grid,
  .support-build-layout{
    grid-template-columns:1fr;
  }

  .support-build-terminal{
    position:static;
  }

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

@media(max-width:768px){
  .support-hero__grid{
    padding-block:var(--zm-space-7);
  }

  .support-data-band{
    grid-template-columns:1fr;
  }

  .support-data-band .page-data-band__item+.page-data-band__item{
    border-top:1px solid var(--zm-line-dark);
    border-left:0;
  }

  .page-section__head{
    grid-template-columns:1fr;
    gap:var(--zm-space-4);
  }

  .support-heading h2{
    max-width:20ch;
  }

  .support-status-grid,
  .support-check-grid{
    grid-template-columns:1fr;
  }

  .support-diagnostic{
    grid-template-columns:1fr;
  }

  .support-closing__actions{
    width:100%;
  }
}

@media(max-width:390px){
  .support-hero__actions,
  .support-hero__actions .c-btn{
    width:100%;
  }

  .support-hero-panel__head{
    align-items:flex-start;
    flex-direction:column;
  }

  .support-hero-panel__route{
    grid-template-columns:1fr;
  }

  .support-hero-panel__route>span{
    grid-row:auto;
  }

  .support-status-card,
  .support-build-step,
  .support-ticket-list li{
    grid-template-columns:1fr;
  }

  .support-status-card__index,
  .support-build-step>span{
    width:2.25rem;
    height:2.25rem;
  }

  .support-closing__actions .c-btn{
    white-space:normal;
  }
}
