.contact-hero{
  padding-block:var(--hero-pad);
  background:#17161a;
  color:#f8f7f5;
}

.contact-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  align-items:start;
  gap:var(--space-5);
}

.contact-hero__copy{
  min-width:0;
  align-items:flex-start;
  color:#f8f7f5;
}

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

.contact-title-stack h1{
  max-width:16ch;
  color:#f8f7f5;
  font-size:clamp(2.5rem,4.8vw,4rem);
  line-height:1.16;
}

.contact-hero__lead{
  max-width:42rem;
  margin-top:var(--space-3);
  color:#c5c1c9;
}

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

.contact-hero__actions .c-btn-ghost{
  color:#f8f7f5;
  border-color:rgba(255,255,255,.38);
}

.contact-hero__facts{
  display:grid;
  width:100%;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:var(--space-3) 0 0;
  padding-top:var(--space-3);
  border-top:1px solid rgba(255,255,255,.14);
}

.contact-hero__facts div{
  min-width:0;
  padding-inline:var(--space-2);
}

.contact-hero__facts div:first-child{
  padding-inline-start:0;
}

.contact-hero__facts dt{
  color:#aaa7ae;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
}

.contact-hero__facts dd{
  margin-top:var(--space-1);
  color:#f8f7f5;
  overflow-wrap:anywhere;
}

.contact-stage{
  align-self:start;
  min-width:0;
  height:auto;
  min-height:0;
  overflow:hidden;
  padding:var(--space-3);
  border-radius:var(--radius-lg);
  background:#fcfbf7;
  color:#17161a;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
  text-align:left;
}

.contact-stage__head{
  display:flex;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-2);
  padding-bottom:var(--space-3);
}

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

.contact-stage__index{
  display:block;
  margin-bottom:var(--space-1);
  color:#6d6971;
  font-size:var(--fs-0);
  letter-spacing:.08em;
}

.contact-stage__head h2{
  color:#17161a;
  font-size:var(--fs-4);
}

.contact-stage__routes{
  display:grid;
  gap:var(--space-2);
}

.contact-route{
  display:grid;
  grid-template-columns:2.25rem minmax(0,1fr) auto;
  align-items:start;
  gap:var(--space-2);
  padding:var(--space-3);
  border-radius:var(--radius-md);
}

.contact-route--pink{
  background:#f4dce7;
  color:#361b27;
}

.contact-route--olive{
  background:#e4e1c7;
  color:#252719;
}

.contact-route--aqua{
  background:#d8e8e6;
  color:#172a31;
}

.contact-route--lilac{
  background:#e3e1ea;
  color:#211d2c;
}

.contact-route__number{
  color:inherit;
  font-size:var(--fs-1);
  font-weight:800;
}

.contact-route h3{
  color:inherit;
  font-size:var(--fs-3);
  letter-spacing:-.02em;
}

.contact-route p{
  margin-top:var(--space-1);
  color:inherit;
  font-size:var(--fs-1);
  line-height:var(--lh-small);
  opacity:.82;
}

.contact-route__target{
  align-self:start;
  padding:.35rem .6rem;
  border-radius:var(--radius-pill);
  background:rgba(255,255,255,.58);
  color:inherit;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
  line-height:1.2;
}

.contact-stage__foot{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:var(--space-2);
  margin-top:var(--space-3);
  padding-top:var(--space-2);
  border-top:1px solid rgba(23,22,26,.12);
  color:#5f5b63;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
}

.contact-section{
  padding-block:var(--section-space);
}

.contact-section__heading{
  display:flex;
  max-width:49rem;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-2);
  margin-bottom:var(--space-4);
}

.contact-section__heading .c-kicker{
  margin-bottom:var(--space-1);
}

.contact-section__heading p{
  color:#5f5b63;
}

.c-section-pink.contact-section{
  background:#f4dce7;
  color:#361b27;
}

.c-section-pink.contact-section .contact-section__heading h2{
  color:#361b27;
}

.c-section-pink.contact-section .contact-section__heading p{
  color:#593846;
}

.c-section-aqua.contact-section{
  background:#d8e8e6;
  color:#172a31;
}

.c-section-aqua.contact-section .contact-section__heading h2{
  color:#172a31;
}

.c-section-aqua.contact-section .contact-section__heading p{
  color:#40545a;
}

.c-section-lilac.contact-section{
  background:#e3e1ea;
  color:#211d2c;
}

.contact-form-layout{
  grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);
  align-items:stretch;
}

.contact-form{
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:#ffffff;
  color:#17161a;
  box-shadow:var(--shadow-soft);
}

.contact-form__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-2);
  margin-bottom:var(--space-3);
}

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

.contact-form__serial{
  display:block;
  margin-bottom:var(--space-1);
  color:#704d9a;
  font-size:var(--fs-0);
  letter-spacing:.08em;
}

.contact-form__head h3{
  color:#17161a;
}

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

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

.contact-field label{
  color:#343139;
}

.contact-field small{
  color:#6d6971;
}

.contact-field--full{
  margin-top:var(--space-3);
}

.contact-native-select{
  padding-inline-end:2.75rem;
}

.contact-field.is-enhanced .contact-native-select{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

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

.contact-select__button{
  display:grid;
  width:100%;
  min-height:3rem;
  grid-template-columns:minmax(0,1fr) 1rem;
  align-items:center;
  gap:var(--space-1);
  padding:.75rem 1rem;
  padding-inline-end:1rem;
  border:1px solid #8f8a92;
  border-radius:var(--radius-sm);
  background:#ffffff;
  color:#17161a;
  line-height:var(--lh-small);
  text-align:left;
}

.contact-select__button:hover{
  border-color:#704d9a;
}

.contact-select__button svg{
  width:.75rem;
  height:.75rem;
  justify-self:end;
  transition:transform var(--speed-fast);
}

.contact-select__button[aria-expanded="true"] svg{
  transform:rotate(180deg);
}

.contact-select__value{
  min-width:0;
  overflow-wrap:anywhere;
}

.contact-select__menu{
  position:absolute;
  top:calc(100% + .4rem);
  left:0;
  right:0;
  z-index:30;
  display:grid;
  max-height:16rem;
  overflow-y:auto;
  padding:.45rem;
  border:1px solid #aaa6ad;
  border-radius:var(--radius-sm);
  background:#ffffff;
  color:#17161a;
  box-shadow:var(--shadow-soft);
}

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

.contact-select__option{
  width:100%;
  padding:.7rem .75rem;
  border:0;
  border-radius:.45rem;
  background:#ffffff;
  color:#17161a;
  line-height:var(--lh-small);
  text-align:left;
}

.contact-select__option:hover,
.contact-select__option:focus-visible,
.contact-select__option[aria-selected="true"]{
  background:#e3e1ea;
  color:#211d2c;
}

.contact-confirm{
  display:grid;
  grid-template-columns:1.2rem minmax(0,1fr);
  align-items:start;
  gap:.75rem;
  margin-top:var(--space-3);
  color:#343139;
  font-weight:500;
}

.contact-confirm input{
  width:1.1rem;
  height:1.1rem;
  margin:.2rem 0 0;
  accent-color:#26335f;
}

.contact-confirm span{
  min-width:0;
}

.contact-confirm a{
  color:#26335f;
  font-weight:750;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
}

.contact-form__status{
  min-height:1.5rem;
  margin-top:var(--space-2);
  color:#8b4054;
  font-size:var(--fs-1);
  line-height:var(--lh-small);
}

.contact-form__status.is-success{
  color:#45635d;
}

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

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

.contact-support-rail>*{
  height:auto;
}

.contact-support-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:space-between;
  gap:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--radius-lg);
}

.contact-support-card--peach{
  background:#f2e0cf;
  color:#321e17;
}

.contact-support-card--peach h3{
  color:#321e17;
}

.contact-support-card--peach li{
  color:#60453b;
}

.contact-support-card--dark{
  background:#17161a;
  color:#f8f7f5;
}

.contact-support-card--dark h3{
  color:#f8f7f5;
}

.contact-support-card--dark li{
  color:#c5c1c9;
}

.contact-support-card__label{
  display:block;
  margin-bottom:var(--space-1);
  color:inherit;
  font-size:var(--fs-0);
  letter-spacing:.08em;
  opacity:.72;
}

.contact-support-card ul{
  margin:0;
  padding-inline-start:1.2rem;
}

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

.contact-guidance-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));
}

.contact-guidance-card{
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#361b27;
}

.contact-guidance-card__number{
  display:block;
  margin-bottom:var(--space-2);
  color:#704d9a;
  font-size:var(--fs-1);
  font-weight:800;
}

.contact-guidance-card h3{
  color:#361b27;
}

.contact-guidance-card p{
  margin-top:var(--space-1);
  color:#593846;
}

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

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

.contact-region-copy .c-kicker{
  margin-bottom:var(--space-1);
}

.contact-region-copy p{
  color:#5f5b63;
}

.contact-region-board{
  display:grid;
  min-width:0;
  gap:0;
  border-top:1px solid #d8d5d0;
}

.contact-region-board article{
  display:grid;
  min-width:0;
  grid-template-columns:3rem minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-2);
  padding:var(--space-3);
  border-bottom:1px solid #d8d5d0;
  background:#ffffff;
  color:#17161a;
}

.contact-region-board article>span{
  color:#704d9a;
  font-weight:800;
}

.contact-region-board h3{
  color:#17161a;
  font-size:var(--fs-3);
}

.contact-region-board p{
  margin-top:var(--space-1);
  color:#5f5b63;
  font-size:var(--fs-1);
}

.contact-region-board strong{
  padding:.4rem .7rem;
  border-radius:var(--radius-pill);
  background:#d8e8e6;
  color:#172a31;
  font-family:var(--font-mono);
  font-size:var(--fs-0);
}

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

.contact-plan-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-3);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
}

.contact-plan-card--base{
  background:#ffffff;
  color:#172a31;
}

.contact-plan-card--pro{
  background:#17161a;
  color:#f8f7f5;
}

.contact-plan-card__head{
  display:flex;
  width:100%;
  min-width:0;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-2);
}

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

.contact-plan-card__label{
  display:block;
  margin-bottom:var(--space-1);
  color:inherit;
  font-size:var(--fs-0);
  letter-spacing:.08em;
  opacity:.68;
}

.contact-plan-card--base h3{
  color:#172a31;
}

.contact-plan-card--pro h3{
  color:#f8f7f5;
}

.contact-plan-card__spec{
  color:inherit;
  font-size:var(--fs-1);
}

.contact-plan-card--base .contact-plan-card__spec{color:#263e45}
.contact-plan-card--pro .contact-plan-card__spec{color:#f0edf3}

.contact-plan-card ul{
  margin:0;
  padding-inline-start:1.25rem;
}

.contact-plan-card--base li{
  color:#40545a;
}

.contact-plan-card--pro li{
  color:#c5c1c9;
}

.contact-plan-card__price{
  display:flex;
  align-items:flex-end;
  gap:var(--space-1);
}

.contact-plan-card__price strong{
  color:inherit;
  font-size:clamp(2rem,5cqi,3.5rem);
  line-height:1;
}

.contact-plan-card__price span{
  color:inherit;
  font-size:var(--fs-1);
  opacity:.72;
}

.contact-plan-card .c-btn{
  margin-top:var(--space-2);
}

.contact-config-note{
  display:grid;
  grid-template-columns:1.35rem minmax(0,1fr);
  align-items:start;
  gap:var(--space-2);
  margin-top:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#172a31;
}

.contact-config-note svg{
  width:1.25rem;
  height:1.25rem;
  margin-top:.2rem;
}

.contact-config-note p{
  color:#40545a;
}

.contact-config-note a{
  color:#26335f;
  font-weight:750;
  text-decoration:underline;
  text-underline-offset:.2em;
}

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

.contact-customer-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:var(--space-2);
}

.contact-customer-copy .c-kicker{
  margin-bottom:var(--space-1);
}

.contact-customer-copy p{
  color:#5f5b63;
}

.contact-customer-copy .c-actions{
  justify-content:flex-start;
}

.contact-ticket-sheet{
  min-width:0;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:#f2e0cf;
  color:#321e17;
}

.contact-ticket-sheet__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:var(--space-3);
  background:#321e17;
  color:#f8f7f5;
}

.contact-ticket-sheet__head span,
.contact-ticket-sheet__head strong{
  min-width:0;
  color:#f8f7f5;
}

.contact-ticket-sheet dl{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:0;
  padding:var(--space-3);
}

.contact-ticket-sheet dl div{
  min-width:0;
  padding:var(--space-3);
  border-bottom:1px solid rgba(50,30,23,.14);
}

.contact-ticket-sheet dt{
  color:#321e17;
}

.contact-ticket-sheet dd{
  margin-top:var(--space-1);
  color:#60453b;
}

.contact-payment-layout{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  align-items:start;
  gap:var(--space-5);
}

.contact-payment-layout>div:first-child{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-2);
}

.contact-payment-layout .c-kicker{
  margin-bottom:var(--space-1);
}

.contact-payment-layout h2{
  color:#211d2c;
}

.contact-payment-list{
  display:grid;
  border-top:1px solid rgba(33,29,44,.16);
}

.contact-payment-list article{
  display:grid;
  grid-template-columns:3.5rem minmax(0,1fr);
  align-items:start;
  gap:var(--space-2);
  padding:var(--space-3);
  border-bottom:1px solid rgba(33,29,44,.16);
  background:#e3e1ea;
  color:#211d2c;
}

.contact-payment-list__mark{
  color:#704d9a;
  font-weight:800;
}

.contact-payment-list h3{
  color:#211d2c;
  font-size:var(--fs-3);
}

.contact-payment-list p{
  margin-top:var(--space-1);
  color:#514b5b;
}

.contact-privacy-section{
  padding-block:var(--section-space);
}

.contact-privacy-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-4);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:#f2e0cf;
  color:#321e17;
}

.contact-privacy-card>div:first-child{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--space-2);
}

.contact-privacy-card .c-kicker{
  margin-bottom:var(--space-1);
}

.contact-privacy-card h2{
  color:#321e17;
}

.contact-privacy-card p{
  color:#60453b;
}

.contact-privacy-card__actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-2);
}

.contact-closing-section{
  padding:0 0 var(--space-5);
}

.contact-closing{
  background:#17161a;
  color:#f8f7f5;
}

.contact-closing h2{
  color:#f8f7f5;
}

.contact-closing p{
  color:#bcb8c1;
}

.contact-closing__actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-2);
}

.contact-closing__actions .c-btn-ghost{
  color:#f8f7f5;
  border-color:rgba(255,255,255,.38);
}

@media(max-width:64rem){
  .contact-hero__grid,
  .contact-region-layout,
  .contact-customer-layout,
  .contact-payment-layout{
    grid-template-columns:1fr;
  }

  .contact-stage{
    width:100%;
    height:auto;
    overflow:hidden;
  }

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

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

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

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

  .contact-privacy-card__actions,
  .contact-closing__actions{
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
  }
}

@media(max-width:48rem){
  .contact-hero__facts,
  .contact-form__grid,
  .contact-ticket-sheet dl,
  .contact-support-rail{
    grid-template-columns:1fr;
  }

  .contact-hero__facts{
    gap:var(--space-2);
  }

  .contact-hero__facts div{
    padding-inline:0;
  }

  .contact-form{
    padding:var(--space-3);
  }

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

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

@media(max-width:40rem){
  .contact-hero{
    padding-block:var(--space-5);
  }

  .contact-title-stack h1{
    max-width:none;
    font-size:clamp(2.35rem,12vw,3.2rem);
  }

  .contact-hero__actions,
  .contact-form__actions,
  .contact-customer-copy .c-actions,
  .contact-privacy-card__actions,
  .contact-closing__actions{
    width:100%;
    align-items:stretch;
    flex-direction:column;
  }

  .contact-hero__actions .c-btn,
  .contact-form__actions .c-btn,
  .contact-customer-copy .c-btn,
  .contact-privacy-card__actions .c-btn,
  .contact-closing__actions .c-btn{
    width:100%;
    white-space:normal;
  }

  .contact-stage,
  .contact-plan-card,
  .contact-privacy-card{
    padding:var(--space-3);
  }

  .contact-stage__head,
  .contact-form__head,
  .contact-plan-card__head{
    flex-direction:column;
  }

  .contact-region-board article{
    grid-template-columns:2.5rem minmax(0,1fr);
  }

  .contact-region-board strong{
    grid-column:2;
    justify-self:start;
  }

  .contact-payment-list article{
    grid-template-columns:1fr;
  }

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