/* /muzyka/ v2 — идеи структуры: плитки-подборки, схема, карточки преимуществ, шаги, тарифные карточки (02.11.2026) */
.mz{--mz-navy:#0B1F3B;--mz-n2:#12306a;--mz-blue:#2E86DE;--mz-mint:#A7F3D0;--mz-line:#dce3ed}
.mz .mz-in{max-width:1180px;margin:0 auto;padding:0 28px}
.mz-sec{padding:64px 0}.mz-tint{background:#f3f7fb}
.mz h2{font:700 clamp(26px,3.4vw,38px)/1.15 var(--font-display,Montserrat),Manrope,sans-serif;margin:0 0 28px;color:var(--mz-navy)}
.mz h3{font:700 18px/1.3 Manrope,sans-serif;margin:0 0 6px;color:var(--mz-navy)}
.mz-more{margin:26px 0 0}.mz-more a{font-weight:600}
.mz-note{max-width:900px;color:#526277;font-size:14px;line-height:1.55;margin:22px 0 0}
.mz-hero{background:radial-gradient(1100px 520px at 85% -10%,rgba(46,134,222,.55),transparent 60%),radial-gradient(700px 400px at 0% 100%,rgba(167,243,208,.22),transparent 60%),linear-gradient(180deg,#0B1F3B,#0a1730);color:#fff;padding:44px 0 56px;overflow:hidden}
.mz-hero .crumb,.mz-hero .crumb a{color:#b8c7dd}.mz-hero .eyebrow{color:var(--mz-mint)}
.mz-hero h1{color:#fff;font:700 clamp(34px,5vw,60px)/1.05 var(--font-display,Montserrat),Manrope,sans-serif;margin:8px 0 18px}
.mz-lead{max-width:760px;font-size:18px;line-height:1.6;color:#d7e2f1;margin:0 0 26px}
.mz-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.mz-ghost{color:#fff;border:1.5px solid rgba(255,255,255,.55);border-radius:12px;padding:13px 22px;font-weight:700;text-decoration:none}.mz-ghost:hover{background:rgba(255,255,255,.1)}
.mz-tiles{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:38px 28px 10px;margin:0 auto;max-width:1180px;scrollbar-width:none}.mz-tiles::-webkit-scrollbar{display:none}
.mz-tile{position:relative;flex:0 0 190px;height:190px;border-radius:24px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;scroll-snap-align:start;color:#fff;overflow:hidden;box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}
.mz-tile b{font-size:21px;line-height:1.1}.mz-tile small{font-size:13px;opacity:.9;margin-top:4px}
.g1{background:linear-gradient(135deg,#2E86DE,#4FD1B5)}.g2{background:linear-gradient(135deg,#4FD1B5,#A7F3D0);color:#0B1F3B}.g3{background:linear-gradient(135deg,#6aa9ee,#2E86DE)}.g4{background:linear-gradient(135deg,#163a6b,#2E86DE)}
.g5{background:linear-gradient(135deg,#0057FF,#4a2cc9)}.g6{background:linear-gradient(135deg,#0B1F3B,#3a6fc4);border:1px solid rgba(255,255,255,.25)}.g7{background:linear-gradient(135deg,#1b8a7a,#0B1F3B)}
.mz-eq{position:absolute;top:18px;right:18px;display:flex;gap:3px;align-items:flex-end;height:22px}.mz-eq i{width:4px;border-radius:2px;background:currentColor;opacity:.85;height:8px;animation:mzeq 1.1s ease-in-out infinite}.mz-eq i:nth-child(2){animation-delay:.2s}.mz-eq i:nth-child(3){animation-delay:.4s}.mz-eq i:nth-child(4){animation-delay:.1s}
@keyframes mzeq{0%,100%{height:6px}50%{height:22px}}
@media (prefers-reduced-motion:reduce){.mz-eq i{animation:none;height:14px}}
.mz-facts{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0 0;padding:0}.mz-facts li{border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:14px 16px;background:rgba(255,255,255,.05)}.mz-facts b{display:block;font-size:15px}.mz-facts small{color:#b8c7dd;font-size:13px}
.mz-dark{background:linear-gradient(180deg,#0a1730,#0B1F3B);color:#fff;padding:68px 0}.mz-dark h2{color:#fff}.mz-sub{color:#b8c7dd;max-width:720px;margin:-12px 0 24px;line-height:1.55}
.mz-hub-wrap{max-width:1000px;margin:0 auto}.mz-hub-svg{width:100%;height:auto;display:block}.mz-hub-list{display:none}
.mz-ic{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#2E86DE,#0057FF);flex:none}.mz-ic.big{width:56px;height:56px;border-radius:18px;margin-bottom:14px;box-shadow:0 14px 30px -12px rgba(0,87,255,.6)}
.mz-sup .mz-ic{background:#dff0ff}
.mz-adv{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.mz-card{border:1px solid var(--mz-line);border-radius:22px;padding:22px 18px;background:#fff;box-shadow:0 18px 40px -26px rgba(11,31,59,.35)}.mz-card p{margin:0;color:#526277;font-size:14.5px;line-height:1.55}
.a2 .mz-ic{background:linear-gradient(135deg,#4FD1B5,#2E86DE)}.a3 .mz-ic{background:linear-gradient(135deg,#6aa9ee,#4a2cc9)}.a4 .mz-ic{background:linear-gradient(135deg,#0B1F3B,#2E86DE)}.a5 .mz-ic{background:linear-gradient(135deg,#1b8a7a,#4FD1B5)}
.mz-how{display:grid;grid-template-columns:1fr 1.05fr;gap:36px;align-items:center}
.mz-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}.mz-steps li{display:flex;gap:14px;align-items:flex-start}.mz-n{flex:none;width:34px;height:34px;border-radius:50%;background:var(--mz-navy);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px}.mz-steps b{display:block;font-size:16px;color:var(--mz-navy)}.mz-steps small{color:#526277;font-size:14px;line-height:1.5}
.mz-shot{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--mz-line);box-shadow:0 30px 60px -28px rgba(11,31,59,.45);background:#fff}.mz-bar{display:flex;gap:6px;align-items:center;padding:10px 14px;background:#eef3fa}.mz-bar i{width:10px;height:10px;border-radius:50%;background:#c3cfdf}.mz-bar span{margin-left:10px;font-size:12px;color:#526277}
.mz-shot picture,.mz-shot img{display:block;width:100%;height:auto}.mz-shot-photo{border-radius:26px}.mz-shot figcaption{padding:10px 14px;font-size:12.5px;color:#526277}
.mz-law{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mz-law article{background:#fff;border:1px solid var(--mz-line);border-radius:20px;padding:20px}.mz-num{display:inline-block;font:700 22px/1 Montserrat,Manrope,sans-serif;color:var(--mz-blue);margin-bottom:12px;letter-spacing:.02em}.mz-law p{margin:0;font-size:14.5px;line-height:1.55;color:#526277}
.mz-tablewrap{overflow-x:auto}.mz-table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px}.mz-table th,.mz-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--mz-line)}
.mz-table thead th{background:#f3f7fb;color:var(--mz-navy);font-size:13px;text-transform:uppercase;letter-spacing:.04em}.mz-table tbody th{font-weight:700;color:var(--mz-navy)}
.mz-table tr.good{background:linear-gradient(90deg,rgba(167,243,208,.35),rgba(167,243,208,.08))}.mz-table tr.bad td b{color:#b4232c}.mz-table tr.good td b{color:#0a7a55}
.mz-price{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mz-pc{border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:24px 20px;background:rgba(255,255,255,.05)}.mz-pc h3{color:#fff;font-size:19px}
.mz-pr{margin:6px 0 4px}.mz-pr b{font:700 26px/1.1 Montserrat,Manrope,sans-serif;color:var(--mz-mint)}.mz-pd{color:#b8c7dd;font-size:14px;margin:0 0 14px}
.mz-pc ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.mz-pc li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.45;color:#e7eefa}.mz-pc li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:var(--mz-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.mz-compare{margin:26px 0 0;padding:16px 20px;border-radius:16px;background:rgba(167,243,208,.14);border:1px solid rgba(167,243,208,.45);color:#fff;font-size:15.5px;line-height:1.55}
.mz-dark .mz-more .button{background:#fff;color:var(--mz-navy)}
.mz-who{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mz-w{display:block;text-decoration:none;color:inherit;border-radius:22px;overflow:hidden;border:1px solid var(--mz-line);background:#fff;transition:transform .2s,box-shadow .2s}.mz-w:hover{transform:translateY(-3px);box-shadow:0 22px 40px -24px rgba(11,31,59,.45)}
.mz-wp{display:block;aspect-ratio:3/2;overflow:hidden}.mz-wp picture,.mz-wp img{display:block;width:100%;height:100%;object-fit:cover}.mz-w b{display:block;padding:14px 18px 0;color:var(--mz-navy);font-size:17px}.mz-w small{display:block;padding:2px 18px 16px;color:#526277;font-size:13.5px}
.mz-sup{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mz-sup article{background:#fff;border-radius:20px;padding:22px;border:1px solid var(--mz-line)}.mz-sup .mz-ic{margin-bottom:12px}.mz-sup p{margin:0;color:#526277;font-size:14.5px;line-height:1.55}
.mz .questions{padding:56px 28px}
@media (max-width:1100px){.mz-adv{grid-template-columns:repeat(3,1fr)}.mz-price{grid-template-columns:repeat(2,1fr)}.mz-law{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.mz-how{grid-template-columns:1fr}.mz-facts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
 .mz .mz-in{padding:0 20px}.mz-sec{padding:44px 0}.mz-dark{padding:48px 0}.mz-tiles{padding:30px 20px 8px}.mz-tile{flex-basis:160px;height:160px}
 .mz-hub-svg{display:none}.mz-hub-list{display:grid;gap:12px;list-style:none;margin:0;padding:0}.mz-hub-list li{display:flex;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:12px 14px;background:rgba(255,255,255,.05)}.mz-hub-list b{display:block}.mz-hub-list small{color:#b8c7dd}
 .mz-adv,.mz-law,.mz-price,.mz-who,.mz-sup{grid-template-columns:1fr}
 .mz-table thead{display:none}.mz-table,.mz-table tbody,.mz-table tr,.mz-table th,.mz-table td{display:block}.mz-table tr{border:1px solid var(--mz-line);border-radius:16px;margin-bottom:12px;padding:6px 0;overflow:hidden}.mz-table th,.mz-table td{border:0;padding:8px 16px}.mz-table td::before{content:attr(data-l);display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:#7a8aa0;margin-bottom:2px}
}

.mz-art-head{background:linear-gradient(180deg,#0B1F3B,#12306a);color:#fff;padding:44px 0 40px}.mz-art-head .crumb,.mz-art-head .crumb a{color:#b8c7dd}.mz-art-head .eyebrow{color:#A7F3D0}
.mz-art-head h1{color:#fff;font:700 clamp(28px,4vw,46px)/1.12 Montserrat,Manrope,sans-serif;margin:8px 0 16px;max-width:900px}.mz-lead.dk{color:#d7e2f1;max-width:820px;margin:0}
.mz-body{max-width:860px;padding:40px 28px 70px}.mz-body h2{margin:38px 0 12px;font-size:clamp(22px,2.6vw,28px)}.mz-body p{font-size:17px;line-height:1.7;color:#243447}.mz-body .mz-tablewrap{margin:12px 0}
.mz-check{padding-left:22px}.mz-check li{margin:8px 0;line-height:1.6;color:#243447}.mz-body details{border-bottom:1px solid var(--mz-line);padding:12px 0}.mz-body summary{font-weight:700;cursor:pointer}.mz-body details p{font-size:16px;margin:8px 0 0}

/* юридическая безопасность: каталог и «Коротко» (02.11.2026) */
.mz-short{margin:0 0 24px;padding:18px 22px;border-radius:20px;background:#eef6ff;border:1px solid #cfe2f7}.mz-short b{display:block;margin-bottom:6px;font-size:15px;color:var(--mz-navy)}.mz-short ul{margin:0;padding-left:20px}.mz-short li{margin:4px 0;line-height:1.55;color:#243447}
.mz-body.wide{max-width:1180px}.lg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 12px}
.lg-card{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--mz-line);border-radius:22px;background:#fff;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.lg-card:hover{transform:translateY(-3px);box-shadow:0 22px 40px -26px rgba(11,31,59,.45)}
.lg-tag{align-self:flex-start;padding:3px 11px;border-radius:999px;background:#e8f0fd;color:#0057FF;font:700 12px Manrope,sans-serif}.lg-card b{font:700 17px/1.3 Manrope,sans-serif;color:var(--mz-navy)}.lg-card small{font-size:14px;line-height:1.5;color:#526277}
@media(max-width:1000px){.lg-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.lg-grid{grid-template-columns:1fr}}