body{margin:0;background:#F6F4FD;overflow-x:clip}
.mvg{--v:#6C5CE0;--vd:#5B3F9A;--ink:#221E3B;--mut:#5E587A;--line:#E6E0F7;--gold:#F5C542;font-family:Manrope,sans-serif;color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;background:#F6F4FD;padding:0 14px;box-sizing:border-box}
.mvg.p1{padding-top:14px}
.mvg *,.mvg *::before,.mvg *::after{box-sizing:border-box}
.mvg h1,.mvg h2,.mvg h3,.mvg p,.mvg ul,.mvg ol,.mvg dl,.mvg dd,.mvg address,.mvg figure,.mvg blockquote{margin:0;padding:0}
.mvg ul,.mvg ol{list-style:none}
.mvg a{color:inherit}
.mvg img{display:block;max-width:100%;height:auto}
.mvg .w{max-width:1280px;margin:0 auto}
/* обложка с шапкой */
.mvg .cover{position:relative;overflow:hidden;border-radius:30px 30px 0 0;color:#FFF8EA;background:linear-gradient(90deg,rgba(28,14,78,.8) 0%,rgba(28,14,78,.62) 50%,rgba(28,14,78,.4) 100%),url(https://storage.yandexcloud.net/motiviki-site/assets/web/fon/komnata.webp) center 30%/cover no-repeat #2B1A5E;box-shadow:0 30px 50px -26px rgba(43,25,120,.55)}
/* 04.11 скорость (ТЗ 2.3): на телефоне фон обложки — komnata-mob.webp 800x599, около 30 КБ вместо 77 */
@media (max-width:900px){.mvg .cover{background-image:linear-gradient(90deg,rgba(28,14,78,.8) 0%,rgba(28,14,78,.62) 50%,rgba(28,14,78,.4) 100%),url(https://storage.yandexcloud.net/motiviki-site/assets/web/fon/komnata-mob.webp)}}
.mvg header{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;padding:12px 28px;position:relative;z-index:2;background:rgba(24,12,66,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.14)}
.mvg .logo img{height:51px;width:58px;filter:drop-shadow(0 2px 6px rgba(30,15,100,.35))}
.mvg header nav{flex:1 1 0;min-width:0;display:flex;justify-content:space-around;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);border-radius:100px;padding:4px}
.mvg header nav a{font-weight:700;font-size:13px;color:#fff;text-decoration:none;padding:6px clamp(6px,.9vw,11px);white-space:nowrap;border-radius:100px;transition:background .2s}
.mvg header nav a:hover{background:rgba(255,255,255,.22)}
.mvg .contacts{display:flex;align-items:center;gap:8px}
.mvg .tel{display:flex;flex-direction:column;line-height:1.15;color:#fff;text-decoration:none;padding:4px 8px}
.mvg .tel b{font-size:16px;font-weight:800;white-space:nowrap}
.mvg .tel span{font-size:11.5px;font-weight:600;color:#E9E4FF}
.mvg .tel:hover{color:#FFE3A3}
.mvg .soc{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 16px -10px rgba(20,10,60,.6);transition:transform .2s}
.mvg .soc:hover{transform:translateY(-2px)}
.mvg .soc.tg{background:#229ED9}
.mvg .soc.mx{background:linear-gradient(135deg,#00BFFF 0%,#471AFF 55%,#9500FF 100%)}
.mvg .soc.vk{background:#0077FF}
.mvg .hero{position:relative;z-index:1;padding:clamp(28px,4vw,56px) clamp(20px,5vw,64px) clamp(30px,4vw,52px)}
.mvg .crumbs ol{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;font-weight:600;color:#E9E4FF}
.mvg .crumbs li+li::before{content:"›";margin-right:6px;opacity:.7}
.mvg .crumbs a{color:#FFE3A3;text-decoration:none}
.mvg .crumbs a:hover{text-decoration:underline}
.mvg h1{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:clamp(34px,5vw,58px);line-height:1.04;margin-top:14px;color:#fff;text-shadow:0 4px 18px rgba(20,8,60,.35);max-width:900px}
.mvg h1 span{color:var(--gold)}
.mvg .lead{font-size:clamp(16px,1.6vw,19px);font-weight:600;margin-top:14px;color:#F3EEFF;max-width:720px}
/* выбор героя в обложке */
.mvg .pick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px;max-width:980px}
.mvg .pick a{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);text-decoration:none;color:#fff;transition:background .2s,transform .2s}
.mvg .pick a:hover{background:rgba(255,255,255,.24);transform:translateY(-2px)}
.mvg .pick img{width:58px;height:58px;border-radius:50%;flex-shrink:0;border:3px solid var(--c)}
.mvg .pick b{display:block;font-family:"Baloo 2",sans-serif;font-size:21px;line-height:1.05}
.mvg .pick span{display:block;font-size:13px;font-weight:600;color:#E9E4FF;line-height:1.3}
/* основная часть */
.mvg .body{background:#F1EDFB;padding:clamp(24px,3.4vw,44px) clamp(16px,4vw,48px) 0;display:grid;gap:clamp(22px,2.6vw,32px)}
.mvg.p1 .body{background:linear-gradient(180deg,#ECE7FA 0%,#F1EDFB 260px)}
.mvg.p2 .body{border-radius:0 0 30px 30px;padding-top:clamp(22px,2.6vw,32px);padding-bottom:clamp(32px,4vw,56px)}
.mvg section{scroll-margin-top:16px}
.mvg .card{background:#fff;border-radius:28px;padding:clamp(20px,2.8vw,38px);box-shadow:0 18px 40px -28px rgba(60,40,140,.45);border:1px solid var(--line)}
.mvg h2{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:clamp(28px,3.2vw,40px);line-height:1.08;color:var(--vd)}
.mvg .sub{color:var(--mut);font-size:16px;margin-top:8px;max-width:820px}
.mvg h3{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:22px;line-height:1.15;color:var(--ink)}
.mvg p+p{margin-top:10px}
/* механика */
.mvg .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;counter-reset:st}
.mvg .steps li{position:relative;background:#F6F3FF;border-radius:20px;padding:56px 18px 18px;font-size:15px;counter-increment:st}
.mvg .steps li::before{content:counter(st);position:absolute;left:18px;top:16px;width:30px;height:30px;border-radius:50%;background:var(--v);color:#fff;font-family:"Baloo 2",sans-serif;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center}
.mvg .steps b{display:block;font-size:16px;margin-bottom:4px}
.mvg .four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.mvg .four li{border-radius:18px;padding:14px 16px;background:var(--s);border:1px solid var(--c);font-size:14.5px}
.mvg .four b{display:block;font-family:"Baloo 2",sans-serif;font-size:20px;color:var(--k);line-height:1.1;margin-bottom:2px}
.mvg .types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.mvg .types>div{border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:#FCFBFF;font-size:15px}
.mvg .types b{font-size:16px}
/* раздел героя */
.mvg .hs{--c:#F5A623;--k:#C2620F;--s:#FFF1DE;background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 22px 46px -30px rgba(60,40,140,.5);border:1px solid var(--line)}
.mvg .hs.volt{--c:#F5A623;--k:#B4561A;--s:#FFF1DE}
.mvg .hs.kodi{--c:#4FB3E8;--k:#1F6FA8;--s:#E3F3FC}
.mvg .hs.tvist{--c:#58B85C;--k:#2E7D32;--s:#E4F4E1}
.mvg .hs.komfi{--c:#EF87AC;--k:#A8345F;--s:#FCE6EE}
.mvg .hs-top{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:center;padding:clamp(22px,3vw,40px) clamp(20px,3.4vw,48px);background:radial-gradient(120% 90% at 0% 100%,var(--s) 0%,#fff 70%)}
.mvg .por{position:relative;align-self:end;display:flex;justify-content:center}
.mvg .por::before{content:"";position:absolute;left:8%;right:8%;bottom:0;height:72%;border-radius:50% 50% 24px 24px;background:var(--s);border:2px solid var(--c);opacity:.9}
.mvg .por img{position:relative;max-height:400px;width:auto;filter:drop-shadow(0 14px 18px rgba(30,20,40,.25))}
.mvg .kick{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--k);background:var(--s);border-radius:100px;padding:6px 12px}
.mvg .kick i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.mvg .hs h2{margin-top:12px;color:var(--ink)}
.mvg .hs h2 span{color:var(--k)}
.mvg .motto{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:clamp(19px,1.8vw,23px);color:var(--k);margin-top:6px;line-height:1.25}
.mvg .hs-top .txt{font-size:16px;margin-top:12px}
.mvg .ticks{display:grid;gap:8px;margin-top:12px}
.mvg .ticks li{position:relative;padding-left:30px;font-size:15.5px}
.mvg .ticks li::before{content:"✓";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--c);color:#fff;font-weight:800;font-size:12px;line-height:20px;text-align:center}
.mvg .hs-top h3{margin-top:18px;font-size:19px}
.mvg .hs-in{padding:clamp(20px,3vw,40px) clamp(20px,3.4vw,48px) clamp(22px,3vw,40px);display:grid;gap:clamp(22px,2.6vw,32px);border-top:1px solid var(--line)}
.mvg .hs-in>div>p.sub{margin-top:4px;font-size:15px}
.mvg .habits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.mvg .habits li{display:flex;gap:14px;align-items:center;background:var(--s);border-radius:20px;padding:12px 14px 12px 12px}
.mvg .habits figure{width:84px;height:84px;flex-shrink:0;border-radius:50%;background:#fff;border:3px solid var(--c);display:flex;align-items:center;justify-content:center;overflow:hidden}
.mvg .habits figure img{width:76%;height:76%;object-fit:contain}
.mvg .habits b{display:block;font-size:15.5px;line-height:1.25}
.mvg .habits span{display:block;font-size:13.5px;color:var(--mut);margin-top:3px;line-height:1.4}
.mvg .habits em{display:inline-block;font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--k);background:#fff;border-radius:100px;padding:2px 8px;margin-top:6px}
.mvg .trio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.mvg .box{border-radius:22px;padding:20px;background:#FCFBFF;border:1px solid var(--line);font-size:15px}
.mvg .box h3{font-size:20px;margin-bottom:10px}
.mvg .art{display:grid;grid-template-columns:1fr;gap:12px;align-content:start}
.mvg .art .imgs{display:flex;gap:14px;align-items:center}
.mvg .art .imgs img:first-child{width:110px;height:110px;filter:drop-shadow(0 8px 14px rgba(40,20,90,.25))}
.mvg .art .imgs img+img{width:54px}
.mvg .plus{display:inline-block;margin-top:10px;font-weight:800;font-size:14px;color:#fff;background:var(--vd);border-radius:100px;padding:5px 12px}
.mvg .does{background:var(--s);border-color:transparent}
.mvg .does blockquote{font-family:"Baloo 2",sans-serif;font-weight:600;font-size:19px;line-height:1.3;color:var(--k);margin-top:12px;padding-left:14px;border-left:4px solid var(--c)}
.mvg .vid{padding:10px;display:flex;flex-direction:column;background:var(--s);border-color:transparent}
.mvg .vid video{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;background:#fff;display:block}
.mvg .tip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;border-radius:22px;border:2px dashed var(--c);padding:20px;background:#fff}
.mvg .tip h3{font-size:20px}
.mvg .tip ul{display:grid;gap:8px;margin-top:10px}
.mvg .tip li{position:relative;padding-left:20px;font-size:15px}
.mvg .tip li::before{content:"";position:absolute;left:2px;top:9px;width:8px;height:8px;border-radius:50%;background:var(--c)}
.mvg .says{border-radius:18px;background:var(--s);padding:16px 18px;align-self:start}
.mvg .says b{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--k)}
.mvg .says p{font-family:"Baloo 2",sans-serif;font-weight:600;font-size:19px;line-height:1.3;margin-top:6px}
.mvg .extra{display:grid;grid-template-columns:1fr;gap:16px}
.mvg .emo{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;margin-top:16px}
.mvg .emo li{background:#fff;border-radius:18px;padding:8px;display:flex;align-items:center;justify-content:center}
.mvg .emo img{width:100%;height:auto;max-height:130px;object-fit:contain}
.mvg .num{display:grid;gap:10px;margin-top:12px;counter-reset:n}
.mvg .num li{position:relative;padding-left:36px;font-size:15px;counter-increment:n}
.mvg .num li::before{content:counter(n);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--c);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
/* вместе */
.mvg .tog{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center;margin-top:20px}
.mvg .ring{position:relative;width:min(100%,420px);aspect-ratio:1;margin:0 auto}
.mvg .ring>img{position:absolute;width:24%;height:24%;filter:drop-shadow(0 8px 12px rgba(40,20,90,.3))}
.mvg .ring>img.c{width:44%;height:44%;left:28%;top:28%}
.mvg .ring>img:nth-child(2){left:38%;top:0}
.mvg .ring>img:nth-child(3){right:0;top:38%}
.mvg .ring>img:nth-child(4){left:38%;bottom:0}
.mvg .ring>img:nth-child(5){left:0;top:38%}
.mvg .ring::before{content:"";position:absolute;inset:11%;border-radius:50%;border:3px dashed #CFC4F4}
.mvg .chain{display:grid;gap:10px;margin-top:14px}
.mvg .chain li{display:flex;gap:12px;align-items:center;background:#F6F3FF;border-radius:16px;padding:12px 14px;font-size:15px}
.mvg .chain li b{flex-shrink:0;min-width:74px;text-align:center;font-family:"Baloo 2",sans-serif;font-size:18px;color:#fff;background:var(--v);border-radius:100px;padding:2px 10px}
.mvg .dream{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,3vw,40px);align-items:center;margin-top:26px;padding-top:26px;border-top:1px solid var(--line)}
.mvg .dream img{border-radius:22px;width:100%}
.mvg .dream h3{font-size:24px}
/* приглашения */
.mvg .cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,2.4vw,28px)}
.mvg .cta>section{border-radius:28px;overflow:hidden;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);box-shadow:0 18px 40px -28px rgba(60,40,140,.5)}
.mvg .cta .t{background:linear-gradient(135deg,#5B3F9A 0%,#7A5BD0 100%);color:#fff}
.mvg .cta .t h2{color:#fff}
.mvg .cta .n{background:#fff;border:1px solid var(--line)}
.mvg .cta img{width:100%;height:100%;object-fit:cover;min-height:260px}
.mvg .cta .cb{padding:clamp(20px,2.6vw,32px);display:flex;flex-direction:column;gap:12px;justify-content:center}
.mvg .cta .cb p{font-size:15.5px}
.mvg .cta .t .cb p{color:#EEE8FF}
.mvg .btn{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#FFBE4A 0%,#F5A623 100%);color:#2B2350;font-family:"Baloo 2",Manrope,sans-serif;font-weight:800;font-size:18px;text-decoration:none;padding:11px 12px 11px 24px;border-radius:100px;box-shadow:0 14px 26px -14px rgba(226,137,26,.8);transition:transform .2s}
.mvg .btn span{width:30px;height:30px;border-radius:50%;background:#2B2350;color:#FFD27A;display:flex;align-items:center;justify-content:center;font-family:Manrope,sans-serif;font-size:16px}
.mvg .btn:hover{transform:translateY(-2px)}
/* вопросы */
.mvg details{border-bottom:1px solid var(--line)}
.mvg details:last-child{border-bottom:0}
.mvg summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 2px;font-weight:700;font-size:16.5px}
.mvg summary::-webkit-details-marker{display:none}
.mvg summary::after{content:"+";flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#EFEAFF;color:var(--v);font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;transition:transform .2s}
.mvg details[open] summary::after{transform:rotate(45deg)}
.mvg details>div{padding:0 2px 16px;color:var(--mut);font-size:15.5px;max-width:860px}
.mvg .faq{margin-top:8px}
/* подвал как на главной */
.mvg footer{margin-top:14px;background:#2A2A2A;color:#E6E6E6;padding:clamp(18px,2.2vw,24px) 0 10px;font-size:12px;line-height:1.55;letter-spacing:.01em}
.mvg footer .fw{max-width:1120px;margin:0 auto;padding:0 24px}
.mvg footer .fg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px 48px}
.mvg footer address{font-style:normal}
.mvg footer h2{font-family:Manrope,sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.03em;color:#fff;line-height:1.35;margin-bottom:6px}
.mvg footer p+p{margin-top:0}
.mvg footer a{color:#E6E6E6;text-decoration:none}
.mvg footer a:hover{color:#fff}
.mvg footer .fb{position:relative;display:flex;align-items:center;justify-content:center;margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);min-height:36px}
.mvg footer .fb p{text-align:center;font-size:11px;color:#A8A8A8;padding:0 48px}
.mvg footer .up{position:absolute;right:0;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center}
@media (max-width:900px){.mvg .trio{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mvg .trio .vid{grid-column:1/-1}.mvg .trio .vid video{width:min(100%,420px);margin:0 auto}.mvg .habits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.mvg .emo{grid-template-columns:repeat(5,minmax(0,1fr))}.mvg .steps,.mvg .four{grid-template-columns:repeat(2,minmax(0,1fr))}.mvg .tel span{display:none}.mvg .pick{grid-template-columns:repeat(2,minmax(0,1fr))}.mvg .cta{grid-template-columns:1fr}}
@media (max-width:900px){.mvg header{flex-wrap:wrap}.mvg header nav{order:3;flex:1 1 100%;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.mvg header nav::-webkit-scrollbar{display:none}.mvg .hs-top{grid-template-columns:minmax(0,240px) minmax(0,1fr)}.mvg .tip,.mvg .extra,.mvg .tog,.mvg .dream{grid-template-columns:1fr}}
@media (max-width:900px){
.mvg,.mvg.p1{padding:0}
.mvg .cover{border-radius:0}
.mvg header{padding:10px 14px}
.mvg .logo img{height:44px;width:50px}
.mvg .tel b{font-size:15px}
.mvg .soc{width:36px;height:36px}
.mvg .hero{padding:24px 18px 26px}
.mvg .pick{gap:8px;margin-top:20px}
.mvg .pick a{flex-direction:column;text-align:center;gap:6px;padding:12px 8px}
.mvg .pick b{font-size:19px}
.mvg .pick span{font-size:12px}
.mvg .body{padding:18px 12px 0;gap:16px}
.mvg.p2 .body{border-radius:0;padding:16px 12px 28px}
.mvg .card{border-radius:22px;padding:20px 16px}
.mvg .steps,.mvg .four,.mvg .types,.mvg .habits,.mvg .trio,.mvg .art{grid-template-columns:1fr}
.mvg .steps li{padding:16px 16px 16px 60px}
.mvg .steps li::before{left:16px;top:16px}
.mvg .hs{border-radius:24px}
.mvg .hs-top{grid-template-columns:1fr;padding:20px 16px 0;gap:10px}
.mvg .por{order:2}
.mvg .por img{max-height:300px}
.mvg .hs-in{padding:20px 16px 22px;gap:18px}
.mvg .habits figure{width:68px;height:68px}
.mvg .art .imgs img:first-child{width:96px;height:96px}
.mvg .trio .vid{flex-direction:column}
.mvg .trio .vid video{width:100%;max-width:none}
.mvg .tip{padding:16px}
.mvg .emo{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mvg .cta>section{grid-template-columns:1fr}
.mvg .cta img{min-height:0;height:220px}
.mvg .btn{align-self:stretch;justify-content:space-between}
.mvg footer{margin-top:0}
}
@keyframes mvTag{0%,100%{background-color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,0)}50%{background-color:var(--hsoft,#fff);box-shadow:inset 0 0 0 2.5px var(--hcs)}}
li[data-hcard] p[data-hdir]{animation:mvTag 2.4s ease-in-out infinite!important;width:236px;max-width:94%;box-sizing:border-box}
li[data-hcard] p[data-hdir]>span:last-child{flex:1;text-align:center}
li[data-hcard]:nth-child(odd) p[data-hdir],li[data-hcard]:nth-child(odd){animation-delay:-1.2s!important}
li[data-hcard]:hover p[data-hdir]{animation:none!important;background-color:var(--hsoft,#fff);box-shadow:inset 0 0 0 3px var(--hcs)}
li[data-hcard]{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}
@media (prefers-reduced-motion:reduce){li[data-hcard],li[data-hcard] p[data-hdir]{animation:none!important}}
@media (max-width:900px){
li[data-hcard]{min-height:0!important;padding:48px 8px 0!important;overflow:hidden}
li[data-hcard] h3[data-hname]{top:12px!important;font-size:22px!important;display:flex;align-items:center;justify-content:center;gap:4px}
li[data-hcard] img[data-hart]{display:block!important;width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(40,20,120,0.4))}
li[data-hcard] [data-m~="m17"]{height:180px!important;width:auto!important;max-width:100%!important;object-fit:contain;flex:0 0 auto;margin:auto auto 8px!important}
li[data-hcard]{height:340px!important;min-height:340px!important}
li[data-hcard]{display:flex!important;flex-direction:column;justify-content:flex-end}
li[data-hcard] p[data-hdir]{width:auto!important;max-width:none!important;align-self:stretch;margin:0 -8px!important;border-radius:0 0 25px 25px!important;padding:6px!important;justify-content:center;align-items:center;height:56px;box-sizing:border-box}
li[data-hcard] p[data-hdir]>span:first-child{display:none!important}
li[data-hcard] p[data-hdir]>span:last-child{font-size:14px!important;text-align:center!important}
}
[data-block="03-heroes"] ul[data-m~="m16"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media (max-width:900px){[data-block="03-heroes"] ul[data-m~="m16"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (min-width:901px){
[data-block="03-heroes"]>[data-m~="m2"]{background:#2B1A4E url('https://storage.yandexcloud.net/motiviki-site/assets/web/fon/doska-pustaya.webp') center/cover no-repeat!important;padding:0!important;aspect-ratio:16/9;container-type:inline-size;border-radius:0!important;overflow:visible!important}
[data-block="03-heroes"] div[data-m~="m5"]{display:contents!important}
[data-block="03-heroes"] [data-m~="m5"]>h2{position:absolute;left:50.9%;top:15.2%;margin:0;max-width:none!important;transform:translate(-50%,-50%) rotate(-2deg);white-space:nowrap;text-align:center;font-size:2.95cqw!important;line-height:1.05!important;color:#24208A!important;text-shadow:none!important}
[data-block="03-heroes"] [data-m~="m5"]>h2{transform:translate(-50%,-50%)!important;line-height:1.08!important}
[data-block="03-heroes"] [data-m~="m5"]>h2,[data-block="03-heroes"] li[data-hcard] h3[data-hname]{clip-path:inset(50%);opacity:0;pointer-events:none}
[data-block="03-heroes"] img[data-board-img]{display:block!important}
[data-block="03-heroes"] svg[data-art-arrow]{display:block!important;filter:drop-shadow(0 2px 5px rgba(30,15,90,0.6));animation:artArrow 1.3s ease-in-out infinite}
[data-block="03-heroes"] h2>[data-arc]{display:block}
[data-block="03-heroes"] h2>[data-arc]>span{display:inline-block;white-space:pre;transform-origin:50% 100%;transform:translateY(calc((1 - var(--u) * var(--u)) * -0.26em)) rotate(calc(var(--u) * 4deg))}
[data-block="03-heroes"] h2>[data-arc="2"]>span{transform:translateY(calc((1 - var(--u) * var(--u)) * -0.2em)) rotate(calc(var(--u) * 3.5deg))}
[data-block="03-heroes"] h2>[data-arc="1"]{transform:rotate(-2.8deg);transform-origin:50% 100%;margin-left:-0.6em}
[data-block="03-heroes"] h2>[data-arc="2"]{transform:rotate(-1.5deg);transform-origin:50% 0;margin-top:0.04em}
[data-block="03-heroes"] [data-m~="m5"]>p{position:absolute;left:52%;top:26.2%;width:32%;max-width:none!important;margin:0;transform:translate(-50%,-50%) rotate(-1.5deg);text-align:center;font-size:1.02cqw!important;line-height:1.35;font-weight:600!important;color:#2B2350!important}
[data-block="03-heroes"] ul[data-m~="m16"]{position:absolute;left:19.02%;top:32.44%;width:71.04%;grid-template-columns:minmax(0,395fr) minmax(0,425fr) minmax(0,440fr) minmax(0,490fr)!important;gap:1cqw!important;margin:0}
[data-block="03-heroes"] li[data-hcard]{min-height:22.9cqw!important;height:22.9cqw;padding:0!important;background:transparent!important;border:0!important}
[data-block="03-heroes"] li[data-hcard]>span[aria-hidden]{display:none}
[data-block="03-heroes"] li[data-hcard] h3[data-hname]{top:var(--nt)!important;left:50%!important;right:auto!important;transform:translateX(-50%) rotate(var(--nr));font-size:2.3cqw!important;color:var(--nc)!important;text-shadow:none!important;white-space:nowrap}
[data-block="03-heroes"] li[data-hcard] img[data-m~="m17"]{position:absolute!important;left:0;right:0;margin:auto!important;bottom:var(--hb);height:13.3cqw!important;-webkit-mask-image:none!important;mask-image:none!important;filter:drop-shadow(0 6px 8px rgba(30,20,40,0.35))!important}
[data-block="03-heroes"] p[data-hdir]{position:absolute!important;inset:0;background:transparent!important;padding:0!important;border-radius:0!important;pointer-events:none;animation:none!important;box-shadow:none!important}
[data-block="03-heroes"] p[data-hdir]>span:first-child{position:absolute;left:var(--cl);top:var(--ct);width:4.5cqw!important;height:4.5cqw!important;transform:translate(-50%,-50%);background:#fff!important;padding:0.3cqw;box-sizing:border-box}
[data-block="03-heroes"] p[data-hdir]>span:first-child>img{width:100%!important;height:100%!important;border-radius:50%;object-fit:cover!important}
[data-block="03-heroes"] p[data-hdir]>span:last-child{position:absolute;left:var(--tl);top:var(--tt);transform:translate(-50%,-50%);width:var(--tw);text-align:center!important;font-size:0.95cqw!important;font-weight:700!important;line-height:1.2!important}
[data-block="03-heroes"] li[aria-label^="Вольт"]{--nt:2.5cqw;--nr:-2.5deg;--nc:#B4561A;--hb:4.35cqw;--ct:20cqw;--tt:19.9cqw;--cl:3.1cqw;--tl:9.85cqw;--tw:9cqw}
[data-block="03-heroes"] li[aria-label^="Коди"]{--nt:2.3cqw;--nr:-5deg;--nc:#2350B8;--hb:4.66cqw;--ct:19.4cqw;--tt:19.5cqw;--cl:3.1cqw;--tl:10.25cqw;--tw:9.6cqw}
[data-block="03-heroes"] li[aria-label^="Твист"]{--nt:1.65cqw;--nr:-3deg;--nc:#3B7420;--hb:4.85cqw;--ct:19.2cqw;--tt:19.6cqw;--cl:3.1cqw;--tl:10.6cqw;--tw:10cqw}
[data-block="03-heroes"] li[aria-label^="Комфи"]{--nt:1.7cqw;--nr:-2.5deg;--nc:#8A1F55;--hb:4.66cqw;--ct:19.8cqw;--tt:20.2cqw;--cl:3.5cqw;--tl:11.7cqw;--tw:10.4cqw}
[data-block="03-heroes"] li[data-hcard]:is(:hover,:focus-visible) p[data-hdir]>span:first-child{animation:none!important;box-shadow:0 0 0 0.3cqw #fff,0 0 1.4cqw 0.6cqw var(--hcs),0 0 3cqw 1cqw var(--hcs)!important;filter:brightness(1.15) saturate(1.3)}
[data-block="03-heroes"] p[data-note1]{position:absolute;left:53.85%;top:76.9%;width:37%;max-width:none!important;margin:0!important;transform:translate(-50%,-50%) rotate(-0.5deg);background:transparent!important;padding:0!important;font-size:0.98cqw!important;font-weight:600!important;line-height:1.4}
}
@media (max-width:900px){
[data-block="03-heroes"]{padding:14px 0 0!important;overflow-x:clip}
[data-block="03-heroes"]>[data-m~="m2"]{background:#2B1A4E url('https://storage.yandexcloud.net/motiviki-site/assets/web/fon/doska-mob.webp') center/cover no-repeat!important;padding:0!important;aspect-ratio:1449/2576;container-type:inline-size;border-radius:0!important;overflow:visible!important;width:108.1%;max-width:none!important;margin:0 0 0 -4.48%!important}
[data-block="03-heroes"] div[data-m~="m5"]{display:contents!important}
[data-block="03-heroes"] [data-m~="m5"]>h2,[data-block="03-heroes"] li[data-hcard] h3[data-hname]{position:absolute!important;clip-path:inset(50%);opacity:0;pointer-events:none}
[data-block="03-heroes"] [data-m~="m2"] div[data-m~="m5"]>p{position:absolute;left:54.87%;top:19.02%;width:58%;max-width:none!important;margin:0;transform:translate(-50%,-50%);text-align:center;font-size:3.4cqw!important;line-height:1.28;font-weight:700!important;color:#1E1A5A!important}
[data-block="03-heroes"] ul[data-m~="m16"]{position:absolute;left:17.81%;top:24.07%;width:67.08%;grid-template-columns:1fr 1fr!important;gap:0.83cqw 1.24cqw!important;margin:0}
[data-block="03-heroes"] li[data-hcard]{min-height:42.8cqw!important;height:42.8cqw!important;padding:0!important;background:transparent!important;border:0!important;overflow:visible!important}
[data-block="03-heroes"] li[data-hcard] p[data-hdir]{margin:0!important;width:auto!important;animation:none!important;box-shadow:none!important}
[data-block="03-heroes"] li[data-hcard] p[data-hdir]>span:first-child{display:block!important}
[data-block="03-heroes"] li[data-hcard]>span[aria-hidden]{display:none}
[data-block="03-heroes"] li[data-hcard] img[data-m~="m17"]{position:absolute!important;left:0;right:0;margin:auto!important;bottom:var(--hb);translate:var(--hdx) 0;height:25.2cqw!important;max-width:none!important;-webkit-mask-image:none!important;mask-image:none!important;filter:drop-shadow(0 4px 6px rgba(30,20,40,0.35))!important}
[data-block="03-heroes"] p[data-hdir]{position:absolute!important;inset:0;background:transparent!important;padding:0!important;border-radius:0!important;pointer-events:none}
[data-block="03-heroes"] p[data-hdir]>span:first-child{position:absolute;left:var(--cl);top:var(--ct);width:8.3cqw!important;height:8.3cqw!important;transform:translate(-50%,-50%);background:#fff!important;padding:0.5cqw;box-sizing:border-box}
[data-block="03-heroes"] p[data-hdir]>span:first-child>img{width:100%!important;height:100%!important;border-radius:50%;object-fit:cover!important}
[data-block="03-heroes"] li[data-hcard] p[data-hdir]>span:last-child{position:absolute;left:var(--tl);top:var(--tt);transform:translate(-50%,-50%);width:21cqw;text-align:center!important;font-size:2.1cqw!important;font-weight:600!important;line-height:1.2!important}

[data-block="03-heroes"] li[aria-label^="Вольт"]{--hb:8.97cqw;--hdx:1.28cqw;--cl:5.87cqw;--ct:36.7cqw;--tl:20.15cqw;--tt:36.7cqw}
[data-block="03-heroes"] li[aria-label^="Коди"]{--hb:9.32cqw;--hdx:-0.66cqw;--cl:6cqw;--ct:36.4cqw;--tl:20.5cqw;--tt:36.6cqw}
[data-block="03-heroes"] li[aria-label^="Твист"]{--hb:8.07cqw;--hdx:-0.59cqw;--cl:6cqw;--ct:37.1cqw;--tl:20.5cqw;--tt:37.7cqw}
[data-block="03-heroes"] li[aria-label^="Комфи"]{--hb:8.07cqw;--hdx:-0.38cqw;--cl:5.73cqw;--ct:37.5cqw;--tl:19.6cqw;--tt:37.8cqw}
[data-block="03-heroes"] p[data-note1]{position:absolute;left:53.8%;top:80.1%;width:68%;max-width:none!important;margin:0!important;transform:translate(-50%,-50%);background:transparent!important;padding:0!important;font-size:3.8cqw!important;font-weight:700!important;line-height:1.25;color:#1E1A5A!important}
[data-block="03-heroes"] img[data-board-mob]{display:block!important}
[data-block="03-heroes"] svg[data-art-arrow-mob]{display:block!important;filter:drop-shadow(0 2px 5px rgba(30,15,90,0.6));animation:artArrowM 1.3s ease-in-out infinite}
}
@keyframes artArrowM{0%,100%{transform:translate(0,0)}50%{transform:translate(0.9cqw,0.9cqw)}}
[data-block="01-hero"] :not([style*="Caveat"]),[data-block="03-heroes"] :not([data-hm-panel],[data-hm-panel] *){font-family:Montserrat,sans-serif!important}
[data-block="01-hero"] :is([style*="font-weight: 800"],[style*="font-weight:800"]),[data-block="03-heroes"] :is([style*="font-weight: 800"],[style*="font-weight:800"]):not([data-hm-panel] *){font-weight:700!important}
[data-block="01-hero"] :is([style*="font-weight: 700"],[style*="font-weight:700"]):not([style*="Caveat"]),[data-block="03-heroes"] :is([style*="font-weight: 700"],[style*="font-weight:700"]):not([data-hm-panel] *){font-weight:600!important}
[data-block="01-hero"] [style*="Baloo"]:not([style*="Caveat"]),[data-block="03-heroes"] [style*="Baloo"]:not([data-hm-panel] *){font-family:'Baloo 2',sans-serif!important;font-weight:700!important}
[data-block="01-hero"] [data-cover] span:is([style*="clamp(18px,1.9vw,24px)"],[style*="clamp(18px, 1.9vw, 24px)"]),[data-block="03-heroes"] [data-m~="m2"] div[data-m~="m5"]>p{font-weight:500!important}
[data-block="03-heroes"] p[data-hdir]>span:last-child{font-weight:600!important}
[data-block="03-heroes"] p[data-note1]{font-weight:400!important}
@keyframes artArrow{0%,100%{transform:translate(0,0)}50%{transform:translate(0.5cqw,0.5cqw)}}
@keyframes artGlow{0%,100%{box-shadow:0 0 0 0 var(--hcs),0 2px 6px rgba(0,0,0,0.25)}50%{box-shadow:0 0 0 0.35em color-mix(in srgb,var(--hcs) 45%,transparent),0 0 1.2em 0.3em var(--hcs)}}
[data-block="03-heroes"] p[data-hdir]>span:first-child{animation:artGlow 2.2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){[data-sky] img{transition:none!important}[data-art-arrow],[data-block="03-heroes"] p[data-hdir]>span:first-child{animation:none!important}}
@media (max-width:900px){
[data-block="03-heroes"] article{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:12px!important;max-height:74vh;z-index:90;padding:20px!important;box-shadow:0 -10px 60px rgba(30,20,70,0.45)!important;overscroll-behavior:auto!important}
[data-block="03-heroes"] article h3{font-size:22px!important}
[data-block="03-heroes"] article p{font-size:15px!important}
[data-block="03-heroes"] article::after{content:"✕  Закрыть";position:sticky;bottom:-20px;display:block;margin:14px -20px -20px;padding:12px;text-align:center;font:800 14px Manrope,sans-serif;color:#6C5CE0;background:#F6F4FD;border-top:1px solid #E6E1F7}
}
.mvg .sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* новые блоки героев (из Мотивики - <Герой>.dc.html) */
@media (max-width:900px){[data-hero="volt"] [data-scr]{aspect-ratio:auto!important}[data-hero="volt"] [data-hab]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:900px){[data-hero="volt"] [data-hab]{grid-template-columns:1fr!important}[data-hero="volt"] [data-hf]{width:68px!important;height:68px!important}}@media (max-width:900px){
[data-hero="volt"] [data-scr]{aspect-ratio:auto!important}
[data-hero="volt"] [data-grid]{grid-template-columns:minmax(0,1fr)!important}
[data-hero="volt"] [data-vid]{height:auto!important;width:min(100%,320px)!important}
}@media (max-width:900px){
[data-hero="volt"] [data-v1]{aspect-ratio:720/1280!important;border-radius:0!important;box-shadow:none!important}
[data-hero="volt"] [data-v1-bg],[data-hero="volt"] [data-v1-fg]{display:none!important}
[data-hero="volt"] [data-v1-mbg],[data-hero="volt"] [data-v1-mfg]{display:block!important}
[data-hero="volt"] [data-v1-lay]{width:720px!important;height:1280px!important}
[data-hero="volt"] [data-v1-vid]{width:420px!important;height:525px!important;transform:matrix3d(0.64115948,-0.10540633,0,-0.00009828,0.06124295,0.66721487,0,-0.00003431,0,0,1,0,169.69511507,82.99624108,0,1)!important}
[data-hero="volt"] [data-v1-vid] button{font-size:20px!important;padding:10px 18px!important;bottom:7%!important;right:auto!important;left:50%!important;transform:translateX(-50%)}
[data-hero="volt"] [data-v1-tag]{left:24.7%!important;top:36.9%!important;width:50.7%!important;height:3.6%!important;transform:none!important;white-space:nowrap;font-size:2.6cqw!important;gap:1.3cqw!important}
[data-hero="volt"] [data-v1-tag] i{width:1.9cqw!important;height:1.9cqw!important}
[data-hero="volt"] [data-v1-q]{left:4%!important;top:53.3%!important;width:92%!important;height:3.6%!important;display:flex;align-items:center;justify-content:center;text-align:center;font-size:3.75cqw!important}
[data-hero="volt"] [data-v1-p]{left:6.1%!important;top:57.8%!important;width:89%!important;font-size:2.75cqw!important;line-height:1.32!important}
[data-hero="volt"] [data-v1-h2]{left:5.8%!important;top:71.9%!important;width:88.6%!important;height:4.1%!important;font-size:3.6cqw!important}
[data-hero="volt"] [data-v1-li]{width:31.5%!important;font-size:2.25cqw!important;line-height:1.25!important;transform:translateY(-50%)!important}
[data-hero="volt"] [data-v1-li]:nth-child(1){left:16%!important;top:80.3%!important}
[data-hero="volt"] [data-v1-li]:nth-child(2){left:62.4%!important;top:80.3%!important}
[data-hero="volt"] [data-v1-li]:nth-child(3){left:16%!important;top:87.7%!important}
[data-hero="volt"] [data-v1-li]:nth-child(4){left:62.4%!important;top:87.7%!important}
}

@media (max-width:900px){[data-hero="kodi"] [data-scr]{aspect-ratio:auto!important}[data-hero="kodi"] [data-hab]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:900px){[data-hero="kodi"] [data-hab]{grid-template-columns:1fr!important}[data-hero="kodi"] [data-hf]{width:68px!important;height:68px!important}}@media (max-width:900px){
[data-hero="kodi"] [data-scr]{aspect-ratio:auto!important}
[data-hero="kodi"] [data-grid]{grid-template-columns:minmax(0,1fr)!important}
[data-hero="kodi"] [data-vid]{height:auto!important;width:min(100%,320px)!important}
}@media (max-width:900px){
[data-hero="kodi"] [data-v1]{aspect-ratio:720/1280!important;border-radius:0!important;box-shadow:none!important}
[data-hero="kodi"] [data-v1-bg],[data-hero="kodi"] [data-v1-fg],[data-hero="kodi"] [data-v1-note]{display:none!important}
[data-hero="kodi"] [data-v1-mbg],[data-hero="kodi"] [data-v1-mfg]{display:block!important}
[data-hero="kodi"] [data-v1-lay]{width:720px!important;height:1280px!important}
[data-hero="kodi"] [data-v1-vid]{transform:matrix3d(0.59828759,-0.11014906,0,-0.00008679,0.05392035,0.6478652,0,-0.00007642,0,0,1,0,197.64776589,71.52641155,0,1)!important}
[data-hero="kodi"] [data-v1-vid] button{font-size:20px!important;padding:10px 18px!important;top:auto!important;bottom:7%!important;right:auto!important;left:50%!important;transform:translateX(-50%)}
[data-hero="kodi"] [data-v1-tag]{left:29.4%!important;top:37.25%!important;width:41.7%!important;height:3.1%!important;font-size:2.55cqw!important;gap:1.4cqw!important}
[data-hero="kodi"] [data-v1-tag] i{width:1.7cqw!important;height:1.7cqw!important}
[data-hero="kodi"] [data-v1-q]{left:5%!important;top:52.4%!important;width:90%!important;height:4%!important;justify-content:center;font-size:5.4cqw!important}
[data-hero="kodi"] [data-v1-p]{left:8.6%!important;top:57.3%!important;width:83%!important;font-size:3.05cqw!important;line-height:1.38!important}
[data-hero="kodi"] [data-v1-h2]{left:5.8%!important;top:73.3%!important;width:88.6%!important;height:4%!important;font-size:4.1cqw!important}
[data-hero="kodi"] [data-v1-li]{width:34%!important;font-size:2.35cqw!important;line-height:1.25!important;transform:translateY(-50%)!important}
[data-hero="kodi"] [data-v1-li]:nth-child(1){left:14.2%!important;top:80.5%!important}
[data-hero="kodi"] [data-v1-li]:nth-child(2){left:59.2%!important;top:80.5%!important}
[data-hero="kodi"] [data-v1-li]:nth-child(3){left:14.2%!important;top:87%!important}
[data-hero="kodi"] [data-v1-li]:nth-child(4){left:59.2%!important;top:87%!important}
[data-hero="kodi"] [data-v1-slogan]{left:12.5%!important;top:92.1%!important;width:72.5%!important;height:4%!important;font-size:2.65cqw!important;white-space:nowrap}
}

@media (max-width:900px){[data-hero="tvist"] [data-scr]{aspect-ratio:auto!important}[data-hero="tvist"] [data-hab]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:900px){[data-hero="tvist"] [data-hab]{grid-template-columns:1fr!important}[data-hero="tvist"] [data-hf]{width:68px!important;height:68px!important}}@media (max-width:900px){
[data-hero="tvist"] [data-scr]{aspect-ratio:auto!important}
[data-hero="tvist"] [data-grid]{grid-template-columns:minmax(0,1fr)!important}
[data-hero="tvist"] [data-vid]{height:auto!important;width:min(100%,320px)!important}
}@media (max-width:900px){
[data-hero="tvist"] [data-v1]{aspect-ratio:720/1280!important;border-radius:0!important;box-shadow:none!important}
[data-hero="tvist"] [data-v1-bg],[data-hero="tvist"] [data-v1-fg]{display:none!important}
[data-hero="tvist"] [data-v1-mbg],[data-hero="tvist"] [data-v1-mfg]{display:block!important}
[data-hero="tvist"] [data-v1-lay]{width:720px!important;height:1280px!important}
[data-hero="tvist"] [data-v1-vid]{transform:matrix3d(0.77378365,-0.01298589,0,-0.00000843,0.00516419,0.76902795,0,-0.000019,0,0,1,0,181.25620009,55.93332319,0,1)!important}
[data-hero="tvist"] [data-v1-vid] button{font-size:20px!important;padding:10px 18px!important;bottom:5%!important}
[data-hero="tvist"] [data-v1-tag]{left:26.8%!important;top:40.25%!important;width:46.4%!important;height:3.9%!important;font-size:2.55cqw!important;gap:1.4cqw!important}
[data-hero="tvist"] [data-v1-tag] i{width:1.7cqw!important;height:1.7cqw!important}
[data-hero="tvist"] [data-v1-q]{left:17%!important;top:54.7%!important;width:67%!important;height:7%!important;font-size:4.9cqw!important;line-height:1.08!important;color:#1E2A6E!important;text-align:center;text-wrap:balance}
[data-hero="tvist"] [data-v1-p]{left:15.6%!important;top:62.4%!important;width:79.5%!important;font-size:2.8cqw!important;line-height:1.32!important}
[data-hero="tvist"] [data-v1-h2]{left:6.3%!important;top:75.6%!important;width:88.2%!important;height:4.1%!important;font-size:4.1cqw!important;color:#1E2A6E!important}
[data-hero="tvist"] [data-v1-li]{width:30.5%!important;font-size:2.35cqw!important;line-height:1.25!important;transform:translateY(-50%)!important}
[data-hero="tvist"] [data-v1-li]:nth-child(1){left:17.4%!important;top:83.4%!important}
[data-hero="tvist"] [data-v1-li]:nth-child(2){left:61.5%!important;top:83.4%!important}
[data-hero="tvist"] [data-v1-li]:nth-child(3){left:17.4%!important;top:90.5%!important}
[data-hero="tvist"] [data-v1-li]:nth-child(4){left:61.5%!important;top:90.5%!important}
}

@media (max-width:900px){[data-hero="komfi"] [data-scr]{aspect-ratio:auto!important}[data-hero="komfi"] [data-emo]{grid-template-columns:repeat(5,minmax(0,1fr))}[data-hero="komfi"] [data-hab]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:900px){[data-hero="komfi"] [data-emo]{grid-template-columns:repeat(2,minmax(0,1fr))!important}[data-hero="komfi"] [data-hab]{grid-template-columns:1fr!important}[data-hero="komfi"] [data-hf]{width:68px!important;height:68px!important}}@media (max-width:900px){
[data-hero="komfi"] [data-scr]{aspect-ratio:auto!important}
[data-hero="komfi"] [data-grid]{grid-template-columns:minmax(0,1fr)!important}
[data-hero="komfi"] [data-vid]{height:auto!important;width:min(100%,320px)!important}
}@media (max-width:900px){
[data-hero="komfi"] [data-v1-sec]{max-width:560px!important}
[data-hero="komfi"] [data-v1]{aspect-ratio:9/16!important;border-radius:24px!important}
[data-hero="komfi"] [data-v1-lay]{width:720px!important;height:1280px!important}
[data-hero="komfi"] [data-v1-vid]{width:300px!important;height:360px!important;transform:matrix3d(0.92214539,-0.106349,0,-0.00007936,0.06991359,0.93812336,0,-0.00004882,0,0,1,0,189,69,0,1)!important}
[data-hero="komfi"] [data-v1-vid] button{right:5%!important;bottom:4%!important;font-size:22px!important;padding:12px 20px!important}
[data-hero="komfi"] [data-v1-nav]{left:9.7%!important;top:35.3%!important;font-size:2.05cqw!important}
[data-hero="komfi"] [data-v1-nav] ol{gap:1cqw!important}
[data-hero="komfi"] [data-v1-tag]{left:8.6%!important;top:37.1%!important;width:47.2%!important;height:3.75%!important;font-size:2.4cqw!important;gap:1.4cqw!important}
[data-hero="komfi"] [data-v1-tag] i{width:1.6cqw!important;height:1.6cqw!important}
[data-hero="komfi"] [data-v1-q]{left:9.7%!important;top:53.15%!important;width:84%!important;font-size:5.1cqw!important;white-space:nowrap}
[data-hero="komfi"] [data-v1-p]{left:9.7%!important;top:57.4%!important;width:84%!important;font-size:3cqw!important;line-height:1.42!important}
[data-hero="komfi"] [data-v1-h2]{left:5.6%!important;top:77.3%!important;width:90.3%!important;height:4.3%!important;font-size:3.6cqw!important}
[data-hero="komfi"] [data-v1-li]{font-size:2.3cqw!important}
[data-hero="komfi"] [data-v1-li="1"]{left:16.4%!important;top:83.75%!important;width:37.8%!important}
[data-hero="komfi"] [data-v1-li="2"]{left:63.6%!important;top:83.75%!important;width:33%!important}
[data-hero="komfi"] [data-v1-li="3"]{left:16.4%!important;top:88.6%!important;width:37.8%!important}
[data-hero="komfi"] [data-v1-li="4"]{left:63.6%!important;top:88.6%!important;width:33%!important}
}

[data-hero] h2,[data-hero] h3,[data-hero] h4{color:inherit;font-family:inherit}
[data-hero] p+p{margin-top:0}
[data-hero] img{max-width:none}
@media (max-width:900px){[data-hero] [data-v1]{border-radius:24px!important}}
[data-hgo]{display:none}
@media (hover:hover) and (min-width:901px){li[data-hcard]:is(:hover,:focus-visible) [data-hdt]{display:none}li[data-hcard]:is(:hover,:focus-visible) [data-hgo]{display:inline;animation:hgoIn .3s ease-out}li[data-hcard]:is(:hover,:focus-visible) p[data-hdir]>span:last-child{font-weight:700!important;text-shadow:0 0 0.6cqw #fff,0 0 1.4cqw var(--hcs)}li[data-hcard]:is(:hover,:focus-visible) p[data-hdir]>span:first-child{box-shadow:0 0 0 0.25cqw var(--hcs),0 0 1.6cqw 0.3cqw var(--hcs)!important}li[data-hcard]:hover img[data-m~="m17"]{transform:translateY(-6px) scale(1.03)!important}}
@keyframes hgoIn{from{opacity:0;filter:blur(2px)}to{opacity:1;filter:none}}
#komanda,#vmeste,#komanda *,#vmeste *{font-family:Montserrat,sans-serif!important}
#komanda h2,#vmeste h2,#komanda h3,#vmeste h3,#komanda .four b,#vmeste .chain b{font-family:'Baloo 2',sans-serif!important;font-weight:700!important}
#komanda .sub,#vmeste .sub,#komanda .types,#vmeste p{font-weight:500}
#komanda .types b{font-weight:700}

@media (hover:hover){a[data-hpick]:hover{transform:translateY(-4px);border-color:var(--hc)!important;box-shadow:0 18px 30px -18px var(--hc)}}
/* наши правила: колонка 390→600 px на 561–900; Яндекс Браузер не показывает свою панель поверх картинок */
@media (min-width:561px) and (max-width:900px){
:root{--mvcol:clamp(390px,calc(390px + (100vw - 561px) * 0.62),600px)}
html,body{background:#ECE8F8!important}
#allrecords{max-width:var(--mvcol)!important;margin-left:auto!important;margin-right:auto!important;overflow-x:clip;box-shadow:0 0 48px rgba(43,35,80,0.14)}
[data-block="03-heroes"] article{left:max(12px,calc(50% - var(--mvcol) / 2 + 12px))!important;right:max(12px,calc(50% - var(--mvcol) / 2 + 12px))!important}
}
#allrecords .t-rec{overflow-x:clip!important}
.mvg img{pointer-events:none}
[data-hv-replay][hidden]{display:none!important}
/* mvTag у подписей героев на ПК ничего не меняет (фон и рамку перекрывают правила с !important), а перерисовку каждый кадр вызывает */
@media (min-width:901px){li[data-hcard] p[data-hdir]{animation:none!important}}
/* скорость (как на главной): свечение кружков артефактов — прозрачностью псевдоэлементов, а не анимацией box-shadow;
   анимации блоков далеко от экрана — на паузе (атрибут data-mv-off ставит mv-geroi.js) */
@keyframes mvGlowIn{0%,100%{opacity:0}50%{opacity:1}}
@keyframes mvGlowOut{0%,100%{opacity:1}50%{opacity:0}}
@media (prefers-reduced-motion:no-preference){
[data-block="03-heroes"] p[data-hdir]>span:first-child{animation:none!important;box-shadow:none!important}
[data-block="03-heroes"] p[data-hdir]>span:first-child::before,[data-block="03-heroes"] p[data-hdir]>span:first-child::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;will-change:opacity}
[data-block="03-heroes"] p[data-hdir]>span:first-child::before{box-shadow:0 2px 6px rgba(0,0,0,0.25);animation:mvGlowOut 2.2s ease-in-out infinite}
[data-block="03-heroes"] p[data-hdir]>span:first-child::after{box-shadow:0 0 0 0.35em color-mix(in srgb,var(--hcs) 45%,transparent),0 0 1.2em 0.3em var(--hcs);opacity:0;animation:mvGlowIn 2.2s ease-in-out infinite}
}
/* 27.10 (владелец): «Как устроена команда героев» — нарисованная доска, тексты поверх (шрифт Nunito) */
.mv-vh{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
#komanda.mv-kom{padding:0!important;background:none!important;border:0!important;overflow:hidden}
#komanda .kb{position:relative;container-type:inline-size;line-height:1.3}
#komanda .kb,#komanda .kb *{font-family:'MV Tekst',sans-serif!important}
#komanda .kb picture,#komanda .kb img{display:block;width:100%;height:auto}
#komanda .kb ul{list-style:none;margin:0;padding:0}
#komanda .k-in,#komanda .k-d,#komanda .k-b,#komanda .k-t{position:absolute;margin:0;color:#2E2850}
#komanda .k-in,#komanda .k-d,#komanda .k-b{transform:translate(-50%,-50%);text-align:center}
#komanda .k-t{transform:translateY(-50%);text-align:left}
#komanda .k-t b{font-weight:700;color:#2A2350}
#komanda .k-b{display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;text-decoration:none;border-radius:100px;text-shadow:0 1px 2px rgba(0,0,0,.18)}
#komanda .k-d{font-weight:500;color:#3A3456}
/* 27.10: «Как герои работают вместе» — 4 шага (макет site-work/vmeste-maket) */
#vmeste .tog{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
#vmeste .sub{max-width:none}
#vmeste .kvs{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px;position:relative}
#vmeste .kvs::before{content:"";position:absolute;left:19px;top:24px;bottom:24px;border-left:3px dashed #CFC4F4}
#vmeste .st{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center}
#vmeste .st .n{width:40px;height:40px;border-radius:50%;background:#6C5CE0;color:#fff;font-family:"Baloo 2",sans-serif!important;font-weight:800;font-size:21px;display:grid;place-items:center;box-shadow:0 0 0 4px #fff;position:relative;z-index:1}
#vmeste .st .bd{background:#F6F3FF;border-radius:18px;padding:11px 14px}
#vmeste .st .hd{display:flex;align-items:center;justify-content:space-between;gap:10px}
#vmeste .st b{font-weight:700;font-size:16px;line-height:1.25;color:#221E3B}
#vmeste .st p{font-size:14px;line-height:1.4;color:#5E587A;margin-top:3px}
#vmeste .st .ai{white-space:nowrap}
#vmeste .st .ai img{display:inline-block;width:22px;height:22px;vertical-align:-6px;margin-left:2px;filter:drop-shadow(0 2px 3px rgba(40,20,90,.25))}
#vmeste .st .pill{flex-shrink:0;white-space:nowrap;font-family:"Baloo 2",sans-serif!important;font-weight:700;font-size:16px;color:#fff;background:#6C5CE0;border-radius:100px;padding:3px 12px 1px}
#vmeste .st.big .n{background:#F7A823;color:#2B2350}
#vmeste .st.big .bd{border:2.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#F5A623,#4AA8E6,#56B65A,#EC82AC) border-box;box-shadow:0 8px 26px -10px rgba(108,92,224,.45)}
#vmeste .st.big .pill{background:linear-gradient(90deg,#8A5CF0,#6C5CE0)}
#vmeste .dream{margin-top:12px;background:#FFF6DC;border:1px solid #F6E2A8;border-radius:16px;padding:11px 16px;font-size:15px;font-weight:600;color:#6B4E0E;display:flex;gap:10px;align-items:center}
#vmeste .dream span{font-size:20px}
@media (max-width:900px){
#vmeste .tog{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:14px}
#vmeste .ring{width:min(100%,210px)}
#vmeste h3{font-size:19px}
#vmeste .kvs{gap:8px;margin-top:10px}
#vmeste .kvs::before{left:14px;top:20px;bottom:20px;border-left-width:2px}
#vmeste .st{grid-template-columns:30px minmax(0,1fr);gap:8px}
#vmeste .st .n{width:30px;height:30px;font-size:16px;box-shadow:0 0 0 3px #fff}
#vmeste .st .bd{padding:9px 11px;border-radius:15px}
#vmeste .st .hd{gap:8px}
#vmeste .st b{font-size:14px}#vmeste .st p{font-size:12.5px}
#vmeste .st .ai img{width:18px;height:18px;vertical-align:-4px}
#vmeste .st .pill{font-size:14px;padding:2px 9px 0}
#vmeste .dream{font-size:13px;padding:9px 12px;margin-top:10px}
}
/* 27.10: карточка «Путь героя и артефакт» после привычек (--g свечение, --c цвет героя) */
.mv-put{max-width:1280px;width:100%;margin:0 auto;box-sizing:border-box;border-radius:32px;background:linear-gradient(100deg,color-mix(in srgb,var(--c) 14%,#fff) 0%,#fff 58%);border:1px solid color-mix(in srgb,var(--c) 22%,#E6E0F7);padding:clamp(20px,3vw,36px) clamp(20px,3.4vw,48px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,3.4vw,48px);align-items:center}
.mv-put .pa{width:clamp(150px,16vw,210px);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--g),rgba(255,255,255,0));display:grid;place-items:center}
.mv-put .pa img{display:block;width:84%;height:auto;filter:drop-shadow(0 14px 20px color-mix(in srgb,var(--c) 45%,transparent))}
.mv-put h3{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:clamp(24px,2.4vw,32px);line-height:1.1;color:#221E3B;margin:0}
.mv-put p{font-size:clamp(15px,1.2vw,16.5px);line-height:1.55;color:#4A4660;margin:10px 0 0;max-width:62ch;text-wrap:pretty}
.mv-put .pr{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;margin-top:18px;padding:8px 10px 8px 12px;border-radius:100px;background:color-mix(in srgb,var(--c) 11%,#fff);width:fit-content;max-width:100%;box-sizing:border-box}
.mv-put ol{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.mv-put ol li{width:32px;height:32px;box-sizing:border-box;border-radius:50%;background:#fff;border:2px solid var(--c);display:grid;place-items:center;overflow:hidden}
.mv-put ol li img{display:block;width:82%;height:82%;object-fit:contain}
.mv-put .ar{font:800 20px/1 "Baloo 2",sans-serif;color:var(--c)}
.mv-put .pm{display:block;width:34px;height:34px}
.mv-put .pk{display:inline-flex;align-items:center;gap:6px;font:800 18px/1 "Baloo 2",sans-serif;color:#fff;background:#5B3F9A;border-radius:100px;padding:6px 10px 5px 14px}
.mv-put .pk img{display:block;width:19px;height:auto}
.mv-put .pr{background:#fff;box-shadow:0 6px 18px -10px color-mix(in srgb,var(--c) 70%,transparent)}
@media (max-width:900px){
.mv-put{grid-template-columns:minmax(0,1fr);text-align:center;gap:6px;border-radius:24px}
.mv-put .pa{margin:0 auto;width:150px}
.mv-put p{margin-left:auto;margin-right:auto}
.mv-put .pr{margin-left:auto;margin-right:auto;justify-content:center;gap:8px;padding:8px 10px}
.mv-put .pr{flex-wrap:nowrap;gap:6px;padding:7px 8px}
.mv-put ol{gap:3px}.mv-put ol li{width:24px;height:24px;border-width:1.5px}
.mv-put .ar{font-size:15px}.mv-put .pm{width:24px;height:24px}.mv-put .pk{font-size:15px;padding:5px 8px 4px 11px;gap:4px}.mv-put .pk img{width:15px}
}
/* ПК: картинка 1280×720 */
#komanda .k-in{left:50.6%;top:21.2%;width:52%;font-size:1.02cqw;line-height:1.55;font-weight:500}
#komanda .k-d{top:62.8%;width:14.5%;font-size:.95cqw;line-height:1.32}
#komanda .k-b{top:68.2%;width:9.1%;height:4.9%;font-size:1.02cqw}
#komanda .k-volt .k-d{left:20.55%}#komanda .k-volt .k-b{left:20.7%}
#komanda .k-kodi .k-d{left:40.8%}#komanda .k-kodi .k-b{left:40.7%;top:67.9%}
#komanda .k-tvist .k-d{left:60.3%;top:63.1%}#komanda .k-tvist .k-b{left:60.45%;top:68.5%}
#komanda .k-komfi .k-d{left:80.9%;top:64%}#komanda .k-komfi .k-b{left:80.7%;top:69.3%}
/* 01.11 (владелец): текст и кнопка-накладка с тем же наклоном, что нарисованные имя и кнопка на карточке (замер по картинке) */
#komanda .k-d,#komanda .k-b{transform:translate(-50%,-50%) rotate(var(--kr,0deg))}
#komanda .k-volt{--kr:-2.5deg}#komanda .k-kodi{--kr:-1deg}#komanda .k-komfi{--kr:2.2deg}
#komanda .k-t{font-size:.95cqw;line-height:1.5;font-weight:500;top:80.7%}
#komanda .k-t1{left:18.1%;width:30.5%}
#komanda .k-t2{left:54.4%;width:30%;top:80.9%}
@media (hover:hover) and (min-width:901px){#komanda .k-b:hover{background:rgba(255,255,255,.14)}}
/* телефон: картинка 720×1280 */
@media (max-width:900px){
#komanda.mv-kom{border-radius:22px}
#komanda .k-in{left:50.3%;top:17.3%;width:79%;font-size:2.22cqw;line-height:1.47}
#komanda .k-d{width:27%;font-size:1.85cqw;line-height:1.36}
#komanda .k-b{width:18.8%;height:2.9%;font-size:2.15cqw}
#komanda .k-volt .k-d{left:30.4%;top:43.7%}#komanda .k-volt .k-b{left:30.4%;top:46.95%}
#komanda .k-kodi .k-d{left:70.6%;top:43.75%}#komanda .k-kodi .k-b{left:70.6%;top:47.05%}
#komanda .k-tvist .k-d{left:30.4%;top:69.45%}#komanda .k-tvist .k-b{left:30.4%;top:72.5%}
#komanda .k-komfi .k-d{left:70.4%;top:69.5%}#komanda .k-komfi .k-b{left:70%;top:72.65%}
#komanda .k-volt{--kr:-2.8deg}#komanda .k-kodi,#komanda .k-komfi{--kr:0deg}
#komanda .k-t{font-size:1.85cqw;line-height:1.5}
#komanda .k-t1{left:21.2%;width:66%;top:79.5%}
#komanda .k-t2{left:20.1%;width:62%;top:85.9%}
}
/* иконки героев в блоке «Как устроена команда героев» (вместо плашек .four; клик — показать героя) */
#komanda .mv-picks{list-style:none;padding:0;margin:clamp(18px,2.4vw,28px) 0 clamp(18px,2.4vw,28px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.8vw,24px)}
#komanda .mv-picks a{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;text-decoration:none;color:#4A4660;border-radius:22px;padding:4px 4px 8px;transition:transform .25s}
#komanda .mv-picks img{display:block;width:min(150px,100%);height:auto;aspect-ratio:1}
#komanda .mv-picks b{font-family:'Baloo 2',sans-serif!important;font-weight:800!important;font-size:clamp(22px,2.1vw,28px);line-height:1;color:var(--k);margin-top:4px}
#komanda .mv-picks span{font-size:14.5px;line-height:1.35;max-width:24ch;margin-bottom:6px}
#komanda .mv-picks i{font-style:normal;margin-top:auto;font-size:13px;font-weight:800;line-height:1;letter-spacing:.01em;color:#fff;background:var(--c);padding:8px 20px 7px;border-radius:100px;box-shadow:0 3px 0 var(--k);transition:filter .2s}
#komanda .mv-picks a{height:100%}
@media (hover:hover) and (min-width:901px){#komanda .mv-picks a:hover{transform:translateY(-5px)}#komanda .mv-picks a:hover i{filter:brightness(1.06)}}
@media (max-width:900px){
#komanda .mv-picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px;margin-bottom:18px}
#komanda .mv-picks img{width:min(120px,100%)}
#komanda .mv-picks b{font-size:23px}
#komanda .mv-picks span{font-size:13.5px}
}
/* 27.10 (владелец): «Подсказка для родителя» — как шаги «Как это работает» на главной: 3 белые карточки с номером
   + цветная «Совет от …» с иконкой героя; текст у всех виден полностью. Выделенная карточка (класс .on — mv-geroi.js,
   по наведению на ПК / нажатию на телефоне) приподнята, с рамкой и свечением цвета героя.
   На телефоне блок в пунктирной рамке цвета героя (как было), чтобы не сливался с «Привычками». */
.mvg .mv-tips{max-width:1280px;width:100%;margin:0 auto;box-sizing:border-box}
.mvg .mv-tips>h3{font-size:clamp(22px,2.2vw,28px);color:var(--vd);margin:0 0 14px}
.mvg .mv-tips ol{list-style:none;margin:0;padding:8px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,var(--tw,1.7fr));gap:16px}
.mvg .mv-tips li{--e:cubic-bezier(.22,1,.36,1);box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:20px 20px 22px;border-radius:22px;background:#fff;border:2px solid var(--line);outline:none;transition:transform .5s var(--e),border-color .5s ease,box-shadow .5s var(--e)}
.mvg .mv-tips ol.tw li:not(.sh){opacity:0;transform:translateY(28px) scale(.94)}
.mvg .mv-tips ol.tw li{transition:opacity .5s ease,transform .5s var(--e),border-color .5s ease,box-shadow .5s var(--e)}
.mvg .mv-tips li.on{transform:translateY(-6px) scale(1.02);border-color:var(--c);box-shadow:0 0 0 2px var(--c),0 14px 34px color-mix(in srgb,var(--c) 35%,transparent)}
.mvg .mv-tips .tn,.mvg .mv-tips .ti{width:56px;height:56px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center}
.mvg .mv-tips .tn{font-family:"Baloo 2",sans-serif;font-weight:800;font-size:26px;line-height:1;color:#fff;background:var(--c);box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 18%,transparent)}
.mvg .mv-tips li p{margin:0;font-size:15.5px;line-height:1.5;color:var(--ink)}
.mvg .mv-tips .ts{background:linear-gradient(150deg,color-mix(in srgb,var(--c) 62%,#fff),color-mix(in srgb,var(--cd) 72%,#fff));text-shadow:0 1px 2px color-mix(in srgb,var(--cd) 55%,transparent);border-color:transparent}
.mvg .mv-tips .ts.on{border-color:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 60%,#fff),0 14px 34px color-mix(in srgb,var(--cd) 28%,transparent)}
.mvg .mv-tips .ti{width:64px;height:64px;background:rgba(255,255,255,.22);box-shadow:0 0 0 4px rgba(255,255,255,.18)}
.mvg .mv-tips .ti img{width:112%;height:112%;max-width:none;object-fit:contain}
.mvg .mv-tips .ts b{font-size:13px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:#fff;opacity:.92;margin-bottom:-6px}
.mvg .mv-tips .ts p{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:21px;line-height:1.25;color:#fff}
@media (max-width:900px){
.mvg .mv-tips{background:#fff;border:2px dashed var(--c);border-radius:22px;padding:16px 14px 18px}
.mvg .mv-tips>h3{font-size:22px;color:var(--ink);margin:2px 2px 10px}
.mvg .mv-tips ol{grid-template-columns:1fr;gap:12px;padding:4px 0 0}
.mvg .mv-tips li{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;column-gap:12px;row-gap:6px;padding:14px 14px 14px 12px;background:color-mix(in srgb,var(--c) 7%,#fff);border-color:transparent}
.mvg .mv-tips li.on{transform:none;background:#fff;box-shadow:0 0 0 1px var(--c),0 8px 22px color-mix(in srgb,var(--c) 28%,transparent)}
.mvg .mv-tips .tn{width:40px;height:40px;font-size:20px;box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 18%,transparent)}
.mvg .mv-tips li p{font-size:15px;align-self:center}
.mvg .mv-tips .ts,.mvg .mv-tips .ts.on{background:linear-gradient(150deg,color-mix(in srgb,var(--c) 62%,#fff),color-mix(in srgb,var(--cd) 72%,#fff));text-shadow:0 1px 2px color-mix(in srgb,var(--cd) 55%,transparent);grid-template-columns:52px minmax(0,1fr)}
.mvg .mv-tips .ti{width:52px;height:52px;grid-row:1/3}
.mvg .mv-tips .ts b{margin:0;align-self:end}
.mvg .mv-tips .ts p{font-size:18px;align-self:start}
}
:root body [data-mv-off] *,:root body [data-mv-off] *::before,:root body [data-mv-off] *::after{animation-play-state:paused!important}
/* 01.11: эмоциональные кристаллики Комфи — оживание (общие js/mv-emo.js, css/mv-emo.css) и кнопки групп */
.mvg [data-emo-board]>li{position:relative;cursor:pointer;transition:opacity .25s,filter .25s,box-shadow .25s,transform .25s;-webkit-tap-highlight-color:transparent;outline:none}
.mvg [data-emo-board]>li[data-on]{box-shadow:0 0 0 3px #F5A623,0 0 22px rgba(245,166,35,.55);transform:translateY(-2px)}
.mvg [data-emo-board]>li[data-g="T"][data-on]{box-shadow:0 0 0 3px #4FB3E8,0 0 22px rgba(79,179,232,.55)}
.mvg [data-emo-board]>li[data-dim]{opacity:.35;filter:grayscale(.7)}
.mvg [data-emo-board]>li[data-live]{z-index:5}
.mvg [data-emo-board]>li:focus-visible{box-shadow:0 0 0 3px #6C5CE0}
.mvg .emo-ph{position:relative;display:block}
.mvg .emo-ph>img{transition:opacity .2s}
.mvg [data-live] .emo-ph>img{opacity:.2}
.mvg .emo-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:16px}
.mvg .emo-btns button{display:inline-flex;align-items:center;gap:8px;font:800 15px Manrope,sans-serif;padding:10px 22px;border-radius:100px;cursor:pointer;border:2px solid #F5A623;background:#FFF4DC;color:#B26A00;transition:background .2s,color .2s}
.mvg .emo-btns button[data-emo-g="T"]{border-color:#4FB3E8;background:#E6F4FC;color:#1F78AD}
.mvg .emo-btns i{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#F5C542)}
.mvg .emo-btns button[data-emo-g="T"] i{background:radial-gradient(circle at 35% 35%,#fff,#9CCBE8)}
.mvg .emo-btns button[aria-pressed="true"]{background:#F5A623;color:#fff}
.mvg .emo-btns button[data-emo-g="T"][aria-pressed="true"]{background:#4FB3E8;color:#fff}
/* 01.11 (владелец): кристаллики — один в один как на доске главной, только без доски: 2 ряда по 5, без карточек и подписей,
   наклон и сдвиг каждого как на главной, белый фон — при наведении и у выбранных, подсказка «Наведи/Нажми» между рядами */
.mvg ul[data-emo-board]{position:relative;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:min(100%,665px);gap:11px 2.3%!important;margin:18px auto 0!important;padding:0;list-style:none;box-sizing:border-box}
.mvg [data-emo-board]>li[data-emo]{background:#fff!important;box-shadow:0 10px 20px -10px rgba(60,40,150,.5);padding:0!important;gap:0!important;height:auto;aspect-ratio:121/104;border-radius:6px!important;display:flex!important;align-items:center;justify-content:center;transform:translateY(var(--dy,0)) rotate(var(--r,0deg));transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .35s,filter .35s,background .3s,box-shadow .3s}
.mvg [data-emo-board]>li[data-emo]>span:not(.emo-ph){display:none!important}
.mvg [data-emo-board]>li[data-emo]>.emo-ph{width:82%;height:86%;display:flex;align-items:center;justify-content:center}
.mvg [data-emo-board]>li[data-emo] .emo-ph>img{width:100%!important;height:100%!important;object-fit:contain}
.mvg [data-emo-board]>li[data-emo="radost"]{order:1;--r:-2.3deg;--dy:8px}.mvg [data-emo-board]>li[data-emo="vostorg"]{order:2;--r:-1deg;--dy:11px}.mvg [data-emo-board]>li[data-emo="gordost"]{order:3;--r:-1deg;--dy:7px}.mvg [data-emo-board]>li[data-emo="spokoy"]{order:4;--r:-1deg;--dy:4px}.mvg [data-emo-board]>li[data-emo="udiv"]{order:5;--r:-2.4deg;--dy:0px}
.mvg [data-emo-board]>li[data-emo="grust"]{order:6;--r:-1.6deg;--dy:6px}.mvg [data-emo-board]>li[data-emo="obida"]{order:7;--r:-1.2deg;--dy:6px}.mvg [data-emo-board]>li[data-emo="zlost"]{order:8;--r:-1deg;--dy:5px}.mvg [data-emo-board]>li[data-emo="strah"]{order:9;--r:-1deg;--dy:6px}.mvg [data-emo-board]>li[data-emo="smush"]{order:10;--r:-1.5deg;--dy:0px}
@media (hover:hover) and (min-width:901px){.mvg [data-emo-board]>li[data-emo]:hover{translate:0 -5px;scale:1.06;background:#fff!important;box-shadow:0 10px 20px -10px rgba(60,40,150,.5)}}
.mvg [data-emo-board]>li[data-emo][data-on]{background:#fff!important;transform:translateY(var(--dy,0)) rotate(var(--r,0deg)) translateY(-5px) scale(1.06);box-shadow:0 0 0 3px #F5A623,0 0 28px rgba(245,166,35,.7)}
.mvg [data-emo-board]>li[data-emo][data-g="T"][data-on]{box-shadow:0 0 0 3px #4FB3E8,0 0 28px rgba(79,179,232,.7)}
.mvg [data-emo-board]>li[data-emo][data-dim]{opacity:.35;filter:grayscale(.7)}
.mvg [data-emo-board]>li[data-emo][data-tap]{animation:emoTapRingPc 1.6s ease-in-out infinite;z-index:31}
.mvg [data-emo-board]>li.emo-hint{display:none;position:absolute;left:50%;top:50%;translate:-50% -50%;margin:0;white-space:nowrap;background:#fff;color:#2E2A8C;font:800 15.4px/1 "Baloo 2",Manrope,sans-serif;padding:6.4px 18px;border-radius:100px;border:2.6px solid #F5A623;box-shadow:0 5px 15px rgba(60,30,120,.35);pointer-events:none;z-index:40;animation:emoTapPill 1.6s ease-in-out infinite}
.mvg [data-emo-board][data-hint]>li.emo-hint{display:block}
.mvg .emo-hint>span[data-m]{display:none}
.mvg .emo-btns{gap:20px}
.mvg .emo-btns button{--hcs:#F5A623;font:800 18.5px "Baloo 2",Manrope,sans-serif;color:#C2620F;background:#fff;border:2px solid #F5A623;padding:7px 26px;transition:box-shadow .3s,transform .2s}
.mvg .emo-btns button[data-emo-g="T"]{--hcs:#4FB3E8;color:#1F78AD;background:#fff;border-color:#4FB3E8}
.mvg .emo-btns i{width:18px;height:18px}
.mvg .emo-btns button[aria-pressed="false"]{animation:artGlow 2.2s ease-in-out infinite}
.mvg .emo-btns button[data-emo-g="T"][aria-pressed="false"]{animation-delay:-1.1s}
.mvg .emo-btns button:hover{animation:none}
.mvg .emo-btns button[aria-pressed="true"],.mvg .emo-btns button[data-emo-g="T"][aria-pressed="true"]{background:#fff;color:inherit;animation:none;box-shadow:0 0 0 5px var(--hcs),0 0 16px var(--hcs)}
.mvg .emo-btns button[aria-pressed="true"]{color:#C2620F}.mvg .emo-btns button[data-emo-g="T"][aria-pressed="true"]{color:#1F78AD}
@media (max-width:900px){
.mvg ul[data-emo-board]{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:23px 4px!important;container-type:inline-size}
.mvg [data-emo-board]>li[data-emo]{height:auto;aspect-ratio:63/74;border-radius:4px!important;--dy:0px}
.mvg [data-emo-board]>li[data-emo]>.emo-ph{width:92%;height:94%}
.mvg [data-emo-board]>li[data-emo][data-on]{transform:rotate(var(--r,0deg)) translateY(-4px) scale(1.06)}
.mvg [data-emo-board]>li[data-emo][data-tap]{animation:emoTapRing 1.6s ease-in-out infinite}
.mvg [data-emo-board]>li.emo-hint{font-size:13.6px;padding:5.5px 14px;border-width:2px}
.mvg .emo-hint>span[data-m]{display:inline}.mvg .emo-hint>span[data-pc]{display:none}
.mvg .emo-btns{gap:12px}
.mvg .emo-btns button{font-size:16px;padding:7px 18px}
}
@keyframes emoTapPill{0%,100%{scale:1}50%{scale:1.06}}
@keyframes emoTapRingPc{0%{box-shadow:0 0 0 0 rgba(245,166,35,.95),0 0 0 0 rgba(255,255,255,.9)}70%{box-shadow:0 0 0 14px rgba(245,166,35,0),0 0 0 6px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(245,166,35,0),0 0 0 0 rgba(255,255,255,0)}}
@keyframes emoTapRing{0%{box-shadow:0 0 0 0 rgba(245,166,35,.95),0 0 0 0 rgba(255,255,255,.9)}70%{box-shadow:0 0 0 10px rgba(245,166,35,0),0 0 0 4px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(245,166,35,0),0 0 0 0 rgba(255,255,255,0)}}
@keyframes artGlow{0%,100%{box-shadow:0 0 0 0 var(--hcs),0 2px 6px rgba(0,0,0,0.25)}50%{box-shadow:0 0 0 0.35em color-mix(in srgb,var(--hcs) 45%,transparent),0 0 1.2em 0.3em var(--hcs)}}
/* 30.10: блок «Тест» — фото 3:2 целиком сверху, текст под ним (и на ПК) */
.mvg .cta section.t{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-content:start!important}
.mvg .cta section.t>img{grid-column:1!important;grid-row:1!important;width:100%!important;height:auto!important;aspect-ratio:3/2!important;object-fit:contain!important;min-height:0!important;max-height:none!important}
.mvg .cta section.t>.cb{grid-column:1!important;grid-row:2!important}
/* «Частые вопросы о героях» — как на главной (блок 15-faq), одна колонка */
.mvg .mv-faq{max-width:1120px;margin:14px auto 0;padding:40px 24px 44px;box-sizing:border-box}
.mvg .mv-faq .fh{display:flex;align-items:flex-end;justify-content:center;gap:clamp(10px,3vw,40px);flex-wrap:wrap;margin-bottom:34px}
.mvg .mv-faq .fhl{height:clamp(110px,13vw,160px);width:auto;filter:drop-shadow(0 14px 14px rgba(43,35,80,.25))}
.mvg .mv-faq .fhr{height:clamp(120px,14vw,170px);width:auto;filter:drop-shadow(0 14px 14px rgba(43,35,80,.25))}
.mvg .mv-faq .fhc{display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:14px}
.mvg .mv-faq h2{margin:0;font-family:"Baloo 2",Manrope,sans-serif;font-weight:800;color:#fff;line-height:1;font-size:clamp(26px,3.2vw,40px);background:#6C5CE0;padding:14px 30px 10px;border-radius:22px;text-transform:uppercase;text-align:center;box-shadow:0 16px 28px -16px rgba(60,40,150,.7)}
.mvg .mv-faq .fpr{margin:0;font-size:14px;font-weight:700;color:#5A5670}
.mvg .mv-faq .fbar{width:220px;height:8px;border-radius:8px;background:#E6E1F7;overflow:hidden}
.mvg .mv-faq .fbar span{display:block;height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,#F5A623,#EF87AC,#6C5CE0);transition:width .6s cubic-bezier(.22,1,.36,1)}
.mvg .mv-faq .fq{display:flex;flex-direction:column;gap:16px;max-width:860px;margin:0 auto}
.mvg .mv-faq .fi{position:relative}
.mvg .mv-faq .fbox{position:relative;z-index:1;border-radius:22px;background:#fff;border:2px solid #E2DAFA;transition:border-color .4s ease,box-shadow .4s ease,transform .45s cubic-bezier(.22,1,.36,1),background .3s}
.mvg .mv-faq .fi.seen .fbox{background:#EEE8FC}
.mvg .mv-faq .fi.open .fbox{background:#fff;border-color:var(--c);box-shadow:0 18px 30px -20px rgba(43,35,80,.35)}
.mvg .mv-faq .fi.hint .fbox{z-index:4;border-color:var(--c);box-shadow:0 0 0 4px var(--soft),0 18px 30px -18px var(--c);transform:translateY(-3px)}
.mvg .mv-faq button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;gap:14px;padding:18px 18px 18px 16px}
.mvg .mv-faq .fn{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:var(--soft);color:var(--ink);font-family:"Baloo 2",Manrope,sans-serif;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center}
.mvg .mv-faq h3,.mvg .mv-faq .fq-h{flex:1;margin:0;font-family:Manrope,sans-serif;font-weight:800;font-size:16.5px;color:#2B2350;line-height:1.35}
.mvg .mv-faq .fpl{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--soft);color:var(--ink);font-size:24px;font-weight:600;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.22,1,.36,1),background .3s,color .3s}
.mvg .mv-faq .fi.open .fpl{transform:rotate(45deg);background:var(--c);color:#fff}
.mvg .mv-faq .fa{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1)}
.mvg .mv-faq .fi.open .fa{grid-template-rows:1fr}
.mvg .mv-faq .fa>div{overflow:hidden}
.mvg .mv-faq .fai{padding:0 20px 20px 66px}
.mvg .mv-faq .fai p{margin:0;color:#4A4660;font-size:15px;line-height:1.55}
.mvg .mv-faq .fhint{position:absolute;right:62px;bottom:calc(100% - 3px);z-index:6;display:flex;align-items:flex-end;gap:6px;pointer-events:none;opacity:0;transform:translateY(10px) scale(.85);transform-origin:right bottom;transition:opacity .35s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.mvg .mv-faq .fi.hint .fhint{opacity:1;transform:none}
.mvg .mv-faq .fhint span{margin-bottom:22px;background:#fff;color:#2B2350;font-size:13px;font-weight:800;padding:7px 12px;border-radius:14px 14px 4px 14px;border:2px solid var(--c);box-shadow:0 10px 18px -10px rgba(43,35,80,.45);white-space:nowrap}
.mvg .mv-faq .fhint img{height:64px;width:auto;filter:drop-shadow(0 6px 8px rgba(43,35,80,.3))}
@media (max-width:900px){
.mvg .mv-faq{padding:28px 14px 30px}
.mvg .mv-faq .fh{gap:4px 10px;margin-bottom:22px}
.mvg .mv-faq .fhc{order:-1;flex-basis:100%;padding-bottom:6px}
.mvg .mv-faq h2{font-size:24px;padding:12px 20px 8px}
.mvg .mv-faq .fhl,.mvg .mv-faq .fhr{height:120px}
.mvg .mv-faq .fhint{right:48px}
.mvg .mv-faq .fi:first-child .fhint{display:none}
.mvg .mv-faq .fai{padding:0 18px 18px 16px}
}
.mvg.mv-cont{padding-top:0!important}
.mvg.mv-cont .body{padding-top:clamp(22px,2.6vw,32px)!important;background:#F1EDFB!important;border-top-left-radius:0!important;border-top-right-radius:0!important}
.mvg.mv-cut .body{padding-bottom:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
@media (max-width:900px){.mvg.mv-cont .body{padding-top:16px!important}}
/* часть, в которой все блоки скрыты (герой не выбран), не занимает места */
.mvg.mv-cont:not(:has(.body > :not([style*="display: none"]))),.mvg.mv-cut:not(:has(.body > :not([style*="display: none"]))){display:none}

/* /geroi, 06.11: правка после смены шрифтов (не выложено; куда вносить — KUDA.md).
   1) Имена героев в карточках «Другие герои» (Вольт, Коди, Твист, Комфи) и кнопки «Пройти тест →», «Выбрать набор →»
      — обычным шрифтом страницы (семейство Manrope, на /geroi это файл Nunito), жирность прежняя (800 из их стиля).
      До 06.11 они рисовались Manrope: в старом «Baloo 2» не было русских букв. Заголовки h3 «Другие герои Мотивиков» не трогаем.
   2) Размеры, при которых строки снова как до 06.11. */
.mvg span[style*='"Baloo 2", Manrope'],.mvg .btn{font-family:Manrope,sans-serif!important}
.mvg .mv-faq .fai p{font-size:15.5px!important}
@media (max-width:900px){
#vmeste .kvs .bd p{font-size:13px!important}
#vmeste .dream{font-size:14.5px!important}
.mvg .pt p{font-size:15.5px!important}
}
@media (min-width:901px){
#vmeste .kvs .bd p{font-size:14.5px!important}
}

/* 08.11 телефон: раздел «Эмоции» Комфи — во всю ширину, как соседние разделы (скрипт шапки его не растягивал: карточки лежат на уровень глубже) */
@media (max-width:900px){#allrecords section[aria-labelledby="h-komfi-emo"]{margin-left:-12px!important;width:calc(100% + 12px)!important;max-width:none!important}section[aria-labelledby="h-komfi-emo"]>[data-grid]>div{border-radius:0!important;border-left-width:0!important;border-right-width:0!important;box-shadow:none!important}}

/* 08.11 (владелец: «а где Коди?»): на ПК ряд «трое героев — заголовок — Коди» не переносится (после смены шрифтов не хватало 1 px, Коди уезжал вниз) */
@media (min-width:901px){html body .mvg .mv-faq .fh{flex-wrap:nowrap!important;gap:clamp(10px,2.6vw,36px)!important}}

/* 08.11b телефон: абзац «Четыре героя…» крупнее (2.22→2.4cqw), чтобы последняя строка была полной, а не два слова */
@media (max-width:900px){#komanda .k-in{font-size:2.4cqw}}

/* 08.11b /geroi: текст и 💎 в фиолетовых плашках по центру высоты (отступы были под прежний шрифт: 3/1 и 2/0 px) */
#vmeste .st .pill{padding-top:2.5px;padding-bottom:1.5px}
@media (max-width:900px){#vmeste .st .pill{padding-top:1px;padding-bottom:1px}}

/* 12.11 (владелец, iPad): иконка «Регулярные привычки» нарисована на картинке доски komanda-mob.webp кривой (круг с чертой);
   на iPad картинка крупная — заметно. Поверх старой — пятно цвета бумаги и знак ↻ (как «↻ Регулярные» на «Пути героя»).
   Только телефон и iPad (≤900, одна картинка); ПК (komanda.webp) не тронут. */
@media (max-width:900px){
#komanda .k-t1::before{content:"";position:absolute;left:-3.82cqw;top:calc(50% - .45cqw);width:5.6cqw;height:5.6cqw;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334259A' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 12a7.5 7.5 0 1 1-2.2-5.3'/%3E%3Cpath d='M19.6 3.8v4.4h-4.4'/%3E%3C/svg%3E") center/66% no-repeat,radial-gradient(circle,#FAD5C3 58%,rgba(250,213,195,0) 71%)}
}
/* 12.11b (владелец: «да» на ПК): то же для ПК — картинка komanda.webp, иконка мельче и стоит у первой строки текста */
@media (min-width:901px){
#komanda .k-t1::before{content:"";position:absolute;left:-1.3cqw;top:calc(50% - .53cqw);width:2.1cqw;height:2.1cqw;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334259A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 12a7.5 7.5 0 1 1-2.2-5.3'/%3E%3Cpath d='M19.6 3.8v4.4h-4.4'/%3E%3C/svg%3E") center/68% no-repeat,radial-gradient(circle,#FBDFCB 58%,rgba(251,223,203,0) 71%)}
}