:root{
    --forest:#0d3b2a;--forest-2:#0f4a34;--green:#15a34a;--green-2:#22c55e;--lime:#84cc16;--lime-2:#a3e635;
    --gold:#f59e0b;--gold-2:#fbbf24;--terra:#c2410c;--ink:#0b201a;--slate:#48584f;--muted:#728479;
    --line:#e6efe8;--line-2:#d8e6db;--cream:#f6faf5;--cream-2:#eef6ef;--white:#fff;
    --radius:20px;--r-sm:12px;
    --sh-1:0 1px 2px rgba(9,31,22,.05),0 6px 18px -6px rgba(9,31,22,.12);
    --sh-2:0 12px 34px -10px rgba(9,31,22,.18);
    --sh-3:0 30px 70px -20px rgba(9,31,22,.30);
    --maxw:1200px;
    --head:'Plus Jakarta Sans','Segoe UI',system-ui,sans-serif;
    --body:'Inter','Segoe UI',system-ui,sans-serif;
    --nav-h:66px;--tick-h:40px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;font-family:var(--body);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;line-height:1.6;font-size:16px;overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  img{max-width:100%}
  h1,h2,h3,h4,h5{font-family:var(--head);line-height:1.1;margin:0;letter-spacing:-.02em}
  h2{font-size:clamp(28px,3.8vw,44px);font-weight:800}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
  .lead{font-size:18.5px;color:var(--slate);max-width:64ch;font-weight:400}
  .section{padding:clamp(52px,6.5vw,80px) 0;position:relative}
  .section-head{max-width:820px;margin:0 auto clamp(32px,4vw,44px);text-align:center}
  .section-head .lead{margin:18px auto 0}
  .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--head);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--green);background:rgba(21,163,74,.08);padding:8px 15px;border-radius:999px;border:1px solid rgba(21,163,74,.16)}
  .eyebrow.gold{color:#a5680a;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.24)}
  .eyebrow.light{color:#c9f5d9;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18)}
  .grad{background:linear-gradient(115deg,var(--green-2),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}

  .js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
  .js .reveal.in{opacity:1;transform:none}
  .js .reveal.d1{transition-delay:.08s}.js .reveal.d2{transition-delay:.16s}.js .reveal.d3{transition-delay:.24s}.js .reveal.d4{transition-delay:.32s}

  .btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--head);font-weight:700;font-size:15px;padding:13px 24px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:transform .18s,box-shadow .22s,background .2s,color .2s;white-space:nowrap}
  .btn svg{width:18px;height:18px}
  .btn-primary{background:linear-gradient(135deg,var(--forest-2),var(--green-2));color:#fff;box-shadow:0 10px 24px -6px rgba(21,163,74,.5)}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px -8px rgba(21,163,74,.6)}
  .btn-gold{background:linear-gradient(135deg,#e0850a,var(--gold-2));color:#3a2606;box-shadow:0 10px 24px -6px rgba(245,158,11,.5)}
  .btn-gold:hover{transform:translateY(-2px)}
  .btn-ghost{background:#fff;color:var(--forest);border-color:var(--line-2)}
  .btn-ghost:hover{border-color:var(--green-2);color:var(--green);transform:translateY(-2px)}
  .btn-light{background:rgba(255,255,255,.13);color:#fff;border-color:rgba(255,255,255,.3)}
  .btn-light:hover{background:rgba(255,255,255,.22)}
  .btn-sm{padding:10px 17px;font-size:14px}
  .btn-lg{padding:15px 28px;font-size:16px}

  /* ticker */
  .ticker{background:#082019;color:#cfe9d8;font-size:13px;white-space:nowrap;min-height:var(--tick-h);display:flex;align-items:stretch;position:relative;z-index:75}
  .ticker-inner{display:flex;align-items:center;flex:1 1 auto;min-width:0;overflow:hidden}
  .ticker-tag{position:relative;z-index:2;flex:none;align-self:stretch;background:linear-gradient(135deg,var(--forest-2),var(--green-2));color:#fff;font-family:var(--head);font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:0 16px;min-height:var(--tick-h);display:flex;align-items:center;gap:7px;box-shadow:6px 0 12px -4px rgba(8,32,25,.9)}
  .ticker-tag i{width:7px;height:7px;border-radius:50%;background:#fff;animation:blink 1.4s infinite}
  @keyframes blink{50%{opacity:.35}}
  .ticker-track{display:flex;gap:46px;padding-left:26px;animation:scroll 42s linear infinite}
  .ticker-track span{display:inline-flex;align-items:center;gap:8px;font-weight:500}
  .ticker-track b{color:var(--lime-2);font-weight:700}
  .ticker-track .pin{color:var(--gold-2)}
  @keyframes scroll{to{transform:translateX(-50%)}}
  .ticker:hover .ticker-track{animation-play-state:paused}
  /* CTA docked to the right of the ticker — buttons moved up above the menu bar; scrolling text stops at the language icon */
  .ticker>.nav-cta{order:0;flex:none;flex-basis:auto;align-self:stretch;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:0;border-top:0;margin:0;padding:5px 20px;border-bottom-left-radius:16px;box-shadow:-12px 0 28px -16px rgba(0,0,0,.4)}
  .ticker>.nav-cta .btn-sm{padding:8px 14px;font-size:13px}
  .ticker>.nav-cta .lang-btn{width:36px;height:36px;padding:0;justify-content:center;border-radius:50%}
  .ticker>.nav-cta .login-dd-menu{top:calc(100% + 6px)}

  /* nav */
  header.nav{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
  .nav-inner{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:9px 0;min-height:var(--nav-h)}
  .nav-inner>.brand{order:0}
  .nav-inner>.menu-toggle{order:3}
  .brand{display:flex;align-items:center;gap:11px;font-family:var(--head);font-weight:800;font-size:21px}
  .brand .mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--forest-2),var(--green-2));display:grid;place-items:center;color:#fff;box-shadow:var(--sh-1)}
  .brand .mark svg{width:21px;height:21px}
  .brand b{color:var(--green)}
  .brand .tld{font-size:9.5px;font-weight:700;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-left:3px;border-left:1px solid var(--line-2);padding-left:8px;line-height:1.15}
  .nav-links{display:flex;align-items:center;gap:26px;order:1;flex:1 1 auto;justify-content:center}
  .nav-links a{font-family:var(--head);font-size:14.5px;font-weight:600;color:var(--slate)}
  .nav-links a:hover{color:var(--green)}
  .nav-cta{display:flex;align-items:center;justify-content:center;gap:10px;order:2;flex-basis:100%;border-top:1px solid var(--line);padding-top:10px;margin-top:3px}
  .login-dd{position:relative;display:inline-block}
  .login-dd-menu{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-2);min-width:200px;padding:6px;display:none;z-index:70}
  .login-dd-menu.open{display:block}
  .login-dd-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border-radius:8px;font-family:var(--head);font-weight:700;font-size:13.5px;color:var(--forest);text-decoration:none}
  .login-dd-menu a:hover{background:var(--cream);color:var(--green)}
  .menu-toggle{display:none;background:none;border:none;cursor:pointer}
  .m-only{display:none}
  .nav-links .nav-lang-link{font-family:var(--head);font-size:14.5px;font-weight:600;color:var(--slate);background:none;border:none;cursor:pointer;padding:0;text-align:left}

  /* HERO — viewport-fit */
  .hero{position:relative;overflow:hidden;background:
     radial-gradient(1200px 560px at 84% -14%,rgba(132,204,22,.20),transparent 56%),
     radial-gradient(900px 520px at -6% 110%,rgba(21,163,74,.14),transparent 55%),
     linear-gradient(180deg,#0a2c20,#0d3b2a 58%,#10422f)}
  .hero, .hero *{color:#eafaf0}
  .hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;
     min-height:calc(100svh - var(--nav-h) - var(--tick-h));padding-top:36px;padding-bottom:44px}
  .hero .kick{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);padding:7px 14px;border-radius:999px;font-family:var(--head);font-weight:700;font-size:12px;letter-spacing:.05em;color:#d7f5e2}
  .hero .kick b{color:var(--lime-2)}
  .hero h1{font-size:clamp(33px,4.7vw,54px);font-weight:800;color:#fff;letter-spacing:-.03em;margin-top:18px}
  .hero p.lead{color:#c3e7d1;margin-top:18px;font-size:18px;max-width:54ch}
  .hero-cta{display:flex;gap:11px;margin-top:26px;flex-wrap:wrap}
  .grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at 74% 34%,#000,transparent 76%);z-index:1}
  /* free-floating agricultural implements — 75% opacity background layer */
  .ag-field{position:absolute;inset:0;z-index:1;opacity:.75;pointer-events:none;overflow:hidden}
  .ag{position:absolute;animation:agFloat var(--d,22s) ease-in-out var(--delay,0s) infinite;will-change:transform}
  /* set stroke directly on the shapes so nothing (currentColor / .hero *) can wash it out */
  /* not scoped to .hero — the field is a shared partial reused on the login panel */
  .ag-field .ag svg{width:100%;height:100%;display:block}
  .ag-field .ag svg *{stroke:#a7f3b0;vector-effect:non-scaling-stroke;stroke-width:1.7px}
  .ag1{width:62px;height:46px;left:5%;bottom:13%;--d:26s;--dx:26px;--dy:-18px;--r:-4deg;--dr:5deg}
  .ag2{width:34px;height:46px;left:12%;top:13%;--d:19s;--dx:-14px;--dy:22px;--r:6deg;--dr:-7deg;--delay:-3s}
  .ag3{width:50px;height:44px;right:9%;top:15%;--d:23s;--dx:18px;--dy:24px;--r:8deg;--dr:6deg;--delay:-6s}
  .ag4{width:40px;height:40px;right:16%;top:46%;--d:17s;--dx:-20px;--dy:-16px;--r:-10deg;--dr:8deg;--delay:-2s}
  .ag5{width:34px;height:34px;left:46%;bottom:12%;--d:21s;--dx:12px;--dy:-26px;--r:0deg;--dr:5deg;--delay:-8s}
  .ag6{width:44px;height:44px;right:25%;top:9%;--d:28s;--dx:-16px;--dy:20px;--r:0deg;--dr:14deg;--delay:-5s}
  .ag7{width:38px;height:44px;left:7%;top:52%;--d:20s;--dx:16px;--dy:20px;--r:8deg;--dr:-6deg;--delay:-10s}
  .ag8{width:48px;height:40px;right:6%;bottom:16%;--d:24s;--dx:-22px;--dy:-18px;--r:4deg;--dr:6deg;--delay:-4s}
  .ag9{width:50px;height:40px;left:31%;top:40%;--d:18s;--dx:20px;--dy:22px;--r:-6deg;--dr:7deg;--delay:-7s}
  .ag10{width:30px;height:30px;right:35%;top:28%;--d:15s;--dx:-14px;--dy:-20px;--r:10deg;--dr:-9deg;--delay:-1s}
  .ag11{width:60px;height:46px;left:2%;bottom:30%;--d:28s;--dx:24px;--dy:-16px;--r:-3deg;--dr:6deg;--delay:-9s}
  .ag12{width:48px;height:34px;left:33%;bottom:7%;--d:22s;--dx:-18px;--dy:-16px;--r:5deg;--dr:-6deg;--delay:-4s}
  .ag13{width:42px;height:36px;right:3%;top:38%;--d:20s;--dx:16px;--dy:20px;--r:-6deg;--dr:7deg;--delay:-11s}
  .ag14{width:64px;height:46px;left:15%;bottom:5%;--d:30s;--dx:22px;--dy:-14px;--r:4deg;--dr:5deg;--delay:-2s}
  .ag15{width:32px;height:38px;left:49%;bottom:9%;--d:18s;--dx:12px;--dy:-22px;--r:0deg;--dr:8deg;--delay:-6s}
  .ag16{width:36px;height:36px;left:42%;top:14%;--d:17s;--dx:-14px;--dy:20px;--r:8deg;--dr:-7deg;--delay:-1s}
  .ag17{width:50px;height:36px;right:42%;top:8%;--d:25s;--dx:20px;--dy:18px;--r:-5deg;--dr:6deg;--delay:-8s}
  .ag18{width:44px;height:34px;left:2%;top:30%;--d:21s;--dx:16px;--dy:22px;--r:6deg;--dr:-6deg;--delay:-5s}
  .ag19{width:36px;height:34px;right:2%;bottom:20%;--d:19s;--dx:-16px;--dy:-18px;--r:0deg;--dr:9deg;--delay:-3s}
  .ag20{width:32px;height:42px;left:26%;top:23%;--d:23s;--dx:14px;--dy:20px;--r:-4deg;--dr:5deg;--delay:-10s}
  @keyframes agFloat{0%,100%{transform:translate(0,0) rotate(var(--r,0deg))}50%{transform:translate(var(--dx,18px),var(--dy,-20px)) rotate(calc(var(--r,0deg) + var(--dr,8deg)))}}
  /* keep decorative farm icons only on the far-right (by the image) — none behind the text */
  .ag1,.ag2,.ag4,.ag5,.ag6,.ag7,.ag9,.ag10,.ag11,.ag12,.ag14,.ag15,.ag16,.ag17,.ag18,.ag20{display:none}
  @media(prefers-reduced-motion:reduce){.ag{animation:none}}
  .hero-trustline{margin-top:26px;display:flex;flex-wrap:wrap;gap:9px 16px;align-items:center;font-size:12.5px;color:#9fd3b1;font-weight:500}
  .hero-trustline .tk{display:inline-flex;align-items:center;gap:6px}
  .hero-trustline svg{width:14px;height:14px;color:var(--lime-2)}
  .hero-trustline .sep{opacity:.3}
  .hero-mini-stats{display:flex;gap:22px;margin-top:22px;flex-wrap:wrap}
  .hero-mini-stats .m b{display:block;font-family:var(--head);font-size:23px;font-weight:800;color:#fff;line-height:1}
  .hero-mini-stats .m span{font-size:11.5px;color:#9fd3b1;font-weight:500}

  /* hero transform card */
  .tcard{position:relative;background:#fff;border-radius:22px;padding:22px;box-shadow:var(--sh-3)}
  .tcard *{color:var(--ink)}
  .tcard .tc-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}
  .tc-badge{font-family:var(--head);font-weight:800;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:999px}
  .tc-badge.old{background:#fbe9e7;color:#b0433a}
  .tc-badge.new{background:#dcfce7;color:#15803d}
  .tc-arrow{color:var(--green)!important;font-weight:800;font-size:18px}
  .tc-title{font-family:var(--head);font-weight:800;font-size:18px;margin-bottom:2px}
  .tc-sub{font-size:12.5px;color:var(--muted);margin-bottom:16px}
  .tc-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .tc-m{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
  .tc-m .l{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}
  .tc-m .v{font-family:var(--head);font-weight:800;font-size:17px;display:flex;align-items:center;gap:6px}
  .tc-m .v svg{width:15px;height:15px;color:var(--green)}
  .tc-live{margin-top:14px;background:linear-gradient(160deg,#0d3b2a,#0f4a34);border-radius:14px;padding:14px 16px}
  .tc-live *{color:#dff5e7}
  .tc-live .hd{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:8px}
  .tc-live .hd .live-dot{color:#9fe6b6}
  .tc-live .lr{display:flex;justify-content:space-between;font-size:13px;padding:3px 0}
  .tc-live .lr b{color:#fff;font-family:var(--head)}
  .tc-live .up{color:#7ef0a8!important}
  .live-dot{display:inline-flex;align-items:center;gap:6px;font-family:var(--head);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
  .live-dot i{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse 1.8s infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
  .float-chip{position:absolute;background:#fff;border-radius:13px;padding:10px 13px;box-shadow:var(--sh-2);font-family:var(--head);font-size:12.5px;font-weight:800;display:flex;align-items:center;gap:9px;z-index:3}
  .float-chip *{color:var(--ink)}
  .float-chip small{display:block;font-weight:500;color:var(--muted);font-size:10px}
  .float-chip .ic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center}
  .float-chip .ic svg{color:#fff}
  /* hero FPO-aggregation illustration */
  .agg-head{font-family:var(--head);font-weight:800;font-size:13px;color:var(--forest);margin-bottom:13px;display:flex;align-items:center;gap:7px}
  .agg-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}
  .agg-side{text-align:center}
  .agg-plots{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:74px;margin:0 auto;padding:6px;border:1px dashed var(--line-2);border-radius:8px;background:var(--cream)}
  .agg-plots i{aspect-ratio:1;border-radius:2px;display:block;opacity:.9}
  .agg-arrow span{font-size:22px;font-weight:800;color:var(--green);display:block;line-height:1;text-align:center}
  .agg-arrow em{font-size:9px;font-style:normal;color:var(--muted);line-height:1.2;display:block;margin-top:3px;text-align:center}
  .agg-field{width:92px;height:64px;margin:0 auto;border-radius:9px;background:linear-gradient(160deg,#16a34a,#0d5c2b);position:relative;overflow:hidden;display:grid;place-items:center;box-shadow:var(--sh-1)}
  .agg-field::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(58deg,transparent 0 7px,rgba(255,255,255,.13) 7px 8px)}
  .agg-acre{position:relative;color:#fff;font-family:var(--head);font-weight:800;font-size:19px;line-height:1}
  .agg-acre small{display:block;font-weight:600;font-size:9px;color:#c8f5d8}
  .agg-lbl{font-family:var(--head);font-weight:700;font-size:11px;color:var(--forest);margin-top:7px;line-height:1.25}
  .agg-lbl span{display:block;font-weight:500;font-size:9.5px;color:var(--muted)}
  .agg-buyer{margin-top:12px;background:var(--cream);border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:11px;color:var(--slate);text-align:center}
  .agg-buyer b{color:var(--forest)}
  .agg-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
  .agg-stat{background:#e6f6ec;border-radius:9px;padding:7px 8px;text-align:center}
  .agg-stat b{display:block;font-family:var(--head);font-weight:800;font-size:16px;color:#15803d;line-height:1}
  .agg-stat span{font-size:9.5px;color:#4b6b57;margin-top:2px;display:block}
  .chip-a{top:-16px;right:-10px}.chip-a .ic{background:linear-gradient(135deg,#e0850a,var(--gold-2))}
  .chip-b{bottom:-16px;left:-14px}.chip-b .ic{background:linear-gradient(135deg,var(--forest-2),var(--green-2))}

  /* trust rail */
  .trust{background:#fff;border-bottom:1px solid var(--line)}
  .trust .wrap{padding:30px 24px}
  .rail{background:linear-gradient(135deg,#ecfdf3,#f0fdf4);border:1px solid #bbf7d0;border-radius:18px;padding:22px 24px;box-shadow:var(--sh-1);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
  .rail .rl{font-family:var(--head);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--forest);font-weight:800;width:100%;text-align:center;margin-bottom:14px}
  .rail .item{display:inline-flex;align-items:center;gap:8px;font-family:var(--head);font-weight:700;font-size:14px;color:var(--forest);background:#fff;border:1px solid #bbf7d0;border-radius:999px;padding:9px 16px;box-shadow:var(--sh-1)}
  .rail .item svg{width:17px;height:17px;color:var(--green)}
  .rail .dot{display:none}
  .clients-band{margin-top:26px;background:linear-gradient(135deg,#0d3b2a,#0f4a34);border-radius:20px;padding:26px 24px;box-shadow:var(--sh-2);position:relative;overflow:hidden}
  .clients-band:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 100% 0,rgba(132,204,22,.16),transparent 60%)}
  .clients-band .cb-lbl{position:relative;z-index:2;text-align:center;font-family:var(--head);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#8fc7a3;font-weight:700;margin-bottom:18px}
  .clients-band .cb-lbl b{color:#fff}
  .client-logos{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
  .clogo{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:13px;padding:14px 20px;text-align:center;transition:transform .2s,background .2s;min-width:140px}
  .clogo:hover{transform:translateY(-4px);background:rgba(255,255,255,.12)}
  .clogo .cl-name{font-family:var(--head);font-weight:800;font-size:18px;color:#fff}
  .clogo .cl-sub{font-size:11px;color:#9fd3b1;margin-top:3px}

  /* problem / cause */
  .prob{background:var(--cream-2)}
  .prob-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .prob-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 22px;box-shadow:var(--sh-1);border-top:3px solid var(--terra)}
  .prob-card .qn{font-family:var(--head);font-size:34px;font-weight:800;color:var(--line-2);line-height:1}
  .prob-card h3{font-size:18px;margin:10px 0 8px}
  .prob-card p{font-size:13.5px;color:var(--muted);margin:0}
  .prob-answer{margin-top:34px;text-align:center;font-family:var(--head);font-size:clamp(17px,2vw,22px);font-weight:700;color:var(--forest)}
  .prob-answer span{color:var(--green)}

  /* journey flow */
  .life{background:linear-gradient(180deg,#fff,var(--cream))}
  .flow{position:relative;margin-top:52px}
  .flow-line{position:absolute;top:38px;left:8%;right:8%;height:3px;background:linear-gradient(90deg,var(--green),var(--lime),var(--gold));border-radius:3px;z-index:0}
  .flow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative;z-index:2}
  .step{text-align:center}
  .step .num{width:78px;height:78px;margin:0 auto 16px;border-radius:22px;background:#fff;border:2px solid var(--line-2);display:grid;place-items:center;box-shadow:var(--sh-1);position:relative;transition:transform .25s,box-shadow .25s,border-color .25s}
  .step:hover .num{transform:translateY(-6px);box-shadow:var(--sh-2);border-color:var(--green-2)}
  .step .num svg{width:32px;height:32px;color:var(--green)}
  .step .num b{position:absolute;top:-9px;right:-9px;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--forest-2),var(--green-2));color:#fff;font-family:var(--head);font-size:12px;font-weight:800;display:grid;place-items:center;border:2px solid #fff}
  .step h3{font-size:16px;margin-bottom:6px}
  .step p{font-size:12.5px;color:var(--muted);margin:0}
  .step.gold .num svg{color:var(--gold)}.step.gold .num b{background:linear-gradient(135deg,#e0850a,var(--gold-2))}
  .always{margin-top:34px;background:linear-gradient(135deg,#0d3b2a,#0f4a34);border-radius:18px;padding:22px 26px;display:flex;align-items:center;gap:16px;box-shadow:var(--sh-2);flex-wrap:wrap}
  .always *{color:#dff5e7}
  .always .ai{width:46px;height:46px;border-radius:12px;background:rgba(132,204,22,.18);display:grid;place-items:center;flex:none}
  .always .ai svg{color:var(--lime-2);width:24px;height:24px}
  .always b{color:#fff;font-family:var(--head)}

  /* collective power */
  .collab{background:#fff}
  .cp-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  .cp-card{border:1px solid var(--line);border-radius:var(--radius);padding:14px 22px;box-shadow:var(--sh-1);position:relative;overflow:hidden}
  .cp-card.buy{background:linear-gradient(160deg,#f0fdf4,#fff)}
  .cp-card.sell{background:linear-gradient(160deg,#fffbeb,#fff)}
  .cp-card .cp-ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:#fff;margin-bottom:14px;box-shadow:var(--sh-1)}
  .cp-card.buy .cp-ic{background:linear-gradient(135deg,#0d3b2a,#15a34a)}
  .cp-card.sell .cp-ic{background:linear-gradient(135deg,#c2410c,#f59e0b)}
  .cp-card h3{font-size:21px;margin-bottom:8px}
  .cp-card p{font-size:14.5px;color:var(--slate);margin:0 0 16px}
  .cp-stat{display:inline-flex;align-items:baseline;gap:8px;font-family:var(--head)}
  .cp-stat b{font-size:30px;font-weight:800;color:var(--forest)}
  .cp-stat span{font-size:13px;color:var(--muted)}
  .mill{margin-top:20px;border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:var(--cream);box-shadow:var(--sh-1)}
  .mill h4{font-size:18px;margin-bottom:6px;display:flex;align-items:center;justify-content:center;gap:9px;text-align:center}
  .mill p{font-size:14.5px;color:var(--slate);margin:0 auto 18px;max-width:70ch;text-align:center}
  .mill-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}
  .mill-col{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}
  .mill-col.bad{border-color:#f3d0cb;background:linear-gradient(180deg,#fef5f4,#fff)}
  .mill-col.good{border-color:#bbf7d0;background:linear-gradient(180deg,#f0fdf4,#fff)}
  .mill-ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin-bottom:14px;box-shadow:var(--sh-1)}
  .mill-col.bad .mill-ic{background:linear-gradient(135deg,#dc2626,#f87171)}
  .mill-col.good .mill-ic{background:linear-gradient(135deg,#15803d,#22c55e)}
  .mill-ic svg{width:28px;height:28px;color:#fff}
  .mill-col .mh{font-family:var(--head);font-weight:800;font-size:16px;margin-bottom:12px}
  .mill-col.bad .mh{color:#b0433a}.mill-col.good .mh{color:#15803d}
  .mill-col ul{list-style:none;margin:0;padding:0}
  .mill-col li{font-size:13px;color:var(--slate);padding:5px 0;display:flex;gap:8px}
  .mill-col li svg{flex:none;width:15px;height:15px;margin-top:2px}
  .mill-vs .vs{font-family:var(--head);font-weight:800;color:var(--muted);font-size:14px}
  .flow-band{margin-top:26px;background:radial-gradient(600px 240px at 50% 0,rgba(132,204,22,.16),transparent 60%),linear-gradient(135deg,#0d3b2a,#15a34a);border-radius:20px;padding:30px 24px;box-shadow:var(--sh-2)}
  .flow-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
  .flow-chips .fc{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);border-radius:11px;padding:11px 16px;font-family:var(--head);font-weight:700;font-size:13.5px;color:#fff}
  .flow-chips .fc.hl{background:linear-gradient(135deg,#e0850a,var(--gold-2));color:#3a2606;border-color:transparent;box-shadow:0 6px 16px -4px rgba(245,158,11,.5)}
  .flow-chips .ar{color:var(--lime-2);font-weight:800}
  .chain-hl{margin-top:28px;background:linear-gradient(135deg,var(--forest),var(--forest-2));border:1px solid rgba(163,230,53,.25);border-radius:22px;padding:30px 26px;box-shadow:0 18px 40px -22px rgba(13,59,42,.7)}
  .flow-chips{margin:0}
  .data-demand{margin-top:22px;text-align:center;font-family:var(--head);font-size:clamp(18px,2.3vw,27px);font-weight:800;color:#fff}
  .data-demand span{color:var(--lime-2)}

  /* platform */
  .plat{background:var(--cream)}
  .plat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
  .plat-card{border:1px solid var(--line);border-radius:var(--radius);padding:14px 22px;box-shadow:var(--sh-1);transition:transform .2s,box-shadow .22s,border-color .2s;background:#fff}
  .plat-card:hover{transform:translateY(-6px);box-shadow:var(--sh-2);border-color:#c9e8d3}
  .plat-card .pi{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:#fff;margin-bottom:15px;box-shadow:var(--sh-1)}
  .plat-card .role{font-family:var(--head);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green);display:block;margin-bottom:9px}
  .plat-card h3{font-size:18px;margin-bottom:7px}
  .plat-card p{font-size:13.5px;color:var(--muted);margin:0}
  .plat-card .soon{display:inline-block;margin-top:10px;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#a5680a;background:rgba(245,158,11,.12);padding:3px 9px;border-radius:999px}
  .plat-card .plat-link{display:inline-block;margin-top:11px;font-family:var(--head);font-size:12.5px;font-weight:700;color:var(--green);text-decoration:none}
  .plat-card .plat-link:hover{text-decoration:underline}
  .pi-erp{background:linear-gradient(135deg,#0d3b2a,#15a34a)}.pi-kd{background:linear-gradient(135deg,#15803d,#84cc16)}
  .pi-dd{background:linear-gradient(135deg,#c2410c,#f59e0b)}.pi-ca{background:linear-gradient(135deg,#134e63,#2563eb)}
  .pi-ai{background:linear-gradient(135deg,#0f766e,#2dd4bf)}
  /* 5 engines don't fit comfortably below ~1240px — step down before the 960px rule */
  @media(max-width:1240px){ .plat-grid{grid-template-columns:repeat(3,1fr)} }

  /* agri capabilities */
  .agri{background:#fff}
  .agri-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .agri-card{border:1px solid var(--line);border-radius:var(--radius);padding:14px 22px;box-shadow:var(--sh-1);display:flex;gap:15px;align-items:flex-start;transition:transform .2s,box-shadow .2s}
  .agri-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
  .agri-card .ai{width:50px;height:50px;border-radius:13px;background:linear-gradient(135deg,#0d3b2a,#15a34a);display:grid;place-items:center;flex:none}
  .agri-card .ai svg{color:#fff;width:26px;height:26px}
  .agri-card h3{font-size:17px;margin-bottom:5px}
  .agri-card p{font-size:13.5px;color:var(--muted);margin:0}

  /* zero cost band */
  .zero{background:linear-gradient(135deg,#0d3b2a,#0f4a34);position:relative;overflow:hidden}
  .zero:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 320px at 88% 0,rgba(132,204,22,.20),transparent 60%)}
  .zero .wrap{position:relative;z-index:2}
  .zero, .zero *{color:#eafaf0}
  .zero h2{color:#fff}.zero .lead{color:#bfe6cd}
  .zero-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
  .zero-step{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:22px;text-align:center}
  .zero-step .zi{width:48px;height:48px;border-radius:12px;background:rgba(132,204,22,.16);display:grid;place-items:center;margin:0 auto 12px}
  .zero-step .zi svg{color:var(--lime-2)}
  .zero-step h4{color:#fff;font-size:15px;margin-bottom:6px}
  .zero-step p{font-size:12.5px;color:#a9d7b9;margin:0}
  .zero-tag{display:inline-flex;align-items:center;gap:8px;margin-top:38px;background:rgba(132,204,22,.14);border:1px solid rgba(132,204,22,.3);border-radius:999px;padding:10px 20px;font-family:var(--head);font-weight:800;color:#eafaf0}
  .zero-tag b{color:var(--lime-2)}

  /* live prices dashboard */
  .lp{background:var(--cream)}
  .dash{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh-2);overflow:hidden}
  .dash-bar{background:linear-gradient(135deg,#0d3b2a,#0f4a34);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
  .dash-bar h3{color:#fff;font-size:17px;display:flex;align-items:center;gap:9px}
  .dash-bar .live-dot{color:#9fe6b6}
  .kpi-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
  .kpi-c{background:#fff;padding:16px 22px}
  .kpi-c .kv{font-family:var(--head);font-size:29px;font-weight:800;color:var(--forest);line-height:1}
  .kpi-c .kl{font-size:12.5px;color:var(--muted);margin-top:5px;font-weight:500}
  .dash-body{padding:22px}
  .filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:18px}
  .fld{display:flex;flex-direction:column;gap:5px}
  .fld label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
  .fld select{font-family:var(--body);font-size:13.5px;padding:9px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--cream);color:var(--ink);min-width:130px}
  .filters .btn{margin-left:auto}
  .tbl-wrap{overflow:auto;max-height:360px;border:1px solid var(--line);border-radius:14px}
  .tbl-wrap::-webkit-scrollbar{width:9px;height:9px}
  .tbl-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}
  .tbl-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}
  table.prices{width:100%;border-collapse:collapse;min-width:640px;font-size:13.5px}
  table.prices th{position:sticky;top:0;z-index:1;background:var(--cream);text-align:left;padding:12px 14px;font-family:var(--head);font-weight:700;color:var(--forest);font-size:12px;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--line)}
  table.prices td{padding:12px 14px;border-bottom:1px solid var(--line)}
  table.prices tr:last-child td{border-bottom:none}
  table.prices tr:hover td{background:var(--cream)}
  table.prices .cmd{font-weight:700;display:flex;align-items:center;gap:9px}
  table.prices .cmd .em{width:26px;height:26px;border-radius:7px;background:#e6f6ec;display:grid;place-items:center;font-size:13px}
  table.prices .modal{font-family:var(--head);font-weight:800}
  .grade-tag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#e6f6ec;color:#15803d}
  .up{color:#16a34a!important}.down{color:#dc2626!important}
  .src{font-size:11px;color:var(--muted)}
  .export-row{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}
  .charts-2{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:22px}
  .chart-card{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}
  .chart-card h4{font-size:15px;display:flex;align-items:center;justify-content:space-between}
  .toggle{display:flex;gap:4px;background:var(--cream);border-radius:9px;padding:3px}
  .toggle button{font-family:var(--head);font-size:12px;font-weight:700;border:none;background:none;padding:6px 12px;border-radius:7px;cursor:pointer;color:var(--muted)}
  .toggle button.on{background:#fff;color:var(--green);box-shadow:var(--sh-1)}
  .chart-svg{width:100%;height:auto;margin-top:14px;overflow:visible}
  .line-path{stroke-dasharray:1400;stroke-dashoffset:1400}
  .reveal.in .line-path{animation:draw 1.6s .3s ease forwards}
  @keyframes draw{to{stroke-dashoffset:0}}
  .bar-rect{transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.22,1,.36,1)}
  .reveal.in .bar-rect{transform:scaleX(1)}
  .explorer{margin-top:22px;border:1px solid var(--line);border-radius:16px;padding:20px;background:linear-gradient(180deg,#fff,var(--cream))}
  .explorer h4{font-size:15px;margin-bottom:4px}
  .explorer .esub{font-size:12.5px;color:var(--muted);margin-bottom:16px}
  .sunburst-wrap{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap}
  #sunburst{width:300px;height:300px;max-width:100%}
  #sunburst path{cursor:pointer;transition:opacity .15s}
  #sunburst path:hover{opacity:.82}
  .exp-count{font-size:12px;color:#728479;margin-right:auto;align-self:center}
  .sb-legend{display:flex;flex-direction:column;gap:10px;min-width:180px}
  .sb-legend .sl{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--slate)}
  .sb-legend .sl i{width:13px;height:13px;border-radius:4px;flex:none}
  .sb-legend .sl b{font-family:var(--head);color:var(--forest)}
  /* explorer / analytics cards — match live-site UI */
  .fd-card{border:1px solid var(--line);border-radius:18px;padding:26px 28px;background:#fff;box-shadow:var(--sh-1)}
  .fd-eyebrow{font-family:var(--head);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#a5680a;margin-bottom:8px}
  .fd-title{font-family:var(--head);font-size:26px;font-weight:800;color:var(--ink);line-height:1.1;margin:0}
  .fd-sub{font-size:14px;color:var(--muted);margin-top:8px}
  .ce-breadcrumb{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:18px 0 12px;font-size:14px}
  .ce-crumb{color:var(--green);font-weight:700;cursor:pointer}
  .ce-crumb.cur{color:var(--ink);cursor:default}
  .ce-sep{color:#cbd5e1}
  .ce-wrap{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
  .ce-donut{display:flex;justify-content:center}
  .ce-donut svg{width:320px;max-width:100%;height:auto}
  .ce-donut path{cursor:pointer;transition:opacity .15s}
  .ce-donut path:hover{opacity:.82}
  .ce-list{max-height:340px;overflow-y:auto;padding-right:8px}
  .ce-listhd{font-family:var(--head);font-weight:800;color:var(--ink);font-size:16px;margin-bottom:6px}
  .ce-row{display:flex;align-items:center;gap:12px;padding:9px 4px;border-bottom:1px solid #f1f5f9;cursor:pointer}
  .ce-row:hover{background:var(--cream)}
  .ce-sw{width:13px;height:13px;border-radius:4px;flex:none}
  .ce-nm{flex:1;font-weight:600;color:var(--slate)}
  .ce-rec{color:var(--muted);font-size:12.5px}
  .ce-pr{color:var(--green);font-weight:700;font-size:13.5px;min-width:56px;text-align:right}
  .ce-empty{text-align:center;padding:2rem;color:#94a3b8}
  .ce-list::-webkit-scrollbar{width:8px}
  .ce-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}
  .tc-scroll,.pt-scroll{overflow-x:auto;margin-top:18px}
  .tc-svg{width:100%;min-width:560px;height:auto;font-family:var(--body)}
  .tc-svg .tc-row{cursor:pointer}
  .tc-svg .tc-row:hover .bar-rect{opacity:.78}
  .pt-svg .pt-hit{cursor:crosshair}
  .pt-svg .pt-hit:hover{fill:rgba(21,163,74,.08)!important}
  .pt-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
  .pt-head .toggle{margin-top:4px}
  .pt-legend{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-top:16px;font-size:13px;color:var(--slate)}
  .pt-legend .pl{display:inline-flex;align-items:center;gap:7px}
  .pt-legend .dot{width:13px;height:13px;border-radius:50%;border:2px solid #94a3b8;background:#fff;display:inline-block}
  .pt-legend .dot.fill{background:#16a34a;border-color:#16a34a}
  .pt-svg{width:100%;min-width:680px;height:auto;font-family:var(--body)}
  @media(max-width:760px){.ce-wrap{grid-template-columns:1fr}}
  /* ── new landing sections ── */
  .serve{background:#fff}
  .ladder{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:12px;margin-top:10px}
  .rung{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--sh-1)}
  .rung .rn{font-family:var(--head);font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}
  .rung h4{font-size:17px;margin:8px 0 6px;color:var(--ink)}
  .rung p{font-size:13px;color:var(--muted);margin:0}
  .ladder .arw{display:flex;align-items:center;justify-content:center;color:var(--lime);font-size:26px;font-weight:800}
  .eco-band{display:flex;flex-wrap:wrap;gap:14px 30px;justify-content:center;align-items:flex-start;margin-top:24px;padding:24px 22px;background:linear-gradient(135deg,var(--forest),var(--forest-2));border-radius:18px}
  .eco-stat{text-align:center;color:#fff;min-width:120px}
  .eco-stat b{display:block;font-family:var(--head);font-size:25px;font-weight:800;color:#eafaf0;line-height:1}
  .eco-stat span{font-size:12px;color:#a9d7b9;margin-top:5px;display:block}
  .eco-note{flex-basis:100%;text-align:center;font-size:11.5px;color:#7fbf96;margin-top:2px}
  @media(max-width:820px){.ladder{grid-template-columns:1fr}.ladder .arw{transform:rotate(90deg);height:22px}}
  /* proof of impact */
  .impact-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:8px}
  .impact-c{flex:1 1 300px;max-width:340px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:14px;padding:20px;box-shadow:var(--sh-1)}
  .impact-c h4{font-size:15px;color:var(--ink);margin:0 0 8px}
  .impact-c p{font-size:13.5px;color:var(--slate);margin:0;line-height:1.55}
  .impact-c .big{font-family:var(--head);font-weight:800;color:var(--green)}
  /* network at scale */
  .netgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:8px}
  .netcell{background:#fff;padding:24px 18px;text-align:center}
  .netcell b{display:block;font-family:var(--head);font-size:30px;font-weight:800;color:var(--forest);line-height:1}
  .netcell span{font-size:13px;color:var(--muted);margin-top:6px;display:block}
  /* integrations */
  .intg{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:10px}
  .intg .chip{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 20px;font-family:var(--head);font-weight:700;font-size:14px;color:var(--forest);box-shadow:var(--sh-1)}
  .intg .chip i{width:9px;height:9px;border-radius:3px;background:var(--green-2)}
  /* ROI calculator */
  .roi{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--sh-2)}
  .roi label{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:14px 0 6px}
  .roi input[type=range]{width:100%;accent-color:var(--green)}
  .roi .rowv{display:flex;justify-content:space-between;font-size:13.5px;color:var(--slate)}
  .roi .rowv b{font-family:var(--head);color:var(--ink)}
  .roi-out{background:linear-gradient(135deg,var(--forest),var(--forest-2));border-radius:16px;padding:26px;color:#fff;text-align:center}
  .roi-out .rl{font-size:12.5px;color:#a9d7b9;text-transform:uppercase;letter-spacing:.06em}
  .roi-out .rv{font-family:var(--head);font-size:40px;font-weight:800;color:#fde68a;line-height:1.1;margin:8px 0}
  .roi-out .rs{font-size:13px;color:#cdefd8}
  @media(max-width:760px){.roi{grid-template-columns:1fr}}
  /* FAQ */
  .faq{max-width:820px;margin:0 auto}
  .faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}
  .faq summary{list-style:none;cursor:pointer;padding:16px 20px;font-family:var(--head);font-weight:700;font-size:15px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:12px}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary::after{content:'+';font-size:22px;color:var(--green);font-weight:700}
  .faq details[open] summary::after{content:'–'}
  .faq details p{padding:0 20px 18px;margin:0;font-size:14px;color:var(--slate);line-height:1.6}
  /* sticky CTA */
  .sticky-cta{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;gap:10px;transform:translateY(120px);opacity:0;transition:transform .4s,opacity .4s}
  .sticky-cta.show{transform:none;opacity:1}
  .sticky-cta a{box-shadow:0 12px 30px -8px rgba(13,59,42,.5)}
  @media(max-width:560px){.sticky-cta{right:12px;bottom:12px}.sticky-cta .btn-ghost{display:none}}

  /* back-to-top floating button (site-wide) */
  .to-top{position:fixed;right:22px;bottom:22px;z-index:65;width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,var(--forest-2),var(--green-2));color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px -8px rgba(13,59,42,.55);opacity:0;transform:translateY(24px);pointer-events:none;transition:opacity .3s,transform .3s,background .2s}
  .to-top.show{opacity:1;transform:none;pointer-events:auto}
  .to-top:hover{background:linear-gradient(135deg,var(--green-2),var(--lime))}
  .to-top svg{width:22px;height:22px}
  .to-top--raised{bottom:84px}
  @media(max-width:560px){.to-top{right:14px;bottom:14px;width:42px;height:42px}.to-top--raised{bottom:70px}}
  /* carousel */
  .carousel{position:relative;display:flex;align-items:center;gap:10px;margin-top:8px}
  .caro-track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:6px 2px;flex:1;scrollbar-width:none}
  .caro-track::-webkit-scrollbar{display:none}
  .caro-track>*{flex:0 0 300px;scroll-snap-align:start;min-width:0;margin-top:0!important}
  .caro-arrow{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--forest);font-size:22px;line-height:1;cursor:pointer;box-shadow:var(--sh-1);display:grid;place-items:center;transition:background .15s,border-color .15s,opacity .15s}
  .caro-arrow:hover{background:var(--cream);border-color:var(--green)}
  .caro-arrow:disabled{opacity:.3;cursor:default}
  @media(max-width:560px){.caro-arrow{display:none}.caro-track>*{flex-basis:82%}}
  /* hero live-feed tabs */
  .feed-tabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
  .feed-tabs .ft{font-family:var(--head);font-size:11.5px;font-weight:700;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#cfeadb;border-radius:999px;padding:5px 11px;cursor:pointer;transition:background .15s,color .15s}
  .feed-tabs .ft.on{background:#eafaf0;color:#0d3b2a;border-color:#eafaf0}
  .feed-body{min-height:74px}
  .feed-body .fr{font-size:12.5px;padding:5px 0;color:#dff5e7;line-height:1.35}
  .sb-legend .sl.active{font-weight:600}
  .greq-cta{display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap}

  /* global req */
  .greq{background:#fff}
  .greq-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;margin-bottom:34px}
  .greq-head .lead{margin-top:12px}
  .greq-head .greq-cta{margin-top:6px}
  .req-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .req-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 22px;box-shadow:var(--sh-1);transition:transform .2s,box-shadow .2s}
  .req-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
  .req-card .rtop{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
  .rtype{font-family:var(--head);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--green);background:rgba(21,163,74,.09);padding:5px 10px;border-radius:999px}
  .rtype.exp{color:#a5680a;background:rgba(245,158,11,.12)}
  .rtime{font-size:11px;color:var(--muted)}
  .req-card h4{font-size:17px;margin-bottom:5px}
  .req-card .qty{font-size:13px;color:var(--muted);margin-bottom:14px}
  .rmeta{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--line-2);padding-top:13px}
  .rmeta .loc{font-size:12.5px;color:var(--slate);display:flex;align-items:center;gap:5px;font-weight:600}
  .rmeta .price{font-family:var(--head);font-weight:800;color:var(--forest);font-size:15px}

  /* flywheel */
  .fly{background:#fff}
  .fly-wrap{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
  .fly-svg{width:100%;max-width:460px;margin:0 auto;display:block}
  .fly-points{list-style:none;margin:0;padding:0}
  .fly-points li{padding:18px 0;border-bottom:1px dashed var(--line-2);display:flex;gap:14px}
  .fly-points li:last-child{border:none}
  .fly-points .fn{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--forest-2),var(--green-2));color:#fff;font-family:var(--head);font-weight:800;display:grid;place-items:center;flex:none}
  .fly-points b{font-family:var(--head);font-size:16px;display:block;margin-bottom:3px}
  .fly-points p{margin:0;font-size:13.5px;color:var(--muted)}

  /* market/VC */
  .mkt{background:linear-gradient(160deg,#0a2c20,#0d3b2a)}
  .mkt, .mkt *{color:#eafaf0}
  .mkt h2{color:#fff}.mkt .lead{color:#a9d7b9}
  .tsm{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:12px}
  .tsm-card{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:22px;text-align:center}
  .tsm-card .tv{font-family:var(--head);font-size:38px;font-weight:800;color:var(--lime-2);line-height:1}
  .tsm-card .tt{font-family:var(--head);font-weight:800;color:#fff;margin:8px 0 6px;letter-spacing:.06em;font-size:13px}
  .tsm-card p{font-size:12.5px;color:#9fd3b1;margin:0}
  .rev-streams{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:40px}
  .rev{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:18px}
  .rev .ri{width:38px;height:38px;border-radius:10px;background:rgba(132,204,22,.16);display:grid;place-items:center;margin-bottom:10px}
  .rev .ri svg{color:var(--lime-2);width:19px;height:19px}
  .rev b{font-family:var(--head);color:#fff;font-size:13.5px;display:block;margin-bottom:4px}
  .rev p{font-size:11.5px;color:#9fd3b1;margin:0}
  .mkt-note{text-align:center;margin-top:22px;font-size:12.5px;color:#7fae90}

  /* moat / traction */
  .moat{background:#fff}
  .trac{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:44px}
  .trac-card{background:linear-gradient(160deg,#f0fdf4,#fff);border:1px solid #bbf7d0;border-radius:18px;padding:22px;text-align:center}
  .trac-card .tv{font-family:var(--head);font-size:36px;font-weight:800;color:var(--forest);line-height:1}
  .trac-card p{font-size:13px;color:var(--slate);margin:8px 0 0}
  .moat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
  .moat-card{border:1px solid var(--line);border-radius:var(--radius);padding:14px 22px;box-shadow:var(--sh-1)}
  .moat-card .mi{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#0d3b2a,#15a34a);display:grid;place-items:center;margin-bottom:12px}
  .moat-card .mi svg{color:#fff;width:22px;height:22px}
  .moat-card h3{font-size:16px;margin-bottom:6px}
  .moat-card p{font-size:13px;color:var(--muted);margin:0}

  /* growth partners */
  .gp{background:var(--cream)}
  .gp-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:40px;align-items:stretch}
  .gp-right{display:flex;flex-direction:column}
  .gp-right .territory{flex:1;display:flex;flex-direction:column}
  .gp-right .gmv-chart{margin-top:auto}
  .gp-bonus{margin-top:18px;display:flex;align-items:center;gap:15px;background:linear-gradient(120deg,#fffaf0,#fff);border:1px solid #fde68a;border-radius:16px;padding:16px 22px;box-shadow:var(--sh-1)}
  .gp-bonus .sn{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#e0850a,var(--gold-2));color:#3a2606;font-family:var(--head);font-weight:800;font-size:13px;display:grid;place-items:center;flex:none}
  .gp-btxt{flex:1;min-width:0}
  .gp-btxt b{font-family:var(--head);font-size:15px;color:var(--ink)}
  .gp-btxt span{font-size:13px;color:var(--muted);margin-left:8px}
  .gp-btag{background:#fef3c7;color:#a5680a;font-size:11px;font-weight:800;padding:5px 12px;border-radius:999px;flex:none;letter-spacing:.04em}
  @media(max-width:620px){.gp-bonus{flex-wrap:wrap}.gp-btxt span{display:block;margin-left:0;margin-top:4px}}
  .gp-left{display:flex;flex-direction:column}
  .gmv-chart{position:relative;z-index:2;margin-top:18px;border-top:1px solid rgba(255,255,255,.13);padding-top:16px}
  .gmv-chart .gc-h{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:#9fd3b1;margin-bottom:12px}
  .gmv-chart .gc-h b{color:#fde68a;font-family:var(--head);font-weight:800;font-size:11px;letter-spacing:.03em}
  .gmv-bars{display:flex;align-items:flex-end;gap:16px}
  .gmv-bars .gb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}
  .gmv-bars .gb b{font-family:var(--head);font-size:14px;color:#fff}
  .gmv-bars .bar{width:100%;border-radius:9px 9px 0 0;background:linear-gradient(180deg,var(--lime-2),var(--green));box-shadow:0 -2px 12px rgba(132,204,22,.25);transform-origin:bottom;transition:transform 1s cubic-bezier(.22,1,.36,1)}
  .js .reveal .bar{transform:scaleY(0)}.js .reveal.in .bar{transform:scaleY(1)}
  .gmv-bars .gb span{font-size:11px;color:#9fd3b1;font-weight:600}
  .territory{background:linear-gradient(160deg,#0d3b2a,#0f4a34);border-radius:24px;padding:22px;box-shadow:var(--sh-3);position:relative;overflow:hidden}
  .territory, .territory *{color:#dff5e7}
  .territory:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(132,204,22,.18),transparent 45%)}
  .territory h4{color:#fff;margin:0 0 2px;font-size:16px}
  .territory .sub{color:#8fc7a3;font-size:12.5px;margin-bottom:18px}
  .kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;position:relative;z-index:2}
  .kpi{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:14px}
  .kpi .k-lbl{font-size:10.5px;color:#9fd3b1;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
  .kpi .k-val{font-family:var(--head);font-size:20px;font-weight:800;color:#fff;margin-top:5px}
  .kpi .k-val i{font-style:normal;color:var(--lime-2);font-size:12px;margin-left:4px}
  .streams-lbl{font-family:var(--head);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:22px 0 12px}
  .streams{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:12px;flex:1;margin-bottom:20px}
  .streams .bonus{grid-column:1 / -1}
  .stream{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--sh-1);position:relative;display:flex;flex-direction:column;justify-content:center;transition:transform .18s,box-shadow .2s,border-color .2s}
  .stream:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:#c9e8d3}
  .stream .sn{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--forest-2),var(--green-2));color:#fff;font-family:var(--head);font-weight:800;font-size:12px;display:grid;place-items:center;margin-bottom:10px}
  .stream b{display:block;font-family:var(--head);font-size:14px;line-height:1.2;margin-bottom:2px}
  .stream>span:last-child{font-size:12px;color:var(--muted)}
  .stream.bonus{background:linear-gradient(160deg,#fffaf0,#fff);border-color:#fde68a}
  .stream.bonus .sn{background:linear-gradient(135deg,#e0850a,var(--gold-2));color:#3a2606}
  .stream .tag{position:absolute;top:13px;right:13px;font-family:var(--head);font-size:10px;font-weight:800;text-transform:uppercase;color:#a5680a;background:rgba(245,158,11,.16);padding:3px 8px;border-radius:999px}

  /* roadmap */
  .road{background:#fff}
  .road-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .road-card{border:1px solid var(--line);border-radius:var(--radius);padding:14px 22px;box-shadow:var(--sh-1);position:relative}
  .road-card.now{border-color:#bbf7d0;background:linear-gradient(160deg,#f0fdf4,#fff)}
  .road-card .rp{font-family:var(--head);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-bottom:10px}
  .road-card h3{font-size:20px;margin-bottom:10px}
  .road-card p{font-size:14px;color:var(--muted);margin:0}
  .ask{margin-top:30px;background:linear-gradient(135deg,#0d3b2a,#15a34a);border-radius:22px;padding:clamp(28px,4vw,36px);text-align:center;box-shadow:var(--sh-2)}
  .ask, .ask *{color:#fff}
  .ask h3{font-size:24px;margin-bottom:12px}
  .ask p{color:#cdeed9!important;font-size:16px;max-width:60ch;margin:0 auto 22px}

  /* pricing */
  .pricing{background:var(--cream)}
  .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
  .plan{border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--sh-1);display:flex;flex-direction:column;position:relative;background:#fff;transition:transform .2s,box-shadow .2s}
  .plan:hover{transform:translateY(-5px);box-shadow:var(--sh-2)}
  .plan.featured{background:linear-gradient(165deg,#0d3b2a,#0f4a34);border-color:transparent;box-shadow:var(--sh-3)}
  .plan.featured, .plan.featured *{color:#dff5e7}
  .plan .ptag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#e0850a,var(--gold-2));color:#3a2606;font-family:var(--head);font-size:11px;font-weight:800;padding:6px 16px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--sh-1)}
  .plan .pname{font-family:var(--head);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green)}
  .plan.featured .pname{color:var(--lime-2)}
  .plan .pprice{font-family:var(--head);font-size:36px;font-weight:800;margin:12px 0 4px;color:var(--ink)}
  .plan.featured .pprice{color:#fff}
  .plan .pprice small{font-size:14px;font-weight:500;color:var(--muted)}
  .plan.featured .pprice small{color:#9fd3b1}
  .plan .pdesc{font-size:13.5px;color:var(--muted);margin-bottom:20px}
  .plan.featured .pdesc{color:#a9d7b9}
  .plan ul{list-style:none;margin:0 0 24px;padding:0}
  .plan li{display:flex;gap:9px;align-items:flex-start;padding:7px 0;font-size:14px;border-bottom:1px solid rgba(0,0,0,.04)}
  .plan.featured li{border-color:rgba(255,255,255,.08)}
  .plan li svg{flex:none;width:18px;height:18px;margin-top:1px;color:var(--green)}
  .plan.featured li svg{color:var(--lime-2)}
  .plan .btn{margin-top:auto;justify-content:center;width:100%}
  .price-note{text-align:center;margin-top:26px;font-size:13.5px;color:var(--muted)}
  .price-note b{color:var(--forest)}

  /* contact */
  .contact{background:#fff}
  .contact .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px}
  .c-info .lead{font-size:17px}
  .c-list{margin-top:26px;display:grid;gap:16px}
  .c-item{display:flex;gap:14px;align-items:flex-start}
  .c-item .ci{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--forest-2),var(--green-2));display:grid;place-items:center;flex:none}
  .c-item .ci svg{color:#fff}
  .c-item b{font-family:var(--head);font-size:14px;color:var(--forest)}
  .c-item p{margin:2px 0 0;font-size:13.5px;color:var(--muted)}
  .c-item a{color:var(--green);font-weight:600}
  .form-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--sh-2)}
  .form-card h3{font-size:20px;margin-bottom:4px}
  .form-card .fsub{font-size:13.5px;color:var(--muted);margin-bottom:20px}
  .frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
  .field.full{grid-column:1/-1}
  .field label{font-family:var(--head);font-size:12.5px;font-weight:700;color:var(--slate)}
  .field label span{color:var(--terra)}
  .field input,.field select,.field textarea{font-family:var(--body);font-size:14px;padding:12px 14px;border:1px solid var(--line-2);border-radius:11px;background:var(--cream);color:var(--ink);transition:border-color .2s,box-shadow .2s;width:100%}
  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green-2);box-shadow:0 0 0 3px rgba(34,197,94,.14);background:#fff}
  .field textarea{resize:vertical;min-height:92px}
  .form-note{font-size:12px;color:var(--muted);margin-top:10px;text-align:center}

  /* about */
  .about{background:var(--cream)}
  .about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}
  .disciplines{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:22px}
  .disciplines span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 15px;font-family:var(--head);font-weight:700;font-size:13px;color:var(--forest);box-shadow:var(--sh-1)}
  .disciplines span i{width:7px;height:7px;border-radius:50%;background:var(--green-2);font-style:normal}
  .mv{display:flex;flex-direction:column;gap:18px}
  .mv .box{flex:1;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line);border-left:4px solid var(--green-2);border-radius:16px;padding:22px;background:#fff;box-shadow:var(--sh-1);transition:transform .2s,box-shadow .2s}
  .mv .box:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
  .mv .box .mvi{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--forest-2),var(--green-2));display:grid;place-items:center;margin-bottom:12px}
  .mv .box .mvi svg{width:20px;height:20px;color:#fff}
  .mv .box b{font-family:var(--head);color:var(--green);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
  .mv .box p{margin:7px 0 0;font-size:13.5px;color:var(--slate)}
  .founder{position:relative;display:flex;flex-direction:column;background:linear-gradient(160deg,#0d3b2a,#0f4a34);border-radius:22px;padding:22px;box-shadow:var(--sh-3);overflow:hidden}
  .founder:before{content:"";position:absolute;inset:0;background:radial-gradient(420px 200px at 100% 0,rgba(132,204,22,.16),transparent 60%);pointer-events:none}
  .founder, .founder *{color:#dff5e7;position:relative}
  .founder .fhead{display:flex;align-items:center;gap:16px}
  .founder .favatar{width:60px;height:60px;border-radius:16px;background:rgba(132,204,22,.18);border:1px solid rgba(132,204,22,.32);display:grid;place-items:center;font-family:var(--head);font-size:22px;font-weight:800;color:var(--lime-2);flex:none}
  .founder h4{color:#fff;font-size:18px;margin:0}
  .founder .role{color:#9fd3b1;font-size:12.5px}
  .founder .creds{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
  .founder .creds span{background:rgba(132,204,22,.15);color:var(--lime-2);border:1px solid rgba(132,204,22,.32);border-radius:7px;padding:3px 10px;font-size:11px;font-weight:800;font-family:var(--head);letter-spacing:.02em}
  .founder blockquote{margin:22px 0 0;font-size:15.5px;line-height:1.6;color:#eafaf0;border-left:3px solid var(--lime-2);padding-left:18px;font-style:italic}
  .founder .team{margin-top:auto;padding-top:22px;display:flex;gap:10px;flex-wrap:wrap}
  .founder .team .t{flex:1;min-width:150px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:10px;padding:11px 13px;font-size:11.5px;color:#a9d7b9}
  .founder .team .t b{color:#fff;display:block;font-size:13px;font-family:var(--head);margin-bottom:2px}
  .founder .fbacked{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.13)}
  .founder .fb-lbl{font-family:var(--head);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8fc7a3;display:block;margin-bottom:11px}
  .founder .fb-pills{display:flex;flex-wrap:wrap;gap:7px}
  .founder .fb-pills span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:6px 11px;font-size:11.5px;font-weight:700;font-family:var(--head);color:#dff5e7}

  /* final cta */
  .cta-final{background:#fff}
  .cta-card{background:radial-gradient(700px 340px at 12% 0,rgba(132,204,22,.18),transparent 55%),linear-gradient(150deg,#0d3b2a,#15a34a);border-radius:28px;padding:clamp(38px,5vw,52px) clamp(22px,4vw,40px);text-align:center;box-shadow:var(--sh-3)}
  .cta-card, .cta-card *{color:#fff}
  .cta-card .tagline{font-family:var(--head);font-size:clamp(15px,2vw,19px);font-weight:700;color:var(--lime-2)!important;letter-spacing:.04em;margin-bottom:14px}
  .cta-card h2{font-size:clamp(29px,3.4vw,42px)}
  .cta-card p{color:#cdeed9!important;font-size:18px;margin:16px auto 30px;max-width:56ch}
  .cta-card .hero-cta{justify-content:center}
  .cta-note{margin-top:18px;font-size:13px;color:#a9d7b9!important}

  /* footer */
  footer{background:#082019;color:#9fb8ab;padding:60px 0 26px}
  .foot-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr 1.4fr;gap:32px}
  footer .brand{color:#fff}
  footer h5{color:#fff;font-size:14px;margin:0 0 14px;font-family:var(--head)}
  footer a{display:block;color:#9fb8ab;font-size:14px;padding:5px 0}
  footer a:hover{color:var(--lime-2)}
  .contact-line{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;padding:6px 0;color:#b6cabe}
  .contact-line svg{flex:none;width:16px;height:16px;margin-top:2px;color:var(--lime-2)}
  /* Call / WhatsApp / Email sit on ONE line — the separate .foot-contact strip that
     repeated the same details was removed, so this row is the single contact point. */
  .contact-btns{display:flex;gap:8px;flex-wrap:nowrap;margin-top:14px}
  .contact-btns a{padding:10px 13px;border-radius:10px;font-family:var(--head);font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;flex:1 1 0;min-width:0}
  .contact-btns a svg{flex:none}
  @media(max-width:420px){ .contact-btns a{padding:10px 8px;font-size:11.5px} }
  /* real logo, on a light chip so it reads on the dark footer */
  .foot-brand{display:inline-block;background:#fff;padding:8px 12px;border-radius:12px;line-height:0}
  .foot-brand img{height:34px;width:auto;display:block}
  .cb-call{background:linear-gradient(135deg,var(--forest-2),var(--green-2));color:#fff}
  .cb-wa{background:#1f8a4c;color:#fff}
  .cb-mail{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.16)}
  .socials{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
  .socials a{width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;padding:0}
  .socials a:hover{background:var(--green);border-color:var(--green)}
  .socials svg{width:15px;height:15px;color:#cfe9d8}
  .regional{margin-top:14px;font-size:12.5px;color:#7d968a}
  .foot-bottom{margin-top:22px;padding-top:0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:#7d968a}
  .foot-bottom a{display:inline;padding:0;color:#9fb8ab}
  .addr-swiper{position:relative;overflow:hidden;max-width:280px}
  .addr-track{display:flex;transition:transform .6s ease}
  .addr-slide{min-width:100%;box-sizing:border-box;font-size:13.5px;color:#b6cabe;line-height:1.55;padding-right:12px}
  .addr-slide b{color:#cfe9d8;display:block;margin-bottom:3px;font-family:var(--head);font-weight:700}
  .addr-dots{display:flex;gap:6px;margin-top:11px}
  .addr-dots span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:background .2s}
  .addr-dots span.on{background:var(--lime-2)}
  .foot-contact{display:flex;justify-content:center;align-items:center;gap:8px 16px;flex-wrap:wrap;margin-top:36px;padding:20px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
  .foot-contact a{display:inline-flex;align-items:center;gap:8px;padding:0;color:#cfe9d8;font-size:15px;font-family:var(--head);font-weight:600}
  .foot-contact a:hover{color:#fff}
  .foot-contact svg{width:16px;height:16px;color:var(--lime-2);flex:none}
  .foot-contact .fc-sep{color:#3f5a4c}

  /* responsive hardening: let grid/flex children shrink so text wraps instead of overflowing the viewport */
  .hero .wrap>*,.gp-grid>*,.streams>*,.about-grid>*,.charts-2>*,.fly-wrap>*,.contact .wrap>*,.cp-grid>*,.mv,.mv>*,.tsm>*,.trac>*,.rev-streams>*,.kpi-grid>*,.kpi-cards>*,.prob-grid>*,.plat-grid>*,.agri-grid>*,.zero-grid>*,.req-grid>*,.moat-grid>*,.road-grid>*,.price-grid>*,.flow-grid>*,.tc-metrics>*{min-width:0}
  .agri-card,.cp-card,.plat-card{min-width:0}
  .agri-card>div,.cp-card>div{min-width:0}
  img,svg,video,canvas{max-width:100%;height:auto}
  .hero h1,.hero p.lead,h1,h2,h3,p{overflow-wrap:break-word}

  /* tablet / small laptop */
  @media(max-width:1040px){
    .rev-streams{grid-template-columns:repeat(3,1fr)}
    .agri-grid{grid-template-columns:repeat(2,1fr)}
  }
  @media(max-width:960px){
    .nav-links{display:none}.menu-toggle{display:block}
    .nav-links .m-only{display:block}
    .nav-inner{flex-wrap:nowrap;justify-content:space-between;gap:8px;padding:0}
    .nav-cta{flex-basis:auto;flex:0 0 auto;order:2;margin:0;border-top:none;padding-top:0}
    .hero .wrap,.gp-grid,.about-grid,.charts-2,.contact .wrap,.fly-wrap{grid-template-columns:1fr;gap:34px}
    .hero .wrap{min-height:0;padding-top:40px;padding-bottom:48px}
    .gp .wrap>.reveal.d1{display:block}
    .plat-grid,.zero-grid,.moat-grid,.tsm{grid-template-columns:repeat(2,1fr)}
    .prob-grid{grid-template-columns:1fr 1fr}
    .req-grid,.road-grid,.trac,.price-grid,.cp-grid{grid-template-columns:1fr}
    .rev-streams{grid-template-columns:repeat(2,1fr)}
    .kpi-cards{grid-template-columns:repeat(2,1fr)}
    .flow-grid{grid-template-columns:repeat(3,1fr);gap:28px 14px}.flow-line{display:none}
    .mill-vs{grid-template-columns:1fr;gap:12px}.mill-vs .vs{text-align:center}
    .foot-top{grid-template-columns:1fr 1fr}
    .plan.featured{transform:none}
  }
  /* large phone */
  @media(max-width:680px){
    .prob-grid,.agri-grid,.zero-grid{grid-template-columns:1fr 1fr}
    .rev-streams{grid-template-columns:1fr 1fr}
    /* declutter on phones: homepage top-bar CTA hides; on other pages the in-nav Login/Language buttons move into the menu */
    .ticker>.nav-cta{display:none}
    .nav .nav-cta .btn-ghost,.nav .nav-cta .lang-btn{display:none}
    .brand .tld{display:none}
    /* decorative floating chips overlap the mock card on narrow screens */
    .float-chip{display:none}
    /* thin out farm floaters that sit behind the headline/paragraph on full-width mobile text */
    .ag6,.ag9,.ag10,.ag15,.ag16,.ag17,.ag20{display:none}
  }
  @media(max-width:520px){
    .wrap{padding:0 18px}
    .plat-grid,.moat-grid,.zero-grid,.tsm,.prob-grid,.agri-grid,.rev-streams,.kpi-cards,.flow-grid,.foot-top,.frow,.mv,.streams{grid-template-columns:1fr}
    .hero h1{font-size:30px}
    .hero-mini-stats{gap:16px}
    .section-head{margin-bottom:30px}
    .dash-bar{flex-direction:column;align-items:flex-start}
    .greq-cta .btn{flex:1}
  }

  /* language selector */
  .lang-btn{padding-left:11px;padding-right:11px}
  .lang-btn svg{display:block}
  .lang-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(13,59,42,.5)}
  .lang-modal.open{display:flex}
  .lang-box{position:relative;background:#fff;border-radius:20px;padding:40px 42px;box-shadow:0 40px 90px -25px rgba(0,0,0,.5);width:min(440px,100%);text-align:center}
  .lang-box h3{font-family:var(--head);font-size:clamp(24px,3vw,31px);font-weight:800;color:var(--forest);margin-bottom:26px}
  .lang-close{position:absolute;top:14px;right:18px;background:none;border:none;font-size:28px;line-height:1;color:var(--muted);cursor:pointer;padding:2px 6px}
  .lang-close:hover{color:var(--forest)}
  .lang-row{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}
  .lang-select{font-family:var(--head);font-size:15px;font-weight:600;padding:12px 16px;border:1px solid var(--line-2);border-radius:11px;background:#fff;color:var(--slate);min-width:200px;cursor:pointer}
  .lang-select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(21,163,74,.15)}
  /* hide Google Translate default UI chrome */
  .goog-te-banner-frame,.skiptranslate{display:none!important}
  body{top:0!important}
  #goog-gt-tt,.goog-te-balloon-frame{display:none!important}
  .goog-text-highlight{background:none!important;box-shadow:none!important}

/* work-with-us section */
.wwu{background:var(--cream)}
.wwu-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:8px 0 22px}
.wwu-tabs button{font-family:var(--head);font-weight:700;font-size:14px;border:1px solid var(--line);background:#fff;color:var(--slate);padding:11px 20px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.wwu-tabs button.on{background:var(--forest);color:#fff;border-color:var(--forest)}
.wwu-panel{max-width:760px;margin:0 auto}
.wwu-form{margin:0}
.field select,.wwu-form select{font-family:var(--body);font-size:13.5px;padding:11px 13px;border:1px solid var(--line-2);border-radius:10px;background:var(--cream);color:var(--ink);width:100%}
.hide{display:none!important}
@media(max-width:600px){.nav-cta .btn-primary{display:none!important}.nav-cta{min-width:0}}