// Hero.jsx — Marketing hero
function Hero() {
  return (
    <section className="rs-hero">
      <div className="rs-hero-bg" aria-hidden="true">
        <div className="rs-hero-grid"></div>
      </div>
      <div className="rs-container rs-hero-inner">
        <div className="rs-hero-copy">
          <span className="rs-eyebrow">Contabilidade para PMEs</span>
          <h1 className="rs-hero-title">
            Contabilidade que <em>entende</em> do seu<br/>negócio.<br/>
          </h1>
          <p className="rs-hero-lede">
            Cuidamos de toda parte contábil, fiscal, de RH e societária da sua empresa — com prazos cumpridos e um contador que atende pelo nome.
          </p>
          <div className="rs-hero-cta">
            <a className="rs-btn rs-btn-primary rs-btn-lg" href="https://web.whatsapp.com/send?phone=5547992871181&text=Ol%C3%A1%2C+quero+conversar+com+um+Contador+especialista." target="_blank" rel="noopener noreferrer">Pedir proposta</a>
            <a className="rs-btn rs-btn-ghost rs-btn-lg" href="#servicos">Ver serviços →</a>
          </div>
          <ul className="rs-hero-trust">
            <li><strong>+250</strong> empresas atendidas</li>
            <li><strong>22 anos</strong> de mercado</li>
            <li><strong>100%</strong> dos prazos atendidos</li>
          </ul>
        </div>
        <aside className="rs-hero-card">
          <div className="rs-hero-card-head">
            <span className="rs-badge rs-badge-info"><span className="dot"></span>Em dia</span>
            <span className="rs-mono">jan · 2026</span>
          </div>
          <div className="rs-hero-card-row"><span>DAS — Simples Nacional</span><strong>R$ 4.812,00</strong></div>
          <div className="rs-hero-card-row"><span>FGTS</span><strong>R$ 1.260,40</strong></div>
          <div className="rs-hero-card-row"><span>INSS</span><strong>R$ 2.105,18</strong></div>
          <div className="rs-hero-card-row"><span>ICMS</span><strong>R$ 7.430,00</strong></div>
          <div className="rs-hero-card-foot">
            <span className="rs-small">Total a recolher</span>
            <strong className="rs-hero-total">R$ 15.607,58</strong>
          </div>
        </aside>
      </div>
    </section>
  );
}
window.Hero = Hero;