*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#20231f;background:#fff;line-height:1.6}.topbar{background:#294b10;color:#fff;padding:8px 5%;display:flex;justify-content:space-between;font-size:14px}.topbar a,footer a,.legal a{color:inherit;text-decoration:none}header{height:175px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 12px #00000010}.brand img{height:155px;width:auto}nav{display:flex;gap:28px;align-items:center}nav a{color:#20231f;text-decoration:none;font-weight:600}nav a:hover{color:#4d7c1c}.btn{display:inline-block;background:#456f18;color:#fff!important;padding:13px 22px;border-radius:7px;text-decoration:none;font-weight:700;transition:.2s}.btn:hover{background:#31520f;transform:translateY(-1px)}.secondary{background:#fff;color:#456f18!important;border:1px solid #456f18}.menu{display:none;background:none;border:0;font-size:28px}.hero{display:grid;grid-template-columns:1fr 1.35fr;min-height:530px}.hero-copy{padding:70px 7%;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(110deg,#fff 70%,#f2f5ec)}.eyebrow{color:#456f18;font-weight:700;text-transform:uppercase;letter-spacing:1px}.hero h1{font-size:clamp(38px,4.5vw,64px);line-height:1.08;margin:10px 0 20px}.hero h1 span{color:#4d7c1c}.hero-copy>p:not(.eyebrow){max-width:600px;font-size:18px}.actions{display:flex;gap:14px;margin-top:18px}.hero-photo{overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 7%;gap:25px;background:#f7f7f2}.benefits div{font-size:25px;color:#456f18}.benefits strong,.benefits small{display:block;margin-left:38px;color:#252821}.benefits strong{font-size:16px;margin-top:-31px}.benefits small{font-size:14px}.section{padding:70px 5%;max-width:1300px;margin:auto;text-align:center}.section h2,.detail h2,.about h2,.area h2{font-size:38px;color:#3e6716;margin:0 0 10px}.intro{margin:0 auto 35px;max-width:700px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}.cards article{border:1px solid #ddd;border-radius:10px;padding:28px 18px;box-shadow:0 4px 14px #0000000b;background:#fff}.icon{font-size:35px}.cards h3{color:#365c13}.cards a{color:#4d7c1c;font-weight:700;text-decoration:none}.detail{padding:65px 10%;background:#f7f8f2}.detail.alt{background:#fff}.detail>div{max-width:1000px;margin:auto}.detail p,.detail li{font-size:17px}.pillbox{display:flex;flex-wrap:wrap;gap:10px}.pillbox span{padding:8px 14px;background:#e6eddc;border-radius:20px;color:#365c13;font-weight:600}.about{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:35px;align-items:center;padding:70px 5%;background:#f5f4ed}.about-photo img{width:100%;height:390px;object-fit:cover;border-radius:8px}.quote{background:#fff;padding:35px;border-radius:12px}.signature{font-family:cursive;font-size:30px;margin-top:25px}.area{text-align:center;padding:65px 5%}.contact{padding:40px 7%;background:#315c0e;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact h2{margin:0;font-size:28px}.contact .btn{background:#fff;color:#315c0e!important}footer{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:45px 7%;background:#172018;color:#eee}footer h3{color:#a9cc58;margin-top:0}.legal{background:#101510;color:#ddd;text-align:center;padding:14px;font-size:13px}@media(max-width:900px){.topbar{font-size:12px;flex-direction:column;gap:3px;text-align:center}header{height:110px}.brand img{height:92px}.menu{display:block}nav{display:none;position:absolute;top:110px;left:0;right:0;background:#fff;flex-direction:column;padding:25px;box-shadow:0 8px 15px #0002}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-photo{height:430px;order:-1}.hero-copy{padding:45px 7%}.cards{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr}.contact{flex-direction:column;text-align:center}footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cards,.benefits,footer{grid-template-columns:1fr}.actions{flex-direction:column}.hero h1{font-size:39px}.hero-photo{height:350px}.section h2,.detail h2,.about h2,.area h2{font-size:31px}}
/* STRATO: all website files and images are in /website/ */
img{max-width:100%;height:auto}
