function Rechner() {
  React.useEffect(() => {
    // Inject Nammert calculator script (idempotent)
    if (!document.getElementById("nammert-calculator-script")) {
      window.nammertCalculatorInit = {
        selector: ".nammert-calculator",
        accessId: "7da415773915c56ca9b0c5b335b853d76ed969789b1b9dea2d12069bd86a1096",
      };
      const s = document.createElement("script");
      s.id = "nammert-calculator-script";
      s.src = "https://cdn.nammert.com/index.js";
      document.head.appendChild(s);
    } else if (window.nammertCalculator) {
      window.nammertCalculator(window.nammertCalculatorInit);
    }
  }, []);

  return (
    <section id="rechner" style={{background:"var(--paper-warm)", padding:"140px 40px", position:"relative", overflow:"hidden"}}>
      <div style={{position:"absolute", top:-120, left:-120, opacity:0.05}}>
        <CompassRose size={420} />
      </div>
      <div style={{maxWidth:1180, margin:"0 auto", position:"relative"}}>
        <div style={{textAlign:"center", marginBottom: 60}}>
          <div className="sans" style={{fontSize:11, letterSpacing:"0.4em", textTransform:"uppercase", color:"var(--gold)", fontWeight:600, marginBottom:18}}>
            Beitragsrechner
          </div>
          <h2 className="serif" style={{fontSize:"clamp(36px, 4vw, 56px)", lineHeight:1.1, color:"var(--navy)", fontWeight:500}}>
            Ihr Tarif —<br/>
            <span style={{fontStyle:"italic", color:"var(--gold)"}}>direkt online berechnet.</span>
          </h2>
          <p className="serif" style={{fontSize:18, lineHeight:1.6, color:"rgba(26,38,56,0.7)", maxWidth:620, margin:"24px auto 0"}}>
            Berechnen Sie Ihren persönlichen Beitrag in wenigen Schritten —
            unverbindlich und direkt über unseren Partner Nammert.
          </p>
        </div>

        <div style={{
          background:"#fff", border:"1px solid var(--line)",
          padding: 32, minHeight: 400,
          boxShadow:"0 30px 80px -40px rgba(11,31,56,0.2)",
        }}>
          <div className="nammert-calculator"></div>
        </div>
      </div>
    </section>
  );
}
window.Rechner = Rechner;