/* =========================================================
   passed the test — The Accountability Database
   Single-file React app. Real routes via pushState/popstate.
   No build step — loaded via Babel-standalone (see index.html).
   Routes:
     /            Database (default)
     /directory   Full brand directory
     /for-brands  Voluntary/involuntary track pricing
   ========================================================= */
const { useState, useMemo, useEffect } = React;

/* ─── Tiny client router: real paths, no hash ─── */
const ROUTES = [
  { key: 'database',  path: '/',           label: 'database'  },
  { key: 'directory', path: '/directory',  label: 'directory' },
  { key: 'brands',    path: '/for-brands', label: 'FOR BRANDS' },
];
function keyForPath(p) {
  const hit = ROUTES.find(r => r.path === p);
  return hit ? hit.key : 'database';
}
function pathForKey(k) {
  const hit = ROUTES.find(r => r.key === k);
  return hit ? hit.path : '/';
}
function useRoute() {
  const [path, setPath] = useState(() => window.location.pathname || '/');
  useEffect(() => {
    const fn = () => setPath(window.location.pathname || '/');
    window.addEventListener('popstate', fn);
    return () => window.removeEventListener('popstate', fn);
  }, []);
  return path;
}
function navigate(path) {
  if (window.location.pathname === path) return;
  window.history.pushState({}, '', path);
  window.dispatchEvent(new PopStateEvent('popstate'));
  window.scrollTo({ top: 0, behavior: 'instant' });
}
function linkHandler(path) {
  return (e) => {
    if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0) return;
    e.preventDefault();
    navigate(path);
  };
}

// ─── Brand Guide: Cool blue-graphite at 250°, never pure #000 or #fff ───
// Silver-graphite ~60%, Platinum ~25%, Red <5%
// Red is reserved: no red buttons, borders, dots, or marquee ticks
// Hairlines only, no drop-shadow

const DARK = "hsl(250, 8%, 8%)";        // --dark: page bg in dark mode only
const INK = "hsl(250, 8%, 15%)";        // --ink: text on light surfaces
const PANEL = "hsl(250, 5%, 93%)";      // --panel: secondary surface
const PANEL2 = "hsl(250, 5%, 90%)";     // --panel-2: deeper panel
const LIGHT = "hsl(250, 8%, 96%)";      // --light: body text on dark, platinum
const LIGHT2 = "hsl(250, 5%, 94%)";     // --light-2: silver-cool secondary text
const SILVER = "hsl(250, 4%, 68%)";     // --silver: decorates everything
const SILVERBRIGHT = "hsl(250, 7%, 78%)"; // --silver-bright: hover, interactive
const LINE = "hsl(250, 3%, 86%)";       // --line: hairline borders at 14% opacity feel
const RED = "hsl(0, 72%, 50%)";         // --red: the asterisk. verdicts. nothing else.
const REDDEEP = "hsl(0, 62%, 36%)";     // --red-deep: hover state only

// Clinical light mode surfaces
const BG = "hsl(250, 6%, 97%)";         // near-white, cool tint
const SURFACE = "hsl(250, 5%, 100%)";   // card surfaces — not pure white, 250° tint
const SURFACE2 = "hsl(250, 5%, 95%)";   // secondary cards
const BORDER = "hsl(250, 4%, 88%)";     // hairlines
const BORDER2 = "hsl(250, 4%, 82%)";    // stronger borders

const TEXT1 = "hsl(250, 8%, 12%)";      // primary text — deep ink, near-black
const TEXT2 = "hsl(250, 6%, 25%)";      // secondary text — dark enough to read comfortably
const TEXT3 = "hsl(250, 5%, 38%)";      // tertiary / labels — still legible
const TEXT4 = "hsl(250, 4%, 68%)";      // silver — decorative only, highlights & lowlights

const GREEN = "hsl(142, 58%, 40%)";     // pass — muted, clinical
const AMBER = "hsl(38, 80%, 50%)";      // caution
const PASS_BG = "hsl(142, 30%, 94%)";
const FAIL_BG = "hsl(0, 30%, 95%)";
const WARN_BG = "hsl(38, 40%, 94%)";


// ─── Directory Data (187 brands from spreadsheet) ───
const BRANDS = [
  {n:'Kin Euphorics',c:'US',y:'2018',cat:'Non-alc functional spirit',t:'1',w:'kineuphorics.com',d:'Mood-focused blends; adaptogens, nootropics, botanics; co-founded by Bella Hadid & Jen Batchelor',sc:'Non-Alc',ps:[{p:'Kin Spritz',a:'Rhodiola, reishi'},{p:'Lightwave',a:'Reishi'},{p:'Actual Sunshine',a:'Schisandra, damiana'}]},
  {n:'Recess',c:'US',y:'2018',cat:'Sparkling water / mocktail',t:'1',w:'takearecess.com',d:'Hemp & magnesium sparkling drinks; Mood, Zero Proof, original lines; calm positioning',sc:'Non-Alc',ps:[{p:'Mood Pomegranate Hibiscus',a:'Ashwagandha'},{p:'Zero Proof Lime Margarita',a:'Ashwagandha'},{p:'Zero Proof Grapefruit Paloma',a:'Ashwagandha'}]},
  {n:'MUD\\WTR',c:'US',y:'2018',cat:'Coffee alternative',t:'1',w:'mudwtr.com',d:'Mushroom-based coffee alt; chaga, reishi, lion\'s mane, cordyceps, masala chai blend',sc:'Coffee Alt',ps:[{p:':Original',a:'Reishi, chaga, lion\'s mane, cordyceps'},{p:':Coffee',a:'Reishi, chaga, lion\'s mane, cordyceps'},{p:':Matcha',a:'Reishi, lion\'s mane'}]},
  {n:'De Soi',c:'US',y:'2022',cat:'Non-alc apéritif',t:'1',w:'drinkdesoi.com',d:'Sparkling apéritifs co-founded by Katy Perry; ashwagandha, reishi, lion\'s mane, maca',sc:'Non-Alc',ps:[{p:'Golden Hour',a:'Ashwagandha, reishi, lion\'s mane, maca'},{p:'Très Rosé',a:'Ashwagandha, reishi, lion\'s mane, maca'},{p:'Purple Lune',a:'Ashwagandha, reishi, lion\'s mane, maca'},{p:'Champignon Dreams',a:'Reishi, lion\'s mane, maca'}]},
  {n:'Four Sigmatic',c:'US',y:'2012',cat:'Mushroom coffee / elixir',t:'1',w:'foursigmatic.com',d:'Pioneer mushroom coffee; lion\'s mane, chaga, rhodiola, reishi; founded by Tero Isokauppila',sc:'Coffee Alt',ps:[{p:'Mushroom Ground Coffee',a:'Lion\'s mane, chaga'},{p:'Instant Coffee w/ Rhodiola',a:'Lion\'s mane, chaga, rhodiola'},{p:'Adaptogen Blend',a:'Ashwagandha, reishi, moringa, tulsi'}]},
  {n:'REBBL',c:'US',y:'2014',cat:'Coconut milk elixir / protein',t:'1',w:'rebbl.com',d:'Organic coconut milk elixirs; ashwagandha, maca, reishi; protein lines; B-Corp certified',sc:'Powder / Supplement',ps:[{p:'Reishi Chocolate Elixir',a:'Reishi (200mg)'},{p:'Maca Cold Brew Elixir',a:'Maca extract'},{p:'20g Dark Chocolate Protein',a:'Reishi'}]},
  {n:'Moon Juice',c:'US',y:'2012',cat:'Adaptogen powder / supplement',t:'1',w:'moonjuice.com',d:'Plant-sourced adaptogen powders (SuperYou, Brain Dust); founded by Amanda Chantal Bacon',sc:'Powder / Supplement',ps:[{p:'SuperYou Stress Management',a:'Ashwagandha, rhodiola, shatavari, amla'},{p:'Brain Dust',a:'Ashwagandha, lion\'s mane, rhodiola'}]},
  {n:'Laird Superfood',c:'US',y:'2015',cat:'Creamer / coffee / hydration',t:'1',w:'lairdsuperfood.com',d:'Functional creamers, hydration powders; cordyceps, chaga, turmeric; public company',sc:'Coffee Alt',ps:[{p:'Instafuel',a:'Cordyceps, chaga'},{p:'Mushroom Coffee',a:'Chaga, lion\'s mane, cordyceps'}]},
  {n:'Vital Proteins',c:'US',y:'2013',cat:'Collagen / functional',t:'1',w:'vitalproteins.com',d:'Collagen peptides w/ functional ingredients; some adaptogen-infused products',sc:'Powder / Supplement',ps:[]},
  {n:'AG1 (Athletic Greens)',c:'US/NZ',y:'2010',cat:'Greens supplement drink',t:'1',w:'drinkag1.com',d:'Comprehensive daily greens w/ adaptogens; ashwagandha, rhodiola, reishi in blend',sc:'Powder / Supplement',ps:[]},
  {n:'TRIP',c:'UK',y:'2019',cat:'CBD / adaptogen sparkling',t:'1',w:'drink-trip.com',d:'UK\'s #1 functional carbonated soft drink; CBD range + Mindful Blend (lion\'s mane, ashwagandha)',sc:'Sparkling / Water',ps:[{p:'CBD Elderflower Mint',a:'Ashwagandha'},{p:'Mindful Blend Blood Orange Rosemary',a:'Ashwagandha, lion\'s mane'},{p:'Mindful Blend Cucumber Mint',a:'Ashwagandha, lion\'s mane'}]},
  {n:'Clevr Blends',c:'US',y:'2019',cat:'SuperLatte powder',t:'1',w:'clevrblends.com',d:'Instant adaptogenic lattes; Oprah\'s Favorite Things pick; reishi, lion\'s mane, ashwagandha',sc:'Coffee Alt',ps:[{p:'Matcha SuperLatte',a:'Reishi, lion\'s mane, ashwagandha'},{p:'Coffee SuperLatte',a:'Reishi, lion\'s mane'}]},
  {n:'RYZE',c:'US',y:'2020',cat:'Mushroom coffee',t:'1',w:'rfrize.com',d:'Organic 6-mushroom coffee blend; lion\'s mane, reishi, cordyceps, shiitake, king trumpet, turkey tail',sc:'Coffee Alt',ps:[{p:'Mushroom Coffee',a:'Lion\'s mane, reishi, cordyceps, shiitake, king trumpet, turkey tail'}]},
  {n:'Everyday Dose',c:'US',y:'2021',cat:'Mushroom coffee',t:'1',w:'everydaydose.com',d:'Mushroom latte; lion\'s mane, chaga, collagen, L-theanine; subscription model',sc:'Coffee Alt',ps:[{p:'The Mushroom Latte',a:'Lion\'s mane, chaga'}]},
  {n:'Hiyo',c:'US',y:'2021',cat:'Non-alc social tonic',t:'2',w:'hiyo.com',d:'Organic social tonics; 1.7g adaptogens & nootropics per can; \'The Float\' effect',sc:'Non-Alc',ps:[{p:'Blackberry Lemon',a:'Ashwagandha, lion\'s mane'},{p:'Watermelon Lime',a:'Ashwagandha, lion\'s mane'},{p:'Passion Fruit Tangerine',a:'Ashwagandha, lion\'s mane'}]},
  {n:'Curious Elixirs',c:'US',y:'2016',cat:'Non-alc cocktail alternative',t:'2',w:'curiouselixirs.com',d:'Craft non-alc cocktails; numbered elixir system; rhodiola, kanna, California poppy',sc:'Non-Alc',ps:[{p:'No. 1 (Booze-Free Old Fashioned)',a:'Rhodiola (400mg)'},{p:'No. 6 (Tropical Botanical)',a:'Tropical botanical blend'},{p:'No. 9 (Kanna Calm)',a:'Kanna, California poppy'}]},
  {n:'BRĒZ',c:'US',y:'2022',cat:'Functional beverage / THC',t:'2',w:'drinkbrez.com',d:'Functional beverages; some with THC/CBD, some without; OG, Elevate, Dream, Drift lines',sc:'CBD / Hemp / Kava',ps:[{p:'OG',a:'Adaptogens blend'},{p:'Elevate (Strawberry Mango)',a:'Lion\'s mane, adaptogens'},{p:'Dream (Cherry Chamomile)',a:'Mushrooms, adaptogens'}]},
  {n:'Three Spirit',c:'UK',y:'2018',cat:'Non-alc spirit / wine',t:'2',w:'threespiritdrinks.com',d:'Plant-powered non-alc spirits; Livened, Social, Nightcap, Sharp; bartender-developed',sc:'Non-Alc',ps:[{p:'Livened',a:'Schisandra, guayusa'},{p:'Social',a:'Lion\'s mane, damiana'},{p:'Nightcap',a:'Ashwagandha, valerian'}]},
  {n:'Aplós',c:'US',y:'2020',cat:'Non-alc spirit',t:'2',w:'aplosdrinks.com',d:'Hemp-infused non-alc spirits; Arise, Calme, sparkling cocktails',sc:'Non-Alc',ps:[{p:'Calme',a:'Ashwagandha'},{p:'Arise',a:'Ashwagandha'},{p:'Ume Spritz',a:'Ashwagandha'}]},
  {n:'Odyssey',c:'US',y:'2020',cat:'Mushroom elixir',t:'2',w:'odysseyelixir.com',d:'Sparkling mushroom elixirs; 2750mg lion\'s mane + cordyceps; Core, 222, Revive lines',sc:'Mushroom',ps:[{p:'Core Energy + Focus (Mixed Berry)',a:'Lion\'s mane, cordyceps (2750mg)'},{p:'222 Pineapple Mango',a:'Lion\'s mane, cordyceps'},{p:'Revive Yuzu Lime (Caffeine-Free)',a:'Lion\'s mane, cordyceps'}]},
  {n:'Magic Mind',c:'US',y:'2018',cat:'Productivity shot',t:'2',w:'magicmind.com',d:'Adaptogen & nootropic productivity shot; matcha, lion\'s mane, ashwagandha, turmeric',sc:'Energy / Shots',ps:[{p:'Productivity Shot',a:'Ashwagandha, lion\'s mane'}]},
  {n:'RASA',c:'US',y:'2018',cat:'Coffee alternative',t:'2',w:'wearerasa.com',d:'Adaptogenic coffee alternatives; 13+ herbs, 6 adaptogens, 2 mushrooms per blend',sc:'Coffee Alt',ps:[{p:'Original Rasa',a:'Ashwagandha, shatavari, rhodiola, he shou wu'},{p:'Dirty Rasa',a:'Ashwagandha, shatavari, rhodiola'}]},
  {n:'Sunwink',c:'US',y:'2019',cat:'Sparkling tonic',t:'2',w:'sunwink.com',d:'Herbal sparkling tonics; tulsi, schisandra, ashwagandha, rhodiola; wellness ritual positioning',sc:'Sparkling / Water',ps:[{p:'Berry Calm Sparkling Tonic',a:'Ashwagandha, schisandra'},{p:'Cacao Clarity Sparkling Tonic',a:'Lion\'s mane, tulsi'}]},
  {n:'HOP WTR',c:'US',y:'2020',cat:'Non-alc hop water',t:'2',w:'hopwtr.com',d:'Non-alc hop water; ashwagandha + L-theanine; zero sugar/calories; beer alt positioning',sc:'Non-Alc',ps:[{p:'Classic',a:'Ashwagandha'},{p:'Blood Orange',a:'Ashwagandha'}]},
  {n:'Parch',c:'US',y:'2021',cat:'Non-alc agave cocktail',t:'2',w:'drinkparch.com',d:'Desert-inspired non-alc cocktails; agave + adaptogens; Sonoran design aesthetic',sc:'Non-Alc',ps:[{p:'Spiced Piñarita',a:'Ashwagandha'},{p:'Prickly Paloma',a:'Ashwagandha'}]},
  {n:'Leilo',c:'US',y:'2020',cat:'Kava cocktail',t:'2',w:'drinkleilo.com',d:'Kava-based non-alc cocktails; Lime Margarita, Raspberry Hibiscus',sc:'Non-Alc',ps:[{p:'Lime Margarita Kava Cocktail',a:'Kava'},{p:'Raspberry Hibiscus Kava Cocktail',a:'Kava'}]},
  {n:'Moment',c:'US',y:'2018',cat:'Botanical water / powder',t:'2',w:'drinkmoment.com',d:'L-theanine + ashwagandha botanical waters and powders; calm focus',sc:'Powder / Supplement',ps:[{p:'Botanical Water (Lemon)',a:'Ashwagandha'}]},
  {n:'Ghia',c:'US',y:'2020',cat:'Non-alc apéritif',t:'2',w:'drinkghia.com',d:'Mediterranean-inspired non-alc apéritif; Le Spritz line; clean ingredient focus',sc:'Non-Alc',ps:[{p:'Ghia Original',a:'Adaptogens blend'},{p:'Le Spritz Sumac & Chili',a:'Adaptogens blend'}]},
  {n:'Sentia',c:'UK',y:'2020',cat:'Non-alc GABA spirit',t:'2',w:'sentiaspirits.com',d:'Plant-derived spirit targeting GABA receptors; professor David Nutt collaboration',sc:'Non-Alc',ps:[{p:'Sentia Red',a:'Ashwagandha, tulsi'}]},
  {n:'DRAM Apothecary',c:'US',y:'2011',cat:'Adaptogen sparkling water',t:'2',w:'dramapothecary.com',d:'CBD + adaptogen sparkling waters; Mushroom Cola; botanist-founded; Colorado',sc:'Sparkling / Water',ps:[]},
  {n:'Little Saints',c:'US',y:'2021',cat:'Non-alc mocktail / spirit',t:'2',w:'littlesaintsco.com',d:'Non-alc mocktails & St. Ember spirit; lion\'s mane, reishi; \'plant magic\'',sc:'Non-Alc',ps:[{p:'Non-Alc Negroni',a:'Lion\'s mane, reishi'},{p:'St. Ember Spirit',a:'Lion\'s mane'}]},
  {n:'Vybes',c:'US',y:'2018',cat:'CBD / adaptogen juice',t:'2',w:'idrinkvybes.com',d:'CBD and adaptogen-infused RTD beverages; mood, immunity, vitality lines',sc:'CBD / Hemp / Kava',ps:[{p:'Strawberry Lavender CBD',a:'Adaptogens blend'}]},
  {n:'Free Rain',c:'US',y:'2019',cat:'Sparkling adaptogen water',t:'2',w:'freerain.com',d:'Sparkling waters; ashwagandha, ginseng, schisandra; zero calorie',sc:'Sparkling / Water',ps:[{p:'Ginseng + Grapefruit',a:'Ginseng'},{p:'Ashwagandha + Mango',a:'Ashwagandha'}]},
  {n:'Daydream',c:'US',y:'2019',cat:'Sparkling hemp water',t:'2',w:'daydreamdrinks.com',d:'Sparkling water; hemp extract + adaptogens; mood and calm positioning',sc:'Sparkling / Water',ps:[]},
  {n:'Wylde One',c:'US',y:'2021',cat:'Non-alc spirit',t:'2',w:'wyldeone.com',d:'Non-alcoholic adaptogenic spirits; botanical blends',sc:'Non-Alc',ps:[]},
  {n:'Om Mushroom',c:'US',y:'2014',cat:'Mushroom supplement / drink',t:'2',w:'ommushrooms.com',d:'Whole food mushroom powders and capsules; lion\'s mane, reishi, cordyceps, chaga',sc:'Mushroom',ps:[{p:'Lion\'s Mane Organic Powder',a:'Lion\'s mane'},{p:'Master Blend Capsules',a:'Lion\'s mane, reishi, chaga, cordyceps, turkey tail, maitake, shiitake, king trumpet, himematsutake, agarikon'}]},
  {n:'Peak and Valley',c:'US',y:'2020',cat:'Adaptogen supplement',t:'2',w:'peakandvalleyherbs.com',d:'Adaptogenic herbal blends; mushroom powders; BIPOC-founded',sc:'Powder / Supplement',ps:[{p:'Mind & Body Mushroom Blend',a:'Lion\'s mane, reishi, cordyceps'}]},
  {n:'Spacegoods',c:'UK',y:'2022',cat:'Mushroom powder blend',t:'2',w:'spacegoods.com',d:'Rainbow Dust, Astro Dust blends; mushrooms + adaptogens; European market focus',sc:'Mushroom',ps:[{p:'Rainbow Dust',a:'Lion\'s mane, cordyceps, chaga, ashwagandha'},{p:'Astro Dust (Sleep)',a:'Reishi, ashwagandha'},{p:'Matcha Dust',a:'Lion\'s mane, ashwagandha'}]},
  {n:'London Nootropics',c:'UK',y:'2020',cat:'Adaptogenic coffee',t:'2',w:'londonnootropics.com',d:'Adaptogenic coffee blends; lion\'s mane, rhodiola; Flow, Mojo, Zen blends',sc:'Coffee Alt',ps:[{p:'Flow (Focus)',a:'Lion\'s mane, rhodiola'},{p:'Zen (Calm)',a:'Ashwagandha'}]},
  {n:'Goodmylk Co.',c:'US',y:'2014',cat:'Plant milk / adaptogen',t:'2',w:'goodmylk.co',d:'Plant-based milk concentrates with adaptogenic ingredients',sc:'Adaptogen Drink',ps:[]},
  {n:'DIRTEA',c:'UK',y:'2021',cat:'Mushroom drink / powder',t:'2',w:'dirtea.com',d:'Functional mushroom drinks and powders; lion\'s mane, reishi, chaga; UK market leader',sc:'Mushroom',ps:[{p:'Lion\'s Mane Mushroom Powder',a:'Lion\'s mane'},{p:'Reishi Super Blend',a:'Reishi'}]},
  {n:'Adapt Drinks',c:'UK',y:'2020',cat:'Non-alc adaptogen spirit',t:'2',w:'adaptdrinks.co.uk',d:'UK adaptogenic non-alcoholic spirit alternatives; Relax blend',sc:'Non-Alc',ps:[{p:'Relax',a:'Ashwagandha, rhodiola'}]},
  {n:'Nootrum',c:'US',y:'2022',cat:'Mushroom coffee',t:'2',w:'nootrum.co',d:'Mushroom coffee blend (Coffee Fusion); adaptogenic mushrooms',sc:'Coffee Alt',ps:[{p:'Coffee Fusion',a:'Lion\'s mane, chaga, reishi, cordyceps'}]},
  {n:'Blume',c:'Canada',y:'2018',cat:'Superfood latte blend',t:'2',w:'itsblume.com',d:'Superfood latte blends; turmeric, reishi, blue spirulina; Canadian-founded',sc:'Coffee Alt',ps:[{p:'Reishi Hot Cacao',a:'Reishi'},{p:'Blue Lavender',a:'Ashwagandha'}]},
  {n:'Renude',c:'UK',y:'2020',cat:'Adaptogenic latte powder',t:'2',w:'rfrenudeworld.com',d:'Chagaccino and mushroom-based latte powders; chaga focus',sc:'Coffee Alt',ps:[{p:'Chagaccino',a:'Chaga'}]},
  {n:'OOSO',c:'US',y:'2023',cat:'Sparkling tea',t:'3',w:'drinkooso.com',d:'Non-alc sparkling teas with adaptogens; BevNET Showdown winner',sc:'Tea / Kombucha',ps:[{p:'Hibiscus Ginger Currant',a:'Adaptogens blend'},{p:'Green Tea Mint Lime',a:'Adaptogens blend'}]},
  {n:'Juni',c:'US',y:'2023',cat:'Sparkling adaptogen drink',t:'3',w:'drinkjuni.com',d:'Certified organic sparkling drinks; ashwagandha, lion\'s mane, reishi; zero sugar',sc:'Sparkling / Water',ps:[{p:'Sparkling Adaptogen Drink',a:'Ashwagandha, lion\'s mane, reishi'}]},
  {n:'Rivr',c:'US',y:'2023',cat:'Adaptogenic drink',t:'3',w:'drinkrivr.com',d:'Adaptogenic functional beverages',sc:'Adaptogen Drink',ps:[]},
  {n:'Melo',c:'US',y:'2022',cat:'Non-alc cocktail',t:'3',w:'drinkmelo.com',d:'Non-alcoholic cocktails with adaptogens and botanicals',sc:'Non-Alc',ps:[]},
  {n:'Heywell',c:'US',y:'2021',cat:'Functional sparkling',t:'3',w:'heywelldrinks.com',d:'Sparkling adaptogen drinks; energy, focus, immunity variants',sc:'Sparkling / Water',ps:[{p:'Energy + Focus',a:'Adaptogens blend'}]},
  {n:'REVIVE Mushroom Complex',c:'US',y:'2020',cat:'Mushroom supplement drink',t:'3',w:'revivesups.com',d:'Mushroom complex drinks; lion\'s mane, reishi, cordyceps; affordable per serving',sc:'Mushroom',ps:[]},
  {n:'Peak Cocktails',c:'US',y:'2022',cat:'Non-alc fitness cocktail',t:'3',w:'peakcocktails.com',d:'Fitness recovery mocktails; l-theanine, lemon balm, ashwagandha',sc:'Non-Alc',ps:[{p:'Passion Fruit Margarita',a:'Ashwagandha'}]},
  {n:'Drømme',c:'US',y:'2022',cat:'Non-alc elixir / spirit',t:'3',w:'drinkdromme.com',d:'Non-alcoholic elixirs; Calm and Bright lines; adaptogenic botanicals',sc:'Non-Alc',ps:[]},
  {n:'Perfy',c:'US',y:'2022',cat:'Adaptogen soda',t:'3',w:'drinkperfy.com',d:'Prebiotic + adaptogen sodas; gut + mood positioning',sc:'Sparkling / Water',ps:[{p:'Cherry Cola',a:'Ashwagandha'}]},
  {n:'Guinep',c:'US',y:'2023',cat:'Recovery cocktail',t:'3',w:'drinkguinep.com',d:'Non-alcoholic recovery cocktails with adaptogens',sc:'Non-Alc',ps:[]},
  {n:'Do\'Mo',c:'US',y:'2022',cat:'Non-alc adaptogen spirit',t:'3',w:'drinkdomo.com',d:'Adaptogenic non-alcoholic spirits',sc:'Non-Alc',ps:[]},
  {n:'KA! Euphorics',c:'US',y:'2023',cat:'Euphoric drink',t:'3',w:'kadrinks.com',d:'Adaptogenic euphoric beverages',sc:'Adaptogen Drink',ps:[]},
  {n:'Myce',c:'US',y:'2023',cat:'Mushroom drink',t:'3',w:'drinkmyce.com',d:'Mushroom-based adaptogenic beverages',sc:'Mushroom',ps:[]},
  {n:'Flyers',c:'US',y:'2022',cat:'Non-alc cocktail',t:'3',w:'flyerscocktails.com',d:'Non-alcoholic cocktails with adaptogenic ingredients',sc:'Non-Alc',ps:[]},
  {n:'Optimist Botanicals',c:'US',y:'2021',cat:'Non-alc spirit',t:'3',w:'optimistdrinks.com',d:'Botanical non-alc spirits; Bright, Fresh, Smokey',sc:'Non-Alc',ps:[{p:'Bright',a:'Adaptogens blend'},{p:'Smokey',a:'Adaptogens blend'}]},
  {n:'Mad Tasty',c:'US',y:'2019',cat:'Hemp sparkling water',t:'3',w:'madtasty.com',d:'Hemp-infused sparkling water; founded by Ryan Tedder (OneRepublic)',sc:'Sparkling / Water',ps:[{p:'Unicorn Tears (Watermelon Kiwi)',a:'Adaptogens blend'}]},
  {n:'Zolt',c:'US',y:'2019',cat:'Adaptogen drink mix',t:'3',w:'zolt.com',d:'Powdered adaptogen mixes; Energy, Sleep, Immunity',sc:'Adaptogen Drink',ps:[{p:'Energy',a:'Adaptogens blend'},{p:'Sleep',a:'Ashwagandha, reishi'}]},
  {n:'Goldthread',c:'US',y:'2017',cat:'Plant-based tonic',t:'3',w:'goldthreadtonics.com',d:'Plant-based wellness tonics with adaptogens; shots and full bottles',sc:'Tonic / Wellness',ps:[{p:'Wellness Shots Trio',a:'Turmeric, adaptogens'}]},
  {n:'Wooden Spoon Herbs',c:'US',y:'2015',cat:'Herbal tonic',t:'3',w:'woodenspoonherbs.com',d:'Herbal adaptogenic tonics; Appalachian herbalism tradition',sc:'Tonic / Wellness',ps:[]},
  {n:'The Pathfinder',c:'US',y:'2020',cat:'Non-alc amaro spirit',t:'3',w:'thepathfinderdrink.com',d:'Non-alc hemp-infused amaro with adaptogens',sc:'Non-Alc',ps:[]},
  {n:'Collective Arts',c:'Canada',y:'2013',cat:'Non-alc sparkling tea',t:'3',w:'collectiveartsbrewing.com',d:'Adaptogenic sparkling teas and non-alc cocktails; art-driven branding',sc:'Non-Alc',ps:[]},
  {n:'Benny Boy',c:'US',y:'2021',cat:'Non-alc sparkling cocktail',t:'3',w:'drinkabennyboy.com',d:'Non-alcoholic sparkling cocktails with adaptogens',sc:'Non-Alc',ps:[]},
  {n:'WellWell',c:'US',y:'2020',cat:'Plant-powered performance',t:'3',w:'drinkwellwell.com',d:'Plant-powered performance beverages with adaptogens',sc:'Adaptogen Drink',ps:[]},
  {n:'Eden\'s Harvest',c:'US',y:'2023',cat:'Adaptogenic craft beer',t:'3',w:'edensharvest.com',d:'World\'s first adaptogenic craft beer; wild-harvested chaga mushrooms',sc:'Non-Alc',ps:[{p:'Chaga Craft Beer',a:'Chaga mushroom'}]},
  {n:'Collider Brew Co.',c:'UK',y:'2023',cat:'Non-alc adaptogen beer',t:'3',w:'colliderbrewco.com',d:'Non-alc (0.5% ABV) beers infused with adaptogens; Unwind Lager, Session Pale',sc:'Non-Alc',ps:[{p:'Unwind Lager',a:'Ashwagandha, lion\'s mane'},{p:'Unwind Session Pale',a:'Ashwagandha, lion\'s mane'}]},
  {n:'Cantrip',c:'US',y:'2021',cat:'THC / adaptogen drink',t:'3',w:'drinkcantrip.com',d:'THC-infused drinks with adaptogens and natural flavors',sc:'CBD / Hemp / Kava',ps:[]},
  {n:'Wunder',c:'US',y:'2021',cat:'THC / adaptogen drink',t:'3',w:'findwunder.com',d:'THC-infused sparkling beverages with adaptogens',sc:'CBD / Hemp / Kava',ps:[{p:'THC-Infused Sparkling',a:'Adaptogens blend'}]},
  {n:'Earth & Star',c:'US',y:'2021',cat:'Mushroom beverage',t:'3',w:'earthandstar.com',d:'Mushroom-infused beverages and snacks',sc:'Mushroom',ps:[{p:'Mushroom Coffee',a:'Lion\'s mane, chaga, reishi'}]},
  {n:'Bennu Bev Co.',c:'US',y:'2022',cat:'Non-alc nootropic/adaptogen',t:'3',w:'bennubev.com',d:'Non-alc RTD supplements; nootropics and adaptogens',sc:'Non-Alc',ps:[]},
  {n:'ALLAY',c:'US',y:'2023',cat:'Non-alc functional wine',t:'3',w:'drinkallay.com',d:'Functional non-alc wine; 100% organic; adaptogens',sc:'Non-Alc',ps:[]},
  {n:'Altitude Beverages',c:'US',y:'2022',cat:'Functional cold brew',t:'3',w:'altitudebev.com',d:'Nitro cold brew + oat milk with CBD and adaptogens',sc:'Adaptogen Drink',ps:[]},
  {n:'AMAZ',c:'US',y:'2020',cat:'Amazon superfood drink',t:'3',w:'liveamaz.com',d:'Amazon rainforest superfood beverages',sc:'Adaptogen Drink',ps:[]},
  {n:'Auric',c:'India',y:'2019',cat:'Ayurvedic beverage',t:'3',w:'theauric.com',d:'Ayurvedic beauty and wellness beverages',sc:'Tonic / Wellness',ps:[]},
  {n:'Barcode',c:'US',y:'2023',cat:'Adaptogen drink',t:'3',w:'drinkbarcode.com',d:'Functional adaptogenic beverages',sc:'Adaptogen Drink',ps:[]},
  {n:'Crisp & Crude',c:'US',y:'2023',cat:'Non-alc spirit',t:'3',w:'crispandcrude.com',d:'Non-alc spirits with adaptogenic ingredients',sc:'Non-Alc',ps:[]},
  {n:'Dewdrop',c:'US',y:'2022',cat:'Adaptogenic water',t:'3',w:'drinkthedewdrop.com',d:'Adaptogen-infused functional waters',sc:'Sparkling / Water',ps:[]},
  {n:'Flojo',c:'US',y:'2022',cat:'Productivity drink',t:'3',w:'drinkflojo.com',d:'Productivity drinks with adaptogens and nootropics',sc:'Energy / Shots',ps:[]},
  {n:'Melting Forest',c:'US',y:'2022',cat:'Mushroom tonic',t:'3',w:'meltingforest.com',d:'Mushroom-based adaptogenic tonics',sc:'Mushroom',ps:[]},
  {n:'Yoro',c:'US',y:'2023',cat:'Adaptogenic drink',t:'3',w:'drinkyoro.com',d:'Functional adaptogenic beverages',sc:'Adaptogen Drink',ps:[]},
  {n:'PerfectTed',c:'UK',y:'2021',cat:'Matcha energy drink',t:'3',w:'perfectted.com',d:'Matcha-based energy drinks with adaptogens',sc:'Tea / Kombucha',ps:[{p:'Matcha Energy Drink',a:'Adaptogens blend'}]},
  {n:'Talonmore',c:'UK',y:'2021',cat:'Non-alc spirit',t:'3',w:'talonmoredrinks.com',d:'Non-alc spirits with adaptogenic botanicals',sc:'Non-Alc',ps:[]},
  {n:'DRGN',c:'UK',y:'2019',cat:'Adaptogenic energy drink',t:'3',w:'drinkdrgn.com',d:'Turmeric + adaptogen-powered functional energy drinks',sc:'Energy / Shots',ps:[{p:'DRGN Original',a:'Turmeric, schisandra'}]},
  {n:'Neutonic',c:'UK',y:'2022',cat:'Nootropic / adaptogen shot',t:'3',w:'neutonic.com',d:'Nootropic shots with adaptogenic ingredients',sc:'Energy / Shots',ps:[]},
  {n:'Rasāsvāda',c:'US',y:'2022',cat:'Adaptogenic tea',t:'3',w:'rasasvada.com',d:'Luxury adaptogenic tea blends',sc:'Tea / Kombucha',ps:[]},
  {n:'Balaveda',c:'US',y:'2022',cat:'Adaptogenic energy shot',t:'3',w:'balaveda.com',d:'Organic energy shots with adaptogens',sc:'Energy / Shots',ps:[]},
  {n:'CENTR',c:'Canada/US',y:'2020',cat:'Functional wellness beverage',t:'3',w:'centr.com',d:'Non-alc functional wellness beverages and powders',sc:'Adaptogen Drink',ps:[{p:'CENTR Instant',a:'Adaptogens blend'}]},
  {n:'Dappy',c:'US',y:'2023',cat:'Adaptogen drink',t:'3',w:'drinkdappy.com',d:'Adaptogenic functional beverages',sc:'Adaptogen Drink',ps:[]},
  {n:'Bashi',c:'US',y:'2022',cat:'Adaptogenic drink',t:'3',w:'drinkbashi.com',d:'Adaptogenic beverages',sc:'Adaptogen Drink',ps:[]},
  {n:'Be GOAT Cascara',c:'US',y:'2022',cat:'Cascara functional drink',t:'3',w:'begoatbeverages.com',d:'Cascara-based functional drinks with adaptogens',sc:'Adaptogen Drink',ps:[]},
  {n:'Boston Iced Tea Co.',c:'US',y:'2020',cat:'Mushroom iced tea',t:'3',w:'bostonicedtea.com',d:'Organic iced teas; 9 medicinal mushroom extracts',sc:'Mushroom',ps:[]},
  {n:'Aurora Elixirs',c:'US',y:'2018',cat:'Hemp sparkling beverage',t:'3',w:'auroraelixirs.com',d:'Sparkling beverages with hemp and hops; Pacific NW sourced',sc:'Sparkling / Water',ps:[]},
  {n:'Clutch Nutrition',c:'Denmark',y:'2020',cat:'Functional drink',t:'3',w:'clutchnutrition.com',d:'Award-winning Danish functional beverages with adaptogens',sc:'Adaptogen Drink',ps:[]},
  {n:'Confidence',c:'US',y:'2022',cat:'Adaptogenic drink',t:'3',w:'drinkconfidence.com',d:'Functional adaptogenic beverages',sc:'Adaptogen Drink',ps:[]},
  {n:'Deadless',c:'US',y:'2023',cat:'Adaptogen drink',t:'3',w:'deadless.com',d:'Adaptogenic beverages',sc:'Adaptogen Drink',ps:[]},
  {n:'Diesel Water',c:'US',y:'2022',cat:'Terpene sparkling water',t:'3',w:'dieselwater.com',d:'Hemp terpene sparkling waters',sc:'Sparkling / Water',ps:[]},
  {n:'Elements by Lokai',c:'US',y:'2019',cat:'Adaptogen wellness drink',t:'3',w:'elementsdrinks.com',d:'Functional wellness drinks with adaptogens',sc:'Adaptogen Drink',ps:[]},
  {n:'Eleven Madison Home',c:'US',y:'2022',cat:'Non-alc fine dining drink',t:'3',w:'elevenmadisonhome.com',d:'Non-alc drinks from Daniel Humm; fine-dining adaptogenic beverages',sc:'Non-Alc',ps:[]},
  {n:'a|dash',c:'US',y:'2022',cat:'Adaptogenic drink',t:'3',w:'drinkadash.com',d:'Functional adaptogenic beverages',sc:'Adaptogen Drink',ps:[]},
  {n:'Crunchy Hydration',c:'US',y:'2022',cat:'Functional sparkling water',t:'3',w:'crunchyhydration.com',d:'Sparkling waters; L-theanine, Himalayan salt, adaptogens',sc:'Sparkling / Water',ps:[]},
  {n:'Olipop',c:'US',y:'2018',cat:'Prebiotic soda',t:'4-Adjacent',w:'drinkolipop.com',d:'Prebiotic soda; $1.85B valuation; botanicals + fiber; expanding into functional',sc:'Sparkling / Water',ps:[{p:'Various Flavors (16+)',a:'Botanicals (marshmallow root, nopal cactus)'}]},
  {n:'Poppi',c:'US',y:'2018',cat:'Prebiotic soda',t:'4-Adjacent',w:'drinkpoppi.com',d:'Prebiotic ACV soda; acquired by PepsiCo for $1.95B (March 2025)',sc:'Sparkling / Water',ps:[{p:'Various Flavors',a:'ACV-based prebiotics'}]},
  {n:'Celsius',c:'US',y:'2004',cat:'Functional energy drink',t:'4-Adjacent',w:'celsius.com',d:'Functional energy drink; clinical study backing; moving into adaptogen formulations',sc:'Energy / Shots',ps:[]},
  {n:'ARMRA Colostrum',c:'US',y:'2021',cat:'Colostrum / adaptogen',t:'4-Adjacent',w:'tryarmra.com',d:'Bovine colostrum supplement with adaptogenic benefits',sc:'Adaptogen Drink',ps:[]},
  {n:'Bloom Nutrition',c:'US',y:'2019',cat:'Greens / functional powder',t:'4-Adjacent',w:'bloomnu.com',d:'Greens powders + Bloom Pop prebiotic soda; adaptogenic ingredients',sc:'Powder / Supplement',ps:[]},
  {n:'GURU Organic Energy',c:'Canada',y:'1999',cat:'Organic energy drink',t:'4-Adjacent',w:'guruenergy.com',d:'Organic energy drinks; plant-based ingredients including adaptogens',sc:'Energy / Shots',ps:[]},
  {n:'Glow Beverages',c:'US',y:'2016',cat:'Functional energy drink',t:'4-Adjacent',w:'glowbeverages.com',d:'Functional beverages; vitamins, minerals, herbs, adaptogens',sc:'Energy / Shots',ps:[]},
  {n:'Brezz Energy',c:'Canada',y:'2021',cat:'Mushroom energy drink',t:'4-Adjacent',w:'brezzenergy.com',d:'Natural energy drinks with functional mushrooms and digestive bitters',sc:'Mushroom',ps:[]},
  {n:'Spiritless',c:'US',y:'2020',cat:'Non-alc distilled spirit',t:'4-Adjacent',w:'spiritless.com',d:'Distilled non-alc spirits; botanical ingredients; Kentucky Straight alt',sc:'Non-Alc',ps:[]},
  {n:'Mingle Mocktails',c:'US',y:'2018',cat:'Non-alc cocktail',t:'4-Adjacent',w:'minglemocktails.com',d:'Effervescent non-alcoholic cocktails; botanical ingredients',sc:'Non-Alc',ps:[{p:'Mingle Mood (Adaptogenic)',a:'Adaptogens blend'}]},
  {n:'Something & Nothing',c:'UK',y:'2019',cat:'Flavored soda / seltzer',t:'4-Adjacent',w:'somethingandnothing.co',d:'Natural flavored sodas with botanical ingredients',sc:'Sparkling / Water',ps:[]},
  {n:'Psychedelic Water',c:'US',y:'2021',cat:'Kava / damiana seltzer',t:'4-Adjacent',w:'psychedelicwater.com',d:'Kava + damiana + green tea seltzer; mood-altering positioning',sc:'Sparkling / Water',ps:[{p:'Original',a:'Kava, damiana'}]},
  {n:'Droplet',c:'US',y:'2022',cat:'Adaptogenic water enhancer',t:'4-Adjacent',w:'trydroplet.com',d:'Adaptogen and nootropic water enhancers',sc:'Sparkling / Water',ps:[]},
  {n:'Nooma',c:'US',y:'2015',cat:'Organic electrolyte drink',t:'4-Adjacent',w:'drinknooma.com',d:'Organic electrolyte drinks; expanding into adaptogenic formulations',sc:'Adaptogen Drink',ps:[]},
  {n:'Tru',c:'US',y:'2019',cat:'Functional calm drink',t:'4-Adjacent',w:'tru.com',d:'Functional calming beverages with adaptogens',sc:'Adaptogen Drink',ps:[]},
  {n:'Wildwonder',c:'US',y:'2019',cat:'Prebiotic sparkling drink',t:'4-Adjacent',w:'wildwonder.com',d:'Prebiotic + probiotic sparkling drinks; adaptogens in some SKUs',sc:'Sparkling / Water',ps:[]},
  {n:'Turveda',c:'US',y:'2020',cat:'Turmeric functional drink',t:'4-Adjacent',w:'turveda.com',d:'Turmeric and adaptogenic functional beverages',sc:'Adaptogen Drink',ps:[]},
  {n:'Intelligentsia Coffee',c:'US',y:'1995',cat:'Specialty coffee',t:'4-Adjacent',w:'intelligentsia.com',d:'Specialty coffee brand expanding into adaptogenic coffee products',sc:'Coffee Alt',ps:[]},
  {n:'SETA',c:'US',y:'2022',cat:'Mushroom functional',t:'4-Adjacent',w:'drinkseta.com',d:'Mushroom-based functional beverages',sc:'Mushroom',ps:[]},
  {n:'Superfoods Company',c:'US',y:'2020',cat:'Superfood drink',t:'4-Adjacent',w:'superfoods.com',d:'Superfood and adaptogenic drink products',sc:'Adaptogen Drink',ps:[]},
  {n:'Simply Pop',c:'US',y:'2025',cat:'Prebiotic soda',t:'4-Adjacent',w:'simplypop.com',d:'Coca-Cola\'s entry into prebiotic/functional soda market (2025 launch)',sc:'Sparkling / Water',ps:[]},
  {n:'Coca-Cola (functional)',c:'US',y:'1886',cat:'Functional line extensions',t:'4-Adjacent',w:'coca-colacompany.com',d:'Major CPG investing in functional beverage line extensions',sc:'Adaptogen Drink',ps:[]},
  {n:'PepsiCo (functional)',c:'US',y:'1893',cat:'Functional line extensions',t:'4-Adjacent',w:'pepsico.com',d:'Acquired Poppi ($1.95B); Celsius distribution; moving into functional space',sc:'Adaptogen Drink',ps:[]},
  {n:'Korea Ginseng Corp. (CheongKwanJang)',c:'South Korea',y:'1899',cat:'Ginseng functional drink',t:'1-Global',w:'kgc.co.kr',d:'World\'s largest red ginseng company; HongSamWon tonic; HSW Rebuild adaptogenic drink line',sc:'Adaptogen Drink',ps:[]},
  {n:'Kirin Holdings',c:'Japan',y:'1885',cat:'Functional beverage (major CPG)',t:'1-Global',w:'kirinholdings.com',d:'Japanese CPG giant; functional beverages with adaptogens; iMUSE, Naturals lines',sc:'Adaptogen Drink',ps:[]},
  {n:'Tong Ren Tang',c:'China',y:'1669',cat:'TCM herbal beverage',t:'1-Global',w:'tongrentang.com',d:'350+ year-old TCM brand; herbal tonics with ginseng, reishi, astragalus; global presence',sc:'Tonic / Wellness',ps:[]},
  {n:'Dabur',c:'India',y:'1884',cat:'Ayurvedic beverage',t:'1-Global',w:'dabur.com',d:'India\'s largest Ayurvedic company; ashwagandha, tulsi beverages; Dabur Chyawanprash drinks',sc:'Tonic / Wellness',ps:[{p:'Dabur Chyawanprash Drink',a:'Ashwagandha, tulsi, amla'}]},
  {n:'Himalaya Wellness',c:'India',y:'1930',cat:'Ayurvedic wellness',t:'1-Global',w:'himalayawellness.com',d:'Major Ayurvedic brand; ashwagandha, tulsi products; expanding into RTD beverage formats',sc:'Tonic / Wellness',ps:[{p:'Ashwagandha Tablet / Powder',a:'Ashwagandha (KSM-66)'}]},
  {n:'Patanjali Ayurved',c:'India',y:'2006',cat:'Ayurvedic beverage',t:'1-Global',w:'patanjaliayurved.net',d:'India\'s largest homegrown FMCG; affordable ashwagandha, tulsi, amla drinks',sc:'Tonic / Wellness',ps:[]},
  {n:'Organic India',c:'India',y:'1997',cat:'Organic tulsi tea / beverage',t:'2-Global',w:'organicindia.com',d:'Premium organic tulsi-based teas and beverages; acquired by Tata Consumer Products',sc:'Tea / Kombucha',ps:[{p:'Tulsi Original Tea',a:'Tulsi (3 varieties)'},{p:'Ashwagandha Adaptogen Tea',a:'Ashwagandha'}]},
  {n:'Guangyuyuan',c:'China',y:'1541',cat:'TCM herbal tonic',t:'2-Global',w:'guangyuyuan.com',d:'Oldest TCM brand in existence; traditional adaptogenic herbal tonics',sc:'Tonic / Wellness',ps:[]},
  {n:'Hu Qing Yu Tang',c:'China',y:'1874',cat:'TCM pharmacy / tonic',t:'2-Global',w:'',d:'Historic Chinese TCM brand; traditional ginseng and adaptogen preparations',sc:'Tonic / Wellness',ps:[]},
  {n:'Otsuka Pharmaceutical',c:'Japan',y:'1964',cat:'Functional beverage',t:'1-Global',w:'otsuka.co.jp',d:'Maker of Pocari Sweat; expanding into adaptogenic functional beverages; SOYJOY adaptogen bars',sc:'Adaptogen Drink',ps:[]},
  {n:'Suntory',c:'Japan',y:'1899',cat:'Functional beverage (major CPG)',t:'1-Global',w:'suntory.com',d:'Japanese beverage giant; DAKARA, Iyemon functional green tea lines; adaptogen research',sc:'Adaptogen Drink',ps:[]},
  {n:'Nongfu Spring',c:'China',y:'1996',cat:'Functional water / tea',t:'1-Global',w:'nongfuspring.com',d:'China\'s largest bottled water co; expanding into functional/TCM-infused beverages',sc:'Tea / Kombucha',ps:[]},
  {n:'ITO EN',c:'Japan',y:'1966',cat:'Japanese green tea / functional',t:'1-Global',w:'itoen.com',d:'World\'s largest green tea company; Oi Ocha functional matcha; L-theanine rich products',sc:'Tea / Kombucha',ps:[{p:'Oi Ocha Matcha (Unsweetened)',a:'Green tea L-theanine'}]},
  {n:'Herbalife',c:'US (global)',y:'1980',cat:'Nutrition / adaptogen supplement',t:'1-Global',w:'herbalife.com',d:'Global nutrition co; adaptogenic ingredients in energy teas and supplement drinks',sc:'Powder / Supplement',ps:[]},
  {n:'IMPOSSIBREW',c:'UK',y:'2020',cat:'Non-alc functional beer',t:'2',w:'impossibrew.co',d:'Non-alc beer with L-theanine, 5-HTP, ashwagandha; Hazy Pale and Lager',sc:'Non-Alc',ps:[{p:'Hazy Pale',a:'Ashwagandha'},{p:'Lager',a:'Ashwagandha'}]},
  {n:'ON Beer',c:'UK',y:'2022',cat:'Non-alc functional beer',t:'3',w:'onbeer.co',d:'Adaptogenic non-alcoholic beer; ginseng and green tea for energy/focus',sc:'Non-Alc',ps:[]},
  {n:'Common',c:'UK',y:'2022',cat:'Sparkling nootropic drink',t:'3',w:'drinkcommon.co',d:'Sparkling drinks with lion\'s mane mushrooms; caffeine-free mental uplift',sc:'Sparkling / Water',ps:[{p:'Lion\'s Mane Sparkling',a:'Lion\'s mane'}]},
  {n:'Viking Power (Glacier)',c:'Scandinavia',y:'2021',cat:'Functional sports drink',t:'3',w:'vikingpower.com',d:'Adaptogenic sports/hydration drinks; targeting casual and athletic consumers',sc:'Adaptogen Drink',ps:[]},
  {n:'Equinox Kombucha',c:'UK',y:'2016',cat:'Adaptogenic kombucha',t:'2',w:'equinoxkombucha.com',d:'Award-winning kombucha; new Equinox+ adaptogen-infused range (2025)',sc:'Tea / Kombucha',ps:[{p:'Equinox+ Adaptogen Kombucha',a:'Adaptogens blend'}]},
  {n:'Berlin Organics',c:'Germany',y:'2014',cat:'Superfood / adaptogen powder',t:'3',w:'berlinorganics.com',d:'German superfood brand; adaptogenic mushroom and herbal powder blends',sc:'Powder / Supplement',ps:[]},
  {n:'Your Super',c:'Germany/US',y:'2016',cat:'Superfood mix / powder',t:'2',w:'yoursuper.com',d:'Organic superfood mixes; Moon Balance (ashwagandha, shatavari, maca); plant-based',sc:'Powder / Supplement',ps:[{p:'Moon Balance Mix',a:'Ashwagandha, shatavari, maca'}]},
  {n:'Puhdistamo',c:'Finland',y:'2012',cat:'Organic supplement / drink',t:'3',w:'puhdistamo.com',d:'Finnish organic supplements; adaptogenic drinks and powders; Nordic wellness',sc:'Powder / Supplement',ps:[]},
  {n:'Numi Organic Tea',c:'US',y:'1999',cat:'Organic adaptogenic tea',t:'2',w:'numitea.com',d:'Organic teas with adaptogenic herbs; turmeric, ashwagandha, tulsi blends',sc:'Tea / Kombucha',ps:[{p:'Turmeric Amber Sun Tea',a:'Turmeric'}]},
  {n:'Pukka Herbs',c:'UK',y:'2001',cat:'Herbal adaptogenic tea',t:'1-Global',w:'pukkaherbs.com',d:'Premium herbal teas; ashwagandha, tulsi, turmeric blends; acquired by Unilever',sc:'Tea / Kombucha',ps:[{p:'Night Time Berry Tea',a:'Ashwagandha'},{p:'Turmeric Active Tea',a:'Turmeric, ginger'}]},
  {n:'Yogi Tea',c:'US/Germany',y:'1984',cat:'Herbal adaptogenic tea',t:'1-Global',w:'yogitea.com',d:'Ayurvedic-inspired herbal teas; ashwagandha, turmeric, ginseng blends; global distribution',sc:'Tea / Kombucha',ps:[{p:'Stress Relief Tea',a:'Ashwagandha'},{p:'Turmeric Vitality Tea',a:'Turmeric'}]},
  {n:'Jomeis Fine Foods',c:'Australia',y:'2019',cat:'Superfood latte powder',t:'3',w:'jomeisfinefoods.com.au',d:'Australian superfood latte blends; turmeric, matcha, cacao with adaptogens',sc:'Coffee Alt',ps:[{p:'Turmeric Superblend Latte',a:'Turmeric'}]},
  {n:'Nutra Organics',c:'Australia',y:'2005',cat:'Organic functional powder',t:'2',w:'nutraorganics.com.au',d:'Australian organic brand; mushroom broths, adaptogenic collagen, superfood powders',sc:'Powder / Supplement',ps:[{p:'Adaptogenic Mushroom Broth',a:'Reishi, lion\'s mane, shiitake'}]},
  {n:'Naked Harvest',c:'Australia',y:'2019',cat:'Functional supplement',t:'3',w:'nakedharvest.com.au',d:'Australian women-focused brand; adaptogenic pre-workout and wellness powders',sc:'Powder / Supplement',ps:[]},
  {n:'Forage Kombucha',c:'New Zealand',y:'2016',cat:'Functional kombucha',t:'3',w:'foragekombucha.co.nz',d:'NZ kombucha brand expanding into adaptogenic fermented beverages',sc:'Tea / Kombucha',ps:[]},
  {n:'Cacao Lab',c:'Peru/US',y:'2021',cat:'Ceremonial cacao / adaptogen',t:'3',w:'cacaolab.com',d:'Ceremonial cacao drinks with adaptogenic mushrooms and maca',sc:'Adaptogen Drink',ps:[]},
  {n:'Selva Negra',c:'Mexico',y:'2020',cat:'Adaptogenic beverage',t:'3',w:'selvanegra.mx',d:'Mexican adaptogenic functional beverages; local botanicals',sc:'Adaptogen Drink',ps:[]},
  {n:'Pressed Juicery',c:'US',y:'2010',cat:'Cold-pressed juice / functional',t:'2',w:'pressedjuicery.com',d:'Cold-pressed juices; Freeze line and functional shots with adaptogens',sc:'Adaptogen Drink',ps:[{p:'Freeze (Mushroom Almond)',a:'Lion\'s mane, reishi'}]},
  {n:'Suja Organic',c:'US',y:'2012',cat:'Cold-pressed juice / kombucha',t:'2',w:'sujaorganic.com',d:'Organic kombucha with adaptogens (schisandra, reishi, ashwagandha, moringa); Coca-Cola invested',sc:'Tea / Kombucha',ps:[{p:'Ginger Ashwagandha Kombucha',a:'Ashwagandha'},{p:'Berry Schisandra Kombucha',a:'Schisandra'}]},
  {n:'GT\'s Living Foods',c:'US',y:'1995',cat:'Kombucha / functional',t:'1',w:'gtslivingfoods.com',d:'America\'s #1 kombucha brand; SYNERGY and ALIVE lines with adaptogenic ingredients',sc:'Tea / Kombucha',ps:[{p:'SYNERGY Trilogy Kombucha',a:'Ginger (adaptogenic properties)'}]},
  {n:'Remedy Organics',c:'US',y:'2018',cat:'Organic functional shake',t:'2',w:'remedyorganics.com',d:'Organic plant-based functional shakes; ashwagandha, reishi, maca in protein blends',sc:'Adaptogen Drink',ps:[{p:'Immunity+ Shake',a:'Ashwagandha, reishi'}]},
  {n:'Vive Organic',c:'US',y:'2016',cat:'Wellness shot',t:'2',w:'viveorganic.com',d:'Functional wellness shots; ginger, turmeric, adaptogenic mushrooms for immunity + energy',sc:'Energy / Shots',ps:[{p:'Energy Immunity Shot',a:'Functional mushrooms'}]},
  {n:'Koia',c:'US',y:'2016',cat:'Plant-based protein drink',t:'2',w:'drinkkoia.com',d:'Plant protein drinks with adaptogenic ingredients; MCTs and functional mushrooms',sc:'Powder / Supplement',ps:[{p:'Koia Protein (Cacao Bean)',a:'Adaptogens blend'}]},
  {n:'Feel Free',c:'US',y:'2020',cat:'Kava / kratom tonic',t:'2',w:'feelfreetonic.com',d:'Kava and plant-based functional tonics; social mood enhancement; RTD shots and cans',sc:'Tonic / Wellness',ps:[]},
  {n:'Beam Organics',c:'US',y:'2019',cat:'Functional wellness powder',t:'2',w:'beamorganics.com',d:'Dream Powder (sleep), Focus (cognitive); adaptogenic mushrooms, reishi, nano-hemp',sc:'Powder / Supplement',ps:[{p:'Dream Powder',a:'Reishi, ashwagandha'}]},
  {n:'Wylde One',c:'US',y:'2021',cat:'Non-alc spirit',t:'2',w:'wyldeone.com',d:'Non-alcoholic adaptogenic spirits; botanical blends',sc:'Non-Alc',ps:[]},
  {n:'DRGN Drink',c:'UK',y:'2019',cat:'Turmeric energy drink',t:'3',w:'drinkdrgn.com',d:'Turmeric and adaptogen-powered functional energy drinks',sc:'Energy / Shots',ps:[]},
  {n:'Goldmine',c:'US',y:'2022',cat:'Adaptogenic tonic',t:'3',w:'drinkgoldmine.com',d:'Adaptogenic wellness tonics; plant-based, organic',sc:'Tonic / Wellness',ps:[{p:'Daily Tonic',a:'Ashwagandha, reishi'}]},
  {n:'Hydrate (France)',c:'France',y:'2021',cat:'Functional sports drink',t:'3',w:'hydrate.fr',d:'French endurance sports drink; electrolytes + adaptogenic herbs',sc:'Adaptogen Drink',ps:[]},
  {n:'Tru Calm',c:'US',y:'2022',cat:'Functional calm drink',t:'3',w:'trucalmdrinks.com',d:'Calming functional beverages with adaptogens',sc:'Adaptogen Drink',ps:[]},
  {n:'Wildwonder',c:'US',y:'2019',cat:'Prebiotic + adaptogen sparkling',t:'3',w:'wildwonder.com',d:'Prebiotic + probiotic sparkling drinks; adaptogenic herbs in some SKUs',sc:'Sparkling / Water',ps:[]},
  {n:'Turveda',c:'US',y:'2020',cat:'Turmeric functional drink',t:'3',w:'turveda.com',d:'Turmeric and adaptogenic functional beverages',sc:'Adaptogen Drink',ps:[]},
  {n:'Crunchy Hydration',c:'US',y:'2022',cat:'Functional sparkling water',t:'3',w:'crunchyhydration.com',d:'Sparkling water; L-theanine, Himalayan salt, adaptogens',sc:'Sparkling / Water',ps:[]},
  {n:'Mingle Mocktails',c:'US',y:'2018',cat:'Non-alc cocktail',t:'3',w:'minglemocktails.com',d:'Effervescent non-alc cocktails; new Mingle Mood adaptogenic line (Sept 2025)',sc:'Non-Alc',ps:[{p:'Mingle Mood (Adaptogenic)',a:'Adaptogens blend'}]},
  {n:'Psychedelic Water',c:'US',y:'2021',cat:'Kava / damiana seltzer',t:'3',w:'psychedelicwater.com',d:'Kava + damiana + green tea seltzer; mood-altering positioning',sc:'Sparkling / Water',ps:[{p:'Original',a:'Kava, damiana'}]},
  {n:'Droplet',c:'US',y:'2022',cat:'Adaptogenic water enhancer',t:'3',w:'trydroplet.com',d:'Adaptogen and nootropic water enhancers; squeeze bottle format',sc:'Sparkling / Water',ps:[]},
  {n:'Nooma',c:'US',y:'2015',cat:'Organic electrolyte drink',t:'3',w:'drinknooma.com',d:'Organic electrolyte drinks; expanding into adaptogenic formulations',sc:'Adaptogen Drink',ps:[]},
  {n:'ARMRA Colostrum',c:'US',y:'2021',cat:'Colostrum / adaptogen',t:'2',w:'tryarmra.com',d:'Bovine colostrum supplement with immune-modulatory/adaptogenic properties',sc:'Adaptogen Drink',ps:[]},
  {n:'Bloom Nutrition',c:'US',y:'2019',cat:'Greens powder / prebiotic',t:'2',w:'bloomnu.com',d:'Greens + prebiotic powders; Bloom Pop soda (2026); adaptogenic ingredients',sc:'Powder / Supplement',ps:[]},
  {n:'Intelligentsia Coffee',c:'US',y:'1995',cat:'Specialty adaptogenic coffee',t:'3',w:'intelligentsia.com',d:'Specialty coffee expanding into adaptogenic coffee products',sc:'Coffee Alt',ps:[]},
  {n:'SETA',c:'US',y:'2022',cat:'Mushroom functional drink',t:'3',w:'drinkseta.com',d:'Mushroom-based functional beverages',sc:'Mushroom',ps:[]},
  {n:'Superfoods Company',c:'US',y:'2020',cat:'Superfood drink',t:'3',w:'superfoods.com',d:'Superfood and adaptogenic drink products',sc:'Adaptogen Drink',ps:[]},
  {n:'Blissful (India)',c:'India',y:'2022',cat:'Hemp + adaptogen drink',t:'3',w:'drinkblissful.in',d:'India\'s first hemp + adaptogen infused beverages; mood-specific formulations',sc:'CBD / Hemp / Kava',ps:[]},
  {n:'Aadhunik Ayurveda',c:'India',y:'2018',cat:'Ayurvedic wellness water',t:'3',w:'aadhunikayurveda.com',d:'White-label Ayurvedic beverage manufacturer; tulsi, neem, lavender hydrosols',sc:'Sparkling / Water',ps:[]},
  {n:'Vold Energy',c:'India',y:'2024',cat:'Adaptogenic energy drink',t:'3',w:'vold.in',d:'Indian adaptogenic energy drink; Shark Tank India featured',sc:'Energy / Shots',ps:[]},
  {n:'Stroom',c:'India',y:'2024',cat:'Functional protein / adaptogen',t:'3',w:'stroom.in',d:'Indian functional food brand with adaptogenic ingredients',sc:'Powder / Supplement',ps:[]}
];
const SCATS = ['All','Non-Alc','Coffee Alt','Mushroom','Sparkling / Water','Powder / Supplement','Tea / Kombucha','Energy / Shots','Tonic / Wellness','CBD / Hemp / Kava','Adaptogen Drink'];
const REGIONS = ['All','US','UK','Canada','Australia','India','Germany','Japan','France','Other'];
const TIERS = ['All','1','1-Global','2','2-Global','3','4-Adjacent'];
const TIER_LABELS = {'1':'Tier 1 — Major','1-Global':'Tier 1 — Global','2':'Tier 2 — Growth','2-Global':'Tier 2 — Global','3':'Tier 3 — Emerging','4-Adjacent':'Tier 4 — Adjacent'};

const CATEGORIES = ["All", "Ashwagandha", "Lion's Mane", "Reishi", "Rhodiola", "L-Theanine", "Cordyceps", "Multi-Blend"];

const entries = [
  { id: 1, brand: "Kin Euphorics", product: "Kin Spritz", cat: "Ashwagandha", claimed: "300mg Ashwagandha", lab: "41mg withanolides — below therapeutic threshold (120mg minimum)", dose: 14, verdict: "UNDER-DOSED", vc: RED, date: "2026-05-12", method: "HPLC", labName: "Certified Laboratories, Edmonton", src: "Retail, Calgary Co-op", track: "independent" },
  { id: 2, brand: "Recess", product: "Mood Powder", cat: "L-Theanine", claimed: "200mg L-Theanine", lab: "193mg detected (96.5%) — within acceptable range", dose: 96, verdict: "PASS", vc: GREEN, date: "2026-05-11", method: "HPLC", labName: "Certified Laboratories, Edmonton", src: "Amazon.ca", track: "independent" },
  { id: 3, brand: "Mud\\Wtr", product: "Rise", cat: "Multi-Blend", claimed: "Functional mushroom blend", lab: "Proprietary blend — no per-ingredient mg disclosed, cannot verify", dose: 0, verdict: "UNVERIFIABLE", vc: AMBER, date: "2026-05-10", method: "HPLC + HPTLC", labName: "Certified Laboratories, Edmonton", src: "Direct from brand", track: "independent" },
  { id: 4, brand: "De Soi", product: "Purple Lune", cat: "Multi-Blend", claimed: "Adaptogenic blend", lab: "All three compounds below any published clinical threshold", dose: 8, verdict: "MARKETING ONLY", vc: RED, date: "2026-05-09", method: "HPLC", labName: "Certified Laboratories, Edmonton", src: "Retail, Superstore", track: "independent" },
  { id: 5, brand: "Odyssey", product: "Sparkling Mushroom Elixir", cat: "Lion's Mane", claimed: "2500mg Lion's Mane", lab: "2,340mg detected (93.6%) — therapeutic range confirmed", dose: 94, verdict: "PASS", vc: GREEN, date: "2026-05-08", method: "HPLC + DNA barcoding", labName: "Certified Laboratories, Edmonton", src: "Whole Foods (shipped)", track: "voluntary" },
  { id: 6, brand: "DRAM", product: "Beauty Sparkling Water", cat: "Ashwagandha", claimed: "Ashwagandha + adaptogens", lab: "Ashwagandha below quantifiable threshold. Schisandra trace.", dose: 5, verdict: "UNDER-DOSED", vc: RED, date: "2026-05-07", method: "HPLC", labName: "Certified Laboratories, Edmonton", src: "Specialty grocer", track: "independent" },
  { id: 7, brand: "Wunder", product: "Sessions Lemon Ginger", cat: "Ashwagandha", claimed: "Ashwagandha blend", lab: "72mg withanolides — above trace, below 120mg clinical minimum", dose: 24, verdict: "UNDER-DOSED", vc: RED, date: "2026-05-06", method: "HPLC", labName: "Certified Laboratories, Edmonton", src: "Direct from brand", track: "independent" },
  { id: 8, brand: "Moment", product: "Botanical Water", cat: "Ashwagandha", claimed: "150mg KSM-66", lab: "142mg detected (94.7%) — meets KSM-66 clinical dose", dose: 95, verdict: "PASS", vc: GREEN, date: "2026-05-05", method: "HPLC", labName: "Certified Laboratories, Edmonton", src: "Amazon.ca", track: "voluntary" },
  { id: 9, brand: "Hiyo", product: "Peach Mango", cat: "Multi-Blend", claimed: "1.7g adaptogens", lab: "Ashwagandha 410mg, Lion's Mane 380mg, L-Theanine 290mg — total 1,680mg (98.8%)", dose: 99, verdict: "PASS", vc: GREEN, date: "2026-05-04", method: "HPLC", labName: "Qalitex Laboratories, Irvine", src: "Amazon.com", track: "voluntary" },
  { id: 10, brand: "Droplet", product: "Focus Sparkling", cat: "Lion's Mane", claimed: "500mg Lion's Mane", lab: "290mg detected (58%) — significantly under label claim", dose: 58, verdict: "UNDER-DOSED", vc: RED, date: "2026-05-03", method: "HPLC", labName: "Certified Laboratories, Edmonton", src: "Specialty grocer", track: "independent" },
  { id: 11, brand: "Four Sigmatic", product: "Focus Coffee", cat: "Lion's Mane", claimed: "250mg Lion's Mane", lab: "241mg detected (96.4%) — within tolerance", dose: 96, verdict: "PASS", vc: GREEN, date: "2026-05-02", method: "HPLC + HPTLC", labName: "Alkemist Labs, Garden Grove", src: "Whole Foods", track: "independent" },
  { id: 12, brand: "Vybes", product: "Strawberry Lavender", cat: "Multi-Blend", claimed: "25mg CBD + adaptogens", lab: "CBD 22mg (88%). Listed adaptogens not quantifiable.", dose: 88, verdict: "PARTIAL", vc: AMBER, date: "2026-05-01", method: "HPLC + LC-MS/MS", labName: "Certified Laboratories, Edmonton", src: "Online retail", track: "independent" },
];

function VerdictBadge({ text, color }) {
  const bg = color === GREEN ? PASS_BG : color === RED ? FAIL_BG : WARN_BG;
  return (
    <span style={{
      display: "inline-block", padding: "3px 9px", fontSize: 11,
      fontWeight: 600, letterSpacing: 0.8, color,
      background: bg, borderRadius: 2,
      fontFamily: "'IBM Plex Mono', monospace", whiteSpace: "nowrap",
    }}>{text}</span>
  );
}

function DoseBar({ dose, color }) {
  return (
    <div style={{ position: "relative", height: 4, background: BORDER, borderRadius: 2, width: "100%", minWidth: 60 }}>
      <div style={{
        position: "absolute", top: 0, left: 0, height: "100%",
        width: `${Math.min(dose, 100)}%`, background: color,
        borderRadius: 2, transition: "width 0.5s ease", opacity: 0.7,
      }} />
      <div style={{
        position: "absolute", top: -3, left: "90%",
        width: 1, height: 10, background: TEXT4,
      }} />
    </div>
  );
}

function TrackTag({ track }) {
  if (track === "voluntary") return (
    <span style={{
      fontSize: 10, letterSpacing: 1.2, fontWeight: 600,
      color: GREEN, background: PASS_BG, padding: "2px 6px",
      borderRadius: 2, fontFamily: "'IBM Plex Mono', monospace",
    }}>VOLUNTARILY INSPECTED</span>
  );
  return (
    <span style={{
      fontSize: 10, letterSpacing: 1.2, fontWeight: 600,
      color: TEXT3, background: SURFACE2, padding: "2px 6px",
      borderRadius: 2, fontFamily: "'IBM Plex Mono', monospace",
    }}>INDEPENDENTLY TESTED</span>
  );
}

function ExpandedRow({ e }) {
  return (
    <tr><td colSpan={6} style={{ padding: 0 }}>
      <div style={{
        background: SURFACE2, padding: "18px 22px",
        borderBottom: `1px solid ${BORDER}`,
        display: "grid", gridTemplateColumns: "1fr 1fr 1fr", gap: "14px 24px",
      }}>
        {[
          { label: "FULL RESULT", val: e.lab },
          { label: "METHOD", val: e.method },
          { label: "LAB", val: e.labName },
          { label: "SAMPLE SOURCE", val: e.src },
          { label: "DOSE VS LABEL", val: null, bar: true },
          { label: "TRACK", val: null, tag: true },
        ].map((f, i) => (
          <div key={i}>
            <div style={{
              fontSize: 11, letterSpacing: 1.5, color: TEXT4, fontWeight: 600,
              fontFamily: "'IBM Plex Mono', monospace", marginBottom: 4,
            }}>{f.label}</div>
            {f.bar ? (
              <div style={{ display: "flex", alignItems: "center", gap: 8 }}>
                <DoseBar dose={e.dose} color={e.vc} />
                <span style={{
                  fontSize: 14, fontWeight: 600, color: e.vc,
                  fontFamily: "'IBM Plex Mono', monospace",
                }}>{e.dose > 0 ? `${e.dose}%` : "N/A"}</span>
              </div>
            ) : f.tag ? (
              <TrackTag track={e.track} />
            ) : (
              <div style={{ fontSize: 14, color: TEXT2, lineHeight: 1.5 }}>{f.val}</div>
            )}
          </div>
        ))}
      </div>
    </td></tr>
  );
}

function App() {
  const [search, setSearch] = useState("");
  const [cat, setCat] = useState("All");
  const [verdict, setVerdict] = useState("All");
  const [expanded, setExpanded] = useState(null);
  const route = useRoute();
  const page = keyForPath(route);
  const [dirSearch, setDirSearch] = useState("");
  const [dirCat, setDirCat] = useState("All");
  const [dirRegion, setDirRegion] = useState("All");
  const [dirTier, setDirTier] = useState("All");
  const [dirExpanded, setDirExpanded] = useState(null);

  const filtered = useMemo(() => entries.filter(e => {
    const ms = search === "" || e.brand.toLowerCase().includes(search.toLowerCase()) || e.product.toLowerCase().includes(search.toLowerCase());
    const mc = cat === "All" || e.cat === cat;
    const mv = verdict === "All" || e.verdict === verdict;
    return ms && mc && mv;
  }), [search, cat, verdict]);

  const dirFiltered = useMemo(() => BRANDS.filter(b => {
    const ms = dirSearch === "" || b.n.toLowerCase().includes(dirSearch.toLowerCase()) || b.d.toLowerCase().includes(dirSearch.toLowerCase());
    const mc = dirCat === "All" || b.sc === dirCat;
    const mr = dirRegion === "All" || b.c === dirRegion || (dirRegion === "Other" && !['US','UK','Canada','Australia','India','Germany','Japan','France'].includes(b.c));
    const mt = dirTier === "All" || b.t === dirTier;
    return ms && mc && mr && mt;
  }), [dirSearch, dirCat, dirRegion, dirTier]);

  const counts = useMemo(() => {
    const c = { pass: 0, fail: 0, inc: 0 };
    entries.forEach(e => {
      if (e.verdict === "PASS") c.pass++;
      else if (["UNDER-DOSED", "MARKETING ONLY"].includes(e.verdict)) c.fail++;
      else c.inc++;
    });
    return c;
  }, []);

  return (
    <div style={{ background: BG, minHeight: "100vh", color: TEXT1, fontFamily: "'Outfit', -apple-system, sans-serif" }}>
      <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600;700&family=Fraunces:ital,opsz,wght@0,9..144,200;0,9..144,300;0,9..144,400;0,9..144,700;1,9..144,300;1,9..144,400&display=swap" rel="stylesheet" />

      {/* ── NAV ── */}
      <nav style={{
        padding: "14px 40px", display: "flex", justifyContent: "space-between",
        alignItems: "center", borderBottom: `1px solid ${BORDER}`,
        position: "sticky", top: 0, zIndex: 100,
        background: `hsla(250, 6%, 97%, 0.92)`, backdropFilter: "blur(16px)",
      }}>
        <div style={{ display: "flex", alignItems: "baseline", gap: 5 }}>
          <span style={{ fontSize: 17, fontWeight: 700, letterSpacing: -0.5, color: TEXT1, fontFamily: "'Outfit', sans-serif" }}>passed</span>
          <span style={{ fontSize: 17, fontWeight: 700, letterSpacing: -0.5, color: RED, fontFamily: "'Outfit', sans-serif" }}>the</span>
          <span style={{ fontSize: 17, fontWeight: 700, letterSpacing: -0.5, color: TEXT1, fontFamily: "'Outfit', sans-serif" }}>test</span>
          <span style={{ fontSize: 12, color: TEXT4, fontFamily: "'IBM Plex Mono', monospace", marginLeft: 6 }}>.com</span>
        </div>
        <div style={{ display: "flex", gap: 24, alignItems: "center" }}>
          {ROUTES.map(r => (
            <a key={r.key} href={r.path} onClick={linkHandler(r.path)} style={{
              background: "none", border: "none",
              color: page === r.key ? TEXT1 : TEXT3,
              fontSize: 13, letterSpacing: 1.2, cursor: "pointer",
              fontFamily: "'IBM Plex Mono', monospace",
              fontWeight: page === r.key ? 600 : 400,
              borderBottom: page === r.key ? `1.5px solid ${TEXT1}` : "1.5px solid transparent",
              paddingBottom: 2, textTransform: "uppercase",
              textDecoration: "none",
            }}>{r.label}</a>
          ))}
        </div>
      </nav>

      {page === "database" ? (
        <div>
          {/* ── HERO ── */}
          <div style={{ padding: "64px 40px 48px", maxWidth: 960, margin: "0 auto" }}>
            <div style={{ display: "flex", gap: 56, alignItems: "flex-start", flexWrap: "wrap" }}>
              <div style={{ flex: 1, minWidth: 320 }}>
                <div style={{
                  fontSize: 11, letterSpacing: 4, color: TEXT4, fontWeight: 600,
                  marginBottom: 20, fontFamily: "'IBM Plex Mono', monospace",
                  textTransform: "uppercase",
                }}>The Accountability Database</div>
                <h1 style={{
                  fontSize: 42, fontWeight: 300, color: TEXT1, lineHeight: 1.12,
                  margin: "0 0 20px", fontFamily: "'Fraunces', Georgia, serif",
                  letterSpacing: -1.5,
                }}>
                  Did your drink<br />
                  pass the test<span style={{ color: RED }}>?</span>
                </h1>
                <p style={{
                  color: TEXT2, fontSize: 16, lineHeight: 1.75, maxWidth: 440,
                  margin: "0 0 32px", fontWeight: 400,
                }}>
                  Independent lab results for every adaptogenic beverage on the market.
                  ISO 17025 certified. Five-panel analysis. Published regardless of outcome.
                </p>
                <div style={{ display: "flex", gap: 10 }}>
                  <button onClick={() => {
                    const el = document.getElementById("db-section");
                    if (el) el.scrollIntoView({ behavior: "smooth" });
                  }} style={{
                    background: TEXT1, color: BG, border: "none",
                    padding: "13px 24px", fontSize: 13, fontWeight: 600,
                    letterSpacing: 1.5, borderRadius: 3, cursor: "pointer",
                    fontFamily: "'IBM Plex Mono', monospace",
                  }}>SEARCH THE DATABASE</button>
                  <button onClick={() => navigate('/for-brands')} style={{
                    background: "none", color: TEXT2,
                    border: `1px solid ${BORDER2}`,
                    padding: "13px 24px", fontSize: 13, fontWeight: 500,
                    letterSpacing: 2, borderRadius: 3, cursor: "pointer",
                    fontFamily: "'IBM Plex Mono', monospace",
                  }}>GET INSPECTED</button>
                </div>
              </div>
              <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 10, minWidth: 220 }}>
                {[
                  { n: entries.length, l: "Tested", c: TEXT1 },
                  { n: counts.pass, l: "Passed", c: GREEN },
                  { n: counts.fail, l: "Failed", c: RED },
                  { n: counts.inc, l: "Inconclusive", c: AMBER },
                ].map((s, i) => (
                  <div key={i} style={{
                    background: SURFACE, borderRadius: 6, padding: "16px 18px",
                    border: `1px solid ${BORDER}`,
                  }}>
                    <div style={{
                      fontSize: 30, fontWeight: 700, color: s.c, lineHeight: 1,
                      fontFamily: "'IBM Plex Mono', monospace",
                    }}>{s.n}</div>
                    <div style={{
                      fontSize: 11, color: TEXT4, letterSpacing: 1.5, marginTop: 6,
                      fontFamily: "'IBM Plex Mono', monospace", fontWeight: 500,
                    }}>{s.l}</div>
                  </div>
                ))}
              </div>
            </div>
          </div>

          {/* ── FILTERS ── */}
          <div id="db-section" style={{ maxWidth: 960, margin: "0 auto", padding: "0 40px 12px" }}>
            <div style={{ display: "flex", gap: 10, flexWrap: "wrap", alignItems: "center" }}>
              <div style={{ flex: 1, minWidth: 200 }}>
                <input type="text" placeholder="Search brand or product..." value={search}
                  onChange={e => setSearch(e.target.value)} style={{
                    width: "100%", padding: "9px 14px", background: SURFACE,
                    border: `1px solid ${BORDER}`, borderRadius: 3, color: TEXT1,
                    fontSize: 13, outline: "none", fontFamily: "'Outfit', sans-serif",
                    boxSizing: "border-box",
                  }} />
              </div>
              <div style={{ display: "flex", gap: 2, flexWrap: "wrap" }}>
                {CATEGORIES.map(c => (
                  <button key={c} onClick={() => setCat(c)} style={{
                    padding: "6px 11px", fontSize: 12, letterSpacing: 0.5,
                    fontFamily: "'IBM Plex Mono', monospace",
                    color: cat === c ? TEXT1 : TEXT3,
                    background: cat === c ? SURFACE : "transparent",
                    border: `1px solid ${cat === c ? BORDER2 : "transparent"}`,
                    borderRadius: 3, cursor: "pointer",
                    fontWeight: cat === c ? 600 : 400,
                  }}>{c}</button>
                ))}
              </div>
              <select value={verdict} onChange={e => setVerdict(e.target.value)} style={{
                padding: "7px 10px", background: SURFACE, border: `1px solid ${BORDER}`,
                borderRadius: 3, color: TEXT2, fontSize: 13,
                fontFamily: "'IBM Plex Mono', monospace", outline: "none", cursor: "pointer",
              }}>
                <option value="All">All verdicts</option>
                <option value="PASS">Pass</option>
                <option value="UNDER-DOSED">Under-dosed</option>
                <option value="MARKETING ONLY">Marketing only</option>
                <option value="UNVERIFIABLE">Unverifiable</option>
                <option value="PARTIAL">Partial</option>
              </select>
            </div>
          </div>

          {/* ── TABLE ── */}
          <div style={{ maxWidth: 960, margin: "0 auto", padding: "0 40px" }}>
            <div style={{
              background: SURFACE, borderRadius: 6,
              border: `1px solid ${BORDER}`, overflow: "hidden",
            }}>
              <table style={{ width: "100%", borderCollapse: "collapse" }}>
                <thead>
                  <tr style={{ borderBottom: `1px solid ${BORDER}` }}>
                    {["BRAND", "PRODUCT", "CLAIM", "CATEGORY", "DATE", "VERDICT"].map(h => (
                      <th key={h} style={{
                        padding: "12px 14px", textAlign: "left", color: TEXT4,
                        fontSize: 11, letterSpacing: 1.5, fontWeight: 600,
                        fontFamily: "'IBM Plex Mono', monospace", whiteSpace: "nowrap",
                        background: SURFACE2,
                      }}>{h}</th>
                    ))}
                  </tr>
                </thead>
                <tbody>
                  {filtered.length === 0 ? (
                    <tr><td colSpan={6} style={{ padding: 40, textAlign: "center", color: TEXT3, fontSize: 13 }}>
                      No results match your filters.
                    </td></tr>
                  ) : filtered.map(e => (
                    <React.Fragment key={e.id}>
                      <tr onClick={() => setExpanded(expanded === e.id ? null : e.id)}
                        style={{
                          borderBottom: `1px solid ${BORDER}`,
                          cursor: "pointer",
                          background: expanded === e.id ? SURFACE2 : SURFACE,
                          transition: "background 0.1s ease",
                        }}
                        onMouseEnter={ev => { if (expanded !== e.id) ev.currentTarget.style.background = SURFACE2; }}
                        onMouseLeave={ev => { if (expanded !== e.id) ev.currentTarget.style.background = SURFACE; }}
                      >
                        <td style={{ padding: "14px 16px", fontWeight: 600, color: TEXT1, fontSize: 15, whiteSpace: "nowrap" }}>{e.brand}</td>
                        <td style={{ padding: "14px 16px", color: TEXT2, fontSize: 15 }}>{e.product}</td>
                        <td style={{ padding: "14px 16px", color: TEXT2, fontFamily: "'IBM Plex Mono', monospace", fontSize: 13 }}>{e.claimed}</td>
                        <td style={{ padding: "14px 16px" }}>
                          <span style={{
                            fontSize: 11, color: TEXT3, fontFamily: "'IBM Plex Mono', monospace",
                            background: SURFACE2, padding: "3px 7px", borderRadius: 2,
                            border: `1px solid ${BORDER}`,
                          }}>{e.cat}</span>
                        </td>
                        <td style={{ padding: "14px 16px", color: TEXT3, fontFamily: "'IBM Plex Mono', monospace", fontSize: 13, whiteSpace: "nowrap" }}>{e.date}</td>
                        <td style={{ padding: "11px 14px" }}><VerdictBadge text={e.verdict} color={e.vc} /></td>
                      </tr>
                      {expanded === e.id && <ExpandedRow e={e} />}
                    </React.Fragment>
                  ))}
                </tbody>
              </table>
            </div>
            <div style={{ textAlign: "center", marginTop: 8 }}>
              <span style={{ color: TEXT4, fontSize: 12, fontFamily: "'IBM Plex Mono', monospace" }}>
                {filtered.length} of {entries.length} products · click row for full report
              </span>
            </div>
          </div>

          {/* ── METHODOLOGY ── */}
          <div style={{ maxWidth: 960, margin: "44px auto 0", padding: "0 40px" }}>
            <div style={{ display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(260px, 1fr))", gap: 10 }}>
              {[
                { label: "PROTOCOL", text: "Every product purchased retail, sealed, receipt documented. Sent to ISO 17025 accredited lab. Five panels: botanical identity, potency, heavy metals, microbiology, pesticide residue." },
                { label: "INDEPENDENCE", text: "No brand has paid for, sponsored, or been notified before any test. No result has been withheld, altered, or delayed. The database publishes whatever the data says." },
                { label: "STANDARDS", text: "Verdicts based on published clinical thresholds. PASS means detected dose within 10% of label claim and meets minimum clinical dose from peer-reviewed literature." },
              ].map((m, i) => (
                <div key={i} style={{
                  background: SURFACE, borderRadius: 6, padding: "20px 22px",
                  border: `1px solid ${BORDER}`,
                }}>
                  <div style={{
                    fontSize: 11, letterSpacing: 2, color: TEXT4, fontWeight: 600,
                    marginBottom: 8, fontFamily: "'IBM Plex Mono', monospace",
                  }}>{m.label}</div>
                  <div style={{ fontSize: 14, color: TEXT2, lineHeight: 1.7, fontWeight: 400 }}>{m.text}</div>
                </div>
              ))}
            </div>
          </div>

          {/* ── COMING SOON ── */}
          <div style={{ maxWidth: 960, margin: "44px auto 0", padding: "0 40px" }}>
            <div style={{
              borderRadius: 6, padding: 32, textAlign: "center",
              border: `1px dashed ${BORDER2}`, background: SURFACE,
            }}>
              <div style={{
                fontSize: 11, letterSpacing: 3, color: TEXT4, fontWeight: 600,
                marginBottom: 12, fontFamily: "'IBM Plex Mono', monospace",
              }}>COMING SOON</div>
              <div style={{
                fontSize: 24, fontWeight: 300, color: TEXT1, lineHeight: 1.3,
                fontFamily: "'Fraunces', Georgia, serif", marginBottom: 10,
              }}>
                One product. One test. Every day<span style={{ color: RED }}>.</span>
              </div>
              <p style={{ color: TEXT2, fontSize: 14, lineHeight: 1.6, maxWidth: 400, margin: "0 auto 18px", fontWeight: 400 }}>
                A daily show where we open, test, and publish lab results. The show builds the database.
              </p>
              <div style={{
                display: "inline-flex", padding: "9px 20px",
                background: SURFACE2, borderRadius: 3,
                border: `1px solid ${BORDER}`, cursor: "pointer",
              }}>
                <span style={{ color: TEXT2, fontSize: 12, fontFamily: "'IBM Plex Mono', monospace", letterSpacing: 1.2, fontWeight: 500 }}>NOTIFY ME</span>
              </div>
            </div>
          </div>
        </div>
      ) : page === "directory" ? (

        /* ══════ DIRECTORY ══════ */
        <div style={{ maxWidth: 960, margin: "0 auto", padding: "48px 40px 40px" }}>
          <div style={{ marginBottom: 32 }}>
            <div style={{ fontSize: 11, letterSpacing: 3, color: TEXT4, fontWeight: 600, marginBottom: 12, fontFamily: "'IBM Plex Mono', monospace" }}>FULL BRAND DIRECTORY</div>
            <h2 style={{ fontSize: 32, fontWeight: 300, color: TEXT1, margin: "0 0 8px", fontFamily: "'Fraunces', Georgia, serif", letterSpacing: -1 }}>
              187 brands<span style={{ color: RED }}>.</span> We see all of them.
            </h2>
            <p style={{ color: TEXT2, fontSize: 15, lineHeight: 1.7, maxWidth: 520, margin: "0 0 24px", fontWeight: 400 }}>
              Every adaptogenic beverage brand on the market — catalogued, categorized, and queued for testing.
              Most haven't been lab-verified yet. That changes one product at a time.
            </p>

            {/* Filters */}
            <div style={{ display: "flex", gap: 8, flexWrap: "wrap", alignItems: "center", marginBottom: 16 }}>
              <input type="text" placeholder="Search brands..." value={dirSearch}
                onChange={e => setDirSearch(e.target.value)} style={{
                  flex: 1, minWidth: 180, padding: "9px 14px", background: SURFACE,
                  border: `1px solid ${BORDER}`, borderRadius: 3, color: TEXT1,
                  fontSize: 13, outline: "none", fontFamily: "'Outfit', sans-serif", boxSizing: "border-box",
                }} />
              <select value={dirCat} onChange={e => setDirCat(e.target.value)} style={{
                padding: "8px 10px", background: SURFACE, border: `1px solid ${BORDER}`,
                borderRadius: 3, color: TEXT2, fontSize: 13, fontFamily: "'IBM Plex Mono', monospace", outline: "none",
              }}>
                {SCATS.map(c => <option key={c} value={c}>{c}</option>)}
              </select>
              <select value={dirRegion} onChange={e => setDirRegion(e.target.value)} style={{
                padding: "8px 10px", background: SURFACE, border: `1px solid ${BORDER}`,
                borderRadius: 3, color: TEXT2, fontSize: 13, fontFamily: "'IBM Plex Mono', monospace", outline: "none",
              }}>
                {REGIONS.map(r => <option key={r} value={r}>{r}</option>)}
              </select>
              <select value={dirTier} onChange={e => setDirTier(e.target.value)} style={{
                padding: "8px 10px", background: SURFACE, border: `1px solid ${BORDER}`,
                borderRadius: 3, color: TEXT2, fontSize: 13, fontFamily: "'IBM Plex Mono', monospace", outline: "none",
              }}>
                {TIERS.map(t => <option key={t} value={t}>{t === 'All' ? 'All tiers' : TIER_LABELS[t] || t}</option>)}
              </select>
            </div>

            <div style={{ fontSize: 12, color: TEXT4, fontFamily: "'IBM Plex Mono', monospace", marginBottom: 8 }}>
              {dirFiltered.length} of {BRANDS.length} brands
            </div>
          </div>

          {/* Brand list */}
          <div style={{ display: "flex", flexDirection: "column", gap: 4 }}>
            {dirFiltered.map((b, i) => (
              <div key={i}>
                <div onClick={() => setDirExpanded(dirExpanded === i ? null : i)}
                  style={{
                    display: "flex", alignItems: "center", gap: 14, padding: "12px 16px",
                    background: dirExpanded === i ? SURFACE2 : SURFACE,
                    border: `1px solid ${BORDER}`, borderRadius: dirExpanded === i ? "6px 6px 0 0" : 6,
                    cursor: "pointer", transition: "background 0.1s",
                  }}
                  onMouseEnter={ev => { if (dirExpanded !== i) ev.currentTarget.style.background = SURFACE2; }}
                  onMouseLeave={ev => { if (dirExpanded !== i) ev.currentTarget.style.background = SURFACE; }}
                >
                  <div style={{ flex: 1, minWidth: 0 }}>
                    <div style={{ display: "flex", alignItems: "center", gap: 8, marginBottom: 2 }}>
                      <span style={{ fontSize: 15, fontWeight: 600, color: TEXT1 }}>{b.n}</span>
                      <span style={{ fontSize: 11, color: TEXT4, fontFamily: "'IBM Plex Mono', monospace", background: SURFACE2, padding: "2px 7px", borderRadius: 2, border: `1px solid ${BORDER}` }}>{b.sc}</span>
                    </div>
                    <div style={{ fontSize: 13, color: TEXT2, lineHeight: 1.4, whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }}>{b.d}</div>
                  </div>
                  <div style={{ display: "flex", alignItems: "center", gap: 12, flexShrink: 0 }}>
                    <span style={{ fontSize: 12, color: TEXT3, fontFamily: "'IBM Plex Mono', monospace" }}>{b.c}</span>
                    <span style={{
                      fontSize: 11, fontWeight: 600, letterSpacing: 0.8, padding: "3px 8px", borderRadius: 2,
                      fontFamily: "'IBM Plex Mono', monospace",
                      color: b.t === '1' || b.t === '1-Global' ? GREEN : b.t === '2' || b.t === '2-Global' ? AMBER : TEXT4,
                      background: b.t === '1' || b.t === '1-Global' ? PASS_BG : b.t === '2' || b.t === '2-Global' ? WARN_BG : SURFACE2,
                    }}>T{b.t}</span>
                    <span style={{
                      fontSize: 11, fontWeight: 600, letterSpacing: 0.8, padding: "3px 8px", borderRadius: 2,
                      fontFamily: "'IBM Plex Mono', monospace",
                      color: TEXT4, background: SURFACE2, border: `1px solid ${BORDER}`,
                    }}>NOT YET TESTED</span>
                  </div>
                </div>
                {dirExpanded === i && (
                  <div style={{
                    padding: "14px 16px", background: SURFACE2,
                    border: `1px solid ${BORDER}`, borderTop: "none",
                    borderRadius: "0 0 6px 6px",
                  }}>
                    <div style={{ display: "flex", gap: 24, flexWrap: "wrap", marginBottom: b.ps.length > 0 ? 12 : 0 }}>
                      <div>
                        <div style={{ fontSize: 11, color: TEXT4, fontFamily: "'IBM Plex Mono', monospace", letterSpacing: 1.2, marginBottom: 4 }}>CATEGORY</div>
                        <div style={{ fontSize: 14, color: TEXT2 }}>{b.cat}</div>
                      </div>
                      {b.y && <div>
                        <div style={{ fontSize: 11, color: TEXT4, fontFamily: "'IBM Plex Mono', monospace", letterSpacing: 1.2, marginBottom: 4 }}>FOUNDED</div>
                        <div style={{ fontSize: 14, color: TEXT2 }}>{b.y}</div>
                      </div>}
                      {b.w && <div>
                        <div style={{ fontSize: 11, color: TEXT4, fontFamily: "'IBM Plex Mono', monospace", letterSpacing: 1.2, marginBottom: 4 }}>WEBSITE</div>
                        <div style={{ fontSize: 14, color: TEXT2 }}>{b.w}</div>
                      </div>}
                    </div>
                    {b.ps.length > 0 && (
                      <div>
                        <div style={{ fontSize: 11, color: TEXT4, fontFamily: "'IBM Plex Mono', monospace", letterSpacing: 1.2, marginBottom: 6 }}>CATALOGUED PRODUCTS</div>
                        <div style={{ display: "flex", flexDirection: "column", gap: 3 }}>
                          {b.ps.map((p, j) => (
                            <div key={j} style={{
                              display: "flex", justifyContent: "space-between", padding: "6px 10px",
                              background: SURFACE, borderRadius: 3, border: `1px solid ${BORDER}`,
                              alignItems: "center",
                            }}>
                              <span style={{ fontSize: 14, color: TEXT1, fontWeight: 500 }}>{p.p}</span>
                              <span style={{ fontSize: 12, color: TEXT3, fontFamily: "'IBM Plex Mono', monospace" }}>{p.a}</span>
                            </div>
                          ))}
                        </div>
                      </div>
                    )}
                  </div>
                )}
              </div>
            ))}
          </div>

          {/* CTA to brands page */}
          <div style={{ textAlign: "center", marginTop: 32, padding: 24, borderRadius: 6, border: `1px dashed ${BORDER2}` }}>
            <div style={{ fontSize: 18, fontWeight: 300, color: TEXT1, fontFamily: "'Fraunces', serif", marginBottom: 8 }}>
              See your brand here<span style={{ color: RED }}>?</span>
            </div>
            <div style={{ color: TEXT2, fontSize: 13, marginBottom: 16, fontWeight: 400 }}>
              Come to us voluntarily and pay less. Or wait — we'll get to you.
            </div>
            <button onClick={() => navigate('/for-brands')} style={{
              background: TEXT1, color: BG, border: "none",
              padding: "11px 22px", fontSize: 11, fontWeight: 600,
              letterSpacing: 2, borderRadius: 3, cursor: "pointer",
              fontFamily: "'IBM Plex Mono', monospace",
            }}>GET INSPECTED</button>
          </div>
        </div>

      ) : (

        /* ══════ FOR BRANDS ══════ */
        <div style={{ maxWidth: 960, margin: "0 auto", padding: "64px 40px 40px" }}>
          <div style={{ textAlign: "center", marginBottom: 48 }}>
            <div style={{ fontSize: 11, letterSpacing: 4, color: TEXT4, fontWeight: 600, marginBottom: 16, fontFamily: "'IBM Plex Mono', monospace" }}>FOR BRANDS</div>
            <h1 style={{
              fontSize: 38, fontWeight: 300, color: TEXT1, lineHeight: 1.15,
              margin: "0 0 14px", fontFamily: "'Fraunces', Georgia, serif", letterSpacing: -1.5,
            }}>
              Come to us, or we come to you<span style={{ color: RED }}>.</span><br />
              <span style={{ fontStyle: "italic", fontWeight: 200 }}>One costs less.</span>
            </h1>
            <p style={{ color: TEXT2, fontSize: 15, lineHeight: 1.7, maxWidth: 500, margin: "0 auto", fontWeight: 400 }}>
              We're testing every adaptogenic beverage on the market. Brands that come in
              voluntarily pay less and look better. Brands we find pay double and carry their history.
            </p>
          </div>

          {/* Stamp — silver/ink on light */}
          <div style={{ display: "flex", justifyContent: "center", marginBottom: 44 }}>
            <svg viewBox="0 0 200 200" width={160} height={160}>
              <circle cx="100" cy="100" r="98" fill="none" stroke={BORDER2} strokeWidth="1.5" />
              <circle cx="100" cy="100" r="92" fill="none" stroke={BORDER} strokeWidth="0.5" />
              <defs><path id="cptxt" d="M 100,100 m -78,0 a 78,78 0 1,1 156,0 a 78,78 0 1,1 -156,0" /></defs>
              <text fill={TEXT4} fontSize="8.5" fontFamily="'IBM Plex Mono', monospace" letterSpacing="2.5" fontWeight="500">
                <textPath href="#cptxt">ALLEGEDLY INSPECTED · ALLEGEDLY INSPECTED · </textPath>
              </text>
              <circle cx="100" cy="100" r="52" fill="none" stroke={TEXT3} strokeWidth="1" />
              <circle cx="100" cy="100" r="48" fill="none" stroke={BORDER2} strokeWidth="0.5" />
              <text x="100" y="90" textAnchor="middle" fill={TEXT1} fontSize="10" fontFamily="'IBM Plex Mono', monospace" letterSpacing="3.5" fontWeight="700">ALLEGEDLY</text>
              <line x1="72" y1="96" x2="128" y2="96" stroke={RED} strokeWidth="1" />
              <text x="100" y="112" textAnchor="middle" fill={RED} fontSize="11" fontFamily="'IBM Plex Mono', monospace" letterSpacing="2.5" fontWeight="700">INSPECTED</text>
              <text x="100" y="126" textAnchor="middle" fill={TEXT4} fontSize="6" fontFamily="'IBM Plex Mono', monospace" letterSpacing="1.5">ISO 17025 · 5-PANEL</text>
            </svg>
          </div>

          {/* Two-track pricing */}
          <div style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: 12, marginBottom: 32 }}>
            <div style={{ background: SURFACE, borderRadius: 6, overflow: "hidden", border: `1px solid ${BORDER}` }}>
              <div style={{ padding: "14px 20px", borderBottom: `1px solid ${BORDER}`, background: PASS_BG }}>
                <div style={{ fontSize: 11, letterSpacing: 2, color: GREEN, fontWeight: 600, fontFamily: "'IBM Plex Mono', monospace" }}>VOLUNTARY TRACK</div>
                <div style={{ fontSize: 17, fontWeight: 300, color: TEXT1, fontFamily: "'Fraunces', serif", marginTop: 4 }}>You come to us</div>
              </div>
              <div style={{ padding: "16px 20px" }}>
                <div style={{ fontSize: 14, color: TEXT2, lineHeight: 1.6, marginBottom: 14, fontWeight: 400 }}>
                  Page shows <span style={{ color: GREEN, fontWeight: 500 }}>"Voluntarily Inspected"</span>
                </div>
                {[
                  { name: "Single SKU", price: "$2,500" },
                  { name: "Portfolio (3–10)", price: "$1,800/SKU" },
                  { name: "Annual Cert", price: "$1,500/SKU/yr" },
                ].map((t, i) => (
                  <div key={i} style={{
                    display: "flex", justifyContent: "space-between", padding: "10px 14px",
                    background: SURFACE2, borderRadius: 3, marginBottom: 5,
                    borderLeft: `2px solid ${GREEN}`, alignItems: "center",
                  }}>
                    <span style={{ fontSize: 13, color: TEXT1, fontFamily: "'IBM Plex Mono', monospace", fontWeight: 600 }}>{t.name}</span>
                    <span style={{ fontSize: 16, color: GREEN, fontFamily: "'IBM Plex Mono', monospace", fontWeight: 700 }}>{t.price}</span>
                  </div>
                ))}
              </div>
            </div>
            <div style={{ background: SURFACE, borderRadius: 6, overflow: "hidden", border: `1px solid ${BORDER}` }}>
              <div style={{ padding: "14px 20px", borderBottom: `1px solid ${BORDER}`, background: FAIL_BG }}>
                <div style={{ fontSize: 11, letterSpacing: 2, color: RED, fontWeight: 600, fontFamily: "'IBM Plex Mono', monospace" }}>INVOLUNTARY TRACK</div>
                <div style={{ fontSize: 17, fontWeight: 300, color: TEXT1, fontFamily: "'Fraunces', serif", marginTop: 4 }}>We came to you</div>
              </div>
              <div style={{ padding: "16px 20px" }}>
                <div style={{ fontSize: 14, color: TEXT2, lineHeight: 1.6, marginBottom: 14, fontWeight: 400 }}>
                  Page shows <span style={{ color: RED, fontWeight: 500 }}>original + re-test</span>
                </div>
                {[
                  { name: "Single SKU", price: "$5,000" },
                  { name: "Portfolio (3–10)", price: "$3,800/SKU" },
                  { name: "Annual Cert", price: "$3,200/SKU/yr" },
                ].map((t, i) => (
                  <div key={i} style={{
                    display: "flex", justifyContent: "space-between", padding: "10px 14px",
                    background: SURFACE2, borderRadius: 3, marginBottom: 5,
                    borderLeft: `2px solid ${RED}`, alignItems: "center",
                  }}>
                    <span style={{ fontSize: 13, color: TEXT1, fontFamily: "'IBM Plex Mono', monospace", fontWeight: 600 }}>{t.name}</span>
                    <span style={{ fontSize: 16, color: RED, fontFamily: "'IBM Plex Mono', monospace", fontWeight: 700 }}>{t.price}</span>
                  </div>
                ))}
              </div>
            </div>
          </div>

          {/* Courtesy notice */}
          <div style={{
            background: SURFACE, borderRadius: 6, padding: 24,
            border: `1px solid ${BORDER}`, marginBottom: 32,
          }}>
            <div style={{ fontSize: 11, letterSpacing: 2, color: TEXT4, fontWeight: 600, marginBottom: 10, fontFamily: "'IBM Plex Mono', monospace" }}>THE COURTESY NOTICE</div>
            <div style={{ fontSize: 18, fontWeight: 300, color: TEXT1, marginBottom: 10, fontFamily: "'Fraunces', serif" }}>
              Every brand gets a two-week window<span style={{ color: RED }}>.</span>
            </div>
            <div style={{ fontSize: 13, color: TEXT2, lineHeight: 1.7, fontWeight: 400 }}>
              Before editorial testing, we send a standard notification. Brands that respond
              within 14 days enter the voluntary track at the lower rate.
              Brands that don't respond get tested on schedule. This is a courtesy, not a request for permission.
            </div>
          </div>

          {/* CTA */}
          <div style={{ textAlign: "center", padding: 28, borderRadius: 6, border: `1px dashed ${BORDER2}` }}>
            <div style={{ fontSize: 22, fontWeight: 300, color: TEXT1, fontFamily: "'Fraunces', serif", marginBottom: 10 }}>
              If your product is clean, the data will say so<span style={{ color: RED }}>.</span>
            </div>
            <div style={{ color: TEXT2, fontSize: 13, marginBottom: 20, fontWeight: 400 }}>
              If it's not, we'll find out. Better to know first — and pay less.
            </div>
            <button style={{
              background: TEXT1, color: BG, border: "none",
              padding: "13px 26px", fontSize: 13, fontWeight: 600,
              letterSpacing: 1.5, borderRadius: 3, cursor: "pointer",
              fontFamily: "'IBM Plex Mono', monospace",
            }}>APPLY VOLUNTARILY</button>
          </div>
        </div>
      )}

      {/* ── FOOTER ── */}
      <div style={{
        maxWidth: 960, margin: "44px auto 0", padding: "18px 40px 28px",
        borderTop: `1px solid ${BORDER}`, textAlign: "center",
      }}>
        <div style={{ color: TEXT4, fontSize: 12, fontFamily: "'IBM Plex Mono', monospace", letterSpacing: 0.8 }}>
          passedthetest.com · The Accountability Database · Calgary, Alberta
        </div>
        <div style={{ color: BORDER2, fontSize: 11, fontFamily: "'IBM Plex Mono', monospace", marginTop: 5, letterSpacing: 0.8 }}>
          Independent · Unsponsored · Whatever the data says
        </div>
      </div>
    </div>
  );
}

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