/* Marketing root */
function MarketingApp() {
  // Apply persisted tweaks on mount
  React.useEffect(() => {
    try {
      const stored = localStorage.getItem('zg-tweaks');
      if (stored) {
        const t = JSON.parse(stored);
        const palettes = window.__PALETTES || {};
        const types = window.__TYPOGRAPHY || {};
        if (palettes[t.palette]) {
          document.documentElement.style.setProperty('--accent', palettes[t.palette].accent);
          document.documentElement.style.setProperty('--accent-dim', palettes[t.palette].dim);
        }
        if (types[t.typography]) {
          document.documentElement.style.setProperty('--font-display', types[t.typography].display);
          document.documentElement.style.setProperty('--font-ui', types[t.typography].ui);
        }
        if (t.theme) document.documentElement.setAttribute('data-theme', t.theme);
      }
    } catch(e){}
  }, []);

  const headline = (window.__TWEAK_DEFAULTS && window.__TWEAK_DEFAULTS.headline) || "who-you-know";
  return (
    <>
      <MK.Nav />
      <MK.Hero headline={headline} />
      <MK.Marquee />
      <MK.Manifesto />
      <MK.HowItWorks />
      <MKE.Criteria />
      <MKE.Numbers />
      <MKE.Press />
      <MKE.Pricing />
      <MKE.FAQ />
      <MKE.CtaBand />
      <MKE.Footer />
      <TweaksMount />
    </>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<MarketingApp />);