:root{
  --navy:#071b35;
  --green:#1f7a32;
  --green-dark:#004225;
  --green-light:#8cc63f;
  --soft:#f5faf4;
  --text:#0f172a;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:white} 
.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:16px 52px;background:#fff;box-shadow:0 1px 12px rgba(0,0,0,.08);position:sticky;top:0;z-index:10}
.brand-logo{width:360px;max-width:44vw;display:block}.nav{display:flex;gap:48px;text-transform:uppercase;font-weight:700}.nav a{color:#071426;text-decoration:none;padding:12px 0;border-bottom:3px solid transparent}.nav a:hover,.nav a:first-child{color:var(--green);border-bottom-color:var(--green)}
.hero{min-height:560px;display:grid;grid-template-columns:52% 48%;background:linear-gradient(90deg,#fff 0%,#f7fbf4 45%,rgba(255,255,255,.8) 52%,transparent 66%);overflow:hidden}.hero-copy{padding:70px 48px 45px 62px;z-index:2}.hero h1{font-size:92px;line-height:.95;margin:0;color:var(--navy);letter-spacing:18px}.tagline{font-size:34px;line-height:1.3;text-transform:uppercase;color:var(--green);letter-spacing:6px;margin:26px 0 28px}.tagline:after{content:"";display:block;width:100px;height:4px;background:linear-gradient(90deg,var(--green),var(--green-light));margin-top:24px}.intro{font-size:21px;line-height:1.45;max-width:630px}.hero-photo{min-height:560px;background:linear-gradient(90deg,rgba(255,255,255,.75),rgba(255,255,255,0) 28%),url('assets/metiers.png') center/cover no-repeat}.services{display:flex;gap:28px;align-items:center;margin:34px 0}.service{display:flex;gap:14px;align-items:center;min-width:160px;border-right:1px solid rgba(31,122,50,.35);padding-right:22px}.service:last-child{border-right:0}.icon{font-size:36px;color:var(--green);border:2px solid var(--green);border-radius:50%;width:54px;height:54px;display:grid;place-items:center}.service strong{text-transform:uppercase;color:#0b1727}.service small{display:block;margin-top:4px;font-size:14px;line-height:1.2}.values{text-transform:uppercase;font-size:19px;letter-spacing:2px}.values span{color:var(--green);padding:0 10px}.banner{padding:19px 30px;text-align:center;background:linear-gradient(90deg,var(--green-dark),var(--green),var(--green-light));color:#fff;text-transform:uppercase;font-size:22px;letter-spacing:2px}.banner strong{color:#d7ff8b;margin-left:8px}.content-grid{display:grid;grid-template-columns:45% 55%;gap:32px;padding:42px 90px 55px;background:radial-gradient(circle at left bottom,rgba(140,198,63,.22),transparent 30%),#fff}.opportunity{border-right:1px solid #d7e4d3;padding-right:58px}.opportunity h2,.about h2{font-size:25px;text-transform:uppercase;color:var(--green-dark);letter-spacing:1px}.opportunity h2:after,.about h2:after{content:"";display:block;width:55px;height:3px;background:var(--green);margin:16px 0}.opportunity p{font-size:20px;line-height:1.45}.opportunity address{font-style:normal;font-size:20px;margin-top:32px;padding-left:52px;position:relative}.opportunity address:before{content:"●";position:absolute;left:0;top:-4px;font-size:42px;color:var(--green-light)}.contact-form label{display:block;text-transform:uppercase;font-weight:700;margin:0 0 8px}.contact-form label span{color:#b3261e}.contact-form input,.contact-form textarea{width:100%;border:1px solid #cdd7cc;border-radius:3px;padding:14px 16px;font-size:16px;margin-bottom:16px}.contact-form button{background:linear-gradient(90deg,var(--green),var(--green-light));border:0;color:white;text-transform:uppercase;font-weight:700;font-size:16px;border-radius:4px;padding:16px 28px;cursor:pointer}.contact-form button:hover{filter:brightness(.95)}.note{font-size:13px;color:#667085}.about{padding:40px 90px 70px;background:var(--soft)}.about p{max-width:960px;font-size:19px;line-height:1.55}footer{display:flex;justify-content:space-between;align-items:center;padding:24px 52px;background:#071b35;color:#fff}footer img{width:220px;filter:brightness(0) invert(1)}
@media(max-width:900px){.site-header{height:auto;display:block;padding:16px 22px}.brand-logo{max-width:100%;width:290px}.nav{gap:16px;flex-wrap:wrap;margin-top:12px;font-size:13px}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 24px}.hero h1{font-size:54px;letter-spacing:8px}.tagline{font-size:23px;letter-spacing:3px}.hero-photo{min-height:320px}.services{flex-direction:column;align-items:flex-start}.service{border-right:0}.content-grid{grid-template-columns:1fr;padding:34px 24px}.opportunity{border-right:0;padding-right:0}footer{display:block}footer img{margin-bottom:10px}}

.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.message-page{min-height:100vh;display:grid;place-content:center;text-align:center;padding:40px;background:linear-gradient(135deg,#fff,#f5faf4)}.message-page img{width:330px;max-width:80vw;margin:0 auto 28px}.message-page h1{color:var(--green-dark);font-size:32px}.message-page p{font-size:20px}.back-link{display:inline-block;margin-top:20px;background:linear-gradient(90deg,var(--green),var(--green-light));color:white;text-decoration:none;text-transform:uppercase;font-weight:700;padding:14px 22px;border-radius:4px}
