.layanan-grid{background:#fff;padding:clamp(4rem,7vw,5.8rem) 0}.layanan-grid__header{text-align:center;max-width:44rem;margin:0 auto 1.9rem}.layanan-grid__kicker{color:#168a40;text-transform:uppercase;letter-spacing:.12em;background:#168a401a;border-radius:999px;align-items:center;margin-bottom:.95rem;padding:.42rem .82rem;font-size:.76rem;font-weight:800;display:inline-flex}.layanan-grid__title{color:#0f172a;letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,2.9rem);font-weight:800;line-height:1.04}.layanan-grid__subtitle{color:#475569;max-width:38rem;margin:.95rem auto 0;font-size:.98rem;line-height:1.75}.layanan-grid__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.15rem;display:grid}.layanan-grid__card{color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:1.25rem;flex-direction:column;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.layanan-grid__card:hover{border-color:#168a402e;text-decoration:none;transform:translateY(-4px);box-shadow:0 24px 48px #0f172a14}.layanan-grid__image-wrap{aspect-ratio:4/3;background:#eaeaea;width:100%;position:relative;overflow:hidden}.layanan-grid__img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.layanan-grid__card:hover .layanan-grid__img{transform:scale(1.05)}.layanan-grid__overlay{background:linear-gradient(#0000 0%,#0000004d 50%,#000000d9 100%);flex-direction:column;justify-content:flex-end;padding:1.5rem;transition:background .3s;display:flex;position:absolute;inset:0}.layanan-grid__card:hover .layanan-grid__overlay{background:linear-gradient(#0000 0%,#0009 40%,#000000f2 100%)}.layanan-grid__badge{color:#fff;z-index:2;background:#127438;border-radius:4px;padding:.25rem .65rem;font-size:.7rem;font-weight:700;position:absolute;top:.75rem;right:.75rem;box-shadow:0 4px 6px #0000000d}.layanan-grid__cardTitle{color:#fff;margin:0;font-size:1.15rem;font-weight:700;line-height:1.3;transition:transform .3s}.layanan-grid__descWrap{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1);display:grid}.layanan-grid__card:hover .layanan-grid__descWrap{grid-template-rows:1fr}.layanan-grid__descInner{overflow:hidden}.layanan-grid__cardDesc{color:#ffffffe6;opacity:0;margin:.5rem 0 0;font-size:.9rem;line-height:1.45;transition:opacity .3s,transform .3s;transform:translateY(10px)}.layanan-grid__card:hover .layanan-grid__cardDesc{opacity:1;transition-delay:.1s;transform:translateY(0)}.layanan-grid__bottom{background:#fff;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.layanan-grid__priceRow{flex-direction:row;align-items:center;gap:.35rem;display:flex}.layanan-grid__priceTagIcon{color:#168a40;font-size:.9rem}.layanan-grid__priceLabel{color:#4b5563;font-size:.8rem;font-weight:400}.layanan-grid__priceValue{color:#0f172a;margin-left:auto;font-size:.9rem;font-weight:700}.layanan-grid__action{align-items:center;display:flex}.layanan-grid__btn{color:var(--color-primary,#1fac52);align-items:center;gap:.45rem;font-size:.9rem;font-weight:700;transition:color .2s;display:inline-flex}.layanan-grid__btn i{font-size:1.1rem;transition:transform .2s}.layanan-grid__card:hover .layanan-grid__btn{color:#127438}.layanan-grid__card:hover .layanan-grid__btn i{transform:translate(3px)}@media (max-width:1199.98px){.layanan-grid__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:991.98px){.layanan-grid__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767.98px){.layanan-grid{padding:3.5rem 0}.layanan-grid__header{margin-bottom:1.4rem}.layanan-grid__list{grid-template-columns:1fr;gap:1rem}.layanan-grid__card{border-radius:1.25rem}.layanan-grid__cardTitle{font-size:1.18rem}.layanan-grid__cardDesc{opacity:1;font-size:.92rem;transform:none}.layanan-grid__descWrap{grid-template-rows:1fr}.layanan-grid__overlay{background:linear-gradient(#0000 0%,#0006 40%,#000000e6 100%)}}