/* base.css */
:root{--primary:#0B6E4F;--secondary:#12B886;--accent:#FFD166;--bg:#FCFEFB;--text:#0B1F1A;--container:1100px}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}
.container{max-width:var(--container);margin:0 auto;padding:2rem}
.header{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(4px);border-bottom:1px solid rgba(11,31,26,0.06)}
.header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 2rem}
.logo{display:flex;align-items:center;gap:0.75rem}
.logo img{height:48px;width:auto}
.nav{display:flex;gap:1rem;align-items:center}
.nav a{color:var(--text);text-decoration:none;padding:0.5rem 0.75rem;border-radius:8px;font-weight:700}
.cta-btn{background:linear-gradient(90deg,var(--primary),var(--secondary));color:white;padding:0.6rem 0.9rem;border-radius:10px;font-weight:800;text-decoration:none}

/* hero */
.hero{padding-top:120px;padding-bottom:4rem;display:grid;grid-template-columns:1fr 420px;gap:2rem;align-items:center}
.hero h1{font-size:2.1rem;margin-bottom:0.5rem}
.card{background:white;border-radius:14px;padding:1.25rem;box-shadow:0 8px 24px rgba(11,31,26,0.04)}

/* services */
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}
.service-card{background:white;border-radius:12px;padding:1rem;box-shadow:0 6px 18px rgba(11,31,26,0.03);}

/* testimonials */
.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}

/* footer */
.footer{margin-top:3rem;padding:2rem 0;color:rgba(11,31,26,0.7);font-size:0.95rem;background:linear-gradient(180deg,transparent,rgba(11,31,26,0.01));}

/* responsive */
@media (max-width:880px){.hero{grid-template-columns:1fr;padding-top:100px}.nav{display:none}.container{padding:1rem}}