.mband-sec{padding:0}
.mband-sec .wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.mband{position:relative;overflow:hidden;border-radius:20px;color:#fff;padding:clamp(26px,4vw,46px);display:grid;grid-template-columns:1.4fr .85fr;gap:clamp(18px,3vw,40px);align-items:center;background:linear-gradient(118deg,#171029 0%,#231843 52%,#2c1f5e 100%);box-shadow:0 22px 54px -26px rgba(76,60,180,.7)}
.mband::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 150% at 86% 18%,rgba(108,92,255,.5),transparent 55%);pointer-events:none}
.mband-body{position:relative;z-index:1}
.mband-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#c9c0ff;margin:0}
.mband-live{width:8px;height:8px;border-radius:50%;background:#6c5cff;box-shadow:0 0 0 0 rgba(108,92,255,.75);animation:mband-pulse 2s infinite}
@keyframes mband-pulse{0%{box-shadow:0 0 0 0 rgba(108,92,255,.75)}70%{box-shadow:0 0 0 11px rgba(108,92,255,0)}100%{box-shadow:0 0 0 0 rgba(108,92,255,0)}}
.mband-title{font-size:clamp(22px,3vw,33px);line-height:1.14;font-weight:800;letter-spacing:-.022em;margin:15px 0 0}
.mband-title em{font-style:normal;color:#b7a9ff}
.mband-desc{margin:13px 0 0;max-width:48ch;font-size:15px;line-height:1.56;color:#d7d2ee}
.mband-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:24px}
.mband-cta{display:inline-flex;align-items:center;gap:10px;background:#6c5cff;color:#fff;font-weight:700;font-size:15px;padding:13px 23px;border-radius:12px;text-decoration:none;transition:transform .15s ease,background .15s ease;box-shadow:0 12px 26px -8px rgba(108,92,255,.85)}
.mband-cta:hover{background:#7d6dff;transform:translateY(-1px)}
.mband-cta:focus-visible{outline:2px solid #fff;outline-offset:3px}
.mband-cta svg{width:19px;height:19px}
.mband-price{font-size:14px;color:#b3aad9;font-weight:500;line-height:1.2}
.mband-price b{display:block;color:#fff;font-size:22px;font-weight:800;letter-spacing:-.01em}
.mband-art{position:relative;z-index:1;align-self:stretch;min-height:150px;display:flex;align-items:center;justify-content:center}
.mband-art svg{width:100%;height:auto;max-width:330px}
.mband-grid{stroke:rgba(183,169,255,.16);stroke-width:1}
.mband-signal{fill:none;stroke:#8a7bff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(138,123,255,.85));stroke-dasharray:460;stroke-dashoffset:460;animation:mband-draw 3.4s ease-in-out infinite}
@keyframes mband-draw{0%{stroke-dashoffset:460}55%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}
.mband-tick{fill:#b7a9ff;opacity:0;animation:mband-tick 3.4s ease-in-out infinite}
.mband-tick.t2{animation-delay:.25s}
.mband-tick.t3{animation-delay:.5s}
@keyframes mband-tick{0%,40%{opacity:0;transform:scale(.4)}62%{opacity:1;transform:scale(1)}100%{opacity:.55;transform:scale(1)}}
.mband-dot{fill:#fff;filter:drop-shadow(0 0 6px #8a7bff)}
@media (max-width:760px){.mband{grid-template-columns:1fr;padding:24px}.mband-art{display:none}.mband-desc{max-width:none}}
@media (prefers-reduced-motion:reduce){.mband-live,.mband-signal,.mband-tick{animation:none}.mband-signal{stroke-dashoffset:0}.mband-tick{opacity:.7}}
