/* Peak Strategic Agriculture — site stylesheet (built by Khloé, Aug 2026, derived from the PSI family look) */
:root{
  --char:#14181d; --char2:#0d1014; --field:#0d2411; --green:#0aa614; --green-deep:#027a02; --green-soft:#e9f7ea;
  --sand:#e8ddc9; --gold:#d9a441;
  --light:#f6f7f4; --text:#1c2127; --text-inv:#e8eaed; --grey:#8a919a; --line:#262c33; --line-light:#e4e7ea;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Manrope',Arial,sans-serif;color:var(--text);background:#fff;font-size:16px;line-height:1.65;}
h1,h2,h3,h4{font-family:'Hanken Grotesk',Arial,sans-serif;font-weight:700;line-height:1.15;}
a{text-decoration:none;color:inherit;}
img{display:block;max-width:100%;}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px;}
.kicker{color:var(--green);font-weight:800;letter-spacing:2.5px;font-size:12px;text-transform:uppercase;margin-bottom:14px;}
.krows{display:flex;gap:6px;width:64px;margin:-6px 0 14px;}
.krows i{flex:1;border-top:2px solid rgba(10,166,20,.5);}
.btn{display:inline-block;white-space:nowrap;text-align:center;background:var(--green);color:#fff;padding:14px 32px;font-weight:700;font-size:14px;border-radius:999px;letter-spacing:0.3px;}
.btn:hover{background:var(--green-deep);}
.btn-ghost{display:inline-block;white-space:nowrap;text-align:center;border:1.5px solid #5a626b;color:var(--text-inv);padding:14px 32px;font-weight:700;font-size:14px;border-radius:999px;}
.btn-ghost.dark{border-color:#c3c9cf;color:var(--text);}
/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(13,16,20,0.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
nav .bar{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:16px 32px;}
nav img{height:38px;}
nav .links{display:flex;gap:20px;font-size:13px;font-weight:600;color:#c9ced4;align-items:center;white-space:nowrap;}
nav .links a:hover{color:#fff;}
nav .links a.active{color:#fff;border-bottom:2px solid var(--green);padding-bottom:3px;}
nav .cta{background:var(--green);color:#fff;padding:9px 22px;font-weight:700;font-size:13px;border-radius:999px;}
nav .cta:hover{background:var(--green-deep);}
/* HERO */
.hero{min-height:660px;position:relative;background:var(--char2);display:flex;align-items:center;overflow:hidden;}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,16,10,0.9) 0%,rgba(8,16,10,0.55) 45%,rgba(8,16,10,0.15) 100%);}
.hero .inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:140px 64px 80px 64px;width:100%;}
.hero h1{font-size:54px;color:#fff;max-width:660px;}
.hero .sub{margin-top:22px;font-size:17px;color:#cfd8d0;max-width:560px;}
.hero .btns{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap;}
.hero.short{min-height:400px;}
.hero.short h1{font-size:42px;}
/* CRED BAND */
.cred{display:flex;justify-content:space-between;align-items:center;background:var(--light);padding:26px 64px;flex-wrap:wrap;gap:14px;}
.cred .item{font-size:13px;font-weight:700;color:#454c54;}
.cred .item span{color:var(--green);margin-right:8px;}
/* SECTIONS */
section{padding:90px 0;}
section.dark{background:var(--char);color:var(--text-inv);}
section.field{background:var(--field);color:var(--text-inv);position:relative;overflow:hidden;}
section.grey{background:var(--light);}
h2.sec{font-size:34px;margin-bottom:18px;}
section.dark h2.sec, section.field h2.sec{color:#fff;}
.lead{font-size:17px;color:#4a525b;max-width:760px;}
section.dark .lead, section.field .lead{color:#b7c2ba;}
/* CARD GRID */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px;}
.grid.two{grid-template-columns:repeat(2,1fr);}
.card{background:#fff;border:1px solid var(--line-light);border-radius:24px;overflow:hidden;transition:transform .2s, box-shadow .2s;}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(20,24,29,0.12);}
.card .ph{height:210px;background-size:cover;background-position:center;}
.card .body{padding:24px 26px 28px 26px;}
.card h3{font-size:19px;margin-bottom:8px;}
.card p{font-size:14px;color:#5a626b;}
.card .more{display:inline-block;margin-top:14px;color:var(--green);font-weight:700;font-size:13.5px;}
section.dark .card, section.field .card{background:#182a1b;border-color:#22381f;}
section.field .card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09);}
section.dark .card h3, section.field .card h3{color:#fff;}
section.dark .card p, section.field .card p{color:#a9b6ab;}
/* SPLIT */
.split{display:flex;gap:64px;align-items:center;margin-top:40px;}
.split > div{flex:1;}
.split .im{border-radius:24px;overflow:hidden;}
/* LIST rows */
.rows{margin-top:40px;}
.row{display:flex;gap:40px;padding:26px 0;border-bottom:1px solid var(--line-light);}
.row h3{width:300px;flex-shrink:0;font-size:18px;}
.row p{color:#5a626b;font-size:14.5px;}
section.field .row{border-color:rgba(255,255,255,.1);}
section.field .row h3{color:#fff;}
section.field .row p{color:#a9b6ab;}
/* STATS */
.stats{display:flex;gap:0;margin-top:48px;border:1px solid var(--line);border-radius:24px;overflow:hidden;}
.stat{flex:1;padding:34px;border-right:1px solid var(--line);}
.stat:last-child{border-right:none;}
.stat .n{font-family:'Hanken Grotesk';font-size:38px;font-weight:700;color:var(--green);}
.stat .l{font-size:13px;color:#9aa1aa;margin-top:6px;}
/* FOOTER */
footer{background:var(--char2);color:#9aa1aa;padding:70px 0 30px 0;font-size:13.5px;border-top:3px solid var(--green);}
footer .cols{display:flex;gap:64px;max-width:1200px;margin:0 auto;padding:0 32px;}
footer .col{flex:1;}
footer img{height:36px;margin-bottom:18px;}
footer h4{color:#fff;font-size:14px;margin-bottom:14px;letter-spacing:0.5px;}
footer a{display:block;margin-bottom:8px;}
footer a:hover{color:#fff;}
footer .base{max-width:1200px;margin:44px auto 0 auto;padding:22px 32px 0 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:#6a727c;flex-wrap:wrap;gap:8px;}
/* PAGE HERO (inner pages) */
.crumb{color:#aab5ac;font-size:12.5px;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;}
.crumb b{color:#4fe05a;}
/* FORM */
form .frow{display:flex;gap:18px;margin-bottom:18px;}
input,select,textarea{width:100%;padding:14px 18px;border:1px solid #c9ced4;border-radius:14px;font-family:inherit;font-size:14.5px;background:#fff;}
textarea{min-height:150px;}
label{font-size:12.5px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:#5a626b;display:block;margin-bottom:6px;}
/* Steps */
.steps{display:flex;gap:0;margin-top:48px;border:1px solid var(--line-light);border-radius:24px;overflow:hidden;background:#fff;}
section.dark .steps, section.field .steps{border-color:rgba(255,255,255,.12);background:transparent;}
.step{flex:1;padding:34px 28px;border-right:1px solid var(--line-light);position:relative;}
section.dark .step, section.field .step{border-color:rgba(255,255,255,.12);}
.step:last-child{border-right:none;}
.step .sn{font-family:'Hanken Grotesk';font-size:30px;font-weight:700;color:var(--green);opacity:0.9;}
section.field .step .sn{color:#4fe05a;}
.step h3{font-size:16.5px;margin:12px 0 8px 0;}
section.dark .step h3, section.field .step h3{color:#fff;}
.step p{font-size:13px;color:#5a626b;}
section.dark .step p, section.field .step p{color:#a9b6ab;}
/* Standards band */
.standards{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;}
.standards .std{border:1.5px solid var(--green);color:var(--green-deep);font-weight:700;font-size:12px;letter-spacing:0.6px;padding:8px 18px;border-radius:999px;text-transform:uppercase;}
section.dark .standards .std, section.field .standards .std{border-color:#2f8f3a;color:#6fdc79;}
/* Cinematic homepage */
.heroA{min-height:780px;position:relative;overflow:hidden;background:var(--char2);display:flex;align-items:flex-end;}
.heroA .bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04);}
.heroA .shade{position:absolute;inset:0;background:linear-gradient(0deg,#08100a 2%,rgba(8,16,10,0.25) 42%,rgba(8,16,10,0.5) 100%);}
.heroA .inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:180px 64px 70px 64px;width:100%;}
.heroA h1{font-size:70px;font-weight:800;color:#fff;line-height:1.04;max-width:880px;letter-spacing:-0.5px;}
.heroA .sub{margin-top:24px;font-size:17px;color:#cfd8d0;max-width:600px;}
.heroA .btns{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;}
.ticker{display:flex;background:#0b1710;border-top:1px solid #1c2e20;}
.ticker .t{flex:1;padding:26px 34px;border-right:1px solid #1c2e20;display:flex;align-items:center;gap:14px;}
.ticker .t:last-child{border-right:none;}
.ticker .n{font-family:'Hanken Grotesk';font-size:28px;font-weight:800;color:#4fe05a;line-height:1.1;}
.ticker .l{font-size:12.5px;color:#8b9a8e;line-height:1.35;}
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;}
.dcard{position:relative;height:320px;border-radius:24px;overflow:hidden;display:block;}
.dcard img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s;}
.dcard:hover img{transform:scale(1.05);}
.dcard .ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,12,8,0.92) 0%,rgba(6,12,8,0.25) 45%,transparent 65%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;}
.dcard h3{font-size:21px;color:#fff;}
.dcard p{font-size:13px;color:#b9c5bb;margin-top:6px;max-width:330px;}
.dcard .more{color:#4fe05a;font-size:13px;font-weight:700;margin-top:10px;}
/* Photo card with caption */
.photo{border-radius:24px;overflow:hidden;position:relative;}
.photo img{width:100%;height:100%;object-fit:cover;}
.photo .cap{position:absolute;left:0;right:0;bottom:0;padding:22px 24px 16px;background:linear-gradient(transparent, rgba(6,14,8,.8));color:#fff;font-size:13px;font-weight:600;}
/* Contours background device */
.contours{position:absolute;inset:0;opacity:.08;pointer-events:none;width:100%;height:100%;}
/* Green dot list */
ul.dots{list-style:none;margin-top:18px;}
ul.dots li{position:relative;padding-left:26px;margin-bottom:12px;font-size:14.5px;color:#3a4149;}
ul.dots li::before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:50%;background:var(--green);}
section.dark ul.dots li, section.field ul.dots li{color:#b7c2ba;}
/* Highlight plan panel */
.planbox{margin-top:22px;padding:20px 24px;border-radius:18px;background:rgba(10,166,20,.10);border-left:5px solid var(--green);}
.planbox h3{font-size:16px;color:#fff;}
.planbox p{font-size:13.5px;color:#b7c2ba;margin-top:6px;}
.planbox.onlight{background:var(--green-soft);}
.planbox.onlight h3{color:var(--text);}
.planbox.onlight p{color:#4a525b;}
@media(max-width:980px){
  .heroA h1{font-size:44px;} .ticker{flex-wrap:wrap;} .ticker .t{flex-basis:50%;} .dgrid{grid-template-columns:1fr 1fr;}
  .grid{grid-template-columns:1fr 1fr;} .split{flex-direction:column;}
  .hero h1{font-size:38px;} nav .links{display:none;}
  .steps{flex-wrap:wrap;} .step{flex-basis:50%;}
}
@media(max-width:640px){
  .btn,.btn-ghost{padding:12px 24px;font-size:13.5px;}
  .grid,.grid.two,.dgrid{grid-template-columns:1fr;}
  footer .cols{flex-direction:column;gap:34px;}
  .row{flex-direction:column;gap:8px;} .row h3{width:auto;}
  .cred{padding:22px 28px;} .frow{flex-direction:column;}
  .step{flex-basis:100%;} .heroA .inner{padding:140px 28px 50px 28px;}
  .hero .inner{padding:120px 28px 60px 28px;}
}
/* Editorial alignment: justify only wide reading copy. Compact and mobile copy stays natural. */
p{text-align:left;}
@media(min-width:981px){
  section .wrap > p,
  .split > div > p,
  .row p{text-align:justify;}
}
/* Small containers need even word spacing and calls to action should follow their layout. */
.card p, .card li, .card .body p, .dcard p, .dcard .ov p, .dcard .ov div, .step p, .step div,
ul.dots li, footer p, footer div, footer li, .photo .cap, .ticker .l, .t .l, .crumb,
.hero .sub, .heroA .sub, .cred div, .planbox p{text-align:left;}
section .wrap[style*="text-align:center"] > p{text-align:center;}
/* mobile hamburger (pure CSS, CSP-safe) */
.navtoggle{display:none;}
.burger{display:none;font-size:22px;color:#fff;cursor:pointer;padding:4px 10px;user-select:none;}
@media(max-width:980px){
  nav{position:relative;}
  .burger{display:block;}
  .navtoggle:checked ~ .links{display:flex !important;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#0b1710;border-top:1px solid #1c2e20;padding:12px 24px 18px;z-index:50;gap:2px;}
  .navtoggle:checked ~ .links a{padding:11px 0;font-size:15px;border-bottom:1px solid #14241a;}
}