:root{--brand-green:#347d27;--brand-green-dark:#23631b;--brand-green-light:#edf7e9;--brand-yellow:#e5ad27;--brand-yellow-dark:#c89412;--brand-yellow-light:#fff8e7;--brand-blue:#278bb5;--brand-dark:#18231b;--brand-muted:#728078;--brand-bg:#f8faf7;--brand-border:#e4ebe2}

.page-logo-box{width:90px;height:90px;margin:0 auto 20px;background:#fff;border-radius:22px;padding:8px;box-shadow:0 15px 35px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center}
.page-logo-box img{width:100%;height:100%;object-fit:contain}
.page-badge{display:inline-block;padding:8px 17px;border-radius:50px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:13px;font-weight:800;margin-bottom:18px}
.section-badge{display:inline-block;padding:8px 17px;border-radius:50px;background:var(--brand-green-light);color:var(--brand-green);font-size:13px;font-weight:800;margin-bottom:12px}
.section-heading h2{font-weight:900;color:var(--brand-dark);font-size:36px;margin-bottom:12px}
.section-heading p{max-width:650px;margin:auto;color:var(--brand-muted);line-height:1.9}

.about-hero,.services-hero,.contact-hero{position:relative;overflow:hidden;padding:120px 0 90px;background:radial-gradient(circle at 85% 20%,rgba(229,173,39,.18),transparent 28%),radial-gradient(circle at 10% 80%,rgba(67,172,215,.15),transparent 30%),linear-gradient(135deg,#18231b,#23631b);color:#fff;text-align:center}
.about-hero::before,.services-hero::before,.contact-hero::before{content:"";position:absolute;width:350px;height:350px;border-radius:50%;border:55px solid rgba(255,255,255,.04);top:-180px;right:-100px}
.about-hero::after,.services-hero::after,.contact-hero::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:35px solid rgba(229,173,39,.07);bottom:-150px;left:-70px}
.about-hero .container,.services-hero .container,.contact-hero .container{position:relative;z-index:2}
.about-hero-content,.services-hero-content,.contact-hero-content{position:relative;z-index:2;text-align:center}
.about-hero h1,.services-hero h1,.contact-hero h1{font-weight:900;font-size:clamp(38px,5vw,58px);margin-bottom:18px}
.about-hero h1 span,.services-hero h1 span,.contact-hero h1 span{color:var(--brand-yellow)}
.about-hero p,.services-hero p,.contact-hero p{max-width:700px;margin:0 auto;color:rgba(255,255,255,.75);line-height:2;font-size:17px}

.about-section,.services-section,.contact-section{padding:90px 0;background:var(--brand-bg)}
.about-story h2{font-weight:900;color:var(--brand-dark);font-size:38px;line-height:1.4;margin:10px 0 20px}
.about-story p{color:var(--brand-muted);line-height:2;font-size:16px;margin-bottom:15px}

.page-card{height:100%;background:#fff;border:1px solid var(--brand-border);border-radius:22px;padding:30px;transition:all .3s ease}
.page-card:hover{transform:translateY(-7px);border-color:rgba(52,125,39,.35);box-shadow:0 20px 45px rgba(24,35,27,.08)}
.page-icon{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,var(--brand-green-light),var(--brand-yellow-light));color:var(--brand-green);display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:20px;transition:.3s}
.page-card:hover .page-icon{background:var(--brand-green);color:#fff;transform:scale(1.08)}
.page-card h4{font-weight:900;color:var(--brand-dark);margin-bottom:12px}
.page-card p{color:var(--brand-muted);line-height:1.9;margin:0}

.page-link{display:inline-flex;align-items:center;gap:8px;color:var(--brand-green);text-decoration:none;font-weight:800;font-size:15px;margin-top:16px;transition:.3s}
.page-link:hover{color:var(--brand-yellow-dark);transform:translateX(-4px)}

.page-action{display:inline-flex;align-items:center;gap:9px;margin-top:10px;padding:13px 27px;border-radius:13px;background:var(--brand-green);color:#fff;text-decoration:none;font-weight:900;transition:.3s}
.page-action:hover{background:var(--brand-yellow);color:#fff;transform:translateY(-3px)}
.page-action-light{background:#fff;color:var(--brand-green);margin-top:0}
.page-action-light:hover{background:var(--brand-yellow);color:#fff}

.vision-section,.services-info-section,.contact-info-section{padding:0 0 90px;background:var(--brand-bg)}
.vision-box,.services-info-box,.help-box{position:relative;overflow:hidden;padding:55px 45px;border-radius:28px;background:linear-gradient(135deg,#fff,#f8faf7);border:1px solid var(--brand-border)}
.vision-box::before,.services-info-box::before,.help-box::before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(52,125,39,.05);top:-160px;right:-100px}
.vision-box h2,.services-info-box h2{font-weight:900;color:var(--brand-dark);font-size:34px;margin:10px 0 18px}
.vision-box p,.services-info-box p{color:var(--brand-muted);line-height:2;margin:0}

.feature-list{list-style:none;padding:0;margin:0;position:relative;z-index:2}
.feature-list li{display:flex;align-items:flex-start;gap:14px;padding:13px 0;border-bottom:1px solid #edf0eb;color:#536158}
.feature-list li:last-child
.feature-list i{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--brand-green-light);color:var(--brand-green);font-size:18px}
.feature-list span{line-height:1.9;padding-top:5px}

.numbers-section{padding:80px 0;background:#fff}
.number-box{text-align:center;padding:25px;border-radius:20px;transition:.3s}
.number-box:hover{background:var(--brand-bg);transform:translateY(-5px)}
.number-box strong{display:block;font-size:40px;font-weight:900;color:var(--brand-green);margin-bottom:5px}
.number-box span{color:var(--brand-muted);font-weight:600}

.page-cta-section{padding:0 0 90px;background:#fff}
.page-cta-box{position:relative;overflow:hidden;padding:55px 35px;text-align:center;border-radius:28px;background:linear-gradient(135deg,#23631b,#347d27,#278bb5);color:#fff}
.page-cta-box::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(229,173,39,.1);top:-170px;right:-100px}
.page-cta-box::after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;border:35px solid rgba(255,255,255,.05);bottom:-160px;left:-70px}
.page-cta-content{position:relative;z-index:2}
.page-cta-box h2{font-weight:900;font-size:34px;margin-bottom:15px}
.page-cta-box p{color:rgba(255,255,255,.8);max-width:650px;margin:0 auto 25px;line-height:2}

.help-section{padding:90px 0;background:#fff}
.help-box{background:linear-gradient(135deg,#fff,#f8faf7)}
.help-title{position:relative;z-index:2;display:flex;align-items:center;gap:13px;margin-bottom:25px}
.help-title-icon{width:55px;height:55px;display:flex;align-items:center;justify-content:center;border-radius:17px;background:var(--brand-yellow-light);color:var(--brand-yellow-dark);font-size:23px}
.help-title h3{margin:0;font-weight:900;color:var(--brand-dark)}
.help-item{position:relative;z-index:2;display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-bottom:1px solid #edf0eb}
.help-item:last-child{border-bottom:0;padding-bottom:0}
.help-item>i{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--brand-green-light);color:var(--brand-green);font-size:18px}
.help-item strong{display:block;color:var(--brand-dark);margin-bottom:5px}
.help-item span{color:var(--brand-muted);line-height:1.8;font-size:14px}

@media(max-width:576px){
.about-hero,.services-hero,.contact-hero{padding:105px 0 70px}
.about-hero h1,.services-hero h1,.contact-hero h1{font-size:38px}
.about-section,.services-section,.contact-section{padding:70px 0}
.about-story h2{font-size:30px}
.section-heading h2{font-size:29px}
.vision-section,.services-info-section,.contact-info-section{padding-bottom:70px}
.vision-box,.services-info-box,.help-box{padding:40px 22px}
.vision-box h2,.services-info-box h2{font-size:28px}
.numbers-section{padding:60px 0}
.number-box{padding:20px 10px}
.number-box strong{font-size:32px}
.page-cta-section{padding-bottom:70px}
.page-cta-box{padding:40px 22px}
.page-cta-box h2{font-size:28px}
.help-section{padding:70px 0}
.help-box{padding:30px 20px}
}