 :root{--green:#4caf50;--forest:#183d2b;--ink:#19271f;--muted:#647167;--paper:#f5f6ef}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e4e9e1}.header{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-weight:800;font-size:23px;letter-spacing:-.7px;display:flex;align-items:center;gap:12px}.brand-symbol{color:var(--green);font-size:42px}.brand small{display:block;font-size:9px;letter-spacing:2.1px;font-weight:500}.header nav{display:flex;gap:27px;font-size:14px}.header nav a:hover,footer a:hover{color:var(--green)}.menu-toggle{display:none}.hero{background:var(--forest);color:#fff;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:615px;gap:24px}.hero-copy{padding:64px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#b4dca5;display:block;margin-bottom:24px}.green{color:#408244}h1{font-size:clamp(38px,4.6vw,66px);letter-spacing:-2.7px;line-height:1.09;margin:0 0 25px}h1 em{font-style:normal;color:#bad991}.hero-copy>p{max-width:470px;color:#cedace;font-size:18px;line-height:1.7}.button{display:inline-flex;gap:28px;align-items:center;background:var(--green);padding:16px 23px;border-radius:4px;margin-top:16px;font-size:14px;font-weight:700}.button:hover{background:#3c9b41}.hero-caption{font-size:12px;color:#bfd0bc;margin-top:32px;max-width:340px}.hero-bottom{border-top:1px solid #ffffff26;display:flex;justify-content:space-between;padding:20px 0;color:#bfd0bc;font-size:12px}.section{padding:100px 0}h2{font-size:clamp(29px,3.3vw,44px);line-height:1.16;letter-spacing:-1.4px;margin:0 0 26px}h3{line-height:1.3}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.body-copy p{color:var(--muted);margin:0 0 22px}.body-copy .lead{font-size:22px;color:var(--ink);line-height:1.55}.fund-note{border-left:3px solid var(--green);padding:0 0 0 23px;margin-top:32px}.fund-note>span{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#408244}.fund-note p{margin:8px 0;font-size:14px}.fund-note small{color:var(--muted);font-size:12px}.outcome{margin-top:65px;padding:35px 40px;background:var(--paper);display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:center;gap:35px;border-radius:6px}.outcome .eyebrow{margin-bottom:10px}.outcome h3{font-size:23px;margin:0;letter-spacing:-.5px}.metric strong{font-size:69px;letter-spacing:-3px;color:#398442;line-height:1}.metric strong span{font-size:38px}.metric p{font-size:12px;margin:8px 0 0}.outcome-note{font-size:12px;color:var(--muted)}.benefits{background:var(--paper)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:45px}.section-top h2{margin-bottom:0}.section-top>p{max-width:330px;color:var(--muted);font-size:15px;margin:0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ccd6c7}.benefit-grid article{padding:32px 24px 10px;border-right:1px solid #dbe1d5}.benefit-grid article:first-child{padding-left:0}.benefit-grid article:last-child{border:0}.index{font-size:13px;color:#4f9652}.benefit-grid h3{font-size:21px;margin:30px 0 16px}.benefit-grid p{font-size:14px;color:var(--muted)}.steps{background:var(--forest);color:white}.steps .section-top>p{color:#bfd0bc}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:65px 0 0;gap:45px}.steps-grid li{border-top:1px solid #ffffff40;padding-top:24px}.steps-grid li>span{font-size:42px;color:#aaca86;letter-spacing:-2px}.steps-grid h3{font-size:21px}.steps-grid p{font-size:14px;color:#bfd0bc}.support{text-align:center;background:#f7f8f6;padding:75px 0 85px}.support h2{font-size:42px}.support .eyebrow{margin-bottom:16px}.support-logos{display:flex;justify-content:center;gap:20px;margin-top:35px}.support-logos>div{background:#eee;border:1px solid #e3e5e1;border-radius:4px;width:245px;height:138px;display:grid;place-items:center}.support-logos img{width:100%;height:100%;object-fit:contain}footer{background:#181b18;color:#fff;padding-top:55px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer-top p{font-size:13px;color:#aeb6ad}.footer-top nav{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#c0c8bd}.footer-label{font-size:10px;letter-spacing:1.4px;color:#9eaf96}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff1c;padding:23px 0;font-size:11px;color:#959e92}.skip{position:fixed;top:-80px;left:10px;z-index:30;padding:15px;background:#fff}.skip:focus{top:5px}:focus-visible{outline:3px solid #92bc55;outline-offset:5px}@media(max-width:900px){.wrap{width:calc(100% - 40px)}.header nav{gap:16px;font-size:12px}.brand{font-size:19px}.hero-layout{grid-template-columns:1.3fr 1fr}.seed-art{transform:scale(.85)}.about-layout{gap:35px}.outcome{grid-template-columns:1fr 1fr}.outcome-note{grid-column:1/-1}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid article:nth-child(3){padding-left:0}.section-top{gap:25px}}@media(max-width:640px){.header{min-height:76px}.brand{font-size:18px}.brand-symbol{font-size:33px}.menu-toggle{display:block;background:none;border:1px solid #d9e2d6;border-radius:4px;padding:7px 10px;font-size:12px}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;padding:20px;font-size:15px;box-shadow:0 15px 20px #0001}.header nav.open{display:flex}.hero-layout{display:block;position:relative;min-height:0}.hero-copy{padding:55px 0 30px;position:relative;z-index:1}h1{letter-spacing:-1.5px;font-size:41px}.hero-copy>p{font-size:16px}.seed-art{height:260px;width:270px;margin:-12px auto 15px;transform:scale(.65);transform-origin:top center;margin-bottom:-85px}.hero-bottom{font-size:10px;gap:16px}.eyebrow{font-size:9px;letter-spacing:1.5px}.section{padding:65px 0}.about-layout{grid-template-columns:1fr;gap:0}.body-copy .lead{font-size:20px}.outcome{padding:26px;margin-top:35px;gap:25px;grid-template-columns:1fr}.outcome-note{grid-column:auto}.metric strong{font-size:60px}.section-top{display:block;margin-bottom:30px}.section-top>p{margin-top:22px;max-width:none}.benefit-grid{grid-template-columns:1fr}.benefit-grid article{padding:24px 0!important;border-right:0;border-bottom:1px solid #dbe1d5}.benefit-grid h3{margin:12px 0}.steps-grid{grid-template-columns:1fr;gap:24px;margin-top:36px}.steps-grid h3{margin:10px 0}.steps-grid p{margin-bottom:0}.support-logos{flex-direction:column;align-items:center;gap:14px}.support-logos>div{width:245px}.support h2{font-size:34px}.footer-top{grid-template-columns:1fr;gap:24px}.footer-bottom{gap:20px}.button{font-size:12px;gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Фото занимает всю ширину первого экрана. Затемнение сохраняет читаемость текста. */
.hero{background:linear-gradient(90deg,rgba(9,31,17,.85) 0%,rgba(9,31,17,.65) 43%,rgba(9,31,17,.18) 100%),url('../images/soy-field.jpg') center 48% / cover no-repeat}
.hero-layout{grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:65px;min-height:650px}
.hero-slogan{justify-self:end;width:min(100%,320px);padding:30px 34px;background:rgba(18,48,27,.55);border:1px solid rgba(255,255,255,.32);border-radius:6px;backdrop-filter:blur(5px)}
.slogan-label{font-size:9px;letter-spacing:1.7px;color:#d7e9ca}
.hero-slogan p{display:flex;flex-direction:column;align-items:flex-start;margin:24px 0 0;font-size:34px;font-weight:600;line-height:1.2;letter-spacing:-1px}
.hero-slogan i{font-size:22px;line-height:1.6;font-style:normal;color:#c3dd9c}
.hero-slogan strong{color:#d1eca5;font-weight:700}
.hero-bottom{color:#e4edde;border-color:#ffffff45}
@media(max-width:900px){.hero-layout{gap:30px;grid-template-columns:minmax(0,1.3fr) minmax(220px,.8fr)}.hero-slogan{padding:26px}.hero-slogan p{font-size:30px}}
@media(max-width:640px){.hero{background-image:linear-gradient(90deg,rgba(9,31,17,.8),rgba(9,31,17,.45)),url('../images/soy-field.jpg');background-position:center center}.hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}.hero-copy{padding-bottom:24px}.hero-slogan{align-self:flex-end;width:min(100%,285px);padding:20px 24px;margin:0 0 32px}.hero-slogan p{font-size:27px;margin-top:17px}.hero-slogan i{font-size:18px;line-height:1.4}.hero-bottom{font-size:10px}}
