:root{--ink:#182019;--muted:#667067;--line:#dfe5df;--bg:#f7f8f5;--accent:#55753d;--accent2:#314b28;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6;background:#fff}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 48px),var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:20px;font-weight:800;letter-spacing:1.5px}.logo span{font-weight:400}.nav nav{display:flex;align-items:center;gap:28px;font-size:14px}.nav nav a{padding:8px 0}.nav nav a:hover,.nav nav a.active{color:var(--accent)}.nav .nav-cta{background:var(--ink);color:#fff;padding:10px 17px;border-radius:4px}.menu-toggle{display:none;border:0;background:none;font-size:24px}
.hero{min-height:650px;background:var(--bg);display:grid;grid-template-columns:1fr 1fr}.hero-content{align-self:center;width:min(calc(100% - 48px),560px);margin-right:0;padding:80px 48px 80px 0}.hero-image{min-height:650px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--accent);margin:0 0 14px}.hero h1{font-size:clamp(48px,6vw,78px);line-height:1.02;margin:0 0 25px;letter-spacing:-3px}.hero h1 span{color:var(--accent)}.lead{font-size:19px;color:var(--muted);max-width:580px}.hero-actions{display:flex;gap:12px;margin-top:32px}.button{display:inline-block;background:var(--accent);color:#fff;border:1px solid var(--accent);padding:13px 23px;border-radius:4px;font-weight:700;cursor:pointer}.button:hover{background:var(--accent2)}.button-outline{background:transparent;color:var(--ink);border-color:var(--ink)}.button-light{background:#fff;color:var(--ink);border-color:#fff}
.placeholder{background:linear-gradient(135deg,#dfe5dc,#bfc9bc);display:flex;align-items:center;justify-content:center;color:#6c756b;font-size:12px;letter-spacing:1px}.section{padding:100px 0}.section.light{background:var(--bg)}.section.dark{background:var(--ink);color:#fff}.section-heading{max-width:700px;margin-bottom:48px}.section-heading h2,h2{font-size:40px;line-height:1.15;margin:0 0 18px;letter-spacing:-1px}.section-heading p{color:var(--muted)}.dark p{color:#c7cec7}.cards{display:grid;gap:22px}.cards.three{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--line);padding:34px;background:#fff}.card h3{font-size:22px}.card p{color:var(--muted)}.icon{font-weight:800;color:var(--accent);font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.media-box{min-height:420px}.map-placeholder{height:420px}.cta{background:var(--accent);color:#fff;text-align:center;padding:75px 0}.cta h2{font-size:42px}.cta p{margin-bottom:28px}
.page-hero{padding:100px 0;background:var(--bg)}.page-hero h1{font-size:clamp(42px,5vw,64px);line-height:1.05;max-width:850px;margin:0 0 20px;letter-spacing:-2px}.page-hero p:not(.eyebrow){max-width:700px;color:var(--muted);font-size:18px}
.service-list{display:flex;flex-direction:column;gap:90px}.service{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.service.reverse .service-image{order:2}.service-image{height:400px}.service ul{padding-left:20px}.service li{margin:8px 0}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tech-card{border:1px solid var(--line);padding:20px}.tech-photo{height:250px}.steps{list-style:none;padding:0;margin:30px 0}.steps li{border-top:1px solid var(--line);padding:18px 0}.steps b{display:inline-block;width:45px;color:var(--accent)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.project-card{border:1px solid var(--line)}.project-image{height:300px}.project-body{padding:24px}.project-body span{font-size:11px;letter-spacing:1.5px;color:var(--accent);font-weight:bold}.project-body h2{font-size:25px;margin-top:8px}.values{display:grid;grid-template-columns:1fr 2fr;gap:70px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.contact-item{border-top:1px solid var(--line);padding:20px 0}.contact-item p{color:var(--muted)}.contact-form{display:flex;flex-direction:column;gap:18px}.contact-form label{font-weight:700;font-size:14px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #ccd4cc;border-radius:3px;font:inherit}.contact-form textarea{resize:vertical}
footer{background:#101610;color:#dbe0da;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid h4{color:#fff;margin-top:0}.footer-grid a,.footer-grid p{display:block;color:#aeb8ae;margin:8px 0}.footer-bottom{border-top:1px solid #303830;margin-top:45px;padding-top:20px;color:#7f8a80;font-size:12px}
@media(max-width:800px){.container{width:min(calc(100% - 32px),var(--max))}.menu-toggle{display:block}.nav nav{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:20px 16px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav nav.open{display:flex}.nav nav a{padding:10px 16px}.hero{grid-template-columns:1fr}.hero-content{width:auto;margin:auto;padding:70px 16px}.hero-image{min-height:360px}.cards.three,.tech-grid,.project-grid,.service,.split,.values,.contact-grid{grid-template-columns:1fr}.service.reverse .service-image{order:0}.section{padding:70px 0}.footer-grid{grid-template-columns:1fr}.value-grid{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.page-hero{padding:70px 0}}