/* A compact, deliberate price marker; no generic pricing-table UI. */
.card-price{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 16px;padding:11px 0 0;border-top:1px solid rgba(255,255,255,.16)}
.card-price small,.service-price small{color:#a8adb3;font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase}
.card-price strong{color:#fff;font-size:clamp(19px,1.9vw,26px);font-weight:700;letter-spacing:-.035em;white-space:nowrap}

.service-price{display:inline-flex;align-items:center;gap:22px;margin-top:26px;padding:13px 17px;background:rgba(8,10,13,.76);border:1px solid rgba(230,234,240,.14);border-left:2px solid var(--red)}
.service-price strong{color:#fff;font-size:clamp(20px,2.2vw,29px);font-weight:700;letter-spacing:-.035em;white-space:nowrap}
.service-price+.hero-bottom{margin-top:25px}
.related-grid a[href="service-webapps.html"]{--related-image:url('assets/services/webapp-preview-v2.png')}
@media(max-width:700px){.card-price{padding-top:10px;margin-bottom:13px}.card-price small{font-size:9px}.card-price strong{font-size:21px}.service-price{margin-top:22px;gap:16px}.service-price small{font-size:9px}}
@media(max-width:390px){.card-price{align-items:start;flex-direction:column;gap:4px}}