.contact-page main{
  background:var(--paper);
  color:var(--ink)
}

.contact-page main>.c-page-hero{
  padding-block:var(--hero-pad) var(--space-7);
  background:#FFFFFF;
  color:#232938
}

.contact-page .c-page-hero h1{
  max-width:56rem;
  margin-inline:auto;
  color:#171D2C
}

.contact-page .c-page-hero-copy{
  max-width:58rem;
  margin-inline:auto;
  text-align:center
}

.contact-page .c-page-hero-copy .c-kicker{
  margin-bottom:var(--space-2)
}

.contact-page .c-page-hero-lead{
  max-width:49rem;
  margin:var(--space-3) auto 0;
  color:#5D6574;
  font-size:var(--text-md)
}

.contact-page .c-page-hero-actions{
  justify-content:flex-start;
  margin-top:var(--space-3)
}

.contact-page .c-page-hero-copy.is-centered .contact-page .c-page-hero-actions{
  justify-content:center
}

.contact-response-note{
  max-width:44rem;
  margin:var(--space-2) auto 0;
  color:#5D6574;
  font-size:var(--text-sm)
}

.contact-routing{
  margin-top:var(--space-5);
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:#171A24;
  color:#E7EBF1;
  box-shadow:var(--shadow-float);
  text-align:left
}

.contact-routing-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-2) var(--space-4);
  background:#242936;
  color:#E7EBF1;
  font-size:var(--text-sm)
}

.contact-routing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch
}

.contact-route{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  padding:var(--space-4);
  color:#232938
}

.contact-route-email{
  background:#F6F0E8;
  color:#332A21
}

.contact-route-ticket{
  background:#EAF0E8;
  color:#243027
}

.contact-route-order{
  background:#0A536B;
  color:#FFFFFF
}

.contact-route h2{
  margin-bottom:var(--space-1);
  color:inherit;
  font-size:var(--text-lg);
  letter-spacing:-.018em
}

.contact-route p{
  color:inherit
}

.contact-route-index{
  width:2.25rem;
  height:2.25rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#FFFFFF;
  color:#171A24;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  line-height:1
}

.contact-route .c-badge,
.contact-route .c-btn{
  margin-top:var(--space-3)
}

.contact-route-email .c-badge{
  background:#FFFFFF;
  color:#332A21
}

.contact-route-ticket .c-badge{
  background:#FFFFFF;
  color:#243027
}

.contact-channel-section,
.contact-presales-section,
.contact-support-section,
.contact-enterprise-section,
.contact-security-section,
.contact-boundary-section,
.contact-closing-section{
  padding-block:var(--space-7)
}

.contact-channel-section{
  background:#FCFCFD;
  color:#232938
}

.contact-channel-section .c-kicker,
.contact-presales-section .c-kicker,
.contact-support-section .c-kicker,
.contact-enterprise-section .c-kicker,
.contact-security-section .c-kicker{
  margin-bottom:var(--space-2)
}

.contact-channel-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch
}

.contact-channel-card{
  display:flex;
  flex-direction:column;
  height:100%;
  min-width:0;
  padding:var(--space-4)
}

.contact-card-mark{
  margin-bottom:var(--space-2)
}

.contact-channel-card h3,
.contact-security-card h3{
  margin-bottom:var(--space-1)
}

.contact-channel-card>p,
.contact-security-card>p{
  margin-bottom:var(--space-3)
}

.contact-channel-card>.c-btn{
  width:fit-content;
  margin-top:var(--space-3)
}

.contact-fact-list{
  display:grid;
  gap:0;
  margin:0 0 var(--space-3);
  padding:0;
  list-style:none
}

.contact-fact-list li{
  padding:var(--space-1) 0;
  border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent);
  color:inherit
}

.contact-presales-section{
  background:#F1F3F7;
  color:#232938
}

.contact-presales-section .c-section-head>p{
  color:#5D6574
}

.contact-presales-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(22rem,.82fr);
  gap:var(--space-4);
  align-items:start
}

.contact-requirements{
  min-width:0;
  padding-inline:var(--space-4);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#232938
}

.contact-row{
  display:grid;
  grid-template-columns:2.5rem minmax(7.5rem,11rem) minmax(0,1fr);
  gap:var(--space-3);
  align-items:start;
  padding:var(--space-3) 0;
  border-bottom:1px solid #DDE1E8
}

.contact-row:last-child{
  border-bottom:0
}

.contact-row>*{
  min-width:0;
  overflow-wrap:anywhere
}

.contact-row-index{
  width:2.25rem;
  height:2.25rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#0A536B;
  color:#FFFFFF;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  line-height:1
}

.contact-row strong{
  color:#171D2C;
  font-size:var(--text-base)
}

.contact-row p{
  color:#5D6574
}

.contact-mail-builder{
  display:grid;
  gap:var(--space-3);
  padding:var(--space-4);
  background:#FFFFFF;
  color:#232938
}

.contact-form-head{
  display:grid;
  gap:var(--space-1)
}

.contact-form-head .c-badge{
  margin-bottom:var(--space-1);
  background:#EAF0E8;
  color:#243027
}

.contact-form-head h3{
  color:#171D2C
}

.contact-form-head p{
  color:#5D6574
}

.contact-fieldset{
  min-width:0;
  margin:0;
  padding:0;
  border:0
}

.contact-fieldset legend{
  margin-bottom:.45rem;
  color:#232938;
  font-size:var(--text-sm);
  line-height:1.4;
  font-weight:650
}

.contact-option-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-1)
}

.contact-option{
  position:relative;
  min-width:0
}

.contact-option input{
  position:absolute;
  width:1px;
  height:1px;
  appearance:none;
  opacity:0
}

.contact-option span{
  min-height:3rem;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:.65rem var(--space-3);
  border:1px solid #BFC6D1;
  border-radius:var(--radius-sm);
  background:#FFFFFF;
  color:#232938;
  text-align:center;
  cursor:pointer
}

.contact-option input:checked+span{
  border-color:#007F86;
  background:#EAF0E8;
  color:#243027;
  box-shadow:inset 0 0 0 1px #007F86
}

.contact-option input:focus-visible+span{
  outline:3px solid color-mix(in srgb,#007F86 28%,transparent);
  outline-offset:3px
}

.contact-form-grid{
  gap:var(--space-2)
}

.contact-mail-builder .c-input,
.contact-mail-builder .c-textarea{
  background:#FFFFFF;
  color:#232938;
  border-color:#AEB7C5
}

.contact-mail-builder [aria-invalid="true"]{
  border-color:#0A536B;
  box-shadow:0 0 0 2px color-mix(in srgb,#0A536B 18%,transparent)
}

.contact-form-status{
  min-height:1.5rem;
  color:#0A536B;
  font-size:var(--text-sm)
}

.contact-form-status.is-error{
  color:#3A2824
}

.contact-form-actions{
  justify-content:flex-start;
  margin-top:var(--space-1)
}

.contact-support-section{
  background:#FCFCFD;
  color:#232938
}

.contact-support-board{
  display:grid;
  grid-template-columns:minmax(16rem,.72fr) minmax(0,1fr);
  align-items:stretch;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:#171A24;
  color:#E7EBF1
}

.contact-support-summary{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:var(--space-4);
  background:#0A536B;
  color:#FFFFFF
}

.contact-support-summary h3{
  margin-bottom:var(--space-2);
  color:#FFFFFF
}

.contact-support-summary p{
  margin-bottom:var(--space-2);
  color:#FFFFFF
}

.contact-support-summary .c-btn{
  width:fit-content;
  margin-top:var(--space-3);
  background:#FFFFFF;
  border-color:#FFFFFF;
  color:#0A536B
}
.contact-support-summary .c-btn:hover{
  background:color-mix(in srgb,#FFFFFF 86%,#0A536B);
  border-color:#FFFFFF;
  color:#084456
}

.contact-ticket-list{
  display:grid;
  margin:0;
  padding:0 var(--space-4);
  background:#171A24;
  color:#E7EBF1;
  list-style:none
}

.contact-ticket-list li{
  display:grid;
  grid-template-columns:2.5rem minmax(0,1fr);
  gap:var(--space-2);
  align-items:start;
  padding:var(--space-3) 0;
  border-bottom:1px solid rgba(255,255,255,.14)
}

.contact-ticket-list li:last-child{
  border-bottom:0
}

.contact-ticket-list li>span{
  width:2.25rem;
  height:2.25rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#FFFFFF;
  color:#171A24;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  line-height:1
}

.contact-ticket-list strong{
  display:block;
  margin-bottom:var(--space-1);
  color:#FFFFFF
}

.contact-ticket-list p{
  color:#C8CED8
}

.contact-enterprise-section{
  background:#F6F0E8;
  color:#332A21
}

.contact-enterprise-section .c-section-head h2,
.contact-enterprise-section .c-section-head p{
  color:#332A21
}

.contact-enterprise-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch
}

.contact-enterprise-card{
  display:flex;
  flex-direction:column;
  height:100%;
  padding:var(--space-4);
  background:#FFFFFF;
  color:#232938
}

.contact-enterprise-number{
  width:2.5rem;
  height:2.5rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:var(--space-2);
  border-radius:50%;
  background:#0A536B;
  color:#FFFFFF;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  line-height:1
}

.contact-enterprise-card h3{
  margin-bottom:var(--space-1);
  color:#171D2C
}

.contact-enterprise-card>p{
  margin-bottom:var(--space-3);
  color:#5D6574
}

.contact-enterprise-card dl{
  display:grid;
  margin:auto 0 0
}

.contact-enterprise-card dl div{
  display:grid;
  grid-template-columns:minmax(7rem,.65fr) minmax(0,1fr);
  gap:var(--space-2);
  padding:var(--space-1) 0;
  border-top:1px solid #DDE1E8
}

.contact-enterprise-card dt,
.contact-enterprise-card dd{
  min-width:0;
  overflow-wrap:anywhere;
  color:#232938
}

.contact-enterprise-alert{
  margin-top:var(--space-4);
  background:#FFFFFF;
  color:#332A21
}

.contact-enterprise-alert svg{
  width:1.25rem;
  height:1.25rem;
  flex:0 0 auto
}

.contact-enterprise-alert p{
  color:#332A21
}

.contact-security-section{
  background:#FCFCFD;
  color:#232938
}

.contact-security-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch
}

.contact-security-card{
  display:flex;
  flex-direction:column;
  height:100%;
  min-width:0;
  padding:var(--space-4)
}

.contact-inline-link{
  width:fit-content;
  margin-top:auto;
  color:#0A536B;
  font-weight:650;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.2em
}

.contact-boundary-section{
  background:#171A24;
  color:#E7EBF1
}

.contact-boundary-layout{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:var(--space-6);
  align-items:start
}

.contact-boundary-copy{
  min-width:0
}

.contact-dark-kicker{
  margin-bottom:var(--space-2);
  background:#FFFFFF;
  color:#171A24
}

.contact-dark-kicker .c-kicker-dot{
  background:#0A536B
}

.contact-boundary-copy h2{
  margin-bottom:var(--space-2);
  color:#FFFFFF
}

.contact-boundary-copy p{
  color:#C8CED8
}

.contact-boundary-list{
  display:grid;
  margin:0;
  padding:0;
  list-style:none
}

.contact-boundary-list li{
  display:grid;
  grid-template-columns:minmax(9rem,.6fr) minmax(0,1fr);
  gap:var(--space-3);
  padding:var(--space-3) 0;
  border-top:1px solid rgba(255,255,255,.14)
}

.contact-boundary-list strong{
  color:#FFFFFF
}

.contact-boundary-list span{
  min-width:0;
  color:#C8CED8;
  overflow-wrap:anywhere
}

.contact-closing-section{
  padding-bottom:var(--space-6);
  background:#FCFCFD;
  color:#232938
}

.contact-closing{
  padding:var(--space-5);
  background:#171A24;
  color:#FFFFFF
}

.contact-closing h2{
  margin-bottom:var(--space-2);
  color:#FFFFFF
}

.contact-closing p{
  max-width:45rem;
  color:#D4D9E1
}

.contact-closing-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-2);
  min-width:14rem
}

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

.contact-closing-actions .c-btn-ghost{
  border-color:rgba(255,255,255,.4);
  color:#FFFFFF
}

.contact-page [hidden]{
  display:none!important
}

@media(max-width:64rem){
  .contact-routing-grid{
    grid-template-columns:1fr
  }

  .contact-route{
    min-height:0
  }

  .contact-presales-layout,
  .contact-support-board,
  .contact-boundary-layout{
    grid-template-columns:1fr
  }

  .contact-enterprise-grid,
  .contact-security-grid{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))
  }

  .contact-support-summary .c-btn{
    margin-top:var(--space-3)
  }
}

@media(max-width:48rem){
  .contact-channel-grid,
  .contact-enterprise-grid,
  .contact-security-grid{
    grid-template-columns:1fr
  }

  .contact-row{
    grid-template-columns:2.25rem minmax(0,1fr);
    gap:var(--space-2)
  }

  .contact-row>:nth-child(3){
    grid-column:2
  }

  .contact-requirements{
    padding-inline:var(--space-3)
  }

  .contact-option-grid{
    grid-template-columns:1fr
  }

  .contact-boundary-list li{
    grid-template-columns:1fr;
    gap:var(--space-1)
  }

  .contact-closing{
    padding:var(--space-4)
  }

  .contact-closing-actions{
    min-width:0
  }
}

@media(max-width:42rem){
  .contact-page main>.c-page-hero{
    padding-block:var(--hero-pad) var(--space-6)
  }

  .contact-routing-head{
    align-items:flex-start;
    flex-direction:column;
    padding-inline:var(--space-3)
  }

  .contact-route,
  .contact-channel-card,
  .contact-mail-builder,
  .contact-enterprise-card,
  .contact-security-card{
    padding-inline:var(--space-3)
  }

  .contact-page .c-page-hero-actions .c-btn,
  .contact-form-actions .c-btn{
    width:100%;
    flex:1 1 100%
  }

  .contact-channel-card>.c-btn,
  .contact-support-summary .c-btn{
    width:100%
  }

  .contact-enterprise-card dl div{
    grid-template-columns:1fr;
    gap:.25rem
  }
}