.contact-hero{
  padding-block:var(--oam-space-5);
  color:var(--oam-ink);
  background:var(--oam-light)
}

.contact-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);
  gap:var(--oam-space-4);
  align-items:center
}

.contact-hero__grid>*{
  min-width:0
}

.contact-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.5rem
}

.contact-hero__copy h1,
.contact-hero__copy p{
  margin:0
}

.contact-hero__copy h1{
  max-width:46rem
}

.contact-hero__copy p{
  max-width:42rem;
  color:var(--oam-muted);
  font-size:var(--oam-fs-3)
}

.contact-hero__actions{
  justify-content:flex-start;
  margin-top:var(--oam-space-2)
}

.contact-route{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--oam-space-2);
  padding:var(--oam-space-3);
  color:var(--oam-ink);
  background:var(--oam-surface);
  border:1px solid var(--oam-line);
  border-radius:var(--oam-radius-xl);
  box-shadow:var(--oam-shadow-lg)
}

.contact-route__head{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.5rem
}

.contact-route__head h2{
  margin:0;
  font-size:var(--oam-fs-4)
}

.contact-route__item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--oam-space-2);
  align-items:start;
  padding:var(--oam-space-2);
  color:var(--oam-ink);
  background:var(--oam-light);
  border:1px solid var(--oam-line);
  border-radius:var(--oam-radius-md)
}

.contact-route__item>svg{
  width:1.5rem;
  height:1.5rem;
  color:var(--oam-primary-deep)
}

.contact-route__item div{
  display:grid;
  min-width:0;
  gap:.5rem
}

.contact-route__item strong,
.contact-route__item p{
  margin:0
}

.contact-route__item p{
  color:var(--oam-muted)
}

.contact-route__item a{
  color:var(--oam-primary-deep);
  font-weight:700;
  overflow-wrap:anywhere
}

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

.contact-topic{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.5rem
}

.contact-topic h3,
.contact-topic ul{
  margin:0
}

.contact-topic ul{
  display:grid;
  gap:.5rem;
  padding-left:1.2rem;
  color:var(--oam-muted)
}

.contact-topic li::marker{
  color:var(--oam-primary)
}

.contact-paired{
  align-items:start
}

.contact-side{
  grid-auto-rows:auto;
  align-self:start
}

.contact-form{
  align-content:start
}

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

.contact-form__grid>*{
  min-width:0
}

.contact-form .c-field{
  gap:.5rem
}

.contact-form .c-field label{
  margin:0
}

.contact-form .c-input[type="number"]{
  padding-inline-end:2.5rem
}

.contact-field-note{
  color:var(--oam-muted);
  font-size:var(--oam-fs-1)
}

.contact-form__status{
  min-height:1.6rem;
  color:var(--oam-primary-deep);
  font-size:var(--oam-fs-1);
  font-weight:700
}

.contact-form__status.is-error{
  color:var(--oam-danger)
}

.contact-form__status.is-success{
  color:var(--oam-success)
}

.contact-form__actions{
  justify-content:flex-start
}

.contact-side{
  min-width:0
}

.contact-channel-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.5rem
}

.contact-channel-card h3,
.contact-channel-card p{
  margin:0
}

.contact-channel-card>p{
  color:var(--oam-muted)
}

.contact-channel-card>.oam-actions{
  width:100%;
  margin-top:auto;
  padding-top:var(--oam-space-2)
}

.contact-facts{
  display:grid;
  width:100%;
  gap:var(--oam-space-1);
  margin:var(--oam-space-1) 0 0
}

.contact-facts div{
  display:grid;
  grid-template-columns:minmax(6rem,max-content) minmax(0,1fr);
  gap:var(--oam-space-2);
  align-items:start;
  padding-top:var(--oam-space-1);
  border-top:1px solid var(--oam-line)
}

.contact-facts dt{
  color:var(--oam-muted);
  font-size:var(--oam-fs-1);
  font-weight:700
}

.contact-facts dd{
  min-width:0;
  margin:0
}

.contact-facts a{
  color:var(--oam-primary-deep);
  font-weight:700;
  overflow-wrap:anywhere
}

.contact-security{
  margin-top:var(--oam-space-2)
}

.contact-response-grid{
  align-items:start
}

.contact-response{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.5rem
}

.contact-response__index{
  display:inline-flex;
  width:2.25rem;
  height:2.25rem;
  align-items:center;
  justify-content:center;
  color:var(--oam-dark);
  background:var(--oam-accent);
  border:1px solid var(--oam-accent);
  border-radius:50%;
  font-family:var(--oam-mono);
  font-weight:800
}

.contact-response h3,
.contact-response p,
.contact-response strong{
  margin:0
}

.contact-response p{
  color:var(--oam-muted)
}

.contact-response strong{
  margin-top:var(--oam-space-1);
  color:var(--oam-dark)
}

.contact-enterprise-head{
  color:#F7EDF4
}

.contact-enterprise-head h2{
  color:#FFF
}

.contact-enterprise-head p{
  color:#CDBDCA
}

.contact-enterprise-head .oam-eyebrow{
  color:#FFF
}

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

.contact-requirement{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:.5rem;
  padding:var(--oam-space-3);
  color:var(--oam-ink);
  background:var(--oam-surface);
  border:1px solid var(--oam-line);
  border-radius:var(--oam-radius-lg)
}

.contact-requirement span{
  color:var(--oam-primary-deep);
  font-family:var(--oam-mono);
  font-size:var(--oam-fs-1);
  font-weight:800
}

.contact-requirement h3,
.contact-requirement p{
  margin:0
}

.contact-requirement h3{
  color:var(--oam-dark)
}

.contact-requirement p{
  color:var(--oam-muted)
}@media(max-width:900px){
  .contact-hero__grid{
    grid-template-columns:1fr
  }

  .contact-topic-grid,
  .contact-requirements{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }}

@media(max-width:620px){
  .contact-hero{
    padding-block:var(--oam-space-4)
  }

  .contact-topic-grid,
  .contact-requirements,
  .contact-form__grid{
    grid-template-columns:1fr
  }

  .contact-route{
    padding:var(--oam-space-2)
  }

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

  .contact-facts div{
    grid-template-columns:1fr;
    gap:.5rem
  }

  .contact-form__actions{
    align-items:stretch
  }

  .contact-form__actions .c-btn{
    width:100%
  }}