/* Water testing service page. */
.water-intro{padding:34px;border-radius:18px;color:#fff;background:linear-gradient(90deg,#102f4af7,#102f4acc 55%,#10554f55),url('uji-kualitas-air.svg') right center/auto 100% no-repeat,#10554f}.water-back{display:block;font-size:12px;margin-bottom:25px;color:#d1e3e4}.water-intro .eyebrow{color:#a5dfb7}.water-intro h1{font-size:42px;line-height:1.2;letter-spacing:-1px;margin:12px 0 16px}.water-intro>p{max-width:670px;color:#e1efed}.water-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.water-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;font-size:12px}.water-badges span{border:1px solid #ffffff40;border-radius:30px;padding:6px 13px;background:#ffffff0b}.water-facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;margin:22px 0;overflow:hidden}.water-facts>div{padding:21px 24px;background:#f6faf8;border-right:1px solid var(--line)}.water-facts>div:last-child{border:0}.water-facts small,.water-facts strong,.water-facts span{display:block}.water-facts small,.water-facts span{font-size:12px;color:var(--muted)}.water-facts strong{font-size:25px;margin:4px 0;color:var(--green)}.water-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 32px}.water-jumps a{border:1px solid var(--line);border-radius:30px;padding:10px 17px;font-size:13px;font-weight:600}.water-jumps a:hover{background:#eaf6ef;color:var(--green)}.water-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.water-card{padding:28px;border:1px solid var(--line);border-radius:15px}.water-page h2{font-size:28px;margin:9px 0 16px}.water-card p,.water-card li{font-size:14px}.water-card ul{padding-left:21px;margin-bottom:0}.water-card li{margin-bottom:11px}.water-tint{background:#f1f8f4}.water-checklist{padding-left:22px;margin-bottom:0}.water-checklist li{padding-left:8px;margin-bottom:19px}.water-checklist span{display:block;color:var(--muted);margin-top:3px}.water-section{margin-top:40px}.water-register{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f1f7f5;border-radius:12px;padding:20px 24px}.water-register p{margin:0;font-size:14px}.water-register .button{flex-shrink:0}.water-flow{list-style:none;counter-reset:water-step;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0;margin:20px 0 0}.water-flow li{counter-increment:water-step;border:1px solid var(--line);border-radius:12px;padding:21px}.water-flow li:before{content:counter(water-step,decimal-leading-zero);display:block;font-size:13px;font-weight:700;color:var(--green);margin-bottom:10px}.water-flow strong{font-size:15px}.water-flow p{font-size:13px;margin:7px 0 0}.water-tariffs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.water-price-group{border:1px solid var(--line);border-radius:13px;overflow:hidden}.water-price-group summary{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;padding:18px;background:#edf6f1;font-weight:700}.water-price-group summary:after{content:'+'}.water-price-group[open] summary:after{content:'−'}.water-price-group summary small{font-size:11px;font-weight:400;margin-left:auto;white-space:nowrap}.water-table{border-collapse:collapse;width:100%;font-size:13px}.water-table th,.water-table td{text-align:left;padding:11px 16px;border-top:1px solid var(--line)}.water-table tbody th{font-weight:400}.water-table thead{font-size:11px;color:var(--muted);background:#f8faf9}.water-table th:last-child,.water-table td:last-child{text-align:right;white-space:nowrap}.water-table tbody tr:nth-child(even){background:#f8faf9}.water-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.water-package{border:1px solid #d3e6d9;background:#f4faf6;border-radius:13px;padding:23px;display:flex;flex-direction:column;justify-content:space-between}.water-package h3{font-size:17px;margin-bottom:24px}.water-package p{margin:0}.water-package strong{font-size:25px;color:var(--green)}.water-package p span{font-size:12px;margin-left:5px}.water-payment{margin-top:36px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.water-payment p{margin-bottom:0}.water-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.water-contact-grid h3{font-size:22px}.water-contact-grid address{font-style:normal;font-size:14px;color:var(--muted);max-width:430px}.water-contact-list{margin:0;align-self:center}.water-contact-list>div{display:grid;grid-template-columns:145px 1fr;gap:15px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.water-contact-list dt{color:var(--muted)}.water-contact-list dd{margin:0;overflow-wrap:anywhere}.water-contact-list a:hover{text-decoration:underline}.water-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.water-branches a{padding:18px 20px;border:1px solid var(--line);border-radius:12px}.water-branches a:hover{background:#f1f8f4;border-color:#a7cbb6}.water-branches span{display:block;font-size:12px;color:var(--muted)}.water-branches strong{display:block;font-size:16px;color:var(--navy);margin-bottom:9px}.water-branches b{float:right;color:var(--green)}.water-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.water-tariffs{grid-template-columns:1fr 1fr}.water-contact-list>div{grid-template-columns:1fr;gap:3px}.water-package-grid,.water-branches{grid-template-columns:1fr 1fr}.water-facts>div{padding:18px}.water-facts strong{font-size:22px}}
@media(max-width:700px){.water-intro{padding:25px}.water-intro h1{font-size:32px}.water-facts{grid-template-columns:1fr 1fr}.water-facts>div:nth-child(2){border-right:0}.water-facts>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.water-columns,.water-contact-grid,.water-payment{grid-template-columns:1fr;gap:18px}.water-flow{grid-template-columns:1fr 1fr}.water-register{align-items:flex-start;flex-direction:column}.water-tariffs{grid-template-columns:1fr}.water-card{padding:22px}.water-page h2{font-size:25px}.water-section{margin-top:30px}}
@media(max-width:420px){.water-flow,.water-package-grid,.water-branches{grid-template-columns:1fr}.water-intro h1{font-size:29px}.water-intro{padding:23px 20px}.water-facts>div{padding:16px 12px}.water-facts strong{font-size:20px}.water-actions .button{width:100%}.water-jumps{gap:6px}.water-jumps a{font-size:12px;padding:10px 13px}}
/* Refined service layout and consistent content rhythm. */
.water-page{max-width:1160px;padding-top:30px;padding-bottom:64px}
.water-intro{padding:38px 42px;border-radius:20px;background-size:cover,auto 115%;box-shadow:0 12px 32px #102f4a0d}
.water-back{margin-bottom:30px}.water-intro>.eyebrow{display:block;font-size:10px;letter-spacing:1.6px}.water-intro h1{font-size:44px;letter-spacing:-1.3px;margin-top:14px}.water-intro>p{max-width:630px;font-size:16px;line-height:1.8}.water-intro .ghost{background:#102f4a60}.water-badges{border-top:1px solid #ffffff26;padding-top:21px;margin-top:28px}.water-badges span{font-size:11px}
.water-facts{margin:24px 0 0;background:#fff;box-shadow:0 4px 20px #102f4a05}.water-facts>div{background:#fff;padding:24px}.water-facts small{font-weight:600}.water-facts strong{font-size:27px;letter-spacing:-.6px;margin:5px 0}.water-facts span{font-size:11px}
.water-jumps{gap:6px;margin:24px 0 34px;padding:12px;background:#f5f8f7;border:1px solid #e5ece8;border-radius:12px}.water-jumps a{border:0;background:transparent;border-radius:7px;padding:9px 15px}.water-jumps a:hover{background:#fff;box-shadow:0 2px 8px #102f4a08}
.water-columns{grid-template-columns:1.15fr 1fr;gap:24px}.water-card{padding:30px}.water-page h2{font-size:27px;letter-spacing:-.6px;line-height:1.3;margin:10px 0 18px}.water-page .eyebrow{font-size:10px;letter-spacing:1.4px}.water-card p,.water-card li{line-height:1.85}.water-card ul{padding-left:19px}.water-card li::marker{color:var(--green)}.water-checklist{list-style:none;counter-reset:requirement;padding:0}.water-checklist li{counter-increment:requirement;position:relative;padding:0 0 19px 42px;margin:0 0 18px;border-bottom:1px solid #dce9e1}.water-checklist li:last-child{border:0;margin:0;padding-bottom:0}.water-checklist li:before{content:counter(requirement);position:absolute;left:0;top:1px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#dfede4;color:#21603d;font-size:12px;font-weight:700}.water-checklist span{font-size:13px}
.water-section{margin-top:44px;padding-top:32px;border-top:1px solid var(--line)}.water-register{padding:20px 24px}.water-flow{gap:12px}.water-flow li{padding:22px;background:#fff}.water-flow li:before{width:31px;height:31px;border-radius:8px;background:#eaf4ee;display:grid;place-items:center;margin-bottom:15px}.water-flow p{line-height:1.75}.water-tariffs{display:flex;flex-direction:column;gap:12px}.water-price-group{width:100%;border-radius:12px}.water-price-group summary{padding:19px 24px;background:#f3f8f5}.water-price-group summary small{background:#fff;border:1px solid var(--line);border-radius:20px;padding:3px 10px}.water-table th,.water-table td{padding:12px 24px}.water-table thead{font-size:12px}.water-table tbody td{font-variant-numeric:tabular-nums;font-weight:600}.water-table tbody tr:hover{background:#eef6f1}.water-package-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.water-package{grid-column:span 2;background:#fff;padding:25px}.water-package:nth-last-child(-n+2){grid-column:span 3;background:#f5faf7}.water-package h3{max-width:260px;line-height:1.5;min-height:50px;font-size:16px}.water-package strong{font-size:28px;letter-spacing:-.7px}.water-page .info-strip{font-size:13px;line-height:1.8}.water-payment{padding:30px;background:#f5f8fa;border-color:#dce5ec}.water-payment ul{align-self:center}.water-contact-grid{gap:24px}.water-contact-list{padding:8px 0}.water-contact-list>div{padding:15px 0}.water-contact-grid .water-card h3{font-size:21px;line-height:1.4}.water-contact-grid .button{font-size:13px;padding:12px 16px}.water-branches a{padding:20px;background:#fff}.water-branches strong{margin-top:3px;margin-bottom:12px}
@media(max-width:1000px){.water-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.water-package,.water-package:nth-last-child(-n+2){grid-column:auto}.water-package:last-child{grid-column:1/-1}.water-intro h1{font-size:38px}.water-card{padding:24px}.water-facts>div{padding:20px 16px}.water-facts strong{font-size:23px}}
@media(max-width:700px){.water-page{padding-top:20px;padding-bottom:36px}.water-intro{padding:27px 24px}.water-intro h1{font-size:34px}.water-intro>p{font-size:14px}.water-back{margin-bottom:25px}.water-columns{grid-template-columns:1fr;gap:18px}.water-jumps{padding:8px;margin-bottom:24px;gap:3px}.water-jumps a{padding:10px 12px;font-size:12px}.water-section{margin-top:30px;padding-top:25px}.water-page h2{font-size:24px}.water-facts>div{padding:18px}.water-facts strong{font-size:24px}.water-card,.water-payment{padding:23px}.water-table th,.water-table td{padding:12px 18px}.water-price-group summary{padding:17px 18px}.water-package strong{font-size:25px}.water-contact-list>div{grid-template-columns:120px 1fr;gap:12px}}
@media(max-width:420px){.water-intro h1{font-size:30px}.water-intro{padding:25px 21px}.water-intro>.eyebrow{font-size:9px}.water-badges{gap:8px}.water-badges span{font-size:10px}.water-facts strong{font-size:21px}.water-facts>div{padding:17px 12px}.water-package-grid{grid-template-columns:1fr}.water-package:last-child{grid-column:auto}.water-package h3{min-height:0;margin-bottom:18px}.water-contact-list>div{grid-template-columns:1fr;gap:4px}.water-price-group summary{gap:8px;font-size:14px}.water-price-group summary small{font-size:10px;padding:3px 8px}}