.showcase-section .service-card{appearance:none;width:100%;font-family:var(--sans);color:var(--ink);cursor:pointer;position:relative;transition:transform .18s var(--ease-out, ease),background .18s var(--ease-out, ease),box-shadow .18s var(--ease-out, ease)}
.showcase-section .service-card:hover,.showcase-section .service-card:focus-visible,.showcase-section .service-card.is-selected{background:#fff8fb;box-shadow:0 10px 24px rgba(111,53,78,.09);transform:translateY(-3px)}
.showcase-section .service-card:focus-visible{outline:2px solid #d95789;outline-offset:2px}
.showcase-section .service-card.is-selected .service-card__icon{background:#fff0f5;border-color:#dd7a9f;color:#c84d7c}
.service-card__icon svg{width:19px;height:19px;display:block;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.service-detail{margin-top:15px;padding:17px 18px;border:1px solid #f0dce5;border-radius:8px;background:linear-gradient(135deg,#fffafd,#fff3f7);box-shadow:0 12px 26px rgba(105,48,74,.06)}
.service-detail[hidden]{display:none}
.service-detail__meta{margin:0 0 5px;color:#c2547e;font-size:11px;font-weight:800;letter-spacing:.1px}
.service-detail h3{margin:0;color:#36212e;font:600 27px/1 var(--serif)}
.service-detail p{display:block!important;margin:8px 0 13px!important;color:#705d68;font-size:12px;line-height:1.6}
.service-detail .button{padding:11px 17px;font-size:10px}
@media(max-width:700px){.service-detail{padding:15px}.service-detail h3{font-size:25px}.service-detail p{font-size:11px}.showcase-section .service-card:hover{transform:none}}