@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--green:#0b5d3b;--green2:#073f2a;--lime:#d8ef87;--cream:#f8f7f1;--ink:#17221c;--muted:#66736b;--line:#dfe6e1;--white:#fff;--shadow:0 18px 50px rgba(7,63,42,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:DM Sans,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}button{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{width:min(820px,100%)}h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.15;margin-top:0}h1{font-size:clamp(2.7rem,6vw,5.5rem);letter-spacing:-.055em}h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.04em}h3{font-size:1.2rem}.header{position:sticky;top:0;z-index:50;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(223,230,225,.8)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-family:Manrope;font-size:1.15rem}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--green);color:#fff}.brand em{font-style:normal;color:var(--green)}.nav{display:flex;gap:24px;align-items:center}.nav>a{font-size:.9rem;font-weight:600;color:#4e5b53}.menu-btn{display:none;border:0;background:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--green);color:#fff;border:1px solid var(--green);padding:14px 20px;border-radius:14px;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0b5d3b33}.btn-small{padding:10px 15px!important;color:#fff!important}.btn-ghost{background:transparent;color:var(--green)}.btn-light{background:#fff;border-color:#fff;color:var(--green2)}.full{width:100%}.hero{background:linear-gradient(135deg,#f9fbf6,#eef5e7);overflow:hidden;padding:84px 0 74px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.pill,.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.pill{background:#e9f1df;padding:8px 12px;border-radius:999px}.hero h1{margin:18px 0 22px;max-width:760px}.hero h1 span{color:var(--green)}.hero-copy>p{font-size:1.12rem;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:12px;margin:30px 0}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#4f5e55;font-size:.88rem;font-weight:600}.trust-row span{display:flex;align-items:center;gap:6px}.trust-row svg{width:16px;color:var(--green)}.hero-visual{position:relative;min-height:460px;display:grid;place-items:center}.drop-card{width:330px;height:390px;border-radius:48% 48% 44% 44%/55% 55% 35% 35%;background:var(--green);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow);text-align:center}.drop-icon{width:110px;height:110px;border-radius:50%;background:#ffffff1f;display:grid;place-items:center;margin-bottom:20px}.drop-card span{font-size:1rem}.drop-card strong{font:800 2rem Manrope;margin-top:4px}.drop-card small{margin-top:18px;color:#d8e6de}.mini-card{position:absolute;background:#fff;border:1px solid var(--line);padding:14px 16px;border-radius:15px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:center;font-weight:700}.mini-card svg{color:var(--green)}.mini-card.one{left:0;top:72px}.mini-card.two{right:0;bottom:65px}.stats-strip{background:var(--green2);color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr)}.stats>div{padding:28px 22px;display:flex;align-items:center;gap:12px;border-right:1px solid rgba(255,255,255,.12)}.stats b{font:800 1.4rem Manrope;color:var(--lime)}.stats span{font-size:.88rem}.section{padding:96px 0}.section.soft{background:var(--cream)}.section-title{max-width:680px;margin-bottom:40px}.section-title.center{text-align:center;margin:0 auto 46px}.section-title h2{margin:8px 0 12px}.section-title p,.section p{color:var(--muted)}.cards-4,.cards-3{display:grid;gap:18px}.cards-4{grid-template-columns:repeat(4,1fr)}.cards-3{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--line);border-radius:22px;padding:28px;background:#fff}.icon-card .icon-box{width:48px;height:48px;border-radius:14px;background:#eef5e7;color:var(--green);display:grid;place-items:center;margin-bottom:22px}.icon-card h3{margin-bottom:8px}.icon-card p{margin:0;font-size:.94rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.check-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px}.check-list li{display:flex;gap:10px;align-items:flex-start;font-weight:600}.check-list svg{flex:0 0 20px;color:var(--green);margin-top:3px}.process-card,.price-box{padding:36px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.info-line{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.info-line>b{color:var(--green);font:800 1rem Manrope}.info-line span{display:flex;flex-direction:column}.info-line small{color:var(--muted)}.process-card .btn{margin-top:24px}.cta-section{background:var(--green);color:#fff;padding:65px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-inner h2{margin:8px 0 10px;max-width:680px}.cta-inner p{color:#d5e4dc;margin:0}.eyebrow.light{color:var(--lime)}.footer{background:#092e20;color:#dce8e1;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px}.brand-light{color:#fff}.footer p{color:#9fb2a8;max-width:380px}.footer h4{color:#fff;margin-bottom:16px}.footer-grid>div{display:flex;flex-direction:column;gap:9px}.footer-grid a{color:#bdcec5;display:flex;gap:7px;align-items:center}.footer-bottom{display:flex;justify-content:space-between;padding-top:30px;margin-top:36px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#8fa69a}.wa-float{position:fixed;right:22px;bottom:22px;background:#21a366;color:#fff;display:flex;align-items:center;gap:8px;padding:13px 16px;border-radius:999px;font-weight:800;z-index:40;box-shadow:0 10px 30px #0003}.page-hero{background:var(--green2);color:#fff;padding:88px 0}.page-hero h1{font-size:clamp(2.6rem,5vw,4.8rem);margin:14px 0 18px}.page-hero p{color:#c4d5cc;font-size:1.1rem;max-width:680px;margin-bottom:28px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step{padding:28px 24px;border-radius:20px;border:1px solid var(--line)}.step span{color:var(--green);font:800 .85rem Manrope}.step h3{margin:16px 0 8px}.step p{margin:0}.notice{margin-top:26px;padding:20px;border-radius:16px;background:#eaf3e8;display:flex;gap:15px}.notice svg{color:var(--green);flex:0 0 24px}.notice p{margin:5px 0 0}.chat-template{background:#f3f5f3;border:1px dashed #b9c8bf;padding:18px;border-radius:14px;font-family:monospace;color:#405047}.price-box{background:var(--green);color:#fff}.price-box span{color:#c7ddd0}.price-box strong{display:block;font:800 2.4rem Manrope;margin:7px 0}.price-box p{color:#d6e5dd}.price-box .btn{background:#fff;color:var(--green);border-color:#fff}.cards-stack{display:grid;gap:16px}.faq-list{display:grid;gap:12px}.faq{width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;padding:19px 21px;cursor:pointer}.faq>span{display:flex;justify-content:space-between;align-items:center}.faq p{margin:14px 0 0}.faq.open{border-color:#a9c7b6;background:#fbfdf9}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-card{border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;align-items:center;gap:16px}.contact-card>svg:first-child{color:var(--green);width:28px;height:28px}.contact-card span{display:flex;flex-direction:column;flex:1}.contact-card small{color:var(--muted)}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.article-card{padding:30px;border:1px solid var(--line);border-radius:22px;transition:.2s}.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.article-tag{font-size:.76rem;font-weight:800;color:var(--green);text-transform:uppercase;letter-spacing:.1em}.article-card h3{font-size:1.5rem;margin:12px 0}.article-card b{display:flex;gap:6px;align-items:center;color:var(--green)}.article-page,.legal{padding:90px 0}.article-body{max-width:800px}.article-body h1{font-size:clamp(2.5rem,5vw,4.3rem);margin:12px 0 20px}.article-body .lead{font-size:1.2rem;color:var(--muted);margin-bottom:45px}.article-body h2{font-size:1.65rem;margin-top:38px}.article-body p{color:#4e5d54}.article-cta{margin-top:50px;background:var(--cream);padding:30px;border-radius:20px}.not-found{min-height:70vh;display:grid;place-items:center;text-align:center}.not-found svg{color:var(--green)}.not-found h1{margin:10px 0 0}@media(max-width:980px){.menu-btn{display:block}.nav{display:none;position:absolute;left:20px;right:20px;top:68px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero-grid,.split{grid-template-columns:1fr}.hero-visual{min-height:400px}.cards-4,.stats{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.cta-inner{align-items:flex-start;flex-direction:column}.mini-card.one{left:8%}.mini-card.two{right:8%}}@media(max-width:640px){.container{width:min(100% - 28px,1160px)}.hero{padding:58px 0 50px}.hero-grid{gap:30px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.trust-row{display:grid;gap:8px}.hero-visual{min-height:355px}.drop-card{width:260px;height:315px}.drop-icon{width:80px;height:80px}.drop-icon svg{width:45px}.drop-card strong{font-size:1.6rem}.mini-card{font-size:.78rem;padding:11px}.mini-card.one{left:0;top:36px}.mini-card.two{right:0;bottom:35px}.stats>div{padding:18px 12px;align-items:flex-start;flex-direction:column;gap:2px}.section{padding:70px 0}.cards-4,.cards-3,.steps,.article-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.page-hero{padding:70px 0}.cta-section{padding:55px 0}.wa-float span{display:none}.wa-float{width:52px;height:52px;padding:0;justify-content:center}.process-card,.price-box{padding:25px}.contact-card{padding:20px}}.maps-section{background:linear-gradient(180deg,#eef5e7,#f8f4e8)}.maps-split{align-items:stretch}.proof-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.proof-list>div{display:flex;gap:10px;align-items:center;background:#ffffffe0;border:1px solid rgba(93,126,77,.18);padding:15px;border-radius:16px;box-shadow:0 10px 30px #2a4a310f}.proof-list svg{color:var(--green);flex:0 0 20px}.proof-list span{display:flex;flex-direction:column}.proof-list b{font:800 1rem Manrope}.proof-list small{color:var(--muted)}.address-line,.hours-line{display:flex;gap:9px;align-items:flex-start}.address-line svg,.hours-line svg{color:var(--gold);flex:0 0 18px;margin-top:4px}.map-frame{background:#fff;border:1px solid rgba(93,126,77,.18);border-radius:28px;overflow:hidden;box-shadow:0 24px 60px #1f442d24;min-height:430px;display:flex;flex-direction:column}.map-frame iframe{width:100%;border:0;min-height:380px;flex:1}.map-caption{display:flex;gap:8px;align-items:center;padding:14px 16px;font-size:.85rem;color:var(--muted);border-top:1px solid var(--line)}.maps-rating{display:inline-flex;align-items:center;gap:6px;color:#f2c14e;font-weight:700}.footer-address{font-size:.82rem;color:#b5c5b7;line-height:1.5}.fatal-error{min-height:100vh;display:grid;place-items:center;padding:30px;text-align:center;background:var(--cream)}.fatal-error>div{max-width:620px}.fatal-error svg{color:var(--green)}.fatal-error .btn{margin:8px}.fatal-error .btn-ghost{background:#fff}.menu-btn{cursor:pointer}:root{--green:#1c5a3a;--green2:#123f2c;--leaf:#6f984f;--moss:#8eaa63;--gold:#d59a18;--amber:#f1bd3f;--honey:#f7d77d;--earth:#6a5238;--cream:#fbf8ee;--sage:#edf3e6;--ink:#173025;--muted:#66766b;--line:#dde7d8;--shadow:0 20px 55px rgba(31,78,48,.13) }body{background:linear-gradient(180deg,#fff,#fbfaf3);color:var(--ink)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 8% 18%,rgba(143,174,88,.1),transparent 23%),radial-gradient(circle at 92% 12%,rgba(245,190,62,.1),transparent 20%)}.header{background:#fffdf6eb;border-bottom:1px solid rgba(78,109,69,.16);box-shadow:0 8px 30px #20452b0a}.brand-mark{background:linear-gradient(145deg,var(--green),#24794b 62%,var(--gold));box-shadow:0 7px 20px #1d59382e}.brand em{color:var(--gold)}.nav>a.active{color:var(--green)}.nav>a.active:after{content:"";height:2px;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--gold));display:block;margin-top:4px}.btn{background:linear-gradient(135deg,var(--green),#277c4b);border-color:transparent;box-shadow:0 12px 28px #1957352b}.btn:hover{box-shadow:0 16px 34px #1957353d}.btn-ghost{background:#ffffffbd;border-color:#1d593840;color:var(--green);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero{position:relative;background:linear-gradient(120deg,#f7f4e7,#eef5e5 52%,#e4efe1);padding:88px 0 82px}.hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:-210px;background:radial-gradient(circle,#f4be3f47,#f4be3f00 68%)}.hero:after{content:"";position:absolute;left:-90px;bottom:-115px;width:270px;height:270px;border-radius:70% 30% 60% 40%;background:linear-gradient(145deg,#6997491f,#69974900);transform:rotate(25deg)}.hero-grid{position:relative;z-index:2}.pill{background:#dfebcfdb;border:1px solid rgba(90,129,65,.16);color:var(--green)}.hero h1{color:#173a29}.hero h1 span{color:var(--gold);text-shadow:0 2px 0 rgba(255,255,255,.4)}.hero-copy>p{color:#5e7064}.hero-visual{position:relative;min-height:500px;background-image:linear-gradient(180deg,#123f2c05,#123f2c14),url(/ai/hero-eco.webp);background-size:cover;background-position:center;border-radius:42% 20% 38% 18%/28% 22%;border:7px solid rgba(255,255,255,.78);box-shadow:0 30px 75px #1a4a2e38;overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent 50%,rgba(214,155,25,.1));pointer-events:none}.hero-visual>*{display:none!important}.hero-visual:after{content:"Jelantah hari ini, manfaat untuk bumi esok nanti";position:absolute;left:22px;right:22px;bottom:20px;padding:13px 16px;border-radius:16px;background:#113e2ad1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font:700 .92rem Manrope;letter-spacing:.01em;border:1px solid rgba(255,255,255,.16)}.trust-row span svg{color:var(--gold)}.stats-strip{background:linear-gradient(100deg,#123d2c,#205d3d 58%,#315f34)}.stats>div{border-color:#ffffff1a}.stats b{color:var(--amber)}.section{position:relative}.section.soft{background:linear-gradient(180deg,#fbf8ee,#eef4e6)}.eyebrow{color:var(--green)}.section-title h2{color:#183829}.card{border-color:#5b7e4c2e;border-radius:24px;background:linear-gradient(160deg,#fff,#fbfcf7);box-shadow:0 10px 28px #1f4a2d0b;transition:.25s ease}.card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #1f4a2d1f;border-color:#d59a1847}.icon-card .icon-box{background:linear-gradient(145deg,#edf4df,#fff3cb);color:var(--green);border:1px solid rgba(103,145,74,.12)}.cards-4 .card:nth-child(2n) .icon-box{color:#a66c00;background:linear-gradient(145deg,#fff5d7,#f2f6e8)}.check-list svg{color:var(--gold)}.process-card{background:linear-gradient(150deg,#fff,#fbf7e9);border-color:#7a915c2e}.info-line>b{color:var(--gold)}.page-hero{position:relative;background-image:linear-gradient(90deg,#0d3725f7,#13462de8 48%,#13462d85),url(/ai/hero-eco.webp);background-size:cover;background-position:center 42%;padding:96px 0;border-bottom:5px solid rgba(213,154,24,.72)}.page-hero:after{content:"";position:absolute;right:4%;bottom:-26px;width:92px;height:52px;border-radius:70% 20%;background:linear-gradient(145deg,#8fab5d,#5e8c48);transform:rotate(-14deg);box-shadow:0 8px 22px #1f4a2d29}.page-hero .container{position:relative;z-index:2}.page-hero h1{max-width:760px}.page-hero p{color:#d9e6dc}.step{background:linear-gradient(160deg,#fff,#fbf9ef);border-color:#5a7e4a2e}.step span{color:var(--gold)}.notice{background:linear-gradient(135deg,#eaf3df,#fff5d8)}.chat-template{background:#f5f6ee;border-color:#b9c9a9}.price-box{background:linear-gradient(145deg,#174c33,#2f7045 63%,#8b762e);box-shadow:0 25px 60px #194b2e38}.price-box strong{color:#ffdc78}.cta-section{position:relative;overflow:hidden;background-color:#143f2b;background-image:linear-gradient(90deg,#0e3926fc,#144c2ff5 56%,#1f53306b),url(/ai/eco-impact.webp);background-repeat:no-repeat;background-size:cover,520px;background-position:center,right center;border-top:1px solid rgba(255,255,255,.1)}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 48%,rgba(240,186,61,.25),transparent 27%)}.cta-inner{position:relative;z-index:2}.cta-inner h2{color:#fff}.cta-inner p{color:#e4eee6}.eyebrow.light{color:#f8d66c}.btn-light{background:#fff8df;color:#174d33;border-color:#fff8df}.maps-section{position:relative;overflow:hidden}.maps-section:before{content:"";position:absolute;left:-130px;top:20%;width:260px;height:180px;border-radius:80% 20%;background:linear-gradient(145deg,#7a9d511f,#7a9d5100);transform:rotate(38deg)}.contact-card{background:linear-gradient(150deg,#fff,#fbfaef);border-color:#5b7e4c2b;transition:.2s}.contact-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.article-card{background:linear-gradient(155deg,#fff,#fbf9ef);border-color:#5b7e4c2b}.article-tag{color:#a86d00}.footer{background:linear-gradient(130deg,#0d3223,#153f2a 66%,#233d24)}.footer .brand em{color:#f1bd3f}.footer-grid a:hover{color:#f4d46e}.footer-bottom{border-top-color:#f2c14e2e}.wa-float{background:linear-gradient(135deg,#2aae63,#1b8d50);border:2px solid rgba(255,255,255,.65)}@media(max-width:980px){.nav{background:#fffdf7;border-color:#5b7e4c2e}.hero-visual{min-height:430px;border-radius:28px;background-position:center}.cta-section{background-size:cover,430px;background-position:center,right bottom}}@media(max-width:760px){.proof-list{grid-template-columns:1fr}.map-frame{min-height:360px}.map-frame iframe{min-height:310px}.maps-split{gap:34px}}@media(max-width:640px){.hero{padding-top:56px}.hero-visual{min-height:330px;border-width:5px;border-radius:26px;background-position:56% center}.hero-visual:after{font-size:.78rem;left:12px;right:12px;bottom:12px;padding:10px 12px}.page-hero{padding:74px 0;background-position:62% center}.page-hero:after{display:none}.cta-section{background-image:linear-gradient(90deg,#0e3926fa,#144c2fe0),url(/ai/eco-impact.webp);background-size:cover,310px;background-position:center,120% bottom}}