@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Poppins',sans-serif;color:#1e293b;overflow-x:hidden;background:#fff}img{max-width:100%;height:auto}
.topbar{background:#022c22;padding:8px 40px;padding-top:calc(8px + env(safe-area-inset-top,0px));display:flex;justify-content:space-between;align-items:center;font-size:12px;color:rgba(255,255,255,.7)}.topbar a{color:rgba(255,255,255,.7);text-decoration:none;transition:.3s}.topbar a:hover{color:#34d399}.topbar-left{display:flex;gap:24px;align-items:center}.topbar-right{display:flex;gap:16px;align-items:center}
.nav{background:#fff;padding:0 40px;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top,0px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1000;box-shadow:0 2px 20px rgba(0,0,0,.06);min-height:72px}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-logo img{height:38px;border-radius:10px}.nav-logo span{font-size:19px;font-weight:900;color:#064e3b}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{color:#334155;text-decoration:none;font-size:14px;font-weight:600;padding:10px 18px;border-radius:8px;transition:all .3s}.nav-links a:hover{color:#059669;background:#f0fdf4}.nav-right{display:flex;align-items:center;gap:16px}.nav-phone{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#064e3b}.nav-phone .ph-icon{width:36px;height:36px;border-radius:50%;background:#ecfdf5;display:flex;align-items:center;justify-content:center;color:#059669}.nav-cta-btn{background:#059669;color:#fff;padding:12px 28px;border-radius:10px;font-size:13px;font-weight:800;text-decoration:none;border:none;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(5,150,105,.25)}.nav-cta-btn:hover{background:#047857;transform:translateY(-2px);box-shadow:0 8px 25px rgba(5,150,105,.35)}.hamburger{display:none;background:none;border:1px solid #e2e8f0;color:#334155;width:42px;height:42px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;font-size:22px}
.mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:9998;opacity:0;transition:opacity .3s}.mob-overlay.open{display:block;opacity:1}.mob-drawer{position:fixed;top:0;right:-300px;width:280px;height:100vh;background:#fff;z-index:9999;padding:24px;padding-top:calc(24px + constant(safe-area-inset-top));padding-top:calc(24px + env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:4px;transition:right .35s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 40px rgba(0,0,0,.15)}.mob-drawer.open{right:0}.mob-drawer a{color:#334155;text-decoration:none;font-size:15px;font-weight:600;padding:14px 16px;border-radius:10px;transition:.2s}.mob-drawer a:hover{background:#f0fdf4;color:#059669}.mob-close{align-self:flex-end;background:#f1f5f9;border:none;color:#64748b;width:36px;height:36px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.hero{position:relative;background:#064e3b;overflow:hidden;min-height:540px}.hero-bg{position:absolute;top:0;right:0;width:55%;height:100%;overflow:hidden}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#064e3b 0%,rgba(6,78,59,.3) 60%,transparent 100%)}.hero-inner{max-width:1200px;margin:0 auto;padding:80px 40px;position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(52,211,153,.15);padding:8px 20px;border-radius:8px;border:1px solid rgba(52,211,153,.25);margin-bottom:28px;font-size:13px;font-weight:700;color:#6ee7b7}.hero-badge .badge-dot{width:8px;height:8px;border-radius:50%;background:#34d399}.hero h1{font-size:48px;font-weight:900;color:#fff;line-height:1.15;letter-spacing:-1.5px;margin-bottom:20px;max-width:560px}.hero-sub{font-size:16px;color:#a7f3d0;line-height:1.8;margin-bottom:36px;max-width:480px;font-weight:400}.hero-cta{display:inline-flex}
.benefits{background:#fff;border-top:1px solid #e2e8f0;padding:0 40px}.benefits-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr)}.benefit-item{padding:32px 30px;display:flex;gap:16px;align-items:flex-start;border-right:1px solid #f1f5f9}.benefit-item:last-child{border-right:none}.benefit-icon{width:44px;height:44px;border-radius:12px;background:#ecfdf5;display:flex;align-items:center;justify-content:center;color:#059669;flex-shrink:0;font-size:22px}.benefit-item h4{font-size:15px;font-weight:800;color:#0f172a;margin-bottom:4px}.benefit-item p{font-size:13px;color:#64748b;line-height:1.5}
.about{padding:100px 40px;background:#f8fafb}.about-inner{max-width:1200px;margin:0 auto;display:flex;gap:70px;align-items:center}.about-images{flex:1;min-width:0;position:relative;min-height:460px}.about-img-main{width:65%;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.1);position:relative;z-index:2}.about-img-main img{width:100%;height:340px;object-fit:cover;display:block}.about-img-sub{width:55%;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.15);position:absolute;bottom:0;right:0;z-index:3;border:5px solid #fff}.about-img-sub img{width:100%;height:240px;object-fit:cover;display:block}.about-dots{position:absolute;top:-20px;left:-20px;width:120px;height:120px;background-image:radial-gradient(#d1fae5 2px,transparent 2px);background-size:16px 16px;z-index:1;border-radius:8px}.about-text{flex:1;min-width:0}.section-badge{display:inline-flex;align-items:center;gap:8px;background:#ecfdf5;padding:6px 18px;border-radius:30px;font-size:12px;font-weight:800;color:#059669;letter-spacing:.8px;text-transform:uppercase;margin-bottom:20px;border:1px solid #d1fae5}.about-text h2{font-size:38px;font-weight:900;color:#0f172a;line-height:1.2;letter-spacing:-1px;margin-bottom:20px}.about-text>p{font-size:15px;color:#475569;line-height:1.8;margin-bottom:28px}.about-btns{display:flex;gap:14px;margin-bottom:36px;flex-wrap:wrap}.btn-primary{background:#059669;color:#fff;padding:14px 32px;border-radius:10px;font-weight:800;font-size:14px;text-decoration:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 20px rgba(5,150,105,.25);transition:all .3s;font-family:inherit}.btn-primary:hover{background:#047857;transform:translateY(-2px)}.btn-outline{background:transparent;color:#059669;padding:14px 32px;border-radius:10px;font-weight:800;font-size:14px;text-decoration:none;border:2px solid #d1fae5;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s;font-family:inherit}.btn-outline:hover{border-color:#059669;background:#ecfdf5}.about-stats{display:flex;gap:40px}.about-stat{display:flex;align-items:center;gap:12px}.about-stat .stat-icon{width:40px;height:40px;border-radius:10px;background:#ecfdf5;display:flex;align-items:center;justify-content:center;color:#059669;font-size:20px}.about-stat .stat-num{font-size:24px;font-weight:900;color:#064e3b}.about-stat .stat-lbl{font-size:12px;color:#64748b;font-weight:600}
.services{padding:100px 40px;background:#fff}.services-inner{max-width:1200px;margin:0 auto}.services .title{text-align:center;margin-bottom:60px}.services .title h2{font-size:38px;font-weight:900;color:#0f172a;letter-spacing:-1px;margin-bottom:14px}.services .title p{font-size:15px;color:#64748b;max-width:550px;margin:0 auto;line-height:1.6}.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.svc-card{border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.06);transition:all .4s;background:#fff;border:1px solid #f1f5f9}.svc-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(0,0,0,.1)}.svc-card-img{height:220px;overflow:hidden}.svc-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.svc-card:hover .svc-card-img img{transform:scale(1.05)}.svc-card-body{padding:28px 24px}.svc-card-body h3{font-size:18px;font-weight:800;color:#0f172a;margin-bottom:10px}.svc-card-body p{font-size:13px;color:#64748b;line-height:1.6;margin-bottom:16px}.svc-link{color:#059669;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:.3s}.svc-link:hover{gap:10px;color:#047857}
.feature-sec{padding:100px 40px;background:#f8fafb}.feature-inner{max-width:1100px;margin:0 auto}.feature-row{display:flex;gap:60px;align-items:center;margin-bottom:80px}.feature-row.reverse{flex-direction:row-reverse}.feature-row:last-child{margin-bottom:0}.feature-img{flex:1;min-width:0}.feature-img img{width:100%;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.08)}.feature-text{flex:1;min-width:0}.feature-text h3{font-size:30px;font-weight:900;color:#0f172a;letter-spacing:-.8px;margin-bottom:16px}.feature-text p{font-size:15px;color:#475569;line-height:1.8;margin-bottom:20px}.check-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.check-list li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#334155}.check-list li .material-symbols-rounded{color:#059669;font-size:20px}
.stats-sec{padding:70px 40px;background:linear-gradient(135deg,#022c22,#064e3b);position:relative;overflow:hidden}.stats-sec::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23fff' fill-opacity='.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.stats-grid{display:flex;justify-content:center;gap:80px;flex-wrap:wrap;max-width:1000px;margin:0 auto;position:relative;z-index:2}.stat-box{text-align:center;color:#fff}.stat-box .stat-num{font-size:44px;font-weight:900;color:#34d399;display:block}.stat-box .stat-lbl{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;opacity:.6;font-weight:600;margin-top:4px}
.testi-sec{padding:100px 40px;background:#fff}.testi-inner{max-width:800px;margin:0 auto;text-align:center}.testi-carousel{position:relative;min-height:200px;margin-top:40px}.testi-slide{position:absolute;width:100%;opacity:0;transform:translateY(20px);transition:all .6s;pointer-events:none}.testi-slide.active{position:relative;opacity:1;transform:translateY(0);pointer-events:auto}.testi-text{font-size:18px;color:#334155;font-style:italic;line-height:1.8;margin-bottom:20px;font-weight:500}.testi-name{font-size:15px;font-weight:800;color:#059669}.testi-role{font-size:12px;color:#94a3b8;margin-top:4px}.testi-stars{color:#f59e0b;font-size:20px;letter-spacing:3px;margin-bottom:16px}.testi-dots{display:flex;justify-content:center;gap:8px;margin-top:30px}.testi-dot{width:10px;height:10px;border-radius:50%;background:#e2e8f0;cursor:pointer;transition:.3s}.testi-dot.active{background:#059669;transform:scale(1.3);box-shadow:0 0 10px rgba(5,150,105,.4)}
.cta-sec{padding:100px 40px;background:linear-gradient(135deg,#064e3b,#022c22);text-align:center;position:relative;overflow:hidden}.cta-sec::after{content:'';position:absolute;bottom:-100px;left:50%;transform:translateX(-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(52,211,153,.1),transparent 70%)}.cta-inner{position:relative;z-index:2;max-width:700px;margin:0 auto}.cta-inner h2{font-size:40px;font-weight:900;color:#fff;letter-spacing:-1.5px;margin-bottom:16px;line-height:1.2}.cta-inner p{font-size:17px;color:#a7f3d0;margin-bottom:40px;line-height:1.7}.cta-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#059669;padding:18px 44px;border-radius:14px;font-weight:900;font-size:16px;text-decoration:none;box-shadow:0 12px 35px rgba(0,0,0,.2);transition:all .4s}.cta-btn:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.3)}.trust-row{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:36px;flex-wrap:wrap}.trust-row span{display:flex;align-items:center;gap:8px;color:rgba(167,243,208,.6);font-size:13px;font-weight:600}
.social-sec{padding:60px 40px;background:#f8fafb;text-align:center}.social-grid{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:30px}.social-link{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s;border:1px solid #e2e8f0}.social-link:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.social-link svg{width:24px;height:24px}.sl-tiktok{background:#010101;border-color:#010101}.sl-fb{background:#1877f2;border-color:#1877f2}.sl-ig{background:linear-gradient(135deg,#f09433,#dc2743,#bc1888);border-color:#dc2743}.sl-wa{background:#25d366;border-color:#25d366}
.footer{background:#022c22;padding:40px 40px calc(30px + env(safe-area-inset-bottom,0px));text-align:center}.footer p{margin:0;font-size:13px;color:rgba(255,255,255,.35);font-weight:600}.footer span{color:#34d399}
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99999;align-items:center;justify-content:center}.modal-overlay.show{display:flex}.modal-box{background:#fff;border-radius:20px;width:90%;max-width:380px;padding:32px 28px;box-shadow:0 30px 60px rgba(0,0,0,.3);position:relative;animation:fadeUp .4s ease}.modal-close{position:absolute;top:16px;right:16px;background:#f1f5f9;border:none;width:36px;height:36px;border-radius:10px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:18px;transition:.2s}.modal-close:hover{background:#e2e8f0;color:#0f172a}.modal-header{text-align:center;margin-bottom:24px}.modal-header .icon-wrap{width:50px;height:50px;border-radius:14px;background:#ecfdf5;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#059669;font-size:26px}.modal-header h2{font-size:22px;font-weight:900;color:#1e293b;margin-bottom:4px}.modal-header p{font-size:12px;color:#64748b}.form-group{margin-bottom:16px}.form-group label{font-size:11px;font-weight:800;color:#475569;display:block;margin-bottom:6px;letter-spacing:.5px;text-transform:uppercase}.form-group .input-wrap{position:relative}.form-group .input-wrap .material-symbols-rounded{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:20px}.form-group input{width:100%;padding:13px 16px 13px 44px;border-radius:12px;border:1.5px solid #e2e8f0;background:#f8fafc;font-size:14px;font-weight:600;outline:none;transition:.3s;color:#1e293b;font-family:inherit}.form-group input:focus{border-color:#059669;box-shadow:0 0 0 4px rgba(5,150,105,.1)}.form-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:6px}.form-row a{font-size:11px;color:#059669;font-weight:700;text-decoration:none}.btn-submit{width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#059669,#047857);color:#fff;font-size:14px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 20px rgba(5,150,105,.3);transition:.3s;font-family:inherit;margin-top:8px}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(5,150,105,.4)}.modal-footer{margin-top:20px;text-align:center;border-top:1px solid #e2e8f0;padding-top:16px}.modal-footer p{font-size:12px;color:#64748b;margin-bottom:8px}.modal-footer a{font-size:14px;color:#059669;font-weight:800;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(40px);transition:all .7s cubic-bezier(.4,0,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.topbar{display:none}.nav{padding:0 16px;padding-top:env(safe-area-inset-top,0px);height:auto;min-height:64px}.nav-links,.nav-phone{display:none}.hamburger{display:flex}.hero{min-height:auto}.hero-bg{width:100%;height:260px;position:relative}.hero-bg::after{background:linear-gradient(180deg,rgba(6,78,59,.7),#064e3b)}.hero-inner{padding:40px 20px 60px}.hero h1{font-size:32px}.benefits-inner{grid-template-columns:1fr}.benefit-item{border-right:none;border-bottom:1px solid #f1f5f9}.about-inner{flex-direction:column;gap:40px}.about-images{min-height:320px}.svc-grid{grid-template-columns:1fr}.feature-row,.feature-row.reverse{flex-direction:column;gap:30px}.stats-grid{gap:40px}.stat-box .stat-num{font-size:34px}.about,.services,.feature-sec,.testi-sec,.cta-sec{padding:60px 20px}.cta-inner h2{font-size:28px}}
@media(max-width:480px){.hero h1{font-size:26px}.about-stats{flex-direction:column;gap:16px}}
@media all and (display-mode:standalone){.topbar{padding-top:calc(8px + constant(safe-area-inset-top));padding-top:calc(8px + env(safe-area-inset-top,0px))}.nav{padding-top:constant(safe-area-inset-top)!important;padding-top:env(safe-area-inset-top,0px)!important}.footer{padding-bottom:calc(30px + constant(safe-area-inset-bottom));padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}}
.material-symbols-rounded{font-family:'Material Symbols Rounded',sans-serif;font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;font-feature-settings:'liga';overflow:hidden;width:1em;height:1em;color:transparent}html.msr-loaded .material-symbols-rounded{color:inherit;width:auto;height:auto;overflow:visible}