/* Страницы программ и персонажей: те же цвета и шрифты, что на главной, без скриптов. */
@font-face{font-family:'Nunito Sans';font-weight:400;font-display:swap;src:url(/assets/fonts/nunito-400.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-weight:700;font-display:swap;src:url(/assets/fonts/nunito-700.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-weight:800;font-display:swap;src:url(/assets/fonts/nunito-800.woff2) format('woff2')}
@font-face{font-family:'M PLUS Rounded 1c';font-weight:800;font-display:swap;src:url(/assets/fonts/rounded-800.woff2) format('woff2')}
@font-face{font-family:'M PLUS Rounded 1c';font-weight:900;font-display:swap;src:url(/assets/fonts/rounded-900.woff2) format('woff2')}
:root{--ink:#26094f;--muted:#665574;--raspberry:#f52056;--violet:#7044e7;--cream:#fffdf8;--soft:#f4eefc;--display:'M PLUS Rounded 1c',sans-serif;--radius:24px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Nunito Sans',sans-serif;color:var(--ink);background:var(--cream);line-height:1.55;font-synthesis:none}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
.wrap{width:min(1120px,100% - 40px);margin-inline:auto}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.page-header{padding:18px 0;border-bottom:1px solid #eee5f5}
.page-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.wordmark{display:flex;flex-direction:column;text-decoration:none;font-family:var(--display);font-weight:900;line-height:.9;letter-spacing:-.03em}
.wordmark span{font-size:17px}.wordmark strong{font-size:25px;color:var(--raspberry)}
.page-header nav{display:flex;align-items:center;gap:20px;font-weight:800;font-size:15px}
.page-header nav a{text-decoration:none}.page-header nav a:hover{color:var(--violet)}
.header-phone{display:flex;align-items:center;gap:7px;color:var(--violet)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:22px 0 0;padding:0;font-size:13px;color:var(--muted)}
.crumbs li+li::before{content:'›';margin-right:6px}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--violet)}
h1,h2{font-family:var(--display);font-weight:900;letter-spacing:-.03em;line-height:1.08;margin:0}
h1{font-size:clamp(32px,5vw,52px)}h2{font-size:clamp(24px,3.2vw,34px)}
.item{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:44px;align-items:start;margin-top:26px}
.item-image{border-radius:var(--radius);aspect-ratio:1;object-fit:cover;width:100%;background:var(--soft)}
.kicker{margin:6px 0 10px;font-weight:800;color:var(--violet);text-transform:uppercase;letter-spacing:.06em;font-size:13px}
.lead{font-size:18px;margin:18px 0 0;max-width:62ch}
.fact{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0;padding:14px 16px;background:var(--soft);border-radius:16px;font-size:15px}
.fact .icon{color:var(--violet);margin-top:2px}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:12px 22px;border-radius:999px;border:2px solid #d4164a;background:#d4164a;color:#fff;font-weight:800;font-size:15px;text-decoration:none}
.button:hover{filter:brightness(1.06)}
.button-outline{background:transparent;color:var(--violet);border-color:#d6c7ef}
.button-outline:hover{background:#f0e8ff;filter:none}
.note{margin:20px 0 0;font-size:13px;color:var(--muted);max-width:60ch}
.steps,.related,.hub{margin-top:64px}
.steps ol{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;margin:24px 0 0}
.steps li{counter-increment:s;background:#fff;border:1px solid #eee5f5;border-radius:20px;padding:22px}
.steps li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--violet);color:#fff;font-weight:800;margin-bottom:12px}
.steps li strong{display:block;font-size:17px}.steps li span{display:block;margin-top:6px;color:var(--muted);font-size:15px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}
.hub .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid #eee5f5;border-radius:20px;overflow:hidden;text-decoration:none;transition:transform .15s}
.card:hover{transform:translateY(-3px)}
.card img{aspect-ratio:1;object-fit:cover;width:100%}
.card span{padding:14px 16px 16px}.card strong{display:block;font-size:16px;line-height:1.25}.card small{display:block;margin-top:4px;color:var(--muted);font-size:13px}
.more{margin:22px 0 0}.more a{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--violet);text-decoration:none}
.page-footer{margin-top:80px;padding:44px 0 36px;background:#26094f;color:#efe8fb}
.page-footer a{text-decoration:none}.page-footer a:hover{color:#fff;text-decoration:underline}
.footer-contacts{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 22px;font-weight:700}
.footer-phone{font-family:var(--display);font-size:28px;font-weight:900}
.footer-contacts span{color:#bfb0d6;font-weight:400}
.footer-catalog{margin-top:30px}
.footer-catalog h2{font-size:18px}
.footer-catalog ul{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;padding:0;margin:12px 0 0;font-size:14px;color:#cfc3e3}
.copyright{margin:32px 0 0;font-size:13px;color:#a998c4}
@media(max-width:900px){.item{grid-template-columns:1fr;gap:24px}.item-image{max-width:520px}.grid,.hub .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps ol{grid-template-columns:1fr}}
@media(max-width:560px){.wrap{width:calc(100% - 32px)}.page-header nav a:not(.header-phone){display:none}.header-phone span{font-size:14px}.cta .button{width:100%}.lead{font-size:16px}.grid,.hub .grid{gap:12px}.card span{padding:10px 12px 12px}.card strong{font-size:14px}.steps,.related,.hub{margin-top:48px}}
