/* MKM Labs FE - /en/ wave 2 (W2-E3): services, service subpages, project takeover, privacy, portfolio case studies.
   Loaded after mkm-fe.20261004.css, page-en.20261004.css and (service pages) page-service.20261004.css. */

/* ---- helpers also used by the service template (kept local so this file stands alone) ---- */
.svc-page .svcx-lede{color:#c3c8d3;font-size:17px;line-height:1.6;max-width:760px;text-wrap:pretty}
.svc-page .svcx-lede a,.svc-page .svcx-split__p a,.en3-prose a,.en3-card__d a,.en3-long__blk a,.en3-legal__body a{color:#99baff;text-decoration:underline;text-decoration-color:rgba(153,186,255,.35);text-underline-offset:3px;transition:color 150ms ease}
.svc-page .svcx-lede a:hover,.svc-page .svcx-split__p a:hover,.en3-prose a:hover,.en3-card__d a:hover,.en3-long__blk a:hover,.en3-legal__body a:hover{color:#fff}
.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}
.en3-tldr{max-width:760px;padding:14px 18px;border-left:3px solid #6699ff;border-radius:0 14px 14px 0;background:#12161f;color:#d7dbe4;font-size:16px;line-height:1.65;text-wrap:pretty}
.en3-head-sec{padding-bottom:clamp(40px,5vw,64px)}
.svc-page .svc-hero__main .en3-tldr{margin-top:4px}
.en3-fact__v{font-size:clamp(15px,1.3vw,18px)!important;font-weight:500!important;letter-spacing:0!important;color:#e5e8ee}
.svc-hero__facts .svc-fact__l{font-weight:700;color:#fff;font-size:clamp(20px,1.8vw,26px);letter-spacing:-0.02em}
.svc-page .svc-pricing .svc-price__desc a{color:#fff;text-decoration:underline}

/* ---- related work (service pages) ---- */
.en3-related .svc-wrap{display:flex;flex-direction:column;gap:14px}
.en3-related__d{color:#c3c8d3;font-size:16px;line-height:1.65;max-width:760px}

/* ---- card grids ---- */
.en3-cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.en3-cards--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.en3-cards--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.en3-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(26px,3vw,36px);border-radius:28px;background:#12161f;border:1px solid rgba(255,255,255,.07);overflow:hidden;transition:border-color 200ms ease}
.en3-card:hover{border-color:rgba(153,186,255,.3)}
.en3-card>*{position:relative}
.en3-card>.svc-spot-glow{position:absolute}
.en3-card__n{font-size:14px;font-weight:600;color:#6699ff;font-variant-numeric:tabular-nums}
.en3-card__t{font-size:clamp(21px,1.9vw,26px);font-weight:600;line-height:1.15;letter-spacing:-0.025em;text-wrap:balance}
.en3-card__d{color:#c3c8d3;font-size:16px;line-height:1.65;text-wrap:pretty}
.en3-card__d--hi{color:#e5e8ee;font-size:clamp(17px,1.4vw,20px);line-height:1.5}

/* ---- two columns (why / who it is for) ---- */
.en3-split{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,80px);align-items:flex-start}
.en3-split__head{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:18px}
.en3-split__list{flex:1.3 1 460px;min-width:0;display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.08)}
.en3-item{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}
.en3-item__t{font-size:clamp(18px,1.6vw,22px);font-weight:600;letter-spacing:-0.02em}
.en3-item__d{color:#c3c8d3;font-size:16px;line-height:1.6}
.en3-two{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,80px);align-items:flex-start}
.en3-two__main{flex:1.5 1 520px;min-width:0;display:flex;flex-direction:column;gap:18px}
.en3-two__side{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:14px;padding:clamp(24px,3vw,36px);border-radius:28px;background:#12161f;border:1px solid rgba(255,255,255,.07)}
.en3-side{color:#c3c8d3;font-size:17px;line-height:1.65;text-wrap:pretty}

/* ---- timeline (weeks) ---- */
.en3-tl{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.08)}
.en3-tl__row{display:grid;grid-template-columns:minmax(120px,240px) minmax(0,1fr);gap:clamp(16px,3vw,48px);padding:clamp(22px,2.6vw,34px) 0;border-bottom:1px solid rgba(255,255,255,.08);align-items:baseline}
.en3-tl__lab{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6699ff}
.en3-tl__t{font-size:clamp(20px,2vw,28px);font-weight:600;letter-spacing:-0.025em;line-height:1.15;margin-bottom:10px}
.en3-tl__d{color:#c3c8d3;font-size:16px;line-height:1.65;max-width:720px;text-wrap:pretty}
@media (max-width:640px){.en3-tl__row{grid-template-columns:minmax(0,1fr);gap:8px}}

/* ---- numbered rows (process) ---- */
.en3-rows{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.08)}
.en3-row{display:grid;grid-template-columns:minmax(56px,120px) minmax(0,1fr) minmax(0,1.3fr);gap:clamp(16px,3vw,48px);padding:clamp(24px,3vw,40px) 0;border-bottom:1px solid rgba(255,255,255,.08);align-items:baseline}
.en3-row__n{font-size:clamp(28px,3vw,48px);font-weight:600;color:#4a4f5c;letter-spacing:-0.04em;font-variant-numeric:tabular-nums}
.en3-row__t{font-size:clamp(20px,2vw,30px);font-weight:600;letter-spacing:-0.025em;line-height:1.15}
.en3-row__d{color:#c3c8d3;font-size:16px;line-height:1.6;text-wrap:pretty}
@media (max-width:700px){.en3-row{grid-template-columns:minmax(44px,64px) minmax(0,1fr)}.en3-row__d{grid-column:2}}

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

/* ---- pricing table ---- */
.en3-table-wrap{overflow-x:auto;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#12161f}
.en3-table{width:100%;min-width:640px;border-collapse:collapse;font-size:15px;line-height:1.55}
.en3-table caption{caption-side:top;text-align:left;color:#aeb4c2;font-size:14px;padding:16px 20px}
.en3-table th,.en3-table td{padding:14px 20px;text-align:left;vertical-align:top;border-top:1px solid rgba(255,255,255,.08)}
.en3-table thead th{color:#fff;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;background:#161b26}
.en3-table tbody th{color:#fff;font-weight:600}
.en3-table td{color:#c3c8d3}

/* ---- note / CTA blocks ---- */
.en3-note{max-width:820px;display:flex;flex-direction:column;gap:14px;padding:clamp(26px,3vw,40px);border-radius:28px;background:#12161f;border:1px solid rgba(153,186,255,.22)}
.en3-note__t{font-size:clamp(24px,2.6vw,36px);font-weight:600;letter-spacing:-0.03em;line-height:1.1;text-wrap:balance}
.en3-note__d{color:#c3c8d3;font-size:17px;line-height:1.6}
.en3-note__d a{color:#99baff;text-decoration:underline;text-underline-offset:3px}
.en3-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,56px);padding:clamp(28px,4vw,56px);border-radius:32px;background:#12161f;border:1px solid rgba(255,255,255,.07)}
.en3-cta>div:first-child{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:14px}
.en3-cta__t{font-size:clamp(28px,3.4vw,52px);font-weight:600;letter-spacing:-0.04em;line-height:1;text-wrap:balance}
.en3-cta__d{color:#c3c8d3;font-size:17px;line-height:1.6;max-width:620px;text-wrap:pretty}
.en3-cta--c{flex-direction:column;text-align:center;justify-content:center}
.en3-cta--c>div:first-child{align-items:center;flex:0 1 auto}
.en3-cta--c .fe-btns{justify-content:center}
.en3-cta-sec{padding-bottom:clamp(60px,8vw,100px)}

/* ---- legal (privacy) ---- */
.en3-legal{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.en3-legal__nav{position:sticky;top:100px;display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:24px;background:#12161f;border:1px solid rgba(255,255,255,.07)}
.en3-legal__nav p{color:#6699ff;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.en3-legal__nav a{display:block;padding:10px 14px;border-radius:12px;color:#c3c8d3;font-size:15px;font-weight:600}
.en3-legal__nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.en3-legal__nav a[aria-current="page"]{background:rgba(0,87,255,.22);color:#fff}
.en3-legal__body{max-width:var(--fe-max-article,760px);display:flex;flex-direction:column;gap:clamp(28px,3vw,40px)}
.en3-legal__upd{color:#8a92a3;font-size:14px}
.en3-legal__sec{display:flex;flex-direction:column;gap:14px;padding-top:clamp(24px,3vw,36px);border-top:1px solid rgba(255,255,255,.08)}
.en3-legal__h{font-size:clamp(24px,2.4vw,34px);font-weight:600;letter-spacing:-0.03em;line-height:1.1}
.en3-legal__p,.en3-legal__ul{color:#c3c8d3;font-size:16px;line-height:1.7;text-wrap:pretty}
.en3-legal__ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.en3-legal__ul li::marker{color:#6699ff}
@media (max-width:860px){.en3-legal{grid-template-columns:minmax(0,1fr)}.en3-legal__nav{position:static;flex-direction:row;flex-wrap:wrap;align-items:center}.en3-legal__nav p{width:100%;margin-bottom:4px}}

/* ---- portfolio case study ---- */
.en3-back{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;color:#aeb4c2;font-size:14px;font-weight:600}
.en3-back:hover{color:#fff}
.en3-h1{font-size:clamp(38px,6vw,96px);max-width:1200px}
.en3-lede{max-width:760px}
.en3-lede a,.en3-prose a{color:#99baff;text-decoration:underline;text-decoration-color:rgba(153,186,255,.35);text-underline-offset:3px}
.en3-lede a:hover{color:#fff}
.en3-h2{font-size:clamp(32px,4vw,60px)}
.en3-h3{font-size:clamp(24px,2.4vw,34px)}
.en3-prose{max-width:760px}
.en3-cover-sec{padding-bottom:clamp(48px,6vw,80px)}
.en3-cover{margin:0;border-radius:32px;overflow:hidden;background:#12161f;border:1px solid rgba(255,255,255,.07);aspect-ratio:16/9}
.en3-cover img{display:block;width:100%;height:100%;object-fit:cover}
.en3-meta{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
.en3-meta__i{padding:20px 24px;border-radius:22px;background:rgba(18,22,31,.8);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px}
.en3-meta dt{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8a92a3}
.en3-meta dd{margin:0;font-size:clamp(16px,1.3vw,19px);font-weight:600;color:#fff}
.en3-story{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,80px);align-items:flex-start}
.en3-story>.fe-head{flex:1.3 1 480px;min-width:0}
.en3-stats{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:10px}
.en3-stat{display:flex;flex-direction:column;gap:8px;padding:22px 26px;border-radius:22px;background:#12161f;border:1px solid rgba(255,255,255,.07)}
.en3-stat strong{font-size:clamp(28px,3vw,42px);font-weight:600;letter-spacing:-0.04em;line-height:1;color:#99baff}
.en3-stat span{color:#aeb4c2;font-size:14px}
.en3-pair{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.en3-pair .fe-card{gap:18px}
.en3-results{margin:0;padding:0;list-style:none;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.en3-results li{display:flex;gap:14px;align-items:flex-start;padding:22px 24px;border-radius:22px;background:#12161f;border:1px solid rgba(255,255,255,.07);color:#e5e8ee;font-size:16px;line-height:1.55}
.en3-results__ck{flex:none;width:26px;height:26px;border-radius:50%;background:#0057FF;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.en3-tags{display:flex;flex-wrap:wrap;gap:8px}
.en3-tag{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#e5e8ee;font-size:14px;font-weight:600}
.en3-rel{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.en3-rel__c{padding:0;gap:0;overflow:hidden;border-radius:28px}
.en3-rel__m{position:relative;aspect-ratio:16/9;margin:10px;border-radius:20px;overflow:hidden;background:#07101d}
.en3-rel__m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.en3-rel__lab{position:absolute;left:12px;top:12px;padding:6px 12px;border-radius:999px;background:rgba(5,9,20,.62);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;font-weight:600;color:#fff}
.en3-rel__b{display:flex;flex-direction:column;gap:12px;padding:12px clamp(22px,2.4vw,30px) clamp(24px,2.4vw,30px);flex:1}
.en3-rel__more{margin-top:auto;padding-top:6px;color:#99baff;font-size:15px;font-weight:700}

@media (prefers-reduced-motion:reduce){.en3-card{transition:none}}