/* v0.11.7 — contact-only recovery styles. Does not alter People, HERO or global layout. */
.contact-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-form-status{margin-top:14px;padding:12px 14px;border-radius:16px;font-size:13px;line-height:1.4}
.contact-form-status.is-success{border:1px solid rgba(81,245,255,.65);background:rgba(81,245,255,.09);color:#dfffff}
.contact-form-status.is-error{border:1px solid rgba(255,189,0,.62);background:rgba(255,189,0,.09);color:#fff5cf}
.contact-direct-links{position:relative;z-index:4;max-width:1200px;margin:-38px auto 0;padding:0 40px 34px;display:flex;justify-content:flex-start;align-items:center;gap:14px;flex-wrap:wrap}
.contact-direct-link{width:42px;height:42px;border:1px solid rgba(81,245,255,.65);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#51f5ff;text-decoration:none;background:rgba(81,245,255,.035);transition:color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.contact-direct-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.contact-direct-link svg .fill-dot{fill:currentColor;stroke:none}
.contact-direct-link:hover,.contact-direct-link:focus-visible{color:#fff;border-color:#51f5ff;box-shadow:0 0 16px rgba(81,245,255,.42);transform:translateY(-1px);outline:none}
.hiai-contact-form .contact-cta:not([disabled]){cursor:pointer}
@media(max-width:900px){.contact-direct-links{margin:-22px auto 0;padding:0 24px 30px;gap:12px}.contact-direct-link{width:40px;height:40px}}

/* v0.11.8 — contact icons: centered, more breathing room, HIAI-blue fill on hover */
.contact-direct-links{
  margin:24px auto 0;
  padding:0 40px 42px;
  justify-content:center;
  gap:16px;
}
.contact-direct-link{
  background:rgba(81,245,255,.035);
  color:#51f5ff;
  transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.contact-direct-link:hover,
.contact-direct-link:focus-visible{
  background:#51f5ff;
  color:#091525;
  border-color:#51f5ff;
  box-shadow:0 0 14px rgba(81,245,255,.22);
  transform:translateY(-1px);
  outline:none;
}
@media(max-width:900px){
  .contact-direct-links{
    margin:20px auto 0;
    padding:0 24px 34px;
    justify-content:center;
    gap:14px;
  }
}

/* v0.11.9 — refined platform icons: consistent optical weight + recognizable brand marks */
.contact-direct-link .contact-icon{
  display:block;
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  overflow:visible;
}
.contact-direct-link .contact-icon .brand-fill{
  fill:currentColor;
  stroke:none;
}
.contact-direct-link .contact-icon-linkedin{
  width:19px;
  height:19px;
  fill:currentColor;
  stroke:none;
}
.contact-direct-link .contact-icon-facebook{
  width:10.7px;
  height:19px;
  fill:currentColor;
  stroke:none;
}
.contact-direct-link .contact-icon-instagram .brand-fill{
  fill:currentColor;
  stroke:none;
}

/* v0.11.10 — contact icon controls match the visual height of form fields */
.contact-direct-link{
  width:46px;
  height:46px;
}
.contact-direct-link .contact-icon{
  width:22px;
  height:22px;
}
.contact-direct-link .contact-icon-linkedin{
  width:21px;
  height:21px;
}
.contact-direct-link .contact-icon-facebook{
  width:12px;
  height:21px;
}
@media(max-width:900px){
  .contact-direct-link{
    width:46px;
    height:46px;
  }
}