.support-hero{
  padding-block:var(--space-5) var(--space-6);
  background:var(--paper);
  color:var(--ink);
}

.support-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(24rem,1.08fr);
  align-items:center;
  gap:var(--space-5);
}

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

.support-hero__copy{
  display:grid;
  gap:var(--space-1);
  align-content:start;
}

.support-hero__copy .c-breadcrumb{
  margin-block-end:var(--space-3);
}

.support-hero__copy .p-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
}

.support-hero__lead{
  max-width:42rem;
  color:var(--muted);
  font-size:var(--text-lg);
}

.support-hero__facts{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-3);
  margin-block-start:var(--space-3);
  padding-block:var(--space-2);
  border-block:1px solid var(--line);
}

.support-hero__facts div{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:baseline;
  gap:var(--space-1);
  min-width:0;
}

.support-hero__facts strong{
  color:var(--green-deep);
  font-size:var(--text-xl);
  line-height:1;
}

.support-hero__facts span{
  color:var(--muted);
  font-size:var(--text-sm);
}

.support-hero__actions{
  justify-content:flex-start;
  margin-block-start:var(--space-2);
}

.support-ledger{
  min-width:0;
  overflow:hidden;
  border-radius:var(--radius-xl);
  background:var(--ink);
  color:var(--paper);
  box-shadow:var(--shadow-soft);
}

.support-ledger__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-3);
  padding:var(--space-3);
  background:var(--dark-card);
  color:var(--paper);
}

.support-ledger__head>div{
  display:grid;
  gap:var(--space-1);
  min-width:0;
}

.support-ledger__eyebrow{
  color:#b9efbf;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:700;
  letter-spacing:.08em;
}

.support-ledger__head h2{
  max-width:27rem;
  color:var(--paper);
  font-size:var(--text-2xl);
}

.support-ledger__body{
  display:grid;
  padding:var(--space-3);
  background:var(--ink);
  color:var(--paper);
}

.support-ledger__row{
  display:grid;
  grid-template-columns:minmax(max-content,.42fr) minmax(0,1fr);
  gap:var(--space-3);
  padding-block:var(--space-2);
  border-block-end:1px solid var(--line-inverse);
}

.support-ledger__row span{
  color:#aaa69b;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
}

.support-ledger__row strong{
  color:var(--paper);
  font-size:var(--text-sm);
  font-weight:650;
}

.support-ledger__foot{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--space-1);
  align-items:start;
  padding:var(--space-3);
  background:var(--green-pale);
  color:var(--green-deep);
}

.support-ledger__foot svg{
  width:1.25rem;
  height:1.25rem;
}

.support-ledger__foot p{
  color:var(--green-deep);
  font-size:var(--text-sm);
}

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

.support-route-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-lg);
  background:var(--white);
  color:var(--ink);
}

.support-route-card>svg{
  width:1.5rem;
  height:1.5rem;
  margin-block-end:var(--space-1);
  color:var(--green);
}

.support-route-card h3{
  margin-block-end:var(--space-1);
  color:var(--ink);
}

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

.support-route-card a{
  width:fit-content;
  max-width:100%;
  margin-block-start:var(--space-2);
  color:var(--green-deep);
  font-size:var(--text-sm);
  font-weight:750;
  text-decoration:underline;
  text-decoration-color:rgba(24,113,58,.3);
  text-underline-offset:.2em;
}

.support-route-card a:hover{
  text-decoration-color:var(--green);
}

.support-route-note{
  margin-block-start:var(--space-3);
}

.support-route-note p{
  color:var(--green-deep);
}

.support-check-layout{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr);
  gap:var(--space-3);
  align-items:stretch;
}

.support-checklist{
  display:grid;
  gap:var(--space-2);
  margin:0;
  padding:0;
  list-style:none;
}

.support-checklist li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--space-2);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-lg);
  background:var(--surface);
  color:var(--ink);
}

.support-checklist__number{
  display:grid;
  width:2.5rem;
  height:2.5rem;
  place-items:center;
  border-radius:50%;
  background:var(--green-deep);
  color:var(--white);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:700;
}

.support-checklist li>div{
  display:grid;
  gap:var(--space-1);
  min-width:0;
}

.support-checklist h3{
  color:var(--ink);
}

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

.support-security-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-xl);
  background:var(--green-deep);
  color:var(--white);
}

.support-security-card__icon{
  display:grid;
  width:3rem;
  height:3rem;
  place-items:center;
  margin-block-end:var(--space-2);
  border-radius:50%;
  background:var(--green-pale);
  color:var(--green-deep);
}

.support-security-card__icon svg{
  width:1.4rem;
  height:1.4rem;
}

.support-security-card .p-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:#b9efbf;
}

.support-security-card h3{
  margin-block-start:var(--space-1);
  color:var(--white);
  font-size:var(--text-2xl);
}

.support-security-card p{
  margin-block-start:var(--space-1);
  color:#dcefe0;
}

.support-security-card ul{
  display:grid;
  gap:var(--space-1);
  margin-block:var(--space-3);
  color:#dcefe0;
}

.support-security-card .c-btn{
  margin-block-start:auto;
}

.support-dark-head{
  color:var(--paper);
}

.support-dark-head h2{
  color:var(--paper);
}

.support-dark-head p{
  color:#aaa69b;
}

.support-dark-head .p-kicker{
  color:#b9efbf;
}

.support-build-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);
  gap:var(--space-3);
  align-items:start;
}

.support-command-sheet{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:var(--paper);
  color:var(--ink);
}

.support-command-sheet__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-2) var(--space-3);
  background:var(--surface-deep);
  color:var(--ink);
  font-size:var(--text-sm);
  font-weight:750;
}

.support-command-sheet__head span:last-child{
  color:var(--green-deep);
  font-size:var(--text-xs);
}

.support-command-sheet pre{
  flex:1;
  margin:0;
  border-radius:0;
  background:#111007;
  color:#dce4d9;
}

.support-command-sheet__note{
  padding:var(--space-3);
  background:var(--paper);
  color:var(--ink);
}

.support-command-sheet__note p{
  color:var(--muted);
}

.support-build-cards{
  display:grid;
  grid-template-rows:auto;
  align-content:start;
  gap:var(--space-3);
  min-width:0;
}

.support-build-cards article{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-lg);
  background:var(--dark-card);
  color:var(--paper);
}

.support-build-cards .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
}

.support-build-cards h3{
  margin-block-start:var(--space-1);
  color:var(--paper);
}

.support-build-cards p{
  margin-block-start:var(--space-1);
  color:#aaa69b;
}

.support-build-sequence{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-3);
  margin-block-start:var(--space-3);
}

.support-build-sequence div{
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-lg);
  background:var(--green-pale);
  color:var(--green-deep);
}

.support-build-sequence strong{
  display:block;
  margin-block-end:var(--space-1);
  color:var(--green);
  font-size:var(--text-xl);
}

.support-build-sequence span{
  display:block;
  margin-block-end:var(--space-1);
  color:var(--green-deep);
  font-weight:750;
}

.support-build-sequence p{
  color:var(--green-deep);
  font-size:var(--text-sm);
}

.support-performance{
  align-items:stretch;
}

.support-metrics-panel{
  min-width:0;
  overflow:hidden;
  border-radius:var(--radius-xl);
  background:var(--ink);
  color:var(--paper);
}

.support-metrics-panel__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-3);
  padding:var(--space-3);
  background:var(--dark-card);
  color:var(--paper);
}

.support-metrics-panel__head>div{
  display:grid;
  gap:var(--space-1);
  min-width:0;
}

.support-metrics-panel__label{
  color:#b9efbf;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
}

.support-metrics-panel__head h3{
  color:var(--paper);
  font-size:var(--text-2xl);
}

.support-metric-list{
  display:grid;
  padding:var(--space-3);
  background:var(--ink);
  color:var(--paper);
}

.support-metric-list>div{
  display:grid;
  grid-template-columns:minmax(max-content,.24fr) minmax(0,1fr) minmax(min-content,.55fr);
  gap:var(--space-2);
  align-items:center;
  padding-block:var(--space-2);
  border-block-end:1px solid var(--line-inverse);
}

.support-metric-list span{
  color:#b9efbf;
  font-family:var(--font-mono);
  font-size:var(--text-sm);
  font-weight:700;
}

.support-metric-list strong{
  color:var(--paper);
  font-size:var(--text-sm);
}

.support-metric-list code{
  min-width:0;
  overflow-wrap:anywhere;
  background:var(--dark-card-2);
  color:#dce4d9;
}

.support-plan-path{
  grid-auto-rows:1fr;
}

.support-plan-path article{
  gap:var(--space-1);
}

.support-plan-path .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
}

.support-plan-path h3{
  color:var(--ink);
}

.support-plan-path p{
  color:var(--muted);
}

.support-storage-decisions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-3);
  align-items:start;
  margin-block-start:var(--space-3);
}

.support-storage-decisions article{
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-lg);
  background:var(--green-pale);
  color:var(--green-deep);
}

.support-storage-decisions h3{
  margin-block-end:var(--space-1);
  color:var(--green-deep);
}

.support-storage-decisions p{
  color:var(--green-deep);
}

.support-sla{
  padding-block:var(--space-6);
  background:var(--green);
  color:var(--white);
}

.support-sla__inner{
  display:grid;
  grid-template-columns:minmax(18rem,.65fr) minmax(0,1.35fr);
  gap:var(--space-4);
  align-items:start;
}

.support-sla__summary{
  display:grid;
  gap:var(--space-1);
  min-width:0;
}

.support-sla__summary .p-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:#dcefe0;
}

.support-sla__number{
  display:grid;
  gap:var(--space-1);
  margin-block-start:var(--space-2);
}

.support-sla__number strong{
  color:var(--white);
  font-size:clamp(3.5rem,8vw,6.5rem);
  line-height:.9;
  letter-spacing:-.06em;
}

.support-sla__number span{
  color:#dcefe0;
  font-weight:750;
}

.support-sla__summary p{
  max-width:32rem;
  color:#dcefe0;
}

.support-sla__meter{
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-xl);
  background:var(--green-deep);
  color:var(--white);
}

.support-sla__meter-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-3);
}

.support-sla__meter-head>div{
  display:grid;
  gap:var(--space-1);
  min-width:0;
}

.support-sla__meter-head h2{
  color:var(--white);
  font-size:var(--text-2xl);
}

.support-sla__meter-head p{
  color:#c0d7c5;
}

.support-sla__segments{
  display:grid;
  grid-template-columns:repeat(30,minmax(.3rem,1fr));
  gap:.22rem;
  margin-block-start:var(--space-3);
}

.support-sla__segments span{
  min-width:0;
  height:4.5rem;
  border-radius:var(--radius-pill);
  background:var(--green-bright);
}

.support-sla__segments span:nth-child(19){
  background:var(--warning);
}

.support-sla__legend{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-2);
  margin-block-start:var(--space-2);
  color:#c0d7c5;
  font-size:var(--text-xs);
}

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

.support-sla__legend i{
  display:block;
  width:.65rem;
  height:.65rem;
  border-radius:50%;
}

.support-sla__normal{
  background:var(--green-bright);
}

.support-sla__closed{
  background:var(--warning);
}

.support-sla__policy{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
  gap:var(--space-3);
  align-items:center;
  padding-block-start:var(--space-3);
  border-block-start:1px solid rgba(255,255,255,.18);
}

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

.support-sla__policy h3{
  margin-block-end:var(--space-1);
  color:var(--white);
}

.support-sla__policy p{
  color:#dcefe0;
}

.support-sla__policy .c-actions{
  display:grid;
  justify-items:stretch;
}

.support-sla__ghost{
  border-color:rgba(255,255,255,.48);
  color:var(--white);
}

.support-sla__ghost:hover{
  background:var(--white);
  border-color:var(--white);
  color:var(--green-deep);
}

.support-ticket-layout{
  display:grid;
  grid-template-columns:minmax(22rem,.9fr) minmax(0,1.1fr);
  gap:var(--space-3);
  align-items:stretch;
}

.support-ticket-template{
  min-width:0;
  overflow:hidden;
  border-radius:var(--radius-xl);
  background:var(--ink);
  color:var(--paper);
}

.support-ticket-template__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-2) var(--space-3);
  background:var(--dark-card);
  color:var(--paper);
  font-size:var(--text-sm);
  font-weight:750;
}

.support-ticket-template__head span:last-child{
  color:#b9efbf;
  font-size:var(--text-xs);
}

.support-ticket-template pre{
  margin:0;
  border-radius:0;
  background:var(--ink);
  color:#dce4d9;
}

.support-ticket-template__foot{
  padding:var(--space-3);
  background:var(--green-pale);
  color:var(--green-deep);
}

.support-ticket-template__foot p{
  color:var(--green-deep);
  font-size:var(--text-sm);
}

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

.support-evidence-grid article{
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-lg);
  background:var(--surface);
  color:var(--ink);
}

.support-evidence-grid span{
  display:block;
  margin-block-end:var(--space-1);
  color:var(--green);
  font-weight:750;
}

.support-evidence-grid h3{
  margin-block-end:var(--space-1);
  color:var(--ink);
}

.support-evidence-grid p{
  color:var(--muted);
  font-size:var(--text-sm);
}

.support-boundary-table{
  border-radius:var(--radius-lg);
}

.support-boundary-table caption{
  padding:var(--space-2);
  background:var(--surface-deep);
  color:var(--ink);
  font-size:var(--text-sm);
  font-weight:700;
  text-align:left;
}

.support-boundary-table tbody th{
  color:var(--ink);
  font-weight:750;
}

.support-boundary-notes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-3);
  align-items:start;
  margin-block-start:var(--space-3);
}

.support-boundary-notes article{
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-lg);
  background:var(--white);
  color:var(--ink);
}

.support-boundary-notes h3{
  margin-block-end:var(--space-1);
  color:var(--ink);
}

.support-boundary-notes p{
  color:var(--muted);
}

.support-final{
  padding-block:var(--space-5);
  background:var(--ink);
  color:var(--paper);
}

.support-final__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-4);
}

.support-final__copy{
  display:grid;
  gap:var(--space-1);
  max-width:48rem;
  min-width:0;
}

.support-final__copy .p-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:#b9efbf;
}

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

.support-final__copy p{
  color:#aaa69b;
}

.support-final__copy a:not(.c-btn){
  color:#b9efbf;
  overflow-wrap:anywhere;
  text-decoration:underline;
  text-underline-offset:.2em;
}

.support-final__actions{
  display:grid;
  gap:var(--space-1);
  flex:none;
  min-width:min(100%,15rem);
}

.support-final__ghost{
  border-color:rgba(255,255,255,.42);
  color:var(--paper);
}

.support-final__ghost:hover{
  background:var(--surface);
  border-color:var(--surface);
  color:var(--ink);
}

@media (max-width:64rem){
  .support-hero__grid{
    grid-template-columns:1fr;
  }

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

  .support-check-layout,
  .support-build-grid,
  .support-ticket-layout{
    grid-template-columns:1fr;
  }

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

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

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

  .support-sla__policy .c-actions{
    grid-column:1/-1;
    display:flex;
  }

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

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

@media (max-width:47.99rem){
  .support-hero{
    padding-block:var(--space-4) var(--space-5);
  }

  .support-hero__grid{
    gap:var(--space-4);
  }

  .support-hero__facts{
    display:grid;
    grid-template-columns:1fr;
    gap:var(--space-1);
  }

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

  .support-ledger__head{
    flex-direction:column;
  }

  .support-ledger__row{
    grid-template-columns:1fr;
    gap:var(--space-1);
  }

  .support-route-grid,
  .support-storage-decisions,
  .support-boundary-notes{
    grid-template-columns:1fr;
  }

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

  .support-security-card{
    padding:var(--space-3);
  }

  .support-build-sequence,
  .support-evidence-grid{
    grid-template-columns:1fr;
  }

  .support-metrics-panel__head{
    flex-direction:column;
  }

  .support-metric-list>div{
    grid-template-columns:1fr;
    gap:var(--space-1);
  }

  .support-sla__meter{
    padding:var(--space-3);
  }

  .support-sla__meter-head{
    flex-direction:column;
  }

  .support-sla__segments{
    gap:.14rem;
  }

  .support-sla__segments span{
    height:3.25rem;
  }

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

  .support-sla__policy .c-actions{
    grid-column:auto;
    display:grid;
  }

  .support-ticket-template__head,
  .support-command-sheet__head{
    align-items:flex-start;
    flex-direction:column;
  }

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

@media (max-width:24.375rem){
  .support-hero__facts div{
    grid-template-columns:1fr;
    gap:.25rem;
  }

  .support-sla__segments{
    grid-template-columns:repeat(15,minmax(.35rem,1fr));
  }

  .support-sla__segments span{
    height:2.5rem;
  }
}