.support-hero{
  color:#171419;
  background:#F4EFF1;
  padding-block:var(--vm-hero-pad);
}

.support-hero-inner{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  align-items:start;
  gap:clamp(var(--vm-space-4),6vw,var(--vm-space-7));
}

.support-hero-copy{
  min-width:0;
  align-items:flex-start;
}

.support-hero-copy h1{
  max-width:15ch;
  font-size:clamp(2.25rem,4.7vw,3.75rem);
  line-height:1.16;
}

.support-hero-lead{
  max-width:43rem;
  margin-top:var(--vm-space-2);
  color:#555159;
  font-size:var(--vm-fs-3);
}

.support-hero-actions{
  justify-content:flex-start;
  margin-block:var(--vm-space-3);
}

.support-hero-facts{
  display:grid;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:0 0 var(--vm-space-3);
  padding-top:var(--vm-space-3);
  border-top:1px solid rgba(23,20,25,.14);
}

.support-hero-facts div{
  min-width:0;
  padding-right:var(--vm-space-2);
}

.support-hero-facts div+div{
  padding-left:var(--vm-space-2);
  border-left:1px solid rgba(23,20,25,.14);
}

.support-hero-facts dt{
  color:#171419;
  font-size:var(--vm-fs-4);
}

.support-hero-facts dd{
  margin-top:var(--vm-space-1);
  color:#666269;
}

.support-calibration-stage{
  width:100%;
  min-width:0;
  align-self:start;
  height:auto;
  padding:0;
  overflow:hidden;
  border-radius:var(--vm-radius-lg);
  color:#F7F5F8;
  background:#171419;
  box-shadow:var(--vm-shadow);
}

.support-calibration{
  width:100%;
  height:auto;
  color:#F7F5F8;
  background:#171419;
}

.support-calibration-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--vm-space-2);
  padding:var(--vm-space-3) var(--vm-space-4);
  color:#FFFFFF;
  background:#7A1FA2;
}

.support-calibration-head div{
  min-width:0;
}

.support-calibration-head span,
.support-calibration-head strong{
  display:block;
  overflow-wrap:anywhere;
}

.support-calibration-head span{
  font-size:var(--vm-fs-0);
  font-weight:700;
}

.support-calibration-head strong{
  margin-top:var(--vm-space-1);
  font-size:var(--vm-fs-2);
}

.support-calibration-state{
  flex:0 0 auto;
  padding:.45rem .7rem;
  border-radius:999px;
  color:#171419;
  background:#FFFFFF;
}

.support-calibration-body{
  padding:var(--vm-space-4);
  color:#F7F5F8;
  background:#211F24;
}

.support-calibration-axis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  margin-left:min(11rem,34%);
  padding-bottom:var(--vm-space-1);
  color:#AAA6AE;
}

.support-calibration-axis span{
  font-family:var(--vm-font-mono);
  font-size:var(--vm-fs-0);
  font-variant-numeric:tabular-nums;
}

.support-calibration-axis span:not(:first-child){
  text-align:right;
}

.support-calibration-row{
  display:grid;
  grid-template-columns:minmax(8rem,.72fr) minmax(0,1fr) auto;
  align-items:center;
  gap:var(--vm-space-2);
  min-width:0;
  padding-block:var(--vm-space-2);
  border-top:1px solid rgba(255,255,255,.14);
}

.support-calibration-label{
  min-width:0;
}

.support-calibration-label strong,
.support-calibration-label span{
  display:block;
}

.support-calibration-label strong{
  color:#F7F5F8;
  font-size:var(--vm-fs-2);
}

.support-calibration-label span{
  margin-top:.35rem;
  color:#AAA6AE;
  font-size:var(--vm-fs-0);
  overflow-wrap:anywhere;
}

.support-meter{
  min-width:0;
  height:.5rem;
  overflow:hidden;
  border-radius:999px;
  color:#F7F5F8;
  background:#3B3840;
}

.support-meter span{
  display:block;
  height:100%;
  border-radius:inherit;
  color:#FFFFFF;
  background:#A852C9;
}

.support-calibration-row b{
  color:#D8D4DB;
  font-size:var(--vm-fs-0);
  white-space:nowrap;
}

.support-calibration-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--vm-space-2);
  padding:var(--vm-space-3) var(--vm-space-4);
  color:#F7F5F8;
  background:#171419;
}

.support-calibration-foot span{
  color:#AAA6AE;
  font-size:var(--vm-fs-0);
}

.support-calibration-foot strong{
  font-size:var(--vm-fs-1);
  text-align:right;
}

.support-section-head{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1fr);
  align-items:end;
  gap:var(--vm-space-4);
  margin-bottom:var(--vm-space-5);
}

.support-section-head>div,
.support-section-head>p{
  min-width:0;
}

.support-section-head>p{
  color:currentColor;
  opacity:.76;
}

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

.support-route-card{
  display:flex;
  min-height:0;
  flex-direction:column;
  align-items:flex-start;
  padding-inline:var(--vm-space-3);
}

.support-card-mark{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--vm-space-1);
  margin-bottom:var(--vm-space-2);
}

.support-icon-chip{
  display:inline-flex;
  width:2.25rem;
  height:2.25rem;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  border-radius:var(--vm-radius-sm);
  color:#FFFFFF;
  background:#7A1FA2;
}

.support-icon-chip svg{
  width:1.15rem;
  height:1.15rem;
}

.support-route-card h3{
  width:100%;
}

.support-route-card p,
.support-cicd-card p{
  margin-top:var(--vm-space-1);
}

.support-card-link{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  margin-top:var(--vm-space-3);
  color:currentColor;
  font-size:var(--vm-fs-1);
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);
  text-underline-offset:.25rem;
  overflow-wrap:anywhere;
}

.support-route-note,
.support-network-note{
  margin-top:var(--vm-space-4);
}

.support-setup-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);
  align-items:stretch;
  gap:var(--vm-space-3);
}

.support-timeline{
  isolation:isolate;
  margin:0;
  padding:0;
  list-style:none;
  color:#171419;
  background:#FFFFFF;
  border-radius:var(--vm-radius-md);
}

.c-timeline.support-timeline::before{
  z-index:0;
  top:calc(var(--vm-space-3) + 1.25rem);
  right:auto;
  bottom:calc(var(--vm-space-3) + 1.25rem);
  left:calc(var(--vm-space-3) + 1.25rem);
  width:1px;
  transform:translateX(-50%);
}

.support-timeline li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--vm-space-3);
  padding:var(--vm-space-3);
  border-bottom:1px solid #DFDFDC;
}

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

.support-step-index{
  position:relative;
  z-index:1;
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#FFFFFF;
  background:#7A1FA2;
  font-size:var(--vm-fs-1);
}

.support-timeline h3{
  color:#171419;
}

.support-timeline p{
  margin-top:var(--vm-space-1);
  color:#555159;
}

.support-timeline small{
  display:block;
  margin-top:var(--vm-space-1);
  color:#737078;
}

.support-setup-side{
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:var(--vm-space-3);
  min-width:0;
}

.support-setup-side>*{
  height:auto;
}

.support-baseline-card,
.support-ticket-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  min-width:0;
  padding-inline:var(--vm-space-3);
}

.support-baseline-card h3,
.support-ticket-card h3{
  width:100%;
  margin-top:var(--vm-space-2);
}

.support-baseline-card .c-checklist{
  width:100%;
  margin-top:var(--vm-space-2);
}

.support-baseline-card p,
.support-ticket-card p{
  margin-top:var(--vm-space-1);
}

.support-card-action{
  width:fit-content;
  max-width:100%;
  margin-top:var(--vm-space-3);
}

.support-diagnostics-section{
  color:#F7F5F8;
  background:#171419;
}

.support-section-head-dark{
  color:#F7F5F8;
}

.support-section-head-dark p{
  color:#D2CED5;
  opacity:1;
}

.support-diagnostic-board{
  overflow:hidden;
  border-radius:var(--vm-radius-md);
  color:#F7F5F8;
  background:#211F24;
}

.support-diagnostic-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--vm-space-3);
  min-width:0;
  padding:var(--vm-space-3);
  border-bottom:1px solid rgba(255,255,255,.14);
}

.support-diagnostic-row:last-child{
  border-bottom:0;
}

.support-diagnostic-number{
  color:#C47BDD;
  font-size:var(--vm-fs-2);
}

.support-diagnostic-row div{
  min-width:0;
}

.support-diagnostic-row h3{
  color:#F7F5F8;
}

.support-diagnostic-row p{
  margin-top:var(--vm-space-1);
  color:#AAA6AE;
  font-size:var(--vm-fs-1);
}

.support-output{
  width:fit-content;
  max-width:100%;
  padding:.42rem .7rem;
  border-radius:999px;
  color:#171419;
  background:#F1F4F2;
  font-size:var(--vm-fs-0);
  font-weight:700;
}

.support-diagnostic-action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--vm-space-3);
  margin-top:var(--vm-space-3);
  padding:var(--vm-space-3);
  border-radius:var(--vm-radius-md);
  color:#35261C;
  background:#F5F1EC;
}

.support-diagnostic-action p{
  max-width:48rem;
  color:#35261C;
}

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

.support-cicd-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-height:0;
  padding-inline:var(--vm-space-3);
}

.support-cicd-card h3{
  width:100%;
  min-width:0;
  container-type:normal;
  overflow-wrap:normal;
  word-break:normal;
  font-size:var(--vm-fs-4);
}

.support-cicd-index{
  display:inline-flex;
  width:2.4rem;
  height:2.4rem;
  align-items:center;
  justify-content:center;
  margin-bottom:var(--vm-space-2);
  border-radius:50%;
  color:#FFFFFF;
  background:#7A1FA2;
  font-size:var(--vm-fs-0);
}

.support-runner-check{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--vm-space-3);
  margin-top:var(--vm-space-4);
  padding:var(--vm-space-3);
  border-radius:var(--vm-radius-md);
  color:#1D2A3A;
  background:#EEF2F6;
}

.support-runner-check div{
  min-width:0;
}

.support-runner-check strong{
  display:block;
  color:#1D2A3A;
}

.support-runner-check p{
  margin-top:var(--vm-space-1);
  color:#1D2A3A;
}

.support-glossary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:0;
  border-top:1px solid rgba(53,38,28,.16);
}

.support-glossary>div{
  min-width:0;
  padding:var(--vm-space-3);
  border-bottom:1px solid rgba(53,38,28,.16);
}

.support-glossary>div:nth-child(odd){
  padding-left:0;
  padding-right:var(--vm-space-4);
}

.support-glossary>div:nth-child(even){
  padding-left:var(--vm-space-4);
  padding-right:0;
  border-left:1px solid rgba(53,38,28,.16);
}

.support-glossary dt{
  color:#35261C;
  font-size:var(--vm-fs-3);
}

.support-glossary dd{
  margin-top:var(--vm-space-1);
  color:#655448;
}

.support-node-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
  align-items:start;
  gap:var(--vm-space-2);
}

.support-node-card{
  min-width:0;
  padding:var(--vm-space-3);
  border-radius:var(--vm-radius-md);
  color:#173127;
  background:#F1F4F2;
}

.support-node-card:nth-child(2),
.support-node-card:nth-child(5){
  color:#35261C;
  background:#F5F1EC;
}

.support-node-card:nth-child(3){
  color:#1D2A3A;
  background:#EEF2F6;
}

.support-node-card:nth-child(4){
  color:#361F2A;
  background:#F4EFF1;
}

.support-node-code{
  display:inline-flex;
  width:fit-content;
  min-width:2.65rem;
  min-height:2rem;
  align-items:center;
  justify-content:center;
  margin-bottom:var(--vm-space-2);
  padding:.35rem .55rem;
  border-radius:var(--vm-radius-sm);
  color:#FFFFFF;
  background:#4D3298;
  font-size:var(--vm-fs-0);
}

.support-node-card p{
  margin-top:var(--vm-space-1);
  color:currentColor;
  opacity:.78;
}

.support-network-table{
  margin-top:var(--vm-space-4);
}

.support-network-table caption{
  padding:0 0 var(--vm-space-2);
  color:#171419;
  font-family:var(--vm-font-heading);
  font-size:var(--vm-fs-3);
  font-weight:700;
  text-align:left;
}

.support-network-table td,
.support-network-table th{
  overflow-wrap:anywhere;
}

.support-ticket-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);
  align-items:stretch;
  gap:var(--vm-space-3);
}

.support-ticket-sheet{
  min-width:0;
  overflow:hidden;
  border-radius:var(--vm-radius-md);
  color:#171419;
  background:#FFFFFF;
}

.support-ticket-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--vm-space-2);
  padding:var(--vm-space-3);
  color:#FFFFFF;
  background:#4D3298;
}

.support-ticket-head span,
.support-ticket-head strong{
  font-size:var(--vm-fs-1);
}

.support-ticket-fields{
  color:#171419;
  background:#FFFFFF;
}

.support-ticket-fields>div{
  display:grid;
  grid-template-columns:auto minmax(7rem,.3fr) minmax(0,1fr);
  align-items:center;
  gap:var(--vm-space-2);
  min-width:0;
  padding:var(--vm-space-2) var(--vm-space-3);
  border-bottom:1px solid #DFDFDC;
}

.support-ticket-fields>div:last-child{
  border-bottom:0;
}

.support-ticket-fields span{
  color:#7A1FA2;
  font-size:var(--vm-fs-0);
}

.support-ticket-fields strong{
  color:#171419;
  font-size:var(--vm-fs-1);
}

.support-ticket-fields p{
  color:#737078;
  font-size:var(--vm-fs-1);
}

.support-ticket-side{
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:var(--vm-space-3);
  min-width:0;
}

.support-ticket-side>*{
  height:auto;
}

.support-privacy-line{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--vm-space-2);
  margin-top:var(--vm-space-3);
  padding:var(--vm-space-3);
  border-radius:var(--vm-radius-md);
  color:#1D2A3A;
  background:#FFFFFF;
}

.support-privacy-line svg{
  width:1.25rem;
  height:1.25rem;
  margin-top:.2rem;
}

.support-privacy-line p{
  color:#1D2A3A;
}

.support-privacy-line a{
  color:#4D3298;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:.22rem;
}

.support-response-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
  gap:var(--vm-space-2);
  margin:0;
  padding:0;
  list-style:none;
}

.support-response-steps li{
  min-width:0;
  padding:var(--vm-space-3);
  border-radius:var(--vm-radius-md);
  color:#171419;
  background:#F4EFF1;
}

.support-response-steps li:nth-child(2){
  color:#173127;
  background:#F1F4F2;
}

.support-response-steps li:nth-child(3){
  color:#35261C;
  background:#F5F1EC;
}

.support-response-steps li:nth-child(4){
  color:#1D2A3A;
  background:#EEF2F6;
}

.support-response-index{
  display:inline-flex;
  width:2.5rem;
  height:2.5rem;
  align-items:center;
  justify-content:center;
  margin-bottom:var(--vm-space-2);
  border-radius:50%;
  color:#FFFFFF;
  background:#7A1FA2;
  font-size:var(--vm-fs-0);
}

.support-response-steps p{
  margin-top:var(--vm-space-1);
  color:currentColor;
  opacity:.76;
}

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

.support-boundary-card{
  padding-inline:var(--vm-space-3);
}

.support-boundary-card .c-checklist{
  margin-top:var(--vm-space-2);
}

.support-next-links{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--vm-space-3);
  margin-top:var(--vm-space-4);
  padding:var(--vm-space-3);
  border-radius:var(--vm-radius-md);
  color:#F7F5F8;
  background:#171419;
}

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

.support-next-links strong{
  color:#F7F5F8;
}

.support-next-links p{
  margin-top:var(--vm-space-1);
  color:#AAA6AE;
}

.support-next-links .c-btn-dark{
  color:#211E23;
  background:#FAFAF8;
  border-color:rgba(250,250,248,.7);
}

.support-next-links .vm-actions{
  flex:0 0 auto;
  justify-content:flex-end;
  margin-top:0;
}

.support-closing-section{
  color:#171419;
  background:#FAFAF8;
}

.support-closing-section .c-cta{
  margin-bottom:var(--vm-space-3);
}

.support-closing-section .vm-kicker{
  color:#F7F5F8;
}

.support-closing-section .vm-kicker::before{
  background:#C47BDD;
  box-shadow:0 0 0 4px rgba(196,123,221,.16);
}

.support-closing-actions{
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:var(--vm-space-2);
  margin-top:0;
}

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

@media(max-width:64rem){
  .support-hero-inner{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:var(--vm-space-4);
  }

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

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

  .support-calibration-body{
    padding:var(--vm-space-3);
  }

  .support-calibration-row{
    grid-template-columns:minmax(7rem,.65fr) minmax(0,1fr);
  }

  .support-calibration-row b{
    grid-column:2;
  }
}

@media(max-width:48rem){
  .support-hero-inner,
  .support-section-head,
  .support-setup-layout,
  .support-ticket-layout{
    grid-template-columns:1fr;
  }

  .support-hero-copy h1{
    max-width:none;
  }

  .support-calibration-stage,
  .support-calibration{
    height:auto;
    overflow:hidden;
  }

  .support-section-head{
    align-items:start;
    gap:var(--vm-space-2);
  }

  .support-setup-side,
  .support-ticket-side{
    grid-template-rows:auto;
  }

  .support-diagnostic-action,
  .support-runner-check,
  .support-next-links{
    align-items:flex-start;
    flex-direction:column;
  }

  .support-next-links .vm-actions{
    width:100%;
    justify-content:flex-start;
  }

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

  .support-glossary>div:nth-child(odd),
  .support-glossary>div:nth-child(even){
    padding-inline:0;
    border-left:0;
  }

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

@media(max-width:46rem){
  .support-hero{
    padding-block:var(--vm-hero-pad);
  }

  .support-route-grid,
  .support-response-steps{
    grid-template-columns:1fr;
  }

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

  .support-hero-facts div{
    padding:var(--vm-space-2) 0;
    border-bottom:1px solid rgba(23,20,25,.14);
  }

  .support-hero-facts div+div{
    padding-left:0;
    border-left:0;
  }

  .support-calibration-head,
  .support-calibration-foot{
    align-items:flex-start;
    flex-direction:column;
    padding:var(--vm-space-3);
  }

  .support-calibration-foot strong{
    text-align:left;
  }

  .support-calibration-axis{
    display:none;
  }

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

  .support-calibration-row b{
    grid-column:auto;
  }

  .c-timeline.support-timeline::before{
    display:none;
  }

  .support-timeline li{
    grid-template-columns:1fr;
    gap:var(--vm-space-2);
  }

  .support-diagnostic-row{
    grid-template-columns:auto minmax(0,1fr);
    gap:var(--vm-space-2);
  }

  .support-output{
    grid-column:2;
  }

  .support-ticket-fields>div{
    grid-template-columns:auto minmax(0,1fr);
  }

  .support-ticket-fields p{
    grid-column:2;
  }

  .support-privacy-line{
    padding:var(--vm-space-3);
  }

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

@media(max-width:24.375rem){
  .support-calibration-head,
  .support-calibration-body,
  .support-calibration-foot,
  .support-route-card,
  .support-node-card,
  .support-response-steps li,
  .support-ticket-fields>div{
    padding-inline:var(--vm-space-3);
  }

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

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

  .support-output{
    grid-column:auto;
  }
}