/* aizecom.ru — static SEO pages (/ru/crm/, /ru/sayt-s-crm/, /ru/integracii/, /ru/soprovozhdenie/, /ru/brif/, /ru/privacy/,
   /ru/cases/<slug>/) and the requisites line in site footers. 08.10.2026, SEO & AEO Desk. Uses cases.css variables. */
.page-seo main { max-width: 920px; margin: 0 auto; padding: 18px 0 8px; }
.page-seo .hero-title { margin: 14px 0 10px; font-size: clamp(1.7rem, 4vw, 2.6rem); font-weight: 900; line-height: 1.12; letter-spacing: -.02em; }
.seo-crumbs { font-size: .8rem; color: #8b97b8; margin-top: 10px; }
.seo-crumbs a { color: #8defff; }
.seo-lead { color: #c9d4ee; font-size: 1.05rem; line-height: 1.6; margin: 0 0 8px; }
.seo-sec { margin: 26px 0; }
.seo-sec h2 { font-size: 1.25rem; font-weight: 800; margin: 0 0 10px; color: #f3f6ff; }
.seo-sec p { color: #c5d0ea; line-height: 1.6; margin: 0 0 10px; }
.seo-sec a:not(.cta-btn):not(.seo-rel):not(.seo-card) { color: #8defff; text-decoration: underline; }
.seo-list { margin: 0; padding: 0 0 0 1.1em; color: #d5def3; line-height: 1.6; }
.seo-list li { margin: 4px 0; }
.seo-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.seo-steps li { border: 1px solid rgba(76,178,255,.2); background: rgba(4,8,20,.55); border-radius: 14px; padding: 12px 14px; color: #dfe7ff; font-size: .92rem; }
.seo-steps b { display: block; color: #24e5ff; font-size: .75rem; letter-spacing: .1em; margin-bottom: 4px; }
.seo-faq { border: 1px solid rgba(76,178,255,.18); border-radius: 12px; background: rgba(4,8,20,.5); margin: 8px 0; padding: 0 14px; }
.seo-faq summary { cursor: pointer; padding: 12px 0; font-weight: 700; color: #eef3ff; }
.seo-faq p { padding: 0 0 12px; margin: 0; }
.seo-rels { display: flex; flex-wrap: wrap; gap: 8px; }
.seo-rel { border: 1px solid rgba(76,178,255,.3); border-radius: 999px; padding: 7px 13px; color: #bfe9ff; font-size: .86rem; font-weight: 700; }
.seo-rel:hover { background: rgba(36,229,255,.1); }
.seo-cards { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.seo-card { display: block; border: 1px solid rgba(76,178,255,.2); border-radius: 16px; background: rgba(4,8,20,.55); padding: 14px 16px; color: #dfe7ff; }
.seo-card h3 { margin: 0 0 6px; font-size: 1rem; }
.seo-card p { margin: 0; color: #aebadd; font-size: .88rem; }
.seo-form { display: grid; gap: 10px; max-width: 560px; }
.seo-form label { display: grid; gap: 4px; font-size: .85rem; color: #aebadd; font-weight: 600; }
.seo-form input, .seo-form textarea { width: 100%; border-radius: 12px; border: 1px solid rgba(117,174,255,.28); background: rgba(10,18,42,.8); color: #f3f6ff; padding: 10px 12px; font: inherit; }
.seo-form .is-bad { border-color: #ff6b8a; }
.seo-form-status { min-height: 1.2em; font-size: .88rem; margin: 0; color: #c5d0ea; }
.seo-form-status.is-ok { color: #5eead4; }
.seo-form-status.is-err { color: #ff9bb0; }
.seo-note { font-size: .78rem; color: #8b97b8; margin: 0; }
.seo-note a { color: #8defff; text-decoration: underline; }
.seo-plate { display: inline-block; border: 1px dashed rgba(250,204,21,.5); color: #fde68a; border-radius: 999px; padding: 4px 12px; font-size: .78rem; font-weight: 700; margin: 6px 0; }
.seo-calc-sum { border: 1px solid rgba(36,229,255,.35); border-radius: 12px; padding: 10px 12px; color: #bff4ff; }
.seo-brief .card { margin: 12px 0; }
.seo-foot { text-align: left; }
.seo-foot-grid { display: grid; gap: 18px; grid-template-columns: 1.4fr repeat(3, 1fr); margin-bottom: 14px; }
.seo-foot-grid h4 { margin: 0 0 6px; color: #dfe7ff; font-size: .82rem; }
.seo-foot-grid a { display: block; margin: 3px 0; font-weight: 600; }
.seo-foot-brand p { margin: 4px 0 0; color: #8b97b8; }
@media (max-width: 760px) { .seo-foot-grid { grid-template-columns: 1fr 1fr; } }
.seo-foot-legal, .az-req { font-size: .72rem; color: #7d8aa8; line-height: 1.6; margin: 8px 0 0; }
.seo-foot-legal a, .az-req a { color: #8defff; font-weight: 600; }
/* /ru/dev/: text around the calculator (the calculator itself is not styled here) */
body.page-devcalc .dev-seo { color: #c5d0ea; font-family: Inter, system-ui, sans-serif; }
body.page-devcalc .dev-seo-top { padding-top: 18px; text-align: center; }
body.page-devcalc .dev-seo-h1 { margin: 0 auto 6px; font-size: clamp(1.05rem, 2.2vw, 1.35rem); font-weight: 800; color: #e6ecff; letter-spacing: .01em; }
body.page-devcalc .dev-seo-lead { max-width: 760px; margin: 0 auto; font-size: .9rem; line-height: 1.55; color: #9fb0d4; }
body.page-devcalc .dev-seo a { color: #8defff; text-decoration: underline; }
body.page-devcalc .dev-seo-bottom { padding: 28px 16px 8px; max-width: 920px; }
body.page-devcalc .dev-seo-bottom h2 { font-size: 1.15rem; font-weight: 800; color: #eef3ff; margin: 0 0 10px; }
body.page-devcalc .dev-seo-links { font-size: .85rem; margin-top: 14px; }
/* Arena pages: static text inside #root until the React bundle mounts (SEO-306) */
.arena-seo { max-width: 920px; margin: 32px auto; padding: 0 20px; color: #c5d0ea; font-family: Inter, system-ui, sans-serif; line-height: 1.6; }
.arena-seo h1 { font-size: clamp(1.6rem, 4vw, 2.4rem); font-weight: 900; color: #f3f6ff; margin: 0 0 12px; }
.arena-seo h2 { font-size: 1.15rem; color: #eef3ff; margin: 20px 0 8px; }
.arena-seo h3 { font-size: 1rem; color: #e6ecff; margin: 12px 0 4px; }
.arena-seo ul { padding-left: 1.1em; }
.arena-seo a { color: #8defff; text-decoration: underline; }

/* /ru/ hero: home-arena.js splits line 1 into letter spans, so a long line could break inside a word («C|RM»).
   Keep «Разрабатываем CRM» on one line and scale it to the hero width. */
#page-home .ah-title .ah-l1 { white-space: nowrap; font-size: min(4.4rem, 6.2vw); }

/* elements with the hidden attribute stay hidden even if a class sets display */
.page-seo [hidden] { display: none !important; }

/* /ru/brif/ uses the light form styles of /offer/dev/ (site.css + deal-brief.css): dark-theme colours replaced */
body.page-brif .seo-lead { color: #4a5675; }
body.page-brif .seo-crumbs { color: #6b7590; }
body.page-brif .seo-crumbs a, body.page-brif .seo-lead a, body.page-brif .seo-note a,
body.page-brif .seo-foot-grid a, body.page-brif .seo-foot-legal a, body.page-brif .az-req a { color: #4338ca; }
body.page-brif .seo-note { color: #5b6478; margin-top: 8px; }
body.page-brif .seo-foot-grid h4 { color: #1f2937; }
body.page-brif .seo-foot-brand p, body.page-brif .seo-foot-legal { color: #5b6478; }
body.page-brif .seo-card { background: #fff; border-color: #dfe3ee; color: #111827; }
body.page-brif .seo-card p { color: #4a5675; }
body.page-brif .seo-sec p { color: #4a5675; }
body.page-brif .seo-sec a:not(.cta-btn):not(.seo-rel):not(.seo-card) { color: #4338ca; }