
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --gd:#1f4209;--gm:#3B6D11;--gl:#639922;--gp:#EAF3DE;--gs:#f0f7e6;
  --ad:#854F0B;--am:#BA7517;--ap:#FAEEDA;
  --tm:#0F6E56;--tp:#E1F5EE;
  --pd:#26215C;--pm:#534AB7;--pp:#EEEDFE;
  --tx:#1a1a1a;--tx2:#4a4a4a;--tx3:#888;
  --bd:#e8e8e4;--bg:#fff;--bg2:#f9f8f5;--bg3:#f3f2ee;
  --r:12px;--r2:16px;--r3:20px;
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --shadow:0 4px 24px rgba(0,0,0,.06)
}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--tx);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.inner{max-width:1200px;margin:0 auto;padding:0 2.5rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* ── NAV ── */
nav{display:flex;justify-content:space-between;align-items:center;padding:.9rem 2.5rem;
  border-bottom:1px solid var(--bd);position:sticky;top:0;
  background:rgba(255,255,255,.97);backdrop-filter:blur(12px);z-index:100;gap:2rem}
.nav-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;white-space:nowrap;flex-shrink:0}
.nav-dot{width:8px;height:8px;border-radius:50%;background:var(--gm);flex-shrink:0}
.nav-links{display:flex;gap:6px;flex-wrap:nowrap}
.nav-links a{font-size:13px;color:var(--tx2);padding:6px 10px;border-radius:6px;transition:all .15s;font-weight:500;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{color:var(--gm);background:var(--gp)}
.nav-cta{font-size:13px;color:var(--gm);border:1.5px solid var(--gm);padding:7px 18px;
  border-radius:8px;font-weight:700;white-space:nowrap;flex-shrink:0;transition:background .15s}
.nav-cta:hover{background:var(--gp)}

/* ── PRIMITIVES ── */
.sec{padding:4.5rem 0}
.slbl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--tx3);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.stitle{font-size:32px;font-weight:800;margin-bottom:.875rem;letter-spacing:-.4px;line-height:1.15}
.stitle em{font-style:normal;color:var(--gm)}
.ssub{font-size:16px;color:var(--tx2);line-height:1.8;max-width:600px}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;padding:5px 14px;border-radius:20px;margin-bottom:1.5rem}
.chip-green{background:var(--gp);color:var(--gd)}
.chip-amber{background:var(--ap);color:var(--ad)}
.chip-teal{background:var(--tp);color:var(--tm)}
.chip-purple{background:var(--pp);color:var(--pd)}
.chip-gold{background:#FFF3CD;color:#7a4d00;border:1px solid #F0D060}
.btn-p{display:inline-flex;align-items:center;gap:8px;background:var(--gm);color:#fff;
  border:none;padding:12px 26px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s}
.btn-p:hover{background:var(--gd)}
.btn-o{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--gm);
  border:2px solid var(--gm);padding:12px 26px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}
.btn-o:hover{background:var(--gp)}
.btn-white{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--gd);
  border:none;padding:12px 26px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer}
.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:2rem}
.tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;
  margin-bottom:8px;display:flex;align-items:center;gap:5px}
.tag-green{color:var(--gm)}.tag-amber{color:var(--am)}.tag-teal{color:var(--tm)}
.tag-red{color:#b30000}.tag-purple{color:var(--pm)}
.card{background:var(--bg);border:1px solid var(--bd);border-radius:var(--r2);padding:1.75rem;transition:border-color .2s,box-shadow .2s}
.card:hover{border-color:var(--gl);box-shadow:0 6px 28px rgba(59,109,17,.08)}

/* ── TRUST BAR ── */
.trust{background:var(--bg2);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);
  padding:.9rem 2.5rem;display:flex;align-items:center;gap:1.5rem;overflow-x:auto}
.trust-lbl{font-size:10px;color:var(--tx3);white-space:nowrap;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.trust-logos{display:flex;gap:10px;align-items:center}
.trust-pill{font-size:12px;font-weight:600;color:var(--tx2);padding:4px 12px;
  border:1px solid var(--bd);border-radius:6px;white-space:nowrap;background:var(--bg)}
.vnr-img{height:28px;width:auto;border-radius:4px;background:#000;padding:2px 5px}

/* ── PHOTO CARD ── */
.photo-cap{position:relative;overflow:hidden;border-radius:var(--r2)}
.photo-cap img{width:100%;object-fit:cover;display:block}
.photo-caption{position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(transparent,rgba(0,0,0,.72));
  padding:.875rem 1.125rem;border-radius:0 0 var(--r2) var(--r2)}
.photo-caption .ct{font-size:13px;font-weight:600;color:#fff;display:block}
.photo-caption .cs{font-size:11px;color:rgba(255,255,255,.7);margin-top:2px;display:block}

/* ── METRICS ── */
.metrics{display:grid;grid-template-columns:repeat(4,1fr);
  border:1px solid var(--bd);border-radius:var(--r2);overflow:hidden;margin-top:2.5rem}
.metric{padding:2rem 1.5rem;text-align:center;border-right:1px solid var(--bd)}
.metric:last-child{border-right:none}
.metric-num{font-size:38px;font-weight:800;color:var(--gm);display:block;margin-bottom:5px}
.metric-lbl{font-size:13px;color:var(--tx2);line-height:1.4}

/* ── EOTY BANNER ── */
.eoty{background:#0f2405;padding:3.5rem 0}
.eoty-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:52px;align-items:center}
.eoty-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,220,50,.1);
  color:#f0d060;font-size:11px;font-weight:700;padding:5px 14px;border-radius:20px;
  margin-bottom:1.25rem;border:1px solid rgba(255,220,50,.2)}
.eoty h2{font-size:34px;font-weight:800;color:#fff;line-height:1.2;margin-bottom:.875rem}
.eoty h2 span{color:#b8e07a}
.eoty p{font-size:15px;color:rgba(255,255,255,.68);line-height:1.8;margin-bottom:1.5rem}
.eoty-meta{font-size:12px;color:rgba(255,255,255,.35);display:flex;align-items:center;gap:6px}
.eoty-photos{display:grid;grid-template-columns:1.15fr 1fr;gap:12px}
.eoty-main{position:relative;border-radius:var(--r2);overflow:hidden}
.eoty-main img{width:100%;height:290px;object-fit:cover;object-position:center top}
.eoty-side{display:flex;flex-direction:column;gap:12px}
.eoty-side img{width:100%;height:137px;object-fit:cover;object-position:center top;border-radius:var(--r)}
.eoty-cap{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.72));
  padding:.75rem 1rem;color:#fff;font-size:11px;font-weight:600;border-radius:0 0 var(--r2) var(--r2)}

/* ── VIDEO GRID ── */
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:2rem}
.video-card{background:var(--bg);border:1px solid var(--bd);border-radius:var(--r2);overflow:hidden;cursor:pointer;transition:box-shadow .2s,border-color .2s}
.video-card:hover{border-color:var(--gl);box-shadow:0 6px 28px rgba(59,109,17,.1)}
.video-thumb-wrap{position:relative;overflow:hidden}
.video-thumb{width:100%;height:180px;object-fit:cover;display:block;transition:transform .3s}
.video-card:hover .video-thumb{transform:scale(1.04)}
.video-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.video-play-btn span{width:52px;height:52px;background:rgba(255,255,255,.92);border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--gm);
  transition:transform .2s,background .2s}
.video-card:hover .video-play-btn span{transform:scale(1.1);background:#fff}
.video-cat{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}
.cat-agri{color:var(--gm)}.cat-finance{color:var(--am)}.cat-media{color:var(--tm)}.cat-education{color:var(--pm)}
.video-title{font-size:14px;font-weight:700;line-height:1.4;margin-bottom:4px}
.video-sub{font-size:12px;color:var(--tx3)}
.video-body{padding:1rem 1.125rem 1.25rem}
/* YouTube modal */
.yt-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:1000;
  align-items:center;justify-content:center;padding:2rem}
.yt-modal.open{display:flex}
.yt-modal-inner{width:100%;max-width:900px;position:relative}
.yt-close{position:absolute;top:-40px;right:0;background:transparent;border:none;
  color:#fff;font-size:28px;cursor:pointer;line-height:1;padding:4px 8px}
.yt-iframe-wrap{position:relative;padding-bottom:56.25%;height:0;border-radius:var(--r2);overflow:hidden}
.yt-iframe-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none}

/* ── FOOTER ── */
footer{border-top:1px solid var(--bd);padding:3rem 0 1.5rem;margin-top:0}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr auto;gap:48px;align-items:start;
  padding-bottom:2rem;border-bottom:1px solid var(--bd);margin-bottom:1.5rem}
.footer-brand-name{font-size:15px;font-weight:800}
.footer-brand-sub{font-size:12px;color:var(--tx3);margin-top:4px;line-height:1.6}
.footer-nav{display:flex;flex-direction:column;gap:9px}
.footer-nav a{font-size:13px;color:var(--tx2)}
.footer-nav a:hover{color:var(--gm)}
.footer-social{display:flex;gap:14px;align-items:center}
.footer-social a{font-size:22px;color:var(--tx3);transition:color .15s}
.footer-social a:hover{color:var(--gm)}
.footer-copy{font-size:12px;color:var(--tx3);text-align:center}
