function Hero() {
  return (
    <section className="alg-hero alg-hero-v2" data-parallax-scope>
      {/* Flat EFIS Blue field — no gradient, no banding */}
      <div className="alg-hero-bg" aria-hidden="true"></div>

      {/* Avionics grid — pure CSS overlay (see styles.css) */}
      <div className="alg-hero-grid-v2" aria-hidden="true"></div>

      {/* COPY */}
      <div className="alg-hero-copy alg-hero-copy-v2">
        <div className="alg-hero-eyebrow-v2 alg-hero-eyebrow-anim">
          For Flight Schools · MROs · Charters · FBOs
        </div>

        <h1 className="alg-hero-h1-v2">
          Predictable lead flow<br/>for aviation operators.
        </h1>

        <p className="alg-hero-sub-v2">
          Google Ads, competitor targeting, and a system built only for aviation.
          Less guesswork. More signed contracts.
        </p>

        <form className="alg-hero-actions alg-hero-leadform" onSubmit={(e) => { e.preventDefault(); const f = e.currentTarget; const email = f.querySelector('input[type=email]').value; window.location.hash = '#contact'; }}>
          <input
            type="email"
            className="alg-hero-email"
            placeholder="you@operation.com"
            aria-label="Email"
            required
          />
          <button type="submit" className="alg-btn alg-btn-primary alg-btn-lg alg-hero-cta-1">
            Get a Free Audit
          </button>
        </form>

        {/* Trust strip — proof above the fold */}
        <div className="alg-hero-trust">
          <span className="alg-hero-trust-item">
            <span className="alg-hero-trust-num">3,000+</span>
            <span className="alg-hero-trust-lbl">leads generated</span>
          </span>
          <span className="alg-hero-trust-sep" aria-hidden="true"></span>
          <span className="alg-hero-trust-item">
            <span className="alg-hero-trust-num">4.2x</span>
            <span className="alg-hero-trust-lbl">avg ROAS</span>
          </span>
          <span className="alg-hero-trust-sep" aria-hidden="true"></span>
          <span className="alg-hero-trust-item">
            <span className="alg-hero-trust-num">100%</span>
            <span className="alg-hero-trust-lbl">aviation</span>
          </span>
        </div>
      </div>

    </section>
  );
}
window.Hero = Hero;
