/* Veos Agriculture Platform — Stylesheet */
/* Shares design system with BioPropello page */

* { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --brand-earth:      #4a3520;
  --brand-earth-deep: #2e2010;
  --brand-leaf:       #2e8b57;
  --brand-leaf-deep:  #1f6840;
  --accent-amber:     #c2872e;
  --accent-amber-deep:#9a6a1a;
  --accent-olive:     #6a7c2e;
  --accent-clay:      #b0562e;
  --ink:              #1f1a14;
  --ink-soft:         #3e3525;
  --ink-mute:         #6a5e48;
  --ink-faint:        #9a8e75;
  --bg:               #ffffff;
  --bg-soft:          #faf8f3;
  --bg-tint:          #f4f0e6;
  --bg-warm:          #f8f5ec;
  --border:           #e8e3d4;
  --border-soft:      #f2eee0;
}

body {
  font-family: "Inter Tight", "Helvetica Neue", Arial, sans-serif;
  color: var(--ink);
  background: var(--bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

.ag-page { position: relative; overflow: hidden; }

/* BREADCRUMB */
.ag-crumb { position: relative; z-index: 2; max-width: 1240px; margin: 0 auto; padding: 50px 24px 0; }
.ag-crumb-inner {
  display: flex; align-items: center; gap: 14px;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 11px; letter-spacing: 0.12em;
  color: var(--ink-mute); text-transform: uppercase;
}
.ag-crumb-inner a { color: var(--brand-leaf-deep); text-decoration: none; transition: color 0.2s ease; }
.ag-crumb-inner a:hover { color: var(--brand-leaf); text-decoration: underline; }
.ag-crumb-inner .sep { color: var(--ink-faint); }
.ag-crumb-inner .here { color: var(--ink); }

/* HERO */
.ag-hero {
  position: relative; margin-top: 30px;
  background: linear-gradient(135deg, var(--brand-earth) 0%, var(--brand-earth-deep) 55%, #1a1208 100%);
  color: #ffffff; padding: 80px 24px 90px; overflow: hidden;
}
.ag-hero::before {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 15% 20%, rgba(255,255,255,0.06), transparent 50%),
              radial-gradient(ellipse at 85% 80%, rgba(106, 124, 46, 0.18), transparent 55%);
  pointer-events: none;
}
.ag-hero-inner { max-width: 1240px; margin: 0 auto; position: relative; z-index: 2; }
.ag-hero-eyebrow {
  display: inline-block; font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
  color: rgba(255,255,255,0.75); margin-bottom: 22px;
  padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.25);
}
.ag-hero h1 {
  font-family: "Fraunces", "Playfair Display", Georgia, serif;
  font-size: clamp(44px, 7vw, 86px); font-weight: 700;
  letter-spacing: -0.025em; line-height: 0.98; margin-bottom: 22px;
}
.ag-hero h1 em {
  font-style: italic; font-weight: 400; color: #d4b87a;
  display: block; font-size: 0.55em; letter-spacing: -0.01em; margin-top: 14px;
  font-family: "Fraunces", "Playfair Display", Georgia, serif;
}
.ag-hero-lead {
  max-width: 780px; font-size: 19px; line-height: 1.65;
  color: rgba(255,255,255,0.9); margin-bottom: 24px;
}
.ag-hero-lead strong { color: #ffffff; font-weight: 600; }
.ag-hero-proof {
  max-width: 800px; font-size: 15px; line-height: 1.7;
  color: rgba(212, 184, 122, 0.95);
  padding-top: 24px; margin-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.15);
}
.ag-hero-proof b { color: #ffffff; font-weight: 700; }
.ag-hero-badges {
  display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px;
}
.ag-hero-badge {
  padding: 6px 14px; background: rgba(212,184,122,0.15);
  border: 1px solid rgba(212,184,122,0.35);
  border-radius: 100px;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
  color: #d4b87a;
}

/* HERO STAT STRIP */
.ag-hero-stats {
  background: linear-gradient(180deg, #1a1208 0%, #0f0a04 100%);
  color: #fff; padding: 44px 24px;
  border-top: 1px solid rgba(212,184,122,0.15);
}
.ag-hero-stats-inner {
  max-width: 1240px; margin: 0 auto;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
}
.ag-hstat { padding: 8px 20px; border-left: 2px solid rgba(212,184,122,0.35); }
.ag-hstat-label {
  font-family: "JetBrains Mono", monospace;
  font-size: 9px; letter-spacing: 0.18em; text-transform: uppercase;
  color: rgba(212,184,122,0.85); margin-bottom: 12px;
}
.ag-hstat-value {
  font-family: "Fraunces", Georgia, serif;
  font-size: 46px; font-weight: 600; line-height: 1;
  color: #fff; margin-bottom: 10px; letter-spacing: -0.02em;
}
.ag-hstat-desc { font-size: 13px; line-height: 1.4; color: rgba(255,255,255,0.72); }
.ag-hstat-sub {
  display: block; font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.06em;
  color: rgba(212,184,122,0.75); margin-top: 6px; font-style: italic;
}

/* SECTION */
.ag-section { max-width: 1240px; margin: 0 auto; padding: 100px 24px; position: relative; z-index: 2; }
.ag-section-tinted { background: var(--bg-soft); padding: 100px 24px; }
.ag-section-tinted-inner { max-width: 1240px; margin: 0 auto; }
.ag-section-warm { background: var(--bg-warm); padding: 100px 24px; }
.ag-section-warm-inner { max-width: 1240px; margin: 0 auto; }
.ag-section-num {
  font-family: "JetBrains Mono", monospace;
  font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--brand-leaf-deep); margin-bottom: 18px;
  display: flex; align-items: center; gap: 12px;
}
.ag-section-num::before { content: ""; width: 32px; height: 1px; background: var(--brand-leaf-deep); }
.ag-h2 {
  font-family: "Fraunces", "Playfair Display", Georgia, serif;
  font-size: clamp(32px, 4.5vw, 52px);
  font-weight: 600; line-height: 1.05; letter-spacing: -0.02em;
  color: var(--ink); max-width: 900px; margin-bottom: 32px;
}
.ag-h2 em { font-style: italic; font-weight: 400; color: var(--brand-leaf-deep); }
.ag-h3 {
  font-family: "Fraunces", Georgia, serif;
  font-size: 26px; font-weight: 600; line-height: 1.2;
  color: var(--ink); margin-bottom: 14px;
}
.ag-p { font-size: 17px; line-height: 1.7; color: var(--ink-soft); max-width: 820px; }
.ag-p + .ag-p { margin-top: 16px; }
.ag-p strong { color: var(--ink); font-weight: 600; }
.ag-p em { font-style: italic; }
.ag-p-wide { max-width: 900px; }

/* PROBLEM STATS */
.ag-problem-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 48px; }
.ag-problem-stat {
  padding: 36px 30px; background: var(--bg-warm);
  border: 1px solid var(--border-soft);
  border-left: 4px solid var(--accent-clay);
  border-radius: 3px;
}
.ag-problem-num {
  font-family: "Fraunces", Georgia, serif;
  font-size: 58px; font-weight: 700; line-height: 1;
  color: var(--accent-clay); margin-bottom: 12px; letter-spacing: -0.02em;
}
.ag-problem-cat {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--ink-mute); margin-bottom: 10px;
}
.ag-problem-desc { font-size: 14px; line-height: 1.55; color: var(--ink-soft); }
.ag-problem-desc strong { color: var(--ink); font-weight: 700; }

/* CALLOUT */
.ag-callout {
  margin-top: 56px; padding: 40px 44px;
  background: linear-gradient(135deg, var(--bg-tint) 0%, var(--bg-warm) 100%);
  border-left: 5px solid var(--brand-leaf-deep);
  border-radius: 3px;
}
.ag-callout p {
  font-family: "Fraunces", Georgia, serif;
  font-size: 21px; line-height: 1.5;
  color: var(--ink); max-width: none; font-weight: 500;
}
.ag-callout p strong { color: var(--brand-leaf-deep); font-weight: 700; }

/* TRACK GRID (the two-track story) */
.ag-tracks {
  display: grid; grid-template-columns: 1fr 1fr; gap: 36px;
  margin-top: 48px;
}
.ag-track {
  padding: 44px 40px; background: #fff;
  border: 1px solid var(--border); border-radius: 4px;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ag-track:hover { transform: translateY(-3px); box-shadow: 0 20px 40px rgba(46,32,16,0.08); }
.ag-track.ag-track-primary { border-top: 5px solid var(--brand-leaf-deep); }
.ag-track.ag-track-secondary { border-top: 5px solid var(--accent-amber); }
.ag-track-tag {
  display: inline-block; margin-bottom: 20px;
  padding: 5px 14px; border-radius: 100px;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
  background: rgba(46,139,87,0.1); color: var(--brand-leaf-deep);
  font-weight: 700;
}
.ag-track-secondary .ag-track-tag { background: rgba(194,135,46,0.1); color: var(--accent-amber-deep); }
.ag-track h3 {
  font-family: "Fraunces", Georgia, serif;
  font-size: 30px; font-weight: 600; line-height: 1.15;
  color: var(--ink); margin-bottom: 14px;
}
.ag-track-sub {
  font-family: "Fraunces", Georgia, serif;
  font-size: 18px; font-style: italic;
  color: var(--brand-leaf-deep); margin-bottom: 22px;
  padding-bottom: 22px; border-bottom: 1px dashed var(--border);
}
.ag-track-secondary .ag-track-sub { color: var(--accent-amber-deep); }
.ag-track p {
  font-size: 15px; line-height: 1.7; color: var(--ink-soft);
  margin-bottom: 14px;
}
.ag-track p strong { color: var(--ink); font-weight: 700; }
.ag-track-stats {
  display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
  margin-top: 24px; padding-top: 24px;
  border-top: 1px dashed var(--border);
}
.ag-track-stat-val {
  font-family: "Fraunces", Georgia, serif;
  font-size: 26px; font-weight: 700; line-height: 1;
  color: var(--brand-leaf-deep); margin-bottom: 6px;
  letter-spacing: -0.02em;
}
.ag-track-secondary .ag-track-stat-val { color: var(--accent-amber-deep); }
.ag-track-stat-label { font-size: 12px; line-height: 1.4; color: var(--ink-mute); }
.ag-track-cta {
  display: inline-block; margin-top: 26px;
  padding: 12px 24px;
  background: var(--brand-leaf-deep); color: #fff;
  border-radius: 3px; text-decoration: none;
  font-family: "Inter Tight", sans-serif;
  font-size: 13px; font-weight: 700;
  letter-spacing: 0.04em; text-transform: uppercase;
  transition: transform 0.2s ease, background 0.2s ease;
}
.ag-track-cta:hover { transform: translateY(-2px); background: #164e2f; }
.ag-track-secondary .ag-track-cta { background: var(--accent-amber-deep); }
.ag-track-secondary .ag-track-cta:hover { background: #7f5615; }

/* PROPELLO GENESIS CROPS */
.ag-genesis-crops {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
  margin-top: 48px;
}
.ag-genesis-crop {
  padding: 40px 32px; background: #fff;
  border: 1px solid var(--border); border-radius: 4px;
  border-top: 4px solid var(--accent-amber);
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ag-genesis-crop:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(46,32,16,0.1); }
.ag-genesis-emoji {
  font-size: 44px; line-height: 1; margin-bottom: 20px;
}
.ag-genesis-name {
  font-family: "Fraunces", Georgia, serif;
  font-size: 24px; font-weight: 700;
  color: var(--ink); margin-bottom: 8px;
  letter-spacing: -0.01em;
}
.ag-genesis-scientific {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.06em;
  color: var(--ink-mute); font-style: italic;
  margin-bottom: 20px;
  padding-bottom: 16px; border-bottom: 1px dashed var(--border);
}
.ag-genesis-desc {
  font-size: 14px; line-height: 1.6;
  color: var(--ink-soft); margin-bottom: 20px;
}
.ag-genesis-desc strong { color: var(--ink); font-weight: 700; }
.ag-genesis-target {
  padding: 14px 18px;
  background: var(--bg-warm);
  border-left: 3px solid var(--accent-amber);
  border-radius: 2px;
  font-size: 13px; line-height: 1.55;
  color: var(--ink-soft);
}
.ag-genesis-target strong { color: var(--ink); }
.ag-genesis-target-label {
  font-family: "JetBrains Mono", monospace;
  font-size: 9px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--accent-amber-deep); margin-bottom: 6px;
  font-weight: 700;
}

/* PROGRAMS LIST */
.ag-programs {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
  margin-top: 48px;
}
.ag-program {
  padding: 32px 28px; background: #fff;
  border: 1px solid var(--border); border-radius: 4px;
}
.ag-program-header {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 16px; border-bottom: 1px dashed var(--border);
}
.ag-program-name {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--brand-leaf-deep); font-weight: 700;
}
.ag-program-badge {
  padding: 3px 10px; border-radius: 100px;
  font-family: "JetBrains Mono", monospace;
  font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase;
  background: rgba(46,139,87,0.1); color: var(--brand-leaf-deep);
  font-weight: 700;
}
.ag-program-badge.ag-badge-live {
  background: rgba(176,86,46,0.12); color: var(--accent-clay);
}
.ag-program-badge.ag-badge-live::before {
  content: "\2022"; margin-right: 4px; animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
.ag-program h4 {
  font-family: "Fraunces", Georgia, serif;
  font-size: 20px; font-weight: 600; line-height: 1.25;
  color: var(--ink); margin-bottom: 12px;
}
.ag-program-meta {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.04em;
  color: var(--ink-mute); margin-bottom: 16px;
}
.ag-program p {
  font-size: 14px; line-height: 1.65;
  color: var(--ink-soft);
}
.ag-program p strong { color: var(--ink); font-weight: 700; }

/* PARTNERS */
.ag-partners {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
  margin-top: 48px;
}
.ag-partner {
  padding: 30px 26px; background: #fff;
  border: 1px solid var(--border); border-radius: 4px;
}
.ag-partner-flag { font-size: 32px; line-height: 1; margin-bottom: 14px; }
.ag-partner-country {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--brand-leaf-deep); margin-bottom: 8px;
}
.ag-partner h4 {
  font-family: "Fraunces", Georgia, serif;
  font-size: 18px; font-weight: 600; line-height: 1.25;
  color: var(--ink); margin-bottom: 14px;
}
.ag-partner-detail {
  font-size: 13px; line-height: 1.55;
  color: var(--ink-soft);
  padding-top: 14px; border-top: 1px dashed var(--border);
}
.ag-partner-detail strong { color: var(--ink); font-weight: 700; }

/* ROADMAP */
.ag-roadmap {
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px;
  margin-top: 48px;
}
.ag-phase {
  padding: 36px 30px; background: #fff;
  border: 1px solid var(--border); border-radius: 4px;
  position: relative;
}
.ag-phase-tag {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--brand-leaf-deep); margin-bottom: 8px;
}
.ag-phase-horizon {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.08em;
  color: var(--ink-mute); margin-bottom: 20px;
  padding-bottom: 20px; border-bottom: 1px dashed var(--border);
}
.ag-phase h4 {
  font-family: "Fraunces", Georgia, serif;
  font-size: 22px; font-weight: 600; line-height: 1.25;
  color: var(--ink); margin-bottom: 14px;
}
.ag-phase p {
  font-size: 14px; line-height: 1.65;
  color: var(--ink-soft);
}
.ag-phase p strong { color: var(--ink); font-weight: 700; }

/* CROSS-PLATFORM NAV */
.ag-crossnav {
  background: var(--brand-earth);
  color: #fff; padding: 100px 24px;
}
.ag-crossnav-inner { max-width: 1240px; margin: 0 auto; }
.ag-crossnav h2 {
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 600; line-height: 1.1;
  color: #fff; margin-bottom: 40px;
  max-width: 720px; letter-spacing: -0.02em;
}
.ag-crossnav h2 em { font-style: italic; color: #d4b87a; }
.ag-crossnav-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 30px;
}
.ag-crossnav-card {
  padding: 40px 36px;
  background: linear-gradient(160deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);
  border: 1px solid rgba(212,184,122,0.2);
  border-radius: 3px;
  transition: transform 0.3s ease, background 0.3s ease;
}
.ag-crossnav-card:hover {
  transform: translateY(-3px);
  background: linear-gradient(160deg, rgba(212,184,122,0.1) 0%, rgba(255,255,255,0.04) 100%);
}
.ag-crossnav-tag {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;
  color: #d4b87a; margin-bottom: 14px;
}
.ag-crossnav-card h3 {
  font-family: "Fraunces", Georgia, serif;
  font-size: 26px; font-weight: 600; line-height: 1.2;
  color: #fff; margin-bottom: 14px;
}
.ag-crossnav-card p {
  font-size: 14px; line-height: 1.65;
  color: rgba(255,255,255,0.82); margin-bottom: 20px;
}
.ag-crossnav-link {
  display: inline-block;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
  color: #d4b87a; text-decoration: none;
  padding: 8px 0;
  border-bottom: 1px solid #d4b87a;
  transition: color 0.2s ease;
}
.ag-crossnav-link:hover { color: #e5c987; }

/* CTA */
.ag-cta {
  background: linear-gradient(135deg, var(--brand-leaf-deep) 0%, #164e2f 100%);
  color: #fff; padding: 100px 24px; text-align: center;
}
.ag-cta-inner { max-width: 900px; margin: 0 auto; }
.ag-cta-eyebrow {
  display: inline-block;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
  color: rgba(255,255,255,0.75); margin-bottom: 22px;
  padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.25);
}
.ag-cta h2 {
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(34px, 5vw, 54px);
  font-weight: 600; line-height: 1.1;
  color: #fff; margin-bottom: 24px; letter-spacing: -0.02em;
}
.ag-cta h2 em { font-style: italic; color: #d4b87a; }
.ag-cta p {
  font-size: 18px; line-height: 1.6;
  color: rgba(255,255,255,0.9);
  max-width: 720px; margin: 0 auto 40px;
}
.ag-cta-btns { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }
.ag-cta-btn {
  display: inline-block; padding: 18px 40px;
  background: #d4b87a; color: var(--brand-earth-deep);
  border: none; border-radius: 3px;
  font-family: "Inter Tight", sans-serif;
  font-size: 14px; font-weight: 700;
  letter-spacing: 0.02em; text-transform: uppercase;
  text-decoration: none;
  transition: transform 0.2s ease, background 0.2s ease;
}
.ag-cta-btn:hover { transform: translateY(-2px); background: #e5c987; }
.ag-cta-btn.ag-cta-secondary {
  background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.4);
}
.ag-cta-btn.ag-cta-secondary:hover { background: rgba(255,255,255,0.1); border-color: #fff; }

/* DISCLAIMER */
.ag-disclaimer {
  background: var(--brand-earth-deep); color: rgba(255,255,255,0.6);
  padding: 40px 24px;
}
.ag-disclaimer-inner {
  max-width: 1240px; margin: 0 auto;
  font-size: 12px; line-height: 1.7; font-style: italic;
}
.ag-disclaimer-inner strong { color: rgba(255,255,255,0.85); font-weight: 600; }

/* RESPONSIVE */
@media (max-width: 900px) {
  .ag-hero-stats-inner { grid-template-columns: repeat(2, 1fr); }
  .ag-problem-stats { grid-template-columns: 1fr; }
  .ag-tracks { grid-template-columns: 1fr; }
  .ag-genesis-crops { grid-template-columns: 1fr; }
  .ag-programs { grid-template-columns: 1fr; }
  .ag-partners { grid-template-columns: 1fr 1fr; }
  .ag-roadmap { grid-template-columns: 1fr; }
  .ag-crossnav-grid { grid-template-columns: 1fr; }
}

/* ============================================
   V2 ADDITIONS
   ============================================ */

/* MECHANISM ARROW - 5-node vertical flow */
.ag-mech-flow {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  max-width: 480px;
  margin: 40px auto 60px;
}
.ag-mech-node {
  padding: 22px 28px;
  background: #fff;
  border: 1px solid var(--border);
  border-left: 4px solid var(--brand-leaf-deep);
  border-radius: 3px;
  position: relative;
  z-index: 2;
  text-align: center;
}
.ag-mech-node.ag-mech-node-hero {
  border-left-color: var(--accent-amber);
  background: linear-gradient(180deg, #fff 0%, var(--bg-tint) 100%);
}
.ag-mech-node-num {
  font-family: "JetBrains Mono", monospace;
  font-size: 9px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--brand-leaf-deep); margin-bottom: 6px; font-weight: 700;
}
.ag-mech-node.ag-mech-node-hero .ag-mech-node-num { color: var(--accent-amber-deep); }
.ag-mech-node-title {
  font-family: "Fraunces", Georgia, serif;
  font-size: 18px; font-weight: 600;
  color: var(--ink); line-height: 1.25;
  margin-bottom: 4px;
}
.ag-mech-node-detail {
  font-size: 12px; color: var(--ink-mute);
  font-family: "JetBrains Mono", monospace; letter-spacing: 0.03em;
}
.ag-mech-arrow {
  display: flex; justify-content: center; align-items: center;
  padding: 6px 0;
  font-size: 22px; color: var(--brand-leaf-deep);
  font-family: "Fraunces", Georgia, serif;
  line-height: 1;
}
.ag-mech-outcome {
  padding: 28px 32px;
  background: linear-gradient(135deg, var(--brand-earth) 0%, var(--brand-earth-deep) 100%);
  color: #fff;
  border-radius: 3px;
  text-align: center;
}
.ag-mech-outcome-label {
  font-family: "JetBrains Mono", monospace;
  font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase;
  color: #d4b87a; margin-bottom: 8px; font-weight: 700;
}
.ag-mech-outcome-title {
  font-family: "Fraunces", Georgia, serif;
  font-size: 22px; font-weight: 600;
  color: #fff; font-style: italic;
}

/* HERO EVIDENCE CARDS - 3 large cards */
.ag-evidence-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;
  margin-top: 48px;
}
.ag-evidence-card {
  padding: 40px 32px;
  background: #fff;
  border: 1px solid var(--border);
  border-top: 4px solid var(--brand-leaf-deep);
  border-radius: 4px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ag-evidence-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(46,32,16,0.08);
}
.ag-evidence-emoji {
  font-size: 48px; line-height: 1; margin-bottom: 18px;
}
.ag-evidence-crop {
  font-family: "Fraunces", Georgia, serif;
  font-size: 24px; font-weight: 700;
  color: var(--ink); margin-bottom: 8px;
  letter-spacing: -0.01em;
}
.ag-evidence-loc {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--ink-mute); margin-bottom: 24px;
  padding-bottom: 20px; border-bottom: 1px dashed var(--border);
}
.ag-evidence-stat {
  margin-bottom: 16px;
  text-align: left;
  display: flex; align-items: baseline; gap: 14px;
}
.ag-evidence-stat:last-of-type { margin-bottom: 0; }
.ag-evidence-stat-val {
  font-family: "Fraunces", Georgia, serif;
  font-size: 28px; font-weight: 700; line-height: 1;
  color: var(--brand-leaf-deep);
  letter-spacing: -0.02em;
  min-width: 90px;
}
.ag-evidence-stat-label {
  font-size: 13px; line-height: 1.4;
  color: var(--ink-soft);
  flex: 1;
}
.ag-evidence-cta {
  margin-top: 26px; padding-top: 22px;
  border-top: 1px dashed var(--border);
  text-align: center;
}
.ag-evidence-cta a {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--brand-leaf-deep); text-decoration: none;
  font-weight: 700;
}
.ag-evidence-cta a:hover { color: var(--brand-leaf); }

/* ECONOMIC IMPACT — Why growers adopt */
.ag-roi-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
  margin-top: 48px;
}
.ag-roi-item {
  padding: 24px 22px;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 3px;
  display: flex; align-items: flex-start; gap: 14px;
}
.ag-roi-icon {
  font-family: "Fraunces", Georgia, serif;
  font-size: 22px; font-weight: 700;
  color: var(--brand-leaf-deep);
  min-width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(46,139,87,0.08);
  border-radius: 50%;
  line-height: 1;
}
.ag-roi-content h4 {
  font-family: "Fraunces", Georgia, serif;
  font-size: 16px; font-weight: 600;
  color: var(--ink); margin-bottom: 6px;
  line-height: 1.3;
}
.ag-roi-content p {
  font-size: 13px; line-height: 1.55;
  color: var(--ink-soft);
}
.ag-roi-content p em {
  font-size: 11px; color: var(--ink-mute);
  font-style: italic;
  display: block; margin-top: 4px;
}

/* COMPETITIVE MATRIX */
.ag-compete-wrap {
  margin-top: 48px;
  overflow-x: auto;
  border: 1px solid var(--border); border-radius: 4px;
  background: #fff;
}
.ag-compete-table {
  width: 100%; min-width: 700px;
  border-collapse: collapse; font-size: 14px;
}
.ag-compete-table th, .ag-compete-table td {
  padding: 16px 18px;
  text-align: left; vertical-align: middle;
  border-bottom: 1px solid var(--border-soft);
}
.ag-compete-table thead th {
  background: var(--brand-earth); color: #fff;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
  font-weight: 600;
}
.ag-compete-table thead th.ag-hi {
  background: var(--brand-leaf-deep);
}
.ag-compete-table tbody td:first-child {
  font-weight: 600; color: var(--ink);
  background: var(--bg-warm);
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase;
}
.ag-compete-table tbody td.ag-cell-hi {
  background: rgba(46,139,87,0.05);
  border-left: 3px solid var(--brand-leaf-deep);
  color: var(--ink); font-weight: 700;
}
.ag-compete-table td.ag-check {
  text-align: center;
  color: var(--brand-leaf); font-size: 20px; font-weight: 700;
}
.ag-compete-table td.ag-partial {
  text-align: center;
  color: var(--accent-amber-deep); font-weight: 600; font-size: 13px;
}
.ag-compete-table td.ag-none {
  text-align: center;
  color: var(--accent-clay); font-size: 20px;
}

/* PARTNERS GRID expanded */
.ag-partners-6 {
  grid-template-columns: repeat(3, 1fr) !important;
}

/* SCALE FRAMING */
.ag-scale-callout {
  padding: 48px 44px;
  background: linear-gradient(135deg, var(--brand-earth) 0%, var(--brand-earth-deep) 100%);
  color: #fff;
  border-radius: 4px;
  margin-top: 48px;
  text-align: center;
}
.ag-scale-callout-label {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
  color: #d4b87a; margin-bottom: 18px; font-weight: 700;
}
.ag-scale-callout h3 {
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 600; line-height: 1.2;
  color: #fff; margin-bottom: 22px;
  max-width: 900px; margin-left: auto; margin-right: auto;
}
.ag-scale-callout h3 em {
  color: #d4b87a; font-style: italic;
}
.ag-scale-callout-stats {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;
  margin-top: 28px;
  padding-top: 28px;
  border-top: 1px solid rgba(212,184,122,0.3);
}
.ag-scale-callout-stat-val {
  font-family: "Fraunces", Georgia, serif;
  font-size: 36px; font-weight: 700; line-height: 1;
  color: #d4b87a; margin-bottom: 8px;
  letter-spacing: -0.02em;
}
.ag-scale-callout-stat-label {
  font-size: 13px; line-height: 1.4;
  color: rgba(255,255,255,0.82);
}

/* OLISIGNAL PLATFORM CARD */
.ag-olisignal-hero {
  padding: 56px 48px;
  background: linear-gradient(135deg, var(--brand-leaf-deep) 0%, #164e2f 100%);
  color: #fff;
  border-radius: 6px;
  margin-top: 48px;
  position: relative;
  overflow: hidden;
}
.ag-olisignal-hero::before {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 85% 20%, rgba(212,184,122,0.15), transparent 55%);
  pointer-events: none;
}
.ag-olisignal-inner { position: relative; z-index: 2; max-width: 900px; }
.ag-olisignal-tag {
  display: inline-block;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
  color: #d4b87a; margin-bottom: 20px;
  padding: 6px 16px;
  background: rgba(212,184,122,0.15);
  border: 1px solid rgba(212,184,122,0.35);
  border-radius: 100px;
  font-weight: 700;
}
.ag-olisignal-hero h3 {
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 600; line-height: 1.15;
  color: #fff; margin-bottom: 20px;
  letter-spacing: -0.02em;
}
.ag-olisignal-hero h3 em {
  color: #d4b87a; font-style: italic;
}
.ag-olisignal-hero p {
  font-size: 17px; line-height: 1.7;
  color: rgba(255,255,255,0.92);
  margin-bottom: 22px;
  max-width: none;
}
.ag-olisignal-hero p strong { color: #fff; }
.ag-olisignal-products {
  display: flex; flex-wrap: wrap; gap: 12px;
  margin-top: 28px;
  padding-top: 28px;
  border-top: 1px solid rgba(212,184,122,0.3);
}
.ag-olisignal-product {
  padding: 8px 18px;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(212,184,122,0.3);
  border-radius: 100px;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase;
  color: #d4b87a;
  font-weight: 700;
}

/* AMBITION CLOSING */
.ag-ambition {
  background: var(--brand-earth-deep);
  color: #fff;
  padding: 100px 24px;
  text-align: center;
}
.ag-ambition-inner {
  max-width: 900px; margin: 0 auto;
}
.ag-ambition-eyebrow {
  display: inline-block;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
  color: rgba(212,184,122,0.85); margin-bottom: 26px;
  padding-bottom: 8px; border-bottom: 1px solid rgba(212,184,122,0.35);
}
.ag-ambition h2 {
  font-family: "Fraunces", Georgia, serif;
  font-size: clamp(30px, 4.5vw, 48px);
  font-weight: 600; line-height: 1.1;
  color: #fff; margin-bottom: 24px; letter-spacing: -0.02em;
}
.ag-ambition h2 em {
  color: #d4b87a; font-style: italic;
}

/* GENESIS TIMELINE */
.ag-timeline {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  margin-top: 48px;
}
.ag-timeline-col {
  padding: 36px 32px;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 4px;
}
.ag-timeline-col.ag-timeline-today { border-top: 5px solid var(--brand-leaf-deep); }
.ag-timeline-col.ag-timeline-next { border-top: 5px solid var(--accent-amber); }
.ag-timeline-tag {
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--brand-leaf-deep); margin-bottom: 8px;
  font-weight: 700;
}
.ag-timeline-next .ag-timeline-tag { color: var(--accent-amber-deep); }
.ag-timeline-sub {
  font-family: "Fraunces", Georgia, serif;
  font-size: 18px; font-style: italic;
  color: var(--ink); margin-bottom: 24px;
  padding-bottom: 20px; border-bottom: 1px dashed var(--border);
}
.ag-timeline-steps {
  display: grid; grid-template-columns: 1fr; gap: 0;
}
.ag-timeline-step {
  padding: 16px 20px;
  background: var(--bg-warm);
  border-left: 3px solid var(--brand-leaf-deep);
  border-radius: 2px;
  margin-bottom: 12px;
}
.ag-timeline-next .ag-timeline-step { border-left-color: var(--accent-amber); }
.ag-timeline-step-num {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--ink-mute); margin-bottom: 4px;
}
.ag-timeline-step-title {
  font-family: "Fraunces", Georgia, serif;
  font-size: 15px; font-weight: 600;
  color: var(--ink);
}
.ag-timeline-arrow {
  display: flex; justify-content: center;
  padding: 4px 0;
  font-size: 16px; color: var(--brand-leaf-deep);
}
.ag-timeline-next .ag-timeline-arrow { color: var(--accent-amber-deep); }
.ag-timeline-outcome {
  padding: 18px 20px;
  background: var(--brand-earth);
  color: #fff;
  border-radius: 3px;
  text-align: center;
  margin-top: 4px;
}
.ag-timeline-outcome-label {
  font-family: "JetBrains Mono", monospace;
  font-size: 9px; letter-spacing: 0.18em; text-transform: uppercase;
  color: #d4b87a; margin-bottom: 6px;
}
.ag-timeline-outcome-title {
  font-family: "Fraunces", Georgia, serif;
  font-size: 16px; font-weight: 600; font-style: italic;
  color: #fff;
}

/* RESPONSIVE ADDITIONS */
@media (max-width: 900px) {
  .ag-evidence-grid { grid-template-columns: 1fr; }
  .ag-roi-grid { grid-template-columns: 1fr; }
  .ag-partners-6 { grid-template-columns: 1fr 1fr !important; }
  .ag-scale-callout-stats { grid-template-columns: 1fr; gap: 20px; }
  .ag-timeline { grid-template-columns: 1fr; gap: 24px; }
  .ag-olisignal-hero { padding: 40px 28px; }
}