.bh-home { --bh-p:#00a86b; --bh-s:#003a00; --bh-bg:#f8f7f6; --bh-text:#1c1b1a; --bh-muted:#54575c; --bh-line:#e2e6e1; --bh-card:#ffffff; --bh-accent:#a8003d; font-family:"Segoe UI",Arial,sans-serif; color:var(--bh-text); background:var(--bh-bg); } .bh-wrap { max-width:1300px; margin:0 auto; padding:0 24px; } .bh-hero { background:linear-gradient(120deg,#0b2a16 0%,#003a00 52%,#0f3a20 100%); color:#fff; overflow:hidden; } .bh-hero .bh-wrap { display:grid; grid-template-columns:1.05fr .95fr; gap:40px; align-items:center; padding-top:64px; padding-bottom:64px; } .bh-eyebrow { color:#9ee7c4; text-transform:uppercase; letter-spacing:.14em; font-size:12px; margin-bottom:14px; } .bh-hero h1 { margin:0 0 20px; font-size:clamp(32px,4.6vw,60px); line-height:1.08; max-width:780px; color:#fff; } .bh-hero p { color:#e6f7ee; font-size:18px; max-width:760px; } .bh-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:26px; } .bh-btn { display:inline-flex; align-items:center; justify-content:center; background:var(--bh-p); color:#fff; border:0; border-radius:5px; padding:12px 18px; font-weight:700; text-decoration:none; } .bh-btn.ghost { background:transparent; color:#8fe8b8; border:1.5px solid #8fe8b8; } .bh-visual { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.16); border-radius:18px; padding:16px; } .bh-visual img { width:100%; display:block; border-radius:12px; min-height:240px; object-fit:cover; } .bh-tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; } .bh-tags span { background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); color:#fff; padding:7px 10px; border-radius:999px; font-size:13px; } .bh-answer { background:#eaf7f0; border-left:5px solid var(--bh-p); padding:22px 26px; margin:0; color:#12351f; font-size:17px; } .bh-section { padding:64px 0; } .bh-section.alt { background:#fff; border-top:1px solid var(--bh-line); border-bottom:1px solid var(--bh-line); } .bh-section h2 { color:var(--bh-s); font-size:clamp(26px,3vw,38px); margin-top:0; } .bh-sub { color:var(--bh-muted); max-width:860px; } .bh-grid { display:grid; gap:18px; } .bh-cols-3 { grid-template-columns:repeat(3,1fr); } .bh-cols-2 { grid-template-columns:repeat(2,1fr); } .bh-card { background:var(--bh-card); border:1px solid var(--bh-line); border-radius:14px; overflow:hidden; display:flex; flex-direction:column; text-decoration:none; color:inherit; } .bh-card img { width:100%; height:180px; object-fit:cover; display:block; } .bh-card-body { padding:18px; } .bh-card h3 { color:var(--bh-s); margin:0 0 8px; font-size:20px; } .bh-card p { color:var(--bh-muted); font-size:15px; } .bh-link { color:var(--bh-p); font-weight:700; text-decoration:none; } .bh-link:hover { text-decoration:underline; } .bh-tag { display:inline-block; background:#eaf7f0; color:#146c43; border-radius:999px; padding:4px 9px; font-size:12px; margin-right:5px; margin-bottom:5px; } .bh-factory { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:center; } .bh-factory img { width:100%; border-radius:14px; border:1px solid var(--bh-line); } .bh-split { display:grid; grid-template-columns:1fr 1fr; gap:24px; } .bh-compliance { background:var(--bh-s); color:#eafff3; border-radius:18px; padding:28px; } .bh-compliance a { color:#9ee7c4; } .bh-case-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; } .bh-case-card img { height:150px; } .bh-cta { background:linear-gradient(118deg,#003a00 0%,#0b5c33 100%); border-radius:18px; padding:40px 32px; display:flex; justify-content:space-between; gap:24px; align-items:center; flex-wrap:wrap; } .bh-cta h2 { color:#fff; margin:0 0 10px; } .bh-cta p { color:#d9efe2; max-width:680px; } .bh-cta .bh-btn { background:var(--bh-p); } .bh-cta .bh-btn.ghost { color:#8fe8b8; border-color:#8fe8b8; } @media (max-width:960px) { .bh-hero .bh-wrap, .bh-split, .bh-factory { grid-template-columns:1fr; } .bh-cols-3, .bh-cols-2, .bh-case-grid { grid-template-columns:1fr 1fr; } } @media (max-width:600px) { .bh-cols-3, .bh-cols-2, .bh-case-grid { grid-template-columns:1fr; } .bh-hero .bh-wrap { padding-top:42px; padding-bottom:42px; } }