/* Mint SEO — Contact page. Matches Figma board 892:158. */

.ct { background: #fff; }
.ct__in { max-width: 1328px; margin: 0 auto; padding: clamp(40px, 5vw, 64px) 48px clamp(48px, 6vw, 72px); display: grid; grid-template-columns: 1fr 634px; gap: 60px; align-items: start; }
.ct__lead { min-width: 0; max-width: 560px; }
.ct__lead h1 { margin: 0; font-size: clamp(34px, 4vw, 50px); font-weight: 800; line-height: 1.05; letter-spacing: -0.03em; color: var(--ink); } .ct__lead h1 em { font-style: normal; color: var(--mint); }
.ct__lead p { margin: 22px 0 0; font-size: 17px; line-height: 1.6; color: var(--body); }
.ct__lead hr { border: 0; border-top: 1px solid var(--border); margin: 30px 0; }
.ct__details { display: flex; flex-direction: column; gap: 20px; }
.ct__d .l { font-size: 16px; font-weight: 800; color: var(--mint-deep); margin: 0 0 4px; }
.ct__d .v { font-size: 17px; color: var(--ink); margin: 0; }
.ct__form { background: var(--mint-tint); border-radius: 20px; padding: clamp(28px, 3vw, 40px); min-width: 0; }
.ct__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ct__field { margin-bottom: 18px; } .ct__field:last-of-type { margin-bottom: 0; }
.ct__field label { display: block; font-size: 16px; font-weight: 800; color: var(--ink); margin-bottom: 8px; }
.ct__field input, .ct__field select, .ct__field textarea { width: 100%; background: #fff; border: 1px solid #d5e6e2; border-radius: 10px; padding: 14px 16px; font-size: 16px; color: var(--ink); font-family: inherit; }
.ct__field input:focus, .ct__field select:focus, .ct__field textarea:focus { outline: none; border-color: var(--mint-ink); }
.ct__field textarea { resize: vertical; min-height: 120px; }
.ct__submit { width: 100%; margin-top: 22px; background: var(--mint-ink); color: #fff; font-size: 17px; font-weight: 800; padding: 16px; border: 0; border-radius: 11px; cursor: pointer; transition: background 0.2s, transform 0.2s; } .ct__submit:hover { background: #2b9089; transform: translateY(-1px); }
.ct__note { margin: 16px 0 0; font-size: 14px; line-height: 1.5; color: var(--body); }
@media (max-width: 900px) {
  .ct__in { grid-template-columns: 1fr; gap: 36px; padding: 44px 22px; } .ct__lead { max-width: none; }
}
@media (max-width: 480px) { .ct__row { grid-template-columns: 1fr; } }

/* ===== Fluent Forms skin (match the site) ===== */
.ct__form--ff .fluent_form_wrapper, .ct__form--ff .fluentform { margin: 0; }
.ct__form--ff .fluentform .ff-el-group { margin-bottom: 18px; }
.ct__form--ff .fluentform .ff-el-input--label label { font-size: 16px; font-weight: 800; color: var(--ink); margin-bottom: 8px; padding: 0; }
.ct__form--ff .fluentform input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.ct__form--ff .fluentform select,
.ct__form--ff .fluentform textarea {
  width: 100%; background: #fff; border: 1px solid #d5e6e2; border-radius: 10px;
  padding: 14px 16px; font-size: 16px; line-height: 1.4; color: var(--ink); font-family: inherit;
  height: auto; min-height: 0; box-shadow: none; -webkit-appearance: none; appearance: auto;
}
.ct__form--ff .fluentform input:focus, .ct__form--ff .fluentform select:focus, .ct__form--ff .fluentform textarea:focus {
  outline: none; border-color: var(--mint-ink); box-shadow: 0 0 0 3px rgba(48,159,151,0.12);
}
.ct__form--ff .fluentform textarea { min-height: 120px; resize: vertical; }
.ct__form--ff .fluentform .ff-el-form-control::placeholder { color: #9aa39f; }
.ct__form--ff .fluentform .ff-el-is-error .ff-el-form-control { border-color: #e06666; }
.ct__form--ff .fluentform .ff-el-group.ff-name-field .ff-t-container { gap: 16px; }
.ct__form--ff .fluentform .ff-btn-submit, .ct__form--ff .fluentform button[type="submit"] {
  background: var(--mint-ink) !important; color: #fff !important; font-size: 17px; font-weight: 800;
  padding: 16px 24px; border: 0; border-radius: 11px; width: 100%; cursor: pointer;
  transition: background 0.2s, transform 0.2s; box-shadow: none; text-shadow: none;
}
.ct__form--ff .fluentform .ff-btn-submit:hover, .ct__form--ff .fluentform button[type="submit"]:hover {
  background: #2b9089 !important; transform: translateY(-1px);
}
.ct__form--ff .ct__note { margin-top: 16px; }