:root{
  --green: #0f3d2e;
  --green-dark: #0b2d22;
  --gold: #d4af37;
  --light: #f6f7f6;
  --text: #222222;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Lato', system-ui, -apple-system, Segoe UI, Roboto, Arial, Helvetica, sans-serif;color:var(--text);background:#fff;scroll-behavior:smooth}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1100px, 92%);margin:0 auto}

/* Header */
header.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #ececec;z-index:1000}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.navbar .brand{display:flex;align-items:center;gap:.6rem}
.brand img{height:56px; image-rendering:auto}
.brand .name{font-weight:900;letter-spacing:.5px;color:var(--green);font-size:1.15rem}
nav ul{list-style:none;display:flex;gap:1.2rem;margin:0;padding:0}
nav a{font-weight:600}
.cta-btn{background:var(--gold);color:#000;font-weight:700;padding:.55rem .9rem;border-radius:8px;border:2px solid var(--gold)}
.cta-btn:hover{background:#f3dd8a;border-color:#f3dd8a;text-decoration:none}

/* Hero */
.hero{position:relative;min-height:62vh;display:grid;place-items:center;background:#000}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;filter:grayscale(20%)}
.hero .overlay{position:relative;color:#fff;text-align:center;padding:5rem 0}
.badge{display:inline-block;background:rgba(15,61,46,.85);border:1px solid var(--gold);color:#fff;padding:.35rem .6rem;border-radius:999px;font-size:.85rem;margin-bottom:.6rem}
.hero h1{font-size:clamp(1.8rem, 4vw, 3rem);margin:.2rem 0 1rem;line-height:1.2}
.hero p{font-size:1.05rem;max-width:800px;margin:0 auto 1.2rem}
.hero .actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.btn-outline{background:transparent;border:2px solid var(--gold);color:#fff;padding:.55rem 1rem;border-radius:8px;font-weight:700}
.btn-outline:hover{background:var(--gold);color:#000;text-decoration:none}

/* Sections */
.section{padding:3.2rem 0}
.section.dark{background:var(--light)}
h2.section-title{font-size:1.6rem;margin:0 0 1.2rem;color:var(--green)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.card{background:#fff;border:1px solid #ececec;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.card .card-body{padding:1rem 1rem 1.2rem}
.card h3{margin:.2rem 0 .4rem;color:var(--green)}
.card p{margin:.2rem 0 .6rem;line-height:1.6}
.tagline{color:#333;font-weight:600;margin:.6rem 0 0}

/* Services list page */
.service-item{padding:1rem;border-left:4px solid var(--gold);background:#fff;border-radius:12px;margin-bottom:1rem;border:1px solid #eee}
.service-item h3{margin:.2rem 0 .3rem;color:var(--green)}
.service-item ul{margin:.2rem 0 .2rem 1rem}

/* About */
.lead{font-size:1.1rem;line-height:1.75}
.kpi-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1rem}
.kpi{background:var(--green);color:#fff;text-align:center;padding:1rem;border-radius:12px;border:1px solid var(--gold)}
.kpi span{display:block;font-size:1.9rem;font-weight:800;color:var(--gold)}

/* Contact */
form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
form .full{grid-column:1/-1}
input, textarea{width:100%;padding:.7rem;border:1px solid #ccc;border-radius:8px;font-size:1rem}
label{font-weight:600;margin-bottom:.3rem;display:block}
button[type=submit]{background:var(--green);color:#fff;border:none;padding:.7rem 1rem;border-radius:8px;font-weight:700}
button[type=submit]:hover{background:var(--green-dark)}
.notice{background:#f7fbe9;border:1px solid #d9e7b0;padding:.8rem;border-radius:8px;margin-bottom:1rem}

/* Footer */
footer.site-footer{background:var(--green-dark);color:#e8efe9;padding:2rem 0;margin-top:2rem;border-top:2px solid var(--gold)}
footer a{color:#e8efe9}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}
.footer-bottom{margin-top:1rem;border-top:1px solid rgba(255,255,255,.2);padding-top:1rem;font-size:.92rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem}

/* Cookie banner */
.cookie-banner{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);padding:.8rem 1rem;display:none;z-index:2000;max-width:90%}
.cookie-banner button{margin-left:.6rem}

/* Responsive */
@media (max-width:900px){
  .grid-3{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  form{grid-template-columns:1fr}
}
@media (max-width:600px){
  .grid-3{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .hero{min-height:58vh}
}

@media (max-width:900px){
  .brand img{height:52px}
  .brand .name{font-size:1.08rem}
}
@media (max-width:600px){
  .brand img{height:46px}
  .brand .name{font-size:1rem}
}