*{box-sizing:border-box}body{margin:0;background:#f4f8f6;color:#153e38;font:15px system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}.brand{display:flex;align-items:center;gap:12px;max-width:850px;margin:0 auto;padding:22px 20px}.brand-mark{display:grid;place-items:center;background:#086b5c;color:#fff;border-radius:11px;width:42px;height:42px;font-weight:850;font-size:24px}.brand strong,.brand span{display:block}.brand strong{letter-spacing:2px}.brand span{font-size:10px;color:#708980;letter-spacing:1.4px}.container{max-width:850px;padding:0 20px;margin:0 auto 40px}.hero{padding:35px;border-radius:22px;background:linear-gradient(115deg,#0b6657,#0b433b);color:white;margin-bottom:20px}.hero h1{font-size:clamp(24px,5vw,36px);line-height:1.25;margin:10px 0}.hero p{max-width:620px;color:#c6efe1}.eyebrow{font-size:11px;font-weight:850;letter-spacing:1.5px;color:#8edaba}.pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.pills span{font-size:11px;border:1px solid #ffffff42;padding:8px 10px;border-radius:9px}.pills b{color:#b7f3d6}.card{border:1px solid #d8e8df;border-radius:18px;background:white;padding:27px;box-shadow:0 8px 25px #1c5f3f0b}.card h2{font-size:20px;margin:0 0 8px}.card form{display:grid;gap:10px}.card label:not(.consent){font-weight:700;color:#26594d;font-size:13px;margin-top:9px}.card input:not([type=checkbox]),.card select{width:100%;min-height:46px;font:inherit;color:#193e36;padding:11px 12px;border:1px solid #c6dacf;border-radius:10px;background:#fff}.card small,.muted{color:#708880;font-size:12px}.cost{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#eaf8f1;border:1px solid #cae8d7;border-radius:12px;padding:16px;margin:12px 0}.cost strong{font-size:21px;color:#09765b}.consent{display:flex;align-items:flex-start;gap:11px;font-size:12px;color:#42645a;line-height:1.6;cursor:pointer}.consent input{margin-top:2px;min-width:19px;min-height:19px;accent-color:#0c8067}.button{display:inline-flex;justify-content:center;align-items:center;background:#087a61;color:white;border:0;border-radius:10px;text-decoration:none;padding:13px 19px;font:inherit;font-weight:750;cursor:pointer;margin-top:12px}.button:hover{background:#075c4c}.button:disabled{opacity:.55;cursor:default}.button.second{background:#eff8f3;color:#086b5c;border:1px solid #b9e1ce}.error{background:#fff0f0;color:#963f39;border:1px solid #f1c9c4;padding:14px 17px;border-radius:12px;margin-bottom:16px}.order .eyebrow{color:#07816c}.order h1{font-size:28px}.receipt{display:grid;gap:0;border:1px solid #d9eae0;border-radius:12px;overflow:hidden;margin:20px 0}.receipt>div{display:flex;gap:18px;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #edf3ef}.receipt>div:last-child{border:0}.receipt span{color:#6c8178}.receipt strong{text-align:right;overflow-wrap:anywhere}.qr-area{text-align:center;border:1px solid #d1e8dc;background:#f6fcf8;border-radius:14px;padding:18px;margin:20px 0}.qr-area h2{font-size:18px}.qr-area img{width:min(300px,100%);aspect-ratio:1;background:#fff;border:1px solid #ddece2;border-radius:12px;object-fit:contain}.qr-area p{color:#678278;font-size:12px}.notice{font-size:13px;color:#38685a;background:#f1f9f4;border-left:3px solid #0f9977;padding:13px;margin:15px 0;line-height:1.75}.tiny{font-size:11px}.order p{overflow-wrap:anywhere}footer{max-width:850px;margin:0 auto;text-align:center;padding:22px;color:#8b9d93;font-size:11px}@media(max-width:570px){.hero,.card{padding:20px}.receipt>div{flex-direction:column;gap:3px}.receipt strong{text-align:left}}
/* Explicit 24-hour WIB schedule; avoids browser native AM/PM pickers. */
.call-24h{display:grid;grid-template-columns:minmax(130px,2fr) minmax(85px,1fr) minmax(85px,1fr);gap:12px;margin-top:6px}
.call-24h>div{min-width:0}
.call-24h span{display:block;font-size:12px;font-weight:750;color:#295d4c;margin-bottom:6px}
.call-24h input,.call-24h select{width:100%;height:48px;font-variant-numeric:tabular-nums}
.call-24h option:disabled{color:#9ca7a2;background:#f5f7f5}
.call-time-preview{margin:2px 0!important;padding:9px 12px;background:#eaf8f1;border:1px solid #c5e8d7;border-radius:9px;font-size:12px;font-weight:700;color:#126a52}
.call-time-preview.invalid{background:#fff2ed;border-color:#f0bdb0;color:#a54535}
@media(max-width:540px){.call-24h{grid-template-columns:1fr 1fr}.call-24h-date{grid-column:1/-1}}

.call-today{margin-top:7px;border:1px solid #b6dec9;border-radius:8px;background:#e5f5eb;color:#086b52;font-size:12px;font-weight:800;padding:7px 13px;cursor:pointer}
.call-today:hover{background:#d4eee0}
.call-24h-date{display:flex;flex-direction:column;align-items:stretch}
.call-24h-date .call-today{align-self:flex-start}


#callRecap{width:100%;box-sizing:border-box;resize:vertical;padding:14px;border:1px solid #b8cec8;border-radius:12px;font:inherit;text-align:left}.qr-area .button{white-space:normal}

.package-schedule-heading{display:grid;gap:3px;margin:15px 0 8px;color:#13634f}.package-slot{background:#f7fcf9;border:1px solid #cbe3d8;border-radius:13px;padding:14px;margin:10px 0}.package-slot h3{margin:0 0 8px;color:#087c63;font-size:15px}.package-slot .call-time-preview{margin-top:8px!important}

/* One deliberate registration CTA for the previously selected WA app. */
.call-wa-accounts{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:10px;border:0;padding:0;margin:18px 0 10px}
.call-wa-accounts legend{font-weight:800;font-size:13px;color:#245b4c;text-align:center;padding:0 0 8px;width:100%}
.call-wa-account{display:flex;gap:9px;align-items:center;padding:11px 15px;border:1px solid #bbd9ca;background:#fff;border-radius:11px;cursor:pointer;font-size:13px;font-weight:700;color:#195d4a}
.call-wa-account:has(input:checked){border-color:#079671;background:#e8f9ef}
.call-wa-account input{accent-color:#087a61;width:18px;height:18px;margin:0}
.call-register-now{width:100%;margin:3px 0 10px;min-height:50px;font-size:16px}
.call-recap-details{text-align:left;margin-top:15px;border:1px solid #d0e4d8;border-radius:10px;background:#fff;padding:12px}
.call-recap-details summary{font-size:12px;cursor:pointer;font-weight:750;color:#1b755d}
.call-recap-details textarea{margin-top:12px}