:root{
	--color-bg:#ffffff;
	--color-surface:#f0fbf4;
	--color-primary:#67c796;
	--color-primary-strong:#2f9b68;
	--color-text:#1f2d2b;
	--color-muted:#6b7c77;
	--shadow-soft:0 10px 30px rgba(47,155,104,.15);
	--radius:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
	margin:0;
	font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
	color:var(--color-text);
	background:var(--color-bg);
	line-height:1.6;
}
img{max-width:100%;display:block}
.container{width:min(1120px,92%);margin-inline:auto}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.8);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid #e9f6ee}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{font-weight:700;color:var(--color-primary-strong);text-decoration:none;font-size:18px}
.nav ul{list-style:none;display:flex;gap:18px;margin:0;padding:0}
.nav a{color:var(--color-text);text-decoration:none;font-weight:500;padding:8px 10px;border-radius:10px}
.nav a:hover{background:var(--color-surface)}
.menu-toggle{display:none;border:0;background:var(--color-surface);padding:10px 12px;border-radius:12px}

/* Hero */
.hero{position:relative;isolation:isolate;background:
	linear-gradient(135deg, var(--color-surface), #ffffff 60%),
	url('https://images.unsplash.com/photo-1506126613408-eca07ce68773?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;
}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,255,255,.95));z-index:-1}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;padding:72px 0}
.hero-text h1{margin:0 0 12px;font-size:40px;line-height:1.2}
.subtitle{color:var(--color-muted);margin:0 0 24px;font-size:18px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:600}
.btn.primary{background:var(--color-primary);color:#08331f;box-shadow:var(--shadow-soft)}
.btn.primary:hover{background:var(--color-primary-strong);color:#eafff2}
.btn.ghost{border:1px solid #d9efe2;color:var(--color-text)}
.btn.ghost:hover{background:#ecf8f1}
.hero-media{min-height:300px;border-radius:22px;background:
	radial-gradient(60% 60% at 20% 20%, rgba(103,199,150,.22), rgba(103,199,150,0) 60%),
	radial-gradient(50% 50% at 80% 40%, rgba(47,155,104,.2), rgba(47,155,104,0) 60%),
	url('https://images.unsplash.com/photo-1519074002996-a69e7ac46a42?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;
	box-shadow:var(--shadow-soft)
}

/* Sections */
.section{padding:64px 0}
.section-head h2{margin:0 0 8px;font-size:32px}
.section-head p{margin:0;color:var(--color-muted)}

/* About */
.about-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:18px;margin-top:24px}
.about-card{background:var(--color-surface);padding:20px;border-radius:16px;box-shadow:var(--shadow-soft)}
.about-card.image{background:url('https://images.unsplash.com/photo-1544006659-f0b21884ce1d?q=80&w=1200&auto=format&fit=crop') center/cover;border:0;min-height:220px}
.about-card.image2{background:url('https://images.unsplash.com/photo-1494390248081-4e521a5940db?q=80&w=1200&auto=format&fit=crop') center/cover;border:0;min-height:220px}

/* Habits */
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.card{background:#fff;border:1px solid #e6f3ea;border-radius:16px;padding:20px;box-shadow:var(--shadow-soft)}
.card .icon{font-size:28px;margin-bottom:10px}
.card h3{margin:0 0 6px}
.card p{margin:0;color:var(--color-muted)}

/* Impact */
.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}
.impact-item{background:#fff;border:1px solid #e6f3ea;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft)}
.impact-item img{width:100%;height:180px;object-fit:cover}
.impact-item h3{margin:12px 16px 4px}
.impact-item p{margin:0 16px 16px;color:var(--color-muted)}

/* Tips */
.tips-list{margin:18px 0 0;padding-left:22px}
.tips-list li{margin:10px 0;padding-left:6px}

/* Testimonials */
.testimonials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}
.testimonial{background:#fff;border:1px solid #e6f3ea;border-radius:16px;padding:16px;box-shadow:var(--shadow-soft)}
.testimonial img{width:64px;height:64px;object-fit:cover;border-radius:50%;margin-bottom:10px}
.testimonial blockquote{margin:0 0 8px;color:var(--color-text)}
.testimonial figcaption{color:var(--color-muted);font-size:14px}

/* FAQ */
.accordion details{background:#fff;border:1px solid #e6f3ea;border-radius:12px;padding:12px 16px;margin:10px 0}
.accordion summary{cursor:pointer;font-weight:600}
.accordion p{margin:10px 0 0;color:var(--color-muted)}

/* CTA */
.cta{background:linear-gradient(180deg, var(--color-surface), #fff)}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid #e6f3ea;border-radius:16px;padding:24px;box-shadow:var(--shadow-soft)}

/* Footer */
.site-footer{border-top:1px solid #e9f6ee;background:#fff}
.footer-inner{display:flex;justify-content:space-between;align-items:center;padding:18px 0;gap:10px}
.footer-nav{display:flex;gap:14px;flex-wrap:wrap}
.footer-nav a{color:var(--color-muted);text-decoration:none}
.footer-nav a:hover{color:var(--color-primary-strong)}

/* Contact page */
.page-hero{padding:52px 0;background:linear-gradient(135deg, var(--color-surface), #fff)}
.form{display:grid;gap:14px;margin-top:18px}
.form label{display:block;font-weight:600;margin-bottom:6px}
.form input,.form textarea{width:100%;padding:12px 14px;border:1px solid #dfeee6;border-radius:12px;font:inherit}
.form textarea{min-height:140px;resize:vertical}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.map{margin-top:24px;border:0;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-soft)}

/* Responsive */
@media (max-width: 960px){
	.hero-inner{grid-template-columns:1fr;gap:22px;padding:48px 0}
	.about-grid{grid-template-columns:1fr 1fr}
	.cards-grid{grid-template-columns:1fr 1fr}
	.impact-grid{grid-template-columns:1fr 1fr}
	.testimonials-grid{grid-template-columns:1fr 1fr}
}
@media (max-width: 640px){
	.header-inner{gap:10px}
	.nav{display:none;position:absolute;right:4%;top:62px;background:#fff;border:1px solid #e6f3ea;border-radius:12px;box-shadow:var(--shadow-soft)}
	.nav ul{flex-direction:column;padding:10px}
	.menu-toggle{display:inline-block}
	.about-grid{grid-template-columns:1fr}
	.cards-grid,.impact-grid,.testimonials-grid{grid-template-columns:1fr}
	.hero-text h1{font-size:30px}
	.cta-inner{flex-direction:column;align-items:flex-start}
	.form .row{grid-template-columns:1fr}
}

/* Utilities */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}