:where(html:has(.page-about)) .hero-section{color:#fff;background:linear-gradient(135deg,#a4d65e 0%,#009739 100%);padding:80px 20px;position:relative;overflow:hidden}:where(html:has(.page-about)) .hero-section:before{content:"";background:radial-gradient(circle,#ffd7001a 0%,#0000 70%);width:200%;height:200%;animation:8s ease-in-out infinite heroFloat;position:absolute;top:-50%;right:-50%}@keyframes heroFloat{0%,to{transform:rotate(0)translate(0)}50%{transform:rotate(180deg)translate(-20px,-20px)}}:where(html:has(.page-about)) .hero-container{z-index:2;max-width:1200px;margin:0 auto;position:relative}:where(html:has(.page-about)) .hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}:where(html:has(.page-about)) .hero-text h1{text-shadow:2px 4px 8px #0003;margin-bottom:20px;font-size:48px;font-weight:900}:where(html:has(.page-about)) .hero-subtitle{color:gold;margin-bottom:20px;font-size:24px;font-weight:600}:where(html:has(.page-about)) .hero-description{opacity:.95;margin-bottom:40px;font-size:18px;line-height:1.6}:where(html:has(.page-about)) .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px 32px;width:100%;max-width:620px;display:grid}:where(html:has(.page-about)) .hero-stats .stat-item{text-align:center;flex-direction:column;align-items:center;display:flex}:where(html:has(.page-about)) .hero-stats .stat-number{color:gold;white-space:nowrap;margin-bottom:6px;font-size:clamp(24px,2.2vw,30px);font-weight:900;line-height:1.2;display:block}:where(html:has(.page-about)) .hero-stats .stat-label{color:#ffffffe6;margin:0;font-size:14px;line-height:1.3}:where(html:has(.page-about)) .hero-image{position:relative}:where(html:has(.page-about)) .hero-image img{object-fit:contain;cursor:pointer;width:100%;height:auto}:where(html:has(.page-about)) .hero-image img:hover{transition:transform .3s;transform:scale(1.05)}@media (max-width:768px){:where(html:has(.page-about)) .hero-content{text-align:center;grid-template-columns:1fr;gap:40px}:where(html:has(.page-about)) .hero-text h1{font-size:28px}:where(html:has(.page-about)) .hero-subtitle{font-size:20px}:where(html:has(.page-about)) .hero-description{font-size:16px}:where(html:has(.page-about)) .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px;max-width:520px;margin:0 auto;display:grid}:where(html:has(.page-about)) .hero-stats .stat-number{white-space:nowrap;font-size:clamp(20px,3.5vw,24px)}:where(html:has(.page-about)) .hero-stats .stat-label{font-size:13px}}@media (max-width:480px){:where(html:has(.page-about)) .hero-section{padding:50px 15px}:where(html:has(.page-about)) .hero-text h1{font-size:24px}:where(html:has(.page-about)) .hero-subtitle{font-size:18px}:where(html:has(.page-about)) .hero-description{font-size:14px}:where(html:has(.page-about)) .hero-stats{grid-template-columns:1fr;gap:16px;max-width:260px;margin:24px auto 0;display:grid}:where(html:has(.page-about)) .hero-stats .stat-item{background:#ffffff14;border-radius:12px;width:100%;padding:10px 16px}:where(html:has(.page-about)) .hero-stats .stat-number{white-space:nowrap;font-size:26px}:where(html:has(.page-about)) .hero-stats .stat-label{font-size:14px}}:where(html:has(.page-about)) .story-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:100px 20px;position:relative;overflow:hidden}:where(html:has(.page-about)) .story-section:before{content:"";pointer-events:none;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"20\" cy=\"20\" r=\"1\" fill=\"rgba(164,214,94,0.1)\"/><circle cx=\"80\" cy=\"80\" r=\"1\" fill=\"rgba(0,151,57,0.1)\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"/></svg>");width:100%;height:100%;position:absolute;top:0;left:0}:where(html:has(.page-about)) .story-container{z-index:2;max-width:1200px;margin:0 auto;position:relative}:where(html:has(.page-about)) .story-header{text-align:center;margin-bottom:80px}:where(html:has(.page-about)) .story-header h2{color:#4d4d4d;margin-bottom:20px;font-size:42px;font-weight:900;line-height:1.3}:where(html:has(.page-about)) .story-content{grid-template-columns:1fr 1fr;align-items:flex-start;gap:80px;margin-bottom:80px;display:grid}:where(html:has(.page-about)) .story-image{position:relative}:where(html:has(.page-about)) .story-image img{object-fit:cover;border-radius:20px;width:100%;height:500px;box-shadow:0 15px 35px #00973926}:where(html:has(.page-about)) .story-badge{color:#fff;background:linear-gradient(45deg,#009739,#a4d65e);border-radius:50px;padding:15px 25px;font-size:16px;font-weight:700;position:absolute;top:20px;right:20px;box-shadow:0 8px 25px #0097394d}:where(html:has(.page-about)) .story-intro-card{background:#fff;border-left:5px solid #009739;border-radius:15px;margin-bottom:30px;padding:30px;box-shadow:0 10px 25px #0097391a}:where(html:has(.page-about)) .story-opening{color:#4d4d4d;margin:0;font-size:18px;line-height:1.7}:where(html:has(.page-about)) .story-opening strong{color:#009739;font-weight:700}:where(html:has(.page-about)) .story-paragraph{background:linear-gradient(135deg,#a4d65e1a,#0097391a);border-radius:15px;margin-bottom:30px;padding:25px}:where(html:has(.page-about)) .story-paragraph p{color:#666;margin:0;font-size:16px;line-height:1.6}:where(html:has(.page-about)) .story-realization{background:#fff;border-radius:15px;margin-bottom:40px;padding:40px 30px;position:relative;box-shadow:0 10px 25px #00000014}:where(html:has(.page-about)) .story-realization:before{content:"\"";color:#a4d65e;font-family:serif;font-size:80px;line-height:1;position:absolute;top:-10px;left:20px}:where(html:has(.page-about)) .story-realization blockquote{color:#009739;text-align:center;margin:0;font-size:20px;font-style:italic;font-weight:600;line-height:1.5}:where(html:has(.page-about)) .story-highlights{grid-template-columns:1fr 1fr;gap:20px;display:grid}:where(html:has(.page-about)) .highlight-item{text-align:center;background:#fff;border-radius:15px;padding:25px 20px;transition:transform .3s;box-shadow:0 8px 20px #0000000f}:where(html:has(.page-about)) .highlight-item:hover{transform:translateY(-8px)}:where(html:has(.page-about)) .highlight-icon{margin-bottom:15px;font-size:35px}:where(html:has(.page-about)) .highlight-item h4{color:#4d4d4d;margin-bottom:8px;font-size:16px;font-weight:700}:where(html:has(.page-about)) .highlight-item p{color:#666;margin:0;font-size:13px;line-height:1.4}:where(html:has(.page-about)) .story-timeline{background:#fff;border-radius:20px;padding:50px 40px;position:relative;box-shadow:0 15px 35px #0097391a}:where(html:has(.page-about)) .story-timeline:before{content:"";background:linear-gradient(#009739,#a4d65e);width:3px;position:absolute;top:50px;bottom:50px;left:50px}:where(html:has(.page-about)) .timeline-item{align-items:flex-start;margin-bottom:40px;display:flex;position:relative}:where(html:has(.page-about)) .timeline-item:last-child{margin-bottom:0}:where(html:has(.page-about)) .timeline-dot{z-index:2;background:linear-gradient(45deg,#009739,#a4d65e);border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-right:30px;position:relative;box-shadow:0 0 0 5px #fff,0 0 0 7px #a4d65e}:where(html:has(.page-about)) .timeline-content h4{color:#4d4d4d;margin-bottom:10px;font-size:20px;font-weight:700}:where(html:has(.page-about)) .timeline-content p{color:#666;margin:0;font-size:16px;line-height:1.6}@media (max-width:768px){:where(html:has(.page-about)) .story-header h2{padding:0 10px;font-size:28px}:where(html:has(.page-about)) .story-content{grid-template-columns:1fr;gap:40px}:where(html:has(.page-about)) .story-highlights{grid-template-columns:1fr;gap:15px}:where(html:has(.page-about)) .story-timeline{padding:30px 20px}:where(html:has(.page-about)) .story-timeline:before{left:30px}:where(html:has(.page-about)) .timeline-dot{margin-right:20px}:where(html:has(.page-about)) .timeline-content h4{font-size:18px}:where(html:has(.page-about)) .timeline-content p{font-size:14px}:where(html:has(.page-about)) .story-intro-card{padding:25px}:where(html:has(.page-about)) .story-opening{font-size:16px}:where(html:has(.page-about)) .story-realization blockquote{font-size:18px}}@media (max-width:480px){:where(html:has(.page-about)) .story-section{padding:50px 10px}:where(html:has(.page-about)) .story-header h2{font-size:24px;line-height:1.4}:where(html:has(.page-about)) .story-content{gap:30px}:where(html:has(.page-about)) .story-timeline{padding:20px 15px}:where(html:has(.page-about)) .story-timeline:before{left:25px}:where(html:has(.page-about)) .timeline-dot{width:15px;height:15px;margin-right:15px}:where(html:has(.page-about)) .timeline-content h4{font-size:16px}:where(html:has(.page-about)) .timeline-content p{font-size:13px}:where(html:has(.page-about)) .story-intro-card{padding:20px}:where(html:has(.page-about)) .story-opening{font-size:15px}:where(html:has(.page-about)) .story-paragraph{padding:20px}:where(html:has(.page-about)) .story-realization{padding:30px 20px}:where(html:has(.page-about)) .story-realization blockquote{font-size:16px}:where(html:has(.page-about)) .story-realization:before{font-size:60px;top:-5px}:where(html:has(.page-about)) .highlight-item{padding:20px 15px}:where(html:has(.page-about)) .highlight-icon{font-size:30px}:where(html:has(.page-about)) .highlight-item h4{font-size:15px}:where(html:has(.page-about)) .highlight-item p{font-size:12px}}@media (max-width:360px){:where(html:has(.page-about)) .story-header h2{font-size:22px}:where(html:has(.page-about)) .story-timeline{padding:15px 10px}:where(html:has(.page-about)) .timeline-item{padding:10px}}:where(html:has(.page-about)) .mission-section{color:#fff;background:linear-gradient(135deg,#009739 0%,#a4d65e 100%);padding:100px 20px}:where(html:has(.page-about)) .mission-container{max-width:1200px;margin:0 auto}:where(html:has(.page-about)) .section-header{text-align:center;margin-bottom:80px}:where(html:has(.page-about)) .section-header h2{text-shadow:2px 4px 8px #0003;margin-bottom:20px;font-size:42px;font-weight:900}:where(html:has(.page-about)) .section-header p{opacity:.9;max-width:600px;margin:0 auto;font-size:18px}:where(html:has(.page-about)) .mission-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;display:grid}:where(html:has(.page-about)) .mission-card{color:#4d4d4d;text-align:center;background:#fffffff2;border-radius:20px;padding:50px 40px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a}:where(html:has(.page-about)) .mission-card:before{content:"";background:linear-gradient(90deg,#0000,#a4d65e1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}:where(html:has(.page-about)) .mission-card:hover:before{left:100%}:where(html:has(.page-about)) .mission-card:hover{transform:translateY(-15px);box-shadow:0 30px 60px #00000026}:where(html:has(.page-about)) .card-icon{margin-bottom:25px;font-size:50px}:where(html:has(.page-about)) .mission-card h3{color:#009739;margin-bottom:25px;font-size:28px;font-weight:700}:where(html:has(.page-about)) .mission-card p{color:#666;font-size:16px;line-height:1.6}:where(html:has(.page-about)) .mission-card ul{padding:0;list-style:none}:where(html:has(.page-about)) .mission-card li{color:#666;padding:8px 0 8px 25px;font-size:16px;position:relative}:where(html:has(.page-about)) .mission-card li:before{content:"✓";color:#009739;font-weight:700;position:absolute;left:0}@media (max-width:768px){:where(html:has(.page-about)) .mission-section{padding:70px 15px}:where(html:has(.page-about)) .mission-grid{grid-template-columns:1fr;gap:30px}:where(html:has(.page-about)) .mission-card{padding:35px 25px}:where(html:has(.page-about)) .section-header h2{font-size:28px}:where(html:has(.page-about)) .section-header p{font-size:16px}:where(html:has(.page-about)) .card-icon{font-size:40px}:where(html:has(.page-about)) .mission-card h3{font-size:22px}}@media (max-width:480px){:where(html:has(.page-about)) .mission-section{padding:50px 10px}:where(html:has(.page-about)) .mission-card{padding:25px 20px}:where(html:has(.page-about)) .section-header h2{font-size:24px}:where(html:has(.page-about)) .mission-card h3{font-size:20px}:where(html:has(.page-about)) .mission-card p,:where(html:has(.page-about)) .mission-card li{font-size:14px}}:where(html:has(.page-about)) .why-sahaja{background:#fff;padding:100px 0;font-family:Arial,sans-serif}:where(html:has(.page-about)) .why-sahaja .container{max-width:1200px;margin:0 auto;padding:0 20px}:where(html:has(.page-about)) .why-sahaja .section-title{text-align:center;color:#009739;margin-bottom:20px;font-size:3rem;position:relative}:where(html:has(.page-about)) .why-sahaja .section-title:after{content:"";background:linear-gradient(45deg,#009739,#a4d65e);border-radius:2px;width:80px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}:where(html:has(.page-about)) .why-sahaja .section-subtitle{text-align:center;color:#4d4d4d;max-width:600px;margin-bottom:60px;margin-left:auto;margin-right:auto;font-size:1.2rem}@media (max-width:768px){:where(html:has(.page-about)) .why-sahaja{padding:80px 0}:where(html:has(.page-about)) .why-sahaja .section-title{font-size:2.2rem}:where(html:has(.page-about)) .features-grid{grid-template-columns:1fr;gap:30px}:where(html:has(.page-about)) .feature-item{padding:30px 20px}}@media (max-width:480px){:where(html:has(.page-about)) .why-sahaja{padding:60px 0}:where(html:has(.page-about)) .why-sahaja .section-title{font-size:1.8rem}:where(html:has(.page-about)) .why-sahaja .section-subtitle{margin-bottom:40px;font-size:1rem}:where(html:has(.page-about)) .feature-title{font-size:1.3rem}}:where(html:has(.page-about)) .pdf-report-section-isolated{isolation:isolate;background:linear-gradient(135deg,#a4d65e0d 0%,#0097390d 100%);padding:80px 0;font-family:Arial,sans-serif;position:relative}:where(html:has(.page-about)) .pdf-report-section-isolated *{box-sizing:border-box}:where(html:has(.page-about)) .pdf-report-section-isolated .pdf-report-container{max-width:900px;margin:0 auto;padding:0 20px}:where(html:has(.page-about)) .pdf-report-section-isolated .pdf-section-title{text-align:center;color:#009739;margin-bottom:15px;font-size:2.5rem;position:relative}:where(html:has(.page-about)) .pdf-report-section-isolated .pdf-section-title:after{content:"";background:linear-gradient(45deg,#009739,#a4d65e);border-radius:2px;width:80px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}:where(html:has(.page-about)) .pdf-report-section-isolated .pdf-section-subtitle{text-align:center;color:#4d4d4d;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.2rem}:where(html:has(.page-about)) .pdf-report-section-isolated .pdf-display-container{text-align:center;background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px #0000001a}:where(html:has(.page-about)) .pdf-report-section-isolated .pdf-preview{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:10px;justify-content:center;align-items:center;width:100%;height:auto;max-height:500px;margin-bottom:25px;display:flex;position:relative;overflow:hidden}:where(html:has(.page-about)) .pdf-report-section-isolated .pdf-image-container{justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}:where(html:has(.page-about)) .pdf-report-section-isolated .pdf-image-preview{object-fit:contain;max-width:100%;max-height:100%}:where(html:has(.page-about)) .pdf-report-section-isolated .download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#009739 0%,#a4d65e 100%);border:none;border-radius:50px;margin-top:15px;padding:12px 30px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #0097394d}:where(html:has(.page-about)) .pdf-report-section-isolated .download-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00973966}:where(html:has(.page-about)) .pdf-report-section-isolated .loading-spinner{border:4px solid #f3f3f3;border-top-color:#009739;border-radius:50%;width:50px;height:50px;margin:20px auto;animation:1s linear infinite pdfSpinIsolated}@keyframes pdfSpinIsolated{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){:where(html:has(.page-about)) .pdf-report-section-isolated .pdf-section-title{font-size:2rem}:where(html:has(.page-about)) .pdf-report-section-isolated .pdf-preview{max-height:400px}}@media (max-width:480px){:where(html:has(.page-about)) .pdf-report-section-isolated{padding:60px 0}:where(html:has(.page-about)) .pdf-report-section-isolated .pdf-section-title{font-size:1.8rem}:where(html:has(.page-about)) .pdf-report-section-isolated .pdf-section-subtitle{font-size:1rem}:where(html:has(.page-about)) .pdf-report-section-isolated .pdf-preview{max-height:300px}:where(html:has(.page-about)) .pdf-report-section-isolated .download-btn{padding:10px 25px;font-size:.9rem}}:where(html:has(.page-about)) .team-section{background:#f8f9fa;padding:100px 20px}:where(html:has(.page-about)) .team-container{max-width:1200px;margin:0 auto}:where(html:has(.page-about)) .team-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:50px;margin-top:60px;display:grid}:where(html:has(.page-about)) .team-member{background:#fff;border-radius:20px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 15px 35px #00000014}:where(html:has(.page-about)) .team-member:hover{transform:translateY(-10px);box-shadow:0 25px 50px #00973926}:where(html:has(.page-about)) .member-image{position:relative;overflow:hidden}:where(html:has(.page-about)) .member-image img{object-fit:cover;width:100%;height:300px;transition:transform .3s}:where(html:has(.page-about)) .team-member:hover .member-image img{transform:scale(1.1)}:where(html:has(.page-about)) .member-overlay{opacity:0;background:linear-gradient(45deg,#009739cc,#a4d65ecc);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}:where(html:has(.page-about)) .team-member:hover .member-overlay{opacity:1}:where(html:has(.page-about)) .member-social{gap:20px;display:flex}:where(html:has(.page-about)) .member-social a{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;text-decoration:none;transition:transform .3s;display:flex}:where(html:has(.page-about)) .member-social a:hover{transform:scale(1.2)}:where(html:has(.page-about)) .member-info{text-align:center;padding:30px}:where(html:has(.page-about)) .member-info h4{color:#4d4d4d;margin-bottom:10px;font-size:24px;font-weight:700}:where(html:has(.page-about)) .member-role{color:#009739;margin-bottom:15px;font-size:16px;font-weight:600}:where(html:has(.page-about)) .member-bio{color:#666;font-size:14px;line-height:1.6}@media (max-width:768px){:where(html:has(.page-about)) .team-section{padding:70px 15px}:where(html:has(.page-about)) .team-grid{grid-template-columns:1fr;gap:40px}:where(html:has(.page-about)) .member-image img{height:250px}:where(html:has(.page-about)) .member-info{padding:25px}:where(html:has(.page-about)) .member-info h4{font-size:20px}:where(html:has(.page-about)) .member-role{font-size:14px}:where(html:has(.page-about)) .member-bio{font-size:13px}}@media (max-width:480px){:where(html:has(.page-about)) .team-section{padding:50px 10px}:where(html:has(.page-about)) .team-grid{gap:30px}:where(html:has(.page-about)) .member-image img{height:200px}:where(html:has(.page-about)) .member-info{padding:20px}:where(html:has(.page-about)) .member-info h4{font-size:18px}:where(html:has(.page-about)) .member-social{gap:15px}:where(html:has(.page-about)) .member-social a{width:40px;height:40px;font-size:16px}}:where(html:has(.page-about)) .achievements-section{background:#fff;padding:100px 20px}:where(html:has(.page-about)) .achievements-container{max-width:1200px;margin:0 auto}:where(html:has(.page-about)) .achievements-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:60px;display:grid}:where(html:has(.page-about)) .achievement-item{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:20px;padding:40px 30px;transition:all .3s;position:relative;overflow:hidden}:where(html:has(.page-about)) .achievement-item:before{content:"";background:linear-gradient(90deg,#0000,#a4d65e33,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}:where(html:has(.page-about)) .achievement-item:hover:before{left:100%}:where(html:has(.page-about)) .achievement-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00973926}:where(html:has(.page-about)) .achievement-icon{margin-bottom:20px;font-size:50px;display:block}:where(html:has(.page-about)) .achievement-item h4{color:#4d4d4d;margin-bottom:10px;font-size:20px;font-weight:700}:where(html:has(.page-about)) .achievement-item p{color:#009739;font-size:14px;font-weight:600}@media (max-width:768px){:where(html:has(.page-about)) .achievements-section{padding:70px 15px}:where(html:has(.page-about)) .achievements-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px}:where(html:has(.page-about)) .achievement-item{padding:30px 20px}:where(html:has(.page-about)) .achievement-icon{font-size:40px}:where(html:has(.page-about)) .achievement-item h4{font-size:18px}:where(html:has(.page-about)) .achievement-item p{font-size:13px}}@media (max-width:480px){:where(html:has(.page-about)) .achievements-section{padding:50px 10px}:where(html:has(.page-about)) .achievements-grid{grid-template-columns:1fr;gap:20px}:where(html:has(.page-about)) .achievement-item{padding:25px 15px}:where(html:has(.page-about)) .achievement-icon{font-size:35px}:where(html:has(.page-about)) .achievement-item h4{font-size:16px}}:where(html:has(.page-about)) .sustainability-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:100px 20px}:where(html:has(.page-about)) .sustainability-container{max-width:1200px;margin:0 auto}:where(html:has(.page-about)) .sustainability-content{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}:where(html:has(.page-about)) .sustainability-text h2{color:#4d4d4d;margin-bottom:20px;font-size:42px;font-weight:900}:where(html:has(.page-about)) .sustainability-intro{color:#009739;margin-bottom:40px;font-size:20px;font-weight:600}:where(html:has(.page-about)) .sustainability-features{flex-direction:column;gap:30px;display:flex}:where(html:has(.page-about)) .feature-row{background:#fff;border-radius:15px;align-items:flex-start;gap:20px;padding:25px;transition:all .3s;display:flex;box-shadow:0 10px 25px #0000000d}:where(html:has(.page-about)) .feature-row:hover{transform:translate(10px);box-shadow:0 15px 35px #0097391a}:where(html:has(.page-about)) .feature-icon{flex-shrink:0;font-size:30px}:where(html:has(.page-about)) .feature-content h4{color:#4d4d4d;margin-bottom:8px;font-size:18px;font-weight:700}:where(html:has(.page-about)) .feature-content p{color:#666;margin:0;font-size:14px;line-height:1.6}:where(html:has(.page-about)) .sustainability-image{position:relative}:where(html:has(.page-about)) .sustainability-image img{object-fit:cover;border-radius:20px;width:100%;height:500px;box-shadow:0 20px 40px #00973926}:where(html:has(.page-about)) .sustainability-badge{color:#fff;background:linear-gradient(45deg,#009739,#a4d65e);border-radius:50px;padding:15px 25px;font-size:16px;font-weight:700;position:absolute;bottom:20px;left:20px;box-shadow:0 8px 25px #0097394d}@media (max-width:768px){:where(html:has(.page-about)) .sustainability-section{padding:70px 15px}:where(html:has(.page-about)) .sustainability-content{grid-template-columns:1fr;gap:50px}:where(html:has(.page-about)) .sustainability-text h2{text-align:center;font-size:28px}:where(html:has(.page-about)) .sustainability-intro{text-align:center;font-size:18px}:where(html:has(.page-about)) .feature-row{padding:20px}:where(html:has(.page-about)) .feature-icon{font-size:25px}:where(html:has(.page-about)) .feature-content h4{font-size:16px}:where(html:has(.page-about)) .feature-content p{font-size:13px}:where(html:has(.page-about)) .sustainability-image img{height:300px}}@media (max-width:480px){:where(html:has(.page-about)) .sustainability-section{padding:50px 10px}:where(html:has(.page-about)) .sustainability-text h2{font-size:24px}:where(html:has(.page-about)) .sustainability-intro{font-size:16px}:where(html:has(.page-about)) .feature-row{text-align:center;flex-direction:column;gap:15px;padding:15px}:where(html:has(.page-about)) .sustainability-image img{height:250px}:where(html:has(.page-about)) .sustainability-badge{padding:12px 20px;font-size:14px}}:where(html:has(.page-about)) .contact-cta-section{color:#fff;text-align:center;background:linear-gradient(135deg,#009739 0%,#a4d65e 100%);padding:100px 20px}:where(html:has(.page-about)) .contact-cta-container{max-width:800px;margin:0 auto}:where(html:has(.page-about)) .cta-content p{opacity:.9;margin-bottom:40px;font-size:18px}:where(html:has(.page-about)) .cta-buttons{justify-content:center;gap:30px;margin-bottom:50px;display:flex}:where(html:has(.page-about)) .cta-primary,:where(html:has(.page-about)) .cta-secondary{border-radius:50px;padding:15px 40px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s}:where(html:has(.page-about)) .cta-primary{color:#4d4d4d;background:gold;box-shadow:0 8px 25px #ffd7004d}:where(html:has(.page-about)) .cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #ffd70066}:where(html:has(.page-about)) .cta-secondary{color:#fff;background:0 0;border:2px solid #fff}:where(html:has(.page-about)) .cta-secondary:hover{color:#009739;background:#fff;transform:translateY(-3px)}:where(html:has(.page-about)) .contact-item{align-items:center;gap:10px;font-size:16px;display:flex}:where(html:has(.page-about)) .contact-icon{font-size:20px}@media (max-width:768px){:where(html:has(.page-about)) .contact-cta-section{padding:70px 15px}:where(html:has(.page-about)) .cta-content h2{font-size:28px}:where(html:has(.page-about)) .cta-content p{font-size:16px}:where(html:has(.page-about)) .cta-buttons{flex-direction:column;align-items:center;gap:20px}:where(html:has(.page-about)) .cta-primary,:where(html:has(.page-about)) .cta-secondary{text-align:center;width:80%;max-width:250px}:where(html:has(.page-about)) .contact-info{flex-direction:column;gap:20px}:where(html:has(.page-about)) .contact-item{font-size:14px}}@media (max-width:480px){:where(html:has(.page-about)) .contact-cta-section{padding:50px 10px}:where(html:has(.page-about)) .cta-content h2{font-size:24px}:where(html:has(.page-about)) .cta-content p{font-size:14px}:where(html:has(.page-about)) .cta-primary,:where(html:has(.page-about)) .cta-secondary{width:90%;padding:12px 30px;font-size:14px}:where(html:has(.page-about)) .contact-item{font-size:13px}:where(html:has(.page-about)) .contact-icon{font-size:16px}}:where(html:has(.page-about)) .faq-section{background:#f8f9fa;padding:100px 20px}:where(html:has(.page-about)) .faq-container{max-width:800px;margin:0 auto}:where(html:has(.page-about)) .faq-grid{flex-direction:column;gap:20px;margin-top:60px;display:flex}:where(html:has(.page-about)) .faq-item{background:#fff;border-radius:15px;transition:all .3s;overflow:hidden;box-shadow:0 5px 15px #00000014}:where(html:has(.page-about)) .faq-item:hover{box-shadow:0 10px 25px #0097391a}:where(html:has(.page-about)) .faq-question{cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:25px 30px;transition:background-color .3s;display:flex}:where(html:has(.page-about)) .faq-question:hover{background:#f8f9fa}:where(html:has(.page-about)) .faq-question h4{color:#4d4d4d;flex:1;margin:0;font-size:18px;font-weight:600}:where(html:has(.page-about)) .faq-toggle{color:#009739;font-size:24px;font-weight:700;transition:transform .3s}:where(html:has(.page-about)) .faq-item.active .faq-toggle{transform:rotate(45deg)}:where(html:has(.page-about)) .faq-answer{background:#f8f9fa;max-height:0;transition:max-height .3s;overflow:hidden}:where(html:has(.page-about)) .faq-item.active .faq-answer{max-height:200px}:where(html:has(.page-about)) .faq-answer p{color:#666;margin:0;padding:0 30px 25px;font-size:16px;line-height:1.6}@media (max-width:768px){:where(html:has(.page-about)) .faq-section{padding:70px 15px}:where(html:has(.page-about)) .faq-question{padding:20px}:where(html:has(.page-about)) .faq-question h4{font-size:16px}:where(html:has(.page-about)) .faq-toggle{font-size:20px}:where(html:has(.page-about)) .faq-answer p{padding:0 20px 20px;font-size:14px}}@media (max-width:480px){:where(html:has(.page-about)) .faq-section{padding:50px 10px}:where(html:has(.page-about)) .faq-question{padding:15px}:where(html:has(.page-about)) .faq-question h4{font-size:15px}:where(html:has(.page-about)) .faq-answer p{padding:0 15px 15px;font-size:13px}:where(html:has(.page-about)) .faq-toggle{font-size:18px}}:where(html:has(.page-about)) .statistics-section{color:#fff;background:linear-gradient(135deg,#009739 0%,#a4d65e 100%);padding:100px 20px}:where(html:has(.page-about)) .statistics-container{max-width:1200px;margin:0 auto}:where(html:has(.page-about)) .statistics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;display:grid}:where(html:has(.page-about)) .stat-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:40px 30px;transition:all .3s}:where(html:has(.page-about)) .stat-card:hover{background:#ffffff26;transform:translateY(-10px)}:where(html:has(.page-about)) .stat-icon{margin-bottom:20px;font-size:50px;display:block}:where(html:has(.page-about)) .stat-card .stat-number{color:gold;margin-bottom:10px;font-size:48px;font-weight:900;display:block}:where(html:has(.page-about)) .stat-card .stat-label{opacity:.9;font-size:16px;font-weight:600}@media (max-width:768px){:where(html:has(.page-about)) .statistics-section{padding:70px 15px}:where(html:has(.page-about)) .statistics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:25px}:where(html:has(.page-about)) .stat-card{padding:30px 20px}:where(html:has(.page-about)) .stat-icon{font-size:40px}:where(html:has(.page-about)) .stat-card .stat-number{font-size:32px}:where(html:has(.page-about)) .stat-card .stat-label{font-size:14px}}@media (max-width:480px){:where(html:has(.page-about)) .statistics-section{padding:50px 10px}:where(html:has(.page-about)) .statistics-grid{grid-template-columns:repeat(2,1fr);gap:20px}:where(html:has(.page-about)) .stat-card{padding:25px 15px}:where(html:has(.page-about)) .stat-icon{font-size:35px}:where(html:has(.page-about)) .stat-card .stat-number{font-size:28px}:where(html:has(.page-about)) .stat-card .stat-label{font-size:13px}}@media (max-width:360px){:where(html:has(.page-about)) .statistics-grid{grid-template-columns:1fr}:where(html:has(.page-about)) .stat-card{padding:20px 10px}}:where(html:has(.page-about)) .contact-item{align-items:flex-start;margin-bottom:12px;line-height:1.5;display:flex}:where(html:has(.page-about)) .contact-icon{flex-shrink:0;margin-top:3px;margin-right:10px}:where(html:has(.page-about)) h1,:where(html:has(.page-about)) h2,:where(html:has(.page-about)) h3,:where(html:has(.page-about)) h4,:where(html:has(.page-about)) h5,:where(html:has(.page-about)) h6{color:#2c3e50;font-weight:700;line-height:1.3}:where(html:has(.page-about)) p{color:#555;line-height:1.6}:where(html:has(.page-about)) .clv_btn{letter-spacing:.5px;justify-content:center;align-items:center;display:inline-flex;text-transform:none!important;border-radius:4px!important;padding:10px 24px!important;font-weight:600!important;transition:all .3s!important}:where(html:has(.page-about)) .clv_btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}:where(html:has(.page-about)) .product-card,:where(html:has(.page-about)) .blog_item,:where(html:has(.page-about)) .gallery_item{border-radius:8px;transition:box-shadow .3s;overflow:hidden}:where(html:has(.page-about)) .product-card:hover,:where(html:has(.page-about)) .blog_item:hover{box-shadow:0 8px 24px #00000014}:where(html:has(.page-about)) .clv_section{padding:60px 0}@media (min-width:992px){:where(html:has(.page-about)) .clv_section{padding:80px 0}}:where(html:has(.page-about)) .whatsapp-action{color:#fff;background-color:#25d366}:where(html:has(.page-about)) .whatsapp-action:hover{color:#fff;background-color:#128c7e}@media (max-width:768px){:where(html:has(.page-about)) h1{font-size:28px!important}:where(html:has(.page-about)) h2{font-size:24px!important}:where(html:has(.page-about)) h3{font-size:20px!important}:where(html:has(.page-about)) .header{padding:10px 15px}:where(html:has(.page-about)) .clv_btn{padding:8px 20px!important;font-size:14px!important}}