.support-hero{
  overflow:hidden;
}

.support-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:var(--mr-space-5);
  margin-top:var(--mr-space-4);
}

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

.support-hero .c-badge + .page-hero__title{
  margin-top:var(--mr-space-2);
}

.support-hero__facts{
  display:flex;
  flex-wrap:wrap;
  gap:var(--mr-space-1);
  margin-top:var(--mr-space-3);
  color:var(--mr-color-text-muted);
  font-family:var(--mr-font-mono);
  font-size:var(--mr-fs-0);
}

.support-hero__facts span{
  display:inline-flex;
  align-items:center;
  gap:var(--mr-space-1);
}

.support-hero__facts span::before{
  content:"";
  width:.4375rem;
  height:.4375rem;
  flex:0 0 auto;
  border-radius:var(--mr-radius-pill);
  background:var(--mr-color-primary);
}

.support-hero__stage{
  position:relative;
  min-width:0;
  min-height:30rem;
  display:grid;
  align-items:end;
  overflow:hidden;
  border:1px solid var(--mr-line-purple);
  border-radius:var(--mr-radius-lg);
  background:var(--mr-color-surface);
  box-shadow:var(--mr-shadow-md);
}

.support-hero__scene{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.support-diagnostic{
  position:relative;
  z-index:1;
  width:min(90%,var(--mr-container-narrow));
  margin:var(--mr-space-3);
  overflow:hidden;
  border:1px solid var(--mr-line);
  border-radius:var(--mr-radius-md);
  background:var(--mr-color-dark-deep);
  box-shadow:var(--mr-shadow-md);
}

.support-diagnostic__head{
  display:flex;
  min-width:0;
  align-items:center;
  gap:var(--mr-space-1);
  padding:var(--mr-space-1) var(--mr-space-2);
  color:var(--mr-color-text-muted);
  border-bottom:1px solid var(--mr-line-purple);
  font-family:var(--mr-font-mono);
  font-size:var(--mr-fs-0);
}

.support-diagnostic__head span:last-child{
  min-width:0;
  overflow-wrap:anywhere;
}

.support-diagnostic__dot{
  width:.625rem;
  height:.625rem;
  flex:0 0 auto;
  border-radius:var(--mr-radius-pill);
}

.support-diagnostic__dot--danger{
  background:var(--mr-color-danger);
}

.support-diagnostic__dot--warning{
  background:var(--mr-color-warning);
}

.support-diagnostic__dot--success{
  background:var(--mr-color-success);
}

.support-diagnostic__body{
  padding:var(--mr-space-3);
  font-size:var(--mr-fs-0);
}

.support-diagnostic__body p{
  margin-bottom:var(--mr-space-1);
}

.support-diagnostic__body p:last-child{
  margin-bottom:0;
}

.support-diagnostic__body p span,
.support-diagnostic__ok{
  color:var(--mr-color-primary);
}

.support-diagnostic__muted{
  color:var(--mr-color-text-muted);
}

.support-section-heading{
  max-width:var(--mr-container-narrow);
  margin-bottom:var(--mr-space-4);
}

.support-section-heading .c-badge{
  width:fit-content;
  align-self:flex-start;
}

.support-section-heading .c-badge + h2{
  margin-top:var(--mr-space-2);
}

.support-section-heading h2 + p{
  margin-top:var(--mr-space-2);
}

.support-section-heading p{
  color:var(--mr-color-text-muted);
}

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

.support-steps>li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--mr-space-3);
  padding:var(--mr-space-4);
}

.support-step__number{
  display:grid;
  width:2.75rem;
  height:2.75rem;
  place-items:center;
  color:var(--mr-color-dark);
  border-radius:var(--mr-radius-sm);
  background:var(--mr-color-primary);
  font-family:var(--mr-font-mono);
  font-size:var(--mr-fs-0);
  font-weight:var(--mr-weight-black);
}

.support-steps>li>div{
  min-width:0;
}

.support-steps h3 + p{
  margin-top:var(--mr-space-2);
}

.support-steps p{
  color:var(--mr-color-text-muted);
}

.support-steps .c-code{
  margin-top:var(--mr-space-3);
}

.support-access-grid{
  align-items:start;
}

.support-access-card>svg{
  width:2rem;
  height:2rem;
  margin-bottom:var(--mr-space-2);
  color:var(--mr-color-primary);
}

.support-access-card h3 + p{
  margin-top:var(--mr-space-2);
}

.support-access-card p{
  color:var(--mr-color-text-muted);
}

.support-access-card .c-code{
  margin-top:var(--mr-space-3);
}

.support-check-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--mr-space-4);
  align-items:start;
}

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

.support-command-panel{
  padding:var(--mr-space-4);
  border:1px solid var(--mr-line);
  border-radius:var(--mr-radius-lg);
  background:var(--mr-color-surface);
  box-shadow:var(--mr-shadow-sm);
}

.support-command-panel h3{
  margin-bottom:var(--mr-space-3);
}

.support-checklist{
  display:grid;
  gap:var(--mr-space-2);
}

.support-checklist article{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--mr-space-2);
  padding-bottom:var(--mr-space-2);
  border-bottom:1px solid var(--mr-line-purple);
}

.support-checklist__index{
  display:grid;
  width:2rem;
  height:2rem;
  place-items:center;
  color:var(--mr-color-primary);
  border:1px solid var(--mr-line-strong);
  border-radius:var(--mr-radius-sm);
  font-family:var(--mr-font-mono);
  font-size:var(--mr-fs-0);
  font-weight:var(--mr-weight-black);
}

.support-checklist h3{
  font-size:var(--mr-fs-3);
}

.support-checklist h3 + p{
  margin-top:var(--mr-space-1);
}

.support-checklist p{
  margin-bottom:0;
  color:var(--mr-color-text-muted);
}

.support-build-command{
  margin-top:var(--mr-space-4);
}

.support-runner-grid{
  align-items:stretch;
}

.support-runner-card{
  height:100%;
  display:flex;
  min-width:0;
  flex-direction:column;
}

.support-runner-card__label{
  width:fit-content;
  max-width:100%;
  padding:.35rem .55rem;
  color:var(--mr-color-primary);
  border:1px solid var(--mr-line);
  border-radius:var(--mr-radius-sm);
  font-family:var(--mr-font-mono);
  font-size:var(--mr-fs-0);
  font-weight:var(--mr-weight-bold);
}

.support-runner-card__label + h3{
  margin-top:var(--mr-space-2);
}

.support-runner-card h3 + p{
  margin-top:var(--mr-space-2);
}

.support-runner-card p,
.support-runner-card li{
  color:var(--mr-color-text-muted);
}

.support-runner-card ul{
  display:grid;
  gap:var(--mr-space-1);
  margin-bottom:var(--mr-space-3);
}

.support-runner-card .c-code{
  margin-top:auto;
}

.support-pipeline{
  margin-top:var(--mr-space-4);
  padding:var(--mr-space-4);
  border:1px solid var(--mr-line);
  border-radius:var(--mr-radius-lg);
  background:var(--mr-color-surface-raised);
}

.support-pipeline h3{
  margin-bottom:var(--mr-space-3);
}

.support-pipeline ol{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--mr-space-2) var(--mr-space-4);
}

.support-pipeline li{
  min-width:0;
  color:var(--mr-color-text-muted);
}

.support-pipeline strong{
  color:var(--mr-color-text);
}

.support-faqs{
  max-width:var(--mr-container-narrow);
}

.support-region-grid{
  align-items:stretch;
}

.support-region-card{
  height:100%;
}

.support-region-card__code{
  display:inline-flex;
  margin-bottom:var(--mr-space-2);
  padding:.35rem .55rem;
  color:var(--mr-color-dark);
  border-radius:var(--mr-radius-sm);
  background:var(--mr-color-primary);
  font-family:var(--mr-font-mono);
  font-size:var(--mr-fs-0);
  font-weight:var(--mr-weight-black);
}

.support-region-card h3 + p{
  margin-top:var(--mr-space-2);
}

.support-region-card p{
  margin-bottom:0;
  color:var(--mr-color-text-muted);
}

.support-network-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--mr-space-3);
}

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

.support-network-check{
  padding:var(--mr-space-4);
  border:1px solid var(--mr-line-purple);
  border-radius:var(--mr-radius-md);
  background:var(--mr-color-surface);
}

.support-network-check h3 + p{
  margin-top:var(--mr-space-2);
}

.support-network-check p{
  color:var(--mr-color-text-muted);
}

.support-network-check .c-code{
  margin-top:var(--mr-space-3);
}

.support-inline-link{
  color:var(--mr-color-primary);
  font-family:var(--mr-font-mono);
  overflow-wrap:anywhere;
}

.support-inline-link:hover{
  text-decoration:underline;
}

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

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

.support-ticket-card{
  height:auto;
}

.support-ticket-card>svg{
  width:2rem;
  height:2rem;
  margin-bottom:var(--mr-space-2);
  color:var(--mr-color-violet);
}

.support-ticket-card h3{
  margin-bottom:var(--mr-space-3);
}

.support-ticket-card ul{
  display:grid;
  gap:var(--mr-space-1);
}

.support-ticket-card--dark>svg{
  color:var(--mr-color-primary);
}

.support-ticket-card--dark li,
.support-ticket-card--dark p{
  color:var(--mr-color-text-muted);
}

.support-ticket-card--dark p{
  margin-top:var(--mr-space-3);
  margin-bottom:0;
}

.support-response{
  padding:var(--mr-space-4);
  border:1px solid var(--mr-line);
  border-radius:var(--mr-radius-lg);
  background:var(--mr-color-surface-raised);
}

.support-response h3{
  margin-bottom:var(--mr-space-3);
}

.support-response__flow{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:var(--mr-space-2);
}

.support-response__flow span{
  min-width:0;
  padding:var(--mr-space-2);
  color:var(--mr-color-dark);
  border-radius:var(--mr-radius-sm);
  background:var(--mr-color-accent);
  font-size:var(--mr-fs-1);
  font-weight:var(--mr-weight-bold);
  text-align:center;
}

.support-response p{
  margin-top:var(--mr-space-3);
  margin-bottom:0;
  color:var(--mr-color-text-muted);
}

.page-cta .c-badge{
  width:fit-content;
  align-self:flex-start;
}

.page-cta .c-badge + h2{
  margin-top:var(--mr-space-2);
}

.page-cta h2 + p{
  margin-top:var(--mr-space-2);
}

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

  .support-hero__stage{
    min-height:26rem;
  }

  .support-steps,
  .support-network-grid,
  .support-escalation-grid{
    grid-template-columns:1fr;
  }

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

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

@media(max-width:640px){
  .support-hero__grid{
    gap:var(--mr-space-4);
  }

  .support-hero__stage{
    min-height:22rem;
  }

  .support-diagnostic{
    width:auto;
    margin:var(--mr-space-2);
  }

  .support-diagnostic__head{
    gap:.5rem;
  }

  .support-steps>li{
    grid-template-columns:1fr;
    padding:var(--mr-space-3);
  }

  .support-command-panel,
  .support-network-check,
  .support-pipeline,
  .support-response{
    padding:var(--mr-space-3);
  }

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

  .support-section-heading{
    margin-bottom:var(--mr-space-3);
  }

  .support-hero .page-hero__actions,
  .page-cta .page-hero__actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .support-hero .page-hero__actions .c-btn,
  .page-cta .page-hero__actions .c-btn{
    width:100%;
  }
}

@media(max-width:390px){
  .support-hero__stage{
    min-height:20rem;
  }

  .support-diagnostic__body{
    padding:var(--mr-space-2);
  }

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