#main.contact-page {
  --contact-ink: #17263c;
  --contact-muted: #51617a;
  --contact-border: #dce6f3;
  max-width: 1120px;
  margin-inline: auto;
  padding: clamp(96px, 12vw, 150px) 0 clamp(42px, 7vw, 92px);
  color: var(--contact-ink);
}
.contact-intro {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  margin-bottom: clamp(16px, 2.5vw, 28px);
  padding: clamp(25px, 5vw, 60px);
  background: linear-gradient(115deg, #edf7ff, #f3f0ff);
  border: 1px solid var(--contact-border);
  border-radius: 20px;
}
.contact-intro::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 0 48%;
  background: radial-gradient(circle, var(--blue) 1px, transparent 1.3px) 0 0 / 15px 15px;
  mask-image: linear-gradient(90deg, transparent, #000);
  opacity: .18;
}
.contact-intro .contact-kicker {
  margin: 0 0 8px;
  color: var(--blue);
  font-size: .75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.contact-intro h1 {
  margin: 0;
  font-size: clamp(1.9rem, 1.3rem + 2.6vw, 3.45rem);
  line-height: 1.1;
  letter-spacing: -.035em;
}
.contact-intro p:last-child {
  max-width: 52ch;
  margin: 12px 0 0;
  color: var(--contact-muted);
  line-height: 1.55;
}
.contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(16px, 2.5vw, 28px);
}
.contact-panel {
  min-width: 0;
  padding: clamp(18px, 3vw, 32px);
  background: #fff;
  border: 1px solid var(--contact-border);
  border-radius: 18px;
}
.contact-panel h2 { margin: 0; font-size: clamp(1.2rem, 1rem + .65vw, 1.5rem); }
.contact-description { margin: 6px 0 20px; color: var(--contact-muted); }
.contact-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.contact-fields .contact-wide { grid-column: 1 / -1; }
#contact-form .contact-fields label { display: grid; gap: 6px; margin: 0; font-size: .875rem; }
#contact-form .contact-fields :is(input, textarea) {
  width: 100%;
  min-width: 0;
  min-height: 46px;
  margin: 0;
  padding: 11px 12px;
  border: 1px solid var(--contact-border);
  border-radius: 10px;
  font-size: 1rem;
}
#contact-form textarea { resize: vertical; }
.contact-privacy { margin: 15px 0; color: var(--contact-muted); font-size: .8125rem; }
.contact-privacy a { text-decoration: underline; }
.contact-option { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; padding: 15px 0; }
.contact-option + .contact-option { border-top: 1px solid var(--contact-border); }
.contact-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 10px; background: #edf6ff; color: var(--blue); }
.contact-icon svg { width: 20px; height: 20px; }
.contact-option h3 { margin: 0; font-size: .9375rem; line-height: 1.35; }
.contact-option p { margin: 4px 0; color: var(--contact-muted); font-size: .875rem; line-height: 1.5; }
.contact-action {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--blue);
  font-weight: 700;
  font-size: .875rem;
  text-align: left;
}
.contact-option a.contact-action { overflow-wrap: anywhere; }
.contact-action:hover { text-decoration: underline; }
.contact-action svg { width: 16px; height: 16px; }
.contact-page :is(a, button, input, textarea):focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
#contact-form .experience-error:empty { display: none; }
body[data-experience="contact"] > button.chat-launcher {
  width: 56px;
  height: 56px;
  padding: 0;
  border-radius: 50%;
  justify-content: center;
}
body[data-experience="contact"] > button.chat-launcher > span:not(.icon):not([data-icon]):not(.mini-launcher-close) { display: none; }

@media (max-width: 760px) {
  .contact-layout { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
  .contact-fields { grid-template-columns: minmax(0, 1fr); }
  #contact-form .contact-submit { width: 100%; }
}

.contact-whatsapp-mark {
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("/assets/contact-whatsapp.svg") center / contain no-repeat;
}