/* =========================================================
   Bizmantra - Marquee band (scrolling licence names)
   assets/css/marquee.css?v=1
   - Pure CSS, two rows moving in opposite directions.
   - Pauses on hover, respects reduced-motion.
   ========================================================= */
.bmm {
    --m-bg-1: #1F3573;
    --m-bg-2: #17306B;
    --m-text: #FFFFFF;
    --m-dim: rgba(255,255,255,.55);
    --m-accent: #A8D75E;
    --m-dur: 55s;

    position: relative; overflow: hidden;
    display: grid; gap: clamp(10px, 1.6vw, 16px);
    padding-block: clamp(16px, 2.4vw, 22px);
    background: linear-gradient(100deg, var(--m-bg-1), var(--m-bg-2));
    color: var(--m-text);
    font-family: var(--bm-font, 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif);
    border-bottom: 1px solid rgba(255,255,255,.08);
}
:root[data-theme="dark"] .bmm {
    --m-bg-1: #0F1936;
    --m-bg-2: #0A1126;
}

/* soft glow behind the text */
.bmm::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background:
        radial-gradient(40% 120% at 15% 50%, rgba(90,130,232,.28), transparent 70%),
        radial-gradient(35% 120% at 90% 50%, rgba(154,205,79,.16), transparent 70%);
}

:where(.bmm) *, :where(.bmm) *::before, :where(.bmm) *::after { box-sizing: border-box; }
:where(.bmm) ul { list-style: none; margin: 0; padding: 0; }

/* each row fades out at both edges */
.bmm__row {
    position: relative; 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);
}
.bmm__track {
    display: flex; width: max-content;
    animation: bmm-left var(--m-dur) linear infinite;
    will-change: transform;
}
.bmm__row--rev .bmm__track { animation-name: bmm-right; animation-duration: calc(var(--m-dur) * 1.25); }
.bmm:hover .bmm__track { animation-play-state: paused; }

.bmm__group { display: flex; flex: none; align-items: center; }
.bmm__item { display: flex; align-items: center; flex: none; white-space: nowrap; }

/* row 1: solid, bold */
.bmm__item span {
    font-size: clamp(16px, 2.3vw, 26px); font-weight: 800; letter-spacing: -.02em; line-height: 1.2;
    padding-inline: clamp(12px, 1.6vw, 20px);
}
/* row 2: outlined / dimmer, so the two rows feel layered */
.bmm__row--rev .bmm__item span {
    color: transparent; -webkit-text-stroke: 1.2px var(--m-dim); font-weight: 700;
}
@supports not (-webkit-text-stroke: 1px #000) {
    .bmm__row--rev .bmm__item span { color: var(--m-dim); }
}

/* separator: small rotated square in brand green */
.bmm__dot {
    display: block; flex: none; width: 9px; height: 9px; border-radius: 2px;
    background: var(--m-accent); transform: rotate(45deg); opacity: .9;
}
.bmm__row--rev .bmm__dot { background: transparent; border: 1.5px solid var(--m-accent); }

@keyframes bmm-left  { from { transform: translateX(0); }    to { transform: translateX(-50%); } }
@keyframes bmm-right { from { transform: translateX(-50%); } to { transform: translateX(0); } }

@media (max-width: 599px) {
    .bmm { --m-dur: 38s; padding-block: 14px; gap: 6px; }
    .bmm__dot { width: 7px; height: 7px; }
}

/* reduced motion: no scrolling, show one centred, wrapped copy */
@media (prefers-reduced-motion: reduce) {
    .bmm__row { -webkit-mask-image: none; mask-image: none; }
    .bmm__track { animation: none; width: 100%; justify-content: center; }
    .bmm__group { flex-wrap: wrap; justify-content: center; row-gap: 6px; padding-inline: 16px; }
    .bmm__group[aria-hidden="true"] { display: none; }
}