.page-contact{
  --ct-panel:rgba(8,27,58,.74);
  --ct-ink-panel:rgba(3,11,26,.58);
  --ct-gap:clamp(1.1rem,3vw,2rem);
}

.page-contact .ct-hero{
  position:relative;
  overflow:hidden;
  padding-block:clamp(1.6rem,4vw,2.6rem) clamp(2.8rem,7vw,5.6rem);
}
.page-contact .ct-hero__bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.3;
}
.page-contact .ct-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(110% 80% at 8% 0%,rgba(58,30,110,.62),transparent 62%),
    radial-gradient(80% 70% at 96% 24%,rgba(38,224,214,.14),transparent 60%),
    linear-gradient(180deg,rgba(3,11,26,.42),var(--vh-deep) 94%);
}
.page-contact .ct-hero > .vh-container{
  position:relative;
  z-index:2;
}
.page-contact .ct-hero__inner{
  display:grid;
  gap:var(--ct-gap);
  margin-top:clamp(1.4rem,3vw,2.4rem);
}
.page-contact .ct-hero__title{
  font-size:clamp(2.35rem,5.4vw,4.5rem);
  line-height:.98;
  letter-spacing:-.01em;
  margin:.5rem 0 0;
  text-wrap:balance;
}
.page-contact .ct-hero__lead .vh-lead{
  margin-top:1.1rem;
  max-width:46ch;
}
.page-contact .ct-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
  margin-top:1.7rem;
}

.page-contact .ct-console{
  border:1px solid var(--vh-line);
  background:linear-gradient(158deg,var(--ct-panel),rgba(14,107,116,.18));
  padding:clamp(1.05rem,2.4vw,1.55rem);
}
.page-contact .ct-console__status{
  display:flex;
  align-items:center;
  gap:.55rem;
  font-family:var(--vh-font-mono);
  font-size:.73rem;
  letter-spacing:.06em;
  color:var(--vh-cyan);
}
.page-contact .ct-console__hint{
  margin:.85rem 0 0;
  font-size:.88rem;
  line-height:1.7;
  color:var(--vh-steel);
}
.page-contact .ct-channel{
  list-style:none;
  margin:1.15rem 0 0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--vh-line);
  border:1px solid var(--vh-line);
}
.page-contact .ct-channel__item{
  background:var(--ct-ink-panel);
  border-left:2px solid transparent;
  padding:.95rem 1.05rem 1.05rem;
  transition:background .25s var(--vh-ease),border-left-color .25s var(--vh-ease);
}
.page-contact .ct-channel__item:hover,
.page-contact .ct-channel__item:focus-within{
  background:rgba(14,107,116,.24);
  border-left-color:var(--vh-cyan);
}
.page-contact .ct-channel__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.6rem;
}
.page-contact .ct-channel__idx{
  font-family:var(--vh-font-mono);
  font-size:.72rem;
  color:var(--vh-steel);
  letter-spacing:.12em;
}
.page-contact .ct-channel__name{
  margin:.45rem 0 0;
  font-family:var(--vh-font-display);
  font-size:1.14rem;
  font-weight:800;
  letter-spacing:.02em;
  color:var(--vh-mist);
}
.page-contact .ct-channel__mail{
  margin:.28rem 0 0;
  font-family:var(--vh-font-mono);
  font-size:.83rem;
  color:var(--vh-cyan);
  word-break:break-all;
}
.page-contact .ct-channel__for{
  margin:.5rem 0 0;
  font-size:.86rem;
  line-height:1.62;
  color:var(--vh-steel);
}
.page-contact .ct-channel__res{
  margin:.55rem 0 0;
  font-size:.79rem;
  line-height:1.6;
  color:var(--vh-mist);
}
.page-contact .ct-mono{
  font-family:var(--vh-font-mono);
  font-weight:600;
  font-variant-numeric:tabular-nums;
  color:var(--vh-orange);
  white-space:nowrap;
}

.page-contact .ct-section__head{
  max-width:58ch;
}
.page-contact .ct-section__title{
  margin:.55rem 0 0;
  text-wrap:balance;
}
.page-contact .ct-section__lead{
  margin:.9rem 0 0;
  font-size:.95rem;
  line-height:1.75;
  color:var(--vh-steel);
}

.page-contact .ct-prep,
.page-contact .ct-flow,
.page-contact .ct-book,
.page-contact .ct-hours{
  padding-block:clamp(2.8rem,6vw,4.8rem);
}
.page-contact .ct-prep{
  border-top:1px solid var(--vh-line);
}

.page-contact .ct-prep__list{
  list-style:none;
  margin:clamp(1.6rem,4vw,2.4rem) 0 0;
  padding:0;
  display:grid;
  gap:1rem;
}
.page-contact .ct-prep__item{
  border-top:1px solid var(--vh-line-strong);
  padding-top:.85rem;
}
.page-contact .ct-prep__num{
  font-family:var(--vh-font-mono);
  font-size:.72rem;
  letter-spacing:.14em;
  color:var(--vh-cyan);
}
.page-contact .ct-prep__name{
  margin:.35rem 0 0;
  font-size:1rem;
  font-weight:700;
  color:var(--vh-mist);
}
.page-contact .ct-prep__text{
  margin:.4rem 0 0;
  font-size:.9rem;
  line-height:1.72;
  color:var(--vh-steel);
}

.page-contact .ct-flow{
  border-top:1px solid var(--vh-line);
  background:linear-gradient(180deg,rgba(58,30,110,.22),transparent 46%);
}
.page-contact .ct-flow__inner{
  display:grid;
  gap:clamp(1.6rem,4vw,2.6rem);
}
.page-contact .ct-flow__media .vh-media{
  border:1px solid var(--vh-line);
}
.page-contact .ct-flow__cap{
  margin:.8rem 0 0;
  font-size:.82rem;
  line-height:1.7;
  color:var(--vh-steel);
  max-width:40ch;
}
.page-contact .ct-flow__list{
  list-style:none;
  margin:1.5rem 0 0;
  padding:0;
}
.page-contact .ct-step{
  position:relative;
  border-left:1px solid var(--vh-line);
  padding:0 0 1.4rem 2.3rem;
}
.page-contact .ct-step:last-child{
  border-left-color:transparent;
  padding-bottom:0;
}
.page-contact .ct-step__dot{
  position:absolute;
  left:-5px;
  top:.32rem;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--vh-deep);
  border:1px solid var(--vh-cyan);
  box-shadow:0 0 0 3px rgba(38,224,214,.12);
}
.page-contact .ct-step:last-child .ct-step__dot{
  border-color:var(--vh-ok);
  box-shadow:0 0 0 3px rgba(79,209,139,.16);
}
.page-contact .ct-step__num{
  font-family:var(--vh-font-mono);
  font-size:.68rem;
  letter-spacing:.18em;
  color:var(--vh-steel);
}
.page-contact .ct-step__name{
  margin:.22rem 0 0;
  font-family:var(--vh-font-display);
  font-size:1.06rem;
  font-weight:800;
  color:var(--vh-mist);
}
.page-contact .ct-step__text{
  margin:.3rem 0 0;
  font-size:.89rem;
  line-height:1.72;
  color:var(--vh-steel);
}

.page-contact .ct-metrics{
  display:grid;
  gap:1px;
  margin-top:1.7rem;
  background:var(--vh-line);
  border:1px solid var(--vh-line);
}
.page-contact .ct-metric{
  background:rgba(8,27,58,.62);
  padding:.95rem 1rem;
}
.page-contact .ct-metric__num{
  margin:0;
  font-family:var(--vh-font-mono);
  font-size:1.42rem;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  color:var(--vh-orange);
  white-space:nowrap;
}
.page-contact .ct-metric__label{
  margin:.3rem 0 0;
  font-size:.78rem;
  line-height:1.55;
  color:var(--vh-steel);
}

.page-contact .ct-book{
  border-top:1px solid var(--vh-line);
}
.page-contact .ct-book__grid{
  display:grid;
  gap:1rem;
  margin-top:clamp(1.5rem,3.5vw,2.1rem);
}
.page-contact .ct-fold{
  border:1px solid var(--vh-line);
  background:rgba(11,26,54,.5);
}
.page-contact .ct-fold + .ct-fold{
  margin-top:.7rem;
}
.page-contact .ct-fold__sum{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  cursor:pointer;
  list-style:none;
  padding:.9rem 1.05rem;
  font-family:var(--vh-font-display);
  font-size:1rem;
  font-weight:800;
  letter-spacing:.01em;
  color:var(--vh-mist);
}
.page-contact .ct-fold__sum::-webkit-details-marker{
  display:none;
}
.page-contact .ct-fold__sum::after{
  content:"+";
  font-family:var(--vh-font-mono);
  font-size:1.1rem;
  color:var(--vh-cyan);
}
.page-contact .ct-fold[open] .ct-fold__sum::after{
  content:"–";
}
.page-contact .ct-fold[open] .ct-fold__sum{
  border-bottom:1px solid var(--vh-line);
}
.page-contact .ct-fold__body{
  padding:1rem 1.05rem 1.15rem;
  font-size:.89rem;
  line-height:1.75;
  color:var(--vh-steel);
}
.page-contact .ct-fold__body p{
  margin:0;
}
.page-contact .ct-fold__body ul{
  margin:.65rem 0 0;
  padding-left:1.05rem;
}
.page-contact .ct-fold__body li{
  margin-bottom:.4rem;
}
.page-contact .ct-fold__body li::marker{
  color:var(--vh-cyan);
}

.page-contact .ct-pickup{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.75rem;
  border:1px solid var(--vh-line-strong);
  background:linear-gradient(198deg,rgba(58,30,110,.55),rgba(8,27,58,.86));
  padding:1.3rem 1.2rem;
}
.page-contact .ct-pickup__kicker{
  margin:0;
  font-family:var(--vh-font-mono);
  font-size:.7rem;
  letter-spacing:.2em;
  color:var(--vh-cyan);
}
.page-contact .ct-pickup__title{
  margin:0;
  font-family:var(--vh-font-display);
  font-size:1.24rem;
  font-weight:800;
  line-height:1.25;
  color:var(--vh-mist);
}
.page-contact .ct-pickup__note{
  margin:0;
  font-size:.89rem;
  line-height:1.75;
  color:var(--vh-steel);
}
.page-contact .ct-pickup__meta{
  margin:0;
  font-family:var(--vh-font-mono);
  font-size:.76rem;
  line-height:1.7;
  color:var(--vh-teal);
  filter:brightness(1.9);
}
.page-contact .ct-pickup .vh-cta{
  margin-top:.3rem;
}

.page-contact .ct-hours{
  border-top:1px solid var(--vh-line);
  background:radial-gradient(90% 120% at 0% 0%,rgba(38,224,214,.09),transparent 56%);
}
.page-contact .ct-hours__grid{
  display:grid;
  gap:1px;
  margin-top:clamp(1.4rem,3.5vw,2rem);
  background:var(--vh-line);
  border:1px solid var(--vh-line);
}
.page-contact .ct-hours__cell{
  background:var(--ct-ink-panel);
  padding:1.05rem 1.1rem;
  border-top:2px solid transparent;
  transition:border-top-color .25s var(--vh-ease),background .25s var(--vh-ease);
}
.page-contact .ct-hours__cell:hover{
  border-top-color:var(--vh-orange);
  background:rgba(14,107,116,.22);
}
.page-contact .ct-hours__k{
  margin:0;
  font-family:var(--vh-font-mono);
  font-size:.67rem;
  letter-spacing:.2em;
  color:var(--vh-steel);
}
.page-contact .ct-hours__v{
  margin:.45rem 0 0;
  font-size:.92rem;
  line-height:1.68;
  color:var(--vh-mist);
  word-break:break-word;
}
.page-contact .ct-hours__note{
  margin:1.3rem 0 0;
  max-width:66ch;
  font-size:.87rem;
  line-height:1.78;
  color:var(--vh-steel);
}
.page-contact .ct-link{
  color:var(--vh-cyan);
  text-decoration:none;
  border-bottom:1px solid rgba(38,224,214,.45);
  transition:border-bottom-color .2s var(--vh-ease);
}
.page-contact .ct-link:hover{
  border-bottom-color:var(--vh-cyan);
}

.page-contact .ct-outro{
  border-top:1px solid var(--vh-line-strong);
  background:
    linear-gradient(115deg,rgba(3,11,26,.9),rgba(8,27,58,.9)),
    radial-gradient(80% 130% at 100% 0%,rgba(255,138,61,.16),transparent 60%);
  padding-block:clamp(2.4rem,6vw,4.2rem);
}
.page-contact .ct-outro__inner{
  display:grid;
  gap:1.5rem;
  align-items:end;
}
.page-contact .ct-outro__title{
  margin:0;
  font-family:var(--vh-font-display);
  font-size:clamp(1.55rem,3.4vw,2.5rem);
  font-weight:800;
  line-height:1.12;
  letter-spacing:.01em;
  color:var(--vh-mist);
  text-wrap:balance;
}
.page-contact .ct-outro__text{
  margin:.8rem 0 0;
  max-width:52ch;
  font-size:.92rem;
  line-height:1.75;
  color:var(--vh-steel);
}
.page-contact .ct-outro__links{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
}

@media (min-width:640px){
  .page-contact .ct-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-contact .ct-hours__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:760px){
  .page-contact .ct-prep__list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1.2rem 1.7rem;
  }
}

@media (min-width:960px){
  .page-contact .ct-hero__inner{
    grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
    align-items:start;
    gap:clamp(1.8rem,4vw,3.4rem);
  }
  .page-contact .ct-hero__lead{
    padding-top:.6rem;
  }
  .page-contact .ct-flow__inner{
    grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
    align-items:start;
    gap:clamp(1.8rem,4vw,3.2rem);
  }
  .page-contact .ct-book__grid{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
    align-items:start;
    gap:1.3rem;
  }
  .page-contact .ct-outro__inner{
    grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);
    justify-content:space-between;
  }
  .page-contact .ct-outro__links{
    justify-content:flex-end;
  }
}

@media (min-width:1080px){
  .page-contact .ct-prep__list{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-contact .ct-prep__item:nth-child(2n){
    transform:translateY(1.5rem);
  }
  .page-contact .ct-hours__grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (prefers-reduced-motion:reduce){
  .page-contact .ct-channel__item,
  .page-contact .ct-hours__cell,
  .page-contact .ct-link{
    transition:none;
  }
  .page-contact .ct-prep__item:nth-child(2n){
    transform:none;
  }
}
<<<PAGE_CSS_END>>>