/* kit/fa.css without the page shell, for audience pages inside the foodagri.ai header and footer */
/* FoodAgri.AI site kit. Live-site palette: brand green,F-blue,CTA gold; dark ground from the brand visuals.
   Layout concept: one decision per band; each band names a buyer,an outcome and the next step. */
/* self-hosted brand fonts (same files as the live site kit) */
@font-face{font-family:'Big Shoulders Display';font-weight:700;font-display:swap;src:url(../fonts/big-shoulders-display-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Big Shoulders Display';font-weight:800;font-display:swap;src:url(../fonts/big-shoulders-display-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Big Shoulders Display';font-weight:900;font-display:swap;src:url(../fonts/big-shoulders-display-latin-900-normal.woff2) format('woff2')}
@font-face{font-family:'Public Sans';font-weight:400;font-display:swap;src:url(../fonts/public-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Public Sans';font-weight:600;font-display:swap;src:url(../fonts/public-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Public Sans';font-weight:700;font-display:swap;src:url(../fonts/public-sans-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2')}
:root{
  --bg:#fbfcf8; --surface:#ffffff; --sunk:#eef4ec; --fg:#14231a; --muted:#4d5d52; --line:#d9e2d6; --edge:#7d8f83;
  --brand:#2f7d3a; --brand-ink:#ffffff; --blue:#1f6fd1; --gold:#f6cf5a; --gold-ink:#14231a; --gold-deep:#8a5d12; --ai:#a2620c;
  --ground:#0b2f33; --ground-fg:#eef5ef; --ground-muted:#b9cdc6; --focus:#1f6fd1;
  --display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;
  --body:"Public Sans","Segoe UI",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --max:1180px; --r:14px;
}
/* Founder rule 1 (SOP-WEBSITE-FOUNDER-RULES-001): light is the default; dark only when the visitor picks it. */
:root[data-theme="dark"]{
  --bg:#0a1d20; --surface:#10292d; --sunk:#0d2427; --fg:#e8f1ec; --muted:#a9bdb5; --line:#24444a; --edge:#5f868c;
  --brand:#6fbf7b; --brand-ink:#0a1d20; --blue:#7fb3f5; --gold:#f6cf5a; --gold-ink:#14231a; --gold-deep:#f2c75a; --ai:#f2b04a;
  --ground:#0f3337; --ground-fg:#eef5ef; --ground-muted:#a9bdb5; --focus:#7fb3f5; color-scheme:dark}
*{box-sizing:border-box}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
p{margin:0;max-width:65ch}
.wrap{max-width:var(--max);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.band{padding-block:clamp(56px,8vw,96px)}
.band.sunk{background:var(--sunk)}
.band.ground{background:var(--ground);color:var(--ground-fg)}
.band.ground .muted{color:var(--ground-muted)}
.stack{display:grid;gap:18px}
.muted{color:var(--muted)}
.eyebrow{font:500 13px/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep)}
.band.ground .eyebrow{color:var(--gold)}
/* header */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg);font:800 24px/1 var(--display);letter-spacing:.01em}
.brand img{width:40px;height:40px}
.brand .dot{color:var(--muted)}
.brand .ai{color:var(--ai)}
.nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}
.nav a{color:var(--fg);text-decoration:none;padding:8px 10px;border-radius:8px;font-weight:600;font-size:15px}
.nav a:hover,.nav a[aria-current="page"]{background:var(--sunk)}
@media (max-width:860px){.nav{display:none}}
@media (max-width:400px){.brand{font-size:21px}
.brand img{width:34px;height:34px}}
/* buttons */
.btn{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:13px 20px;font:700 16px/1 var(--body);text-decoration:none;border:2px solid transparent;cursor:pointer}
.btn.cta{background:var(--gold);color:var(--gold-ink)}
.btn.cta:hover{filter:brightness(.95)}
.btn.ghost{border-color:currentColor;color:inherit;background:transparent}
.btns{display:flex;flex-wrap:wrap;gap:12px}
/* video block: poster first,animation only when visible and allowed */
.fa-video{position:relative;margin:0;border-radius:var(--r);overflow:hidden;background:#0b2f33;aspect-ratio:16/9;max-width:100%;border:1px solid var(--line)}
.fa-video>img,.fa-video>svg,.fa-video>video{position:absolute;inset:0;width:100%;height:100%;max-width:none;display:block;object-fit:cover}
.fa-video>svg{opacity:0;transition:opacity .35s}
.fa-video.live>svg{opacity:1}
.fa-video .fa-vc{position:absolute;right:10px;bottom:10px;z-index:2;border:0;border-radius:999px;padding:7px 12px;background:rgba(6,23,26,.78);color:#fff;font:500 12px var(--mono);cursor:pointer}
.fa-video{container-type:inline-size}
@container (max-width:560px){.fa-tag{display:none}}
.fa-video .fa-tag{position:absolute;left:10px;bottom:10px;z-index:2;border-radius:6px;padding:3px 8px;background:rgba(6,23,26,.78);color:#f6cf5a;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.vcap{font-size:14px;color:var(--muted);margin-top:8px}
/* cards and grids */
.grid{display:grid;gap:18px}
.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:grid;gap:12px;align-content:start;min-width:0}
.band.ground .card{background:#10292d;border-color:#24444a;color:var(--ground-fg)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:500 12px var(--mono);border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:var(--muted)}
.tablewrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.note{font-size:14px;color:var(--muted)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Founder rule 5: every box edge is at least 3:1 against what is behind it,in both themes */
.card,.fa-video,.path,.rec,.opts label,.tools a,.kpi,.find,.wave{border-color:var(--edge)!important}
.band.ground .card{border-color:#6f979c!important}
/* theme toggle icon: moon in light{display:inline-flex;align-items:center;gap:6px}
/* 2026-10-29: no sideways scroll at 360 px */
.btn{max-width:100%;white-space:normal}
svg{max-width:100%}