:root{
 --primary:#0B8F3D;
 --primary-dark:#05642a;
 --primary-light:#28b15a;
 --footer-bg:#111827;
}
*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}
body{line-height:1.6;color:#333;background:#f8f8f8}
header{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between;padding:12px 5%}
.brand{display:flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:bold;color:var(--primary-dark);text-decoration:none}
.brand img{height:46px;width:46px}
nav a{margin:0 15px;color:var(--primary-dark);text-decoration:none;font-weight:600}
nav a.active{border-bottom:3px solid var(--primary-dark)}
nav a:hover{color:var(--primary)}
button{background:var(--primary);color:#fff;padding:12px 26px;border:none;border-radius:30px;cursor:pointer;font-size:1rem;font-weight:bold}
button:hover{background:var(--primary)}
.hero{background:url('../images/7.png') center/cover no-repeat;height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;color:#fff}
.hero::after{content:'';position:absolute;inset:0;background:rgba(11,143,61,.55)}
.hero-content{position:relative;z-index:1;max-width:900px;padding:0 20px}
.hero h1{font-size:2.6rem;margin-bottom:22px;color:#fff}
.hero p.tagline{font-size:1.15rem;margin-bottom:30px}
.page-banner{background:var(--primary-dark);color:#fff;text-align:center;padding:60px 5%}
.section{padding:60px 5%;background:#fff}
.section.alt{background:#e9fff3}
.section h2{font-size:2rem;color:var(--primary-dark);margin-bottom:20px;text-align:left}
.section p{max-width:900px;margin:0 auto 18px auto;font-size:1rem;text-align:justify}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:45px;align-items:flex-start}
.founder-card{background:#496E93;color:#fff;padding:25px;border-radius:12px;max-width:320px;margin-left:auto;box-shadow:0 3px 8px rgba(0,0,0,.15);text-align:justify}
.founder-card img{border-radius:50%;width:140px;height:140px;object-fit:cover;object-position:top center;margin:0 auto 15px auto;display:block}
.founder-card h3{margin-bottom:12px;font-size:1.15rem;text-align:center}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}
@media(max-width:800px){.features{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.features{grid-template-columns:1fr}}
.feature-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;text-align:center;padding:20px}
.feature-card img{width:100%;height:150px;object-fit:cover}
.feature-card h3{margin:15px 0 10px;font-size:1.05rem;color:var(--primary-dark)}
.mv-block{border:1px solid var(--primary-light);border-radius:10px;padding:25px;text-align:center;margin-bottom:35px;background:#fff}
.mv-block img{width:260px;height:auto;border-radius:8px;object-fit:cover;margin-bottom:18px}
.mv-block h3{margin-bottom:12px;font-size:1.3rem;color:var(--primary-dark)}
.mv-block p{text-align:justify;font-size:1.08rem;line-height:1.55}
.contact-page{background:var(--primary-dark);color:#fff}
.contact-section{background:var(--primary-dark);padding-top:50px}
.contact-section form{max-width:600px;margin:0 auto}
.contact-section label{display:block;margin-bottom:8px;font-weight:bold}
.contact-section input,.contact-section textarea{width:100%;padding:10px;margin:5px 0 18px 0;border:1px solid #ccc;border-radius:5px}
footer{background:var(--footer-bg);color:#fff;text-align:center;padding:22px 5%}
footer a{color:var(--primary-light);text-decoration:none}


.media-block{border:1px solid var(--primary-light);border-radius:10px;padding:25px;display:grid;grid-template-columns:220px 1fr;gap:35px;align-items:center;margin-bottom:35px;background:#fff}
.media-block:nth-child(even){grid-template-columns:220px 1fr} /* keep same order */
.media-block img{width:220px;height:auto;border-radius:8px;object-fit:cover}
.media-block h3{margin-bottom:12px;font-size:1.3rem;color:var(--primary-dark)}
.media-block p{text-align:justify;font-size:1.08rem;line-height:1.55}
@media(max-width:700px){.media-block{grid-template-columns:1fr}.media-block img{width:100%;margin-bottom:15px}}