:root{
 --green:#8ec44d;
 --green-light:#b2d786;
 --yellow:#febf01;
 --footer-grey:#d5d7d8;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.6;color:#333;background:#f8f9fa}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:90%;max-width:1200px;margin:0 auto}
.site-header{background:#fff;border-bottom:1px solid #e4e4e4;padding:1rem 0;position:relative}
.logo img{vertical-align:middle}
.main-nav ul{list-style:none;display:flex;gap:1rem}
.main-nav a{color:#333;font-weight:600}
.main-nav a:hover{color:var(--green)}
.nav-toggle{display:none;font-size:1.5rem;cursor:pointer;margin-left:auto}
@media(max-width:768px){
  .main-nav ul{flex-direction:column;display:none;background:#fff;position:absolute;top:100%;right:0;left:0;border-bottom:1px solid #ccc}
  .main-nav.open ul{display:flex}
  .nav-toggle{display:block}
}
.hero{background-size:cover;background-position:center;color:#fff;position:relative}
.hero-overlay{background:rgba(0,0,0,.55);padding:4rem 0;text-align:center}
.hero .lead{font-size:1.25rem;margin-top:.5rem}
.strip{padding:3rem 0}
.alt{background:#f0f2f3}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin-top:1.5rem}
.card-img-grid figure{background:#fff;border:1px solid #e4e4e4;border-radius:8px;overflow:hidden}
.card-img-grid img{width:100%;display:block}
.card-img-grid figcaption{padding:.5rem;text-align:center;font-weight:600}
.process-flow{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}
.process-flow li{background:#fff;border:1px solid #e4e4e4;border-radius:50px;padding:.75rem 1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}
.process-flow li span{background:var(--green);color:#fff;border-radius:50%;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}
.usp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;list-style:none;margin-top:1rem}
.cta{background:var(--green);color:#000;text-align:center;padding:2.5rem 0}
.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:4px;font-weight:600}
.btn.primary{background:var(--green-light);color:#000}
.btn.secondary{background:#6c757d;color:#fff}
.btn:hover{opacity:.85}
.site-footer{background:#212529;color:var(--footer-grey);padding:2rem 0;margin-top:4rem;font-size:.875rem}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:1rem}
.blog-card{border-bottom:1px solid #ccc;padding:1rem 0}
.blog-card .meta{font-size:.875rem;color:#666}