/* ============================================================
   Scene animasi hero landing — pengganti foto slide (22 Jul 2026)
   3 scene sesuai konten slide: 1) Support 24x7  2) Network  3) Custom Equipment
   Self-contained (tanpa aset/CDN), palet Aurora Lux, GPU-friendly (transform+opacity).
   ============================================================ */

.scn{position:relative;width:430px;max-width:40vw;height:440px;pointer-events:none;
  --gls:linear-gradient(160deg,rgba(20,35,70,.78),rgba(8,16,36,.6));
  --ln:rgba(148,183,255,.16);--cy:#22d3ee;--in:#818cf8;--bl:#3b82f6;--gr:#34d399}
.scn *,.scn *::before,.scn *::after{box-sizing:border-box}
/* hemat CPU: jeda semua animasi scene saat slide tidak aktif */
.qslide:not(.active) .scn *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.scn *{animation:none!important}}

/* ---------- SCENE 1 · Support 24x7 ---------- */
.sc1-pulse{position:absolute;left:50%;top:50%;width:230px;height:230px;margin:-115px 0 0 -115px;
  border:1px solid rgba(34,211,238,.35);border-radius:50%;animation:sc1pulse 3.6s ease-out infinite}
.sc1-pulse.p2{animation-delay:1.8s}
@keyframes sc1pulse{from{transform:scale(1);opacity:.55}to{transform:scale(1.65);opacity:0}}
.sc1-ticks{position:absolute;left:50%;top:50%;width:310px;height:310px;margin:-155px 0 0 -155px;border-radius:50%;
  background:repeating-conic-gradient(rgba(148,183,255,.4) 0 .8deg,transparent .8deg 6deg);
  -webkit-mask:radial-gradient(closest-side,transparent calc(100% - 11px),#000 calc(100% - 10px));
  mask:radial-gradient(closest-side,transparent calc(100% - 11px),#000 calc(100% - 10px));
  animation:sc1spin 46s linear infinite;opacity:.7}
@keyframes sc1spin{to{transform:rotate(360deg)}}
.sc1-sweep{position:absolute;left:50%;top:50%;width:272px;height:272px;margin:-136px 0 0 -136px;
  animation:sc1spin 5.5s linear infinite}
.sc1-sweep circle{fill:none;stroke:url(#sc1g);stroke-width:2.6;stroke-linecap:round;
  stroke-dasharray:82 213;filter:drop-shadow(0 0 6px rgba(34,211,238,.55))}
.sc1-dial{position:absolute;left:50%;top:50%;width:225px;height:225px;margin:-112px 0 0 -112px;border-radius:50%;
  background:var(--gls);border:1px solid var(--ln);backdrop-filter:blur(6px);
  box-shadow:0 30px 80px -20px rgba(37,99,235,.45),inset 0 1px 0 rgba(255,255,255,.08);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.sc1-headset{color:#7dd3fc;filter:drop-shadow(0 0 10px rgba(34,211,238,.6));animation:sc1bob 5s ease-in-out infinite}
@keyframes sc1bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.sc1-num{font-family:"Sora","Plus Jakarta Sans",sans-serif;font-weight:800;font-size:44px;line-height:1;
  background:linear-gradient(100deg,#e0f2fe,var(--cy) 55%,var(--in));-webkit-background-clip:text;background-clip:text;color:transparent}
.sc1-num i{font-style:normal;font-size:30px}
.sc1-lbl{font-size:9px;letter-spacing:.32em;color:#7f9bc4;font-weight:700}
.sc1-lbl b{color:var(--gr);animation:sc1blink 2.2s ease-in-out infinite}
@keyframes sc1blink{0%,100%{opacity:1}50%{opacity:.25}}
/* satelit ikon mengorbit (counter-rotate agar tegak) */
.sc1-orbit{position:absolute;left:50%;top:50%;width:340px;height:340px;margin:-170px 0 0 -170px;
  animation:sc1spin 20s linear infinite}
.sc1-sat{position:absolute;width:38px;height:38px;border-radius:12px;background:var(--gls);
  border:1px solid var(--ln);display:grid;place-items:center;color:#93c5fd;
  box-shadow:0 10px 26px -8px rgba(37,99,235,.5);animation:sc1counter 20s linear infinite}
@keyframes sc1counter{to{transform:rotate(-360deg)}}
.sc1-sat.s1{left:-4px;top:118px;color:var(--gr)}
.sc1-sat.s2{right:6px;top:44px;color:#fbbf24}
.sc1-sat.s3{left:150px;bottom:-8px;color:var(--cy)}
/* gelembung chat: muncul -> titik ketik -> baris pesan -> hilang (siklus 12s berjenjang) */
.sc1-bub{position:absolute;width:128px;padding:9px 11px;border-radius:13px 13px 13px 4px;background:var(--gls);
  border:1px solid var(--ln);backdrop-filter:blur(5px);box-shadow:0 14px 34px -12px rgba(2,8,23,.8);
  opacity:0;animation:sc1bub 12s ease-in-out infinite}
.sc1-bub.b1{right:-18px;top:56px;animation-delay:0s}
.sc1-bub.b2{left:-26px;top:190px;animation-delay:4s;border-radius:13px 13px 4px 13px}
.sc1-bub.b3{right:-8px;bottom:52px;animation-delay:8s}
@keyframes sc1bub{0%{opacity:0;transform:translateY(10px) scale(.92)}
  4%,30%{opacity:1;transform:translateY(0) scale(1)}
  36%,100%{opacity:0;transform:translateY(-8px) scale(.95)}}
.sc1-bub .dots{display:inline-flex;gap:4px;margin-bottom:7px}
.sc1-bub .dots i{width:5px;height:5px;border-radius:50%;background:#7dd3fc;animation:sc1dot 1s ease-in-out infinite}
.sc1-bub .dots i:nth-child(2){animation-delay:.15s}.sc1-bub .dots i:nth-child(3){animation-delay:.3s}
@keyframes sc1dot{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}
.sc1-bub .ln,.sc1-bub .ln2{display:block;height:5px;border-radius:3px;
  background:linear-gradient(90deg,rgba(125,211,252,.7),rgba(129,140,248,.5))}
.sc1-bub .ln{width:86%}.sc1-bub .ln2{width:55%;margin-top:5px;opacity:.6}

/* ---------- SCENE 2 · Best Network Solutions ---------- */
.sc2-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sc2-link{fill:none;stroke:rgba(103,180,255,.22);stroke-width:1.2}
.sc2-flow{fill:none;stroke:url(#sc2g);stroke-width:1.2;stroke-dasharray:5 90;stroke-linecap:round;
  animation:sc2dash 3.2s linear infinite}
@keyframes sc2dash{to{stroke-dashoffset:-95}}
.pkt{filter:drop-shadow(0 0 5px rgba(34,211,238,.9))}
.pkt.pv{filter:drop-shadow(0 0 5px rgba(129,140,248,.9))}
.sc2-nodebg{fill:rgba(13,26,54,.82);stroke:rgba(148,183,255,.2);stroke-width:1}
.sc2-ic{stroke:#9ecbff;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.sc2-node{animation:sc2nb 6s ease-in-out infinite}
@keyframes sc2nb{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.sc2-corebg{fill:rgba(13,26,54,.9);stroke:rgba(103,232,249,.4);stroke-width:1.2;
  filter:drop-shadow(0 16px 36px rgba(37,99,235,.5))}
.sc2-led{animation:sc2led 1.6s ease-in-out infinite}
@keyframes sc2led{0%,100%{opacity:1}50%{opacity:.2}}
.sc2-ring{fill:none;stroke:rgba(103,232,249,.35);stroke-width:1;animation:sc2ring 3s ease-out infinite;
  transform-origin:center;transform-box:fill-box}
@keyframes sc2ring{from{transform:scale(.55);opacity:.7}to{transform:scale(1.5);opacity:0}}
.sc2-lbl{font:700 8.5px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.18em;fill:#8fb2dd}
/* terminal mini + badge */
.sc2-term{position:absolute;left:-14px;bottom:26px;width:196px;border-radius:12px;background:var(--gls);
  border:1px solid var(--ln);backdrop-filter:blur(6px);box-shadow:0 18px 44px -14px rgba(2,8,23,.85);
  padding:9px 12px 11px;animation:sc2tf 7s ease-in-out infinite}
@keyframes sc2tf{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.sc2-tbar{display:flex;gap:4px;margin-bottom:7px}
.sc2-tbar i{width:6px;height:6px;border-radius:50%}
.sc2-tbar i:nth-child(1){background:#f87171}.sc2-tbar i:nth-child(2){background:#fbbf24}.sc2-tbar i:nth-child(3){background:#34d399}
.sc2-tln{display:block;overflow:hidden;white-space:nowrap;font:600 9.5px ui-monospace,Menlo,Consolas,monospace;
  color:#9fd4ff;width:0;animation:sc2type 9s steps(24) infinite}
.sc2-tln.l2{color:#86efac;animation-delay:1.2s}
.sc2-tln.l3{color:#c7d2fe;animation-delay:2.4s}
@keyframes sc2type{0%{width:0;opacity:1}14%{width:100%}86%{width:100%;opacity:1}90%{opacity:0}100%{width:0;opacity:0}}
.sc2-badge{position:absolute;right:-8px;top:18px;display:flex;align-items:center;gap:7px;padding:7px 13px;
  border-radius:999px;background:var(--gls);border:1px solid rgba(52,211,153,.3);
  font:700 9px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.22em;color:#86efac;
  box-shadow:0 12px 30px -10px rgba(2,8,23,.8);animation:sc2tf 6s ease-in-out infinite;animation-delay:.8s}
.sc2-badge i{width:6px;height:6px;border-radius:50%;background:var(--gr);animation:sc1blink 2s ease-in-out infinite}

/* ---------- SCENE 3 · Best Custom Equipment ---------- */
.sc3-stage{position:absolute;inset:0;perspective:1000px}
.sc3-beam{position:absolute;left:50%;top:28px;bottom:34px;width:2px;margin-left:-1px;
  background:linear-gradient(180deg,transparent,rgba(34,211,238,.5) 30%,rgba(129,140,248,.45) 70%,transparent);
  animation:sc3beam 4s ease-in-out infinite}
@keyframes sc3beam{0%,100%{opacity:.35}50%{opacity:.9}}
.sc3-up{position:absolute;left:50%;width:3px;height:3px;border-radius:50%;background:#9ee8ff;opacity:0;
  animation:sc3up 5s linear infinite;filter:drop-shadow(0 0 4px rgba(34,211,238,.9))}
.sc3-up.u2{animation-delay:2.5s;background:#c7d2fe}
@keyframes sc3up{0%{bottom:40px;opacity:0}12%{opacity:.9}85%{opacity:.6}100%{bottom:380px;opacity:0}}
.sc3-lift{position:absolute;left:50%;width:0;height:0;animation:sc3bob 6.5s ease-in-out infinite}
@keyframes sc3bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.sc3-plate{position:absolute;left:-105px;top:-105px;width:210px;height:210px;border-radius:20px;
  transform:rotateX(58deg) rotateZ(45deg);background:var(--gls);border:1px solid var(--ln);
  box-shadow:0 26px 60px -18px rgba(2,8,23,.85),inset 0 1px 0 rgba(255,255,255,.07);
  display:grid;place-items:center;overflow:hidden}
.sc3-plate::after{content:"";position:absolute;inset:0;border-radius:20px;
  background:linear-gradient(115deg,transparent 30%,rgba(160,210,255,.12) 45%,transparent 60%);
  animation:sc3sheen 7s ease-in-out infinite}
@keyframes sc3sheen{0%,55%,100%{transform:translateX(-100%)}25%{transform:translateX(100%)}}
/* isi tiap plate */
.sc3-grid{position:absolute;inset:14px;border-radius:12px;
  background:repeating-linear-gradient(0deg,rgba(103,180,255,.12) 0 1px,transparent 1px 21px),
             repeating-linear-gradient(90deg,rgba(103,180,255,.12) 0 1px,transparent 1px 21px)}
.sc3-cpu{width:64px;height:64px;border-radius:10px;background:linear-gradient(140deg,#12244d,#0a1530);
  border:1px solid rgba(103,232,249,.5);position:relative;display:grid;place-items:center;
  box-shadow:0 0 24px rgba(34,211,238,.35);animation:sc3glow 3s ease-in-out infinite}
@keyframes sc3glow{0%,100%{box-shadow:0 0 14px rgba(34,211,238,.25)}50%{box-shadow:0 0 34px rgba(34,211,238,.6)}}
.sc3-cpu span{font:800 10px ui-monospace,Menlo,Consolas,monospace;letter-spacing:.18em;color:#7dd3fc}
.sc3-cpu::before,.sc3-cpu::after{content:"";position:absolute;background:
  repeating-linear-gradient(90deg,rgba(103,232,249,.65) 0 4px,transparent 4px 10px)}
.sc3-cpu::before{left:-13px;right:-13px;top:50%;height:2px;margin-top:-1px}
.sc3-cpu::after{top:-13px;bottom:-13px;left:50%;width:2px;margin-left:-1px;background:
  repeating-linear-gradient(0deg,rgba(103,232,249,.65) 0 4px,transparent 4px 10px)}
.sc3-ram{display:flex;gap:10px}
.sc3-ram i{width:14px;height:110px;border-radius:4px;background:linear-gradient(180deg,rgba(129,140,248,.8),rgba(59,130,246,.5));
  box-shadow:0 0 14px rgba(129,140,248,.4);animation:sc3ram 2.6s ease-in-out infinite}
.sc3-ram i:nth-child(2){animation-delay:.3s}.sc3-ram i:nth-child(3){animation-delay:.6s}.sc3-ram i:nth-child(4){animation-delay:.9s}
@keyframes sc3ram{0%,100%{opacity:.55}50%{opacity:1}}
.sc3-gpu{width:150px;height:64px;border-radius:10px;background:linear-gradient(140deg,#101f42,#0a142e);
  border:1px solid rgba(148,183,255,.3);display:flex;align-items:center;gap:12px;padding:0 14px}
.sc3-gpu b{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(103,232,249,.5);position:relative;flex:none;
  background:conic-gradient(from 0deg,rgba(103,232,249,.55) 0 40deg,transparent 40deg 120deg,
    rgba(103,232,249,.55) 120deg 160deg,transparent 160deg 240deg,rgba(103,232,249,.55) 240deg 280deg,transparent 280deg 360deg);
  animation:sc1spin 1.6s linear infinite}
.sc3-gpu span{height:5px;border-radius:3px;background:rgba(148,183,255,.5);display:block}
.sc3-gpu div{flex:1;display:flex;flex-direction:column;gap:7px}
.sc3-gpu span:nth-child(2){width:70%;opacity:.6}
.sc3-fan{width:104px;height:104px;border-radius:50%;border:1.5px solid rgba(103,232,249,.45);position:relative;
  background:conic-gradient(from 0deg,rgba(125,211,252,.5) 0 34deg,transparent 34deg 90deg,
    rgba(125,211,252,.5) 90deg 124deg,transparent 124deg 180deg,rgba(125,211,252,.5) 180deg 214deg,transparent 214deg 270deg,
    rgba(125,211,252,.5) 270deg 304deg,transparent 304deg 360deg);
  animation:sc1spin 1.1s linear infinite;box-shadow:0 0 26px rgba(34,211,238,.3)}
.sc3-fan::after{content:"";position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;
  border-radius:50%;background:#0b1834;border:1px solid rgba(148,183,255,.4)}
/* callout spesifikasi bergiliran */
.sc3-tag{position:absolute;right:-16px;display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:10px;
  background:var(--gls);border:1px solid var(--ln);font:700 9px ui-monospace,Menlo,Consolas,monospace;
  letter-spacing:.14em;color:#9fc3ec;box-shadow:0 12px 30px -10px rgba(2,8,23,.8);
  animation:sc3tag 9s ease-in-out infinite;opacity:.35}
.sc3-tag::before{content:"";position:absolute;right:100%;top:50%;width:26px;height:1px;
  background:linear-gradient(270deg,rgba(148,183,255,.5),transparent)}
.sc3-tag i{width:6px;height:6px;border-radius:50%;background:var(--cy)}
.sc3-tag.t1{top:64px}.sc3-tag.t2{top:150px;animation-delay:3s}.sc3-tag.t3{top:236px;animation-delay:6s}
@keyframes sc3tag{0%,100%{opacity:.35;transform:translateX(0)}
  8%,26%{opacity:1;transform:translateX(-6px)}34%{opacity:.35;transform:translateX(0)}}
.sc3-spk{position:absolute;width:3px;height:3px;border-radius:50%;background:#bae6fd;
  animation:sc3spk 4s ease-in-out infinite;opacity:0}
@keyframes sc3spk{0%,100%{opacity:0;transform:scale(.5)}50%{opacity:.9;transform:scale(1.2)}}

/* layar sedang: scene sedikit diperkecil agar tak menabrak teks */
@media (max-width:1100px){.scn{transform:scale(.86);transform-origin:center}}
/* mobile: scene tampil di bawah teks dgn skala .56. Box .scn tetap 430x440 (posisi absolut
   internal tak bergeser) tapi DIKELUARKAN dari flow: .simg jadi kotak ukuran visual,
   .scn absolut di dalamnya — grid tak ikut melebar (teks tak terpotong). */
@media (max-width:767px){
  .simg{width:242px;height:250px}
  .scn{position:absolute;left:50%;top:0;margin-left:-215px;max-width:none;
    transform:scale(.56);transform-origin:top center}
}

/* ============================================================
   Running text bawah slider (22 Jul 2026) — isi dari backend sec=ticker
   ============================================================ */
.qmarq{display:flex;align-items:stretch;margin:6px auto 2px;max-width:1152px;width:calc(100% - 40px);
  border-radius:16px;position:relative;overflow:hidden;
  background:linear-gradient(120deg,rgba(15,27,55,.72),rgba(7,14,32,.55) 45%,rgba(15,27,55,.72));
  border:1px solid rgba(148,183,255,.14);backdrop-filter:blur(10px);
  box-shadow:0 18px 44px -16px rgba(2,8,23,.85),inset 0 1px 0 rgba(255,255,255,.06)}
.qmarq::before,.qmarq::after{content:"";position:absolute;left:6%;right:6%;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(103,232,249,.5),rgba(129,140,248,.5),transparent)}
.qmarq::before{top:0}.qmarq::after{bottom:0;opacity:.55}
.qmarq-cap{position:relative;z-index:2;display:flex;align-items:center;gap:8px;padding:11px 16px 11px 18px;
  font:800 10px "Sora","Plus Jakarta Sans",sans-serif;letter-spacing:.3em;color:#a5d8ff;flex:none;
  background:linear-gradient(140deg,rgba(37,99,235,.32),rgba(34,211,238,.1));
  border-right:1px solid rgba(148,183,255,.16)}
.qmarq-cap::after{content:"";position:absolute;right:-9px;top:0;bottom:0;width:9px;pointer-events:none;
  background:linear-gradient(90deg,rgba(7,14,32,.55),transparent)}
.qmarq-dot{width:7px;height:7px;border-radius:50%;background:#22d3ee;position:relative;
  box-shadow:0 0 10px rgba(34,211,238,.9)}
.qmarq-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;
  border:1px solid rgba(34,211,238,.6);animation:sc1pulse 2s ease-out infinite}
.qmarq-win{flex:1;overflow:hidden;display:flex;align-items:center;
  -webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.qmarq-track{display:inline-flex;align-items:center;gap:34px;padding:11px 17px;white-space:nowrap;
  will-change:transform;animation:qmarqRun var(--dur,32s) linear infinite}
.qmarq:hover .qmarq-track{animation-play-state:paused}
@keyframes qmarqRun{to{transform:translateX(-50%)}}
.qmarq-item{font:700 12.5px "Plus Jakarta Sans",sans-serif;letter-spacing:.14em;flex:none;
  background:linear-gradient(90deg,#dbeafe 0%,#7dd3fc 30%,#c7d2fe 55%,#dbeafe 80%);
  background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:qmarqShine 6s linear infinite}
@keyframes qmarqShine{to{background-position:-220% 0}}
.qmarq-sep{flex:none;color:#67e8f9;font-size:11px;text-shadow:0 0 8px rgba(34,211,238,.8);
  animation:qmarqTw 2.4s ease-in-out infinite}
.qmarq-track .qmarq-sep:nth-child(4n){animation-delay:1.2s;color:#a5b4fc;text-shadow:0 0 8px rgba(129,140,248,.8)}
@keyframes qmarqTw{0%,100%{opacity:.45;transform:scale(.85) rotate(0deg)}50%{opacity:1;transform:scale(1.15) rotate(90deg)}}
/* kilau menyapu strip */
.qmarq-win::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 42%,rgba(170,220,255,.09) 50%,transparent 58%);
  animation:qmarqSweep 7s ease-in-out infinite}
@keyframes qmarqSweep{0%,60%,100%{transform:translateX(-110%)}25%{transform:translateX(110%)}}
/* ===== Varian BERITA — neon biru (beda dari INFO) ===== */
.qmarq-news{border-color:rgba(56,189,248,.45);
  box-shadow:0 18px 44px -16px rgba(2,8,23,.85),0 0 28px -6px rgba(56,189,248,.55),inset 0 1px 0 rgba(255,255,255,.06)}
.qmarq-news::before,.qmarq-news::after{background:linear-gradient(90deg,transparent,rgba(56,189,248,.9),rgba(14,165,233,.6),transparent)}
.qmarq-news .qmarq-cap{color:#e0f2fe;background:linear-gradient(140deg,rgba(2,132,199,.55),rgba(56,189,248,.22));
  border-right-color:rgba(56,189,248,.32);text-shadow:0 0 10px rgba(56,189,248,.85)}
.qmarq-news .qmarq-dot{background:#38bdf8;box-shadow:0 0 12px rgba(56,189,248,1),0 0 22px rgba(56,189,248,.7)}
.qmarq-news .qmarq-dot::after{border-color:rgba(56,189,248,.7)}
.qmarq-news .qmarq-item{font-weight:800;background:none;color:#7dd3fc;
  -webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;
  text-decoration:none;text-shadow:0 0 8px rgba(56,189,248,.9),0 0 18px rgba(56,189,248,.55);
  animation:qmarqNeon 2.6s ease-in-out infinite;transition:color .2s,text-shadow .2s}
a.qmarq-item:hover{color:#fff;text-shadow:0 0 10px rgba(125,211,252,1),0 0 26px rgba(56,189,248,.85)}
@keyframes qmarqNeon{0%,100%{opacity:.85;text-shadow:0 0 7px rgba(56,189,248,.7),0 0 14px rgba(56,189,248,.4)}
  50%{opacity:1;text-shadow:0 0 13px rgba(56,189,248,1),0 0 28px rgba(56,189,248,.7)}}
.qmarq-news .qmarq-track{animation-direction:reverse}  /* arah berlawanan dgn INFO (ke kanan) */
.qmarq-news .qmarq-sep{color:#38bdf8;text-shadow:0 0 10px rgba(56,189,248,.95)}
.qmarq-news .qmarq-track .qmarq-sep:nth-child(4n){color:#22d3ee;text-shadow:0 0 10px rgba(34,211,238,.9)}

@media (max-width:640px){
  .qmarq{width:calc(100% - 24px);border-radius:14px}
  .qmarq-cap{padding:9px 12px;letter-spacing:.22em}
  .qmarq-item{font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){
  .qmarq-track,.qmarq-item,.qmarq-sep,.qmarq-dot::after,.qmarq-win::after{animation:none!important}
}