/* MKM Labs FE — EN service pages (W2-E1a): /en/ai-agents/, ai-audit, ai-chatbot-for-business, ai-customer-service-agent,
   ai-erp-crm-integrations, ai-process-automation, custom-crm-erp, custom-software.
   Loaded after mkm-fe + page-en + page-service. svcx-* rules mirror page-svc-extra-s8 (PL) so EN does not depend on that file. */
#what-it-costs,#faq,#from-prototype-to-production,#b2b-platforms{scroll-margin-top:100px}

/* inline links inside copy */
.svc-page p a:not([class]),.svc-page .svc-faq__a a{color:#99baff;text-decoration:underline;text-decoration-color:rgba(153,186,255,.35);text-underline-offset:3px;transition:color 150ms ease}
.svc-page p a:not([class]):hover,.svc-page .svc-faq__a a:hover{color:#fff}

/* hero TL;DR card (old .page-tldr) */
.svc-fact.ensvc-tldr{display:block;padding:24px 26px}
.ensvc-tldr__t{color:#e5e8ee;font-size:clamp(16px,1.3vw,18px);line-height:1.55;text-wrap:pretty}

/* lede under a section heading */
.svcx-lede{color:#c3c8d3;font-size:17px;line-height:1.6;max-width:760px;text-wrap:pretty}
.svc-page .svcx-lede--after{margin-top:clamp(24px,3vw,36px)}
.svc-head .svcx-lede+.svcx-lede{margin-top:-4px}

/* effect tile with description */
.svc-gain{gap:20px}
.svcx-gain__d{position:relative;margin-top:-6px;color:#c3c8d3;font-size:16px;line-height:1.6;text-wrap:pretty}
.svc-effects__lede{max-width:520px}

/* step/rule with more than one paragraph */
.svc-step__d+.svc-step__d{margin-top:4px}
.svc-rule__d+.svc-rule__d{grid-column:3;margin-top:-8px}
@media (max-width:640px){.svc-rule__d+.svc-rule__d{grid-column:2}}

/* long-form articles */
.svcx-articles__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:14px}
.svcx-article{display:flex;flex-direction:column;gap:14px;padding:clamp(26px,3vw,40px);border-radius:28px;background:#12161f;border:1px solid rgba(255,255,255,.07)}
.svcx-article__n{font-size:13px;font-weight:700;letter-spacing:.1em;color:#6699ff;font-variant-numeric:tabular-nums}
.svcx-article__t{font-size:clamp(22px,2vw,30px);font-weight:600;letter-spacing:-0.03em;line-height:1.15;text-wrap:balance}
.svcx-article__body{display:flex;flex-direction:column;gap:14px;color:#c3c8d3;font-size:16px;line-height:1.7;text-wrap:pretty}

/* split: heading + paragraphs left, card right */
.svcx-split__inner{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,80px);align-items:flex-start}
.svcx-split__head{flex:1.4 1 520px;min-width:0;display:flex;flex-direction:column;gap:18px}
.svcx-split__p{color:#c3c8d3;font-size:17px;line-height:1.6;max-width:760px;text-wrap:pretty}
.svcx-split__cards{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:12px}
.svcx-card{display:flex;flex-direction:column;gap:12px;padding:clamp(24px,3vw,36px);border-radius:26px;background:#12161f;border:1px solid rgba(255,255,255,.07);color:#c3c8d3;font-size:16px;line-height:1.6;text-wrap:pretty}
.svcx-card__l{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6699ff}

/* static pill (stack chips) + h2 label in the pill bar */
.svcx-pill--static{cursor:default}
.svcx-pill--static:hover{background:#12161f;color:#e5e8ee}
.svcx-pill--static:active{transform:none}
h2.svc-related__label{font-weight:400;line-height:1.5}
.ensvc-pill__arr{margin-right:8px;color:#6699ff}

/* related work block (label + text + pills) */
.ensvc-work__inner{display:flex;flex-direction:column;gap:16px}
h2.ensvc-work__label{line-height:1.4}

/* pricing table */
.svcx-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:22px;border:1px solid rgba(255,255,255,.07);background:#12161f}
.svcx-table{width:100%;min-width:640px;border-collapse:collapse;font-size:15px;line-height:1.55;color:#c3c8d3}
.svcx-table caption{caption-side:top;text-align:left;padding:20px 22px 8px;color:#aeb4c2;font-size:14px}
.svcx-table th,.svcx-table td{padding:14px 22px;text-align:left;vertical-align:top;border-top:1px solid rgba(255,255,255,.07)}
.svcx-table thead th{border-top:0;color:#e5e8ee;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.svcx-table tbody th{color:#fff;font-weight:600}
.svcx-table td:nth-child(2){color:#fff;font-variant-numeric:tabular-nums;min-width:120px}

/* price card without a label (ai-agents) */
.svc-price__value:first-child{margin-top:4px}

/* kicker above the CTA band title (old "Next step" label) */
.ensvc-cta-kicker{color:#e6eeff;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0}