.support-hero{
  padding-block:var(--sm-hero-pad);
  background:linear-gradient(118deg,#EEF5F6 0%,#F2EEFA 43%,#FFF1E8 72%,#FCFCFB 100%);
  background-size:180% 180%;
  color:#18252A;
  animation:support-gradient 18s ease-in-out infinite alternate;
}

.support-hero-layout{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:start;
  gap:var(--sm-space-5);
}

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

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

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

.support-hero-heading>.c-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  margin-bottom:var(--sm-space-2);
}

.support-title-copy{
  display:flex;
  flex-direction:column;
  gap:var(--sm-space-1);
  min-width:0;
}

.support-title-copy h1,
.support-title-copy h2,
.support-title-copy h3{
  overflow-wrap:anywhere;
}

.support-title-copy p{
  max-width:46rem;
  color:inherit;
  opacity:.78;
}

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

.support-hero-note{
  max-width:42rem;
  margin-top:var(--sm-space-2);
  color:#4E5A5E;
  font-size:var(--sm-text-1);
}

.support-hero-note a:not(.c-btn){
  color:#064958;
  font-weight:650;
  text-decoration:underline;
  text-decoration-color:rgba(6,73,88,.3);
  text-underline-offset:.2em;
}

.support-stage{
  width:100%;
  height:auto;
  min-height:0;
  align-self:start;
  overflow:hidden;
  padding:0;
  border:1px solid #E3E7E6;
  border-radius:var(--sm-radius-lg);
  background:#FFFFFF;
  color:#18252A;
  box-shadow:var(--sm-shadow-float);
}

.support-board-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sm-space-2);
  padding:1.25rem 1.5rem;
  background:#18252A;
  color:#F9FBFA;
}

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

.support-board-head span,
.support-board-head strong{
  display:block;
}

.support-board-head strong{
  margin-top:.35rem;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-2);
  letter-spacing:.03em;
  overflow-wrap:anywhere;
}

.support-board-label{
  color:#B8C2C4;
  font-size:var(--sm-text-0);
  line-height:1.4;
}

.support-board-head .c-badge{
  flex:0 1 auto;
  width:fit-content;
  max-width:48%;
  align-self:center;
  background:#FFF7D8;
  color:#4B3A08;
}

.support-board-body{
  padding:var(--sm-space-3);
  background:#FFFFFF;
  color:#18252A;
}

.support-board-route{
  display:flex;
  align-items:center;
  gap:var(--sm-space-1);
  flex-wrap:wrap;
  padding:.75rem 1rem;
  border-radius:var(--sm-radius-sm);
  background:#EEF5F6;
  color:#183D45;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-0);
  font-weight:700;
}

.support-board-route svg{
  width:1rem;
  height:1rem;
  flex:0 0 auto;
}

.support-board-list{
  margin-top:var(--sm-space-2);
}

.support-board-row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--sm-space-2);
  padding-block:1rem;
  border-bottom:1px solid #E3E7E6;
}

.support-board-row:first-child{
  border-top:1px solid #E3E7E6;
}

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

.support-board-icon{
  width:2.25rem;
  height:2.25rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--sm-radius-sm);
  background:#F2EEFA;
  color:#33284F;
}

.support-board-icon svg{
  width:1.125rem;
  height:1.125rem;
}

.support-board-row strong,
.support-board-row span{
  display:block;
}

.support-board-row strong{
  font-family:var(--sm-font-heading);
  font-size:var(--sm-text-1);
  line-height:1.4;
}

.support-board-row span{
  margin-top:.25rem;
  color:#667278;
  font-size:var(--sm-text-0);
  line-height:1.5;
}

.support-board-row b{
  width:fit-content;
  color:#075D70;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-0);
  line-height:1.4;
  white-space:nowrap;
}

.support-board-foot{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sm-space-2);
  align-items:center;
  padding:1rem 1.5rem;
  background:#FFF1E8;
  color:#572B1B;
}

.support-board-foot span{
  font-size:var(--sm-text-0);
  font-weight:700;
}

.support-board-foot strong{
  min-width:0;
  font-size:var(--sm-text-1);
  line-height:1.5;
  overflow-wrap:anywhere;
}

.support-section-head{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  max-width:48rem;
  margin-bottom:var(--sm-space-4);
}

.support-section-head>.c-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  margin-bottom:var(--sm-space-2);
}

.support-entry-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
}
.support-entry-grid>.c-card{
  width:100%;
  display:flex;
  flex-direction:column;
  grid-template-columns:none;
}

.support-entry-grid>.c-card h3{
  width:100%;
}

.support-entry-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:0;
  padding-inline:var(--sm-space-3);
  transition:transform .2s var(--sm-ease),box-shadow .2s var(--sm-ease);
}

.support-entry-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--sm-shadow-soft);
}

.support-entry-card:focus-visible{
  outline:3px solid var(--sm-focus);
  outline-offset:3px;
}

.support-entry-mark{
  width:fit-content;
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2.25rem;
  min-height:2.25rem;
  padding:.45rem .65rem;
  border-radius:var(--sm-radius-sm);
  background:#18252A;
  color:#F9FBFA;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-0);
  line-height:1;
  font-weight:700;
}

.support-entry-card h3,
.support-billing-card h3{
  margin-top:var(--sm-space-2);
  font-size:var(--sm-text-3);
}

.support-entry-card p,
.support-billing-card p{
  margin-top:var(--sm-space-1);
  font-size:var(--sm-text-1);
  opacity:.82;
}

.support-entry-result{
  display:block;
  margin-top:var(--sm-space-2);
  font-size:var(--sm-text-0);
  line-height:1.5;
  font-weight:700;
}

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

.support-check-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:0;
  padding-inline:var(--sm-space-3);
  background:#FFFFFF;
  color:#18252A;
}

.support-check-card>.c-badge{
  width:fit-content;
  align-self:flex-start;
}

.support-check-card h3{
  margin-top:var(--sm-space-2);
  font-size:var(--sm-text-3);
}

.support-check-card>p{
  margin-top:var(--sm-space-1);
  color:#59666B;
  font-size:var(--sm-text-1);
}

.support-check-card dl{
  width:100%;
  margin:var(--sm-space-3) 0 0;
}

.support-check-card dl>div{
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
  gap:var(--sm-space-2);
  padding-block:.75rem;
  border-top:1px solid #E3E7E6;
}

.support-check-card dt,
.support-check-card dd{
  min-width:0;
  overflow-wrap:anywhere;
}

.support-check-card dt{
  color:#667278;
}

.support-alert{
  margin-top:var(--sm-space-3);
  background:#FFF7D8;
  color:#4B3A08;
}

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

.support-glossary>div{
  min-width:0;
  padding-block:var(--sm-space-3);
  border-top:1px solid rgba(51,40,79,.16);
}

.support-glossary dt{
  color:#33284F;
  font-family:var(--sm-font-heading);
  font-size:var(--sm-text-3);
  overflow-wrap:anywhere;
}

.support-glossary dd{
  margin-top:var(--sm-space-1);
  color:#4E4267;
  font-size:var(--sm-text-1);
  overflow-wrap:anywhere;
}

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

.support-flow-step{
  min-width:0;
  min-height:0;
  padding:var(--sm-space-3);
  border-radius:var(--sm-radius-md);
  background:#F6F7F6;
  color:#18252A;
}

.support-flow-step>span{
  width:fit-content;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2.25rem;
  min-height:2.25rem;
  padding:.4rem .6rem;
  border-radius:var(--sm-radius-sm);
  background:#075D70;
  color:#FFFFFF;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-0);
  line-height:1;
  font-weight:700;
}

.support-flow-step>div{
  margin-top:var(--sm-space-2);
}

.support-flow-step h3{
  font-size:var(--sm-text-3);
}

.support-flow-step p{
  margin-top:var(--sm-space-1);
  color:#59666B;
  font-size:var(--sm-text-1);
}

.support-ci-proof{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--sm-space-2);
  margin-top:var(--sm-space-4);
  padding:var(--sm-space-3);
  border-radius:var(--sm-radius-md);
  background:#18252A;
  color:#F9FBFA;
}

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

.support-ci-proof span,
.support-ci-proof strong{
  display:block;
  overflow-wrap:anywhere;
}

.support-ci-proof span{
  color:#B8C2C4;
  font-size:var(--sm-text-0);
  line-height:1.5;
}

.support-ci-proof strong{
  margin-top:var(--sm-space-1);
  font-size:var(--sm-text-1);
  line-height:1.6;
}

.support-split{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  align-items:stretch;
  gap:var(--sm-space-4);
}

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

.support-dev-list{
  display:grid;
}

.support-dev-list article{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sm-space-2);
  align-items:start;
  padding-block:var(--sm-space-3);
  border-top:1px solid rgba(87,43,27,.16);
}

.support-dev-icon{
  width:2.5rem;
  height:2.5rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--sm-radius-sm);
  background:#FFFFFF;
  color:#572B1B;
}

.support-dev-icon svg{
  width:1.125rem;
  height:1.125rem;
}

.support-dev-list h3{
  color:#572B1B;
  font-size:var(--sm-text-3);
}

.support-dev-list p{
  margin-top:var(--sm-space-1);
  color:#704938;
  font-size:var(--sm-text-1);
}

.support-baseline-card{
  height:100%;
  min-height:0;
  overflow:hidden;
  border-radius:var(--sm-radius-lg);
  background:#FFFFFF;
  color:#18252A;
  box-shadow:var(--sm-shadow-soft);
}

.support-baseline-head{
  padding:1.25rem 1.5rem;
  background:#315F9D;
  color:#FFFFFF;
}

.support-baseline-head span,
.support-baseline-head strong{
  display:block;
}

.support-baseline-head span{
  font-size:var(--sm-text-0);
  line-height:1.5;
}

.support-baseline-head strong{
  margin-top:.35rem;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-2);
  letter-spacing:.04em;
}

.support-baseline-body{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:calc(100% - 5rem);
  padding:var(--sm-space-3);
  background:#FFFFFF;
  color:#18252A;
}

.support-baseline-body dl{
  margin:0;
}

.support-baseline-body dl>div{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  gap:var(--sm-space-2);
  padding-block:.8rem;
  border-bottom:1px solid #E3E7E6;
}

.support-baseline-body dt,
.support-baseline-body dd{
  min-width:0;
  overflow-wrap:anywhere;
}

.support-baseline-body dd{
  font-family:var(--sm-font-mono);
}

.support-baseline-result{
  margin-top:var(--sm-space-3);
  padding:var(--sm-space-3);
  border-radius:var(--sm-radius-md);
  background:#EEF5F6;
  color:#183D45;
}

.support-baseline-result span{
  font-size:var(--sm-text-0);
  font-weight:700;
}

.support-baseline-result p{
  margin-top:var(--sm-space-1);
  font-size:var(--sm-text-1);
}

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

.support-storage-grid>.c-card{
  min-height:0;
  padding-inline:var(--sm-space-3);
}

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

.support-storage-grid h3{
  margin-top:var(--sm-space-2);
  font-size:var(--sm-text-3);
}

.support-storage-grid p{
  margin-top:var(--sm-space-1);
  font-size:var(--sm-text-1);
  opacity:.82;
}

.support-table-wrap{
  border-radius:var(--sm-radius-md);
  background:#FFFFFF;
  color:#18252A;
}

.support-table{
  display:table;
  width:100%;
  min-width:58rem;
  background:#FFFFFF;
  color:#18252A;
}

.support-table caption{
  padding:1rem;
  background:#EEF5F6;
  color:#183D45;
  font-size:var(--sm-text-1);
  line-height:1.5;
  text-align:left;
  font-weight:650;
}

.support-table th,
.support-table td{
  text-align:left;
}

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

.support-left-actions{
  justify-content:flex-start;
  margin-top:var(--sm-space-3);
}

.support-status-section{
  background:#EEF5F6;
  color:#183D45;
}

.support-status{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  align-items:stretch;
  gap:var(--sm-space-4);
  padding:var(--sm-space-4);
  border-radius:var(--sm-radius-lg);
  background:#18252A;
  color:#F9FBFA;
}

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

.support-status-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}

.support-status-kicker{
  width:fit-content;
  align-self:flex-start;
  margin-bottom:var(--sm-space-2);
  background:#FFF7D8;
  color:#4B3A08;
}

.support-status-kicker::before{
  background:#18252A;
}

.support-status-copy .support-title-copy p{
  color:#B8C2C4;
  opacity:1;
}

.support-status-copy h2 span{
  color:#FFFFFF;
}

.support-status-actions{
  justify-content:flex-start;
  margin-top:var(--sm-space-3);
}

.support-status-actions .c-btn--secondary{
  border-color:#FFFFFF;
  background:#FFFFFF;
  color:#18252A;
}

.support-status-actions .c-btn--ghost{
  border-color:rgba(249,251,250,.42);
  background:transparent;
  color:#F9FBFA;
}

.support-status-meter{
  overflow:hidden;
  border-radius:var(--sm-radius-lg);
  background:#FFFFFF;
  color:#18252A;
}

.support-meter-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sm-space-2);
  padding:1.25rem 1.5rem;
  background:#FFF1E8;
  color:#572B1B;
}

.support-meter-head span,
.support-meter-head strong{
  display:block;
}

.support-meter-head strong{
  margin-top:.3rem;
  font-size:var(--sm-text-2);
}

.support-meter-head>.c-badge{
  width:fit-content;
  max-width:50%;
  align-self:center;
  background:#FFFFFF;
  color:#185844;
}

.support-window-list{
  padding:var(--sm-space-3);
  background:#FFFFFF;
  color:#18252A;
}

.support-window{
  padding-block:var(--sm-space-2);
  border-bottom:1px solid #E3E7E6;
}

.support-window:first-child{
  padding-top:0;
}

.support-window>span{
  display:block;
  color:#334146;
  font-size:var(--sm-text-0);
}

.support-window-track{
  height:.6rem;
  margin-top:var(--sm-space-1);
  overflow:hidden;
  border-radius:999px;
  background:#E3E7E6;
  color:#18252A;
}

.support-window-track i{
  display:block;
  width:100%;
  height:100%;
  border-radius:inherit;
  background:#075D70;
}

.support-window p{
  margin-top:var(--sm-space-1);
  color:#667278;
  font-size:var(--sm-text-0);
}

.support-status-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;
  padding:0 var(--sm-space-3) var(--sm-space-3);
  background:#FFFFFF;
  color:#18252A;
}

.support-status-facts>div{
  min-width:0;
  padding:var(--sm-space-2);
  background:#F6F7F6;
  color:#18252A;
}

.support-status-facts dt,
.support-status-facts dd{
  min-width:0;
  overflow-wrap:anywhere;
}

.support-status-facts dt{
  color:#667278;
}

.support-status-facts dd{
  margin-top:var(--sm-space-1);
  font-size:var(--sm-text-0);
}

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

.support-billing-card{
  min-height:0;
  padding-inline:var(--sm-space-3);
  background:#FFFFFF;
  color:#18252A;
}

.support-centered-actions{
  justify-content:flex-start;
  margin-top:var(--sm-space-4);
}

.support-ticket-layout{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  align-items:stretch;
  gap:var(--sm-space-4);
}

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

.support-ticket-main{
  min-height:0;
  padding:var(--sm-space-4);
  border-radius:var(--sm-radius-lg);
  background:#F6F7F6;
  color:#18252A;
}

.support-ticket-fields{
  display:grid;
}

.support-ticket-fields>div{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--sm-space-2);
  padding-block:var(--sm-space-2);
  border-top:1px solid #E3E7E6;
}

.support-ticket-fields>div>span{
  width:2.25rem;
  height:2.25rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--sm-radius-sm);
  background:#075D70;
  color:#FFFFFF;
  font-size:var(--sm-text-0);
  line-height:1;
}

.support-ticket-fields strong{
  display:block;
  font-size:var(--sm-text-1);
}

.support-ticket-fields p{
  margin-top:var(--sm-space-1);
  color:#667278;
  font-size:var(--sm-text-1);
}

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

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

.support-side-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:space-between;
  min-height:0;
  padding-inline:var(--sm-space-3);
}

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

.support-side-card h3{
  margin-top:var(--sm-space-2);
  font-size:var(--sm-text-3);
}

.support-side-card p{
  margin-top:var(--sm-space-1);
  font-size:var(--sm-text-1);
  opacity:.82;
}

.support-side-card>.c-btn{
  width:100%;
  margin-top:var(--sm-space-3);
}

.support-closing-section{
  padding-top:var(--sm-space-5);
  padding-bottom:var(--sm-space-5);
  background:#FCFCFB;
  color:#18252A;
}

.support-closing-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--sm-space-1);
  min-width:min(100%,14rem);
}

.support-closing-actions .c-btn--secondary{
  border-color:#FFFFFF;
  background:#FFFFFF;
  color:#18252A;
}

.support-closing-actions .c-btn--ghost{
  border-color:rgba(249,251,250,.42);
  background:transparent;
  color:#F9FBFA;
}

@keyframes support-gradient{
  from{background-position:0% 50%}
  to{background-position:100% 50%}
}

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

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

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

  .support-split,
  .support-status,
  .support-ticket-layout{
    grid-template-columns:minmax(0,1fr);
  }

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

  .support-baseline-body{
    min-height:0;
  }

  .support-ticket-side{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
  }
}

@media(max-width:42rem){
  .support-board-head,
  .support-meter-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .support-board-head .c-badge,
  .support-meter-head>.c-badge{
    max-width:100%;
    align-self:flex-start;
  }

  .support-board-row{
    grid-template-columns:auto minmax(0,1fr);
  }

  .support-board-row b{
    grid-column:2;
    white-space:normal;
  }

  .support-board-foot{
    grid-template-columns:minmax(0,1fr);
    gap:var(--sm-space-1);
  }

  .support-entry-grid,
  .support-check-grid,
  .support-flow,
  .support-glossary,
  .support-ci-proof,
  .support-status-facts,
  .support-billing-grid,
  .support-ticket-side{
    grid-template-columns:minmax(0,1fr);
  }

  .support-glossary{
    gap:0;
  }

  .support-check-card dl>div,
  .support-baseline-body dl>div{
    grid-template-columns:minmax(0,1fr);
    gap:var(--sm-space-1);
  }

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

  .support-ticket-main{
    padding:var(--sm-space-3);
  }

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

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

@media(prefers-reduced-motion:reduce){
  .support-hero{
    animation:none;
  }
}