/* ====================================================
   LAYANAN — Layanan Publik styles
==================================================== */
.layanan-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-bottom:48px; }
.layanan-hero-card { background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:var(--radius-lg); padding:28px 20px; text-align:center; backdrop-filter:blur(8px); cursor:pointer; transition:var(--tr); }
.layanan-hero-card:hover { background:rgba(58,127,216,.15); border-color:rgba(58,127,216,.4); transform:translateY(-5px); box-shadow:0 16px 48px rgba(4,16,31,.4); }
.layanan-hero-card.active { background:var(--g-vivid); border-color:transparent; }
.lhc-icon { width:60px; height:60px; border-radius:16px; background:var(--g-soft); margin:0 auto 14px; display:flex; align-items:center; justify-content:center; font-size:1.5rem; }
.layanan-hero-card.active .lhc-icon { background:rgba(255,255,255,.25); }
.lhc-title { font-weight:800; font-size:.92rem; margin-bottom:4px; }
.lhc-desc  { font-size:.75rem; color:rgba(255,255,255,.55); }
.layanan-hero-card.active .lhc-desc { color:rgba(255,255,255,.75); }
.req-list { list-style:none; display:flex; flex-direction:column; gap:8px; }
.req-list li { display:flex; align-items:flex-start; gap:10px; font-size:.85rem; color:rgba(255,255,255,.65); }
.req-list li::before { content:'✓'; color:#4ade80; font-weight:900; flex-shrink:0; margin-top:1px; }
@media(max-width:900px){ .layanan-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:640px){ .layanan-grid{grid-template-columns:1fr;} }