.contact-hero{
  padding-block:var(--sm-hero-pad);
  background:
    radial-gradient(circle at 12% 16%,rgba(255,241,232,.92),transparent 34%),
    radial-gradient(circle at 84% 20%,rgba(242,238,250,.96),transparent 38%),
    radial-gradient(circle at 58% 88%,rgba(238,245,246,.98),transparent 42%),
    linear-gradient(135deg,#FCFCFB 0%,#F3F7F7 48%,#FFF7F0 100%);
  color:#18252A;
  background-size:140% 140%;
  animation:contact-gradient-shift 18s ease-in-out infinite alternate;
}

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

.contact-hero__copy{
  min-width:0;
  align-items:start;
  padding-top:var(--sm-space-2);
  color:#18252A;
}

.contact-hero__copy .contact-hero__lead,
.contact-hero__copy .contact-response-strip dd{
  color:#18252A;
}

.contact-heading-core{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--sm-space-2);
  min-width:0;
}

.contact-heading-core>.c-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
}

.contact-heading-core h1,
.contact-heading-core h2,
.contact-heading-core h3{
  overflow-wrap:anywhere;
}

.contact-hero__lead{
  max-width:41rem;
  margin-top:var(--sm-space-2);
  color:#293B40;
}

.contact-hero__actions{
  justify-content:flex-start;
  margin-top:var(--sm-space-3);
  margin-bottom:var(--sm-space-3);
}

.contact-response-strip{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--sm-space-3);
  margin:0;
  padding-top:var(--sm-space-3);
  border-top:1px solid rgba(24,37,42,.12);
}

.contact-response-strip>div{
  min-width:0;
}

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

.contact-response-strip dt{
  color:#18252A;
}

.contact-response-strip dd{
  margin-top:var(--sm-space-1);
  color:#304247;
}

.contact-stage{
  min-width:0;
  align-self:start;
}

.contact-board{
  width:100%;
  height:auto;
  overflow:hidden;
  border-radius:var(--sm-radius-lg);
  background:#FFFFFF;
  color:#18252A;
  box-shadow:var(--sm-shadow-float);
}

.contact-board__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sm-space-2);
  padding:var(--sm-space-3);
  background:#18252A;
  color:#F9FBFA;
}

.contact-board__head>div{
  min-width:0;
}

.contact-board__head strong{
  display:block;
  margin-top:var(--sm-space-1);
  font-family:var(--sm-font-heading);
  font-size:var(--sm-text-3);
  line-height:1.35;
}

.contact-board__overline{
  display:block;
  color:#B8C2C4;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-0);
  line-height:1.4;
  letter-spacing:.05em;
  overflow-wrap:anywhere;
}

.contact-board__status{
  flex:0 0 auto;
  padding:.42rem .7rem;
  border-radius:999px;
  background:#FFF7D8;
  color:#4B3A08;
  font-size:var(--sm-text-0);
  line-height:1.2;
  font-weight:700;
}

.contact-board__body{
  padding-inline:var(--sm-space-3);
  background:#FFFFFF;
  color:#18252A;
}

.contact-board__row{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--sm-space-2);
  min-width:0;
  padding-block:var(--sm-space-2);
  border-bottom:1px solid #E8EBEA;
}

.contact-board__row:last-child{
  border-bottom:0;
}

.contact-board__row>div{
  min-width:0;
}

.contact-board__row strong,
.contact-board__row small{
  display:block;
  overflow-wrap:anywhere;
}

.contact-board__row strong{
  color:#18252A;
  font-size:var(--sm-text-1);
  line-height:1.45;
}

.contact-board__row small{
  margin-top:var(--sm-space-1);
  color:#667278;
}

.contact-board__code{
  color:#075D70;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-0);
  line-height:1.3;
  font-weight:700;
}

.contact-board__route{
  padding:.35rem .55rem;
  border-radius:.4rem;
  background:#EEF5F6;
  color:#183D45;
  font-size:var(--sm-text-0);
  line-height:1.2;
  font-weight:700;
}

.contact-board__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sm-space-2);
  padding:var(--sm-space-2) var(--sm-space-3);
  background:#FFF1E8;
  color:#572B1B;
  font-size:var(--sm-text-1);
  line-height:1.5;
}

.contact-board__foot a{
  color:#572B1B;
  font-family:var(--sm-font-mono);
  font-weight:700;
  overflow-wrap:anywhere;
}

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

.contact-section-head>p{
  color:#5D696E;
}

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

.contact-route-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding:var(--sm-space-4);
}

.contact-card-mark{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:var(--sm-space-1);
  min-width:0;
}

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

.contact-route-card h3{
  margin-top:var(--sm-space-2);
}

.contact-route-card p{
  margin-top:var(--sm-space-1);
  color:inherit;
  opacity:.82;
}

.contact-route-card ul{
  margin:var(--sm-space-2) 0 0;
  padding-left:1.2rem;
}

.contact-route-card li+li{
  margin-top:var(--sm-space-1);
}

.contact-card-action{
  margin-top:var(--sm-space-3);
}

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

.contact-form-card{
  padding:var(--sm-space-4);
  background:#FFFFFF;
  color:#18252A;
  box-shadow:var(--sm-shadow-soft);
}

.contact-form-card .c-field{
  gap:var(--sm-space-1);
}

.contact-form-card label{
  color:#18252A;
}

.contact-form-card .c-input,
.contact-form-card .c-select,
.contact-form-card .c-textarea{
  border-color:#AEB9BB;
  background:#FFFFFF;
  color:#18252A;
}

.contact-form-card .c-select.is-enhanced{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}

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

.contact-select-button{
  width:100%;
  min-height:2.75rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--sm-space-1);
  padding:.65rem 2.5rem .65rem .8rem;
  border:1px solid #AEB9BB;
  border-radius:var(--sm-radius-sm);
  background:#FFFFFF;
  color:#18252A;
  text-align:left;
}

.contact-select-button::after{
  content:"";
  position:absolute;
  right:1rem;
  top:50%;
  width:.5rem;
  height:.5rem;
  border-right:1.5px solid #536166;
  border-bottom:1.5px solid #536166;
  transform:translateY(-70%) rotate(45deg);
}

.contact-select-button:focus-visible{
  outline:3px solid var(--sm-focus);
  outline-offset:1px;
  border-color:#075D70;
}

.contact-select-menu{
  position:absolute;
  z-index:20;
  top:calc(100% + .35rem);
  left:0;
  right:0;
  display:grid;
  padding:.4rem;
  border:1px solid #CBD2D3;
  border-radius:var(--sm-radius-sm);
  background:#FFFFFF;
  color:#18252A;
  box-shadow:var(--sm-shadow-soft);
}

.contact-select-menu[hidden]{
  display:none;
}

.contact-select-option{
  width:100%;
  padding:.65rem .7rem;
  border:0;
  border-radius:.35rem;
  background:#FFFFFF;
  color:#18252A;
  text-align:left;
  font-size:var(--sm-text-1);
  line-height:1.4;
}

.contact-select-option:hover,
.contact-select-option:focus-visible{
  outline:0;
  background:#EEF5F6;
  color:#183D45;
}

.contact-select-option[aria-selected="true"]{
  background:#075D70;
  color:#FFFFFF;
}

.contact-confirm{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--sm-space-1);
  min-width:0;
  margin-top:var(--sm-space-1);
  font-weight:500;
}

.contact-confirm input{
  width:1rem;
  height:1rem;
  margin:.2rem 0 0;
  accent-color:#075D70;
}

.contact-confirm span{
  min-width:0;
  color:#4F5D62;
  font-size:var(--sm-text-1);
  line-height:1.6;
}

.contact-form-status{
  min-width:0;
  padding:var(--sm-space-2);
  border-radius:var(--sm-radius-sm);
  background:#EEF5F6;
  color:#183D45;
  font-size:var(--sm-text-1);
  line-height:1.55;
}

.contact-form-status[data-state="error"]{
  background:#FFF1E8;
  color:#572B1B;
}

.contact-form-status[data-state="success"]{
  background:#EAF4F0;
  color:#185844;
}

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

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

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

.contact-channel-card--dark{
  background:#18252A;
  color:#F9FBFA;
}

.contact-channel-card--dark p{
  color:#C4CCCE;
}

.contact-channel-card--dark dl{
  border-color:rgba(255,255,255,.16);
}

.contact-channel-card--dark dt{
  color:#F9FBFA;
}

.contact-channel-card--dark dd{
  color:#C4CCCE;
}

.contact-channel-card--dark .c-btn--ghost{
  border-color:rgba(255,255,255,.42);
  background:transparent;
  color:#FFFFFF;
}

.contact-channel-card--paper{
  background:#FFFFFF;
  color:#18252A;
}

.contact-channel-card--paper p{
  color:#59676C;
}

.contact-kicker-on-dark{
  background:#FFF7D8;
  color:#4B3A08;
}

.contact-kicker-on-dark::before{
  background:#18252A;
}

.contact-channel-card>p{
  margin-top:var(--sm-space-2);
}

.contact-channel-card dl{
  display:grid;
  margin:var(--sm-space-3) 0 0;
  border-top:1px solid #E3E7E6;
}

.contact-channel-card dl>div{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:var(--sm-space-2);
  min-width:0;
  padding-block:var(--sm-space-2);
  border-bottom:1px solid currentColor;
  border-bottom-color:color-mix(in srgb,currentColor 14%,transparent);
}

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

.contact-channel-card dd{
  text-align:right;
}

.contact-channel-card--paper dd a{
  color:#075D70;
}

.contact-side-action{
  align-self:flex-start;
  margin-top:var(--sm-space-3);
}

.contact-check-layout{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  align-items:start;
  gap:var(--sm-space-5);
}

.contact-check-copy{
  min-width:0;
}

.contact-check-copy>p{
  margin-top:var(--sm-space-2);
  color:#31545C;
}

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

.contact-checklist{
  list-style:none;
  margin:0;
  padding:0;
  background:#FFFFFF;
  color:#18252A;
  border-radius:var(--sm-radius-md);
}

.contact-checklist li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--sm-space-2);
  min-width:0;
  padding:var(--sm-space-3);
  border-bottom:1px solid #E3E7E6;
}

.contact-checklist li:last-child{
  border-bottom:0;
}

.contact-checklist__number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2.5rem;
  min-height:2.5rem;
  border-radius:var(--sm-radius-sm);
  background:#EEF5F6;
  color:#075D70;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-1);
  line-height:1;
  font-weight:700;
}

.contact-checklist li>div{
  min-width:0;
}

.contact-checklist h3{
  font-size:var(--sm-text-3);
  letter-spacing:-.02em;
}

.contact-checklist p{
  margin-top:var(--sm-space-1);
  color:#59676C;
  font-size:var(--sm-text-1);
}

.contact-billing-grid{
  align-items:start;
}

.contact-fact-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding:var(--sm-space-4);
}

.contact-fact-card__label{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  font-family:var(--sm-font-mono);
  font-size:var(--sm-text-0);
  line-height:1.4;
  font-weight:700;
}

.contact-fact-card h3{
  margin-top:var(--sm-space-2);
}

.contact-fact-card p{
  margin-top:var(--sm-space-1);
  opacity:.84;
}

.contact-fact-card__action{
  margin-top:var(--sm-space-3);
}

.contact-policy-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;
  gap:var(--sm-space-4);
}

.contact-policy-copy{
  min-width:0;
  padding:var(--sm-space-4);
  border-radius:var(--sm-radius-md);
  background:#F2EEFA;
  color:#33284F;
}

.contact-policy-copy>p{
  margin-top:var(--sm-space-2);
}

.contact-policy-cards{
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:var(--sm-space-3);
  min-width:0;
}

.contact-policy-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-width:0;
  height:100%;
  padding:var(--sm-space-4);
  background:#FFFFFF;
  color:#18252A;
}

.contact-policy-card p{
  margin-top:var(--sm-space-1);
  color:#59676C;
}

.contact-policy-card .c-btn{
  align-self:flex-start;
  margin-top:var(--sm-space-3);
}

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

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

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

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

@keyframes contact-gradient-shift{
  from{background-position:0% 40%}
  to{background-position:100% 60%}
}

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

  .contact-hero__copy{
    padding-top:0;
  }

  .contact-stage{
    height:auto;
    overflow:visible;
  }

  .contact-form-layout,
  .contact-check-layout,
  .contact-policy-layout{
    grid-template-columns:minmax(0,1fr);
  }

  .contact-form-side,
  .contact-policy-cards{
    grid-template-rows:auto;
  }

  .contact-channel-card,
  .contact-policy-card{
    height:auto;
  }
}

@media(max-width:48rem){
  .contact-routing-grid{
    grid-template-columns:minmax(0,1fr);
  }

  .contact-response-strip{
    grid-template-columns:minmax(0,1fr);
  }

  .contact-board__foot{
    align-items:flex-start;
    flex-direction:column;
  }

  .contact-route-card,
  .contact-form-card,
  .contact-channel-card,
  .contact-fact-card,
  .contact-policy-copy,
  .contact-policy-card{
    padding:var(--sm-space-3);
  }
}

@media(max-width:42rem){
  .contact-board__row{
    grid-template-columns:auto minmax(0,1fr);
  }

  .contact-board__route{
    grid-column:2;
    justify-self:start;
  }

  .contact-board__head{
    align-items:flex-start;
  }

  .contact-checklist li{
    grid-template-columns:minmax(0,1fr);
  }

  .contact-form-actions>.c-btn,
  .contact-card-action,
  .contact-side-action,
  .contact-fact-card__action,
  .contact-policy-card .c-btn{
    width:100%;
  }
}

@media(max-width:24.375rem){
  .contact-board__head{
    flex-direction:column;
  }

  .contact-card-mark{
    align-items:flex-start;
    flex-direction:column;
  }

  .contact-channel-card dl>div{
    grid-template-columns:minmax(0,1fr);
  }

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

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