:root{--green:#9fd63f;--green2:#7fc12f;--dark:#202425;--text:#2c3134;--muted:#777f84;--light:#f6f7f5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(1120px,92%);margin:auto}.top{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #edf0ea}.nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-weight:900;font-size:19px}.brand span{color:var(--green2)}nav{display:flex;gap:18px;font-size:12px}.lang{display:flex;gap:6px}.lang button{border:1px solid #dfe5dc;background:white;border-radius:14px;padding:5px 8px}.lang button.on{background:var(--green);border-color:var(--green)}
.hero{min-height:620px;background:linear-gradient(rgba(20,24,20,.5),rgba(20,24,20,.25)),radial-gradient(circle at 68% 18%,#52574a 0 6%,transparent 7%),linear-gradient(135deg,#705d43,#2c3828 62%,#1e241d);color:#fff;display:grid;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;left:-4%;right:-4%;bottom:-1px;height:70px;background:#fff;clip-path:ellipse(58% 45% at 50% 100%)}.hero-inner{text-align:center;max-width:760px;margin:auto;position:relative;z-index:2}.hero h1{font-size:52px;margin:10px 0 15px}.hero p{color:#e4e8e0;line-height:1.9}.eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.1em}.btn{display:inline-flex;padding:11px 18px;border-radius:3px;background:var(--green);color:#18220f;font-weight:800;font-size:12px;margin-top:20px;transition:.2s}.btn:hover{transform:translateY(-2px)}
.section{padding:76px 0}.section.alt{background:#f5f6f3}.section.dark{background:#25292a;color:#fff}.head{text-align:center;max-width:720px;margin:0 auto 36px}.head h2{font-size:34px;margin:8px 0}.head p{color:var(--muted);line-height:1.9}.dark .head p{color:#c4c9c7}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;padding:26px;border-radius:7px;box-shadow:0 12px 30px #1c281312;border:1px solid #ecefe9;text-align:center;transition:.25s}.card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #1c28131f}.ico{width:48px;height:48px;border-radius:50%;margin:auto;display:grid;place-items:center;background:#eef7de;color:#75ad25;font-size:21px}.card h3{font-size:15px;margin:13px 0 7px}.card p{font-size:12px;color:var(--muted);line-height:1.8}
.showcase{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.monitor{height:360px;position:relative}.monitor:before{content:"";position:absolute;inset:20px 5% 65px;background:#272b2d;border-radius:12px;box-shadow:0 22px 45px #0003}.monitor:after{content:"";position:absolute;width:54%;height:22px;left:23%;bottom:45px;background:#bfc4c5;border-radius:0 0 20px 20px;box-shadow:0 18px 0 -6px #8e9496}.screen{position:absolute;z-index:2;inset:38px 8% 86px;background:linear-gradient(135deg,#f1f5ee,#fff);border-radius:4px;padding:12px}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:100%}.screen-grid div{border-radius:5px;background:linear-gradient(135deg,#dceec4,#f2f5ef)}.screen-grid div:nth-child(2){background:linear-gradient(135deg,#31383a,#d9e5cf)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}.split .visual{min-height:360px;background:linear-gradient(135deg,#1f2021,#5d6762);position:relative;overflow:hidden}.split .visual.light{background:linear-gradient(135deg,#edf3e3,#cbd9bd)}.split .copy{padding:55px;background:#fff;display:flex;flex-direction:column;justify-content:center}.split .copy h2{font-size:32px;margin:8px 0}.split .copy p{color:var(--muted);line-height:1.9}.split .visual:before{content:"";position:absolute;width:55%;height:70%;left:20%;top:15%;background:linear-gradient(160deg,#6c6f72,#202426);transform:skewY(-8deg);box-shadow:0 18px 40px #0004}.green-band{background:var(--green);padding:42px 0;color:#fff;text-align:center}.green-band h2{max-width:850px;margin:auto;font-size:27px;line-height:1.6}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.tile{min-height:220px;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.tile:nth-child(1){background:#ed6f42;color:#fff}.tile:nth-child(2){background:#fff}.tile:nth-child(3){background:#0fb7cf;color:#fff}.tile:nth-child(4){background:#fff}.tile:nth-child(5){background:#f5c236}.tile:nth-child(6){background:#fff}.tile .ico{margin-bottom:12px}.portfolio{max-width:760px;margin:auto;background:#fff;box-shadow:0 18px 45px #0002;border-radius:6px;overflow:hidden}.portfolio-top{height:210px;background:linear-gradient(90deg,#9e4660,#cf784e,#20272e);display:grid;place-items:center;color:#fff;font-size:26px}.portfolio-body{height:180px;background:#fff;padding:28px;display:flex;justify-content:flex-end;align-items:center}.portfolio-body div{max-width:300px}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post{background:#fff;border:1px solid #e8ebe5}.post-img{height:165px;background:linear-gradient(135deg,#799096,#293334)}.post:nth-child(2) .post-img{background:linear-gradient(135deg,#c47953,#ead5b9)}.post:nth-child(3) .post-img{background:linear-gradient(135deg,#a4d850,#e9f2df)}.post-body{padding:16px}.post h3{font-size:14px;line-height:1.6}.post p{font-size:11px;color:var(--muted)}.testimonial{background:linear-gradient(rgba(28,35,35,.82),rgba(28,35,35,.82)),linear-gradient(135deg,#5a6763,#252b2b);color:#fff;text-align:center;padding:70px 0}.avatar{width:76px;height:76px;border-radius:50%;margin:auto;background:linear-gradient(#e0b48f,#5d4035)}.testimonial p{max-width:700px;margin:18px auto;color:#d8dddd;line-height:1.9}.cta{background:linear-gradient(135deg,#a7dc49,#8fcb35);color:#fff;text-align:center;padding:52px 0}.cta h2{font-size:28px;margin:0 0 12px}.footer{background:#333738;color:#ddd;padding:50px 0}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.foot p,.foot a{font-size:12px;color:#aeb5b3;line-height:1.9}.reveal{opacity:0;transform:translateY(30px);transition:.7s ease}.reveal.show{opacity:1;transform:none}@media(max-width:900px){nav{display:none}.services,.showcase,.split,.feature-grid,.posts{grid-template-columns:1fr}.split .copy{padding:35px}.hero h1{font-size:42px}.foot{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero h1{font-size:34px}.section{padding:58px 0}.foot{grid-template-columns:1fr}}