:root{--dark:#064b2f;--green:#278c24;--lime:#79b62c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#073b29;background:#fff}
.topbar{height:38px;background:#06482f;color:#fff;padding:0 6%;display:flex;align-items:center;justify-content:space-between;font-size:13px}
header{height:140px;padding:0 6%;display:flex;align-items:center;background:rgba(255,255,255,.96);position:relative;z-index:10;box-shadow:0 4px 18px #00000010}
.brand{width:370px;display:block;transition:.4s}.brand img{display:block;width:100%;height:auto}.brand:hover{transform:translateY(-4px) scale(1.025);filter:drop-shadow(0 0 11px #70b43b77)}
nav{margin-left:auto;display:flex;gap:29px}nav a{color:#073d2a;text-decoration:none;font-size:14px;font-weight:800;padding:12px 0;position:relative}nav a:after{content:"";position:absolute;left:0;bottom:3px;height:2px;width:0;background:#65a72b;transition:.25s}nav a:hover:after{width:100%}.hamb{display:none;margin-left:auto;border:0;background:var(--dark);color:white;border-radius:8px;font-size:24px;padding:7px 11px}
.hero{min-height:570px;position:relative;background:url("hero-field.jpg") center/cover no-repeat;overflow:hidden}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.83) 34%,rgba(255,255,255,.12) 67%,rgba(255,255,255,.03))}
.hero-copy{position:relative;z-index:2;padding:54px 7% 70px;width:650px}.eyebrow{font-size:19px;letter-spacing:8px;margin-bottom:9px}
h1{font-size:66px;line-height:.94;margin:0;font-weight:900;color:#063f2b}h1 span{color:#6eaa2d}.hero-copy>p{font-size:20px;line-height:1.28;margin:15px 0}
.actions{display:flex;gap:20px;margin:16px 0 22px}.actions a{width:205px;border-radius:28px;padding:13px 20px;text-align:center;background:linear-gradient(90deg,#68a928,#128326);color:white;text-decoration:none;font-weight:bold}.actions a b{float:right}.actions .light{background:#fff;color:#143d2c;border:1px solid #164d35}
.construction{background:rgba(255,255,255,.91);border-radius:18px;padding:17px 25px;box-shadow:0 14px 35px #173e2722;max-width:520px}.ctitle{display:flex;align-items:center;gap:14px;font-size:21px}.ctitle span{font-size:35px}.progress{display:flex;align-items:center;gap:14px;margin-top:12px}.progress:before{content:"";height:17px;flex:1;background:linear-gradient(90deg,#269c34 0 70%,#d8dad8 70%);border-radius:20px}.construction small{display:block;margin-top:10px;letter-spacing:3px}
.hero-badge{position:absolute;right:9%;top:34px;z-index:2;font-family:Georgia,serif;font-size:27px;font-style:italic;transform:rotate(-5deg);display:flex;align-items:center;gap:12px}.hero-badge span{font-size:48px}
.services{padding:0 7%;margin-top:-18px;position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.services article{overflow:hidden;background:#fff;border-radius:15px;box-shadow:0 10px 25px #063e291d}.head{height:84px;padding:12px 18px;display:flex;align-items:center;gap:13px}.head>span{font-size:35px}.head h3{margin:0 0 4px;font-size:17px}.head p{margin:0;font-size:13px;color:#40584c;line-height:1.3}.services img{width:100%;height:100px;object-fit:cover;display:block}
.benefits{padding:25px 15% 35px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.benefits div{display:flex;gap:12px;align-items:center;justify-content:center;font-size:25px}.benefits span{font-size:14px}
footer{background:#064b2f;color:#fff;min-height:85px;padding:25px 7%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;letter-spacing:.5px}
@media(max-width:900px){.toplinks{display:none}header{height:auto;padding:12px 5%}.brand{width:270px;max-width:72vw}.hamb{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:15px 6%;box-shadow:0 12px 20px #0002}nav.open{display:flex;flex-direction:column;gap:2px}.hero{min-height:650px;background-position:60% center}.hero-copy{width:auto;padding:48px 6%}.hero-badge{display:none}h1{font-size:48px}.hero-copy>p{font-size:17px}.services{grid-template-columns:1fr 1fr;padding:0 5%}.benefits{padding:25px 5%;grid-template-columns:1fr 1fr}}
@media(max-width:520px){.topbar{font-size:11px;padding:0 4%}.brand{width:230px}.hero{min-height:630px;background-position:64% center}.eyebrow{font-size:14px;letter-spacing:5px}h1{font-size:41px}.actions{flex-direction:column;gap:10px}.actions a{width:190px}.ctitle{font-size:18px}.services{grid-template-columns:1fr}.benefits{grid-template-columns:1fr 1fr}.benefits div{font-size:21px}footer{display:block;line-height:2}}