:root{--hijau: #55b93c;--hijau-tua: #2f7a24;--hijau-tua-hover: #245f1c;--hijau-muda: #eef8ea;--hijau-latar: #f3faf0;--tinta: #1e2124;--teks: #3f454c;--abu: #5f6670;--garis: #e6ece3;--putih: #ffffff;--radius: 22px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Plus Jakarta Sans,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--tinta);background:var(--putih);line-height:1.5}img{max-width:100%;display:block}a{color:var(--hijau-tua)}a:hover{color:var(--hijau-tua-hover)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--hijau);outline-offset:2px}.wadah{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.kepala{border-bottom:1px solid var(--garis);background:var(--putih)}.kepala .wadah{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:12px;padding-bottom:12px}.merek{display:flex;align-items:center;gap:10px;text-decoration:none}.merek img{height:38px;width:auto}.merek span{font-weight:700;font-size:14px;color:var(--tinta);background:var(--hijau-muda);padding:5px 11px;border-radius:999px}.menu{display:flex;flex-wrap:wrap;gap:0 22px}.menu a{text-decoration:none;color:var(--abu);font-weight:500;font-size:15px;padding:10px 0;display:inline-block}.menu a:hover,.menu a[aria-current=page]{color:var(--hijau-tua)}.tombol{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;background:var(--hijau-tua);color:var(--putih);font-weight:700;font-size:15px;text-decoration:none;border:0}.tombol:hover{background:var(--hijau-tua-hover);color:var(--putih)}.tombol-gelap{background:#111315;border-radius:12px;min-height:52px}.tombol-gelap:hover{background:#2a2d31}.hero{background:var(--hijau-latar)}.hero .wadah{display:flex;flex-wrap:wrap;align-items:center;gap:32px;padding-top:48px;padding-bottom:40px}.hero-teks{flex:1 1 460px;display:flex;flex-direction:column;gap:18px}.lencana{align-self:flex-start;background:#ddf1d6;color:var(--hijau-tua);font-weight:700;font-size:15px;padding:7px 15px;border-radius:12px}.hero h1{margin:0;font-size:clamp(34px,5vw,54px);line-height:1.1;font-weight:800;letter-spacing:-1.2px}.hero h1 em,.judul-merek em{font-style:normal;color:var(--hijau)}.hero p{margin:0;font-size:18px;color:var(--abu);max-width:520px}.hero-gambar{flex:1 1 340px;display:flex;justify-content:center}.hero-gambar img{width:100%;max-width:460px;height:auto}.bagian{padding-top:40px;padding-bottom:16px}.bagian h2{margin:0 0 6px;font-size:clamp(26px,3vw,32px);font-weight:800;letter-spacing:-.6px}.bagian .sub{margin:0 0 20px;color:var(--abu);font-size:15px}.baris-judul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px;margin-bottom:20px}.baris-judul .sub{margin:0}.unggulan{display:flex;flex-wrap:wrap;text-decoration:none;color:var(--tinta);border:1px solid var(--garis);border-radius:28px;overflow:hidden}.unggulan img{flex:1 1 400px;width:100%;height:340px;object-fit:cover}.unggulan div{flex:1 1 400px;padding:36px;display:flex;flex-direction:column;gap:14px;justify-content:center}.unggulan h2{margin:0;font-size:clamp(24px,3vw,32px);line-height:1.25}.unggulan p{margin:0;color:var(--abu);font-size:17px}.unggulan:hover h2{color:var(--hijau-tua)}.pil{align-self:flex-start;background:var(--hijau-muda);color:var(--hijau-tua);font-weight:700;font-size:13px;padding:5px 12px;border-radius:999px}.meta{font-size:14px;color:var(--abu)}.daftar-kategori{display:flex;flex-wrap:wrap;gap:10px}.daftar-kategori a{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;background:var(--hijau-muda);color:var(--tinta);text-decoration:none;font-weight:600;font-size:15px}.daftar-kategori a:hover,.daftar-kategori a[aria-current=page]{background:var(--hijau-tua);color:var(--putih)}.kisi-harga{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.kartu-harga{padding:22px;border:1px solid var(--garis);border-radius:var(--radius);display:flex;flex-direction:column;gap:6px}.kartu-harga .rute{font-weight:700;font-size:17px}.kartu-harga .kecil{font-size:13px;color:var(--abu)}.kartu-harga .angka{font-size:28px;font-weight:800;letter-spacing:-.5px}.kartu-harga .tgl{align-self:flex-start;font-size:13px;color:var(--hijau-tua);background:var(--hijau-muda);padding:3px 10px;border-radius:999px}.kartu-harga .tombol{margin-top:8px;align-self:flex-start;font-size:14px}.tab-harga{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:18px;scrollbar-width:none}.tab-harga::-webkit-scrollbar{display:none}.tab-harga button{flex:none;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--garis);background:var(--putih);color:var(--tinta);font:inherit;font-weight:600;font-size:15px;cursor:pointer}.tab-harga button:hover{border-color:var(--hijau)}.tab-harga button[aria-selected=true]{background:var(--hijau-tua);border-color:var(--hijau-tua);color:var(--putih)}.panel-harga[hidden]{display:none}.kisi-artikel{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px 24px}.kartu{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--tinta)}.kartu img{width:100%;height:210px;object-fit:cover;border-radius:20px}.kartu .kat{font-size:14px;font-weight:700;color:var(--hijau-tua)}.kartu h3{margin:0;font-size:20px;line-height:1.35}.kartu:hover h3{color:var(--hijau-tua)}.ajakan{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:36px 40px;border-radius:32px;background:var(--hijau-latar)}.ajakan>div{flex:1 1 420px;display:flex;flex-direction:column;gap:12px}.ajakan h2{margin:0;font-size:clamp(28px,3.5vw,38px);line-height:1.15;letter-spacing:-1px}.ajakan p{margin:0;color:var(--abu);font-size:17px;max-width:500px}.ajakan .tombol-baris{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.ajakan img{flex:1 1 260px;max-width:340px;margin:0 auto;height:auto}.toko{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}.kartu-toko{display:flex;align-items:center;gap:14px;padding:14px 22px 14px 18px;min-height:64px;background:var(--putih);border-radius:18px;box-shadow:0 6px 20px #1e212414;text-decoration:none;color:var(--tinta)}.kartu-toko:hover{color:var(--tinta);box-shadow:0 8px 24px #1e212424}.ikon-toko{width:38px;height:38px;flex:none}.teks-toko{display:flex;flex-direction:column;gap:2px}.baris-toko{display:flex;align-items:center;gap:8px;font-size:18px}.baris-toko strong{font-weight:800;letter-spacing:-.3px}.baris-toko b{font-size:16px;font-weight:700}.bintang{width:18px;height:18px;margin-left:4px}.ulasan{font-size:15px;color:var(--abu)}.ulasan b{color:var(--tinta);font-weight:700}.tata-artikel{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start;padding-top:28px;padding-bottom:64px}.isi-artikel{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:20px}.remah{font-size:14px;color:var(--abu);display:flex;flex-wrap:wrap;gap:8px}.remah a{color:var(--abu)}.isi-artikel h1{margin:0;font-size:clamp(30px,4.5vw,44px);line-height:1.15;letter-spacing:-1px}.gambar-utama{width:100%;height:clamp(220px,40vw,400px);object-fit:cover;border-radius:28px}.kotak-harga{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:24px 28px;border-radius:24px;background:var(--hijau-latar);border:2px solid var(--hijau)}.kotak-harga div{display:flex;flex-direction:column;gap:2px}.kotak-harga .angka{font-size:30px;font-weight:800}.prosa{font-size:18px;line-height:1.75;color:var(--teks);max-width:720px}.prosa h2{font-size:27px;line-height:1.3;color:var(--tinta);margin:32px 0 8px}.prosa h3{font-size:21px;color:var(--tinta);margin:24px 0 6px}.prosa p{margin:0 0 16px}.prosa ul,.prosa ol{padding-left:24px;margin:0 0 16px}.prosa li{margin-bottom:8px}.prosa strong{color:var(--tinta)}.prosa table{border-collapse:collapse;width:100%;font-size:16px;display:block;overflow-x:auto}.prosa th,.prosa td{border:1px solid var(--garis);padding:8px 12px;text-align:left}.faq{display:flex;flex-direction:column;gap:12px;max-width:720px}.faq h2{font-size:27px;margin:16px 0 4px}.faq details{border:1px solid var(--garis);border-radius:18px;padding:18px 22px}.faq summary{font-weight:700;font-size:17px;cursor:pointer}.faq p{margin:10px 0 0;color:var(--teks)}.samping{flex:1 1 300px;display:flex;flex-direction:column;gap:24px}.kotak-ajak{padding:26px;border-radius:28px;background:var(--hijau-latar);display:flex;flex-direction:column;gap:12px}.kotak-ajak img{width:100%;max-width:240px;align-self:center;height:auto}.kotak-ajak strong{font-size:21px;line-height:1.3}.kotak-ajak p{margin:0;color:var(--abu);font-size:15px}.terkait{padding:22px;border-radius:28px;border:1px solid var(--garis);display:flex;flex-direction:column;gap:14px}.terkait>strong{font-size:18px}.terkait a{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--tinta);font-weight:600;font-size:15px;line-height:1.4}.terkait img{width:72px;height:72px;object-fit:cover;border-radius:14px;flex:none}.kaki{border-top:1px solid var(--garis);margin-top:32px}.kaki .atas{display:flex;flex-wrap:wrap;gap:36px;justify-content:space-between;padding-top:48px;padding-bottom:28px}.kaki .info{flex:1 1 260px;display:flex;flex-direction:column;gap:12px}.kaki .info img{height:42px;width:auto;align-self:flex-start}.kaki p,.kaki span{margin:0;color:var(--abu);font-size:15px;line-height:1.6}.kaki nav{display:flex;flex-direction:column;gap:8px}.kaki nav a{color:var(--abu);text-decoration:none;font-size:15px}.kaki nav a:hover{color:var(--hijau-tua)}.kaki strong{font-size:15px}.kaki .bawah{border-top:1px solid var(--garis);padding-top:18px;padding-bottom:28px;font-size:14px;color:var(--abu)}.kaki .kontak{flex:0 1 360px;display:flex;flex-direction:column;gap:8px}@media(max-width:640px){.unggulan div{padding:24px}.ajakan{padding:28px 22px}.menu{gap:0 16px}}