:root{--paper:#f7f9f5;--ink:#172c27;--gold:#f2dda4;--muted:#586960;--line:#d3ddd4;--soft:#eaf0e9}*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}body.dialog-open{overflow:hidden}h1, h2, h3, p{margin:0}h1, h2, h3{line-height:1.06;letter-spacing:-.045em}a{color:inherit;text-decoration:none}button, input, textarea, select{font:inherit}button, a, input, textarea, select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a:focus-visible, button:focus-visible, summary:focus-visible{outline:3px solid #9e6c16;outline-offset:5px}img{display:block;max-width:100%}button{color:inherit}button, a{touch-action:manipulation}[hidden]{display:none!important}.container{width:min(1440px,100%);margin-inline:auto;padding-inline:56px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 23px;border:1px solid transparent;border-radius:7px;font-weight:700;font-size:15px;min-height:52px;line-height:1.2}.button-gold, .button-dark, .button.lime{background:var(--gold);color:var(--ink)}.button:hover{filter:brightness(.96)}.breadcrumbs{padding-block:25px;font-size:13px;color:var(--muted)}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:9px 14px;padding:0;margin:0}.breadcrumbs li:not(:last-child):after{content:'/';margin-left:14px;color:#839187}.breadcrumbs a:hover{text-decoration:underline}.page-hero{padding:32px 0 65px;max-width:1000px}.page-hero.has-art{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;min-height:445px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;margin-bottom:19px;color:var(--muted)}h1{font-size:clamp(42px,4.7vw,64px);font-weight:800;overflow-wrap:break-word}.page-lead{font-size:19px;line-height:1.6;color:var(--muted);margin-top:24px;max-width:740px}.hero-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:30px}.text-link{border-bottom:1px solid currentColor;font-size:14px;padding-bottom:2px}.page-hero-art{border-radius:18px;overflow:hidden;align-self:center}.page-hero-art img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.hero-object img{aspect-ratio:1.15;object-fit:contain}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:26px}.section-heading h2, .page-faq h2, .section-label h2{font-size:38px}.section-heading a{font-size:14px;border-bottom:1px solid}.section-heading p{font-size:14px;color:var(--muted)}.catalog{padding:20px 0 60px}.catalog-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}.catalog-filters button, .demo-modes button{background:none;border:1px solid var(--line);border-radius:30px;padding:10px 19px;font-size:13px;min-height:42px}.catalog-filters button[aria-pressed=true], .demo-modes button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.catalog-card{border:1px solid var(--line);border-radius:19px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.catalog-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #172c270c}.card-art{overflow:hidden;background:var(--soft);aspect-ratio:3/2}.card-art img{width:100%;height:100%;object-fit:cover}.card-body{padding:22px;display:flex;flex:1;flex-direction:column}.card-duration{font-size:11px;color:var(--muted);margin-bottom:10px}.card-body h3{font-size:26px}.card-body p{font-size:15px;color:var(--muted);margin-top:12px;margin-bottom:23px;line-height:1.45}.card-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;font-size:12px}.card-actions>a{text-decoration:underline;text-underline-offset:4px}.play-link{display:flex;gap:15px;background:var(--gold);border:0;border-radius:6px;padding:10px 15px;font-size:13px;font-weight:700;min-height:42px}.editorial-sections{margin-top:25px}.content-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;border-top:1px solid var(--line);padding:44px 0}.section-label>span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;background:var(--gold);border-radius:50%;font-size:11px;font-weight:700;margin-bottom:20px}.section-copy{font-size:18px;color:var(--muted)}.section-copy p+p{margin-top:18px}.section-copy ul{padding-left:20px;margin:19px 0 0}.section-copy li+li{margin-top:12px}.page-faq{border-top:1px solid var(--line);padding:52px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.page-faq details{border-bottom:1px solid var(--line)}.page-faq summary{list-style:none;cursor:pointer;padding:20px 35px 20px 0;position:relative;font-size:18px;font-weight:600;line-height:1.4}.page-faq summary::-webkit-details-marker{display:none}.page-faq summary:after{content:'+';position:absolute;right:0;top:15px;font-size:28px;font-weight:400}.page-faq details[open] summary:after{content:'−'}.page-faq details p{padding:0 25px 22px 0;color:var(--muted);font-size:16px}.related{padding:40px 0 65px}.page-cta{background:var(--ink);color:var(--paper);border-radius:20px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:35px;margin:30px 0 75px}.page-cta h2{font-size:43px}.page-cta .eyebrow{color:var(--gold)}.page-cta p:not(.eyebrow){color:#c2d0c5;margin-top:20px;font-size:17px}.page-cta .button{white-space:nowrap}.icon-defs{position:absolute;overflow:hidden}.arrow{width:21px;height:21px}.demo-section{background:#eaf0e9;border-radius:20px;padding:34px;margin-bottom:60px}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.demo-modes{display:flex;gap:7px}.reset-demo{font-size:13px;border:0;background:none;text-decoration:underline;text-underline-offset:4px;padding:12px}.demo-stage{display:flex;justify-content:center}.demo-device{width:380px;max-width:100%;border:8px solid var(--ink);border-radius:34px;overflow:hidden;background:var(--ink);box-shadow:0 15px 35px #172c2714;transition:width .2s}.device-bar{height:35px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 14px;font-size:10px}.device-address{opacity:.7;display:none}.demo-screen{height:664px;position:relative;overflow:hidden;border-radius:0 0 25px 25px;background:var(--paper)}.demo-screen iframe{display:block;width:100%;height:100%;border:0}.demo-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;padding:18px;background:var(--paper)}.demo-placeholder img{width:100%;height:auto;border-radius:15px}.demo-placeholder .button{font-size:13px}.demo-stage[data-mode=web] .demo-device{width:100%;border-radius:13px;border-width:1px}.demo-stage[data-mode=web] .device-address{display:block}.demo-stage[data-mode=web] .demo-screen{border-radius:0 0 12px 12px;display:flex;justify-content:center;background:#dce6dd}.demo-stage[data-mode=web] iframe, .demo-stage[data-mode=web] .demo-placeholder{width:390px;max-width:100%;height:100%;background:var(--paper)}.demo-disclosure{color:var(--muted);font-size:12px;max-width:710px;text-align:center;margin:24px auto 0}.game-dialog{padding:0;border:0;border-radius:18px;width:410px;max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);color:var(--ink);background:var(--paper);overflow:hidden}.game-dialog::backdrop{background:#10251edd;backdrop-filter:blur(5px)}.dialog-toolbar{height:54px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.dialog-toolbar h2{font-size:17px;letter-spacing:-.02em}.close-dialog{font-size:28px;background:transparent;border:0;width:38px;height:38px;line-height:1}.dialog-content{height:min(700px,calc(100dvh - 78px))}.dialog-content iframe{display:block;border:0;width:100%;height:100%}.contact-panel{background:var(--ink);color:var(--paper);border-radius:20px;padding:44px;display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;margin-bottom:65px}.contact-copy .editorial-sections{margin:0}.contact-copy .content-section{display:block;border-color:#456055;padding:25px 0}.contact-copy .content-section:first-child{padding-top:0;border-top:0}.contact-copy .section-label>span{display:none}.contact-copy .section-label h2{font-size:26px;margin-bottom:17px}.contact-copy .section-copy{font-size:16px;color:#c1d1c6}.lead-form{display:grid;gap:18px;align-self:start}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:8px;font-size:13px}.field input, .field textarea, .field select{width:100%;min-width:0;border:1px solid #819688;border-radius:7px;background:transparent;color:white;padding:13px 14px;font-size:15px;min-height:48px}.field select{background:#203e31}.field textarea{min-height:132px;resize:vertical}.field input::placeholder, .field textarea::placeholder{color:#b7c6bc}.field input:focus, .field textarea:focus, .field select:focus{outline:2px solid var(--gold);outline-offset:2px}.lead-form .button{width:100%}.form-message{font-size:14px;line-height:1.5;min-height:22px;color:var(--gold)}.form-message.error{color:#ffd8a5}.bot-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-help{font-size:11px;color:#b7cabc;line-height:1.6}
@media(max-width:1150px){.page-hero.has-art{gap:35px}.page-hero h1{font-size:52px}.content-section, .page-faq{gap:45px}.contact-panel{gap:35px;padding:34px}.field-pair{grid-template-columns:1fr}.section-label h2{font-size:34px}.card-body{padding:18px}.card-body h3{font-size:24px}}
@media(max-width:900px){.catalog-grid{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.page-hero.has-art{gap:25px}.page-hero h1{font-size:44px}.page-lead{font-size:17px}.page-hero{padding-top:25px}.contact-panel{grid-template-columns:1fr}.field-pair{grid-template-columns:1fr 1fr}.page-cta{padding:35px}.page-cta h2{font-size:36px}.page-cta .button{font-size:13px}.content-section, .page-faq{grid-template-columns:1fr 1.15fr;gap:32px}.section-label h2, .page-faq h2{font-size:30px}.section-copy{font-size:16px}}
@media(max-width:650px){.breadcrumbs{font-size:11px;padding-block:21px}.page-hero.has-art{display:flex;flex-direction:column;gap:30px;align-items:stretch}.page-hero{padding:17px 0 43px}.page-hero h1{font-size:40px}.eyebrow{font-size:10px;margin-bottom:16px}.page-lead{font-size:17px;margin-top:22px}.hero-buttons{gap:20px;margin-top:25px}.page-hero-art img{aspect-ratio:3/2}.hero-object img{aspect-ratio:1.35}.page-hero-art{border-radius:14px}.button{font-size:14px;padding:14px 18px}.section-heading{align-items:start;gap:18px}.section-heading h2{font-size:31px}.section-heading>a{font-size:12px;white-space:nowrap}.section-heading>p{font-size:12px;white-space:nowrap;padding-top:7px}.catalog-filters{gap:7px;margin-bottom:25px}.catalog-filters button{font-size:11px;padding:9px 13px}.catalog-grid{grid-template-columns:1fr;gap:22px}.card-body{padding:21px}.card-body h3{font-size:27px}.card-body p{font-size:16px}.card-art{aspect-ratio:1.65}.catalog{padding-bottom:30px}.content-section{display:block;padding:30px 0}.section-label{margin-bottom:22px}.section-label>span{margin-bottom:15px}.section-label h2{font-size:30px}.section-copy{font-size:16px}.page-faq{display:block;padding:35px 0}.page-faq>div:first-child{margin-bottom:20px}.page-faq summary{font-size:17px}.related{padding:25px 0 35px}.page-cta{padding:30px 24px;display:block;margin:20px 0 50px;border-radius:16px}.page-cta h2{font-size:34px}.page-cta p:not(.eyebrow){font-size:16px}.page-cta .button{margin-top:28px}.demo-section{padding:22px 13px;margin-bottom:38px;border-radius:16px}.demo-section .section-heading{display:block;margin-bottom:18px}.demo-section .section-heading>a{display:inline-block;margin-top:15px}.demo-toolbar{gap:6px}.demo-modes button{font-size:11px;padding:9px 12px}.reset-demo{font-size:11px;padding:10px 3px}.demo-device{border-width:4px;border-radius:22px}.demo-screen{height:590px;border-radius:0 0 18px 18px}.device-bar{height:27px;font-size:9px}.demo-disclosure{font-size:11px}.demo-placeholder{padding:10px}.demo-placeholder .button{font-size:12px}.contact-panel{padding:27px 20px;gap:30px;margin-bottom:40px}.field-pair{grid-template-columns:1fr}.contact-copy .section-label h2{font-size:25px}.contact-copy .section-copy{font-size:15px}.game-dialog{max-width:calc(100% - 12px);max-height:calc(100dvh - 12px)}.dialog-content{height:min(700px,calc(100dvh - 66px))}}.button-outline{background:transparent;border-color:var(--ink);color:var(--ink)}.scope-band{background:var(--ink);color:var(--paper);margin-inline:calc(-1 * max(56px,(100vw - 1440px)/2 + 56px));padding:48px max(56px,calc((100vw - 1440px)/2 + 56px));border:0}.scope-band .section-copy{color:#c6d5cb}.scope-band .section-label>span{color:var(--ink)}.page-faq{display:block;max-width:1060px;margin-inline:auto}.page-faq>div:first-child{text-align:center;margin-bottom:28px}.page-faq summary:after{content:'';width:13px;height:13px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);top:22px;right:5px}.page-faq details[open] summary:after{content:'';transform:rotate(225deg);top:28px}.page-cta{background:var(--gold);color:var(--ink)}.page-cta p:not(.eyebrow){color:#405249}.page-cta .button{background:var(--ink);color:var(--gold)}@media(max-width:650px){.page-faq>div:first-child{text-align:left}.hero-buttons .button-outline{font-size:13px;padding-inline:15px}}.page-hero h1{text-wrap:balance}.play-link, .catalog-filters button, .demo-modes button, .close-dialog{min-height:44px}.close-dialog{min-width:44px}.field input, .field textarea, .field select{font-size:16px}.dialog-content{position:relative}.demo-load-status{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:12px;background:var(--gold);color:var(--ink);font-size:12px}.demo-load-status a{text-decoration:underline}
@media(min-width:1151px){.page-hero.has-art{grid-template-columns:1.08fr .92fr}.page-hero.has-art h1{font-size:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*, *:before, *:after{transition:none!important;animation:none!important}}/* Ширина и поля повторяют .wrap главной, чтобы контент не «прыгал» между страницами. */
@media(max-width:1180px){.container{padding-inline:36px}}
@media(max-width:700px){.container{padding-inline:20px}}/* Полоса во всю ширину повторяет поля .container; точки перелома те же (1180/700).
   overflow-x:clip на body страхует от полосы прокрутки: 100vw её учитывает. */
@media(max-width:1180px){.scope-band{margin-inline:-36px;padding-inline:36px}}
@media(max-width:700px){.scope-band{margin-inline:-20px;padding-inline:20px}}
.article-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:22px;font-size:14px;color:var(--muted)}.article-meta>*+*:before{content:'·';margin-right:18px;color:#9aa89f}.article-cover{margin:0 0 48px;max-width:1040px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.article-cover img{width:100%;height:auto}.article-body{max-width:1040px;margin-bottom:40px;font-size:18px;line-height:1.7;color:#243a33}.article-body>*+*{margin-top:18px}.article-body h2{font-size:36px;margin-top:64px;color:var(--ink)}.article-body h3{font-size:25px;margin-top:44px;letter-spacing:-.03em;color:var(--ink)}.article-body h2+*,.article-body h3+*{margin-top:16px}.article-body strong{color:var(--ink)}.article-body a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#9aa89f}.article-body a:hover{text-decoration-color:currentColor}.article-body sup{line-height:0;font-size:12px;margin-left:2px}.article-body sup a{text-decoration:none;color:#7a5b16;font-weight:700}.article-body code{font-family:ui-monospace,Consolas,monospace;font-size:.88em;background:var(--soft);padding:2px 6px;border-radius:5px}.article-body table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5;margin-top:26px}.article-body th,.article-body td{text-align:left;vertical-align:top;padding:13px 16px 13px 0;border-bottom:1px solid var(--line)}.article-body th{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.article-body hr{border:0;border-top:1px solid var(--line);margin:60px 0 0}.article-body ol{padding-left:22px;font-size:15px;line-height:1.55}.article-body ol li+li{margin-top:8px}.article-body ol a{overflow-wrap:anywhere}.article-body li:target{background:var(--gold);border-radius:4px}.page-cta-secondary a{border-bottom:1px solid currentColor}.blog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-bottom:70px}.blog-card{border:1px solid var(--line);border-radius:19px;overflow:hidden;display:flex;flex-direction:column;background:#fff}.blog-card-art img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.blog-card-body{padding:26px;display:flex;flex-direction:column;flex:1}.blog-card-body .article-meta{margin-top:0}.blog-card h2{font-size:28px;margin-top:14px}.blog-card h2 a:hover{text-decoration:underline}.blog-card-body>p:not(.article-meta){color:var(--muted);margin-top:14px;margin-bottom:22px;font-size:16px}.blog-card .text-link{margin-top:auto;align-self:flex-start}
@media(max-width:650px){.article-cover{margin-bottom:34px;border-radius:14px}.article-body{font-size:17px}.article-body h2{font-size:29px;margin-top:48px}.article-body h3{font-size:22px;margin-top:36px}.article-body table{display:block;overflow-x:auto;font-size:15px}.article-meta{font-size:13px}.blog-list{grid-template-columns:1fr;margin-bottom:45px}.blog-card-body{padding:21px}.blog-card h2{font-size:25px}}
@media(max-width:650px){[data-page=article] .page-hero h1{font-size:31px;letter-spacing:-.035em}}
.article-layout{display:grid;grid-template-columns:minmax(0,1040px) 260px;gap:48px;align-items:start}.article-main{min-width:0}.article-body h2,.article-body h3{scroll-margin-top:100px}.article-toc{position:sticky;top:96px;border-left:1px solid var(--line);padding:4px 0 4px 22px}.article-toc-title,.article-toc-inline summary{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.article-toc ol,.article-toc-inline ol{list-style:none;margin:14px 0 0;padding:0;font-size:14px;line-height:1.4}.article-toc li+li,.article-toc-inline li+li{margin-top:10px}.article-toc a,.article-toc-inline a{color:#40554c}.article-toc a:hover,.article-toc-inline a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.article-toc-inline{display:none}
@media(max-width:1150px){.article-layout{display:block}.article-toc{display:none}.article-toc-inline{display:block;margin:0 0 36px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px 20px}.article-toc-inline summary{cursor:pointer;list-style-position:inside}.article-toc-inline[open] summary{margin-bottom:4px}}

/* Подпись под обложкой статьи (блог, 24.09.2026) */
.article-cover figcaption{padding:12px 18px 14px;border-top:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--muted)}

/* Таблицы в статьях блога (24.09.2026): карточка, читаемая шапка, зебра */
.article-body table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;font-size:16px;line-height:1.55;margin:28px 0 8px}
.article-body th,.article-body td{padding:14px 18px;border-bottom:1px solid var(--line)}
.article-body thead th{background:var(--soft);color:var(--ink);font-size:14px;font-weight:700;text-transform:none;letter-spacing:0}
.article-body tbody tr:last-child td{border-bottom:0}
.article-body tbody tr:nth-child(even) td{background:#fafbf8}
.article-body tbody tr:hover td{background:#f3f6f1}
.article-body td:first-child{font-weight:600;color:var(--ink)}
.article-body td strong{font-weight:inherit}
.article-body .nowrap{white-space:nowrap}
.article-body td+td,.article-body th+th{border-left:1px solid #e6ece6}
@media(max-width:650px){.article-body table{font-size:15px;border-radius:14px}.article-body th,.article-body td{padding:12px 14px;min-width:150px}.article-body td:first-child{min-width:130px}}

/* Цитата в статье блога (24.09.2026) */
.article-body blockquote{margin:26px 0;padding:18px 22px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;color:var(--ink)}
.article-body blockquote p{margin:0}

/* Блок «Другие статьи» под статьёй (24.09.2026) */
.blog-card h3{font-size:24px;line-height:1.2;margin-top:14px}
.blog-card h3 a:hover{text-decoration:underline}
.related-articles .blog-list{margin-bottom:0}