/* Template Cleaning Service Gedung: bersih berkilau — putih #FFFFFF, kaca mint #E6F2F0, mint #2BB5A0, hijau tua #0F4C45; sapuan wiper
   diagonal yang menyingkap kebeningan, kilau bintang berkelip, daftar periksa bercentang bundar. */
:root{--latar:#F6FBFA;--latar-2:#E6F2F0;--permukaan:#FFFFFF;--teks:#0F4C45;--teks-2:#3D6B65;--teks-3:#83A39E;--garis:#D2E6E2;
  --utama:#2BB5A0;--utama-tua:#1E9483;--utama-muda:#E1F5F1;--pada-utama:#fff;--aksen:#0F4C45;--aksen-tua:#0A3631;--pada-aksen:#fff;
  --gelap:#0F4C45;--pada-gelap:#CDE6E1;--radius:18px;--radius-kecil:10px;--bayang:0 20px 36px -26px rgba(15,76,69,.5)}
body{background:var(--latar);color:var(--teks)}
h1,h2,h3{font-weight:800;letter-spacing:-.03em;color:var(--teks)}
.serif{font-family:inherit;font-style:normal;color:var(--utama)}
.kepala .btn-wa,.btn-wa,.btn-utama{background:var(--utama);color:#fff}
.bag-alt{background:var(--latar-2)}
.kaki{background:var(--gelap)}
[hidden]{display:none!important}
.kbg-alis{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;font-size:13px;font-weight:800;color:var(--utama-tua)}
.kbg-alis::before{content:"✦";color:var(--utama)}
.kbg-lead{font-size:17.5px;color:var(--teks-2)}
.kbg-btn{background:var(--utama);color:#fff;font-weight:800;border-radius:999px}
.kbg-btn:hover{background:var(--utama-tua);color:#fff}
.kbg-link{font-weight:800;color:var(--teks);border-bottom:2px solid var(--utama)}
.kbg-blok{width:100%;justify-content:center}

.kbg-hero{position:relative;padding:64px 0 90px;overflow:hidden;background:linear-gradient(120deg,var(--latar-2) 0 40%,#fff 40.2%)}
.kbg-hero::before{content:"";position:absolute;left:34%;top:-20%;width:14%;height:140%;background:linear-gradient(90deg,transparent,rgba(43,181,160,.12),transparent);transform:rotate(18deg)}
.kbg-hero-isi{position:relative;display:grid;gap:44px;align-items:center}
@media(min-width:940px){.kbg-hero-isi{grid-template-columns:1.05fr .95fr}}
.kbg-teks{min-width:0}
.kbg-hero h1{font-size:clamp(40px,5.6vw,72px);line-height:1.02;margin:0 0 18px}
.kbg-tombol{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}
.kbg-foto{position:relative;margin:0;padding:10px;border-radius:28px;background:rgba(255,255,255,.8);border:1px solid var(--garis);box-shadow:var(--bayang)}
.kbg-foto img{display:block;width:100%;aspect-ratio:4/3.3;object-fit:cover;border-radius:20px}
.kbg-kilat{position:absolute;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.9);animation:kbg-kelip 2.4s ease-in-out infinite}
.kbg-kilat.k1{left:14%;top:16%;font-size:26px}.kbg-kilat.k2{right:18%;top:38%;font-size:18px;animation-delay:.8s}.kbg-kilat.k3{left:44%;bottom:18%;font-size:22px;animation-delay:1.5s}
@keyframes kbg-kelip{0%,100%{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.kbg-kilat{animation:none}}

.kbg-kepala{margin-bottom:30px}
.kbg-kepala h2,.kbg-rencana h2,.kbg-t-teks h2{font-size:clamp(30px,4.2vw,48px);margin:0 0 14px}
.kbg-kisi{display:grid;gap:22px}
@media(min-width:640px){.kbg-kisi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.kbg-kisi{grid-template-columns:repeat(3,minmax(0,1fr))}}
.kbg-kartu{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--permukaan);border-radius:var(--radius);overflow:hidden;box-shadow:var(--bayang)}
.kbg-kartu::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 45%,transparent 60%);transform:translateX(-120%);transition:transform .8s;pointer-events:none}
.kbg-kartu:hover::after{transform:translateX(120%)}
.kbg-k-foto img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.kbg-k-isi{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.kbg-k-sub{margin:0 0 4px;font-size:13px;color:var(--utama-tua);font-weight:700}
.kbg-k-isi h3{margin:0 0 6px;font-size:20px}
.kbg-k-isi h3 a{color:inherit}
.kbg-k-isi>p{margin:0 0 12px;color:var(--teks-2);font-size:15px}
.kbg-harga{align-self:flex-start;margin-top:auto!important;padding:6px 12px;border-radius:999px;background:var(--utama-muda);font-size:13.5px;color:var(--teks-2)!important}
.kbg-harga b{font-size:16px;color:var(--teks)}

.kbg-rencana{display:grid;gap:28px;margin-top:56px;padding:30px;border-radius:28px;background:#fff;box-shadow:var(--bayang)}
@media(min-width:960px){.kbg-rencana{grid-template-columns:1fr 1fr}}
.kbg-r-kiri,.kbg-r-kanan{min-width:0}
.kbg-f{display:grid;gap:6px;margin-bottom:14px;font-weight:700;font-size:14px}
.kbg-f b{color:var(--utama-tua)}
.kbg-f input:not([type=range]){width:100%;min-width:0;padding:10px 12px;border-radius:12px;border:1px solid var(--garis);background:var(--latar);font:inherit;color:var(--teks)}
.kbg-f input[type=range]{width:100%;accent-color:#2BB5A0}
.kbg-dua{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kbg-seg{border:0;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:8px}
.kbg-seg legend{width:100%;margin-bottom:6px;font-weight:700;font-size:14px}
.kbg-seg label{flex:1 1 70px;cursor:pointer}
.kbg-seg input{position:absolute;opacity:0}
.kbg-seg span{display:block;padding:9px 8px;border-radius:999px;border:2px solid var(--garis);text-align:center;font-weight:700;font-size:14px;color:var(--teks-2)}
.kbg-seg input:checked+span{border-color:var(--utama);background:var(--utama);color:#fff}
.kbg-seg input:focus-visible+span{outline:2px solid var(--aksen);outline-offset:2px}
.kbg-visual{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;padding:16px;border-radius:20px;background:var(--latar-2)}
.kbg-visual svg{width:120px;height:auto}
.kbg-g{fill:#CFE6E2;stroke:#0F4C45;stroke-width:1.5}
.kbg-jd{fill:#8FD3C7}
.kbg-tali{stroke:#0F4C45;stroke-width:1.5}
.kbg-org{fill:#F59E0B}
.kbg-lt{fill:#0F4C45;font-size:11px;font-weight:800}
.kbg-tanah{stroke:#0F4C45;stroke-width:2}
.kbg-visual small{font-size:12px;font-weight:700;color:var(--teks-3)}
.kbg-visual b{display:block;font-size:30px;color:var(--utama-tua)}
.kbg-visual p{margin:6px 0 0;font-size:13.5px;color:var(--teks-2)}
.kbg-orang{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.kbg-orang i{width:12px;height:18px;border-radius:6px 6px 3px 3px;background:var(--utama);position:relative}
.kbg-orang i::before{content:"";position:absolute;left:2px;top:-8px;width:8px;height:8px;border-radius:50%;background:var(--aksen)}
.kbg-orang em{font-style:normal;font-size:12px;font-weight:800}
.kbg-rinci{margin:14px 0;display:grid}
.kbg-rinci div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--garis);font-size:14px}
.kbg-rinci dt{color:var(--teks-2)}.kbg-rinci dd{margin:0;font-weight:800;text-align:right}
.kbg-rinci .kbg-tot{border-bottom:0;font-size:17px}
.kbg-rinci .kbg-tot dd{color:var(--utama-tua)}
.kbg-catat{margin:12px 0 0;font-size:12.5px;color:var(--teks-3)}

.kbg-t{display:grid;gap:40px;align-items:center}
@media(min-width:900px){.kbg-t{grid-template-columns:1fr 1fr}}
.kbg-t-foto{margin:0;border-radius:28px;overflow:hidden;box-shadow:var(--bayang)}
.kbg-t-foto img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover}
.kbg-t-teks{min-width:0}
.kbg-cek{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.kbg-cek li{display:flex;gap:12px;align-items:center;font-weight:700;color:var(--teks-2)}
.kbg-cek li::before{content:"✓";flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--utama);color:#fff;font-size:14px}