/* Layout: tamsi rezultatų sekcija — teiginys + KPI, grafiko kortelė, 3 vizualų eilė, kanalų juosta */
.sxmk-dark{
  --bg:#f3f1ee; --dark:#15171d; --fg:#fff; --muted:rgba(255,255,255,.65); --soft:rgba(255,255,255,.45);
  --blue:#3452ff; --blue2:#6a82ff; --red:#ff1053; --pink:#ff5a8d; --amber:#f3a33c;
  --cardbg:rgba(255,255,255,.045); --cardline:rgba(255,255,255,.09);
  --disp:"Space Grotesk","Segoe UI",Arial,sans-serif; --body:"Poppins","Segoe UI",Arial,sans-serif;
}

.sxmk-dark{position:relative; overflow:hidden; background:var(--dark);}
.sxmk-dark::before,.sxmk-dark::after{content:""; position:absolute; width:620px; height:620px; border-radius:50%; filter:blur(90px); opacity:.16; pointer-events:none;}
.sxmk-dark::before{background:var(--blue); top:-260px; right:-140px; animation:mk-drift 14s ease-in-out infinite alternate;}
.sxmk-dark::after{background:var(--red); bottom:-300px; left:-160px; opacity:.1; animation:mk-drift 17s ease-in-out infinite alternate-reverse;}
@keyframes mk-drift{to{transform:translate(60px,40px) scale(1.12);}}

.mk{position:relative; max-width:1100px; margin:0 auto; padding:90px 24px 90px; color:var(--fg);}
.mk-grid{display:grid; grid-template-columns:1fr 1.25fr; gap:56px; align-items:center;}
@media(max-width:920px){ .mk-grid{grid-template-columns:1fr; gap:40px;} }

.mk-badge{display:inline-block; background:var(--blue); color:#fff; border-radius:20px; padding:7px 14px; font-size:14px; font-weight:700; margin-bottom:18px;}
.mk-left h2{font-family:var(--disp); font-size:34px; font-weight:700; line-height:1.2; margin:0 0 18px; color:#fff; letter-spacing:-.01em;}
@media(max-width:690px){ .mk-left h2{font-size:28px;} }
.mk-left p.lead{margin:0 0 26px; color:var(--muted); font-size:18px; max-width:44ch;}
.mk-left p.lead b{color:#fff; font-weight:600;}

.mk-meter .row{display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:10px;}
.mk-meter .num{font-family:var(--disp); font-weight:700; font-size:clamp(34px,4vw,46px); line-height:1; color:#fff; font-variant-numeric:tabular-nums;}
.mk-meter .lbl{font-size:14px; color:var(--soft);}
.mk-meter .bar{height:9px; border-radius:200px; background:rgba(255,255,255,.1); overflow:hidden;}
.mk-meter .bar i{display:block; height:100%; width:0; border-radius:200px; background:linear-gradient(90deg,var(--blue2),var(--blue) 55%,var(--red)); transition:width 1.6s cubic-bezier(.2,.8,.3,1);}

.mk-steps{list-style:none; margin:26px 0 0; padding:0; display:grid; gap:10px;}
.mk-steps li{display:flex; gap:12px; align-items:center; font-size:14.5px; color:rgba(255,255,255,.85); opacity:0; transform:translateX(-14px); transition:opacity .5s ease, transform .5s ease;}
.mk.mk-on .mk-steps li{opacity:1; transform:none;}
.mk-steps li:nth-child(2){transition-delay:.15s;} .mk-steps li:nth-child(3){transition-delay:.3s;} .mk-steps li:nth-child(4){transition-delay:.45s;}
.mk-steps b{flex:0 0 26px; width:26px; height:26px; border-radius:50%; background:rgba(52,82,255,.25); color:#9db4ff; font-family:var(--disp); font-size:12.5px; display:grid; place-items:center;}

.mk-note{margin:24px 0 0; font-size:12.5px; color:var(--soft);}

.mk-card{background:var(--cardbg); border:1px solid var(--cardline); border-radius:14px; padding:24px; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);}
@media(max-width:690px){ .mk-card{padding:16px;} }
.mk-card-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px;}
.mk-card-head .t{font-family:var(--disp); font-weight:700; font-size:16px; color:#fff;}
.mk-card-head .tag{font-size:11px; letter-spacing:.07em; text-transform:uppercase; color:var(--soft); border:1px solid var(--cardline); border-radius:200px; padding:4px 11px; white-space:nowrap;}

.mk-chart{position:relative;}
.mk-chart svg{display:block; width:100%; height:auto;}
.mk-tip{position:absolute; pointer-events:none; background:#0d0f14; border:1px solid var(--cardline); border-radius:8px; padding:7px 11px; font-size:12.5px; color:#fff; transform:translate(-50%,-115%); white-space:nowrap; opacity:0; transition:opacity .12s; z-index:3;}
.mk-tip b{font-family:var(--disp); font-variant-numeric:tabular-nums;}
.mk-tip small{color:var(--soft); display:block; font-size:11px;}

.mk-tiles{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:18px;}
@media(max-width:560px){ .mk-tiles{grid-template-columns:1fr 1fr;} }
.mk-tile{background:rgba(255,255,255,.04); border:1px solid var(--cardline); border-radius:10px; padding:14px 16px; transition:transform .2s ease, border-color .2s ease;}
.mk-tile:hover{transform:translateY(-3px); border-color:rgba(255,255,255,.22);}
.mk-tile b{display:block; font-family:var(--disp); font-weight:700; font-size:clamp(20px,2.6vw,26px); line-height:1.1; color:#fff; font-variant-numeric:tabular-nums;}
.mk-tile b em{font-style:normal; color:var(--blue2);}
.mk-tile span{display:block; margin-top:5px; font-size:12px; color:var(--soft); line-height:1.4;}

/* Antra vizualų eilė */
.mk-row2{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:18px;}
@media(max-width:920px){ .mk-row2{grid-template-columns:1fr;} }
.mk-legend{list-style:none; margin:14px 0 0; padding:0; display:grid; gap:8px; font-size:13px; color:rgba(255,255,255,.85);}
.mk-legend li{display:flex; align-items:center; gap:9px;}
.mk-legend i{width:10px; height:10px; border-radius:3px; flex:0 0 auto;}
.mk-legend .v{margin-left:auto; font-family:var(--disp); font-weight:700; color:#fff; font-variant-numeric:tabular-nums;}
.mk-donut-wrap{display:flex; align-items:center; gap:8px;}
.mk-donut-wrap svg{flex:0 0 auto;}

.mk-bars svg, .mk-fun svg{display:block; width:100%; height:auto;}
.mk-cap{margin:12px 0 0; font-size:12px; color:var(--soft); line-height:1.5;}

/* Kanalų juosta */
.mk-marquee{margin-top:26px; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.mk-marquee .track{display:flex; gap:12px; width:max-content; animation:mk-roll 26s linear infinite;}
.mk-marquee:hover .track{animation-play-state:paused;}
@keyframes mk-roll{to{transform:translateX(-50%);}}
.mk-chip{flex:0 0 auto; border:1px solid var(--cardline); background:rgba(255,255,255,.04); color:rgba(255,255,255,.8); border-radius:200px; padding:9px 18px; font-size:13.5px; white-space:nowrap;}
.mk-chip b{color:#fff; font-weight:600;}

@media (prefers-reduced-motion:reduce){
  .sxmk-dark::before,.sxmk-dark::after{animation:none;}
  .mk-marquee .track{animation:none;}
  .mk-meter .bar i{transition:none;}
  .mk-steps li{opacity:1; transform:none; transition:none;}
}
.sxmk-dark{width:100vw;margin-left:calc(50% - 50vw);}
.sxmk-dark .mk h2{color:#fff;}