:root{--tinta: #08212c;--tinta-lembut: #4b6472;--bg: #f4f8fa;--putih: #ffffff;--garis: #dbe7ec;--aksen: #12b5a5;--aksen-gelap: #0b8c81;--biru: #0d7fa8;--wa: #22c55e;--wa-gelap: #17a34a;--radius: 18px;--bayang: 0 12px 30px -18px rgba(8, 33, 44, .35);--maks: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--tinta);font-family:Plus Jakarta Sans,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.2;letter-spacing:-.02em;margin:0}p{margin:0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}.bungkus{width:100%;max-width:var(--maks);margin:0 auto;padding:0 20px}.ikon{width:20px;height:20px;flex:none}.topbar{position:sticky;top:0;z-index:40;background:#06202beb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.topbar-isi{max-width:var(--maks);margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:14px}.merek{display:inline-flex;align-items:center;gap:9px;color:#eafaf7;font-weight:800;font-size:1.02rem;letter-spacing:-.02em;flex:none}.merek em{font-style:normal;color:#4fe3cf}.merek-ikon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(140deg,#17c9b4,#0b7fa8);color:#04222b}.merek-ikon svg{width:21px;height:21px}.menu{display:flex;gap:4px;margin-left:auto}.menu a{padding:8px 12px;border-radius:10px;font-size:.9rem;font-weight:600;color:#b8d4d8;transition:background .18s,color .18s}.menu a:hover{color:#fff;background:#ffffff14}.menu a.aktif{color:#062c36;background:#6fe6d6}.topbar-aksi{display:flex;align-items:center;gap:8px}.tombol-admin{border:1px solid rgba(255,255,255,.28);background:transparent;color:#e8f6f5;font:inherit;font-size:.85rem;font-weight:700;padding:8px 14px;border-radius:10px;cursor:pointer;transition:background .18s,border-color .18s}.tombol-admin:hover{background:#ffffff1f}.tombol-admin.masuk{border-color:#6fe6d6;color:#062c36;background:#6fe6d6}.tombol-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(160deg,#25d366,var(--wa-gelap));color:#04231a;font-weight:800;border-radius:12px;padding:9px 14px;font-size:.88rem;box-shadow:0 10px 22px -14px #22c55ee6;transition:transform .15s,box-shadow .15s}.tombol-wa:hover{transform:translateY(-1px);box-shadow:0 14px 26px -14px #22c55ef2}.tombol-wa.besar{padding:15px 24px;font-size:1rem;border-radius:14px}.tombol-garis{font:inherit;font-weight:700;font-size:.95rem;padding:14px 22px;border-radius:14px;border:1px solid rgba(255,255,255,.4);background:#ffffff0f;color:#eafaf7;cursor:pointer;transition:background .18s}.tombol-garis:hover{background:#ffffff29}.hero{position:relative;overflow:hidden;color:#eafaf7;background:radial-gradient(120% 120% at 12% 0%,#0d4a5c,#062b3a 45%,#041e29)}.hero-cahaya{position:absolute;inset:-30% -10% auto auto;width:620px;height:620px;background:radial-gradient(circle,rgba(20,220,190,.32),transparent 62%);filter:blur(10px);pointer-events:none}.hero-isi{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:42px;padding-top:58px;padding-bottom:68px;align-items:center}.label{display:inline-block;font-size:.76rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#7df0dd;background:#7df0dd1f;border:1px solid rgba(125,240,221,.3);padding:6px 12px;border-radius:999px;margin-bottom:16px}.label.gelap{color:var(--aksen-gelap);background:#12b5a51a;border-color:#12b5a538}.hero h1{font-size:clamp(2rem,4.6vw,3.25rem);font-weight:800;margin-bottom:16px}.hero h1 span{color:#6fe6d6}.hero-teks{max-width:46ch;color:#b6d2d6;font-size:1.02rem}.hero-tombol{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-poin{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:30px;font-size:.88rem;color:#9fbfc5}.hero-poin strong{color:#fff;font-size:1rem}.hero-kartu{background:#ffffff12;border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 24px 50px -30px #000}.kartu-atas{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12)}.kartu-dot{width:10px;height:10px;border-radius:50%;background:#4fe3cf;box-shadow:0 0 0 5px #4fe3cf2e;flex:none}.kartu-judul{font-weight:800;font-size:.98rem}.kartu-sub{font-size:.8rem;color:#9fbfc5}.slot{display:grid;gap:8px;margin:14px 0}.slot li{display:flex;justify-content:space-between;align-items:center;background:#041e296b;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 13px;font-size:.9rem}.slot b{font-size:.78rem;font-weight:800;color:#ffd9a0;background:#ffb23c29;padding:3px 9px;border-radius:999px}.slot b.sisa{color:#8ef0c9;background:#22c55e29}.kartu-catatan{font-size:.83rem;color:#a6c4c9}.bagian{padding:66px 0}.pita-lembut{background:linear-gradient(180deg,#eef6f7,#f7fbfc);border-top:1px solid var(--garis);border-bottom:1px solid var(--garis)}.kepala-bagian{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:30px}.kepala-bagian h2{font-size:clamp(1.5rem,2.6vw,2.05rem)}.kepala-bagian>p,.kepala-bagian div>p{color:var(--tinta-lembut);font-size:.95rem;max-width:46ch}.kepala-bagian.tengah{flex-direction:column;align-items:center;text-align:center;gap:10px}.status{color:var(--tinta-lembut);font-size:.9rem;margin-bottom:14px}.grid-layanan{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:16px}.kartu-layanan{position:relative;background:var(--putih);border:1px solid var(--garis);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--bayang);transition:transform .18s,box-shadow .18s,border-color .18s}.kartu-layanan:hover{transform:translateY(-3px);border-color:#b9dfd8;box-shadow:0 20px 36px -24px #08212c66}.kartu-layanan.unggulan{border-color:#9fe6d8;background:linear-gradient(180deg,#f2fffb,#fff 55%)}.pita{position:absolute;top:14px;right:14px;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#04564d;background:#b7f4e5;padding:4px 9px;border-radius:999px}.kartu-layanan h3{font-size:1.1rem;padding-right:76px}.kartu-desk{color:var(--tinta-lembut);font-size:.9rem;flex:1}.kartu-kaki{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:14px;border-top:1px dashed var(--garis)}.harga{font-weight:800;font-size:1.06rem;color:#06313f}.durasi{font-size:.78rem;color:#7b95a1}.pesan-mini{font-size:.85rem;font-weight:800;color:#05655a;background:#dcfaf2;border:1px solid #b6ecdF;padding:8px 16px;border-radius:10px;transition:background .16s}.pesan-mini:hover{background:#c6f4e8}.grid-keunggulan{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.kartu-keunggulan{background:var(--putih);border:1px solid var(--garis);border-radius:var(--radius);padding:22px;box-shadow:var(--bayang)}.ikon-bulat{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(150deg,#e2fbf5,#d5f0f7);font-size:1.3rem;margin-bottom:12px}.kartu-keunggulan h3{font-size:1.02rem;margin-bottom:6px}.kartu-keunggulan p{color:var(--tinta-lembut);font-size:.89rem}.ringkas-nilai{display:flex;align-items:center;gap:12px;background:var(--putih);border:1px solid var(--garis);border-radius:16px;padding:12px 18px;box-shadow:var(--bayang);flex:none}.ringkas-nilai .angka{font-size:1.9rem;font-weight:800;letter-spacing:-.04em}.ringkas-nilai p{font-size:.78rem;color:#7b95a1}.bintang{color:#f5a623;letter-spacing:2px;font-size:.95rem}.bintang-kosong{color:#d7e3e8}.grid-testimoni{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.kartu-testi{background:var(--putih);border:1px solid var(--garis);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--bayang)}.testi-teks{font-size:.92rem;color:#2b4756;flex:1}.testi-kaki{display:flex;align-items:center;gap:11px;padding-top:12px;border-top:1px solid var(--garis)}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#04564d;background:#c8f6ea;flex:none}.testi-nama{font-weight:700;font-size:.9rem}.testi-kota{font-size:.78rem;color:#7b95a1}.ajakan{padding:20px 0 66px}.ajakan-isi{display:flex;align-items:center;justify-content:space-between;gap:26px;background:linear-gradient(120deg,#08303f,#0c5060 65%,#0f6a72);color:#eafaf7;border-radius:24px;padding:36px;box-shadow:0 30px 60px -40px #052b34}.ajakan h2{font-size:clamp(1.4rem,2.4vw,1.85rem);margin-bottom:8px}.ajakan p{color:#b2d1d6;font-size:.93rem;max-width:54ch}.kaki{background:#062330;color:#c3d9dd;padding-top:44px}.kaki-isi{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:30px;padding-bottom:30px}.kaki-merek{font-weight:800;font-size:1.05rem;color:#fff;margin-bottom:8px}.kaki-teks{font-size:.86rem;color:#94b3ba;max-width:38ch}.kaki-judul{font-weight:800;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#6fe6d6;margin-bottom:10px}.kaki ul{display:grid;gap:6px;font-size:.87rem;color:#a8c5cb;margin-bottom:14px}.kaki-bawah{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:16px;padding-bottom:22px;border-top:1px solid rgba(255,255,255,.1);font-size:.78rem;color:#7e9ba3}.lapis{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#04161e9e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:18px}.dialog{position:relative;width:100%;max-width:400px;background:var(--putih);border-radius:20px;padding:26px 24px;box-shadow:0 40px 70px -30px #041a22;animation:muncul .16s ease-out}@keyframes muncul{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.dialog-tutup{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:9px;border:0;background:#eef4f6;color:#4b6472;font-size:.9rem;cursor:pointer}.dialog-isi{display:grid;gap:10px}.dialog-isi h3{font-size:1.2rem}.dialog-teks{font-size:.87rem;color:var(--tinta-lembut);margin-bottom:4px}.kolom{display:grid;gap:5px;font-size:.82rem;font-weight:700;color:#37505c}.kolom input{font:inherit;font-weight:500;padding:11px 13px;border-radius:11px;border:1px solid var(--garis);background:#f8fbfc;color:var(--tinta)}.kolom input:focus{outline:2px solid #8fe3d5;outline-offset:1px;background:#fff}.tombol-utama{font:inherit;font-weight:800;padding:12px;border-radius:12px;border:0;background:linear-gradient(140deg,#13b8a6,#0b7f9c);color:#fff;cursor:pointer;margin-top:4px}.tombol-utama:disabled{opacity:.65;cursor:progress}.tombol-garis.lebar{width:100%;border-color:var(--garis);background:#f3f8f9;color:#274451}.tautan-sso{font-size:.84rem;font-weight:700;color:var(--biru);text-align:center;padding-top:4px}.galat{font-size:.82rem;color:#b42318;background:#fef3f2;border:1px solid #fbd5d1;border-radius:10px;padding:8px 11px}@media (max-width: 900px){.hero-isi{grid-template-columns:1fr;gap:28px;padding-top:40px;padding-bottom:48px}.hero-kartu{max-width:420px}.kepala-bagian{flex-direction:column;align-items:flex-start;gap:14px}.kepala-bagian.tengah{align-items:center}.kaki-isi{grid-template-columns:1fr 1fr}.ajakan-isi{flex-direction:column;align-items:flex-start;padding:26px}}@media (max-width: 720px){.topbar-isi{flex-wrap:wrap;gap:8px;padding:10px 16px}.menu{order:3;width:100%;margin-left:0;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.menu::-webkit-scrollbar{display:none}.menu a{white-space:nowrap;padding:7px 11px}.topbar-aksi{margin-left:auto}.bungkus{padding:0 16px}.bagian{padding:44px 0}.hero h1{font-size:clamp(1.75rem,8vw,2.3rem)}.hero-tombol{gap:10px}.hero-tombol>*{width:100%}.tombol-wa.besar,.tombol-garis{padding:14px 18px}.hero-poin{gap:8px 20px;font-size:.83rem}.kartu-layanan h3{padding-right:0}.pita{position:static;align-self:flex-start;margin-bottom:2px}.kaki-isi{grid-template-columns:1fr;gap:22px}.ajakan{padding-bottom:44px}.grid-layanan,.grid-keunggulan,.grid-testimoni{grid-template-columns:1fr}}
