/* Final inquiry: brand blue with the approved clear glass surface, scoped to this section. */
.witu-contact[data-glass] {
  --contact-pane: rgba(255, 255, 255, .1);
  --contact-input: rgba(9, 34, 121, .29);
  --contact-line: rgba(255, 255, 255, .32);
  isolation: isolate;
  background: var(--brand);
  color: #fff;
}

.witu-contact[data-glass]::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at 78% 10%, rgba(255,255,255,.24), transparent 48%),
    radial-gradient(ellipse at 10% 100%, rgba(14,47,168,.55), transparent 64%);
}

.witu-contact[data-glass] .witu-contact__title,
.witu-contact[data-glass] .witu-contact__field label { color: #fff; }
.witu-contact[data-glass] .witu-contact__description { color: rgba(255,255,255,.88); }
.witu-contact[data-glass] .witu-contact__badge {
  background: rgba(255,255,255,.12);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.28);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.witu-contact[data-glass] .witu-contact__form {
  position: relative;
  isolation: isolate;
}

.witu-contact[data-glass] .witu-contact__form::before {
  content: "";
  position: absolute;
  inset: -28px -12px;
  z-index: -1;
  border: 1px solid var(--contact-line);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255,255,255,.08), transparent 60%), var(--contact-pane);
  box-shadow: 0 24px 64px rgba(8,29,106,.18), inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter: blur(24px) saturate(125%);
  -webkit-backdrop-filter: blur(24px) saturate(125%);
  pointer-events: none;
}

.witu-contact[data-glass] .witu-contact__field input,
.witu-contact[data-glass] .witu-contact__field textarea {
  min-height: 46px;
  padding: 10px 14px;
  border: 1px solid var(--contact-line);
  border-radius: 10px;
  background: var(--contact-input);
  color: #fff;
  caret-color: #fff;
  box-shadow: inset 0 1px 3px rgba(7,25,88,.08);
}

.witu-contact[data-glass] .witu-contact__field textarea { min-height: 110px; }
.witu-contact[data-glass] .witu-contact__field input::placeholder,
.witu-contact[data-glass] .witu-contact__field textarea::placeholder { color: rgba(255,255,255,.78); opacity: 1; }
.witu-contact[data-glass] .witu-contact__field input:focus,
.witu-contact[data-glass] .witu-contact__field textarea:focus {
  border-color: #fff;
  box-shadow: 0 0 0 3px rgba(255,255,255,.22);
}
.witu-contact[data-glass] .witu-contact__submit {
  min-height: 50px;
  background: #fff;
  color: var(--brand-deep);
  border-color: #fff;
  box-shadow: 0 8px 24px rgba(8,29,106,.1);
}
.witu-contact[data-glass] .witu-contact__submit:hover { background: #e9efff; border-color: #e9efff; }
.witu-contact[data-glass] .witu-contact__submit:focus-visible,
.witu-contact__consent a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.witu-contact__consent {
  margin: 0;
  text-align: center;
  color: rgba(255,255,255,.86);
  font-size: 13px;
  line-height: 1.6;
}
.witu-contact__consent a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 993px) {
  .witu-contact[data-glass] .witu-contact__form { grid-column: 3; }
}

/* Fit the existing split proportions on narrower desktop screens. */
@media (min-width: 993px) and (max-width: 1279px) {
  .witu-contact[data-glass] .witu-contact__inner {
    width: calc(100% - 96px);
    grid-template-columns: minmax(0, 430fr) minmax(60px, 115fr) minmax(0, 625fr);
  }
  .witu-contact[data-glass] .witu-contact__form { width: 100%; }
}
@media (max-width: 992px) {
  .witu-contact[data-glass] { padding: 80px 0 130px; }
  .witu-contact[data-glass] .witu-contact__inner {
    width: calc(100% - 80px);
    max-width: 625px;
    grid-template-columns: minmax(0, 1fr);
    gap: 56px;
  }
  .witu-contact[data-glass] .witu-contact__intro { padding-left: 0; }
  .witu-contact[data-glass] .witu-contact__form { width: 100%; }
  .witu-contact[data-glass] .witu-contact__form::before { inset: -20px; }
}
@media (max-width: 768px) {
  .witu-contact[data-glass] .witu-contact__title { font-size: 38px; }
  .witu-contact[data-glass] .witu-contact__description { font-size: 16px; }
  .witu-contact[data-glass] .witu-contact__description br { display: none; }
}
