
:root{--green:#173c2c;--green2:#23563e;--cream:#f4f0e6;--ink:#152019;--muted:#667269;--line:#d9ded8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}
.site-header{height:78px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%;color:white}
.brand{font-size:25px;font-weight:800;letter-spacing:-1px}.nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}.nav-cta{border:1px solid #ffffff70;border-radius:99px;padding:11px 18px}.menu-btn{display:none;background:none;border:0;color:white;font-size:28px}
.hero{min-height:760px;height:92vh;position:relative;color:white;display:flex;align-items:center;padding:110px clamp(22px,8vw,130px);overflow:hidden;background:#173c2c}
.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,29,19,.88),rgba(8,29,19,.43) 56%,rgba(8,29,19,.15)),url('https://images.unsplash.com/photo-1500595046743-cd271d694d30?auto=format&fit=crop&w=2000&q=85') center/cover}
.hero-content{position:relative;max-width:780px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2.3px}.hero h1{font-size:clamp(58px,7vw,106px);line-height:.92;letter-spacing:-6px;margin:25px 0 28px}.hero p{font-size:clamp(17px,1.5vw,21px);line-height:1.65;max-width:650px;color:#edf2ee}.hero-actions{display:flex;gap:12px;margin-top:35px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border-radius:99px;font-size:14px;font-weight:800}.primary{background:var(--cream);color:var(--green)}.ghost{border:1px solid #ffffff70;color:white}.status-card{position:absolute;right:7vw;bottom:45px;background:#ffffffea;color:var(--ink);border-radius:16px;padding:15px 20px;display:flex;gap:12px;align-items:center}.status-card small{display:block;color:var(--muted);margin-top:3px}.pulse{width:10px;height:10px;background:#2e8b57;border-radius:50%;box-shadow:0 0 0 6px #2e8b5720}
.section{padding:110px clamp(22px,8vw,130px)}.eyebrow.dark{color:var(--green2)}h2{font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-4px;margin:18px 0 25px}.lead{max-width:760px;font-size:19px;line-height:1.7;color:var(--muted)}
.flow{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid var(--line)}.flow article{padding:28px 25px 10px 0;border-right:1px solid var(--line);min-height:260px}.flow article+article{padding-left:25px}.flow span{font-size:11px;color:#829087}.icon{font-size:35px;margin:36px 0 20px}.flow h3,.tech-grid h3{font-size:21px;margin:0 0 10px}.flow p,.tech-grid p{color:var(--muted);line-height:1.65;font-size:14px}
.benefits{background:var(--green);color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.benefit-list article{display:grid;grid-template-columns:50px 1fr;gap:15px;padding:28px 0;border-bottom:1px solid #ffffff25}.benefit-list b{color:#a9c2b2}.benefit-list h3{font-size:24px;margin:0 0 8px}.benefit-list p{margin:0;color:#d3ded7;line-height:1.6}
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}.tech-grid article{background:#f6f7f4;border-radius:18px;padding:35px;min-height:280px}.tech-mark{font-size:13px;font-weight:800;border:1px solid #cdd6cf;display:inline-block;padding:8px 11px;border-radius:8px;margin-bottom:70px;color:var(--green2)}
.vision{min-height:650px;padding:110px clamp(22px,8vw,130px);display:flex;align-items:center;color:white;background:linear-gradient(90deg,rgba(12,38,26,.9),rgba(12,38,26,.3)),url('https://images.unsplash.com/photo-1516467508483-a7212febe31a?auto=format&fit=crop&w=2000&q=85') center/cover}.vision>div{max-width:760px}.vision p{max-width:600px;font-size:18px;line-height:1.7;color:#e3ebe5}
.contact{display:flex;justify-content:space-between;align-items:end;gap:40px}.contact p{max-width:650px;color:var(--muted);line-height:1.7}.dark-btn{background:var(--green);color:white;white-space:nowrap}
footer{background:#101c15;color:white;padding:55px clamp(22px,8vw,130px);display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:20px}footer p,footer small{color:#aab8ae;font-size:13px}
@media(max-width:760px){
 .site-header{height:68px;padding:0 20px}.brand{font-size:23px}.menu-btn{display:block}.nav{display:none;position:absolute;top:68px;left:16px;right:16px;background:#10291e;padding:20px;border-radius:14px;flex-direction:column;align-items:stretch}.nav.open{display:flex}
 .hero{min-height:700px;height:100svh;padding:100px 22px 70px;align-items:center}.hero-bg{background:linear-gradient(180deg,rgba(8,29,19,.62),rgba(8,29,19,.9)),url('https://images.unsplash.com/photo-1500595046743-cd271d694d30?auto=format&fit=crop&w=1200&q=80') center/cover}
 .hero h1{font-size:54px;line-height:.96;letter-spacing:-3px;margin:20px 0}.hero p{font-size:16px;line-height:1.55}.hero-actions{margin-top:27px}.btn{width:100%}.status-card{display:none}
 .section{padding:76px 22px}h2{font-size:43px;letter-spacing:-2.5px}.lead{font-size:16px}.flow{grid-template-columns:1fr;margin-top:45px}.flow article,.flow article+article{padding:24px 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}.flow .icon{margin:20px 0 12px}
 .split{grid-template-columns:1fr;gap:25px}.benefit-list article{grid-template-columns:38px 1fr}.tech-grid{grid-template-columns:1fr;margin-top:40px}.tech-grid article{min-height:0;padding:28px}.tech-mark{margin-bottom:45px}
 .vision{min-height:560px;padding:80px 22px}.contact{display:block}.contact .btn{margin-top:25px}footer{grid-template-columns:1fr;padding:45px 22px}
}
