// About + Privacy + Contact pages — minimal but real, legally complete.
// Same article-detail visual treatment as Methodology.

function AboutPage({ onNav }) {
  return (
    <div className="page-insights-v2 article-detail">
      <section className="article-detail-hero">
        <div className="article-detail-inner">
          <button className="article-back" onClick={() => onNav("home")}>← Back home</button>
          <div className="article-meta-row">
            <span className="insight-tag">About</span>
          </div>
          <h1 className="article-title-big">
            The freight market has been studied from the top. We study it from the road.
          </h1>
          <p className="article-dek">
            Shipping Clarity is the independent intelligence platform for U.S.
            freight. We publish public-records analysis on every major carrier,
            shipper, and lane in the country. We listen to the people who
            actually move the freight. And we run a marketplace —
            <strong> Shippers Connect</strong> — where the two sides meet
            direct, with no commission on the handshake.
          </p>
        </div>
      </section>

      <section className="article-body">
        <div className="article-body-inner">

          <h2 className="article-h2">Two audiences. One shared truth.</h2>
          <p className="article-p">
            Shippers procure transportation. Carriers build pipeline.
            They have different jobs, but they all
            need the same thing: a real picture of how the network is moving,
            who's solvent, what's being paid, and where the chain is about
            to break. Until now, that picture lived behind a thirty-thousand-
            dollar subscription, or it didn't exist at all.
          </p>
          <p className="article-p">
            We're putting the picture in public.
          </p>

          <h2 className="article-h2">What we have that nobody else does.</h2>
          <p className="article-p">
            <strong>The operator-network signal layer.</strong> Drivers,
            dispatchers, and dock workers see what their employers don't.
            They tell us — sealed by default — and we surface the patterns
            without ever publishing the words or the names. That's how
            we caught Hub Group's distress trajectory three weeks before
            the trade press did.
          </p>
          <p className="article-p">
            <strong>Public-records synthesis at scale.</strong> SEC EDGAR
            8-K material events, 10-K customer disclosures, court dockets,
            federal carrier registry, FMCSA inspection trail, EIA petroleum
            stocks, NOAA weather, port operational signal, and twenty more
            sources — synthesized continuously by a Haiku-driven pattern
            engine that flags clusters worth writing about and forwards
            them to a human editor.
          </p>
          <p className="article-p">
            <strong>A marketplace on top of the intelligence.</strong>
            Most freight data products force you to leave their site to
            actually book a load. Inside Shipping Clarity, when you find
            a carrier you want or a shipper you want to reach, you can
            do that in the same brand. No commission, no broker tax, no
            hand-off to a separate platform.
          </p>

          <h2 className="article-h2">How we make money — honestly.</h2>
          <ul className="method-list">
            <li><strong>Drivers: free, forever.</strong> The Yard, the
            tools, the renewals, the timers, the carrier-hub atlas, the
            HOS rules, the toll references, every utility we build for
            drivers. No paywall, no upsell, ever. They power the
            ground-truth layer; we don't charge them for it.</li>
            <li><strong>Shippers: paid subscription</strong> for the
            decision-maker contact layer, the per-shipper deep-dives,
            and the rate-intelligence feed. The audience that pays for
            freight gets the audience that ground-truths the rate book.</li>
            <li><strong>Carriers: $99/mo for a Verified profile.</strong>
            Stand out from the lapsed-authority crowd, claim your record,
            respond publicly to driver-sourced grades, get listed first
            when shippers compare carriers in your lane.</li>
            <li><strong>$499 one-shot deep-dives.</strong> Public-records
            synthesis on any U.S. carrier — Z-Score history, full SEC
            filing scan, court-record creditor pattern, FMCSA inspection
            trail, lane density, operational chatter — in a 10-page PDF
            inside 24 hours. The on-demand alternative to the
            subscription-only ratings reports the freight industry has
            run on for thirty years.</li>
          </ul>

          <h2 className="article-h2">The trust contract.</h2>
          <p className="article-p">
            The platform works because each audience has one specific job
            in the data graph, and we never let the wrong audience write
            the wrong layer.
          </p>
          <ul className="method-list">
            <li><strong>Drivers ground-truth carriers.</strong> They report
            terminal conditions, dispatch behavior, equipment quality —
            the things their employers don't see. Sealed by default.
            Their words are never published verbatim without explicit
            opt-in. They can delete anything they submitted, anytime.</li>
            <li><strong>Shippers ground-truth rates.</strong> Carriers
            want published rates to look high — that's how they justify
            an ask. Shippers — the ones writing the check — have the
            opposite incentive, which makes their submitted rates the
            cleanest signal of what freight is actually being paid for.
            So our spot-quote crowdsource only accepts shipper
            submissions, with attestation.</li>
            <li><strong>Public records ground-truth solvency.</strong>
            We never call a company distressed without a paper trail —
            an 8-K, a court docket, a Nasdaq deficiency notice, a credit
            amendment. News-derived signals get cited openly with the
            regulator named. Driver-derived signals stay opaque.</li>
            <li><strong>Sponsorship buys placement, not position.</strong>
            Carriers can pay to amplify a badge they earned. They cannot
            pay to invent one. Sponsored placements are visually distinct,
            and they get the same honest "trade-off" call in the verdict
            as everyone else.</li>
          </ul>

          <h2 className="article-h2">What we will never do.</h2>
          <ul className="method-list">
            <li>Sell carrier rankings. Ever.</li>
            <li>Republish driver-submitted text without explicit driver consent.</li>
            <li>Let advertisers influence editorial.</li>
            <li>Hide our methodology behind a paywall.</li>
            <li>Take a commission on a deal closed on the load board.</li>
            <li>Sell the raw operator-network feed at any subscription tier.</li>
          </ul>

          <h2 className="article-h2">Who we're built for.</h2>
          <p className="article-p">
            If you're an ops VP at a midmarket shipper trying to figure out
            whether your carrier has the financial stability to
            still be there in six months — we're built for you.
          </p>
          <p className="article-p">
            If you're a transportation manager getting underbid by carriers
            who don't actually have authority to haul the freight —
            we're built for you.
          </p>
          <p className="article-p">
            If you're a driver who's tired of telling a manager about a
            problem and watching nothing happen — we're built for you.
          </p>
          <p className="article-p">
            If you're a small fleet owner whose customer pipeline is
            three big shippers and you want to know which ones to worry
            about — we're built for you.
          </p>

          <h2 className="article-h2">How to reach us.</h2>
          <p className="article-p">
            <strong>Press inquiries:</strong> <a href="mailto:press@shippingclarity.com">press@shippingclarity.com</a><br/>
            <strong>Carrier corrections:</strong> <a href="mailto:corrections@shippingclarity.com">corrections@shippingclarity.com</a><br/>
            <strong>Driver tips and intel (sealed):</strong> <a href="mailto:tips@shippingclarity.com">tips@shippingclarity.com</a><br/>
            <strong>Data partnerships:</strong> <a href="mailto:hello@shippingclarity.com?subject=Data%20partnership">hello@shippingclarity.com</a><br/>
            <strong>Anything else:</strong> <a href="mailto:hello@shippingclarity.com">hello@shippingclarity.com</a>
          </p>
          <p className="article-p">
            Drivers and dispatchers: anything you send to <strong>tips@</strong>
            stays sealed by default. We do not republish your words without
            your explicit permission, and you can delete anything you submitted
            at any time. The full mechanics are in our <a href="#/methodology" onClick={(e) => { e.preventDefault(); onNav("methodology"); }}>methodology</a>.
          </p>

          <div className="article-footer">
            <div className="article-cta">
              <h3>The market, watched in real time.</h3>
              <p>Open the National Freight Radar — the live US map with signal pulses, lane heat, and 130 carrier hubs.</p>
              <button className="btn-primary" onClick={() => onNav("home")}>Open the radar →</button>
            </div>
          </div>
        </div>
      </section>
    </div>
  );
}

function PrivacyPage({ onNav }) {
  return (
    <div className="page-insights-v2 article-detail">
      <section className="article-detail-hero">
        <div className="article-detail-inner">
          <button className="article-back" onClick={() => onNav("home")}>← Back home</button>
          <div className="article-meta-row">
            <span className="insight-tag">v1.0 · Apr 2026</span>
            <span className="article-cat">Privacy Policy</span>
          </div>
          <h1 className="article-title-big">Privacy Policy</h1>
          <p className="article-dek">
            Plain-language. Short. The technical detail lives in the code.
          </p>
        </div>
      </section>

      <section className="article-body">
        <div className="article-body-inner">
          <h2 className="article-h2">What we collect</h2>
          <ul className="method-list">
            <li><strong>Email address</strong> — only when you subscribe to a Pulse digest. Used to deliver the digest. Never sold, never shared, never appended to a third-party marketing list.</li>
            <li><strong>Driver intel submissions</strong> — when you submit a tip, we collect the text of your tip, optionally an email if you supply one, and a deletion token we send back to you. We never collect your IP, device fingerprint, or browser identifier alongside it.</li>
            <li><strong>Anonymous traffic data</strong> — Vercel Analytics provides aggregate page views, performance, and country-level geography. No individual session tracking, no cookies, no third-party analytics SDKs.</li>
          </ul>

          <h2 className="article-h2">What we never collect</h2>
          <ul className="method-list">
            <li>Names of tip submitters (unless they include their own name in the tip body).</li>
            <li>IP addresses logged against tip submissions.</li>
            <li>Cross-site tracking identifiers.</li>
            <li>Third-party advertising cookies.</li>
            <li>Device fingerprints.</li>
          </ul>

          <h2 className="article-h2">Driver intel — the trust contract</h2>
          <p className="article-p">
            Every driver intel submission is sealed by default. The text of sealed submissions is
            never republished, never shown to carriers, never accessible to anon users. Only
            aggregate counts surface publicly (e.g. <em>"7 reports of moderate-severity facility
            conditions, Q1 2026"</em>).
          </p>
          <p className="article-p">
            You can delete any submission at any time using the deletion token we send you when you
            submit. Sealed tips are hard-deleted. Public-but-unpublished tips are hard-deleted.
            Published journalism with carrier responses has the submitter link severed and the
            identifying data scrubbed; the published reporting stays in the public record per
            journalism standards. Full detail at <a href="#/methodology" onClick={(e) => { e.preventDefault(); onNav("methodology"); }}>/methodology</a>.
          </p>

          <h2 className="article-h2">Third parties we use</h2>
          <ul className="method-list">
            <li><strong>Supabase</strong> — database hosting (US). All driver intel is encrypted at rest. Row-level security enforces visibility rules at the database layer.</li>
            <li><strong>Vercel</strong> — site hosting + analytics (US). Anonymous, no cookies.</li>
            <li><strong>Google Analytics 4</strong> — aggregate traffic measurement (page views, referrers, country-level geography). No PII; we do not pass driver tip text, email addresses, or any identifier we hold to Google.</li>
            <li><strong>Resend</strong> — email delivery for Pulse digests (US). They process the email address only to deliver the digest and the unsubscribe link.</li>
            <li><strong>Anthropic</strong> — large-language-model processing on signal text. We pass signal text only; we never pass usernames, email addresses, or any identifier we hold.</li>
          </ul>
          <p className="article-p">
            None of these third parties are authorized to use your data for any purpose other
            than delivering the service we use them for.
          </p>

          <h2 className="article-h2">Your rights</h2>
          <ul className="method-list">
            <li><strong>Access</strong> — email <a href="mailto:privacy@shippingclarity.com">privacy@shippingclarity.com</a> for a copy of any data we hold associated with your email.</li>
            <li><strong>Deletion</strong> — same address, or use your deletion token if you submitted a tip. We respond within 30 days.</li>
            <li><strong>Correction</strong> — same address. We update or remove inaccurate data within 30 days.</li>
            <li><strong>Pulse unsubscribe</strong> — every Pulse email has an RFC 8058 one-click unsubscribe header. Click it and you're done.</li>
          </ul>

          <h2 className="article-h2">Cookies</h2>
          <p className="article-p">We don't use cookies. There is no consent banner because there is nothing to consent to.</p>

          <h2 className="article-h2">California, EU, and other jurisdictions</h2>
          <p className="article-p">
            We comply with CCPA, CPRA, and GDPR data-subject rights. The rights described above
            apply regardless of where you live. If you have a regulator complaint, we'd rather hear
            it directly first — email <a href="mailto:privacy@shippingclarity.com">privacy@shippingclarity.com</a>.
          </p>

          <h2 className="article-h2">Changes to this policy</h2>
          <p className="article-p">
            We'll publish material changes here with a new version number and date. We will not
            silently expand what we collect.
          </p>

          <p className="article-p" style={{ marginTop: 40, fontStyle: "italic", color: "var(--ink-soft)" }}>
            Last updated April 28, 2026 · v1.0
          </p>
        </div>
      </section>
    </div>
  );
}

window.AboutPage = AboutPage;
window.PrivacyPage = PrivacyPage;