/* Homepage surface layer.
   Responsibility-specific hero, header, form, product-proof, and scrollbar rules
   live in their dedicated modules. This file owns page-level surface theming only. */
body.rm-page-home{
  background:var(--rm-paper);
  color:var(--rm-ink);
  font-family:var(--rm-font-sans);
}

body.rm-page-home .phone-demo-section,
body.rm-page-home .pricing-section,
body.rm-page-home .faq-section{
  background:var(--rm-paper);
  color:var(--rm-ink);
  border:0;
}

body.rm-page-home .phone-demo-section h2,
body.rm-page-home .pricing-section h2,
body.rm-page-home .faq-section h2{
  color:var(--rm-ink);
  font-family:var(--rm-font-sans);
  letter-spacing:-.055em;
  text-transform:none;
}

body.rm-page-home .pricing-section p,
body.rm-page-home .faq-section p{color:var(--rm-muted)}

body.rm-page-home .demo-qr-card,
body.rm-page-home .comparison-card,
body.rm-page-home .faq-list details{
  border-color:var(--rm-line);
  border-radius:var(--rm-radius-md);
  background:var(--rm-white);
  box-shadow:var(--rm-shadow-sm);
}

/* The FAQ lives on a light surface; do not inherit the retired dark-section text. */
body.rm-page-home .faq-list summary{color:var(--rm-ink)}
body.rm-page-home .faq-list summary::after{color:var(--rm-blaze)}

/* Light section grounds keep the shared muted eyebrow and Blaze rule legible. */
body.rm-page-home .value-section,
body.rm-page-home .final-section{
  background:var(--rm-paper);
  color:var(--rm-ink);
}
body.rm-page-home .value-section p,
body.rm-page-home .value-section .jobs-input>span,
body.rm-page-home .final-section p,
body.rm-page-home .final-section .final-meta{color:var(--rm-muted)}
body.rm-page-home .value-section .jobs-input input{border-color:var(--rm-line)}
body.rm-page-home .final-section::before,
body.rm-page-home .final-section::after{content:none}
body.rm-page-home .final-section .button-light{
  background:var(--rm-ink);
  border-color:var(--rm-ink);
  color:var(--rm-paper);
}

body.rm-page-home .site-footer{
  background:var(--rm-ink);
  border:0;
}

body.rm-page-home .mobile-cta{
  background:rgba(247,244,241,.96);
  border-color:var(--rm-line);
  backdrop-filter:blur(10px);
}
body.rm-page-home .mobile-cta .button{border-radius:var(--rm-radius-sm)}