.contact-hero{
  background:var(--c-light);
  color:#071e1a;
}

.contact-hero__layout{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(20rem,.88fr);
  gap:var(--sp-4);
  align-items:start;
  padding-bottom:var(--sp-6);
}

.contact-hero__copy{
  min-width:0;
}

.contact-title-group{
  display:grid;
  gap:var(--sp-1);
  max-width:46rem;
}

.contact-title-group .c-kicker{
  margin-bottom:var(--sp-1);
}

.contact-title-group h1{
  font-size:var(--fs-5);
  line-height:var(--lh-heading);
}

.contact-title-group p{
  max-width:42rem;
  color:#45645d;
  font-size:var(--fs-3);
}

.contact-hero__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--sp-2);
  margin-top:var(--sp-3);
}

.contact-dispatch{
  min-width:0;
  overflow:hidden;
  border-radius:var(--r-lg);
  background:#062d27;
  color:#ffffff;
  box-shadow:var(--shadow-lift);
}

.contact-dispatch__head{
  display:grid;
  gap:var(--sp-1);
  padding:var(--sp-3);
  background:#0b3d35;
  color:#ffffff;
}

.contact-dispatch__head h2{
  font-size:var(--fs-4);
}

.contact-dispatch__row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sp-2);
  padding:var(--sp-3);
  color:#ffffff;
}

.contact-dispatch__row + .contact-dispatch__row{
  border-top:1px solid rgba(255,255,255,.14);
}

.contact-dispatch__icon{
  display:grid;
  width:3rem;
  height:3rem;
  place-items:center;
  border-radius:var(--r-sm);
  background:#174d44;
  color:#7ff0cd;
}

.contact-dispatch__row > div:last-child{
  display:grid;
  min-width:0;
  gap:var(--sp-1);
}

.contact-dispatch__row h3{
  font-size:var(--fs-3);
}

.contact-dispatch__row p{
  color:#b7d1ca;
}

.contact-dispatch__row a{
  width:fit-content;
  max-width:100%;
  color:#79efca;
  font-weight:700;
  overflow-wrap:anywhere;
}

.contact-dispatch__target{
  display:grid;
  gap:var(--sp-1);
  padding:var(--sp-3);
  background:#29d6c7;
  color:#062d27;
}

.contact-dispatch__target p{
  color:#164a42;
}

.contact-section-head{
  display:grid;
  gap:var(--sp-1);
  max-width:48rem;
  margin-bottom:var(--sp-4);
}

.contact-section-head .c-kicker{
  margin-bottom:var(--sp-1);
}

.contact-section-head p{
  color:#56716b;
  font-size:var(--fs-3);
}

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

.contact-route-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--sp-3);
  border-radius:var(--r-lg);
  padding:clamp(1.5rem,3vw,2.5rem);
  color:#071e1a;
}

.contact-route-card--sales{
  background:#ddf9ec;
  color:#071e1a;
}

.contact-route-card--billing{
  background:#dffbf8;
  color:#071e1a;
}

.contact-route-card--technical{
  background:#f0fff8;
  color:#071e1a;
}

.contact-route-card--security{
  background:#c7f28d;
  color:#10352d;
}

.contact-route-card__icon{
  display:grid;
  width:3.25rem;
  height:3.25rem;
  place-items:center;
  border-radius:var(--r-sm);
  background:#ffffff;
  color:#007c43;
  box-shadow:var(--shadow-soft);
}

.contact-route-card__body{
  display:grid;
  gap:var(--sp-1);
}

.contact-route-card__body .c-badge{
  margin-bottom:var(--sp-1);
}

.contact-route-card__body h3{
  font-size:var(--fs-4);
}

.contact-route-card__body p{
  color:#3f6259;
}

.contact-route-card--security .contact-route-card__body p{
  color:#294d43;
}

.contact-fact-list{
  display:grid;
  gap:var(--sp-2);
  margin:0;
}

.contact-fact-list div{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(7rem,.38fr) minmax(0,1fr);
  gap:var(--sp-2);
  padding-top:var(--sp-2);
  border-top:1px solid rgba(7,30,26,.12);
}

.contact-fact-list dt,
.contact-fact-list dd{
  min-width:0;
  overflow-wrap:anywhere;
}

.contact-fact-list dd{
  color:#45645d;
}

.contact-route-card > .c-btn{
  align-self:flex-start;
}

.contact-safety-note{
  display:flex;
  align-items:flex-start;
  gap:var(--sp-2);
  margin-top:var(--sp-3);
  background:#e8fbf3;
  color:#153f36;
}

.contact-safety-note > div{
  display:grid;
  gap:var(--sp-1);
}

.contact-safety-note p{
  color:#45645d;
}

.contact-builder-section{
  background:#f0fff8;
  color:#071e1a;
}

.contact-builder-layout{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);
  gap:var(--sp-3);
  align-items:stretch;
}

.contact-builder{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--sp-3);
}

.contact-builder__intro{
  display:grid;
  gap:var(--sp-1);
}

.contact-builder__intro h3{
  font-size:var(--fs-4);
}

.contact-builder__intro p{
  color:#56716b;
}

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

.contact-fields > *{
  min-width:0;
}

.contact-field--wide{
  grid-column:1 / -1;
}

.contact-builder__notice{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:var(--sp-1);
  align-items:start;
  border-radius:var(--r-sm);
  padding:var(--sp-2);
  background:#fff4d8;
  color:#513d08;
}

.contact-builder__notice svg{
  margin-top:.15rem;
}

.contact-builder__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--sp-2);
}

.contact-form-status{
  min-height:1.5rem;
  color:#a13d38;
  font-weight:700;
}

.contact-form-status.is-success{
  color:#007c43;
}

.contact-builder-side{
  display:grid;
  min-width:0;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:var(--sp-3);
}

.contact-side-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--sp-2);
  border-radius:var(--r-lg);
  padding:var(--sp-3);
}

.contact-side-card--dark{
  background:#062d27;
  color:#ffffff;
}

.contact-side-card--dark p,
.contact-side-card--dark li{
  color:#b7d1ca;
}

.contact-side-card--mint{
  background:#ddf9ec;
  color:#071e1a;
}

.contact-side-card--mint p,
.contact-side-card--mint li{
  color:#45645d;
}

.contact-side-card h3{
  font-size:var(--fs-4);
}

.contact-side-card ul{
  display:grid;
  gap:var(--sp-1);
  margin:0;
  padding-left:1.25rem;
}

.contact-side-card .c-btn{
  align-self:flex-start;
  margin-top:auto;
}

.contact-region-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));
  gap:var(--sp-3);
  align-items:start;
}

.contact-region-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--sp-3);
  border-radius:var(--r-lg);
  padding:var(--sp-3);
  background:#f0fff8;
  color:#071e1a;
}

.contact-region-card__head{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:var(--sp-1);
}

.contact-region-card__code{
  font-size:var(--fs-4);
  font-weight:700;
  color:#007c43;
}

.contact-region-card__body{
  display:grid;
  gap:var(--sp-2);
}

.contact-region-card__body h3{
  font-size:var(--fs-4);
}

.contact-region-card__body p{
  color:#45645d;
}

.contact-region-card dl{
  display:grid;
  gap:var(--sp-1);
  margin:0;
}

.contact-region-card dl div{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--sp-1);
  padding-top:var(--sp-1);
  border-top:1px solid rgba(7,30,26,.12);
}

.contact-region-card dd{
  text-align:right;
  color:#315e54;
}

.contact-region-card__actions{
  display:grid;
  gap:var(--sp-1);
}

.contact-region-card__actions .c-btn{
  width:100%;
  white-space:normal;
}

.contact-boundary-section{
  background:#062d27;
  color:#ffffff;
}

.contact-boundary-layout{
  display:grid;
  gap:var(--sp-4);
}

.contact-boundary-copy{
  display:grid;
  gap:var(--sp-1);
  max-width:48rem;
}

.contact-boundary-copy .contact-boundary-kicker{
  margin-bottom:var(--sp-1);
  background:#174d44;
  color:#c9f9e6;
}

.contact-boundary-copy p{
  color:#b7d1ca;
  font-size:var(--fs-3);
}

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

.contact-boundary-card{
  display:grid;
  min-width:0;
  gap:var(--sp-1);
  border-radius:var(--r-md);
  padding:var(--sp-3);
  background:#12483f;
  color:#ffffff;
}

.contact-boundary-card__step{
  width:fit-content;
  max-width:100%;
  border-radius:var(--r-pill);
  padding:.45em .85em;
  background:#29d6c7;
  color:#062d27;
  font-size:var(--fs-0);
  font-weight:700;
}

.contact-boundary-card h3{
  margin-top:var(--sp-1);
}

.contact-boundary-card p{
  color:#c0d8d2;
}

.contact-cta-copy{
  display:grid;
  min-width:0;
  max-width:44rem;
  gap:var(--sp-1);
}

.contact-cta-copy .c-badge{
  margin-bottom:var(--sp-1);
}

.contact-cta-actions{
  flex:0 0 auto;
  flex-direction:column;
  align-items:stretch;
}

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

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

  .contact-dispatch{
    max-width:48rem;
  }

  .contact-builder-layout{
    grid-template-columns:1fr;
  }

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

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

  .contact-boundary-card:last-child{
    grid-column:1 / -1;
  }
}

@media(max-width:48rem){
  .contact-route-grid,
  .contact-fields,
  .contact-builder-side,
  .contact-boundary-grid{
    grid-template-columns:1fr;
  }

  .contact-boundary-card:last-child{
    grid-column:auto;
  }

  .contact-fact-list div{
    grid-template-columns:1fr;
    gap:var(--sp-1);
  }

  .contact-region-card dl div{
    grid-template-columns:1fr;
  }

  .contact-region-card dd{
    text-align:left;
  }

  .contact-cta-actions{
    width:100%;
  }
}

@media(max-width:27rem){
  .contact-hero__actions,
  .contact-builder__actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .contact-hero__actions .c-btn,
  .contact-builder__actions .c-btn,
  .contact-route-card > .c-btn,
  .contact-side-card .c-btn{
    width:100%;
    white-space:normal;
  }

  .contact-dispatch__row{
    grid-template-columns:1fr;
  }

  .contact-region-card__head{
    align-items:flex-start;
    flex-direction:column;
  }
}
.p-doc-hero.contact-hero{padding-top:var(--sp-5)}

.contact-select-shell{position:relative;min-width:0}
.contact-select-native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}
.contact-select-btn{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.78rem .9rem;border:1px solid rgba(7,30,26,.22);border-radius:var(--r-sm);color:#071e1a;background:#fff;font:inherit;text-align:left;cursor:pointer}
.contact-select-btn::after{content:"";width:.45rem;height:.45rem;flex:0 0 auto;border-right:2px solid #56716b;border-bottom:2px solid #56716b;transform:translateY(-15%) rotate(45deg)}
.contact-select-shell.is-open .contact-select-btn{border-color:#00b34f;outline:3px solid rgba(0,179,79,.22)}
.contact-select-list{position:absolute;z-index:20;left:0;right:0;top:calc(100% + .35rem);margin:0;padding:.35rem;list-style:none;max-height:16rem;overflow:auto;border:1px solid rgba(7,30,26,.16);border-radius:var(--r-sm);background:#fff;box-shadow:var(--shadow-soft)}
.contact-select-list[hidden]{display:none}
.contact-select-list button{width:100%;display:block;padding:.65rem .75rem;border:0;border-radius:.45rem;background:transparent;color:#071e1a;font:inherit;text-align:left;cursor:pointer}
.contact-select-list button:hover,.contact-select-list button[aria-selected="true"]{background:#f0fff8;color:#007c43}