/* ── AU Interest Landing Page ───────────────────────────────── */

/* Cancel the theme.json block-gap that WP injects between the header
 * template-part and <main>, so the dark hero sits flush under the site
 * header. Mirrors .liv-main--news / --page / --contact. */
.liv-main--au {
  margin-block-start: 0;
}

.liv-au {
  --_au-bg: var(--liv-ink, #111);
  --_au-fg: #fff;
  --_au-mute: rgba(255,255,255,.6);
  --_au-accent: var(--liv-green, #8BC53F);
  --_au-card-bg: rgba(255,255,255,.04);
  --_au-card-border: rgba(255,255,255,.08);
  color: var(--_au-fg);
  background: var(--_au-bg);
}

/* Hero */
.liv-au__hero {
  padding: clamp(3rem, 8vw, 6rem) var(--liv-gutter, 1.5rem);
  text-align: center;
  max-width: 48rem;
  margin: 0 auto;
}
.liv-au__logo { margin-bottom: 1.5rem; }
.liv-au__heading {
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.1;
  font-weight: 800;
  margin: 0 0 1rem;
}
.liv-au__subheading {
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  color: var(--_au-mute);
  margin: 0 0 2rem;
}
.liv-au__cta {
  background: var(--_au-accent);
  color: var(--liv-ink, #111);
  font-weight: 700;
  padding: .85rem 2.5rem;
  border-radius: .35rem;
  text-decoration: none;
  display: inline-block;
}
.liv-au__cta:hover { filter: brightness(1.1); }

/* Section titles */
.liv-au__section-title {
  font-size: clamp(1.4rem, 3vw, 2rem);
  font-weight: 700;
  text-align: center;
  margin: 0 0 1.5rem;
}

/* Features */
.liv-au__features {
  padding: clamp(2.5rem, 6vw, 4rem) var(--liv-gutter, 1.5rem);
  max-width: 64rem;
  margin: 0 auto;
}
.liv-au__feature-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 640px) {
  .liv-au__feature-grid { grid-template-columns: 1fr 1fr; }
}
.liv-au__feature {
  background: var(--_au-card-bg);
  border: 1px solid var(--_au-card-border);
  border-radius: .5rem;
  padding: 1.5rem;
}
.liv-au__feature-icon { font-size: 1.5rem; display: block; margin-bottom: .5rem; }
.liv-au__feature h3 { font-size: 1.1rem; font-weight: 700; margin: 0 0 .5rem; }
.liv-au__feature p { color: var(--_au-mute); margin: 0; font-size: .95rem; line-height: 1.5; }

/* Model cards */
.liv-au__models {
  padding: clamp(2.5rem, 6vw, 4rem) var(--liv-gutter, 1.5rem);
  max-width: 64rem;
  margin: 0 auto;
}
.liv-au__model-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
@media (min-width: 640px) {
  .liv-au__model-grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 960px) {
  .liv-au__model-grid { grid-template-columns: repeat(4, 1fr); }
}
.liv-au__model-card {
  background: var(--_au-card-bg);
  border: 1px solid var(--_au-card-border);
  border-radius: .5rem;
  padding: 1.5rem;
}
.liv-au__model-card h3 { font-size: 1rem; font-weight: 700; margin: 0 0 .35rem; color: var(--_au-accent); }
.liv-au__model-stat { font-size: .85rem; color: var(--_au-mute); margin: 0 0 .5rem; font-weight: 600; }
.liv-au__model-card p:last-child { color: var(--_au-mute); margin: 0; font-size: .9rem; line-height: 1.45; }

/* Survey callout */
.liv-au__survey {
  padding: clamp(2rem, 5vw, 3rem) var(--liv-gutter, 1.5rem);
  text-align: center;
  background: rgba(255,255,255,.03);
  border-top: 1px solid var(--_au-card-border);
  border-bottom: 1px solid var(--_au-card-border);
}
.liv-au__survey p { color: var(--_au-mute); max-width: 36rem; margin: 0 auto 1.25rem; }
.liv-au__survey-link {
  background: transparent;
  color: var(--_au-accent);
  border: 1px solid var(--_au-accent);
  font-weight: 600;
  padding: .65rem 1.75rem;
  border-radius: .35rem;
  text-decoration: none;
  display: inline-block;
}
.liv-au__survey-link:hover { background: var(--_au-accent); color: var(--liv-ink, #111); }

/* Form */
.liv-au__form {
  padding: clamp(2.5rem, 6vw, 4rem) var(--liv-gutter, 1.5rem);
  max-width: 38rem;
  margin: 0 auto;
  text-align: center;
}
.liv-au__form-sub { color: var(--_au-mute); margin: 0 0 2rem; }

/* Fluent Forms dark-theme overrides */
.liv-au__form .ff-el-input--label { color: var(--_au-fg); text-align: left; }
.liv-au__form .ff-el-form-control {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.15);
  color: var(--_au-fg);
  border-radius: .35rem;
}
.liv-au__form .ff-el-form-control::placeholder { color: rgba(255,255,255,.35); }
.liv-au__form .ff-el-form-control:focus {
  border-color: var(--_au-accent);
  box-shadow: 0 0 0 2px rgba(139,197,63,.25);
  outline: none;
}
.liv-au__form .ff-el-form-control option { background: var(--_au-bg); color: var(--_au-fg); }
.liv-au__form .ff-el-form-check-label,
.liv-au__form .ff_gdpr_field + label,
.liv-au__form .ff-el-form-check label { color: var(--_au-mute); text-align: left; }
.liv-au__form .ff-btn-submit {
  background: var(--_au-accent);
  color: var(--liv-ink, #111);
  font-weight: 700;
  border: none;
  padding: .85rem 2.5rem;
  border-radius: .35rem;
  cursor: pointer;
  width: 100%;
  font-size: 1rem;
}
.liv-au__form .ff-btn-submit:hover { filter: brightness(1.1); }
.liv-au__form .ff-el-is-error .ff-el-form-control { border-color: #e53e3e; }
.liv-au__form .error { color: #fc8181; }
