/* Penyempurnaan tampilan beranda: lebih tenang, tanpa gradien warna-warni, tombol & kartu lebih "ditata tangan". */
.hx h1 .grad,.hx-copy h1 .grad{background:linear-gradient(transparent 64%,rgba(30,79,214,.5) 64%,rgba(30,79,214,.5) 92%,transparent 92%);-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:inherit;padding:0 .06em}
.hx-dl{background:#0F2250;background-size:auto;border-radius:12px;padding:15px 24px;box-shadow:0 2px 0 #08142F,0 10px 22px -12px rgba(15,34,80,.55);font-size:1.02rem;letter-spacing:.005em}
.hx-dl:hover{background:#15306e}
.hx-dl svg{width:20px;height:20px}
.hx-chip{border-radius:8px;box-shadow:none;border:1px solid rgba(15,34,80,.14);background:rgba(255,255,255,.7);font-weight:600}
.hx-slider{border-radius:20px;padding:8px;box-shadow:0 1px 0 rgba(15,34,80,.08),0 24px 40px -24px rgba(15,34,80,.35)}
.hx-tile{border-radius:12px}
.hx-stats>div{border-top:2px solid rgba(15,34,80,.14);padding-top:10px}
/* panel advokat online di hero (data asli, menggantikan ilustrasi ponsel) */
.hx-live{position:absolute;left:-10px;bottom:0;z-index:2;width:min(330px,92%);background:#fff;color:#0F2250;border:1px solid rgba(15,34,80,.12);border-radius:14px;padding:14px 14px 10px;box-shadow:0 1px 0 rgba(15,34,80,.06),0 26px 44px -22px rgba(15,34,80,.5)}
.hx-live-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:.95rem}
.hx-live-n{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:#0E7A57}
.hx-live-n i{width:8px;height:8px;border-radius:50%;background:#1fbf75;animation:pcp 1.8s infinite}
.hx-live ul{list-style:none;margin:0;padding:0}
.hx-live li{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid rgba(15,34,80,.08)}
.hx-live li a{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;text-decoration:none;color:inherit}
.hx-live .hl-av{position:relative;flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.8rem;background:var(--pc-bg,#2a3a5c)}
.hx-live .hl-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top}
.hx-live .hl-av i{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;border:2px solid #fff;background:#1fbf75}
.hx-live b{display:block;font-size:.86rem;line-height:1.25}.hx-live small{display:block;color:#5b6b8c;font-size:.76rem}
.hx-live .hl-go{margin-left:auto;font-size:.78rem;font-weight:700;color:#1E4FD6;white-space:nowrap}
.hx-live-empty{color:#5b6b8c;font-size:.85rem;border-top:0!important}
.hx-live-all{display:block;padding:9px 0 2px;border-top:1px solid rgba(15,34,80,.08);font-size:.82rem;font-weight:700;color:#1E4FD6;text-decoration:none;min-height:36px}
@media (max-width:560px){.hx-live{left:0;width:100%;position:relative;margin-top:14px}.hx-stage{padding-bottom:0}}
/* ikon layanan & angka: satu warna, bukan gradien warna-warni */
.hx-tiles .hx-tile .ic{background:#EAF0FB!important;box-shadow:none!important;border:1px solid rgba(15,34,80,.1);border-radius:12px}
.hx-tiles .hx-tile .ic svg{stroke:#0F2250!important;color:#0F2250}
.hx-tiles .hx-tile:hover{background:rgba(255,255,255,.05)}
.hx-stats strong{background:none!important;-webkit-text-fill-color:#0F2250!important;color:#0F2250!important}