.contact-invitation { background: #f7f8fa; padding: 112px 24px 96px; text-align: center; scroll-margin-top: 64px; }
.contact-invitation-inner { max-width: 840px; margin: auto; }
.contact-label { color: #6b7684; font-size: 16px; font-weight: 550; margin-bottom: 26px; letter-spacing: -.025em; }
.contact-invitation h2 { margin: 0; font-size: clamp(48px, 6vw, 76px); font-weight: 680; line-height: 1.22; letter-spacing: -.055em; color: #191f28; }
.contact-invitation h2 em { color: #008667; font-style: normal; }
.contact-description { color: #6b7684; margin-top: 28px; font-size: 18px; line-height: 1.75; letter-spacing: -.025em; word-break: keep-all; }
.contact-chat-button {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  margin-top: 38px;
  padding: 17px 25px;
  border: 0;
  border-radius: 16px;
  background: #008667;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -.03em;
  transition: background-color .18s, transform .18s;
}
.contact-chat-button svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.contact-button-arrow { margin-left: 7px; font-size: 23px; font-weight: 400; }
.contact-chat-button:focus-visible { outline: 3px solid #008667; outline-offset: 5px; }
.contact-chat-button[aria-busy="true"] { cursor: progress; }
.contact-chat-button[aria-disabled="true"] { cursor: default; }
.channel-status { min-height: 22px; max-width: 400px; margin: 18px auto 0; font-size: 13px; line-height: 1.7; color: #8b95a1; word-break: keep-all; }
.contact-footer { background: #fff; padding: 42px 48px; display: flex; align-items: center; gap: 48px; flex-wrap: wrap; }
.contact-footer-brand { color: #191f28; font-size: 23px; font-weight: 750; letter-spacing: -.8px; }
.contact-footer-brand span { display: block; color: #8b95a1; font-size: 12px; font-weight: 400; letter-spacing: -.2px; margin-top: 8px; }
.contact-footer nav { display: flex; gap: 24px; margin-left: auto; font-size: 13px; color: #6b7684; }
.contact-footer nav a { min-height: 44px; display: inline-flex; align-items: center; }
.contact-footer small { font-size: 11px; color: #8b95a1; }
@media (hover: hover) {
  .contact-chat-button:not([aria-disabled="true"]):hover { background: #006f55; transform: translateY(-2px); }
  .contact-footer nav a:hover { color: #008667; }
}
@media (max-width: 760px) {
  .contact-invitation { padding: 80px 24px 64px; }
  .contact-label { margin-bottom: 20px; font-size: 14px; }
  .contact-invitation h2 { font-size: clamp(36px, 10.5vw, 52px); line-height: 1.3; }
  .contact-description { font-size: 16px; line-height: 1.8; margin-top: 24px; }
  .contact-chat-button { margin-top: 32px; min-height: 58px; font-size: 16px; padding: 16px 21px; border-radius: 14px; }
  .channel-status { font-size: 12px; }
  .contact-footer { padding: 32px 24px; align-items: flex-start; gap: 20px; }
  .contact-footer-brand { width: 100%; }
  .contact-footer nav { margin: 0; gap: 22px; }
  .contact-footer small { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .contact-chat-button { transition: none; } }