:root{--green:#0d4d31;--green2:#173e2a;--lime:#65ba31;--orange:#f36a21;--ink:#17231d;--pale:#f3f8ef;--line:#dbe8d5;--muted:#627067}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}img{max-width:100%;display:block}.site-header{height:118px;display:flex;align-items:center;gap:34px;padding:0 max(5vw,24px);position:sticky;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);z-index:30;border-bottom:1px solid #edf1eb}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:360px;height:104px;object-fit:contain;object-position:left center}.site-header nav{display:flex;gap:25px;margin-left:auto}.site-header nav a{font-size:13px;text-transform:uppercase;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:.25px}.site-header nav a:hover{color:var(--lime)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border-radius:8px;background:linear-gradient(90deg,#53a92b,#77c33b);color:#fff;text-decoration:none;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.3px;box-shadow:0 8px 18px rgba(63,137,37,.14)}.btn-small{padding:12px 18px;white-space:nowrap}.btn-orange{background:linear-gradient(90deg,#f15d21,#ff8a20);box-shadow:0 8px 18px rgba(243,106,33,.14)}.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.55);box-shadow:none}.hero{min-height:640px;display:grid;grid-template-columns:1.03fr .97fr;background:linear-gradient(120deg,#fff 0%,#f7fbf4 58%,#edf7e8 100%);overflow:hidden;border-bottom:1px solid #edf1eb}.hero-copy{padding:92px 5vw 70px 7vw;display:flex;flex-direction:column;justify-content:center;position:relative}.hero-copy:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(102,186,49,.12),rgba(102,186,49,0) 68%);left:-180px;top:30px}.kicker{color:#4e9d2e;font-size:13px;font-weight:900;letter-spacing:1.9px;text-transform:uppercase}.kicker.light{color:#9ee36b}.hero h1{font-size:clamp(58px,6.2vw,98px);line-height:.91;margin:18px 0 24px;color:var(--green);letter-spacing:-3.8px}.hero h1 span{color:var(--lime)}.hero-lead{max-width:690px;font-size:21px;line-height:1.55;margin:0;color:#293a30}.hero-actions{display:flex;gap:14px;margin-top:30px}.hero-proof{display:flex;gap:0;margin-top:52px;border-top:1px solid var(--line);padding-top:22px;max-width:680px}.hero-proof div{padding-right:30px;margin-right:30px;border-right:1px solid var(--line)}.hero-proof div:last-child{border:0;margin:0}.hero-proof b{display:block;color:var(--green);font-size:16px;text-transform:uppercase}.hero-proof span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.hero-visual{position:relative;background:linear-gradient(90deg,rgba(247,251,244,.18),rgba(13,77,49,.02)),url('assets/hero-container.jpg') center/cover no-repeat;min-height:640px}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7fbf4 0%,rgba(247,251,244,.2) 24%,rgba(247,251,244,0) 48%),linear-gradient(0deg,rgba(13,77,49,.22),rgba(13,77,49,0) 44%)}.hero-visual:after{content:"";position:absolute;left:12%;right:7%;bottom:0;height:28%;background:linear-gradient(0deg,rgba(20,55,35,.5),transparent);clip-path:polygon(0 82%,100% 45%,100% 100%,0 100%)}.hero-badge{position:absolute;z-index:2;right:7%;bottom:8%;background:rgba(255,255,255,.92);padding:18px 22px;border-radius:14px;box-shadow:0 18px 38px rgba(0,0,0,.16);border-left:5px solid var(--orange);min-width:235px}.hero-badge span,.hero-badge b{display:block;color:var(--green);font-size:20px;letter-spacing:1px}.hero-badge b{color:var(--lime)}.hero-badge small{display:block;margin-top:6px;font-size:10px;letter-spacing:1px;color:#58665e}.section{max-width:1180px;margin:auto;padding:92px 28px}.center{text-align:center}.section h2,.product-wrap h2,.story h2,.contact h2{font-size:clamp(34px,4vw,54px);line-height:1.05;color:var(--green);margin:11px 0 19px;letter-spacing:-1.2px}.lead{max-width:790px;margin:0 auto;font-size:18px;line-height:1.65;color:#4b5b51}.lead.left{margin-left:0}.process-flow{display:grid;grid-template-columns:1fr 55px 1fr 55px 1fr;align-items:center;gap:18px;margin-top:52px}.process-flow article{min-height:230px;padding:30px 24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fff,#f7fbf4);position:relative}.step{position:absolute;top:18px;right:20px;font-weight:900;color:#b5c6b0;font-size:14px}.process-icon{width:64px;height:64px;margin:5px auto 18px;border-radius:50%;background:#e9f5e2;color:var(--green);display:flex;align-items:center;justify-content:center;font-size:28px}.process-flow h3{color:var(--green);margin:5px 0 10px;font-size:21px}.process-flow p{color:var(--muted);line-height:1.5;margin:0}.arrow{font-size:35px;color:var(--orange);font-weight:900}.feature-strip{background:linear-gradient(90deg,#f0f7ea,#f8fbf5,#eef6e8);display:grid;grid-template-columns:repeat(4,1fr);padding:44px max(5vw,30px);gap:0;border-top:1px solid #e5eee1;border-bottom:1px solid #e5eee1}.feature-strip article{text-align:center;padding:10px 28px;border-right:1px solid #bfd5b8}.feature-strip article:last-child{border:0}.feature-icon{font-size:34px;color:var(--lime);height:42px}.feature-strip strong{display:block;color:var(--green);font-size:21px;margin-top:8px}.feature-strip span{display:block;margin-top:8px;font-size:13px;line-height:1.45;color:#536259}.systems{padding-top:100px}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:46px}.system-grid article{border:1px solid var(--line);border-radius:20px;padding:30px 24px;text-align:center;background:#fff;box-shadow:0 12px 30px rgba(29,72,45,.05)}.container-illustration{height:140px;display:flex;align-items:flex-end;justify-content:center;gap:6px;margin-bottom:18px;perspective:600px}.container-illustration i{display:block;width:132px;height:78px;background:linear-gradient(90deg,#79d84a,#58b832);border:4px solid #2f7d36;box-shadow:inset 0 0 0 3px #99e06e,8px 9px 0 rgba(47,125,54,.13);position:relative;transform:skewY(-3deg)}.container-illustration i:before{content:"H";position:absolute;left:12px;top:19px;font-style:normal;color:#fff;font-size:28px;font-weight:900}.container-illustration.one i{width:178px;height:92px}.container-illustration.two i{width:124px}.container-illustration.three i{width:94px;height:74px}.system-label{display:inline-block;background:#eaf5e4;color:#3f8f27;border-radius:999px;padding:7px 12px;font-size:10px;font-weight:900;letter-spacing:.7px}.system-grid h3{color:var(--green);font-size:21px;margin:15px 0 8px}.system-grid p{color:var(--muted);line-height:1.5;margin:0}.product-wrap{max-width:1180px;margin:30px auto 0;display:grid;grid-template-columns:1.12fr .88fr;gap:42px;align-items:stretch;padding:58px;border-radius:26px;background:linear-gradient(135deg,#f4f9f0,#edf6e8);border:1px solid #dce9d6}.product-copy{display:flex;flex-direction:column;justify-content:center}.product-copy>p{font-size:17px;line-height:1.6;color:#46564c}.product-photo{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:20px;padding:14px}.product-photo img{width:100%;height:390px;object-fit:cover;border-radius:14px}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 10px}.lab-grid div{background:#fff;padding:18px 15px;border-radius:13px;border:1px solid #e2ebdd}.lab-grid strong{display:block;color:var(--green);font-size:22px}.lab-grid span{display:block;font-size:11px;color:#68746d;margin-top:6px}.note{font-size:11px!important;color:#7b857f!important}.audience-section{padding-top:90px}.audience{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}.audience article{padding:28px 24px}.audience article+article{border-left:1px solid var(--line)}.audience-icon{width:62px;height:62px;border-radius:50%;background:#eff7e9;display:flex;align-items:center;justify-content:center;color:var(--green);font-size:27px;margin:0 auto 18px}.audience h3{color:var(--green);font-size:21px;margin:0 0 10px}.audience p{color:var(--muted);line-height:1.5;margin:0}.story{max-width:1180px;margin:18px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:58px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 36px rgba(29,72,45,.05)}.story p{font-size:17px;line-height:1.65;color:#4b5b51}.story img{width:100%;height:360px;object-fit:cover;border-radius:18px}.text-link{display:inline-block;margin-top:10px;color:var(--green);font-weight:800;text-decoration:none}.gallery-section{padding-bottom:90px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.gallery figure{margin:0;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e3ebe0}.gallery img{width:100%;height:240px;object-fit:cover}.gallery figcaption{padding:13px 15px;font-size:12px;font-weight:800;color:#4a5c50}.contact{max-width:1180px;margin:0 auto 72px;display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center;padding:60px;border-radius:28px;background:linear-gradient(135deg,#0b4b30,#173e2a);color:#fff;overflow:hidden;position:relative}.contact:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-140px;bottom:-240px;background:rgba(100,184,50,.13)}.contact-copy{position:relative;z-index:2}.contact h2{color:#fff}.contact p{font-size:17px;line-height:1.6;color:#d9e6dd;max-width:650px}.contact-actions{display:flex;gap:12px;margin-top:26px}.contact-card{position:relative;z-index:2;background:#fff;color:var(--ink);border-radius:19px;padding:30px;text-align:center;box-shadow:0 18px 40px rgba(0,0,0,.14)}.contact-card img{width:340px;height:116px;object-fit:contain;margin:auto}.contact-card h3{font-size:30px;color:var(--green);margin:18px 0 0}.contact-card p{margin:3px 0 18px;color:#6c786f;font-size:14px}.phone{display:block;color:var(--green);font-size:22px;font-weight:900;text-decoration:none;margin-bottom:12px}.contact-card small{color:#7a867f}.company-details{margin-top:16px;padding-top:16px;border-top:1px solid #e0e8dc;display:grid;gap:10px;text-align:left;color:#526158}.company-details div{display:grid;gap:3px}.company-details strong{color:var(--green);font-size:15px}.company-details span,.company-details a{font-size:13px;line-height:1.4;color:#526158;text-decoration:none}.company-details a:hover{color:var(--lime)}footer{border-top:1px solid #edf1eb;padding:32px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#657169}footer img{width:230px;height:68px;object-fit:contain}@media(max-width:980px){.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:75px 7vw 55px}.hero-visual{min-height:420px}.hero-proof{max-width:none}.feature-strip{grid-template-columns:1fr 1fr}.feature-strip article:nth-child(2){border-right:0}.feature-strip article:nth-child(-n+2){border-bottom:1px solid #bfd5b8;padding-bottom:28px}.process-flow{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}.system-grid,.audience,.gallery{grid-template-columns:1fr 1fr}.product-wrap,.story,.contact{grid-template-columns:1fr;margin-left:18px;margin-right:18px;padding:38px}.audience article+article{border-left:0}.product-photo img,.story img{height:320px}}@media(max-width:600px){.site-header{height:84px;padding:0 16px}.brand img{width:190px;height:66px}.btn-small{font-size:9px;padding:10px 12px}.hero-copy{padding:58px 20px 45px}.hero h1{font-size:52px;letter-spacing:-2px}.hero-lead{font-size:18px}.hero-actions,.contact-actions{flex-direction:column;align-items:stretch}.hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-proof div{border:0;margin:0;padding:0}.hero-visual{min-height:340px}.hero-badge{right:18px;left:18px;bottom:18px;min-width:0}.feature-strip,.system-grid,.audience,.gallery,.lab-grid{grid-template-columns:1fr}.feature-strip article{border-right:0;border-bottom:1px solid #bfd5b8;padding:22px}.feature-strip article:last-child{border-bottom:0}.section{padding:68px 20px}.process-flow article{min-height:auto}.product-wrap,.story,.contact{padding:28px 22px}.product-photo img,.story img{height:260px}.gallery img{height:230px}.audience article{padding:20px 12px}.contact-card img{width:180px}footer{flex-direction:column;gap:12px;text-align:center}}
