/* Matea final release refinements — conversion, motion, forms, and quiet-luxury consistency. */

:root {
  --wine: #947746;
  --wine2: #ad8a4e;
  --matea-wine: #947746;
  --matea-wine-bright: #ad8a4e;
}

/* Decorative layers must never block taps on mobile Safari, Chromium, or Firefox. */
.hero::before,
.hero::after,
.hero-copy-stage::before,
.hero-copy-stage::after,
.proof-stage::before,
.experience-shell::after,
.matea-flagship-card::after,
.legal-hero::after {
  pointer-events: none !important;
}

.hero-copy-block,
.hero-actions,
.hero-actions a,
.goal-pills,
.goal-pills a {
  position: relative;
  z-index: 2;
  pointer-events: auto;
}

/* Remove the remaining bright-wine surfaces without flattening the premium contrast. */
.apply {
  background:
    radial-gradient(circle at 86% 10%, rgba(215,184,120,.12), transparent 30rem),
    linear-gradient(145deg, #0d0c0c, #171412 70%) !important;
}

.plan.featured {
  background:
    radial-gradient(circle at 90% 0, rgba(215,184,120,.12), transparent 22rem),
    linear-gradient(145deg, #11100f, #1b1714 72%) !important;
  border-color: rgba(215,184,120,.26) !important;
}

.plan.featured .plan-status,
.plan-status {
  border-color: rgba(215,184,120,.18) !important;
  background: #eee6da !important;
  color: #74572a !important;
}

.goal-action span,
.goal-action b,
.goal-result > b,
.goal-no,
.outcome-no,
.kicker,
.eyebrow,
.map-kicker {
  color: #98743d !important;
}

.hero .eyebrow,
.proof-stage .kicker,
.process-overview .kicker,
.experience-proof .kicker,
.offer .kicker,
.faq .kicker,
.apply .kicker,
.map .map-kicker {
  color: #d7b878 !important;
}

/* Preserve and strengthen the accepted 4 years / 200+ / 100K+ trust block. */
.experience-shell {
  border-color: rgba(216,212,204,.18) !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(215,184,120,.14), transparent 30%),
    linear-gradient(145deg, #151412, #080808 76%) !important;
}

.experience-stat {
  border-color: rgba(216,212,204,.14) !important;
  background: rgba(216,212,204,.025) !important;
}

.experience-stat strong {
  color: var(--matea-polish-champagne-light, #f2dda7) !important;
}

.experience-stat span,
.experience-copy p,
.experience-footer p {
  color: #bbb4aa !important;
}

/* Images keep stable geometry while decoding. */
.avatar,
.avatar img,
.map-avatar {
  aspect-ratio: 1 / 1;
}

.avatar img,
.map-avatar {
  object-fit: cover;
  background: #171513;
}

/* Submission feedback: premium busy state instead of a flat disabled button. */
.form .btn,
.legal-request-submit {
  position: relative;
  overflow: hidden;
}

.form .btn[disabled],
.form.is-submitting .btn[type="submit"],
.legal-request-submit:disabled {
  cursor: wait !important;
  opacity: .88 !important;
}

.form .btn[disabled]::before,
.form.is-submitting .btn[type="submit"]::before,
.legal-request-submit:disabled::before {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border: 2px solid rgba(23,19,14,.25);
  border-top-color: #17130e;
  border-radius: 50%;
  animation: matea-spin .72s linear infinite;
}

.form .btn[disabled]::after,
.form.is-submitting .btn[type="submit"]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 22%, rgba(255,255,255,.35) 46%, transparent 70%);
  transform: translateX(-120%);
  animation: matea-shimmer 1.25s ease-in-out infinite;
  pointer-events: none;
}

@keyframes matea-spin { to { transform: rotate(360deg); } }
@keyframes matea-shimmer { 60%,100% { transform: translateX(120%); } }

/* Full success state after the lead is accepted. */
.matea-form-success {
  display: none;
  min-height: 420px;
  padding: clamp(28px, 6vw, 48px);
  border: 1px solid rgba(215,184,120,.22);
  border-radius: 22px;
  background:
    radial-gradient(circle at 88% 0, rgba(215,184,120,.12), transparent 22rem),
    linear-gradient(145deg, #151412, #0b0a0a 76%);
  color: #f7f1e8;
  align-content: center;
  text-align: left;
}

.form.matea-form-complete > :not(.matea-form-success):not(.form-status) {
  display: none !important;
}

.form.matea-form-complete .form-status {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

.form.matea-form-complete .matea-form-success {
  display: grid;
}

.matea-success-mark {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  margin-bottom: 22px;
  border: 1px solid rgba(242,221,167,.42);
  border-radius: 50%;
  background: rgba(215,184,120,.08);
  color: var(--matea-polish-champagne-light, #f2dda7);
  font-size: 22px;
}

.matea-form-success .matea-success-kicker {
  margin: 0 0 12px;
  color: var(--matea-polish-champagne, #d7b878);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.matea-form-success h3 {
  max-width: 620px;
  margin: 0;
  color: #fffaf2;
  font-family: var(--matea-font-display, Georgia, serif);
  font-size: clamp(36px, 6vw, 54px);
  font-weight: 520;
  line-height: 1.03;
  letter-spacing: -.035em;
}

.matea-form-success p {
  max-width: 56ch;
  margin: 18px 0 0;
  color: #bdb6ad;
  font-size: 15px;
  line-height: 1.65;
}

.matea-success-link {
  width: max-content;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  margin-top: 28px;
  color: var(--matea-polish-champagne-light, #f2dda7);
  font-size: 13px;
  font-weight: 750;
  text-decoration: none;
}

/* Non-blocking motion: the page is always readable, animation only adds polish. */
.matea-reveal,
html.matea-motion-ready .matea-reveal:not(.is-visible) {
  opacity: 1;
  transform: none;
}

html.matea-motion-ready .matea-reveal.is-visible {
  animation: matea-reveal-in .42s cubic-bezier(.2,.7,.25,1) both;
}

@keyframes matea-reveal-in {
  from { opacity: .92; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 680px) {
  .matea-form-success {
    min-height: 360px;
    padding: 28px 22px;
    border-radius: 18px;
  }

  .matea-form-success h3 { font-size: 36px; }
  .matea-form-success p { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  html.matea-motion-ready .matea-reveal,
  html.matea-motion-ready .matea-reveal:not(.is-visible),
  html.matea-motion-ready .matea-reveal.is-visible {
    opacity: 1;
    transform: none;
    animation: none;
  }

  .form .btn[disabled]::before,
  .form.is-submitting .btn[type="submit"]::before,
  .legal-request-submit:disabled::before,
  .form .btn[disabled]::after,
  .form.is-submitting .btn[type="submit"]::after { animation: none; }
}