/* Fluxo de aquisição: leitura curta, foco e contraste em telas pequenas. */
:root { --rose: #9d4854; --rose-dark: #803944; --muted: #6d655e; }
body { background: #faf8f5; }
.hero-wrap { max-width: 1040px; display: grid; grid-template-columns: 1.15fr 1fr; gap: 48px; align-items: center; padding: 48px 24px; }
.hero-wrap::before { display: none; }
.hero-title { font-size: clamp(2.35rem, 4.6vw, 3.6rem); line-height: 1.08; }
.hero-title em { color: var(--rose); }
.hero-sub { margin-bottom: 24px; }
.hero-note { text-align: left; }
.hero-preview { padding: 28px; border: 1px solid var(--border); border-radius: 20px; background: white; box-shadow: var(--shadow-lg); }
.hero-preview h2 { font-size: 1.35rem; line-height: 1.35; margin-bottom: 20px; }
.preview-row { display: flex; gap: 14px; padding: 18px 0; border-top: 1px solid var(--border); }
.preview-row > span { color: var(--rose); font-weight: 600; }
.preview-row p { color: var(--ink3); font-size: .9rem; margin-top: 4px; }
.preview-note { color: var(--ink3); font-size: .8rem; margin-top: 16px; }
.quiz-wrap, .gate-wrap { max-width: 600px; padding-top: 32px; }
.q-title { font-family: 'Outfit', sans-serif; font-size: clamp(1.35rem, 4vw, 1.8rem); }
.option { min-height: 58px; border-radius: 12px; text-align: left; }
.option:disabled { cursor: default; }
.btn { min-height: 52px; border-radius: 10px; }
.btn:focus-visible, .option:focus-visible, a:focus-visible, input:focus-visible, summary:focus-visible { outline: 3px solid #277564; outline-offset: 4px; }
.field input { font-size: 16px; min-height: 52px; }
.phone-control { display: flex; align-items: center; border: 1px solid var(--border); background: white; border-radius: 8px; }
.phone-prefix { padding: 0 12px; color: var(--ink2); font-weight: 600; white-space: nowrap; }
.phone-control input { border: 0; min-width: 0; flex: 1; width: 100%; }
.gate-preview { padding: 18px; background: var(--teal-lt); border-radius: 12px; margin-bottom: 24px; }
.gate-preview p { margin-top: 6px; font-size: .9rem; }
.gate-privacy { font-size: .8rem; color: var(--ink3); margin: 14px 0; }
.gate-privacy a { color: inherit; }
.optional-email { margin-bottom: 20px; }
.optional-email summary { cursor: pointer; color: var(--ink3); font-size: .85rem; padding: 8px 0; }
.optional-email .field { margin-top: 10px; }
.result-wrap { max-width: 720px; }
.result-title { font-size: clamp(1.8rem, 5vw, 2.5rem); }
.next-step { background: white; padding: 24px; border: 1px solid var(--rose-mid); border-radius: 16px; margin: 24px 0; }
.next-step h3 { font-size: 1.35rem; margin-bottom: 8px; }
.next-step p { color: var(--ink3); margin-bottom: 16px; }
.next-step .cta-micro { margin: 12px 0 0; font-size: .8rem; text-align: center; }
.result-context { font-size: .8rem; color: var(--ink3); }
.capture-notice { margin: 16px 0; padding: 14px; background: var(--gold-lt); border-radius: 8px; }
.capture-notice[hidden] { display: none; }
.result-details { border-top: 1px solid var(--border); padding-top: 16px; }
.result-details summary { cursor: pointer; font-weight: 500; margin-bottom: 16px; }
@media (max-width: 768px) {
  .hero-wrap { display: flex; gap: 28px; padding: 28px 20px; }
  .hero-preview { padding: 22px; width: 100%; }
  .hero-title { font-size: 2.45rem; }
  .hero-sub { margin-bottom: 20px; }
  .next-step { padding: 20px; }
  .result-wrap { padding-bottom: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}