/* Exomine: paleta da LP Reglow final. A estrutura responsiva é a original. */
:root {
  --md-pink: #AA438C;
  --md-black: #353136;
  --md-gray: #f3f3f5;
  --md-white: #ffffff;
  --md-copy: #554f56;
  --md-button: #b43f91;
  --md-button-hover: #a93686;
  --md-button-light-text: #96377d;
  --ink: var(--md-black);
  --muted: var(--md-copy);
  --pink: var(--md-pink);
  --pink-bright: var(--md-pink);
  --purple: var(--md-pink);
  --purple-dark: var(--md-button-hover);
  --blue: var(--md-pink);
  --paper: var(--md-white);
  --soft: var(--md-gray);
  --line: rgba(170, 67, 140, .22);
  --shadow: 0 24px 70px rgba(79, 44, 72, .14);
}

body { color: var(--md-black); background: var(--md-white); }
.site-header {
  background: rgba(255, 255, 255, .92);
  border-bottom-color: rgba(53, 49, 54, .09);
}
.site-header nav a { color: #514b52; }
.site-header nav a:hover { color: var(--md-pink); }

/* As mesmas superfícies de cada seção na referência. */
.hero,
.products-ecosystem,
.individualized,
.protocol,
.milestone,
.downloads { background: var(--md-gray); }
.story,
.knowledge,
.social { background: var(--md-white); }
.experiences,
.faq,
.purchase-banner,
.closing-cta,
.protocol-upgrade,
.reglow-kit-solution,
.revenue-equation .revenue-total {
  color: var(--md-white);
  background: var(--md-pink);
  background-image: none;
}
.products-ecosystem::before,
.products-ecosystem::after,
.individualized::before,
.individualized-glow,
.experiences::before,
.faq::before,
.faq::after,
.purchase-banner::before,
.closing-cta::before,
.closing-cta::after,
.protocol-upgrade::before { display: none; }
.hero-shade {
  background: linear-gradient(90deg, rgba(243, 243, 245, .99) 0%, rgba(243, 243, 245, .97) 31%, rgba(243, 243, 245, .76) 49%, rgba(243, 243, 245, .10) 76%);
}
.hero-stats {
  background: rgba(255, 255, 255, .65);
  border-color: rgba(170, 67, 140, .45);
}
.hero-stats article + article { border-left-color: rgba(170, 67, 140, .28); }
.hero-stats strong { color: var(--md-pink); }
.hero-stats span { color: var(--md-copy); }

/* Títulos escuros, com destaques no rosa da Reglow. */
.hero h1,
.gradient-heading,
.products-heading h2,
.individualized h2,
.knowledge h2,
.milestone h2,
.revenue-heading h3,
.downloads h2,
.social h2 {
  color: var(--md-black);
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: currentColor;
}
.hero h1 strong,
.gradient-heading strong,
.products-heading h2 strong,
.individualized h2 strong,
.knowledge h2 strong,
.milestone h2 strong,
.revenue-heading h3 strong,
.downloads h2 strong,
.social h2 strong,
.reglow-kit-content h3 strong {
  color: var(--md-pink);
  -webkit-text-fill-color: currentColor;
}
.protocol h2 {
  color: var(--md-pink);
  -webkit-text-fill-color: currentColor;
}
.hero-content > p,
.body-copy,
.section-intro,
.products-heading > p:last-child,
.individualized-intro,
.individualized-note,
.reglow-kit-content > p { color: var(--md-copy); }
.eyebrow,
.products-heading .eyebrow,
.individualized-editorial-copy .eyebrow,
.body-copy strong,
.section-intro strong { color: var(--md-pink); }
.experiences h2,
.experiences h2 strong,
.experiences .section-intro,
.faq h2,
.purchase-banner .eyebrow,
.purchase-banner h2,
.purchase-banner h2 strong,
.purchase-banner-description,
.closing-cta h2,
.closing-cta h2 strong,
.protocol-upgrade .eyebrow {
  color: var(--md-white);
  -webkit-text-fill-color: currentColor;
}

/* Cards e detalhes em branco, cinza e rosa. */
.reglow-kit-card,
.product-card {
  background: var(--md-white);
  border-color: rgba(170, 67, 140, .18);
  box-shadow: 0 26px 76px rgba(79, 44, 72, .12);
}
.reglow-kit-media,
.reglow-kit-media--editorial,
.product-media,
.reglow-kit-items article,
.protocol-video-stage { background: var(--md-gray); }
.reglow-kit-items article { border-color: #e8e6ea; }
.product-tag,
.protocol-device-hint,
.form-success {
  color: var(--md-pink);
  background: rgba(170, 67, 140, .08);
  border-color: rgba(170, 67, 140, .16);
}
.individualized { color: var(--md-black); }
.individualized-video-frame {
  background: var(--md-white);
  border-color: rgba(170, 67, 140, .22);
}
.individualized-video-tag { color: var(--md-pink); }
.individualized-video-card figcaption { color: #746d76; }
.individualized .video-status-dot {
  background: var(--md-pink);
  box-shadow: 0 0 0 5px rgba(170, 67, 140, .13);
}
.individualized .application-option {
  color: var(--md-copy);
  background: var(--md-white);
  border-color: rgba(170, 67, 140, .18);
}
.individualized .application-option.is-active,
.individualized .application-option:hover,
.individualized .application-option:focus-visible { border-color: rgba(170, 67, 140, .42); }
.application-option-heading strong { color: var(--md-black); }
.application-option-heading > span,
.timeline-trigger > span,
.timeline li:nth-child(n+4) .timeline-trigger > span,
.protocol-video-hint > span,
.imcas-seal > span,
.reglow-kit-components li::before,
.case-dot.is-active {
  color: var(--md-white);
  background: var(--md-pink);
}
.timeline::before { background: var(--md-pink); }
.protocol-video-stage { border-color: rgba(170, 67, 140, .22); }
.case-viewport,
.rat-gallery-frame,
.case-slide img.case-image-contain,
.case-slide img.case-image-complete { background: var(--md-gray); }
.case-dot { background: rgba(170, 67, 140, .24); }
.case-arrow,
.rat-arrow,
.round-arrow {
  color: var(--md-white);
  background: var(--md-button);
  border-color: rgba(255, 255, 255, .90);
  box-shadow: 0 14px 30px rgba(180, 63, 145, .28);
}
.case-arrow:hover,
.rat-arrow:hover,
.round-arrow:hover { background: var(--md-button-hover); }
.milestone-number {
  color: var(--md-pink);
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: currentColor;
}
.revenue-simulation { border-color: rgba(170, 67, 140, .20); }
.revenue-simulation::after { background: radial-gradient(circle, rgba(170, 67, 140, .12), transparent 68%); }
.equation-symbol { color: var(--md-pink); }
.download-cards strong,
.download-cards small { background: var(--md-pink); }

/* Mesmas cores e acabamento dos botões finais da Reglow. */
.header-cta,
.button-primary,
.product-cta,
.reglow-kit-cta,
.rat-cta,
.section-cta-button,
.other-solutions-button,
.rd-form-shell button,
.rd-form-shell input[type=submit] {
  color: var(--md-white) !important;
  background: var(--md-button) !important;
  background-image: none !important;
  border-color: transparent;
  box-shadow: 0 16px 30px rgba(180, 63, 145, .25);
}
.section-cta-button,
.product-cta,
.reglow-kit-cta,
.rat-cta,
.upgrade-product-cta,
.purchase-banner-button { border-radius: 999px; }
.header-cta:hover,
.button-primary:hover,
.product-cta:hover,
.reglow-kit-cta:hover,
.rat-cta:hover,
.section-cta-button:hover,
.other-solutions-button:hover,
.rd-form-shell button:hover,
.rd-form-shell input[type=submit]:hover {
  color: var(--md-white) !important;
  background: var(--md-button-hover) !important;
  box-shadow: 0 20px 36px rgba(180, 63, 145, .32);
}
.protocol-upgrade .upgrade-product-cta,
.experiences .section-cta-button,
.purchase-banner .purchase-banner-button,
.closing-cta .closing-whatsapp {
  color: var(--md-button-light-text) !important;
  background: var(--md-white) !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, .88);
  box-shadow: 0 16px 32px rgba(72, 30, 65, .22);
}
.protocol-upgrade .upgrade-product-cta:hover,
.experiences .section-cta-button:hover,
.purchase-banner .purchase-banner-button:hover,
.closing-cta .closing-whatsapp:hover {
  color: var(--md-button-light-text) !important;
  background: var(--md-white) !important;
  box-shadow: 0 20px 36px rgba(72, 30, 65, .28);
}
.purchase-cart-icon { color: currentColor; }
.floating-whatsapp {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.floating-whatsapp:hover { box-shadow: none; }

/* FAQ rosa, igual ao arquivo de referência. */
.faq details {
  background: rgba(132, 49, 111, .20);
  border-color: rgba(255, 255, 255, .68);
  box-shadow: none;
}
.faq details[open] { background: rgba(132, 49, 111, .30); }
.faq summary,
.faq summary span { color: var(--md-white); }
.faq details p { color: rgba(255, 255, 255, .88); }

/* A mesma paleta vale em todos os breakpoints originais da Exomine. */
@media (max-width: 760px) {
  .hero-stats { background: rgba(255, 255, 255, .84); }
}