/* Hero G — Method aside.
   Small typographic strip pinned below the triptych on G only. Names the
   sources publicly so the SBO sees this isn't magic — it's reading what's
   already out there. Tied to the brand poetic line by sharing its terracotta
   underline.

   Surfaced ONLY on Hero G via a CSS sibling — keeping E pure for compare. */

function MethodAside() {
  return (
    <div className="hv-method" role="note">
      <div className="hv-method-line">
        <span className="hv-method-rule"></span>
        <span className="hv-method-tag">— How we scan</span>
        <span className="hv-method-rule"></span>
      </div>
      <p className="hv-method-body">
        Twelve public sources, every 30 days. <em>Reviews</em> on Google, Yelp, TripAdvisor. <em>Social</em> on Reddit, X, YouTube, Hacker News, Bluesky, TikTok, Instagram. <em>Niche</em> industry forums and threads where your customers actually vent. Public conversation, ranked for your goals — never logged in, never scraped behind a paywall.
      </p>
      <a className="hv-method-cta" href="/site/method.html">
        <span>Read the method</span>
        <span className="hv-method-arrow">→</span>
      </a>
    </div>
  );
}

window.MethodAside = MethodAside;