/* AgTech Hub, sponsored by LATERAL. Shared by every page on agtech-hub.com. */
:root{
  --forest:#0b3324;--leaf:#2f7d4a;--sprout:#9fd6a0;--harvest:#d99a2b;--cream:#f6f3e7;
  --bg:#fbfaf5;--card:#fff;--tx:#18211c;--mut:#5a6660;--bd:#e4e1d2;--link:#2a6f42;--soft:rgba(47,125,74,.09)
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0e1411;--card:#151e19;--tx:#e8eee9;--mut:#a1aea6;--bd:#26322b;--link:#8fd19a;--soft:rgba(159,214,160,.08)
}}
:root[data-theme="dark"]{--bg:#0e1411;--card:#151e19;--tx:#e8eee9;--mut:#a1aea6;--bd:#26322b;--link:#8fd19a;--soft:rgba(159,214,160,.08)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.65 "Inter",system-ui,-apple-system,Segoe UI,Arial,sans-serif}
a{color:var(--link)}
img{max-width:100%}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}

/* top bar */
.top{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--bd)}
.top .wrap{display:flex;align-items:center;gap:20px;height:62px}
.logo{display:flex;align-items:center;gap:10px;color:var(--tx);text-decoration:none;margin-right:auto}
.logo img{width:34px;height:34px}
.logo b{font:600 19px/1 "Fraunces",Georgia,serif;letter-spacing:-.01em}
.logo small{display:block;font:500 10px/1.2 "Inter",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-top:3px}
.nav{display:flex;gap:18px;align-items:center;font-size:14px}
.nav a{color:var(--tx);text-decoration:none}.nav a:hover,.nav a.on{color:var(--link)}
.btn{display:inline-block;font:600 14px/1 "Inter",sans-serif;text-decoration:none;border-radius:8px;padding:11px 16px;border:1px solid var(--bd);color:var(--tx);background:var(--card);cursor:pointer}
.btn.go{background:var(--leaf);border-color:var(--leaf);color:#fff}
.btn.gold{background:var(--harvest);border-color:var(--harvest);color:#1d1504}
.btn:hover{filter:brightness(1.07)}
.nav .btn{padding:8px 13px}
@media (max-width:720px){.nav a:not(.btn){display:none}.logo small{display:none}}

/* hero */
.hero{position:relative;overflow:hidden;background:var(--forest);color:var(--cream)}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:46%;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(159,214,160,.0) 0 22px,rgba(159,214,160,.10) 22px 24px);
  -webkit-mask:linear-gradient(transparent,#000);mask:linear-gradient(transparent,#000)}
.hero .wrap{position:relative;z-index:1;padding-top:clamp(48px,8vw,96px);padding-bottom:clamp(48px,8vw,96px)}
.kicker{font:600 12px/1 "Inter",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--harvest);margin:0 0 14px}
.hero h1{font:500 clamp(34px,6vw,60px)/1.06 "Fraunces",Georgia,serif;letter-spacing:-.02em;margin:0;max-width:760px}
.hero p.lead{font-size:clamp(16px,2vw,19px);color:#cfe0d4;max-width:620px;margin:20px 0 28px}
.hero .acts{display:flex;gap:12px;flex-wrap:wrap}
.hero .btn:not(.go):not(.gold){background:transparent;color:var(--cream);border-color:rgba(246,243,231,.35)}
.sponsor{display:flex;align-items:center;gap:10px;margin-top:36px;font-size:13px;color:#b7cbbd;letter-spacing:.04em}
.sponsor img{width:26px;height:26px;background:#fff;border-radius:6px;padding:2px}
.sponsor a{color:#e3eee6}

/* page header (inner pages) */
.phead{background:var(--forest);color:var(--cream)}
.phead .wrap{padding-top:44px;padding-bottom:40px}
.phead h1{font:500 clamp(30px,4.5vw,44px)/1.1 "Fraunces",Georgia,serif;margin:0;letter-spacing:-.01em}
.phead p{color:#cfe0d4;max-width:640px;margin:12px 0 0}

/* sections */
section.s{padding:clamp(44px,7vw,80px) 0}
section.s.alt{background:var(--soft);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd)}
h2{font:500 clamp(26px,3.6vw,36px)/1.15 "Fraunces",Georgia,serif;letter-spacing:-.01em;margin:0 0 10px}
.sub{color:var(--mut);max-width:640px;margin:0 0 32px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:22px}
.card h3{font:600 17px/1.3 "Inter",sans-serif;margin:12px 0 6px}
.card p{margin:0;color:var(--mut);font-size:15px}
.ic{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--soft);color:var(--leaf)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ic{color:var(--sprout)}}
.ic svg{width:22px;height:22px}
.tag{display:inline-block;font:600 11px/1 "Inter",sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:rgba(217,154,43,.16);color:#8a5b07;vertical-align:2px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tag{color:var(--harvest)}}
.tag.now{background:rgba(47,125,74,.14);color:var(--leaf)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tag.now{color:var(--sprout)}}

/* who it's for */
.who{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:960px){.who{grid-template-columns:repeat(2,1fr)}}
@media (max-width:540px){.who{grid-template-columns:1fr}}
.who .card{border-top:4px solid var(--leaf)}
.who .card.gold{border-top-color:var(--harvest)}
.who ul{margin:10px 0 0;padding-left:18px;color:var(--mut);font-size:15px}

/* two columns */
.two{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,56px);align-items:start}
@media (max-width:820px){.two{grid-template-columns:1fr}}
.checks{list-style:none;margin:0;padding:0}
.checks li{position:relative;padding:0 0 14px 32px}
.checks li::before{content:"";position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:50%;background:var(--leaf) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m6 10 3 3 5-6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.checks b{display:block}
.checks span{color:var(--mut);font-size:15px}

/* example grow profile */
.profile{background:var(--card);border:1px solid var(--bd);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px -18px rgba(11,51,36,.45)}
.profile .ph{padding:16px 20px;border-bottom:1px solid var(--bd);display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.profile .ph b{font:600 17px "Fraunces",Georgia,serif}
.profile .ph small{color:var(--mut);font-size:12px}
.profile dl{display:grid;grid-template-columns:1fr 1fr;margin:0}
.profile dl div{padding:12px 20px;border-bottom:1px solid var(--bd)}
.profile dl div:nth-child(odd){border-right:1px solid var(--bd)}
.profile dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.profile dd{margin:2px 0 0;font-weight:600;font-variant-numeric:tabular-nums}
.profile .pf{padding:12px 20px;font-size:13px;color:var(--mut)}

/* call to action */
.cta{background:var(--forest);color:var(--cream);border-radius:16px;padding:clamp(28px,5vw,48px);display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta h2{margin:0}.cta p{color:#cfe0d4;margin:8px 0 0;max-width:560px}

/* prose */
.prose{max-width:720px}
.prose h2{margin-top:36px;font-size:26px}
.prose p,.prose li{color:var(--tx)}
.prose li{margin-bottom:6px}
.note{background:var(--card);border:1px dashed var(--bd);border-radius:12px;padding:20px;color:var(--mut)}

/* footer */
footer{border-top:1px solid var(--bd);margin-top:20px}
footer .wrap{display:flex;gap:16px 28px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:36px;font-size:14px;color:var(--mut)}
footer nav{display:flex;gap:18px;flex-wrap:wrap}
footer a{color:var(--mut);text-decoration:none}footer a:hover{color:var(--link)}
footer .by{display:flex;align-items:center;gap:8px}
footer .by img{width:22px;height:22px}