:root{--green:#057a3b;--lime:#62df45;--dark:#071d19;--ink:#0b1715;--muted:#56625f;--light:#f3f7f4;--line:#dbe4de}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}.wrap{width:min(1420px,calc(100% - 72px));margin:auto}
.topbar{height:76px;display:flex;align-items:center;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #edf0ee}.nav{display:flex;align-items:center;gap:28px;height:76px}.brand{display:flex;align-items:center;text-decoration:none;min-width:310px}.brand-logo{display:block;height:46px;width:auto}.footer-logo{display:block;height:40px;width:auto}.links{display:flex;align-items:center;gap:28px;flex:1;justify-content:center}.links a{font-size:13px;text-decoration:none;color:#101918}.links a:hover{color:var(--green)}.touch{background:#05753a;color:#fff;border-radius:5px;padding:12px 25px;text-decoration:none;font-size:13px}.menu{display:none;background:none;border:0;font-size:26px}
.hero{height:455px;position:relative;background:#09221f;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/hero.jpg') center right/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,20,18,.98) 0%,rgba(0,20,18,.94) 24%,rgba(0,20,18,.44) 52%,rgba(0,20,18,.02) 79%)}.hero-inner{height:390px;display:flex;align-items:center;position:relative;z-index:2}.hero-copy{max-width:650px}.eyebrow{font-size:12px;letter-spacing:.32em;font-weight:800;color:#75ee62;margin-bottom:10px}.green-text{color:#0f8d48}.hero h1{font-size:56px;line-height:.98;margin:0 0 14px;letter-spacing:-.035em}.hero p{font-size:17px;line-height:1.25;max-width:590px}.hero-buttons{display:flex;gap:14px;margin-top:20px}.btn{height:62px;min-width:310px;border-radius:7px;padding:0 20px;display:flex;align-items:center;gap:15px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.55);font-size:21px}.btn span{display:flex;flex-direction:column;flex:1}.btn b{font-size:14px}.btn small{font-size:12px;font-weight:400}.btn.green{background:#007b3c;border-color:#32cb69}.btn.ghost{background:rgba(0,0,0,.38)}.benefits{height:65px;position:absolute;bottom:0;left:0;right:0;background:rgba(3,22,20,.82);z-index:3}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);height:65px;align-items:center}.benefit-grid>div{display:flex;gap:13px;align-items:center;font-size:25px;color:#58d74a}.benefit-grid span{display:flex;flex-direction:column;color:#fff}.benefit-grid b{font-size:12px}.benefit-grid small{font-size:11px;color:#c5d0cd;margin-top:3px}
.materials{padding:26px 0 20px}.material-layout{display:grid;grid-template-columns:320px 1fr;gap:30px}.materials-intro h2,.buy h2,.about h2,.contact h2{font-size:36px;line-height:1.03;margin:0 0 13px;letter-spacing:-.03em}.materials-intro p{font-size:13px;color:#3e4c48}.small-btn{display:inline-block;background:#08783b;color:#fff;text-decoration:none;padding:11px 18px;border-radius:5px;font-size:12px;margin-top:7px}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.cards article{border:1px solid #dbe2df;border-radius:4px;overflow:hidden;background:#fff;min-width:0}.cards img{width:100%;height:100px;object-fit:cover;display:block}.cards h3{font-size:14px;margin:10px 10px 4px}.cards p{font-size:11px;line-height:1.35;color:#394743;margin:0 10px 9px;min-height:45px}.cards a{font-size:10px;color:#08783b;text-decoration:none;margin:0 10px 12px;display:block}
.three{display:grid;grid-template-columns:1fr 1fr 1fr}.visual{height:258px;position:relative;background-size:cover;background-position:center;color:#fff;overflow:hidden}.suppliers{background-image:url('assets/suppliers.jpg')}.logistics{background-image:url('assets/logistics.jpg')}.quality{background-image:url('assets/quality.jpg')}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,19,17,.91),rgba(0,19,17,.42))}.panel{position:relative;z-index:2;padding:20px 38px;max-width:480px}.panel h2{font-size:28px;line-height:1;margin:4px 0 8px}.panel p{font-size:12px;line-height:1.35;margin:0 0 8px}.panel ul{columns:2;list-style:none;padding:0;margin:8px 0 10px;font-size:11px}.panel li{margin:5px 0}.panel li:before{content:"●";color:#6adf58;margin-right:7px}.green-bg{background:#087a3d}
.buy{padding:62px 0;background:#f2f7f4}.buy-grid{display:grid;grid-template-columns:1fr 470px;gap:55px;align-items:center}.buy p,.about p{font-size:15px;color:#42504c}.buy-card{background:#09251d;color:white;border-radius:14px;padding:30px;text-decoration:none;display:grid;grid-template-columns:1fr auto;gap:5px}.buy-card b{font-size:23px}.buy-card span{font-size:13px;color:#b8c8c0}.buy-card strong{grid-row:1/3;grid-column:2;font-size:32px;align-self:center}
.about{padding:64px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact{background:#071f1b;color:#fff;padding:64px 0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.contact p{color:#b9c7c2}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.contact input,.contact select,.contact textarea{width:100%;background:#fff;color:#10201d;border:0;border-radius:5px;padding:13px;font:inherit}.contact textarea{margin-top:12px;height:100px}.contact button{margin-top:12px;background:#0b8b45;color:#fff;border:0;border-radius:5px;padding:14px 18px;font-weight:800;cursor:pointer}
footer{background:#fff;padding:26px 0}.footer{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:30px;align-items:center}.emails{display:flex;flex-direction:column;gap:4px}.emails a{font-size:12px;color:#1f3a31;text-decoration:none}.legal{text-align:right;font-size:12px;color:#3e4a46}.legal small{color:#7e8985}
@media(max-width:1100px){.links{display:none}.menu{display:block;margin-left:auto}.touch{display:none}.brand{min-width:auto}.brand-logo{height:38px}.footer-logo{height:34px}.menu.open + .links{display:flex;position:absolute;left:0;right:0;top:76px;background:#fff;flex-direction:column;padding:20px;border-bottom:1px solid #ddd}.hero{height:auto;min-height:560px}.hero-inner{height:auto;padding:70px 0 110px}.benefits{height:auto}.benefit-grid{grid-template-columns:1fr 1fr;height:auto;padding:15px 0;gap:14px}.material-layout{grid-template-columns:1fr}.cards{grid-template-columns:repeat(3,1fr)}.three{grid-template-columns:1fr}.visual{height:330px}.buy-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.legal{text-align:left}}
@media(max-width:650px){.wrap{width:min(100% - 28px,1420px)}.hero h1{font-size:42px}.hero-buttons{flex-direction:column}.btn{min-width:0;width:100%}.benefit-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.material-layout{gap:18px}.panel{padding:28px 22px}.fields{grid-template-columns:1fr}.brand-logo{height:34px}.footer-logo{height:32px}}