/* Direction C — "Switchboard"
   Aesthetic: dark canvas, oversized display type, mono ticker, asymmetric column grid.
   Audience-routing: full-bleed orange primary card / dark secondary card, divided by hairline.
   Trust signal: confident, system-y, "we run real infrastructure". Reads as a platform, not a shopfront.
*/
const DirectionC = () => {
  return (
    <div className="ab dirC" style={{minHeight: 'auto'}}>
      <section className="hero">
        <div className="hero-grid">
          <div className="hero-side">
            <span>TMRW · 2026</span>
            <span>NATIONWIDE</span>
          </div>
          <div className="hero-main">
            <div className="eyebrow">
              <span className="ix">01</span>
              <span>·</span>
              <span>A commissioned alternative to the ACA marketplace</span>
            </div>
            <h1 className="h1">
              Stop sending clients to the marketplace<br/>
              <span className="o">for free.</span>
            </h1>
            <div className="lede-row">
              <p className="lede">
                Healthcare.gov pays you nothing. TMRW writes nationwide PPO plans with no waiting periods. Refer the lead, get an instant quote, earn a recurring percentage of premium every month. Cigna, BCBS/Anthem, PHCS, QualCare.
              </p>
              <div className="ticker">
                <div className="ticker-row live"><span>PROGRAM</span><span>● LIVE</span></div>
                <div className="ticker-row"><span>CARRIERS</span><span>CIGNA · BCBS/ANTHEM · PHCS · QUALCARE</span></div>
                <div className="ticker-row"><span>NETWORKS</span><span>FULL PPO</span></div>
                <div className="ticker-row"><span>COVERAGE</span><span>ALL 50 STATES</span></div>
                <div className="ticker-row"><span>QUOTES</span><span>INSTANT</span></div>
                <div className="ticker-row"><span>LINE</span><span>646-634-0799</span></div>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section className="audience-grid">
        <div className="ac ac--primary">
          <div className="ac-label">
            <span>Track 01 / For independent brokers</span>
            <span className="pill">Primary audience</span>
          </div>
          <h2>Get paid for the marketplace clients you currently give away.</h2>
          <p>
            Refer any client who'd otherwise land on Healthcare.gov — individuals, families, freelancers,
            contractors, mom-and-pop businesses, startups, small companies under 20. We quote them on
            full PPO networks across all 50 states and you earn recurring commission every month.
          </p>
          <div className="ac-features">
            <div className="ac-feat"><span className="k">→</span><span>Cigna · BCBS/Anthem · PHCS · QualCare</span></div>
            <div className="ac-feat"><span className="k">→</span><span>Nationwide PPO · no waiting periods</span></div>
            <div className="ac-feat"><span className="k">→</span><span>Delta Dental · MetLife · VSP Vision</span></div>
            <div className="ac-feat"><span className="k">→</span><span>Instant pricing in minutes</span></div>
            <div className="ac-feat"><span className="k">→</span><span>Recurring monthly commission</span></div>
            <div className="ac-feat"><span className="k">→</span><span>Year-round enrollment, not just OEP</span></div>
          </div>
          <a href="brokers.html" className="ac-cta" style={{textDecoration:"none"}}>Become a referral partner <span className="arrow"></span></a>
        </div>
        <div className="ac ac--secondary">
          <div className="ac-label">
            <span>Track 02 / Shopping for coverage</span>
            <span className="pill">Direct</span>
          </div>
          <h2>Self-employed, 1099, or for your company.</h2>
          <p>
            Side-by-side quotes from marketplace and 5–8 private carriers in 24 hours.
            Year-round enrollment for most products.
          </p>
          <div className="ac-features">
            <div className="ac-feat"><span className="k">→</span><span>Individuals & 1099</span></div>
            <div className="ac-feat"><span className="k">→</span><span>Employers 2–200+</span></div>
            <div className="ac-feat"><span className="k">→</span><span>ICHRA & level-funded</span></div>
            <div className="ac-feat"><span className="k">→</span><span>15-min consultation</span></div>
          </div>
          <a href="individuals.html" className="ac-cta" style={{textDecoration:"none"}}>Show me my options <span className="arrow"></span></a>
        </div>
      </section>
    </div>
  );
};

window.DirectionC = DirectionC;