/* 2026 шинэчлэл: live ticker, сервер сонгогч, scrollytelling, ил тод хэсэг */
.ms{width:24px;height:24px;fill:currentColor;flex:none}
/* Live ticker — дээд цэсний голд (PC) */
.tk{display:none}
@media (min-width:1100px){
  .tk:not([hidden]){display:flex;align-items:center;gap:10px;flex:1;min-width:0;max-width:560px;margin:0 auto;height:38px;padding:0 6px 0 4px;border-radius:99px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
  .tk-d{flex:none;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;background:rgba(198,255,61,.12);color:var(--lime);font:800 11px/1 var(--fb);letter-spacing:.06em;text-transform:uppercase}
  .tk-d i{width:7px;height:7px;border-radius:50%;background:currentColor;animation:ping 2s infinite}
  .tk-w{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
  .tk-r{display:inline-flex;gap:28px;padding-right:28px;white-space:nowrap;font-size:13px;color:var(--muted);animation:tkRun var(--dur,30s) linear infinite}
  .tk:hover .tk-r{animation-play-state:paused}
  .tk-r b{color:var(--text);font-weight:800}
  @keyframes tkRun{to{transform:translateX(-50%)}}
}
.calm .tk-r{animation:none}
/* Сервер сонгогч */
.pk{display:grid;gap:24px;padding:clamp(20px,4vw,40px);border-radius:28px;background:linear-gradient(160deg,rgba(123,125,128,.14),rgba(17,19,22,.85) 55%);box-shadow:inset 0 0 0 1px var(--line)}
.pk-head h2{margin:8px 0 6px}
.pk-head p{margin:0}
.pk-me{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pk-me a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:99px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;font-weight:700}
.pk-me img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.pk-me .ms{width:20px;height:20px;color:var(--lime)}
.pk-steps{display:flex;gap:6px;margin-bottom:14px}
.pk-steps i{flex:1;height:4px;border-radius:9px;background:rgba(255,255,255,.14);transition:background .3s}
.pk-steps i.on{background:var(--lime)}
.pk-q{margin:0 0 14px;font:800 18px/1.3 var(--fd)}
.pk-o{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.pk-o button{position:relative;display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 12px;border:0;border-radius:16px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--line);color:var(--text);font:700 14px/1.25 var(--fb);text-align:left;cursor:pointer;transition:transform .25s var(--spring),background .2s,box-shadow .2s}
.pk-o button:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}
.pk-o button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.pk-o button small{display:block;font-size:12px;font-weight:600;color:var(--muted)}
.pk-o img{width:40px;height:54px;border-radius:9px;object-fit:cover;flex:none}
.pk-o .ms{color:var(--lime)}
.pk-back{margin-top:14px;padding:0;border:0;background:none;color:var(--muted);font:700 13px var(--fb);cursor:pointer}
.pk-r{display:grid;gap:16px;grid-template-columns:auto 1fr;align-items:center;padding:18px;border-radius:22px;background:rgba(8,10,13,.55);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lime) 45%,transparent);animation:pkIn .45s var(--spring)}
.pk-r>img{width:92px;height:124px;border-radius:14px;object-fit:cover}
.pk-r small{color:var(--lime);font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.pk-r h3{margin:4px 0 8px;font:900 24px/1.15 var(--fd)}
.pk-r ul{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pk-r li{padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.08);font-size:12.5px;font-weight:700}
.pk-r .pk-pr{font:900 26px/1 var(--fd)}.pk-r .pk-pr i{font:600 13px var(--fb);color:var(--muted);margin-left:3px;font-style:normal}
.pk-act{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}
@keyframes pkIn{from{opacity:0;transform:translateY(12px) scale(.98)}}
@media (min-width:900px){.pk{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}.pk-r{grid-template-columns:auto 1fr auto}.pk-act{grid-column:auto;flex-direction:column}}
/* Scrollytelling */
.sy-l{list-style:none;margin:0;padding:0 0 0 22px;display:grid;gap:clamp(28px,6vw,64px);position:relative}
.sy-l::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:9px;background:linear-gradient(var(--lime),var(--violet),var(--cyan));opacity:.5}
.sy-s{position:relative;display:grid;gap:18px;align-items:center}
.sy-s::before{content:"";position:absolute;left:-28px;top:50%;width:15px;height:15px;margin-top:-7px;border-radius:50%;background:var(--c);box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 25%,transparent)}
.sy-t em{font:900 15px/1 var(--fd);font-style:normal;color:var(--c)}
.sy-t h3{margin:6px 0 8px;font:900 clamp(26px,4vw,40px)/1.1 var(--fd);letter-spacing:-.02em}
.sy-t p{margin:0;color:var(--muted);max-width:44ch}
.sy-v{display:grid;place-items:center;min-height:200px;border-radius:24px;background:radial-gradient(80% 90% at 50% 40%,color-mix(in srgb,var(--c) 22%,transparent),transparent 70%),rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.sy-caps{display:flex}.sy-caps img{width:96px;height:144px;border-radius:14px;object-fit:cover;box-shadow:0 18px 30px -12px rgba(0,0,0,.8);margin:0 -10px}
.sy-caps img:nth-child(1){transform:rotate(-10deg) translateY(10px)}.sy-caps img:nth-child(2){position:relative;z-index:1;transform:scale(1.08)}.sy-caps img:nth-child(3){transform:rotate(10deg) translateY(10px)}
.sy-pay{display:grid;justify-items:center;gap:6px}.sy-pay .ms{width:84px;height:84px;color:var(--c)}.sy-pay b{font:900 22px var(--fd)}.sy-pay i{font-style:normal;font-size:13px;font-weight:700;color:#BBF7D0;padding:5px 12px;border-radius:99px;background:rgba(74,222,128,.14)}
.sy-term{display:grid;gap:6px;width:min(320px,86%);padding:16px 18px;border-radius:16px;background:#080A0D;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font:600 13px/1.4 ui-monospace,Menlo,Consolas,monospace;color:#BBBEC3}
.sy-term .ok{color:var(--c)}
@media (min-width:900px){.sy-l{padding-left:40px}.sy-s::before{left:-46px}.sy-s{grid-template-columns:1fr 1fr;gap:48px}.sy-s:nth-child(even) .sy-v{order:2}.sy-v{min-height:260px}}
@supports (animation-timeline:view()){
  html:not(.calm) .sy-s{animation:syIn linear both;animation-timeline:view();animation-range:entry 5% cover 38%}
  html:not(.calm) .sy-l::before{transform-origin:top;animation:syLine linear both;animation-timeline:view();animation-range:entry 20% exit 60%}
  @keyframes syIn{from{opacity:0;transform:translateY(60px) scale(.96)}}
  @keyframes syLine{from{transform:scaleY(0)}}
}
@media (prefers-reduced-motion:reduce){.sy-s,.sy-l::before{animation:none!important}}
/* Ил тод */
.tr-g{display:grid;gap:14px}
@media (min-width:760px){.tr-g{grid-template-columns:repeat(3,1fr)}}
.tr-c{padding:22px;border-radius:24px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:12px}
.tr-c h3{margin:0;font:800 18px var(--fd)}
.tr-c ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14.5px;color:#D9D6EC}
.tr-c li{position:relative;padding-left:26px}
.tr-c li::before{content:"";position:absolute;left:0;top:3px;width:17px;height:17px;border-radius:50%;background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A1030' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
.tr-a{margin-top:auto;font-weight:800;font-size:14px;color:var(--lime)}
.tr-n{display:flex;align-items:baseline;gap:10px}.tr-n b{font:900 34px/1 var(--fd);font-variant-numeric:tabular-nums}.tr-n span{color:var(--muted);font-size:14px}