:root{ --re-green:#2e7d32; --re-green-dark:#1b5e20; --re-bg:#fff; --re-gray:#f5f7f7; --re-text:#203040 }
*{ box-sizing:border-box }
body{ margin:0; color:var(--re-text); font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif }
.container{ max-width:1140px; margin:0 auto; padding:0 16px }
.site-header{ background:#fff; border-bottom:1px solid #eef2f5 }
.header-inner{ display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 0 }
.logo a{ font-weight:700; color:var(--re-green); text-decoration:none; font-size:20px }
.primary-nav ul{ list-style:none; display:flex; gap:16px; padding:0; margin:0 }
.primary-nav a{ color:#2b3b4b; text-decoration:none; padding:8px 10px; border-radius:6px }
.primary-nav a:hover{ background:var(--re-gray) }
.hero{ background:linear-gradient(135deg, #e8f5e9, #ffffff); padding:56px 0 }
.hero h1{ margin:0 0 12px 0; font-size:40px; color:var(--re-green-dark) }
.hero p{ max-width:720px }
.btn{ display:inline-block; padding:10px 16px; border-radius:8px; text-decoration:none }
.btn-primary{ background:var(--re-green); color:#fff }
.btn-outline{ border:1px solid var(--re-green); color:var(--re-green) }
.grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px }
.card{ border:1px solid #e6eaef; border-radius:8px; padding:16px; background:#fff }
.site-footer{ background:var(--re-gray); margin-top:32px; padding:24px 0; font-size:14px }
.footer-cols{ display:grid; grid-template-columns:2fr 1fr; gap:16px }
@media(max-width:900px){ .grid{ grid-template-columns:repeat(2,1fr) } .footer-cols{ grid-template-columns:1fr } }
@media(max-width:600px){ .grid{ grid-template-columns:1fr } .hero h1{ font-size:30px } }