/* Сайт набран Arial (.mkt { --font }), внешний шрифт не грузим: @import Google Fonts задерживал стили, и Safari зависал */
/* Public UI. React Bits adaptations: see /react-bits-license.txt and docs/react-bits-audit.json. */
html:has(body.mkt) { background:#f6f8fc; scroll-behavior:smooth; scroll-padding-top:calc(var(--nav-height,78px) + 24px); }
.mkt {
  --ink:#14233d; --copy:#52627a; --muted:#64748b; --blue:#2363eb; --blue-hover:#164fce;
  --surface:#fff; --wash:#f6f8fc; --border:#dce4f0; --radius:20px; --gap:24px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  margin:0; background:var(--wash); color:var(--copy); font:400 16px/1.65 var(--font);
  -webkit-font-smoothing:antialiased;
}
.mkt *, .mkt *::before, .mkt *::after { box-sizing:border-box; }
.mkt [hidden] { display:none!important; }
.mkt :is(a,button,input,textarea,select,summary):focus-visible { outline:3px solid #93b4ff; outline-offset:4px; }
.mkt a { color:inherit; text-underline-offset:4px; }
.mkt a:hover { color:var(--blue); }
.mkt button,.mkt input,.mkt textarea,.mkt select { font:inherit; }
.mkt button { cursor:pointer; }
.mkt :is(.wrap,.m-wrap) { width:min(1200px,calc(100% - 64px)); margin-inline:auto; padding-inline:0; }
.mkt :is(h1,h2,h3) { color:var(--ink); text-wrap:balance; letter-spacing:-.035em; font-weight:650; }
.mkt h1 { font-size:clamp(38px,5.4vw,72px); line-height:1.08; max-width:980px; margin:20px 0 24px; }
.mkt h2 { font-size:clamp(29px,3.5vw,46px); line-height:1.16; margin:0 0 20px; }
.mkt .apps-overview > .m-wrap > h2 { max-width:19ch; }
.mkt h3 { font-size:22px; line-height:1.3; margin:0 0 12px; }
.mkt p { margin:0 0 20px; }
.mkt p:last-child { margin-bottom:0; }
.mkt :is(.lime,.m-eyebrow,.label) { color:var(--blue); }
.mkt :is(.label,.m-eyebrow) { display:block; font-size:11px; font-weight:700; line-height:1.5; letter-spacing:.13em; text-transform:uppercase; margin-bottom:16px; }
.mkt :is(.m-lead,.lead) { max-width:760px; font-size:19px; line-height:1.65; }
.mkt :is(.m-fine,.calc-note) { color:var(--muted); font-size:13px; line-height:1.6; }
.mkt :is(.btn,.m-btn) { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:12px 22px; border:1px solid var(--border); border-radius:12px; font:600 14px/1.4 var(--font); text-align:center; text-decoration:none; color:var(--ink); background:var(--surface); transition:background .18s,border-color .18s,box-shadow .18s; }
.mkt :is(.btn-lime,.m-btn.primary) { color:#fff; background:var(--blue); border-color:var(--blue); box-shadow:0 5px 14px #2363eb18; }
.mkt :is(.btn-lime,.m-btn.primary):hover { color:#fff; background:var(--blue-hover); border-color:var(--blue-hover); }
.mkt :is(.btn-line,.m-btn:not(.primary)):hover { border-color:var(--blue); color:var(--blue); background:#f1f6ff; }
.mkt :is(.btn,.m-btn):disabled { opacity:.55; cursor:wait; }
.mkt .btn-sm { min-height:42px; padding:10px 16px; }
.mkt :is(.m-actions,.cta) { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:28px; }
.mkt .m-nav { position:sticky; top:0; z-index:30; background:#ffffffed; backdrop-filter:blur(16px); border-bottom:1px solid var(--border); }
.mkt .m-nav .m-wrap { min-height:78px; display:flex; align-items:center; gap:28px; }
.mkt .m-brand { margin-right:auto; color:var(--ink); font-size:20px; font-weight:750; letter-spacing:-.04em; text-decoration:none; white-space:nowrap; }
.mkt .m-brand > span { margin-left:4px; }
.mkt .m-links { display:flex; align-items:center; gap:28px; }
.mkt .m-links a,.mkt .m-menu summary { font-size:14px; font-weight:550; text-decoration:none; }
.mkt .m-menu { position:relative; }
.mkt .m-menu summary { display:flex; align-items:center; gap:8px; cursor:pointer; list-style:none; padding:15px 0; }
.mkt .m-menu summary::-webkit-details-marker { display:none; }
.mkt .m-menu summary::after { content:''; flex:none; width:7px; height:7px; border-right:1.5px solid var(--blue); border-bottom:1.5px solid var(--blue); transform:translateY(-2px) rotate(45deg); }
.mkt .m-dropdown { display:none; position:absolute; top:100%; left:-16px; z-index:31; min-width:235px; padding:8px; background:#fff; border:1px solid var(--border); border-radius:14px; box-shadow:0 18px 48px #14233d18; }
.mkt .m-menu[open] .m-dropdown { display:grid; }
@media(hover:hover) { .mkt .m-menu:hover .m-dropdown { display:grid; } }
.mkt .m-dropdown a { padding:12px; border-radius:8px; white-space:nowrap; }
.mkt .m-dropdown a:hover { background:#edf4ff; }
.mkt .m-links [aria-current=page] { color:var(--blue); }
.mkt .m-language { display:inline-flex; align-items:center; gap:3px; padding:3px; border:1px solid var(--border); border-radius:10px; background:#fff; }
.mkt .m-language a { min-width:30px; padding:6px 7px; border-radius:7px; color:var(--muted); font-size:11px; font-weight:700; line-height:1; text-align:center; text-decoration:none; }
.mkt .m-language a:hover { color:var(--blue); background:#edf4ff; }
.mkt .m-language a[aria-current=page] { color:#fff; background:var(--blue); }
.mkt .m-nav-language { flex:none; }
.mkt .m-language--dropdown { position:relative; display:block; padding:0; border:0; background:transparent; }
.mkt .m-language-dropdown { position:relative; }
.mkt .m-language-dropdown summary { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:72px; min-height:34px; padding:8px 12px; list-style:none; cursor:pointer; border:1px solid var(--border); border-radius:10px; color:var(--ink); background:#fff; font-size:11px; font-weight:750; line-height:1; }
.mkt .m-language-dropdown summary::-webkit-details-marker { display:none; }
.mkt .m-language-dropdown summary::after { content:''; width:6px; height:6px; flex:none; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .18s; }
.mkt .m-language-dropdown[open] summary::after { transform:translateY(2px) rotate(225deg); }
.mkt .m-language-options { display:none; position:absolute; top:calc(100% + 8px); right:0; z-index:120; min-width:164px; padding:6px; border:1px solid var(--border); border-radius:12px; background:#fff; box-shadow:0 16px 42px #14233d24; }
.mkt .m-language-dropdown[open] .m-language-options { display:grid; }
.mkt .m-language--dropdown .m-language-options a { display:flex; align-items:center; justify-content:space-between; gap:16px; min-width:0; width:100%; padding:10px 11px; border-radius:8px; color:var(--ink); font-size:12px; line-height:1.2; text-align:left; }
.mkt .m-language--dropdown .m-language-options a:hover { color:var(--blue); background:#edf4ff; }
.mkt .m-language--dropdown .m-language-options a[aria-current=page] { color:var(--blue); background:#edf4ff; }
.mkt .m-language-options small { color:var(--muted); font-size:10px; font-weight:750; }
.mkt :is(.hero,.m-hero) { padding:88px 0; background:radial-gradient(ellipse at 65% 0%,#e4eeff,transparent 64%),linear-gradient(#fff,var(--wash)); }
.mkt .hero { text-align:center; }
.mkt .hero :is(h1,.lead) { margin-inline:auto; }
.mkt .hero .cta { justify-content:center; }
.mkt :is(section.block,.m-section) { padding:88px 0; border-top:1px solid var(--border); }
.mkt :is(.hero,.m-hero,section.block,.m-section) {
  min-height:calc(100vh - var(--nav-height,78px));
  min-height:calc(100svh - var(--nav-height,78px));
  display:flex;
  align-items:center;
}
.mkt :is(section.block,.m-section):nth-of-type(even) { background:#fff; }
.mkt .sec-head { max-width:820px; margin-bottom:36px; }
.mkt .sec-head p,.mkt .m-section > .m-wrap > p { max-width:780px; }
.mkt :is(.m-grid,.audience-grid,.problem,.steps,.m-steps,.cells,.m-blog-list) { display:grid; gap:var(--gap); align-items:stretch; }
.mkt :is(.m-grid,.m-steps) { margin-top:32px; }
.mkt .m-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mkt :is(.audience-grid,.problem,.m-blog-list) { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mkt :is(.steps,.m-steps,.cells) { grid-template-columns:repeat(4,minmax(0,1fr)); }
.mkt :is(.m-grid,.audience-grid,.problem,.steps,.m-steps,.cells,.m-blog-list) > * { min-width:0; }
/* MagicBento's full-height flex cards, adapted for readable marketing copy. */
.mkt :is(.m-card,.audience,.problem-card,.step,.m-step,.cells > div) {
  position:relative; display:flex; flex-direction:column; gap:0; min-width:0; height:100%;
  padding:28px; border:1px solid var(--border); border-radius:var(--radius);
  background:var(--surface); box-shadow:0 2px 3px #14233d03,0 16px 36px -28px #14233d30;
}
.mkt :is(.audience,.problem-card) { padding:32px; }
.mkt .audience { min-height:286px; }
.mkt .audience h3 { margin:20px 0 12px; font-size:26px; }
.mkt .audience p { max-width:48ch; margin-bottom:28px; }
.mkt :is(.audience,.m-card) > :is(.btn,.m-btn) { align-self:flex-start; margin-top:auto; }
.mkt :is(.num,.m-num) { display:grid; place-items:center; width:36px; height:36px; margin-bottom:24px; border-radius:11px; background:#edf3ff; color:var(--blue); font:700 12px/1 var(--font); }
.mkt .audience .num { margin:0; }
.mkt :is(.step,.m-step,.cells > div) { padding:24px; }
.mkt :is(.step,.m-step,.cells) h3 { font-size:20px; }
.mkt :is(.step,.m-step,.cells) p { font-size:14px; line-height:1.7; }
/* SpotlightCard: isolated light layer; pointer events never obscure content. */
.mkt .rb-spotlight { isolation:isolate; overflow:hidden; }
.mkt .rb-spotlight::before { content:''; position:absolute; inset:0; z-index:-1; border-radius:inherit; pointer-events:none; background:radial-gradient(260px circle at var(--spot-x,50%) var(--spot-y,0%),#2363eb15,transparent 75%); opacity:0; transition:opacity .22s; }
.mkt .rb-spotlight[data-lit],.mkt .rb-spotlight:focus-within { border-color:#aac4fb; }
.mkt .rb-spotlight[data-lit]::before,.mkt .rb-spotlight:focus-within::before { opacity:1; }
.mkt :is(.calc,.m-calc) { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:40px; padding:36px; border:1px solid var(--border); border-radius:var(--radius); background:#fff; }
.mkt .m-calc { margin-top:32px; }
.mkt :is(.calc-fields,.m-calc-fields) { display:grid; gap:24px; min-width:0; }
.mkt :is(.calc-field,.m-calc-field) label { display:flex; justify-content:space-between; gap:16px; margin-bottom:10px; color:var(--ink); font-size:14px; font-weight:550; }
.mkt :is(.calc-field,.m-calc-field) output { flex-shrink:0; color:var(--blue); font-weight:700; }
.mkt input[type=range] { display:block; width:100%; height:24px; margin:0; accent-color:var(--blue); cursor:pointer; }
.mkt :is(.calc-result,.m-results) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:1fr; gap:16px; align-content:stretch; min-width:0; }
.mkt :is(.calc-kpi,.m-result) { display:flex; flex-direction:column; justify-content:space-between; min-height:150px; padding:24px; border:1px solid var(--border); border-radius:16px; background:var(--wash); }
.mkt :is(.calc-kpi,.m-result) span { display:block; margin-bottom:10px; color:var(--muted); font-size:13px; }
.mkt :is(.calc-kpi,.m-result) strong { display:block; font-size:clamp(25px,2.6vw,36px); line-height:1.2; color:var(--ink); font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.mkt :is(.calc-kpi,.m-result).highlight { background:#edf4ff; border-color:#b9d0ff; }
.mkt :is(.calc-kpi,.m-result).highlight strong { color:var(--blue); }
.mkt .m-callout { margin-top:24px; padding:20px; border-left:3px solid var(--blue); border-radius:0 12px 12px 0; background:#edf4ff; }
.mkt .m-mock { display:grid; place-items:center; min-height:300px; padding:40px; border:1px solid var(--border); border-radius:var(--radius); background:radial-gradient(ellipse at 50% 0,#dce9ff,transparent 75%),#edf3fb; }
.mkt .m-widget { width:min(390px,100%); padding:28px; border-radius:20px; background:#fff; color:var(--copy); box-shadow:0 20px 50px #14233d18; }
.mkt .m-widget h3 { font-size:22px; }
.mkt .m-widget p { font-size:14px; }
.mkt .m-widget button { min-height:44px; padding:10px 18px; border:0; border-radius:10px; background:var(--blue); color:#fff; }
.mkt :is(.faq,.m-faq) { display:grid; gap:12px; width:100%; min-width:0; }
.mkt .m-faq { margin-top:32px; }
.mkt :is(.faq,.m-faq) details { padding:24px; border:1px solid var(--border); border-radius:16px; background:#fff; }
.mkt :is(.faq,.m-faq) summary { display:flex; align-items:center; justify-content:space-between; gap:20px; color:var(--ink); font-weight:600; cursor:pointer; list-style:none; }
.mkt :is(.faq,.m-faq) summary::-webkit-details-marker { display:none; }
.mkt :is(.faq,.m-faq) summary::after { content:'+'; color:var(--blue); font-size:24px; font-weight:400; }
.mkt :is(.faq,.m-faq) details[open] summary::after { content:'−'; }
.mkt :is(.faq,.m-faq) p { margin:16px 0 0; font-size:15px; }
/* LogoLoop: repeated equal-width groups form a seamless, pausable track. */
.mkt :is(.marquee,.m-logos) { display:grid; gap:12px; overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.mkt :is(.marquee-row,.m-logo-row) { display:flex; gap:12px; width:max-content; }
.mkt :is(.logo-pill,.m-logo-row > span) { display:grid; place-items:center; flex:none; min-width:172px; min-height:62px; padding:16px 24px; border:1px solid var(--border); border-radius:14px; background:#fff; color:var(--ink); font-size:15px; font-weight:600; white-space:nowrap; }
.mkt .rb-loop-ready { animation:rb-loop var(--loop-duration,36s) linear infinite; }
.mkt :is(.marquee-row.reverse,.m-logo-row:nth-child(2)).rb-loop-ready { animation-direction:reverse; }
.mkt :is(.marquee,.m-logos):hover .rb-loop-ready,.mkt :is(.rb-loop-paused,.rb-loop-offscreen,.rb-loop-tab-hidden) .rb-loop-ready { animation-play-state:paused; }
@keyframes rb-loop { to { transform:translateX(calc(-1 * var(--loop-distance))); } }
.mkt .rb-motion-toggle { display:block; margin:16px 0 0 auto; padding:8px 12px; border:1px solid var(--border); border-radius:8px; background:#fff; color:var(--copy); font-size:12px; }
/* Shared form panel, framed like Stepper; native inputs preserve existing validation. */
.mkt .cta-block,.mkt .m-contact { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:64px; align-items:start; }
.mkt .m-contact {
  padding-block:80px;
  min-height:calc(100vh - var(--nav-height,78px));
  min-height:calc(100svh - var(--nav-height,78px));
  align-content:center;
}
.mkt :is(.cta-block,.m-contact) { align-items:center; }
.mkt .contact-intro { padding-top:12px; }
.mkt .contact-intro h1 { font-size:clamp(36px,4vw,54px); }
.mkt .cta-sub { max-width:480px; font-size:18px; }
.mkt :is(.apply,.m-form) { display:grid; gap:20px; min-width:0; width:100%; max-width:none; margin:0; padding:32px; background:#fff; border:1px solid var(--border); border-radius:24px; box-shadow:0 20px 60px -35px #14233d40; }
.mkt :is(.apply .row,.m-form-row) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.mkt :is(.fld,.m-form > label,.m-form-row > label) { display:grid; align-content:start; gap:8px; min-width:0; color:var(--ink); font-size:13px; font-weight:550; }
.mkt :is(.apply,.m-form) :is(input:not([type=checkbox]):not([type=radio]),textarea,select) { display:block; width:100%; min-width:0; min-height:48px; padding:12px 14px; border:1px solid #cbd6e6; border-radius:10px; background:#fbfcfe; color:var(--ink); font:400 16px/1.4 var(--font); }
.mkt :is(.apply,.m-form) textarea { min-height:120px; resize:vertical; }
.mkt :is(.apply,.m-form) :is(input,textarea)::placeholder { color:#77859a; }
.mkt :is(.apply,.m-form) :is(input,textarea):focus { border-color:var(--blue); }
.mkt :is(.apply,.m-form) :is(input[type=checkbox],input[type=radio]) { width:18px; height:18px; flex:none; margin:0; accent-color:var(--blue); }
.mkt :is(.apply,.m-form) [aria-invalid=true] { border-color:#bd2c3c; }
.mkt .m-form fieldset { min-width:0; padding:0; margin:0; border:0; border-radius:0; box-shadow:none; height:auto; }
.mkt .m-form legend { padding:0; margin-bottom:10px; font-size:13px; font-weight:600; color:var(--ink); }
/* RubberSegment's equal-column inset track, using native radios. */
.mkt :is(.seg,.m-choice) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; padding:4px; border:1px solid var(--border); border-radius:12px; background:#eef3fa; }
.mkt :is(.seg,.m-choice) label { display:flex; align-items:center; justify-content:center; position:relative; min-width:0; min-height:46px; margin:0; padding:10px; border-radius:8px; color:var(--copy); text-align:center; font-size:13px; font-weight:600; line-height:1.4; cursor:pointer; transition:background .2s,color .2s,box-shadow .2s; }
.mkt :is(.seg,.m-choice) label:has(input:checked) { color:var(--blue); background:#fff; box-shadow:0 2px 5px #14233d12; }
.mkt :is(.seg,.m-choice) label:has(input:focus-visible) { outline:3px solid #93b4ff; outline-offset:1px; }
.mkt :is(.seg,.m-choice) input { position:absolute; opacity:0; width:1px; height:1px; }
.mkt .consent,.mkt .m-form > label:has(input[type=checkbox]) { display:flex; align-items:flex-start; gap:10px; color:var(--copy); font-size:13px; font-weight:400; }
.mkt .m-form > label:has(input[type=checkbox]) > span { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.mkt :is(.consent,.m-form) a { color:var(--blue); }
.mkt :is(.apply,.m-form) > button[type=submit] { width:100%; }
.mkt :is(.form-msg,.m-form-status) { min-height:0; margin:0; font-size:14px; }
.mkt :is(.form-msg,.m-form-status):empty { display:none; }
.mkt :is(.form-msg.err,.m-form-status.error) { color:#ad2536; }
.mkt :is(.form-msg.ok,.m-form-status.success) { color:#157445; }
.mkt :is(.hp,.m-hp) { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.mkt .apply.sent { display:block; }
.mkt .contact-modal[hidden] { display:none; }
.mkt .contact-modal { position:fixed; inset:0; z-index:60; display:grid; place-items:center; padding:24px; }
.mkt .contact-modal-backdrop { position:absolute; inset:0; background:#02040acc; backdrop-filter:blur(8px); }
.mkt .contact-modal-panel { position:relative; z-index:1; width:min(680px,100%); max-height:min(92svh,900px); overflow:auto; padding:32px; border:1px solid #ffffff2b; border-radius:24px; background:#f8fbff; box-shadow:0 28px 90px #0008; }
.mkt .contact-modal-panel h2 { margin:0 44px 8px 0; color:var(--ink); font-size:clamp(30px,4vw,46px); }
.mkt .contact-modal-lead { margin-bottom:24px; color:var(--copy); }
.mkt .contact-modal-panel .apply { padding:0; border:0; box-shadow:none; background:transparent; }
.mkt .contact-modal-close { position:absolute; top:18px; right:18px; display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid var(--border); border-radius:50%; background:#fff; color:var(--ink); font-size:25px; line-height:1; cursor:pointer; }
.mkt .contact-modal-close:hover { border-color:var(--blue); color:var(--blue); }
.mkt .contact-modal-panel .apply.sent { padding:36px 0; }
@media(max-width:760px) {
  .mkt .contact-modal { padding:12px; }
  .mkt .contact-modal-panel { padding:24px 18px; border-radius:18px; }
}
.mkt .m-blog-list h2 { font-size:30px; }
.mkt .m-blog-list a { text-decoration:none; }
.mkt :is(.m-article,.legal) { width:min(780px,calc(100% - 64px)); max-width:780px; margin-inline:auto; padding:64px 0 88px; line-height:1.8; }
.mkt :is(.m-article,.legal) h1 { font-size:clamp(36px,4.5vw,58px); }
.mkt :is(.m-article,.legal) h2 { margin:40px 0 16px; font-size:30px; }
.mkt .m-article h3 { margin-top:28px; }
.mkt .m-toc { margin-block:28px; padding:24px; border:1px solid var(--border); border-radius:16px; background:#fff; }
.mkt .m-toc a { display:block; margin-block:8px; color:var(--blue); }
.mkt :is(.updated,.fill) { color:var(--muted); }
.mkt :is(footer,.site-footer,.site-foot) { border-top:1px solid var(--border); background:#fff; padding:32px 0; color:var(--muted); font-size:13px; }
.mkt footer :is(.wrap,.m-wrap),.mkt .site-foot { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.mkt .site-foot { padding-inline:max(32px,calc((100% - 1200px)/2)); }
.mkt footer nav { display:flex; flex-wrap:wrap; gap:12px 20px; }
.mkt footer a { text-decoration:none; }
@media(max-width:1000px) {
  .mkt :is(.steps,.m-steps,.cells) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mkt :is(.cta-block,.m-contact) { gap:32px; }
  .mkt .m-links { gap:20px; }
  .mkt :is(.calc,.m-calc) { gap:24px; padding:28px; }
  .mkt :is(.calc-kpi,.m-result) { padding:18px; }
}
@media(max-width:760px) {
  .mkt { --gap:16px; }
  .mkt :is(.wrap,.m-wrap) { width:calc(100% - 40px); }
  .mkt .m-nav .m-wrap { min-height:0; padding-block:12px; flex-wrap:wrap; gap:12px; }
  .mkt .m-nav .m-btn { min-height:40px; padding:8px 14px; font-size:13px; }
  .mkt .m-links { order:3; width:100%; justify-content:space-between; gap:10px; }
  .mkt .m-menu summary { padding:6px 0; }
  .mkt .m-dropdown { left:-40px; min-width:220px; }
  .mkt :is(.hero,.m-hero) { padding:60px 0; }
  .mkt :is(section.block,.m-section) { padding:56px 0; }
  .mkt :is(.m-grid,.m-blog-list,.cta-block,.m-contact,.calc,.m-calc) { grid-template-columns:minmax(0,1fr); }
  .mkt .m-contact { padding-block:48px; }
  .mkt .contact-intro { padding:0; }
  .mkt .sec-head { margin-bottom:28px; }
  .mkt .audience { padding:24px; }
  .mkt .audience h3 { font-size:22px; }
  .mkt .m-mock { padding:24px; }
  .mkt :is(.m-article,.legal) { width:calc(100% - 40px); }
}
@media(max-width:520px) {
  .mkt :is(.problem,.audience-grid,.steps,.m-steps,.cells,.apply .row,.m-form-row) { grid-template-columns:minmax(0,1fr); }
  .mkt :is(.apply,.m-form,.calc,.m-calc) { padding:22px; border-radius:18px; }
  .mkt :is(.m-card,.audience,.problem-card) { padding:24px; }
  .mkt .audience { min-height:0; }
  .mkt :is(.calc-result,.m-results) { gap:10px; }
  .mkt :is(.calc-kpi,.m-result) { padding:16px; }
  .mkt :is(.calc-kpi,.m-result) strong { font-size:25px; }
  .mkt :is(.m-lead,.lead) { font-size:17px; }
  .mkt .hero .cta { flex-direction:column; align-items:stretch; }
  .mkt .m-actions > a { flex:1 1 auto; }
}
@media(prefers-reduced-motion:reduce) {
  html:has(body.mkt) { scroll-behavior:auto; }
  .mkt *, .mkt *::before { animation:none!important; transition:none!important; }
  .mkt :is(.marquee,.m-logos) { mask-image:none; }
  .mkt :is(.marquee-row,.m-logo-row) { width:100%; flex-wrap:wrap; }
  .mkt [data-loop-copy],.mkt .rb-motion-toggle { display:none; }
}

/* Editorial illustrations and roomy article / footer layouts. */
.mkt #how { background:#fff; }
.mkt #problem .sec-head { max-width:720px; }
.mkt #problem .sec-head h2 .lime { display:block; }
.mkt .card-art { display:block; width:100%; height:160px; object-fit:contain; margin:0 0 24px; border-radius:12px; }
.mkt .problem-card .card-art { height:240px; margin-bottom:28px; }
.mkt .audience { display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:24px; }
.mkt .audience-copy { display:flex; min-width:0; flex-direction:column; align-items:flex-start; }
.mkt .audience-copy .btn { margin-top:auto; }
.mkt .audience-art { align-self:center; width:100%; height:190px; object-fit:contain; }
.mkt .audience h3 { text-wrap:initial; }
.mkt :is(.marquee,.m-logos) { mask-image:none; }
.mkt :is(.brand-content,.m-section:has(.m-logos) > .m-wrap) { width:100%; }
.mkt :is(.brand-content,.m-section:has(.m-logos) > .m-wrap) > :is(.sec-head,h2,p) { width:min(1200px,calc(100% - 64px)); max-width:1200px; margin-inline:auto; }
.mkt .brand-content > .sec-head { margin-bottom:32px; }
.mkt .brand-content > .calc-note { margin-bottom:28px; }
.mkt :is(.marquee,.m-logos) .logo-pill { display:flex; align-items:center; justify-content:center; gap:16px; min-width:230px; height:92px; }
.mkt .logo-pill img { display:block; flex:none; width:40px; height:40px; object-fit:contain; }
.mkt .logo-pill b { font-size:19px; font-weight:650; }
.mkt :is(.brand-content,.m-section:has(.m-logos) > .m-wrap) > .rb-motion-toggle { margin-right:max(32px,calc((100% - 1200px)/2)); }
.mkt :is(.faq,.m-faq) + p { margin-top:36px; }
.mkt .article-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:64px; align-items:start; padding-block:72px 104px; }
.mkt .article-sidebar { position:sticky; top:calc(var(--nav-height,78px) + 32px); max-height:calc(100svh - var(--nav-height,78px) - 64px); overflow:auto; padding-right:24px; }
.mkt .article-back { display:inline-block; margin-bottom:28px; color:var(--blue); text-decoration:none; font-size:14px; font-weight:600; }
.mkt .m-breadcrumbs { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 28px; color:var(--muted); font-size:13px; font-weight:500; line-height:1.5; }
.mkt .m-breadcrumbs a { color:var(--blue); text-decoration:none; }
.mkt .m-breadcrumbs a:hover { color:#164fce; }
.mkt .m-breadcrumbs [aria-current="page"] { color:var(--copy); }
.mkt .m-hero > .m-wrap { position:static; }
.mkt .m-hero .m-breadcrumbs {
  position:absolute;
  top:calc(var(--nav-height,104px) - 4px);
  left:50%;
  right:auto;
  width:min(1200px,calc(100% - 64px));
  margin:0;
  transform:translateX(-50%);
  text-align:left;
}
.mkt .contact-page .m-contact { position:relative; }
.mkt .contact-page .m-breadcrumbs { position:absolute; top:calc(var(--nav-height,104px) + 32px); left:0; right:0; margin:0; }
.mkt .article-sidebar .m-toc { margin:0; padding:0; border:0; background:transparent; }
.mkt .article-sidebar .m-toc strong { display:block; color:var(--ink); margin-bottom:20px; font-size:18px; }
.mkt .article-sidebar .m-toc a { display:block; padding:12px 0; margin:0; border-bottom:0; color:var(--copy); font-size:14px; line-height:1.6; text-decoration:none; }
.mkt .article-sidebar .m-toc a:hover { color:var(--blue); }
.mkt .article-layout .m-article { width:100%; max-width:none; margin:0; padding:0; }
.mkt .article-layout .m-article > nav { margin-bottom:28px; font-size:13px; }
.mkt .article-meta { color:var(--muted); font-size:13px; margin-bottom:20px; }
.mkt .article-layout .m-article h2 { margin-top:56px; }
.mkt .article-layout .article-next { margin-top:40px; padding-top:28px; border-top:1px solid var(--border); }
.mkt .site-footer { display:flex; flex-direction:column; min-height:100svh; padding:72px 0 28px; background:#000; color:#d5dff0; border:0; }
.mkt .site-footer .footer-main { display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:64px; flex:1; }
.mkt .footer-brand { display:inline-block; color:#fff; font-size:clamp(48px,7vw,104px); font-weight:750; letter-spacing:-.065em; line-height:1.05; text-decoration:none; }
.mkt .footer-brand:hover { color:#b7cfff; }
.mkt .footer-heading p { font-size:22px; color:#b8c8e1; margin-top:24px; }
.mkt .footer-columns { display:grid; grid-template-columns:1.1fr 1.5fr .8fr; gap:56px; }
.mkt .footer-columns--compact { grid-template-columns:minmax(180px,.75fr) minmax(0,1.5fr); }
.mkt .site-footer h2 { color:#a9bddc; font-size:13px; font-weight:600; letter-spacing:.04em; line-height:1.5; margin:0 0 24px; text-wrap:initial; }
.mkt .footer-cta { display:inline-block; color:#b7cfff; font-size:22px; margin-bottom:32px; }
.mkt .footer-contact-item { display:grid; gap:4px; margin-top:20px; font-size:16px; }
.mkt .footer-contact-item:first-child { margin-top:0; }
.mkt .footer-pending { color:#98adcc; font-size:13px; }
.mkt .site-footer .footer-menu { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-content:start; }
.mkt .footer-menu > div { display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
.mkt .footer-menu h2 { margin-bottom:8px; }
.mkt .footer-menu a { font-size:16px; line-height:1.5; }
.mkt .footer-social > span { display:flex; flex-direction:column; gap:4px; margin-bottom:20px; font-size:16px; }
.mkt .footer-social small { color:#98adcc; font-size:12px; }
.mkt .site-footer a:hover { color:#fff; }
.mkt .site-footer .footer-bottom { display:flex; flex-direction:row; justify-content:space-between; align-items:center; gap:24px; margin-top:72px; padding-top:24px; border-top:1px solid #ffffff30; color:#a9bddc; font-size:12px; }
.mkt .footer-bottom nav { display:flex; gap:24px; }
.mkt .footer-bottom a { color:#c8cdd6; }
.mkt .footer-bottom a:hover { color:#fff; }
.mkt .footer-contact .site-footer-language { width:max-content; margin-top:24px; }
.mkt .footer-contact .site-footer-language summary { min-width:104px; color:#fff; border-color:#ffffff2e; background:#ffffff0d; }
.mkt .footer-contact .site-footer-language summary:hover { border-color:#ffffff52; background:#ffffff14; }
.mkt .footer-contact .m-language-options { right:auto; left:0; }
@media(min-width:1440px) {
  .mkt .hero .wrap { width:min(1560px,calc(100% - 64px)); }
  .mkt .hero h1 { font-size:clamp(72px,calc(7.5vw - 36px),108px); max-width:clamp(980px,calc(102.0833vw - 490px),1470px); }
}
@media(max-width:1000px) {
  .mkt .audience { grid-template-columns:minmax(0,1fr) 100px; gap:16px; }
  .mkt .audience-art { height:140px; }
  .mkt .article-layout { gap:32px; }
  .mkt .footer-columns { grid-template-columns:1fr 1.5fr; gap:40px; }
  .mkt .footer-social { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:24px 48px; }
  .mkt .footer-social h2 { width:100%; margin:0; }
}
@media(max-width:760px) {
  .mkt .integration-copy-break { display:none; }
  .mkt main .m-step h3 { max-width:20ch; }
  .mkt main .mobile-two-line-heading { max-width:10ch; }
  .mkt .m-hero .m-breadcrumbs { top:calc(var(--nav-height,132px) - 4px); width:calc(100% - 40px); }
  .mkt .contact-page .m-breadcrumbs { top:calc(var(--nav-height,132px) + 20px); }
  .mkt .m-nav-language { display:none; }
  .mkt .m-mobile-panel .m-mobile-language { width:auto; margin-top:20px; }
  .mkt .m-mobile-panel .m-mobile-language summary { min-width:104px; min-height:44px; padding-inline:16px; font-size:13px; }
  .mkt .m-mobile-panel .m-language-options a { display:flex; width:100%; padding:11px 12px; font-size:13px; letter-spacing:0; }
  .mkt .article-layout { grid-template-columns:minmax(0,1fr); padding-block:48px 72px; }
  .mkt .article-sidebar { position:static; max-height:none; padding:0; border-bottom:0; }
  .mkt .article-sidebar .m-toc { display:none; }
  .mkt .marquee { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; overflow:hidden; }
  .mkt .marquee-row { display:flex; flex-wrap:nowrap; width:max-content; gap:8px; }
  .mkt .marquee .logo-pill { width:126px; min-width:126px; height:48px; min-height:0; padding:7px 8px; gap:6px; border-radius:9px; overflow:hidden; }
  .mkt .marquee .logo-pill img { width:24px; height:24px; }
  .mkt .marquee .logo-pill b { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; line-height:1.2; }
  .mkt :is(.brand-content,.m-section:has(.m-logos) > .m-wrap) > :is(.sec-head,h2,p) { width:calc(100% - 40px); }
  .mkt .m-section:has(.m-logos) .m-logos { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; overflow:hidden; }
  .mkt .m-section:has(.m-logos) .m-logo-row { display:flex; flex-wrap:nowrap; width:max-content; gap:8px; }
  .mkt .m-section:has(.m-logos) .m-logo-row > .logo-pill { display:flex; width:126px; min-width:126px; height:48px; min-height:0; padding:7px 8px; gap:6px; border-radius:9px; overflow:hidden; }
  .mkt .m-section:has(.m-logos) .logo-pill img { width:24px; height:24px; }
  .mkt .m-section:has(.m-logos) .logo-pill b { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; line-height:1.2; }
  .mkt .site-footer { padding-top:56px; }
  .mkt .site-footer .footer-main { gap:48px; }
  .mkt .footer-columns { grid-template-columns:minmax(0,1fr); gap:40px; }
  .mkt .footer-social { grid-column:auto; }
  .mkt .site-footer .footer-bottom { align-items:flex-start; margin-top:48px; }
}
@media(max-width:520px) {
  .mkt .audience { grid-template-columns:minmax(0,1fr) 88px; }
  .mkt .audience-art { height:120px; }
  .mkt .problem-card .card-art { height:190px; }
  .mkt .card-art { height:150px; }
  .mkt .footer-brand { font-size:46px; }
  .mkt .footer-heading p { font-size:18px; }
}
/* Typography: see the «Typography system» block at the end of this file. */
.mkt { --font:Arial,Helvetica,sans-serif; font-family:var(--font); }
.mkt :is(.hero,.m-hero,section.block,.m-section,.m-contact,.m-nav) { border-top:0; border-bottom:0; }
.mkt #integration { background:#fff; }
.mkt #audiences { padding-bottom:clamp(120px,12vw,184px); }
.mkt .hero { background:#f8fbff url('/img/editorial/hero-wave.webp') center center/cover no-repeat; }
.mkt .contact-display > span { display:block; }
.mkt .site-footer .footer-main { flex:1; justify-content:center; }
.mkt .site-footer .footer-watermark { display:block; container-type:inline-size; margin-top:56px; overflow:hidden; }
.mkt .footer-watermark > span { display:block; width:100%; font:700 17.6cqw/1.1 var(--font); letter-spacing:-.065em; color:rgb(255 255 255 / .14); white-space:nowrap; user-select:none; }
.mkt .site-footer .footer-bottom { margin-top:24px; }
.mkt .footer-placeholder { display:inline-block; color:inherit; text-decoration:none; cursor:default; }
.mkt .footer-social > .footer-placeholder { display:block; margin-bottom:20px; }
.mkt .footer-placeholder:hover { color:inherit; }
@media(max-width:760px) {
  .mkt #audiences { padding-bottom:100px; }
  .mkt .footer-watermark { margin-top:48px; }
  .mkt .site-footer .footer-bottom { flex-wrap:wrap; margin-top:20px; }
}
/* Floating navigation and measured content-to-content section gaps. */
.mkt { --section-gap:clamp(96px,calc(16.6667vw - 40px),280px); background:#fff; }
.mkt .m-nav { width:min(1248px,calc(100% - 32px)); margin:16px auto; top:16px; border-radius:20px; background:#fffffff0; box-shadow:0 8px 36px #14233d0d; backdrop-filter:blur(18px); }
.mkt .m-nav .m-wrap { width:100%; padding-inline:24px; min-height:72px; }
.mkt .m-brand { display:inline-flex; align-items:baseline; gap:0; font-size:28px; letter-spacing:-.055em; line-height:1; }
.mkt .m-brand strong { color:#2d6cff; font-weight:800; }
.mkt .m-brand > span { font-weight:400; }
.m-mobile-toggle,.m-mobile-panel { display:none; }
.mkt .m-menu summary { position:relative; padding-right:34px; }
.mkt .m-menu summary::before { content:''; position:absolute; right:0; width:24px; height:24px; border-radius:50%; background:#14233d06; border:1px solid #14233d14; transition:background .18s; }
.mkt .m-menu summary::after { position:absolute; right:9px; width:6px; height:6px; border-color:currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .18s,color .18s; }
.mkt .m-menu[open] summary { color:var(--blue); }
.mkt .m-menu[open] summary::after { transform:translateY(2px) rotate(225deg); }
.mkt .m-menu[open] summary::before { background:#2363eb0c; }
@media(hover:hover) {
  .mkt .m-menu:hover summary { color:var(--blue); }
  .mkt .m-menu:hover summary::before { background:#2363eb0c; }
}
.mkt :is(#problem,#how,#audiences,.brand-section,#integration,#faq) { min-height:0; display:block; }
.mkt #problem { padding-bottom:0; }
.mkt #how { padding-top:var(--section-gap); padding-bottom:0; }
.mkt #audiences { padding-top:var(--section-gap); }
.mkt section.brand-section { padding-bottom:0; }
.mkt #integration { padding-top:var(--section-gap); padding-bottom:0; }
.mkt #faq { padding-top:var(--section-gap); padding-bottom:var(--section-gap); }
.mkt .hero { position:relative; isolation:isolate; background:#fbfdff; }
.mkt .hero::before { content:''; position:absolute; inset:35% 0 0; z-index:-1; pointer-events:none; background:url('/img/editorial/hero-wave.webp') center bottom/cover no-repeat; opacity:.24; filter:blur(1.5px); mask-image:linear-gradient(transparent,#000 65%); }
@media(max-width:760px) {
  .mkt .m-nav { top:10px; margin-block:10px; width:calc(100% - 24px); border-radius:16px; }
  .mkt .m-nav .m-wrap { position:relative; z-index:101; padding:14px 16px; }
  .mkt .m-brand { font-size:24px; }
  .mkt .m-links,.mkt .m-nav > .m-wrap > .m-btn { display:none; }
  .mkt .m-nav.mobile-open { z-index:110; }
  .mkt .m-mobile-toggle { position:relative; z-index:111; display:grid; place-content:center; gap:5px; width:48px; height:48px; padding:0; border:1px solid #14233d18; border-radius:14px; color:var(--ink); background:#fff; }
  .mkt .m-mobile-toggle span { display:block; width:20px; height:2px; border-radius:2px; background:currentColor; transition:transform .18s,opacity .18s; }
  .mkt .m-nav.mobile-open .m-mobile-toggle { color:#fff; background:var(--blue); border-color:var(--blue); }
  .mkt .m-nav.mobile-open .m-mobile-toggle span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
  .mkt .m-nav.mobile-open .m-mobile-toggle span:nth-child(2) { opacity:0; }
  .mkt .m-nav.mobile-open .m-mobile-toggle span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
  .mkt .m-mobile-panel { position:fixed; inset:0; z-index:100; display:flex; flex-direction:column; align-items:center; gap:8px; width:100vw; min-height:100dvh; padding:132px 24px 40px; overflow:auto; background:#fff; opacity:0; visibility:hidden; transform:translateY(-12px); transition:opacity .2s,transform .2s,visibility .2s; }
  .mkt .m-mobile-panel.is-open { opacity:1; visibility:visible; transform:none; }
  .mkt .m-mobile-panel a { display:block; width:min(100%,520px); padding:7px 0; color:var(--ink); font-size:clamp(27px,8vw,40px); font-weight:700; line-height:1.15; letter-spacing:-.04em; text-align:center; text-decoration:none; }
  .mkt .m-mobile-panel a:hover { color:var(--blue); }
  .mkt .m-mobile-label { margin:0 0 12px; color:#8995a8; font-size:12px; font-weight:700; letter-spacing:.14em; line-height:1.2; text-align:center; text-transform:uppercase; }
  .mkt .m-mobile-panel .m-mobile-cta { width:auto; margin-top:20px; padding:14px 22px; border-radius:12px; color:#fff; background:var(--blue); font-size:18px; letter-spacing:0; }
}
/* Shared inner-page editorial rhythm. */
.mkt section.m-hero { position:relative; margin-top:calc(-1 * var(--nav-height,104px)); min-height:100svh; padding:calc(88px + var(--nav-height,104px)) 0 88px; background:#f8fbff url('/img/editorial/hero-wave.webp') center/cover no-repeat; text-align:center; }
.mkt .m-hero :is(h1,.m-lead) { margin-inline:auto; }
.mkt .m-hero .m-actions { justify-content:center; }
.mkt main > section.m-section { display:block; min-height:0; padding:var(--section-gap) 0 0; background:#fff; }
.mkt main > section.m-section:last-child { padding-bottom:var(--section-gap); }
.mkt main > section.m-section:has(.m-calc),
.mkt main > section.m-section:has(.m-form),
.mkt main > section.m-section:last-child:has(> .m-wrap > .m-btn.primary) { display:flex; align-items:center; min-height:calc(100svh - var(--nav-height,104px)); margin-top:var(--section-gap); padding:88px 0; background:#f8fbff url('/img/editorial/hero-wave.webp') center/cover no-repeat; }
.mkt .contact-page { margin-top:calc(-1 * var(--nav-height,104px)); background:#f8fbff url('/img/editorial/hero-wave.webp') center/cover no-repeat; }
.mkt .contact-page .m-contact { min-height:100svh; padding-block:calc(88px + var(--nav-height,104px)) 88px; }
.mkt .contact-page .contact-intro h1 { font-size:clamp(48px,5vw,72px); line-height:1.05; }
.mkt .m-blog-list h2 { font-size:var(--type-h3); line-height:1.2; }
.mkt .m-blog-list .m-card { gap:16px; }
.mkt .m-blog-list .m-card :is(h2,p) { margin-bottom:0; }
.mkt .article-layout { padding-top:clamp(64px,7vw,104px); padding-bottom:var(--section-gap); }
.mkt .m-article :is(h1,h2,h3) { scroll-margin-top:24px; }
.mkt .m-article > h2 { margin-top:clamp(48px,5vw,72px); }
.mkt .m-section > .m-wrap > .m-grid + p { margin-top:32px; }
@media(min-width:1440px) { .mkt .m-hero h1 { font-size:clamp(72px,calc(7.5vw - 36px),108px); max-width:1100px; } }
@media(max-width:760px) {
 .mkt section.m-hero { padding-block:calc(60px + var(--nav-height,132px)) 60px; }
 .mkt .contact-page .m-contact { padding-block:calc(56px + var(--nav-height,132px)) 56px; }
 .mkt main > section.m-section:has(.m-calc),.mkt main > section.m-section:has(.m-form),.mkt main > section.m-section:last-child:has(> .m-wrap > .m-btn.primary) { padding-block:56px; }
}

/* Keep all audience pages on the same dark editorial opening as the home page. */
.mkt section.m-hero {
  background:url('/img/editorial/hero-reference.svg') center/cover no-repeat;
  color:#fff;
}
.mkt .m-hero :is(h1,.m-lead) { color:#fff; }
.mkt .m-accent { color:#4f86ff; }
.mkt .m-hero .m-lead { color:#d9e4f5; }
.mkt .m-hero .m-btn:not(.primary) { color:#fff; border-color:#ffffff66; background:#ffffff10; }
.mkt .m-hero .m-btn:not(.primary):hover { color:#fff; border-color:#fff; background:#ffffff1c; }
.mkt main > section.m-section:last-child:has(> .m-wrap > .m-btn.primary) {
  background:
    linear-gradient(180deg,#0d2b7a18 0%,#2d8fff18 100%),
    url('/img/editorial/hero-reference.svg') center/cover no-repeat;
  color:#fff;
}
.mkt main > section.m-section.inner-cta {
  display:flex;
  align-items:center;
  min-height:calc(100svh - var(--nav-height,104px));
  margin-top:0!important;
  padding:88px 0;
  background:
    linear-gradient(180deg,#0d2b7a18 0%,#2d8fff18 100%),
    url('/img/editorial/hero-reference.svg') center/cover no-repeat;
  color:#fff;
}
.mkt main > section.m-section:last-child:has(> .m-wrap > .m-btn.primary) :is(h2,p) { color:#fff; }
.mkt main > section.m-section.inner-cta :is(h2,p) { color:#fff; }
.mkt .rb-spotlight[data-lit],
.mkt .rb-spotlight:focus-within { border-color:var(--border)!important; }
.mkt .rb-spotlight[data-lit]::before,
.mkt .rb-spotlight:focus-within::before { opacity:0!important; }
.mkt .inner-cta { text-align:center; }
.mkt .inner-cta > .m-wrap { display:flex; flex-direction:column; align-items:center; }
.mkt .inner-cta h2 { max-width:14ch; margin-inline:auto; font-size:clamp(52px,7.5vw,124px); line-height:.96; letter-spacing:-.065em; text-wrap:balance; }
.mkt .inner-cta h2 .m-accent { color:#4f86ff; }
.mkt .inner-cta p { max-width:35ch; margin-inline:auto; font-size:14px; line-height:1.5; }
.mkt .inner-cta-break { display:block; }
.mkt .inner-cta .m-btn.primary { margin-inline:auto; color:#14233d; background:#fff; border-color:#fff; }
.mkt .inner-cta .m-btn.primary:hover { color:#14233d; background:#e6efff; border-color:#e6efff; }
.mkt .inner-contact-cta > .m-wrap,
.mkt .inner-cta > .m-wrap.cta-block { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:64px; align-items:center; text-align:left; }
.mkt .inner-contact-cta .contact-display { margin:0 0 32px; text-align:left; }
.mkt .inner-contact-cta .contact-display > span { display:block; }
.mkt .inner-contact-cta .cta-sub { max-width:480px; color:#d9e4f5; font-size:18px; }
.mkt .inner-contact-cta .direction-contact-form { max-width:none; }
.mkt main > section.m-section:has(.m-grid + p + .m-btn.primary) > .m-wrap > p {
  width:min(62%,760px);
  margin:32px auto 0;
  text-align:center;
}
.mkt main > section.m-section:has(.m-grid + p + .m-btn.primary) > .m-wrap > .m-btn.primary {
  display:flex;
  width:max-content;
  max-width:100%;
  margin:20px auto 0;
}
@media(max-width:760px) {
  .mkt .inner-contact-cta > .m-wrap,
  .mkt .inner-cta > .m-wrap.cta-block { grid-template-columns:minmax(0,1fr); gap:32px; }
  .mkt .inner-contact-cta .contact-display,
  .mkt .inner-contact-cta .cta-sub { text-align:center; margin-inline:auto; }
  .mkt main > section.m-section:has(.m-grid + p + .m-btn.primary) > .m-wrap > p {
    width:100%;
    text-align:center;
  }
  .mkt main > section.m-section:has(.m-grid + p + .m-btn.primary) > .m-wrap > .m-btn.primary { margin-inline:auto; }
}
.mkt .partner-marquee--inner + .inner-cta { margin-top:0!important; }
.mkt .partner-marquee--final { margin-top:var(--section-gap)!important; margin-bottom:0!important; }
.mkt .partner-marquee--final + .inner-cta,
.mkt main > .partner-marquee--final + section.inner-cta { margin-top:0!important; }
.mkt main .m-card .direction-card-art,
.mkt main .m-step .direction-card-art {
  display:block;
  width:100%;
  height:116px;
  margin:0 0 24px;
  object-fit:contain;
  border-radius:14px;
}
.mkt main .m-card h3,
.mkt main .m-step h3 {
  max-width:11ch;
  min-height:2.35em;
  text-wrap:balance;
}
.mkt :is(#economics, main > section.m-section:has(.m-calc)) {
  background:
    radial-gradient(ellipse 72% 62% at 76% 100%,#163d91 0%,#0a1739 36%,#02040a 78%),
    linear-gradient(180deg,#000 0%,#02040a 68%,#071b46 100%) !important;
  color:#fff;
}
.mkt #economics > .wrap > .sec-head :is(h2,p),
.mkt main > section.m-section:has(.m-calc) > .m-wrap > :is(h2,p) { color:#fff; }
.mkt #economics > .wrap > .sec-head p,
.mkt main > section.m-section:has(.m-calc) > .m-wrap > p { color:#d9e4f5; }
/* Compact editorial index and plain contact canvas. */
.mkt .contact-page { background:#fff; }
.mkt .blog-heading { padding:64px 0 36px; background:#fff; }
.mkt .blog-heading h1 { margin:0; text-align:left; }
.mkt .blog-posts { padding:0 0 clamp(260px,18vw,360px); background:#fff; }
.mkt .blog-posts .m-blog-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mkt .blog-posts .article-meta { color:var(--blue); font-size:12px; }
.mkt .m-article a { overflow-wrap:anywhere; }
@media(max-width:1000px) { .mkt .blog-posts .m-blog-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .mkt .blog-heading { padding-top:40px; } .mkt .blog-posts .m-blog-list { grid-template-columns:1fr; } }
/* Continuous hero canvas: no full-width band beneath the floating header. */
html:has(body.mkt) { background:#fff; }
body.mkt { display:flow-root; }
.mkt section.hero {
  margin-top:calc(-1 * var(--nav-height,104px));
  min-height:100svh;
  padding-top:calc(88px + var(--nav-height,104px));
  background:#f8fbff url('/img/editorial/hero-wave.webp') center center/cover no-repeat;
}
.mkt .hero::before { content:none; }
.mkt #problem { padding-top:var(--section-gap); }
.mkt :is(#economics,#contact) {
  background:#f8fbff url('/img/editorial/hero-wave.webp') center center/cover no-repeat;
  min-height:calc(100svh - var(--nav-height,104px));
}
.mkt .site-footer .footer-main { justify-content:flex-start; gap:64px; }
.mkt .site-footer .footer-invitation { display:block; width:min(1200px,calc(100% - 64px)); margin-top:64px; }
.mkt .footer-invitation h2,
.mkt .footer-invitation > a {
  display:block; margin:0; font:700 clamp(38px,5.6vw,80px)/1.08 var(--font);
  letter-spacing:-.045em; text-wrap:balance;
}
.mkt .footer-invitation h2 { color:#fff; }
.mkt .footer-invitation > a { color:#4f83ff; margin-top:8px; width:fit-content; }
.mkt .footer-invitation > a:hover { color:#79a1ff; }

/* Use the supplied dark blue reference background for the calculator and contact blocks. */
.mkt #contact {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 72% 58% at 82% 104%,#3aaeff 0%,#2684f4 27%,#1238c7 55%,transparent 78%),
    radial-gradient(ellipse 58% 46% at 34% 108%,#173bd3 0%,#09176e 52%,transparent 82%),
    linear-gradient(180deg,#000 0%,#01030b 47%,#06133c 100%) !important;
}
.mkt #contact::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.25% - 1px),#8eb8ff22 calc(8.25% - 1px),#8eb8ff22 8.25%);
  mask-image:linear-gradient(180deg,#000 0%,#000 48%,transparent 100%);
}
.mkt #contact::after {
  content:'';
  position:absolute;
  inset:35% -8% -18%;
  z-index:-1;
  pointer-events:none;
  opacity:.8;
  background:
    radial-gradient(ellipse 27% 34% at 13% 100%,transparent 69%,#63aaff80 69.5%,transparent 70.2%),
    radial-gradient(ellipse 34% 38% at 44% 100%,transparent 71%,#4d9dff75 71.5%,transparent 72.2%),
    radial-gradient(ellipse 43% 42% at 77% 100%,transparent 72%,#6bb5ff60 72.5%,transparent 73.2%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 48%,#000 100%);
}
.mkt #contact > .wrap { position:relative; z-index:1; }
.mkt :is(#economics, main > section.m-section:has(.m-calc)) {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 76% 62% at 82% 104%,#3aaeff 0%,#2684f4 28%,#1238c7 56%,transparent 80%),
    radial-gradient(ellipse 62% 48% at 28% 108%,#173bd3 0%,#09176e 54%,transparent 84%),
    linear-gradient(180deg,#000 0%,#01030b 47%,#06133c 100%) !important;
}
.mkt :is(#economics, main > section.m-section:has(.m-calc))::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.25% - 1px),#8eb8ff18 calc(8.25% - 1px),#8eb8ff18 8.25%);
  mask-image:linear-gradient(180deg,#000 0%,#000 46%,transparent 100%);
}
.mkt :is(#economics, main > section.m-section:has(.m-calc)) > :is(.wrap,.m-wrap) { position:relative; z-index:1; }
.mkt #economics .sec-head h2,
.mkt #contact .contact-display { color:#fff; }
.mkt #economics .sec-head p,
.mkt #contact .cta-sub { color:#d9e4f5; }
.mkt .partner-marquee--contact + #contact { margin-top:0; }
.mkt #contact .contact-display .lime { color:#4f83ff; }
.mkt #contact .cta-sub { max-width:46ch; text-shadow:0 1px 18px #0008; }
@media(max-width:760px) {
  .mkt section.hero { padding-top:calc(60px + var(--nav-height,132px)); }
  .mkt .site-footer .footer-main { gap:48px; }
  .mkt .footer-invitation > a { max-width:100%; }
  .mkt .site-footer .footer-invitation { width:calc(100% - 40px); margin-top:48px; }
}
/* Final editorial rhythm: 200px at 1440px, 300px at 1920px. */
.mkt { --section-gap:clamp(96px,calc(20.8333vw - 100px),300px); }
.mkt :is(.problem-card,.audience,.step,.m-step,.cells > div,.m-card) p { max-width:38ch; }
.mkt #problem { padding-top:var(--section-gap); }
.mkt #how { padding-top:var(--section-gap); }
.mkt #audiences { padding-top:var(--section-gap); padding-bottom:0; }
.mkt #economics { display:flex; align-items:center; min-height:calc(100svh - var(--nav-height,104px)); margin-top:var(--section-gap); padding-block:88px; background:#f8fbff url('/img/editorial/hero-wave.webp') center/cover no-repeat; }
.mkt section.brand-section { padding-top:var(--section-gap); padding-bottom:0; }
.mkt #integration { padding-top:var(--section-gap); }
.mkt #faq { padding-top:var(--section-gap); }
.mkt #contact { margin-top:var(--section-gap); }
.mkt .site-footer { padding-top:var(--section-gap); }
.mkt .rb-motion-toggle { display:none!important; }
.mkt .brand-content > .calc-note { display:none; }
.mkt .brand-content > .brand-footnote { display:block; width:min(1200px,calc(100% - 64px)); margin:24px auto 0; color:var(--muted); font-size:12px; line-height:1.5; }
.mkt .m-section:has(.m-logos) > .m-wrap > .brand-footnote { display:block; margin:24px 0 0; color:var(--muted); font-size:12px; line-height:1.5; text-align:center; }
@media(max-width:760px) {
  .mkt #economics { margin-top:var(--section-gap); padding-block:56px; }
  .mkt .site-footer { padding-top:var(--section-gap); }
}
/* Reference-inspired home hero: near-black space, cobalt glow, then a white page. */
.mkt:has(.hero) .m-nav { transition:background .25s,color .25s,box-shadow .25s; }
.mkt:has(.hero) .m-nav.nav-dark { background:#05070bf2; box-shadow:0 10px 36px #00000028; }
.mkt:has(.hero) .m-nav.nav-dark :is(.m-brand,.m-links a,.m-menu summary) { color:#fff; }
.mkt:has(.hero) .m-nav.nav-dark .m-dropdown a { color:var(--ink); }
.mkt .m-nav.nav-dark .m-dropdown a { color:var(--ink)!important; }
.mkt:has(.hero) .m-nav.nav-dark .m-menu summary::before { background:#ffffff12; border-color:#ffffff30; }
.mkt:has(.hero) .m-nav.nav-dark .m-menu summary::after { border-color:#fff; }
.mkt:has(.hero) .m-nav.nav-dark .m-btn.primary { background:#2c6cf0; border-color:#2c6cf0; color:#fff; }
.mkt .m-nav .m-language-dropdown summary,
.mkt .m-nav .m-language-options { transition:color .25s,background .25s,border-color .25s,box-shadow .25s; }
.mkt .m-nav.nav-dark .m-language-dropdown summary {
  color:#fff;
  border-color:#ffffff24;
  background:#171b24;
}
.mkt .m-nav.nav-dark .m-language-dropdown summary:hover {
  border-color:#ffffff3d;
  background:#202631;
}
.mkt .m-nav.nav-dark .m-language-options {
  border-color:#ffffff24;
  background:#171b24;
  box-shadow:0 16px 42px #00000052;
}
.mkt .m-nav.nav-dark .m-language--dropdown .m-language-options a { color:#fff; }
.mkt .m-nav.nav-dark .m-language--dropdown .m-language-options a:hover,
.mkt .m-nav.nav-dark .m-language--dropdown .m-language-options a[aria-current=page] {
  color:#fff;
  background:#2b3443;
}
.mkt .m-nav.nav-dark .m-language-options small { color:#aeb9ca; }
.mkt:has(.hero) .m-nav.nav-light { background:#fffffff0!important; color:var(--ink); box-shadow:0 8px 36px #14233d0d; }
.mkt:has(.hero) .m-nav.nav-light :is(.m-brand,.m-links a,.m-menu summary) { color:var(--ink); }
.mkt section.hero {
  background:url('/img/editorial/hero-reference.svg') center center/cover no-repeat;
  color:#fff;
}
.mkt section.hero :is(h1,.lead) { color:#fff; }
.mkt section.hero .lead { color:#d9e4f5; }
.mkt section.hero .btn-line { color:#fff; border-color:#ffffff66; background:#ffffff10; }
.mkt section.hero .btn-line:hover { color:#fff; border-color:#fff; background:#ffffff1c; }
.mkt section.hero .lime { color:#76a7ff; }

/* Partnership call-to-action ticker between the hero and the first content block. */
.mkt .partner-marquee {
  position:relative;
  z-index:1;
  overflow:hidden;
  width:100%;
  min-height:52px;
  display:flex;
  align-items:center;
  background:#050505;
  color:#fff;
  border:0;
}
.mkt .partner-marquee-track {
  display:flex;
  width:max-content;
  animation:partner-marquee 34s linear infinite;
  will-change:transform;
}
.mkt .partner-marquee-set {
  display:flex;
  align-items:center;
  gap:26px;
  flex:none;
  padding-right:26px;
  white-space:nowrap;
}
.mkt .partner-marquee span {
  font:700 clamp(12px,.75vw,15px)/1 var(--font);
  letter-spacing:-.03em;
}
.mkt .partner-marquee i {
  color:#6e9cff;
  font:400 14px/1 var(--font);
  font-style:normal;
}
/* JS measures one complete set and keeps it wider than the viewport. The
   fallback preserves the original two-set loop when scripts are unavailable. */
@keyframes partner-marquee {
  to { transform:translate3d(var(--partner-marquee-shift,-50%),0,0); }
}
@media(prefers-reduced-motion:reduce) {
  .mkt .partner-marquee-track { animation-play-state:paused; }
}
@media(max-width:760px) {
  .mkt .partner-marquee { min-height:44px; }
  .mkt .partner-marquee-set { gap:18px; padding-right:18px; }
  .mkt .partner-marquee span { font-size:12px; }
  .mkt .partner-marquee i { font-size:12px; }
}

/* ===== Product mockups on the home page (HTML/CSS only, decorative, aria-hidden) ===== */
.mkt .mk-reveal { transition:opacity .6s ease,transform .6s ease; }
.mkt .mk-reveal.mk-wait { opacity:0; transform:translateY(14px); }
.mkt .mk-reveal.mk-in { opacity:1; transform:none; }
/* shared atoms */
.mkt .mk-success,.mkt .mk-widget { display:flex; align-items:center; gap:12px; min-width:0; }
.mkt .mk-success b,.mkt .mk-widget b,.mkt .mk-offer b,.mkt .mk-bonus-screen > b { display:block; color:var(--ink); font-weight:700; line-height:1.25; }
.mkt .mk-success small,.mkt .mk-widget small,.mkt .mk-offer small { display:block; margin-top:2px; color:var(--muted); line-height:1.3; }
.mkt .mk-check { display:grid; place-items:center; flex:none; width:34px; height:34px; border-radius:50%; background:#dcf7ea; color:#0e8a5f; font-weight:900; }
.mkt .mk-gift { flex:none; font-size:22px; line-height:1; }
.mkt .mk-btn { flex:none; padding:8px 12px; border-radius:9px; background:var(--blue); color:#fff; font-size:12px; font-weight:700; line-height:1; white-space:nowrap; }
.mkt .mk-widget { padding:12px 14px; border:1px solid #c9dbff; border-radius:14px; background:#eef4ff; }
.mkt .mk-widget > div { flex:1; min-width:0; }
.mkt .mk-pill { display:inline-flex; align-items:center; padding:5px 10px; border:1px solid var(--border); border-radius:999px; background:#fff; color:var(--copy); font-size:12px; font-weight:600; line-height:1.2; white-space:nowrap; }
.mkt .mk-pill--blue { border-color:var(--blue); background:var(--blue); color:#fff; }
.mkt .mk-pill--dim { color:var(--muted); background:var(--wash); }
.mkt .mk-status { display:inline-flex; align-items:center; padding:3px 9px; border-radius:999px; font-size:11px; font-weight:700; line-height:1.3; }
.mkt .mk-status--ok { background:#dcf7ea; color:#0e7a55; }
.mkt .mk-status--pending { background:#fff2cc; color:#8a5a00; }
.mkt .mk-status--off { background:#fde8e8; color:#a12b2b; }
.mkt .mk-bars { display:flex; align-items:flex-end; gap:5px; height:46px; padding-bottom:1px; border-bottom:1px solid var(--border); }
.mkt .mk-bars i { flex:1; border-radius:4px 4px 0 0; background:#b9d0ff; }
.mkt .mk-bars i:nth-child(1){height:30%} .mkt .mk-bars i:nth-child(2){height:44%} .mkt .mk-bars i:nth-child(3){height:38%} .mkt .mk-bars i:nth-child(4){height:58%} .mkt .mk-bars i:nth-child(5){height:72%} .mkt .mk-bars i:nth-child(6){height:88%;background:var(--blue)} .mkt .mk-bars i:nth-child(7){height:100%;background:var(--blue)}
.mkt .mk-arrow { color:var(--blue); font-style:normal; font-size:18px; font-weight:700; }
/* mockup canvases: see the «Mockup canvases» block at the end of the file */
/* ===== Typography system — one scale for the whole marketing site =====
   Display  — hero title and the big closing calls (contact, inner CTA, footer invitation)
   H1       — page titles outside the hero (blog, article, legal, contact)
   H2       — section headings
   H3       — card titles, article/legal sections, blog list cards
   H4       — sub-headings (article h3, sidebar title, logo pills)
   Lead     — intro paragraphs under headings
   Text     — body copy, lists, FAQ
   Small    — notes, captions, labels, meta, footer
   UI       — buttons and navigation                                            */
.mkt {
  --t-display:clamp(40px,max(5vw,7.5vw - 36px),108px);
  --t-h1:clamp(36px,4.5vw,60px);
  --t-h2:clamp(32px,3.5vw,48px);
  --t-h3:24px;
  --t-h4:18px;
  --t-lead:18px;
  --t-text:16px;
  --t-small:13px;
  --t-ui:14px;
}
.mkt :is(h1,h2,h3,h4) { font-family:var(--font); font-weight:700; color:var(--ink); }
/* Display */
.mkt section.hero h1, .mkt .m-hero h1, .mkt #contact .contact-display, .mkt .inner-cta h2, .mkt .inner-contact-cta .contact-display,
.mkt .footer-invitation h2, .mkt .footer-invitation > a { font-size:var(--t-display); line-height:1; letter-spacing:-.05em; font-weight:700; }
/* H1 */
.mkt h1, .mkt .contact-intro h1, .mkt .contact-page .contact-intro h1, .mkt .m-article h1, .mkt .legal h1, .mkt .blog-heading h1,
.mkt :is(.m-article,.legal) h1 { font-size:var(--t-h1); line-height:1.05; letter-spacing:-.045em; }
/* H2 */
.mkt h2, .mkt .contact-modal-panel h2, .mkt h2.mobile-two-line-heading { font-size:var(--t-h2); line-height:1.1; letter-spacing:-.04em; }
/* H3 */
.mkt h3, .mkt .audience h3, .mkt :is(.step,.m-step,.cells) h3, .mkt .m-widget h3, .mkt .m-blog-list h2, .mkt .blog-posts .m-blog-list h2,
.mkt :is(.m-article,.legal) h2, .mkt .article-layout .m-article h2, .mkt .legal > h2 { font-size:var(--t-h3); line-height:1.25; letter-spacing:-.03em; }
/* H4 */
.mkt h4, .mkt .m-article h3, .mkt .article-sidebar .m-toc strong, .mkt .logo-pill b, .mkt .contact-card.sent h3 { font-size:var(--t-h4); line-height:1.3; letter-spacing:-.02em; font-weight:700; }
/* Lead */
.mkt :is(.lead,.m-lead,.cta-sub,.contact-modal-lead,.footer-heading p), .mkt .inner-contact-cta .cta-sub { font-size:var(--t-lead); line-height:1.6; }
/* Text */
.mkt p, .mkt li, .mkt :is(.faq,.m-faq) p, .mkt :is(.faq,.m-faq) summary, .mkt :is(.step,.m-step,.cells,.m-card,.problem-card,.audience) p,
.mkt .m-widget p, .mkt .footer-menu a, .mkt .footer-contact-item, .mkt .footer-social > span, .mkt .footer-social > .footer-placeholder,
.mkt .m-mobile-panel .m-mobile-cta, .mkt :is(.apply,.m-form) :is(input:not([type=checkbox]):not([type=radio]),textarea,select),
.mkt .m-toc a { font-size:var(--t-text); line-height:1.65; }
.mkt :is(.faq,.m-faq) summary { font-weight:600; line-height:1.45; }
/* Small */
.mkt :is(.calc-note,.m-fine,.brand-footnote,.article-meta,.updated,.footer-bottom,.m-breadcrumbs,.fld,.m-form > label,.m-form-row > label,.consent,.form-msg,.m-form-status,.footer-pending,.footer-social small,.m-form legend,.contact-modal-lead small),
.mkt .footer-columns h2, .mkt .footer-menu h2, .mkt .footer-social h2, .mkt .blog-posts .article-meta, .mkt .brand-content > .brand-footnote, .mkt .m-section:has(.m-logos) > .m-wrap > .brand-footnote,
.mkt .site-footer .footer-bottom, .mkt .m-form > label:has(input[type=checkbox]), .mkt .article-layout .m-article > nav, .mkt .m-language-options a,
.mkt .footer-contact .site-footer-language summary, .mkt .m-language-dropdown summary { font-size:var(--t-small); line-height:1.5; }
.mkt :is(.m-eyebrow,.label) { font-size:var(--t-small); line-height:1.4; letter-spacing:.1em; }
.mkt :is(.num,.m-num) { font-size:var(--t-small); line-height:1; }
.mkt .footer-columns h2 { font-weight:600; letter-spacing:0; }
.mkt .m-language a, .mkt .m-language-options small { font-size:12px; }
/* UI */
.mkt :is(.btn,.m-btn,.btn-sm,.m-widget button,.m-links a,.m-menu summary,.rb-motion-toggle,.article-back,.calc-field label,.m-calc-field label,.seg label,.m-choice label,.contact-modal-close),
.mkt .m-dropdown a { font-family:var(--font); font-size:var(--t-ui); font-weight:600; line-height:1.4; }
.mkt :is(.calc-field,.m-calc-field) output { font-weight:700; }
.mkt .contact-modal-close { font-size:25px; font-weight:400; }
@media(max-width:760px) {
  .mkt { --t-h3:22px; --t-h4:17px; --t-lead:17px; }
  .mkt .m-mobile-panel a:not(.m-mobile-cta) { font-size:clamp(27px,8vw,40px); }
}

/* ===== Home hero: glass panel over the dark-to-blue canvas ===== */
.mkt section.hero { overflow:hidden; }
.mkt section.hero::after { content:''; position:absolute; inset:48% -10% -12%; z-index:-1; pointer-events:none; opacity:.55;
  background:
    radial-gradient(ellipse 30% 36% at 14% 100%,transparent 69%,#9cc6ff66 69.5%,transparent 70.3%),
    radial-gradient(ellipse 38% 40% at 46% 100%,transparent 71%,#8fbeff5c 71.5%,transparent 72.3%),
    radial-gradient(ellipse 46% 44% at 80% 100%,transparent 72%,#a6ceff52 72.5%,transparent 73.3%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 55%,#000 100%); }

/* ===== Mockup canvases =====
   Каждый мокап — холст фиксированного размера (--w × --h, px), свёрстанный один раз.
   Скрипт на главной масштабирует его целиком под ширину слота, как векторную картинку:
   внутри ничего не перестраивается и не переносится на разных экранах.            */
.mkt .mk-fit { position:relative; width:100%; aspect-ratio:var(--w) / var(--h); margin:0 0 24px; overflow:hidden; border:1px solid var(--border); border-radius:16px; background:var(--wash); }
.mkt .mk-canvas { position:absolute; top:0; left:0; box-sizing:border-box; display:flex; align-items:center; justify-content:center; width:calc(var(--w) * 1px); height:calc(var(--h) * 1px); padding:12px; transform-origin:0 0; color:var(--copy); font-size:10px; line-height:1.3; text-align:left; }
.mkt .mk-canvas * { box-sizing:border-box; }
.mkt .mk-canvas :is(b,small,span,em,i,code) { white-space:nowrap; }
.mkt .mk-canvas b { color:var(--ink); font-weight:700; }
.mkt .mk-panel { width:100%; padding:12px 14px; border-radius:12px; background:#fff; box-shadow:0 10px 30px -18px #14233d55; }
/* atoms */
.mkt .mk-canvas .mk-check { display:grid; place-items:center; flex:none; width:28px; height:28px; border-radius:50%; background:#dcf7ea; color:#0e8a5f; font-size:14px; font-weight:900; }
.mkt .mk-canvas .mk-btn { display:inline-block; flex:none; padding:6px 10px; border-radius:8px; background:var(--blue); color:#fff; font-size:10px; font-weight:700; line-height:1.2; }
.mkt .mk-canvas .mk-pill { display:inline-flex; align-items:center; padding:4px 9px; border:1px solid var(--border); border-radius:999px; background:#fff; color:var(--copy); font-size:10px; font-weight:600; }
.mkt .mk-canvas .mk-pill--blue { border-color:var(--blue); background:var(--blue); color:#fff; }
.mkt .mk-canvas .mk-pill--dim { color:var(--muted); background:var(--wash); }
.mkt .mk-canvas .mk-status { display:inline-flex; justify-content:center; padding:3px 8px; border-radius:999px; font-size:10px; font-weight:700; }
.mkt .mk-status--ok { background:#dcf7ea; color:#0e7a55; }
.mkt .mk-status--pending { background:#fff2cc; color:#8a5a00; }
.mkt .mk-status--off { background:#fde8e8; color:#a12b2b; }
.mkt .mk-canvas .mk-bars { display:flex; align-items:flex-end; gap:5px; height:34px; border-bottom:1px solid var(--border); }
.mkt .mk-canvas .mk-bars i { flex:1; border-radius:3px 3px 0 0; background:#b9d0ff; }
.mkt .mk-canvas .mk-bars i:nth-child(1){height:30%} .mkt .mk-canvas .mk-bars i:nth-child(2){height:44%} .mkt .mk-canvas .mk-bars i:nth-child(3){height:38%} .mkt .mk-canvas .mk-bars i:nth-child(4){height:58%} .mkt .mk-canvas .mk-bars i:nth-child(5){height:72%} .mkt .mk-canvas .mk-bars i:nth-child(6){height:88%;background:var(--blue)} .mkt .mk-canvas .mk-bars i:nth-child(7){height:100%;background:var(--blue)}
.mkt .mk-canvas code { font-family:ui-monospace,Menlo,Consolas,monospace; }
/* success / widget rows */
.mkt .mk-ok { display:flex; align-items:center; gap:10px; }
.mkt .mk-ok b { display:block; font-size:12px; } .mkt .mk-ok small { display:block; margin-top:2px; color:var(--muted); font-size:10px; }
.mkt .mk-gift-row { padding:9px 10px; border:1px solid #c9dbff; border-radius:10px; background:#eef4ff; }
.mkt .mk-gift-row > div { display:flex; align-items:center; gap:8px; }
.mkt .mk-gift-row > div > span:first-child { font-size:16px; line-height:1; }
.mkt .mk-gift-row b { font-size:11px; }
.mkt .mk-gift-row .mk-btn { margin-top:8px; }
/* problem scenes (440×220) */
.mkt .mk-scene { display:grid; grid-template-columns:250px 1fr; gap:18px; align-items:center; width:100%; padding:8px; }
.mkt .mk-scene .mk-panel { display:grid; gap:10px; }
.mkt .mk-ghost { justify-self:start; padding:6px 10px; border:1px solid var(--border); border-radius:8px; color:var(--muted); font-size:10px; font-weight:600; }
.mkt .mk-flow { display:grid; justify-items:start; gap:8px; }
.mkt .mk-flow .mk-arrow { color:var(--blue); font-size:20px; font-weight:700; font-style:normal; line-height:1; }
.mkt .mk-flow--off { opacity:.8; } .mkt .mk-flow--off .mk-arrow { color:var(--muted); }
/* steps & cells (240×160) */
.mkt .mk-phone { width:100px; padding:6px; border:3px solid var(--ink); border-radius:16px; background:#fff; }
.mkt .mk-notch { display:block; width:30px; height:3px; margin:0 auto 6px; border-radius:4px; background:var(--ink); }
.mkt .mk-phone .mk-ok { flex-direction:column; gap:4px; padding:7px 4px; border-radius:8px; background:#edf8f2; text-align:center; }
.mkt .mk-phone .mk-ok .mk-check { width:18px; height:18px; font-size:10px; } .mkt .mk-phone .mk-ok b { font-size:8px; white-space:normal; }
.mkt .mk-phone .mk-gift-row { margin-top:5px; padding:6px 4px; text-align:center; } .mkt .mk-phone .mk-gift-row b { font-size:8px; white-space:normal; }
.mkt .mk-phone .mk-gift-row .mk-btn { margin-top:4px; padding:4px 6px; font-size:7.5px; }
.mkt .mk-panel > b.mk-title { display:block; margin-bottom:6px; font-size:12px; }
.mkt .mk-offer { display:flex; align-items:center; gap:7px; margin-top:6px; padding:6px 8px; border:1px solid var(--border); border-radius:8px; }
.mkt .mk-offer > i { display:grid; place-items:center; flex:none; width:22px; height:22px; border-radius:6px; background:#edf3ff; font-size:12px; font-style:normal; }
.mkt .mk-offer > span { flex:1; min-width:0; } .mkt .mk-offer > span > * { display:block; overflow:hidden; text-overflow:ellipsis; }
.mkt .mk-offer b { font-size:9.5px; } .mkt .mk-offer small { color:var(--muted); font-size:9px; }
.mkt .mk-offer > em { flex:none; padding:4px 6px; border-radius:6px; background:var(--blue); color:#fff; font-size:9px; font-style:normal; font-weight:700; }
.mkt .mk-kv { display:grid; grid-template-columns:56px 1fr; gap:8px 6px; align-items:center; }
.mkt .mk-kv > span { color:var(--muted); }
.mkt .mk-kv code { justify-self:start; padding:3px 7px; border-radius:6px; background:var(--wash); color:var(--ink); font-size:10px; }
.mkt .mk-kv .mk-flowline { grid-column:1 / -1; display:flex; align-items:center; gap:6px; margin:-2px 0 2px; } .mkt .mk-kv .mk-flowline i { color:var(--muted); font-style:normal; }
.mkt .mk-dash { width:100%; padding:12px 14px; border-radius:12px; background:var(--ink); color:#fff; }
.mkt .mk-dash .mk-dash-top { display:flex; align-items:baseline; justify-content:space-between; }
.mkt .mk-dash small { display:block; color:#b7c6e4; font-size:9px; }
.mkt .mk-dash .mk-dash-top b { color:#fff; font-size:20px; letter-spacing:-.03em; }
.mkt .mk-dash .mk-dash-top em { padding:3px 7px; border-radius:6px; background:#ffffff1f; color:#a9f0d1; font-size:9px; font-style:normal; font-weight:700; }
.mkt .mk-dash .mk-bars { height:30px; margin:8px 0; border-color:#ffffff30; } .mkt .mk-dash .mk-bars i { background:#ffffff55; } .mkt .mk-dash .mk-bars i:nth-child(n+6) { background:#7aa6ff; }
.mkt .mk-dash .mk-dash-stats { display:flex; gap:16px; } .mkt .mk-dash .mk-dash-stats b { display:block; color:#fff; font-size:12px; }
.mkt .mk-code { width:100%; margin:0; padding:12px 14px; border-radius:10px; background:var(--ink); color:#cfe0ff; font:10px/1.7 ui-monospace,Menlo,Consolas,monospace; white-space:pre; }
.mkt .mk-cab-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:10px; } .mkt .mk-cab-stats small { display:block; color:var(--muted); font-size:9px; } .mkt .mk-cab-stats b { font-size:13px; }
.mkt .mk-chain { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:5px; } .mkt .mk-chain i { color:var(--muted); font-style:normal; }
.mkt .mk-url { display:block; margin-top:12px; padding:6px 9px; border:1px solid var(--border); border-radius:8px; background:#fff; color:var(--copy); font-size:9.5px; overflow:hidden; text-overflow:ellipsis; }
.mkt .mk-events { display:grid; gap:9px; margin:0; padding:0; list-style:none; }
.mkt .mk-events li { display:flex; align-items:center; gap:8px; font-size:10px; } .mkt .mk-events .mk-status { width:88px; flex:none; }
.mkt .mk-events li > span:last-child { overflow:hidden; text-overflow:ellipsis; }
/* hero widget pulse */
.mkt .mk-pulse { animation:mk-pulse 3s ease-in-out infinite; }
@keyframes mk-pulse { 0%,100% { box-shadow:0 0 0 0 #2363eb00; } 50% { box-shadow:0 0 0 5px #2363eb22; } }

/* ===== Audiences: four open cards, each with its own product visual ===== */
.mkt #audiences .sec-head--split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; align-items:start; max-width:none; margin-bottom:40px; }
.mkt .sec-head--split h2 { margin:0; }
.mkt .sec-head--split p { max-width:560px; margin:8px 0 0; }
.mkt .audience-stack { display:grid; gap:var(--gap); }
.mkt .audience-card { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:40px; align-items:center; padding:24px; border:1px solid var(--border); border-radius:var(--radius); background:var(--surface); box-shadow:0 2px 3px #14233d03,0 16px 36px -28px #14233d30; }
.mkt .audience-card:nth-child(even) { grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); }
.mkt .audience-card:nth-child(even) .mk-fit { order:2; }
.mkt .audience-card .mk-fit { margin:0; border-radius:14px; }
.mkt .audience-card-copy { display:flex; flex-direction:column; align-items:flex-start; padding:8px 16px 8px 0; }
.mkt .audience-card:nth-child(even) .audience-card-copy { padding:8px 0 8px 16px; }
.mkt .audience-card-copy .num { margin-bottom:20px; }
.mkt .audience-card-copy h3 { margin:0 0 12px; }
.mkt .audience-card-copy p { max-width:44ch; margin:0 0 24px; }
/* audience visuals (400×240) */
.mkt .mk-aud { position:relative; width:100%; height:100%; }
.mkt .mk-aud .mk-panel { position:absolute; }
.mkt .mk-receipt { left:24px; top:28px; width:210px; display:grid; gap:10px; }
.mkt .mk-receipt .mk-sum { display:flex; justify-content:space-between; padding-top:8px; border-top:1px dashed var(--border); }
.mkt .mk-receipt .mk-sum b { font-size:16px; }
.mkt .mk-aud .mk-float { position:absolute; right:22px; bottom:26px; width:190px; box-shadow:0 18px 40px -20px #14233d66; }
.mkt .mk-ticket { left:24px; top:30px; width:220px; display:flex; padding:0; overflow:hidden; }
.mkt .mk-ticket > div { padding:12px 14px; } .mkt .mk-ticket > div:first-child { flex:1; border-right:2px dashed var(--border); }
.mkt .mk-ticket small { display:block; color:var(--muted); font-size:9px; } .mkt .mk-ticket b { display:block; margin:3px 0 6px; font-size:13px; }
.mkt .mk-ticket .mk-stub { display:grid; place-items:center; width:58px; color:var(--blue); font-size:20px; }
.mkt .mk-aud .mk-phone2 { position:absolute; left:40px; top:16px; width:130px; height:208px; padding:8px; border:4px solid var(--ink); border-radius:22px; background:#fff; }
.mkt .mk-phone2 .mk-notch { margin-bottom:10px; }
.mkt .mk-reward { display:grid; place-items:center; gap:4px; padding:12px 6px; border-radius:12px; background:linear-gradient(160deg,#eef4ff,#dfe9ff); text-align:center; }
.mkt .mk-reward > span:first-child { font-size:24px; line-height:1; } .mkt .mk-reward b { font-size:10px; white-space:normal; } .mkt .mk-reward em { color:var(--blue); font-size:13px; font-style:normal; font-weight:800; }
.mkt .mk-level { margin-top:10px; } .mkt .mk-level small { display:block; margin-bottom:4px; color:var(--muted); font-size:8px; }
.mkt .mk-level i { display:block; height:6px; border-radius:6px; background:linear-gradient(90deg,var(--blue) 62%,#e3eafa 62%); }
.mkt .mk-browser { left:22px; top:22px; right:22px; bottom:22px; width:auto; padding:0; overflow:hidden; }
.mkt .mk-browser .mk-bar { display:flex; align-items:center; gap:5px; padding:8px 12px; border-bottom:1px solid var(--border); background:#f8fafd; } .mkt .mk-browser .mk-bar i { width:7px; height:7px; border-radius:50%; background:#d5dce8; }
.mkt .mk-browser .mk-brandbar { display:flex; align-items:center; justify-content:space-between; padding:10px 14px; background:#14233d; color:#fff; }
.mkt .mk-browser .mk-brandbar b { color:#fff; font-size:11px; letter-spacing:.08em; text-transform:uppercase; } .mkt .mk-browser .mk-brandbar small { color:#b7c6e4; font-size:9px; }
.mkt .mk-browser .mk-tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:12px 14px; }
.mkt .mk-browser .mk-tiles > div { padding:9px 8px; border:1px solid var(--border); border-radius:9px; }
.mkt .mk-browser .mk-tiles i { display:grid; place-items:center; width:24px; height:24px; margin-bottom:6px; border-radius:7px; background:#edf3ff; font-size:12px; font-style:normal; }
.mkt .mk-browser .mk-tiles b { display:block; font-size:9.5px; overflow:hidden; text-overflow:ellipsis; } .mkt .mk-browser .mk-tiles small { display:block; color:var(--muted); font-size:8.5px; overflow:hidden; text-overflow:ellipsis; }
.mkt .mk-browser .mk-tiles .mk-btn { margin-top:7px; padding:4px 7px; font-size:8.5px; }
@media(max-width:900px) {
  .mkt .audience-card, .mkt .audience-card:nth-child(even) { grid-template-columns:minmax(0,1fr); gap:20px; padding:18px; }
  .mkt .audience-card:nth-child(even) .mk-fit { order:0; }
  .mkt .audience-card-copy, .mkt .audience-card:nth-child(even) .audience-card-copy { padding:0 4px 6px; }
}
@media(max-width:760px) {
  .mkt #audiences .sec-head--split { grid-template-columns:1fr; gap:12px; margin-bottom:28px; }
  .mkt #contact > .wrap > .cta-panel { padding:24px 20px; border-radius:24px; }
}

/* ===== Калькулятор: результат как дашборд — главная сумма сверху, три показателя под ней =====
   Значения всегда в одну строку, подписи фиксированной высоты — плашки не меняют размер при движении ползунков. */
.mkt .calc-dash { grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:auto; align-content:start; gap:12px; }
.mkt .calc-dash .calc-kpi { min-height:0; padding:20px; gap:14px; justify-content:space-between; }
.mkt .calc-dash .calc-kpi span { min-height:2.8em; margin:0; color:var(--copy); font-size:var(--t-small); line-height:1.4; }
.mkt .calc-dash .calc-kpi strong { white-space:nowrap; font-size:clamp(24px,2.3vw,34px); line-height:1.1; letter-spacing:-.03em; color:var(--ink); }
.mkt .calc-dash .calc-main { grid-column:1 / -1; padding:24px 26px; gap:6px; background:#edf4ff; border-color:#b9d0ff; }
.mkt .calc-dash .calc-main span { min-height:0; color:var(--ink); font-size:var(--t-text); font-weight:600; }
.mkt .calc-dash .calc-main strong { margin-top:4px; font-size:clamp(48px,5.2vw,76px); line-height:1; letter-spacing:-.05em; color:var(--blue); }
.mkt .calc-dash .calc-main small { color:var(--copy); font-size:var(--t-small); }
@media(max-width:520px) {
  .mkt .calc-dash { grid-template-columns:1fr; }
  .mkt .calc-dash .calc-kpi span { min-height:0; }
  .mkt .calc-dash .calc-main strong { font-size:44px; }
}
/* ===== Финальный CTA: синяя плашка вокруг призыва и формы ===== */
.mkt #contact > .wrap > .cta-panel { padding:clamp(28px,4vw,56px); border-radius:36px; background:linear-gradient(145deg,#245ce6 0%,#3975ee 52%,#5594ff 100%); box-shadow:0 40px 100px -40px #1238c7cc; }
.mkt .cta-panel .contact-display .lime { color:#bfe0ff; }
.mkt .cta-panel .cta-sub { color:#e6efff; text-shadow:none; }
.mkt .cta-panel .apply { box-shadow:0 30px 70px -40px #0a2e7a; }
.mkt .cta-panel .consent,.mkt .cta-panel .consent a { color:var(--copy); }
/* Футер: без большой надписи getbonus.win — приглашение «Давайте обсудим» опускается на её место */
.mkt .site-footer .footer-main { flex:0 0 auto; }
.mkt .site-footer .footer-invitation { margin-top:auto; padding-top:64px; }
.mkt .site-footer .footer-watermark { display:none; }

/* «Трафик у вас уже есть»: высокая карточка, визуал в рамке сверху, текст прижат к низу (2 строки заголовка, 2 строки текста) */
.mkt .problem-card { min-height:560px; }
.mkt .problem-card .mk-fit { margin:0 0 32px; border-radius:16px; }
.mkt .problem-card h3 { max-width:15em; margin-top:auto; }
.mkt .problem > .problem-card > p { max-width:56ch; }
.mkt .mk-scene { padding:18px; }
@media(max-width:760px) { .mkt .problem-card { min-height:0; } .mkt .problem-card h3 { margin-top:0; } }

/* Шаги на главной: заголовок ровно в две строки, описания одинаковой длины */
.mkt #how .step h3 { min-height:2.5em; max-width:11em; }

/* ===== Buttons: PartnerStack-style (flat, 8px radius, arrow on primary) in our colors ===== */
.mkt { --btn-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M4.97 9.48 3.99 8.5l2.6-2.6H.5V4.46h6.08L3.99 1.87l.98-.98 4.3 4.3-4.3 4.29Z'/%3E%3C/svg%3E"); }
.mkt :is(.btn,.m-btn) { min-height:48px; padding:12px 20px; gap:0; border-width:2px; border-radius:8px; box-shadow:none; transition:background-color .3s,border-color .3s,color .3s; }
.mkt :is(.btn-lime,.m-btn.primary) { box-shadow:none; }
.mkt :is(.btn-lime,.m-btn.primary)::after { content:''; flex:none; width:10px; height:10px; margin-left:8px; background:currentColor; -webkit-mask:var(--btn-arrow) center/contain no-repeat; mask:var(--btn-arrow) center/contain no-repeat; transition:transform .3s; }
.mkt :is(.btn-lime,.m-btn.primary):hover::after { transform:translateX(3px); }
.mkt :is(.btn-line,.m-btn:not(.primary)) { color:var(--ink); background:transparent; border-color:#b9d0ff; }
.mkt :is(.btn-line,.m-btn:not(.primary)):hover { color:var(--blue); background:transparent; border-color:var(--blue); }
.mkt .btn-sm { min-height:44px; padding:8px 16px; }
.mkt .m-nav .m-btn { min-height:36px; padding:0 16px; }
.mkt .m-nav .m-btn.primary::after { display:none; }
.mkt section.hero .btn-line,.mkt .m-hero .m-btn:not(.primary) { color:#fff; background:transparent; border-color:#ffffff59; }
.mkt section.hero .btn-line:hover,.mkt .m-hero .m-btn:not(.primary):hover { color:#fff; background:#ffffff14; border-color:#fff; }
.mkt :is(.btn,.m-btn):focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
/* sizes: beat the UI typography rule (its :is() carries an element selector) */
.mkt :is(a,button):is(.btn,.m-btn) { font-size:16px; line-height:24px; }
.mkt :is(a,button).btn-sm { font-size:15px; }
.mkt .m-nav :is(a,button).m-btn { font-size:14px; }
@media(max-width:760px) {
  .mkt :is(a,button):is(.btn,.m-btn) { font-size:15px; }
}

/* ===== Scale section: 3 cells (widget preview, cabinet, per-offer report) ===== */
.mkt .cells--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:1000px) { .mkt .cells--3 { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:760px) { .mkt .cells--3 { grid-template-columns:minmax(0,1fr); } }
.mkt .mk-report { padding:6px 12px; }
.mkt .mk-report-row { display:grid; grid-template-columns:minmax(0,1fr) 58px 62px; gap:6px; align-items:center; padding:7px 0; border-top:1px solid #edf1f7; font-size:11px; }
.mkt .mk-report-row > span:not(:first-child) { text-align:right; }
.mkt .mk-report-row:first-child { border-top:0; }
.mkt .mk-report-head { padding-bottom:5px; color:var(--muted); font-size:9.5px; }
.mkt .mk-report-row b { color:#0e7a55; }

/* ===== Calculator: results as one blue panel, white numbers split by thin dividers ===== */
.mkt .calc-dash { grid-template-columns:minmax(0,1fr); gap:0; padding:28px 30px 10px; border-radius:20px; color:#fff; container-type:inline-size;
  background:radial-gradient(120% 90% at 100% 0%,#4c86ff 0%,transparent 60%),var(--blue); box-shadow:0 24px 50px -28px #2363eb99; }
.mkt .calc-dash .calc-kpi { flex-direction:row; align-items:center; justify-content:space-between; gap:16px; min-height:0; padding:16px 0; border:0; border-top:1px solid #ffffff33; border-radius:0; background:none; }
.mkt .calc-dash .calc-kpi span { flex:1; min-width:0; min-height:0; margin:0; color:#ffffffcc; hyphens:auto; overflow-wrap:break-word; }
.mkt .calc-dash .calc-kpi strong { flex:none; color:#fff; white-space:nowrap; font-size:clamp(22px,7.5cqi,34px); }
.mkt .calc-dash .calc-main { flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:6px; padding:0 0 22px; border-top:0; }
.mkt .calc-dash .calc-main span { flex:none; color:#fff; }
.mkt .calc-dash .calc-main strong { font-size:clamp(40px,15cqi,76px); }
.mkt .calc-dash .calc-main small { color:#ffffffc4; }
@media(max-width:520px) {
  .mkt .calc-dash { padding:22px 20px 6px; }
  .mkt .calc-dash .calc-kpi { padding:14px 0; }
  .mkt .calc-dash .calc-kpi:not(.calc-main) span { display:flex; align-items:center; min-height:2.8em; }
  .mkt .calc-dash .calc-main { padding-bottom:18px; }
}

/* ===== Star border (по мотивам React Bits): по контуру кнопки бежит звёздочка со шлейфом ===== */
@property --star-a { syntax:'<angle>'; inherits:false; initial-value:0deg; }
.mkt :is(.btn,.m-btn) { position:relative; isolation:isolate; --star:#2363eb; --star-glow:#2363eb66; }
.mkt :is(.btn-lime,.m-btn.primary),.mkt section.hero .btn-line,.mkt .m-hero .m-btn:not(.primary) { --star:#fff; --star-glow:#ffffffa6; }
.mkt :is(.btn,.m-btn)::before { content:''; position:absolute; inset:-2px; z-index:1; padding:2px; border-radius:inherit; pointer-events:none;
  background:conic-gradient(from var(--star-a),transparent 0 70%,var(--star-glow) 90%,var(--star) 97%,transparent 99%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:star-orbit 4.5s linear infinite; }
.mkt :is(.btn-line,.m-btn:not(.primary))::before { animation-delay:-2.2s; }
@keyframes star-orbit { to { --star-a:360deg; } }
@media (prefers-reduced-motion:reduce) { .mkt :is(.btn,.m-btn)::before { animation:none; opacity:0; } }

/* ===== Иллюстрации на главной: плоская векторная графика (SVG + HTML-подписи) на мягкой серой сцене ===== */
.mkt svg.ic { display:inline-block; width:1em; height:1em; vertical-align:middle; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.mkt .mk-fit { border:0; border-radius:18px; background:#f2f5fa; }
.mkt .audience-card .mk-fit { border-radius:16px; }
.mkt .mk-canvas.mk-art { display:block; padding:0; }
.mkt .mk-svg { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.mkt .mk-svg .pn { fill:#fff; stroke:#e4e9f2; }
.mkt .mk-svg .sh { filter:drop-shadow(0 10px 14px rgba(20,35,61,.13)); }
.mkt .mk-svg .b1 { fill:#2b3b5c; } .mkt .mk-svg .b2 { fill:#d6dde9; } .mkt .mk-svg .b3 { fill:#eef2f8; }
.mkt .mk-svg .ln { fill:none; stroke:#c3cddd; stroke-width:1.6; stroke-dasharray:3 5; stroke-linecap:round; }
.mkt .mk-svg .ln-acc { stroke:var(--blue); stroke-width:2; stroke-dasharray:none; }
.mkt .mk-art .mk-lbl { position:absolute; display:inline-flex; align-items:center; gap:6px; padding:7px 11px; border-radius:999px; background:#fff; color:var(--ink); font-size:11px; font-weight:700; line-height:1; white-space:nowrap; box-shadow:0 10px 22px -10px rgba(20,35,61,.3),0 0 0 1px #e6ebf3; }
.mkt .mk-art .mk-lbl--c { transform:translateX(-50%); }
.mkt .mk-art .mk-lbl--r { transform:translateX(-100%); }
.mkt .mk-art .mk-lbl--blue { color:var(--blue); }
.mkt .mk-art .mk-lbl--dim { color:var(--muted); background:#eceff5; box-shadow:none; }
.mkt .mk-art .mk-lbl-ok { display:grid; place-items:center; width:16px; height:16px; border-radius:50%; background:#dcf7ea; color:#0e8a5f; font-size:10px; }
.mkt .mk-art .mk-lbl-ok .ic { stroke-width:3; }
.mkt .mk-art .mk-dot { width:7px; height:7px; border-radius:50%; background:#1bbf7a; }

/* ===== Hero: две парящие карточки — только CSS, без transform и без JS =====
   ≥1360px: по краям экрана на уровне первой строки заголовка (блок нулевой высоты перед .wrap + смещение через --hero-fs);
   <1360px: над заголовком, внахлёст, в потоке. Карточки не растрируются в текстуру — текст всегда чёткий. */
.mkt section.hero { flex-direction:column; justify-content:center; }
.mkt section.hero h1 .lime { display:block; }
.mkt section.m-hero:has(.hero-floats) { flex-direction:column; justify-content:center; }
.mkt .hero-floats { display:flex; justify-content:center; align-items:flex-start; width:100%; margin:0 0 28px; pointer-events:none; }
.mkt .hero-float { position:relative; width:190px; }
.mkt .hero-float--success { z-index:1; margin:26px -22px 0 0; rotate:-3deg; }
.mkt .hero-float--gift { z-index:2; margin-left:-22px; rotate:3deg; }
/* наклон статический (не анимируется и не композитится) — текст рисуется напрямую */
.mkt .hero-float-card { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:18px; text-align:left;
  border-radius:20px; background:#fff; color:var(--ink); box-shadow:0 30px 60px -24px rgba(0,0,0,.7); }
.mkt .hero-float b { display:block; color:var(--ink); font-size:16px; line-height:1.25; font-weight:700; }
.mkt .hero-float small { display:block; color:var(--copy); font-size:13px; line-height:1.4; }
.mkt .hero-float-ok { display:grid; place-items:center; width:36px; height:36px; margin-bottom:4px; border-radius:50%; background:#dcf7ea; color:#0e8a5f; font-size:18px; }
.mkt .hero-float-ok .ic { stroke-width:2.6; }
.mkt .hero-float-gift { display:grid; place-items:center; width:40px; height:40px; margin-bottom:4px; border-radius:12px; background:var(--blue); color:#fff; font-size:22px; }
.mkt .hero-float-btn { display:inline-block; margin-top:6px; padding:9px 14px; border-radius:9px; background:var(--blue); color:#fff; font-size:12px; font-weight:700; line-height:1.2; }
.mkt .hf-receipt { width:100%; }
.mkt .hf-receipt-head { display:flex; align-items:center; gap:10px; padding-bottom:10px; margin-bottom:4px; border-bottom:1px dashed #d5dce8; }
.mkt .hf-receipt-head .hero-float-ok { width:28px; height:28px; margin:0; font-size:14px; flex:none; }
.mkt .hf-receipt-head b { font-size:14px; }
.mkt .hf-row { display:flex; justify-content:space-between; align-items:baseline; gap:10px; padding:5px 0; }
.mkt .hf-row small { margin:0; } .mkt .hf-row small:first-child { color:var(--muted); }
.mkt .hf-row strong { color:var(--ink); font-size:14px; font-weight:700; letter-spacing:-.01em; }
.mkt .hf-row .hero-plus { color:#0e8a5f; }
.mkt .hf-ok { color:#0e8a5f!important; font-weight:600; }
.mkt .hf-total { margin-top:4px; padding-top:9px; border-top:1px dashed #d5dce8; }
.mkt .hf-total strong { font-size:16px; }
.mkt .hero-float-card:has(.hf-receipt) { padding:16px 16px 12px; gap:0; }
.mkt .hero-float-sum { display:block; margin-top:4px; color:var(--ink); font-size:22px; line-height:1.1; letter-spacing:-.03em; font-weight:700; }
/* парение выключено: анимация top давала дёрганье на наклонённых карточках — карточки статичны */
@media(max-width:1359px) { .mkt section.hero h1 { font-size:clamp(36px,5.2vw,64px); } }
@media(max-width:760px) {
  .mkt section.hero h1 { font-size:clamp(32px,9.4vw,44px); }
  .mkt .hero-floats { margin-bottom:22px; }
  .mkt .hero-float { width:154px; }
  .mkt .hero-float-card { padding:14px 13px 13px; gap:6px; border-radius:18px; }
  .mkt .hero-float b { font-size:13px; } .mkt .hero-float small { font-size:11px; }
  .mkt .hero-float-ok { width:30px; height:30px; font-size:14px; }
  .mkt .hero-float-gift { width:34px; height:34px; font-size:18px; border-radius:10px; }
  .mkt .hero-float-btn { padding:7px 11px; font-size:11px; }
  .mkt .hf-row { padding:3px 0; } .mkt .hf-row strong { font-size:12px; } .mkt .hf-total strong { font-size:13px; } .mkt .hf-receipt-head b { font-size:12px; } .mkt .hero-float-card:has(.hf-receipt) { padding:12px 12px 10px; }
  .mkt .hero-float-sum { font-size:18px; }
}
@media(min-width:1360px) {
  .mkt :is(section.hero,section.m-hero) { --hero-fs:clamp(66px,calc(7.5vw - 36px),108px); }
  .mkt :is(section.hero,section.m-hero) h1 { font-size:var(--hero-fs); line-height:1; }
  /* блок карточек остаётся в потоке перед .wrap, но нулевой высоты: его низ = верх .wrap. Сам .wrap не позиционируем — у хлебных крошек свой контекст */
  .mkt .hero-floats { position:relative; height:0; margin:0; z-index:0; }
  .mkt section.hero > .wrap { position:relative; z-index:1; }
  .mkt .hero-float { position:absolute; width:236px; margin:0; }
  /* заголовок начинается на 20px ниже верха .wrap; первая строка = --hero-fs.
     По горизонтали карточки привязаны к центру: отступ = половина первой строки + зазор, в долях --hero-fs (--hero-l1, свой у каждого языка) */
  .mkt .hero-float { bottom:calc(-20px - var(--hero-fs) + 10px); }
  .mkt .hero-float--success { right:min(calc(50% + var(--hero-fs) * var(--hero-l1)),calc(100% - 268px)); }
  .mkt .hero-float--gift { left:min(calc(50% + var(--hero-fs) * var(--hero-l1)),calc(100% - 268px)); }
  .mkt section.hero { --hero-l1:5.6; }
  html[lang="ru"] .mkt section.hero { --hero-l1:3.3; }
  html[lang="vi"] .mkt section.hero { --hero-l1:4.9; }
  /* страницы направлений: ширина заголовка в em (переносы не зависят от ширины экрана) и половина первой строки + зазор */
  .mkt section.m-hero:has(.hero-floats) h1 { max-width:var(--hero-h1w,1100px); }
  .mkt section.m-hero:has(.hero-floats) > .m-wrap { width:min(1560px,calc(100% - 64px)); }
  .mkt .m-hero--payments { --hero-l1:4.2; --hero-h1w:8.5em; }
  html[lang="ru"] .mkt .m-hero--payments { --hero-l1:4.8; --hero-h1w:11.2em; }
  html[lang="vi"] .mkt .m-hero--payments { --hero-l1:5.4; --hero-h1w:10.8em; }
  .mkt .m-hero--events { --hero-l1:5.9; --hero-h1w:12em; }
  html[lang="ru"] .mkt .m-hero--events { --hero-l1:6.1; --hero-h1w:12em; }
  html[lang="vi"] .mkt .m-hero--events { --hero-l1:5.4; --hero-h1w:10.5em; }
  .mkt .m-hero--apps { --hero-l1:6.2; --hero-h1w:12em; }
  html[lang="ru"] .mkt .m-hero--apps { --hero-l1:6.4; --hero-h1w:12em; }
  html[lang="vi"] .mkt .m-hero--apps { --hero-l1:5.9; --hero-h1w:12.6em; }
  .mkt .m-hero--custom { --hero-l1:5.4; --hero-h1w:12em; }
  html[lang="ru"] .mkt .m-hero--custom { --hero-l1:4.9; --hero-h1w:12.6em; }
  html[lang="vi"] .mkt .m-hero--custom { --hero-l1:5.6; --hero-h1w:11em; }
}

/* ===== Компоненты иллюстраций: экран успешной оплаты и сам виджет, как в продукте ===== */
.mkt .mk-art .mk-pay { position:absolute; display:grid; gap:10px; padding:12px 14px; border-radius:14px; background:#fff; box-shadow:0 14px 28px -14px rgba(20,35,61,.3),0 0 0 1px #e8edf5; }
.mkt .mk-art .mk-pay-head { display:flex; align-items:center; gap:9px; }
.mkt .mk-art .mk-pay-ok { display:grid; place-items:center; flex:none; width:28px; height:28px; border-radius:50%; background:#dcf7ea; color:#0e8a5f; font-size:13px; }
.mkt .mk-art .mk-pay-ok .ic { stroke-width:2.8; }
.mkt .mk-art .mk-pay-head b { display:block; font-size:11.5px; line-height:1.2; }
.mkt .mk-art .mk-pay-head small { display:block; margin-top:2px; color:var(--muted); font-size:9.5px; }
.mkt .mk-art .mk-pay-row { display:flex; justify-content:space-between; align-items:baseline; padding-top:8px; border-top:1px dashed #dfe5ef; color:var(--muted); font-size:10px; }
.mkt .mk-art .mk-pay-row b { font-size:13px; }
.mkt .mk-art .mk-pay-ghost { justify-self:start; padding:6px 10px; border:1px solid #e1e7f0; border-radius:8px; color:var(--muted); font-size:9.5px; font-weight:600; }
.mkt .mk-art .mk-wdg { position:relative; display:flex; align-items:center; gap:8px; padding:8px 10px; border:1px solid #e6e9ef; border-radius:10px; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.06); }
.mkt .mk-art .mk-pay .mk-wdg { background:#f6f9ff; border-color:#d8e3f7; box-shadow:none; }
.mkt .mk-art .mk-wdg-ic { display:grid; place-items:center; flex:none; width:26px; height:26px; border-radius:8px; background:var(--blue); color:#fff; font-size:14px; }
.mkt .mk-art .mk-wdg-tx { flex:1; min-width:0; }
.mkt .mk-art .mk-wdg-tx b { display:block; font-size:10px; line-height:1.25; white-space:normal; }
.mkt .mk-art .mk-wdg-tx small { display:block; margin-top:2px; color:var(--muted); font-size:8.5px; line-height:1.3; white-space:normal; }
.mkt .mk-art .mk-wdg-btn { flex:none; padding:6px 9px; border-radius:7px; background:var(--blue); color:#fff; font-size:9px; font-weight:700; line-height:1; text-align:center; }
.mkt .mk-art .mk-wdg--stack { flex-wrap:wrap; }
.mkt .mk-art .mk-wdg--stack .mk-wdg-btn { width:100%; padding:7px 9px; }
.mkt .mk-art .mk-wdg--sm { gap:6px; padding:7px; }
.mkt .mk-art .mk-wdg--sm .mk-wdg-ic { width:22px; height:22px; border-radius:7px; font-size:12px; }
.mkt .mk-art .mk-wdg--sm .mk-wdg-tx b { font-size:8.2px; }
.mkt .mk-art .mk-wdg--sm .mk-wdg-tx small { display:none; }
.mkt .mk-art .mk-wdg--sm .mk-wdg-btn { padding:6px; font-size:7.8px; }
.mkt .mk-art .mk-wdg--xs { gap:5px; padding:6px; border-radius:8px; }
.mkt .mk-art .mk-wdg--xs .mk-wdg-ic { width:18px; height:18px; border-radius:6px; font-size:10px; }
.mkt .mk-art .mk-wdg--xs .mk-wdg-tx b { font-size:7px; }
.mkt .mk-art .mk-wdg--xs .mk-wdg-tx small { display:none; }
.mkt .mk-art .mk-wdg--xs .mk-wdg-btn { padding:5px 6px; border-radius:5px; font-size:6.8px; }
.mkt .mk-art .mk-mini-ok { position:absolute; display:flex; align-items:center; gap:4px; color:var(--ink); font-size:7px; font-weight:700; white-space:nowrap; }
.mkt .mk-art .mk-mini-ok i { display:grid; place-items:center; width:12px; height:12px; border-radius:50%; background:#dcf7ea; color:#0e8a5f; font-size:7px; }

/* ===== Футер: без подзаголовков колонок, ссылки крупнее, верхний блок ниже, приглашение на 50px выше ===== */
.mkt .footer-menu h2 { position:absolute; width:1px; height:1px; margin:0; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.mkt .footer-menu a, .mkt .footer-contact-item { font-size:18px; line-height:1.5; }
.mkt .footer-menu > div { gap:18px; }
/* свободное место делится поровну: над ссылками и между ссылками и «Давайте обсудим» — блок ссылок заканчивается около середины экрана */
.mkt .site-footer .footer-main { margin-top:auto; padding-top:40px; }
.mkt .site-footer .footer-bottom { margin-top:74px; }
@media(max-width:760px) {
  .mkt .site-footer .footer-main { margin-top:16px; }
  .mkt .site-footer .footer-bottom { margin-top:48px; }
}
@media(max-width:760px) {
  .mkt .site-footer .footer-menu { gap:24px; }
  .mkt .footer-menu > div { min-width:0; }
  .mkt .footer-menu a, .mkt .footer-contact-item { font-size:17px; overflow-wrap:anywhere; }
}

/* ===== Страницы направлений: сцена «пример размещения» и шаги в стиле главной ===== */
.mkt .m-mock { display:block; min-height:0; padding:0; border:0; border-radius:0; background:none; }
.mkt .m-mock .mk-fit { max-width:none; margin:0; }
/* широкая сцена во всю сетку на десктопе, компактная — на мобильном */
.mkt .m-mock .mk-fit--narrow { display:none; }
@media(max-width:760px) { .mkt .m-mock .mk-fit--wide { display:none; } .mkt .m-mock .mk-fit--narrow { display:block; } }
.mkt .mk-art .mk-brand { position:absolute; color:#fff; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.mkt .mk-art .mk-brand-sub { position:absolute; color:#b7c6e4; font-size:10px; }

/* ===== Мобильный заголовок страниц направлений: размер от ширины экрана, чтобы длинные слова помещались ===== */
.mkt .m-lead-short { display:none; }
@media(max-width:760px) {
  /* мобильный H1 страниц направлений = размер H2, подзаголовок — короткая версия */
  .mkt .m-hero h1 { font-size:min(var(--t-h2),8.6vw); line-height:1.1; letter-spacing:-.04em; }
  .mkt .m-hero .m-lead-full { display:none; }
  .mkt .m-hero .m-lead-short { display:inline; }
}

/* ===== FAQ: без плашек, вопросы разделены линиями ===== */
.mkt :is(.faq,.m-faq) { gap:0; }
.mkt :is(.faq,.m-faq) details { padding:24px 0; border:0; border-bottom:1px solid var(--border); border-radius:0; background:none; }
.mkt :is(.faq,.m-faq) details:first-child { border-top:1px solid var(--border); }

/* ===== Контакты: бегущая строка вплотную к подвалу ===== */
.mkt main > .partner-marquee--footer:last-child { margin:var(--section-gap) 0 0; }
.mkt main:has(> .partner-marquee--footer:last-child) + .site-footer { margin-top:0; }

/* Отдельные оттенки направлений убраны: все страницы «Партнёрам» в базовом синем, как /payments */

/* Блоки с логотипами брендов скрыты до реальных подключений */
.mkt .brand-section, .mkt main > section.m-section:has(.m-logos) { display:none !important; }

/* ===== Раздел «Для кого» v2 (ТЗ 28.10.2026): мега-меню и каркас страниц направлений ===== */
/* мега-меню: две колонки направлений + плашка индивидуальной интеграции */
.mkt .m-dropdown.m-mega { left:50%; transform:translateX(-50%); min-width:640px; padding:12px; }
.mkt .mega-grid { display:grid; grid-template-columns:1fr 1fr; gap:4px; }
.mkt .m-mega .mega-item { display:flex; gap:12px; align-items:flex-start; padding:10px 12px; border-radius:10px; color:var(--ink); white-space:normal; text-decoration:none; }
.mkt .m-mega .mega-item:hover { background:#edf4ff; color:var(--ink); }
.mkt .mega-ic { display:grid; place-items:center; flex:none; width:36px; height:36px; border-radius:10px; background:#edf3ff; color:var(--blue); }
.mkt .mega-ic .ic { width:18px; height:18px; }
.mkt .mega-tx { display:grid; gap:2px; min-width:0; }
.mkt .mega-tx b { font-size:14px; font-weight:650; line-height:1.3; }
.mkt .mega-tx small { color:var(--muted); font-size:12px; font-weight:400; line-height:1.4; }
.mkt .m-mega .mega-plate { display:grid; grid-template-columns:auto 1fr; column-gap:12px; row-gap:2px; align-items:center; margin-top:8px; padding:12px 14px; border-radius:12px; background:var(--ink); color:#fff; white-space:normal; text-decoration:none; }
.mkt .m-mega .mega-plate:hover { background:var(--blue); color:#fff; }
.mkt .m-mega .mega-plate .mega-ic { grid-row:1 / 3; background:#ffffff1f; color:#fff; }
.mkt .m-mega .mega-plate .mega-tx b { color:#fff; }
.mkt .m-mega .mega-plate .mega-tx small { color:#b7c6e4; }
.mkt .m-mega .mega-plate-sub { grid-column:2; color:#b7c6e4; font-size:12px; font-weight:400; }
.mkt .m-nav.nav-dark .m-mega .mega-plate, .mkt .m-nav.nav-dark .m-mega .mega-plate b { color:#fff!important; }

/* B02 полоса фактов и строка снятия риска */
.mkt .m-facts h2 { margin-bottom:28px; }
.mkt .facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:0; padding:0; list-style:none; }
.mkt .facts li { display:grid; gap:6px; align-content:start; min-height:188px; padding:22px 22px 24px; border:1px solid var(--border); border-radius:18px; background:var(--wash); }
.mkt .facts .fact-ic { display:grid; place-items:center; width:44px; height:44px; margin-bottom:14px; border-radius:12px; background:#fff; border:1px solid var(--border); color:var(--blue); font-size:20px; }
.mkt.theme-alt .facts .fact-ic { color:#00b47d; }
.mkt .facts b { color:var(--ink); font-size:28px; letter-spacing:-.03em; line-height:1.1; }
.mkt .facts span { color:var(--copy); font-size:15px; line-height:1.45; }
.mkt .risk-line { max-width:none; margin:20px auto 0; color:#c9d6ea; font-size:15px; line-height:1.55; }
@media(min-width:1024px) { .mkt .m-hero .risk-line { white-space:nowrap; } }
.mkt .m-hero .m-eyebrow { color:#4f86ff; }
.mkt .hero-plus { color:#0e8a5f; }

/* тёмные секции каркаса: раскадровка, калькулятор, финальный CTA */
.mkt main > section.m-section.m-section--dark { margin-top:var(--section-gap); padding:88px 0; background:linear-gradient(180deg,#0d2b7a18 0%,#2d8fff18 100%),url('/img/editorial/hero-reference.svg') center/cover no-repeat; color:#fff; }
.mkt .m-section--dark :is(h2,h3,p,.m-lead) { color:#fff; }
.mkt .m-section--dark .m-lead { color:#d9e4f5; }
.mkt .m-section--dark .m-fine { color:#b7c6e4; }
.mkt .m-section--dark .m-btn:not(.primary) { color:#fff; border-color:#ffffff66; background:#ffffff10; }
.mkt .m-section--dark .m-btn:not(.primary):hover { color:#fff; border-color:#fff; background:#ffffff1c; }
.mkt .m-section--dark .m-btn.primary { color:#14233d; background:#fff; border-color:#fff; }
.mkt .m-section--dark .m-btn.primary:hover { color:#14233d; background:#e6efff; border-color:#e6efff; }
.mkt .m-section--dark > .m-wrap > .m-btn { margin-top:24px; }

/* B03 боль, B03a инсайт */
.mkt .pain-card .mk-fit { margin:0 0 24px; }
.mkt main .pain-card h3 { max-width:none; min-height:0; }
.mkt .insight { display:grid; grid-template-columns:minmax(0,1fr); gap:36px; }
.mkt .insight-copy { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:48px; align-items:start; }
.mkt .insight-copy h2 { margin:0; }
.mkt .insight-copy p { margin:0; justify-self:end; max-width:520px; padding-top:8px; }
.mkt .insight-art { display:grid; grid-template-columns:1fr auto 1fr; gap:20px; align-items:center; }
.mkt .insight-col { padding:28px 32px; border:1px solid var(--border); border-radius:20px; background:var(--wash); }
.mkt .insight-col b { display:block; margin-bottom:18px; color:var(--ink); font-size:18px; }
.mkt .insight-col ul { display:grid; gap:14px; margin:0; padding:0; list-style:none; }
.mkt .insight-col li { display:flex; align-items:center; gap:14px; color:var(--ink); font-size:17px; }
.mkt .insight-col li .ic { flex:none; width:24px; height:24px; color:var(--blue); }
.mkt .insight-eq { color:var(--blue); font-size:32px; font-weight:700; }

/* B04 раскадровка «как это видит клиент» */
.mkt main > section.m-section.m-section--flow { display:flex; flex-direction:column; justify-content:center; min-height:100vh; min-height:100svh; padding:72px 0; }
.mkt .flow-h2 { max-width:24ch; text-wrap:balance; }
.mkt .flow { margin-top:40px; }
.mkt .flow-track { display:flex; justify-content:space-between; gap:16px; }
.mkt .flow-step { flex:0 1 auto; }
.mkt .flow-step .ph { width:224px; height:448px; }
.mkt .flow-step { position:relative; display:flex; flex-direction:column; align-items:center; gap:16px; padding:0; border:0; background:none; color:inherit; font:inherit; text-align:center; cursor:pointer; opacity:.55; transition:opacity .4s ease,transform .4s ease; }
.mkt .flow-step.is-active { opacity:1; transform:translateY(-6px); }
.mkt .flow-num { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#ffffff1f; color:#fff; font-size:12px; font-weight:700; }
.mkt .flow-step.is-active .flow-num { background:#fff; color:var(--ink); }
.mkt .flow-cap b { display:block; margin-bottom:4px; color:#fff; font-size:16px; }
.mkt .flow-cap small { display:block; max-width:26ch; color:#b7c6e4; font-size:15px; line-height:1.5; }
.mkt .flow-dots { display:none; justify-content:center; gap:8px; margin-top:16px; }
.mkt .flow-dots i { width:8px; height:8px; border-radius:50%; background:#ffffff40; }
.mkt .flow-dots i.is-active { background:#fff; }
.mkt .flow-foot { display:grid; justify-items:center; gap:22px; margin-top:44px; text-align:center; }
.mkt .flow-note { max-width:46ch; margin:0; color:#d9e4f5; font-size:18px; line-height:1.5; }
/* телефон: единая рамка для всех кадров */
.mkt .ph { width:200px; height:400px; padding:10px; border-radius:34px; background:#14233d; box-shadow:0 30px 60px -24px rgba(0,0,0,.7),inset 0 0 0 1px #ffffff26; }
.mkt .ph-screen { position:relative; display:flex; flex-direction:column; height:100%; padding:16px 12px 12px; border-radius:26px; background:#fff; color:var(--ink); overflow:hidden; text-align:left; }
.mkt .ph-bar { display:flex; justify-content:space-between; }
.mkt .ph-bar i { width:30px; height:4px; border-radius:2px; background:#e3e8f0; }
.mkt .ph-success { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; text-align:center; }
.mkt .ph-ok { display:grid; place-items:center; width:44px; height:44px; margin-bottom:8px; border-radius:50%; background:#dcf7ea; color:#0e8a5f; }
.mkt .ph-ok .ic { width:22px; height:22px; stroke-width:2.6; }
.mkt .ph-success b { font-size:15px; line-height:1.2; }
.mkt .ph-success small { color:var(--muted); font-size:11px; }
.mkt .ph-wdg { display:grid; grid-template-columns:auto 1fr; gap:8px 10px; align-items:center; padding:10px; border:1px solid #d8e3f7; border-radius:14px; background:#f6f9ff; }
.mkt .ph-wdg-ic { display:grid; place-items:center; width:30px; height:30px; border-radius:9px; background:var(--blue); color:#fff; }
.mkt .ph-wdg-ic .ic { width:16px; height:16px; }
.mkt .ph-wdg b { display:block; font-size:11.5px; line-height:1.25; }
.mkt .ph-wdg small { display:block; margin-top:2px; color:var(--muted); font-size:9.5px; }
.mkt .ph-wdg-btn { grid-column:1 / 3; padding:8px; border-radius:8px; background:var(--blue); color:#fff; font-size:10px; font-weight:700; text-align:center; }
.mkt .ph-brand { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:10px; }
.mkt .ph-brand b { color:var(--ink); }
.mkt .ph-brand-dot { width:14px; height:14px; border-radius:50%; background:#dce4f0; }
.mkt .ph-brand-gb { color:var(--blue); font-weight:700; }
.mkt .ph-title { margin:18px 0 0; color:var(--ink); font-size:15px; font-weight:700; line-height:1.2; letter-spacing:-.02em; text-align:center; }
.mkt .ph-title--big { margin-top:28px; font-size:18px; }
.mkt .ph-sub { margin:4px 0 0; color:var(--muted); font-size:11px; text-align:center; }
.mkt .ph-wheel { position:relative; width:160px; aspect-ratio:1; margin:22px auto 0; filter:drop-shadow(0 14px 24px rgba(35,99,235,.18)); }
.mkt .ph-pointer { position:absolute; top:-8px; left:50%; z-index:2; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:14px solid #14233d; transform:translateX(-50%); }
.mkt .ph-rotor { width:100%; height:100%; }
.mkt .ph-rotor svg { display:block; width:100%; height:100%; }
.mkt .flow-step.is-active .ph-rotor { animation:ph-spin 3.2s cubic-bezier(.15,.7,.2,1) both; }
@keyframes ph-spin { from { transform:rotate(0); } to { transform:rotate(1470deg); } }
.mkt .ph-gifts { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:14px; }
.mkt .ph-gift { position:relative; display:grid; gap:4px; padding:10px 8px 8px; border:1px solid var(--border); border-radius:12px; background:#fff; }
.mkt .ph-gift.is-sel { border-color:var(--blue); box-shadow:0 0 0 2px #2363eb33; }
.mkt .ph-gift-ic { display:grid; place-items:center; width:26px; height:26px; border-radius:8px; background:#edf3ff; color:var(--blue); }
.mkt .ph-gift-ic .ic { width:14px; height:14px; }
.mkt .ph-gift b { font-size:10.5px; line-height:1.2; }
.mkt .ph-gift small { color:var(--blue); font-size:9.5px; font-weight:700; }
.mkt .ph-gift-sel { position:absolute; top:6px; right:6px; display:inline-flex; align-items:center; gap:3px; padding:2px 6px; border-radius:999px; background:var(--blue); color:#fff; font-size:8px; font-style:normal; font-weight:700; }
.mkt .ph-gift-sel .ic { width:8px; height:8px; stroke-width:3; }
.mkt .ph-timer { display:flex; justify-content:space-between; align-items:center; padding:8px 10px; border-radius:10px; background:#fff4d6; color:#6b4b00; font-size:10px; }
.mkt .ph-timer b { font-size:14px; font-variant-numeric:tabular-nums; }
.mkt .ph-cta { margin-top:auto; padding:9px; border-radius:9px; background:var(--blue); color:#fff; font-size:10.5px; font-weight:700; text-align:center; }
.mkt .ph-confetti { position:absolute; inset:0; pointer-events:none; }
.mkt .ph-confetti i { position:absolute; width:6px; height:10px; border-radius:2px; background:var(--blue); opacity:.8; }
.mkt .ph-confetti i:nth-child(1) { left:12%; top:8%; transform:rotate(20deg); }
.mkt .ph-confetti i:nth-child(2) { left:30%; top:4%; background:#f5b400; transform:rotate(-30deg); }
.mkt .ph-confetti i:nth-child(3) { left:52%; top:9%; background:#1bbf7a; transform:rotate(50deg); }
.mkt .ph-confetti i:nth-child(4) { left:70%; top:3%; transform:rotate(-15deg); }
.mkt .ph-confetti i:nth-child(5) { left:86%; top:10%; background:#f5b400; transform:rotate(35deg); }
.mkt .ph-confetti i:nth-child(6) { left:20%; top:16%; background:#e5484d; transform:rotate(70deg); }
.mkt .ph-confetti i:nth-child(7) { left:62%; top:17%; background:#e5484d; transform:rotate(-55deg); }
.mkt .ph-confetti i:nth-child(8) { left:42%; top:14%; background:#1bbf7a; transform:rotate(10deg); }

/* B05 моменты */
.mkt .moments { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--gap); margin-top:32px; }
.mkt .moment { display:grid; grid-template-columns:auto 1fr; gap:12px 16px; padding:24px; border:1px solid var(--border); border-radius:var(--radius); background:#fff; }
.mkt .moment--art { grid-template-columns:minmax(0,1fr) minmax(0,300px); gap:28px; padding:28px; align-items:stretch; }
.mkt .moment--art .moment-tx { display:flex; flex-direction:column; justify-content:space-between; gap:28px; }
.mkt .moment-art { margin:0; align-self:center; }
.mkt .moment:not(.moment--art) .moment-tx { display:contents; }
.mkt .moment-ic { display:grid; place-items:center; width:52px; height:52px; border-radius:14px; background:#edf3ff; color:var(--blue); }
.mkt.theme-alt .moment-ic { background:#e6f8f3; color:#00b47d; }
.mkt .mk-art .mk-lbl--ok { color:#0e8a5f; }
.mkt .moment-ic .ic { width:24px; height:24px; }
.mkt .moment h3 { margin:0 0 8px; font-size:var(--t-h3); }
.mkt .moment p { margin:0; font-size:var(--t-text); line-height:1.5; }
.mkt .moment-chip { grid-column:2; display:inline-flex; align-items:center; gap:8px; width:max-content; max-width:100%; padding:8px 12px; border:1px solid var(--border); border-radius:999px; background:var(--wash); color:var(--ink); font-size:12px; font-weight:600; }
.mkt .moment-chip i { display:grid; place-items:center; flex:none; width:18px; height:18px; border-radius:50%; background:#dcf7ea; color:#0e8a5f; }
.mkt .moment-chip i .ic { width:10px; height:10px; stroke-width:3; }

/* B06 подарки под аудиторию */
.mkt .gift-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--gap); margin-top:32px; }
.mkt .gift-tile { position:relative; display:grid; gap:12px; align-content:start; min-height:220px; padding:28px; border:1px solid var(--border); border-radius:var(--radius); background:#fff; }
.mkt .gift-tile b { margin-top:auto; font-size:var(--t-h4); }
.mkt .gift-top { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:28px; }
.mkt .gift-logos { display:flex; }
.mkt .gift-logos img { width:40px; height:40px; margin-left:-8px; border:2px solid #fff; border-radius:12px; background:#fff; object-fit:contain; box-shadow:0 4px 10px #14233d14; }
.mkt .gift-note { margin-top:28px; font-size:15px; }
.mkt .gift-ic { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:#edf3ff; color:var(--blue); }
.mkt .gift-ic .ic { width:22px; height:22px; }
.mkt .gift-tile b { color:var(--ink); font-size:16px; line-height:1.3; }
.mkt .gift-badge { width:max-content; padding:4px 10px; border-radius:999px; background:var(--blue); color:#fff; font-size:12px; font-weight:700; }
.mkt .gift-tile.is-soon { background:var(--wash); }
.mkt .gift-tile.is-soon .gift-ic { background:#fff; color:var(--muted); }
.mkt .gift-tile.is-soon .gift-badge { background:#dfe6f2; color:var(--copy); }

/* B07 выгоды по ролям */
.mkt .roles { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:var(--gap); align-items:start; margin-top:32px; }
.mkt .roles-tabs { position:sticky; top:110px; display:grid; gap:6px; padding:6px; border:1px solid var(--border); border-radius:var(--radius); background:#eef3fa; }
.mkt .roles-tab { min-height:64px; padding:12px 22px; border:0; border-radius:14px; background:none; color:var(--copy); font:600 var(--t-h4)/1.2 var(--font); text-align:left; cursor:pointer; }
.mkt .roles-tab:hover { color:var(--ink); }
.mkt .roles-tab.is-active { background:#fff; color:var(--blue); box-shadow:0 2px 5px #14233d12; }
.mkt .roles-panel { display:none; }
.mkt .roles-panel.is-active { display:block; }
.mkt .roles-list { display:grid; gap:var(--gap); margin:0; padding:0; list-style:none; }
.mkt .roles-list li { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,300px); gap:28px; align-items:center; padding:28px; border:1px solid var(--border); border-radius:var(--radius); background:#fff; }
.mkt .roles-tx { display:grid; gap:8px; align-content:start; }
.mkt .roles-tx .roles-ic { margin-bottom:12px; }
.mkt .roles-art { margin:0; }
.mkt .mk-svg .ra-acc { fill:var(--blue); }
.mkt.theme-alt .mk-svg .ra-acc { fill:#00b47d; }
.mkt .roles-ic { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#dcf7ea; color:#0e8a5f; }
.mkt .roles-ic .ic { width:18px; height:18px; stroke-width:2.8; }
.mkt .roles-list b { display:block; color:var(--ink); font-size:var(--t-h3); line-height:1.25; letter-spacing:-.02em; }
.mkt .roles-tx > span:last-child { font-size:var(--t-text); line-height:1.55; color:var(--copy); }

/* B08 калькулятор на тёмном фоне */
.mkt .m-section--dark .m-calc { color:var(--copy); }
.mkt .m-section--dark .m-calc p { color:var(--muted); }
.mkt .m-section--dark .m-calc label { color:var(--ink); }
.mkt .m-section--dark .m-result span { color:var(--muted); }
.mkt .m-section--dark .m-result strong { color:var(--ink); }
.mkt .m-section--dark .m-result.highlight strong { color:var(--blue); }
.mkt .calc2 .m-result.highlight { grid-column:1 / -1; min-height:0; }
.mkt .calc2 .m-result small { display:block; margin-top:8px; color:var(--muted); font-size:14px; }
.mkt .calc2 .m-result small b { color:var(--ink); }
.mkt .calc2 .calc-hint { margin:4px 0 0; }
.mkt .h2-split .m-accent { display:block; }
.mkt .mk-svg .ln-acc { fill:none; }
.mkt.theme-alt .trust-ic { background:#e6f8f3; color:#00b47d; }
.mkt .calc2 { padding-block:72px; }
.mkt .calc-foot { display:flex; justify-content:space-between; align-items:center; gap:32px; margin-top:32px; }
.mkt .calc-foot .calc-note { max-width:46ch; margin:0; color:#ffffffa6; font-size:15px; line-height:1.55; }
.mkt .calc-foot .m-btn { flex:none; }
.mkt .partner-marquee--before { margin-top:var(--section-gap); }
.mkt .partner-marquee--before + section.m-section { margin-top:0!important; }
.mkt .trust-grid { grid-auto-rows:1fr; }

/* B09 контроль и безопасность */
.mkt .trust-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--gap); margin-top:32px; }
.mkt .trust-card { padding:24px; border:1px solid var(--border); border-radius:var(--radius); background:#fff; }
.mkt .trust-ic { display:grid; place-items:center; width:40px; height:40px; margin-bottom:16px; border-radius:11px; background:#edf3ff; color:var(--blue); }
.mkt .trust-ic .ic { width:20px; height:20px; }
.mkt .trust-card h3 { margin:0 0 8px; font-size:18px; }
.mkt .trust-card p { margin:0; font-size:14px; }

/* B10 подключение + пилот */
.mkt .m-steps--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mkt main > section.m-section.m-section--connect { display:flex; flex-direction:column; justify-content:center; min-height:100vh; min-height:100svh; }
.mkt .m-section--connect .conn-step { display:flex; flex-direction:column; padding:20px 20px 28px; border:0; border-radius:var(--radius); background:#fff; box-shadow:0 30px 60px -30px #0008; }
.mkt .m-section--connect .conn-step :is(h3) { color:var(--ink); max-width:none; min-height:0; font-size:var(--t-h3); }
.mkt .m-section--connect .conn-step p { color:var(--copy); font-size:var(--t-text); margin:0; }
.mkt .m-section--connect .conn-step .m-num { margin:24px 0 14px 8px; }
.mkt .m-section--connect .conn-step :is(h3,p) { margin-inline:8px; }
.mkt .conn-art { margin:0; }
.mkt .pilot-cta { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px 40px; align-items:center; margin-top:var(--gap); padding:40px; border-radius:var(--radius); background:var(--cta-bg,var(--blue)); color:var(--cta-ink,#fff); }
.mkt .pilot-head h3 { margin:0 0 8px; color:inherit; font-size:clamp(26px,2.4vw,34px); letter-spacing:-.03em; }
.mkt .pilot-head p { max-width:56ch; margin:0; color:inherit; opacity:.8; font-size:var(--t-lead); }
.mkt .pilot-checks { grid-column:1; display:flex; flex-wrap:wrap; gap:10px; margin:0; padding:0; list-style:none; }
.mkt .pilot-checks li { display:flex; align-items:center; gap:10px; padding:10px 16px 10px 10px; border-radius:14px; background:#ffffff33; color:inherit; font-size:16px; font-weight:600; }
.mkt .pilot-checks i { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#fff; color:var(--cta-check,#0e8a5f); }
.mkt .pilot-checks .ic { width:14px; height:14px; stroke-width:3; }
.mkt .pilot-cta .m-btn.primary { grid-column:2; grid-row:2; align-self:center; background:var(--ink)!important; border-color:var(--ink)!important; color:#fff!important; }
.mkt .pilot-cta .m-btn.primary:hover { background:#000!important; border-color:#000!important; }
.mkt.theme-alt .pilot-cta { --cta-bg:var(--acc); --cta-ink:var(--acc-ink); }
.mkt .m-section--dark .pilot-cta :is(h3,p,li) { color:var(--cta-ink,#fff); }
.mkt.theme-alt .m-section--dark .pilot-cta .m-btn.primary { background:var(--ink)!important; border-color:var(--ink)!important; color:#fff!important; }
.mkt.theme-alt .m-section--dark .pilot-cta .m-btn.primary:hover { background:#000!important; border-color:#000!important; color:#fff!important; }
.mkt.theme-alt .pilot-checks li { background:#ffffff59; }
.mkt.theme-alt .calc2 .m-result.highlight { background:#e6f8f3; border-color:#e5e7eb; }
.mkt.theme-alt :is(#contact, main > section.m-section:has(.m-calc)) { background:radial-gradient(113% 100% at 50% 0,#000000 0%,#1d1d1d 34.5%,#00b47d 67.25%,#b8b8b8 99.9%) !important; }
.mkt.theme-alt :is(#contact, main > section.m-section:has(.m-calc))::before { display:none; }
.mkt.theme-alt .m-section--dark .m-result.highlight strong { color:#00b47d; }
.mkt.theme-alt input[type=range] { accent-color:#01bc8d; }
.mkt.theme-alt .lead-form .m-btn.primary, .mkt.theme-alt .lead-form button[type=submit] { background:var(--acc)!important; border-color:var(--acc)!important; color:var(--acc-ink)!important; }
.mkt.theme-alt .lead-form .consent a { color:#00b47d; }
.mkt.theme-alt .m-calc-field output { color:#00b47d; }

/* B13 финальный CTA + форма */
.mkt .lead-wrap { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:64px; align-items:center; }
.mkt .lead-copy h2 { font-size:clamp(40px,5vw,72px); line-height:1.02; letter-spacing:-.05em; }
.mkt .lead-copy .risk-line { margin:16px 0 0; }
.mkt .lead-direct { display:grid; gap:6px; margin-top:28px; padding-top:24px; border-top:1px solid #ffffff2e; }
.mkt .lead-direct b { color:#fff; font-size:14px; }
.mkt .lead-direct a { width:max-content; color:#fff; font-size:18px; font-weight:600; text-decoration:none; }
.mkt .lead-direct a:hover { color:#4f86ff; }
.mkt .lead-direct small { color:#b7c6e4; font-size:14px; }
.mkt .lead-form .consent a { color:var(--blue); }
.mkt .lead-form.sent { text-align:center; }
.mkt .lead-form.sent h3 { margin:0; color:var(--ink); }
.mkt .lead-form.sent p { color:var(--muted); margin:0; }
.mkt .lead-form.sent .btn { justify-self:center; }

/* B14 другие направления */
.mkt .dir-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--gap); margin-top:32px; }
.mkt .dir-card { display:flex; flex-direction:column; min-height:320px; padding:28px; border:1px solid var(--border); border-radius:var(--radius); background:#fff; color:var(--copy); text-decoration:none; transition:border-color .2s,transform .2s,box-shadow .2s; }
.mkt .dir-card:hover { color:var(--copy); border-color:var(--blue); transform:translateY(-2px); box-shadow:0 18px 40px -24px #14233d40; }
.mkt .dir-ic { display:grid; place-items:center; width:52px; height:52px; border-radius:14px; background:#edf3ff; color:var(--blue); }
.mkt .dir-ic .ic { width:24px; height:24px; }
.mkt .dir-tx { display:grid; gap:10px; margin:40px 0 28px; }
.mkt .dir-card b { color:var(--ink); font-size:var(--t-h4); line-height:1.3; }
.mkt .dir-tx > span { font-size:15px; line-height:1.55; }
.mkt .dir-btn { margin-top:auto; align-self:flex-start; pointer-events:none; }
.mkt .dir-card:hover .dir-btn { border-color:var(--ink); }
.mkt .dir-card--custom { border:2px solid var(--blue); }
.mkt.theme-alt .dir-card--custom { border-color:#01bc8d; }
.mkt.theme-alt .dir-card--custom .dir-ic, .mkt.theme-alt .dir-ic { background:#e6f8f3; color:#00b47d; }
.mkt.theme-alt .dir-card:hover { border-color:#01bc8d; }
.mkt .page-footnote { margin-top:40px; color:var(--muted); text-align:center; }

/* криптокарты: свой оттенок фона и акцента (кислотный зелёный) */
.mkt.theme-alt { --acc:#01bc8d; --acc-hover:#00a77d; --acc-ink:#121212; --blue:#00b47d; }
.mkt.theme-alt :is(.gift-ic,.m-num,.mega-ic,.fact-ic,.roles-ic) { background:#e6f8f3; color:#00b47d; }
.mkt.theme-alt .gift-badge { background:#01bc8d; color:#121212; }
.mkt.theme-alt .mega-item:hover, .mkt.theme-alt .m-dropdown a:hover { background:#e6f8f3; }
.mkt.theme-alt .m-mega .mega-plate:hover { background:#01bc8d; }
.mkt.theme-alt .m-mega .mega-plate:hover :is(b,small,span) { color:#121212!important; }
.mkt.theme-alt .m-btn.primary { box-shadow:0 12px 28px -10px #01bc8d6b; }
.mkt.theme-alt :is(.m-faq summary::after) { color:#01bc8d; }
.mkt.theme-alt .pilot-checks li { background:#ffffff2e; }
.mkt.theme-alt .pilot-checks i { color:#00b47d; }
.mkt.theme-alt section.m-hero, .mkt.theme-alt main > section.m-section.m-section--dark { background:radial-gradient(113% 100% at 50% 0,#000000 0%,#1d1d1d 34.5%,#00b47d 67.25%,#b8b8b8 99.9%) !important; }
.mkt.theme-alt .m-accent { color:#00b47d; }
.mkt.theme-alt .m-hero .m-accent, .mkt.theme-alt .m-hero .m-eyebrow, .mkt.theme-alt .m-eyebrow, .mkt.theme-alt .dir-card em { color:var(--acc); }
.mkt.theme-alt .m-section--dark .m-eyebrow, .mkt.theme-alt .m-section--dark .m-accent { color:var(--acc); }
.mkt.theme-alt .m-eyebrow:not(.m-hero .m-eyebrow):not(.m-section--dark .m-eyebrow) { color:#00b47d; }
.mkt.theme-alt .m-btn.primary, .mkt.theme-alt .m-nav.nav-dark .m-btn.primary, .mkt.theme-alt .m-section--dark .m-btn.primary, .mkt.theme-alt .pilot .m-btn.primary, .mkt.theme-alt .btn-lime, .mkt.theme-alt .hero-float-btn, .mkt.theme-alt .ph-wdg-btn, .mkt.theme-alt .m-mobile-cta { background:var(--acc)!important; border-color:var(--acc)!important; color:var(--acc-ink)!important; }
.mkt.theme-alt .m-btn.primary:hover, .mkt.theme-alt .m-section--dark .m-btn.primary:hover, .mkt.theme-alt .btn-lime:hover { background:var(--acc-hover)!important; border-color:var(--acc-hover)!important; color:var(--acc-ink)!important; }
.mkt.theme-alt .hero-float-gift, .mkt.theme-alt .ph-wdg-ic { background:var(--acc); color:var(--acc-ink); }
.mkt.theme-alt .ph-cta { background:var(--acc); color:var(--acc-ink); }
.mkt.theme-alt .hero-float-ok { background:#e6f8f3; color:#00b47d; }
.mkt.theme-alt .hf-row .hero-plus, .mkt.theme-alt .hf-ok { color:#00b47d; }
.mkt.theme-alt .roles-tab.is-active { color:#00b47d; }
.mkt.theme-alt .flow-dot.is-active { background:var(--acc); }
.mkt.theme-alt .calc-income strong, .mkt.theme-alt .calc-val { color:#00b47d; }
.mkt.theme-alt .m-section--dark .m-btn:not(.primary):hover { border-color:var(--acc); color:var(--acc); }
@media(min-width:1360px) {
  .mkt .m-hero--crypto { --hero-l1:6.6; --hero-h1w:12.5em; }
  html[lang="ru"] .mkt .m-hero--crypto { --hero-l1:6.4; --hero-h1w:12.5em; }
  html[lang="vi"] .mkt .m-hero--crypto { --hero-l1:6.2; --hero-h1w:12em; }
}

/* адаптив раздела */
@media(max-width:1023px) {
  .mkt .facts, .mkt .trust-grid, .mkt .gift-grid, .mkt .dir-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mkt .dir-card { min-height:0; }
  .mkt .roles, .mkt .roles-list li, .mkt .pilot-line { grid-template-columns:minmax(0,1fr); }
  .mkt .calc-foot { flex-direction:column; align-items:flex-start; }
  .mkt .pilot-cta { grid-template-columns:minmax(0,1fr); padding:24px; }
  .mkt .pilot-cta .m-btn.primary { grid-column:1; grid-row:auto; justify-self:start; }
  .mkt main > section.m-section.m-section--connect { min-height:0; }
  .mkt .calc2 { padding-block:28px; }
  .mkt .roles-tabs { position:static; display:flex; overflow-x:auto; }
  .mkt .roles-tab { min-height:48px; white-space:nowrap; font-size:15px; }
  .mkt .roles-art { max-width:360px; }
  .mkt .moment--art { grid-template-columns:minmax(0,1fr); }
  .mkt .moment-art { width:100%; max-width:360px; }
  .mkt .lead-wrap, .mkt .insight, .mkt .insight-copy { grid-template-columns:minmax(0,1fr); gap:32px; }
  .mkt .insight-copy p { justify-self:start; padding-top:0; }
  .mkt .flow-track { flex-wrap:wrap; justify-content:center; row-gap:40px; }
  .mkt .flow-step { flex:0 0 calc(50% - 8px); }
  .mkt main > section.m-section.m-section--flow { min-height:0; }
  .mkt .dir-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
  .mkt main > section.m-section.m-section--dark { padding:56px 0; }
  .mkt .facts { gap:10px; }
  .mkt .facts li { min-height:0; padding:16px; }
  .mkt .facts b { font-size:20px; }
  .mkt .facts .fact-ic { width:36px; height:36px; font-size:16px; margin-bottom:8px; }
  .mkt .moments, .mkt .trust-grid, .mkt .gift-grid, .mkt .dir-grid { grid-template-columns:minmax(0,1fr); }
  .mkt .dir-card--custom { grid-template-columns:auto 1fr; }
  .mkt .dir-card--custom em { grid-column:2; }
  .mkt .insight-col { padding:20px; } .mkt .insight-col li { font-size:15px; }
  .mkt .insight-art { grid-template-columns:minmax(0,1fr); }
  .mkt .insight-eq { text-align:center; transform:rotate(90deg); }
  .mkt .pilot { padding:24px; }
  .mkt .moment { grid-template-columns:auto 1fr; }
  /* раскадровка — карусель с прокруткой, по одному кадру */
  .mkt .flow-track { display:flex; gap:16px; padding-bottom:8px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  .mkt .flow-track::-webkit-scrollbar { display:none; }
  .mkt .flow-track { flex-wrap:nowrap; justify-content:flex-start; }
  .mkt .flow-step { flex:0 0 min(78vw,260px); scroll-snap-align:center; opacity:1; transform:none; }
  .mkt .flow-note { font-size:15px; }
  .mkt .flow-dots { display:flex; }
  .mkt .flow-cap small { max-width:none; }
}

/* направления v2: одинаковый ритм между блоками (FAQ и «Другие направления» без лишнего нижнего отступа) */
.mkt main > section.m-section:is([data-block=B12],[data-block=B14]) { padding-bottom:0!important; }
@media(max-width:760px) {
  .mkt .m-hero--crypto .hero-float { width:164px; }
  .mkt .m-hero--crypto .hf-row { gap:6px; } .mkt .m-hero--crypto .hf-row :is(small,strong) { font-size:10.5px; } .mkt .m-hero--crypto .hf-total strong { font-size:12px; }
  .mkt .m-hero--crypto .hero-float--success { margin:0 -6px 0 0; }
  .mkt .m-hero--crypto .hero-float--gift { margin:30px 0 0 -6px; }
}

.mkt.theme-alt .partner-marquee i { color:#01bc8d; }
.mkt.theme-alt .dir-card--custom { border-color:#00b47d; }
.mkt.theme-alt .dir-card:hover { border-color:#00b47d; }
.mkt.theme-alt input[type=range] { accent-color:#00b47d; }
.mkt.theme-alt :is(.hf-ok,.hf-row .hero-plus,.mk-art .mk-lbl--ok) { color:#00b47d!important; }
.mkt.theme-alt :is(.hero-float-ok,.roles-ic,.mk-check) { background:#e6f8f3; color:#00b47d; }

/* select в формах: свой вид вместо системного (Safari игнорирует padding/рамку у нативного) */
.mkt :is(.apply,.m-form) select { -webkit-appearance:none; appearance:none; padding-right:42px; cursor:pointer; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important; background-repeat:no-repeat!important; background-position:right 16px center!important; background-size:12px 8px!important; }
.mkt :is(.apply,.m-form) select:focus { border-color:var(--blue); }
.mkt :is(.apply,.m-form) select::-ms-expand { display:none; }

/* /crypto: палитра hyperliquid.xyz — мятный акцент #97fce3, тёмно-зелёный #03211c, шалфей #447259, фон #f8f9f9 */
.mkt.theme-alt { --ink:#121212; --copy:#00000099; --muted:#0000007a; --border:#e5e7eb; --wash:#f9f9f9; background:#f9f9f9; }
.mkt.theme-alt :is(.m-card,.moment,.gift-tile,.roles-list li,.trust-card,.dir-card,.facts li,.insight-col,.pain-card) { background:#fff; border-color:#e5e7eb; }
.mkt.theme-alt .facts li, .mkt.theme-alt .insight-col { background:#fff; }
.mkt.theme-alt .mk-fit { background:#f9f9f9; }
.mkt.theme-alt .roles-tabs { background:#eeeeee; border-color:#e5e7eb; }
.mkt.theme-alt .partner-marquee { background:#121212; }
.mkt.theme-alt .m-nav .m-btn.primary, .mkt.theme-alt .m-btn.primary { color:#121212!important; }
.mkt.theme-alt .m-section--dark .m-lead, .mkt.theme-alt .m-hero .m-lead { color:#ffffffcc; }
.mkt.theme-alt .flow-cap small, .mkt.theme-alt .calc-foot .calc-note { color:#ffffffb3; }
.mkt.theme-alt .m-section--dark .pilot-cta .m-btn.primary { background:#121212!important; border-color:#121212!important; color:#fff!important; }
.mkt.theme-alt .pilot-cta .pilot-checks li { background:#ffffff73; }
.mkt.theme-alt .pilot-checks i { color:#121212; }

/* Страницы направлений v2: шрифты по шкале главной — 13 (сноски/метки) · 14 (подписи полей) · 16 (текст) · 18 (лид, заголовки карточек) · 24 (h3) · 34 (цифры) · 48 (h2) */
.mkt [data-block] :is(.flow-num,.gift-badge,.m-num) { font-size:13px; }
.mkt [data-block] :is(.facts span,.flow-cap small,.dir-tx > span,.trust-card p,.insight-col li,.roles-tx > span:last-child,.moment p,.pain-card p,.conn-step p,.gift-note,.calc-foot .calc-note,.lead-copy .risk-line) { font-size:16px; line-height:1.55; }
.mkt [data-block] :is(.flow-cap b,.gift-tile b,.dir-card b,.trust-card h3,.insight-col b) { font-size:18px; line-height:1.3; }
.mkt [data-block] :is(.facts b,.calc2 .m-result strong,.pilot-head h3) { font-size:34px; line-height:1.1; letter-spacing:-.03em; }
.mkt [data-block] .calc2 .m-result > span, .mkt [data-block] .calc2 .m-result small { font-size:14px; }
.mkt [data-block] .gift-note { margin-top:28px; }
.mkt.theme-alt .m-hero .m-breadcrumbs, .mkt.theme-alt .m-hero .m-breadcrumbs * { color:#ffffffa6; }
.mkt.theme-alt .m-hero .m-breadcrumbs a { color:#01bc8d; }
@media(max-width:760px) {
  .mkt [data-block] :is(.facts b,.calc2 .m-result strong,.pilot-head h3) { font-size:24px; }
}
.mkt.theme-alt .calc-foot .calc-note, .mkt.theme-alt .lead-direct small { color:#ffffffd9; }

/* /crypto v3: фон hero как подвал hyperliquid (#0f3933), демо темнее (#03211c), мокапы на полупрозрачных плашках */
.mkt.theme-alt { background:#fff; }
.mkt.theme-alt section.m-hero { background:radial-gradient(120% 90% at 50% 0,#1d1d1d 0%,#1d1d1d 55%,#121212 100%) !important; }
.mkt.theme-alt main > section.m-section.m-section--flow { background:radial-gradient(120% 90% at 50% 0,#121212 0%,#121212 60%,#000000 100%) !important; }
.mkt.theme-alt .m-brand > strong { color:#00b47d; }
.mkt.theme-alt :is(.ph,.ph-frame) { background:#121212; }
.mkt.theme-alt .mk-svg .b1 { fill:#1d1d1d; }
.mkt.theme-alt .mk-art .mk-lbl--blue { color:#00b47d; }
.mkt .m-section--flow .flow-track { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--gap); }
.mkt .m-section--flow .flow-step { padding:28px 16px 32px; border:1px solid #ffffff1f; border-radius:var(--radius); background:#ffffff0d; }
.mkt .m-section--flow .flow-step.is-active { background:#ffffff17; border-color:#ffffff33; }
.mkt .m-section--flow .flow-step .ph { width:min(224px,100%); height:auto; aspect-ratio:1 / 2; }
.mkt .insight-col { padding:40px; }
.mkt .insight-col b { font-size:var(--t-h4); margin-bottom:24px; }
.mkt .insight-col ul { gap:20px; }
.mkt [data-block] .insight-col li { font-size:18px; }
@media(max-width:1023px) { .mkt .m-section--flow .flow-track { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) {
  .mkt .m-section--flow .flow-track { display:flex; }
  .mkt .insight-col { padding:24px; } .mkt [data-block] .insight-col li { font-size:16px; }
}
.mkt .gift-tile { grid-template-rows:auto 1fr auto; }
.mkt .gift-top { align-items:center; margin-bottom:32px; }
.mkt .gift-tile b { margin-top:0; align-self:start; }
.mkt .gift-logos { display:flex; flex-wrap:nowrap; gap:8px; min-height:40px; margin-top:20px; }
.mkt .gift-logos img { margin-left:0; border:1px solid var(--border); box-shadow:none; }
.mkt .gift-badge { padding:6px 12px; font-size:13px; }
.mkt.theme-alt .gift-tile.is-soon .gift-badge { background:#eeeeee; color:#00000099; } .mkt.theme-alt .gift-tile.is-soon .gift-ic { background:#eeeeee; }

/* /crypto v4: калькулятор + «Вы контролируете» + подключение — одна тёмная полоса цвета подвала hyperliquid */
.mkt.theme-alt main > section.m-section.m-section--band { background:#1d1d1d !important; }
.mkt.theme-alt main > section.m-section.m-section--band::before { display:none; }
.mkt main > section.m-section.m-section--band + section.m-section.m-section--band { margin-top:0 !important; padding-top:0; }
.mkt main > section.m-section.m-section--band:has(+ .m-section--band) { padding-bottom:var(--section-gap); }
.mkt main > section.m-section.m-section--connect.m-section--band { min-height:0; padding-bottom:var(--section-gap); }
.mkt .m-section--dark .trust-card { border:0; background:#fff; box-shadow:0 30px 60px -30px #0008; }
.mkt .m-section--dark .trust-card :is(h3) { color:var(--ink); }
.mkt .m-section--dark .trust-card p { color:var(--copy); }
.mkt .trust-card { display:flex; flex-direction:column; padding:20px 20px 28px; }
.mkt .trust-card .trust-art { margin:0 0 24px; }
.mkt .trust-card :is(h3,p) { margin-inline:8px; }
.mkt .trust-grid { grid-auto-rows:auto; }
/* роли: лёгкие текстовые табы */
.mkt .roles-tabs, .mkt.theme-alt .roles-tabs { padding:0; border:0; background:none; gap:4px; }
.mkt .roles-tab { min-height:0; padding:14px 0 14px 20px; border-left:2px solid var(--border); border-radius:0; color:var(--muted); font-size:var(--t-h3); font-weight:600; box-shadow:none; }
.mkt .roles-tab.is-active, .mkt.theme-alt .roles-tab.is-active { background:none; box-shadow:none; color:var(--ink); border-left-color:var(--blue); }
.mkt.theme-alt .roles-tab.is-active { border-left-color:#00b47d; }
@media(max-width:760px) {
  .mkt .roles-tab { padding:10px 14px; border-left:0; border-bottom:2px solid var(--border); font-size:18px; }
  .mkt .roles-tab.is-active, .mkt.theme-alt .roles-tab.is-active { border-bottom-color:#00b47d; }
}

/* /crypto: финальная форма — тёмный фон как подвал hyperliquid, контент по центру высоты; «Написать нам» в подвале мятным */
.mkt.theme-alt main > section.m-section.lead-section { display:flex; flex-direction:column; justify-content:center; min-height:100vh; min-height:100svh; background:#1d1d1d !important; }
.mkt.theme-alt main > section.m-section.lead-section::before { display:none; }
.mkt.theme-alt .footer-invitation > a { color:#01bc8d; }
.mkt.theme-alt .footer-invitation > a:hover { color:#00a77d; }

/* /crypto: сочные иконки — тёмная заливка #03211c, мятная иконка, крупнее */
.mkt.theme-alt :is(.fact-ic,.moment-ic,.gift-ic,.dir-ic,.mega-ic) { background:#121212 !important; color:#01bc8d !important; border:0; }
.mkt.theme-alt .facts .fact-ic { width:56px; height:56px; border-radius:16px; margin-bottom:24px; }
.mkt.theme-alt .facts .fact-ic .ic { width:28px; height:28px; }
.mkt.theme-alt :is(.gift-ic,.dir-ic,.moment-ic) { width:56px; height:56px; border-radius:16px; }
.mkt.theme-alt :is(.gift-ic,.dir-ic,.moment-ic) .ic { width:28px; height:28px; }
.mkt.theme-alt .gift-tile.is-soon .gift-ic { background:#eeeeee !important; color:#00b47d !important; }
@media(max-width:760px) { .mkt.theme-alt .facts .fact-ic { width:44px; height:44px; margin-bottom:12px; } .mkt.theme-alt .facts .fact-ic .ic { width:22px; height:22px; } }
/* мокап выбора подарков: место под «Выбрано» над иконкой */
.mkt .ph-gift { padding-top:28px; min-height:96px; }
.mkt .ph-gift-sel { top:7px; left:8px; right:auto; }
/* финальная форма /crypto: перебиваем общее правило #contact */
.mkt.theme-alt main > section#contact.lead-section { display:flex; flex-direction:column; justify-content:center; min-height:100vh; min-height:100svh; background:#1d1d1d !important; }
.mkt.theme-alt main > section#contact.lead-section::after { display:none; }
/* подарки: иконка и логотипы сверху в одну линию, название в одну строку, бейдж слева внизу */
.mkt .gift-tile { grid-template-rows:auto auto auto; align-content:start; }
.mkt .gift-tile .gift-logos { margin-top:0; min-height:0; flex-wrap:nowrap; }
.mkt .gift-tile b { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:auto; }
.mkt .gift-tile .gift-badge { justify-self:start; margin-top:4px; }
/* роли: слева заголовок в две строки + табы, верх заголовка по верху первой плашки */
.mkt .roles { margin-top:0; }
.mkt .roles-side { position:sticky; top:110px; display:grid; gap:32px; align-content:start; }
.mkt .roles-side h2 { margin:0; }
.mkt .roles-side .roles-tabs { position:static; }
@media(max-width:1023px) { .mkt .roles-side { position:static; } }
/* калькулятор — тот же сплошной #0f3933, что и соседние блоки (перебиваем правило с #id) */
.mkt.theme-alt main > section#calculator.m-section--band { background:#1d1d1d !important; }
.mkt.theme-alt main > section#calculator.m-section--band::before, .mkt.theme-alt main > section#calculator.m-section--band::after { display:none; }

/* /crypto: строго палитра hyperliquid — #011916 #03211c #0f3933 #447259 #77b694 #97fce3 #f8f9f9 #e8eaea #e6ebeb #fff (+ их прозрачность) */
.mkt.theme-alt section.m-hero { background:radial-gradient(120% 90% at 50% 0,#1d1d1d 0%,#1d1d1d 45%,#121212 100%) !important; }
.mkt.theme-alt main > section.m-section.m-section--flow { background:radial-gradient(120% 90% at 50% 0,#121212 0%,#121212 55%,#000000 100%) !important; }
.mkt.theme-alt .mk-fit { background:#f9f9f9; }
.mkt.theme-alt .mk-svg .pn { stroke:#e5e7eb; }
.mkt.theme-alt .mk-svg .b1 { fill:#1d1d1d; }
.mkt.theme-alt .mk-svg .b2 { fill:#e5e7eb; }
.mkt.theme-alt .mk-svg .b3 { fill:#f9f9f9; }
.mkt.theme-alt .mk-svg .ln { stroke:#b8b8b8; }
.mkt.theme-alt .mk-svg .ra-acc { fill:#00b47d; }
.mkt.theme-alt .mk-art .mk-lbl--dim { background:#eeeeee; color:#00b47d; }
.mkt.theme-alt :is(.mk-art .mk-lbl--ok,.mk-art .mk-lbl--blue) { color:#00b47d !important; }
.mkt.theme-alt :is(.hero-float-ok,.roles-ic,.ph-ok,.mk-check,.mk-art .mk-lbl-ok,.mk-art .mk-pay-ok) { background:#01bc8d !important; color:#121212 !important; }
.mkt.theme-alt :is(.hf-ok,.hf-row .hero-plus) { color:#00b47d !important; }
.mkt.theme-alt :is(.hf-receipt-head,.hf-total) { border-color:#e5e7eb; }
.mkt.theme-alt :is(.m-hero .m-lead,.m-section--dark .m-lead,.flow-cap small) { color:#ffffffcc !important; }
/* мокапы телефонов */
.mkt.theme-alt .ph { background:#121212; }
.mkt.theme-alt .ph-timer { background:#eeeeee; color:#121212; }
.mkt.theme-alt .ph-timer :is(span,b) { color:#121212; }
.mkt.theme-alt .ph-brand-dot { background:#e5e7eb; }
.mkt.theme-alt .ph-gift-ic { background:#f9f9f9; color:#00b47d; }
.mkt.theme-alt .ph-gift small { color:#00b47d; }
.mkt.theme-alt .ph-gift.is-sel { border-color:#00b47d; box-shadow:0 0 0 2px #00b47d33; }
.mkt.theme-alt .ph-gift-sel { background:#00b47d; color:#fff; }
.mkt.theme-alt .ph-wdg { border-color:#e5e7eb; background:#f9f9f9; }
.mkt.theme-alt .ph-pointer { border-top-color:#121212; }
.mkt.theme-alt .ph-confetti i:nth-child(4n+1) { background:#01bc8d; }
.mkt.theme-alt .ph-confetti i:nth-child(4n+2) { background:#00b47d; }
.mkt.theme-alt .ph-confetti i:nth-child(4n+3) { background:#b8b8b8; }
.mkt.theme-alt .ph-confetti i:nth-child(4n) { background:#1d1d1d; }
/* шапка, формы, кнопки, подвал */
.mkt.theme-alt .m-mega .mega-plate { background:#121212; }
.mkt.theme-alt .m-mega .mega-plate-sub, .mkt.theme-alt .m-mega .mega-plate .mega-tx small { color:#ffffffb3; }
.mkt.theme-alt :is(.m-dropdown a:hover,.mega-item:hover,.m-language-options a:hover) { background:#eeeeee; }
.mkt.theme-alt :is(.apply,.m-form) :is(input:not([type=checkbox]):not([type=radio]),textarea,select) { border-color:#e5e7eb; background-color:#f9f9f9; }
.mkt.theme-alt :is(.apply,.m-form) :is(input,textarea,select):focus { border-color:#00b47d; }
.mkt.theme-alt .m-btn:not(.primary) { border-color:#e5e7eb; }
.mkt.theme-alt .m-section--dark .m-btn:not(.primary), .mkt.theme-alt .m-hero .m-btn:not(.primary) { border-color:#ffffff66; }
.mkt.theme-alt .calc2 .m-result { background:#f9f9f9; border-color:#e5e7eb; }
.mkt.theme-alt .calc2 .m-result.highlight { background:#01bc8d1a; border-color:#01bc8d; }
.mkt.theme-alt .calc2 .m-result.highlight strong { color:#121212 !important; }
.mkt.theme-alt .site-footer { background:#000000; }
.mkt.theme-alt .site-footer :is(.m-wrap,.footer-columns,.footer-contact) { border-color:#ffffff1f; }
.mkt.theme-alt .site-footer :is(h2,span,nav,a,p,small) { color:#ffffffb3; }
.mkt.theme-alt .site-footer a:hover { color:#01bc8d; background:none; }
.mkt.theme-alt .site-footer .footer-invitation > a, .mkt.theme-alt .site-footer .footer-invitation h2 { color:#01bc8d; }
.mkt.theme-alt .site-footer .footer-invitation h2 { color:#fff; }
.mkt.theme-alt .partner-marquee { background:#000000; }
.mkt.theme-alt .m-language :is(a:hover,a[aria-current=page]), .mkt.theme-alt .m-language--dropdown .m-language-options :is(a:hover,a[aria-current=page]) { background:#eeeeee; color:#121212; }
.mkt.theme-alt .ph-bar i { background:#e5e7eb; }
.mkt.theme-alt .site-footer, .mkt.theme-alt .site-footer :is(.m-wrap,.footer-columns,.footer-contact,.footer-contact-item,div) { color:#ffffffb3; border-color:#ffffff1f; }

/* бегущая строка вплотную над подвалом (страницы направлений) */
.mkt .partner-marquee--before:has(+ .site-footer) { margin-top:0; }

/* подвал: селектор языка компактный, с отступом от «Менеджер в Telegram», пункты читаются */
.mkt .site-footer .m-footer-language { width:max-content; min-width:150px; margin-top:20px; }
.mkt .site-footer .m-footer-language .m-language-dropdown, .mkt .site-footer .m-footer-language summary { width:100%; }
.mkt.theme-alt .site-footer .m-language-options :is(a,span,small) { color:#121212; }
.mkt.theme-alt .site-footer .m-language-options a[aria-current=page] { background:#eeeeee; }
.mkt.theme-alt .site-footer .m-language-options a:hover { background:#e6f8f3; }
/* /crypto: подложки иконок светло-серые, как на главной; иконка зелёная */
.mkt.theme-alt :is(.fact-ic,.moment-ic,.gift-ic,.dir-ic,.mega-ic,.trust-ic) { background:#f4f4f4 !important; color:#00b47d !important; }
.mkt.theme-alt .gift-tile.is-soon .gift-ic { background:#f4f4f4 !important; color:#b8b8b8 !important; }

/* Цвета как на главной (синий). Отдельная зелёная тема отключена (.theme-alt не используется); ниже — только раскладка, которая жила в теме */
.mkt main > section.m-section.lead-section { display:flex; flex-direction:column; justify-content:center; min-height:100vh; min-height:100svh; }
.mkt [data-block] .facts .fact-ic { width:56px; height:56px; border-radius:16px; margin-bottom:24px; }
.mkt [data-block] .facts .fact-ic .ic, .mkt [data-block] :is(.gift-ic,.dir-ic,.moment-ic) .ic { width:28px; height:28px; }
.mkt [data-block] :is(.gift-ic,.dir-ic,.moment-ic) { width:56px; height:56px; border-radius:16px; }
.mkt .roles-tab.is-active { border-left-color:var(--blue); }
/* тёмная полоса калькулятор → контроль → подключение: единый фон без швов, свечение только внизу последнего блока */
.mkt main > section.m-section.m-section--band, .mkt main > section#calculator.m-section--band { background:#000 !important; }
.mkt main > section.m-section.m-section--band::before, .mkt main > section#calculator.m-section--band::before { display:none; }
.mkt main > section.m-section.m-section--band.m-section--connect { background:linear-gradient(180deg,#0d2b7a18 0%,#2d8fff18 100%),url('/img/editorial/hero-reference.svg') center bottom/cover no-repeat !important; }
@media(max-width:760px) { .mkt [data-block] .facts .fact-ic { width:44px; height:44px; margin-bottom:12px; } .mkt [data-block] .facts .fact-ic .ic { width:22px; height:22px; } }
/* хлебные крошки на тёмном первом экране: белые / светло-серые */
.mkt .m-hero .m-breadcrumbs, .mkt .m-hero .m-breadcrumbs [aria-current="page"] { color:#ffffff99; }
.mkt .m-hero .m-breadcrumbs a { color:#fff; }
.mkt .m-hero .m-breadcrumbs a:hover { color:#ffffffcc; }
/* бегущая строка вплотную под тёмным блоком */
.mkt main > section.m-section--dark + .partner-marquee--before { margin-top:0; }
/* факты: белые плашки, как остальные карточки; подложка иконки светлая */
.mkt [data-block] .facts li { background:#fff; }
.mkt [data-block] .facts .fact-ic { background:#edf3ff; border:0; }

/* B04 v3: слайдер демо — слева текст, справа один крупный мокап со стрелками, всё на полупрозрачной плашке */
.mkt main > section.m-section.m-section--flow { min-height:0; }
.mkt .fs { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; align-items:center; padding:56px; border:1px solid #ffffff1f; border-radius:32px; background:#ffffff0a; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.mkt .fs-copy { display:grid; gap:24px; justify-items:start; max-width:520px; }
.mkt .fs-copy .flow-h2 { margin:0; max-width:12ch; }
.mkt .fs-copy .m-lead { margin:0; max-width:34ch; }
.mkt .fs-stage { display:grid; justify-items:center; gap:24px; }
.mkt .fs-frames { position:relative; width:280px; height:560px; }
.mkt .fs-frame { position:absolute; inset:0; opacity:0; transform:translateY(12px) scale(.98); transition:opacity .5s ease,transform .5s ease; pointer-events:none; }
.mkt .fs-frame.is-active { opacity:1; transform:none; pointer-events:auto; }
.mkt .fs-frame .ph { width:280px; height:560px; padding:12px; border-radius:42px; }
.mkt .fs-frame.is-active .ph-rotor { animation:ph-spin 3.2s cubic-bezier(.15,.7,.2,1) both; }
.mkt .fs-nav { display:grid; grid-template-columns:48px minmax(0,340px) 48px; align-items:center; gap:16px; }
.mkt .fs-arrow { display:grid; place-items:center; width:48px; height:48px; padding:0; border:1px solid #ffffff33; border-radius:50%; background:#ffffff10; color:#fff; cursor:pointer; transition:background .2s,border-color .2s; }
.mkt .fs-arrow:hover { background:#ffffff24; border-color:#ffffff66; }
.mkt .fs-arrow .ic { width:20px; height:20px; }
.mkt .fs-caps { display:grid; text-align:center; }
.mkt .fs-cap { grid-area:1 / 1; display:grid; gap:6px; opacity:0; transition:opacity .4s ease; }
.mkt .fs-cap.is-active { opacity:1; }
.mkt .fs-count { color:#ffffff80; font-size:13px; font-weight:700; letter-spacing:.08em; }
.mkt .fs-cap b { color:#fff; font-size:18px; line-height:1.3; }
.mkt .fs-cap small { color:#ffffffb3; font-size:16px; line-height:1.5; }
.mkt .fs-dots { display:flex; gap:8px; }
.mkt .fs-dot { width:8px; height:8px; padding:0; border:0; border-radius:4px; background:#ffffff40; cursor:pointer; transition:width .3s,background .3s; }
.mkt .fs-dot.is-active { width:28px; background:#fff; }
@media(max-width:1023px) {
  .mkt .fs { grid-template-columns:minmax(0,1fr); padding:40px 32px; }
  .mkt .fs-copy { max-width:none; }
}
@media(max-width:760px) {
  .mkt .fs { padding:28px 20px; border-radius:24px; gap:32px; }
  .mkt .fs-frames, .mkt .fs-frame .ph { width:240px; height:480px; }
  .mkt .fs-nav { grid-template-columns:40px minmax(0,1fr) 40px; gap:8px; }
  .mkt .fs-arrow { width:40px; height:40px; }
}
/* подарки: вместо бейджей — пояснение в две строки */
.mkt .gift-tile b { white-space:normal; margin-top:0; }
.mkt .gift-tile .gift-top { margin-bottom:40px; }
.mkt [data-block] .gift-desc { margin:4px 0 0; color:var(--copy); font-size:16px; line-height:1.5; }
.mkt .gift-tile.is-soon .gift-badge { margin-top:12px; }
/* калькулятор: отступ от бегущей строки до заголовка ×2 */
.mkt main > section#calculator.m-section { padding-top:176px; }
@media(max-width:760px) { .mkt main > section#calculator.m-section { padding-top:96px; } }
/* B04 v3.1: широкая типографика, мокап неподвижен (меняется только экран), стрелки по бокам мокапа */
@media(min-width:1024px) { .mkt .fs { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); } }
.mkt .fs-copy { max-width:none; }
.mkt .fs-copy .flow-h2 { max-width:24ch; }
.mkt .fs-copy .m-lead { max-width:46ch; }
.mkt .fs-viewer { display:grid; grid-template-columns:48px auto 48px; align-items:center; gap:28px; }
.mkt .fs-shell { position:absolute; inset:0; border-radius:42px; background:#14233d; box-shadow:0 30px 60px -24px rgba(0,0,0,.7),inset 0 0 0 1px #ffffff26; }
.mkt .fs-frame { transform:none; transition:opacity .45s ease; }
.mkt .fs-frame.is-active { transform:none; }
.mkt .fs-frame .ph { background:transparent; box-shadow:none; }
.mkt .fs-caps { max-width:360px; }
.mkt .fs-dots, .mkt .fs-count { display:none; }
@media(max-width:760px) {
  .mkt .fs-viewer { grid-template-columns:36px auto 36px; gap:8px; }
  .mkt .fs-arrow { width:36px; height:36px; }
  .mkt .fs-frames, .mkt .fs-frame .ph { width:220px; height:440px; }
}
/* блок демо на всю высоту экрана, плашка по центру */
.mkt main > section.m-section.m-section--flow { display:flex; flex-direction:column; justify-content:center; min-height:100vh; min-height:100svh; }
@media(max-width:1023px) { .mkt main > section.m-section.m-section--flow { min-height:0; } }
.mkt .m-section--flow > .m-wrap { align-self:center; }
/* B04 v4: заголовок над плашкой; слева крупный текст шага и стрелки внизу слева, справа крупный мокап */
.mkt .m-section--flow .flow-h2 { max-width:24ch; margin-bottom:16px; }
.mkt .m-section--flow > .m-wrap > .m-lead { margin:0 0 40px; max-width:46ch; }
@media(min-width:1024px) { .mkt .fs { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } }
.mkt .fs { align-items:stretch; padding:56px 64px; }
.mkt .fs-side { display:flex; flex-direction:column; justify-content:space-between; gap:40px; min-height:100%; }
.mkt .fs-side .fs-caps { max-width:none; align-self:center; width:100%; margin-block:auto; text-align:left; }
.mkt .fs-cap { gap:16px; }
.mkt .fs-cap b { font-size:clamp(28px,2.6vw,40px); line-height:1.15; letter-spacing:-.03em; }
.mkt .fs-cap small { max-width:30ch; color:#ffffffb3; font-size:20px; line-height:1.5; }
.mkt .fs-arrows { display:flex; gap:12px; }
.mkt .fs-arrow { width:56px; height:56px; }
.mkt .fs-stage { display:grid; place-items:center; }
.mkt .fs-frames, .mkt .fs-frame .ph { width:330px; height:660px; }
.mkt .fs-frame .ph { border-radius:48px; padding:13px; }
.mkt .fs-shell { border-radius:48px; }
@media(max-width:1023px) {
  .mkt .fs { padding:32px 24px; }
  .mkt .fs-side { order:2; }
  .mkt .fs-side .fs-caps { margin-block:0; }
}
@media(max-width:760px) {
  .mkt .fs-frames, .mkt .fs-frame .ph { width:240px; height:480px; }
  .mkt .fs-cap b { font-size:24px; } .mkt .fs-cap small { font-size:16px; }
  .mkt .fs-arrow { width:44px; height:44px; }
}
/* подвал: селектор языка тёмный, чуть светлее фона */
.mkt .site-footer .m-footer-language summary { background:#1a1a1d !important; border:1px solid #ffffff1f !important; color:#fff !important; box-shadow:none !important; }
.mkt .site-footer .m-footer-language summary::after { border-color:#fff; }
.mkt .site-footer .m-footer-language .m-language-options { background:#1a1a1d !important; border:1px solid #ffffff1f !important; box-shadow:0 20px 40px -20px #000 !important; }
.mkt .site-footer .m-footer-language .m-language-options :is(a,a span,a small) { color:#fff !important; }
.mkt .site-footer .m-footer-language .m-language-options a small { color:#ffffff80 !important; }
.mkt .site-footer .m-footer-language .m-language-options a:hover, .mkt .site-footer .m-footer-language .m-language-options a[aria-current=page] { background:#ffffff14 !important; color:#fff !important; }
/* тёмная полоса: синее свечение между «Вы контролируете» и «Подключением» (бесшовно по стыку) и выше внизу подключения */
.mkt main > section.m-section.m-section--band[data-block=B09] { background:radial-gradient(ellipse 75% 45% at 55% 100%,#1d4fe0 0%,#1238c7 30%,#0a1f6e 55%,transparent 80%),#000 !important; }
.mkt main > section.m-section.m-section--band.m-section--connect { background:radial-gradient(ellipse 75% 35% at 55% 0%,#1d4fe0 0%,#1238c7 30%,#0a1f6e 55%,transparent 80%),radial-gradient(ellipse 85% 60% at 70% 105%,#3aaeff 0%,#2684f4 28%,#1238c7 56%,transparent 82%),radial-gradient(ellipse 60% 45% at 20% 108%,#173bd3 0%,#09176e 54%,transparent 84%),#000 !important; }
/* подвал компактнее: ~200px от верха до пунктов, без растяжения на весь экран */
.mkt .site-footer { min-height:0 !important; padding-top:160px !important; justify-content:flex-start !important; }
.mkt .site-footer .footer-main { margin-top:0 !important; }
.mkt .site-footer .footer-invitation { margin-top:120px !important; }
@media(max-width:760px) { .mkt .site-footer { padding-top:80px !important; } .mkt .site-footer .footer-invitation { margin-top:72px !important; } }
/* B04 v5: заголовок в плашке сверху слева; линия; шаг и стрелки внизу; экраны 2–4 — реальный виджет */
.mkt .fs-side { justify-content:space-between; }
.mkt .fs-side .flow-h2 { margin:0; max-width:14ch; }
.mkt .fs-bottom { display:grid; gap:28px; padding-top:32px; border-top:1px solid #ffffff26; }
.mkt .fs-side .fs-bottom .fs-caps { margin:0; align-self:auto; }
.mkt .ph--shot .ph-screen { padding:0; background:#f6f8fc; }
.mkt .ph-shot { display:none; width:100%; height:100%; object-fit:cover; object-position:top center; }
html[lang="en"] .mkt .ph-shot[data-lang="en"], html[lang="ru"] .mkt .ph-shot[data-lang="ru"], html[lang="vi"] .mkt .ph-shot[data-lang="vi"] { display:block; }
@media(max-width:1023px) { .mkt .fs-side { order:0; } .mkt .fs-stage { order:1; } .mkt .fs-side .fs-bottom { order:2; } }
.mkt .h2-3l { max-width:18ch; } .mkt .h2-3l .m-accent { display:block; } @media(min-width:1024px) { .mkt .h2-3l .m-accent { white-space:nowrap; } }
.mkt .gift-grid { grid-auto-rows:1fr; } .mkt .gift-tile.is-soon .gift-top .gift-badge { margin:0; }
/* бегущая строка поднята на 30px — перекрывает белый край градиента тёмного блока над ней */
.mkt :is(section.m-hero, section.hero, main > section.m-section--dark) + .partner-marquee { position:relative; z-index:2; margin-top:-30px !important; }

/* тёмная полоса v2: плашки тёмно-серые с белым текстом (калькулятор, контроль, подключение); синее свечение под карточками контроля */
.mkt main > section.m-section.m-section--band[data-block=B09] { background:radial-gradient(ellipse 70% 38% at 50% 78%,#1d4fe0 0%,#1238c7 30%,#0a1f6e 55%,transparent 80%),#000 !important; }
.mkt .m-section--band :is(.trust-card,.conn-step) { background:#141417 !important; border:1px solid #ffffff14 !important; box-shadow:none !important; }
.mkt .m-section--band :is(.trust-card,.conn-step) h3 { color:#fff !important; }
.mkt .m-section--band :is(.trust-card,.conn-step) p { color:#ffffffb3 !important; }
.mkt .m-section--band :is(.trust-card,.conn-step) .mk-fit { background:#1f1f23; }
.mkt .m-section--band .conn-step .m-num { background:#ffffff14; color:#fff; }
.mkt .m-section--band .calc2 { background:#141417 !important; border:1px solid #ffffff14 !important; box-shadow:none !important; }
.mkt .m-section--band .calc2 :is(label,.m-calc-field label,.m-result > span,.m-result small) { color:#ffffffb3 !important; }
.mkt .m-section--band .calc2 .m-calc-field label { color:#fff !important; }
.mkt .m-section--band .calc2 .m-result { background:#1f1f23 !important; border-color:#ffffff14 !important; }
.mkt .m-section--band .calc2 .m-result strong, .mkt .m-section--band .calc2 .m-result small b { color:#fff !important; }
.mkt .m-section--band .calc2 .m-result.highlight { background:#2363eb26 !important; border-color:#2363eb80 !important; }
.mkt .m-section--band .calc2 .m-result.highlight strong { color:#7aa2ff !important; }
.mkt .m-section--band .calc2 output { color:#7aa2ff !important; }
.mkt .m-section--band .calc2 input[type=range] { accent-color:#4f86ff; }
/* без шва: у «Подключения» нет верхнего свечения, свечение «Контроля» гаснет до низа блока */
.mkt main > section.m-section.m-section--band[data-block=B09] { background:radial-gradient(ellipse 70% 34% at 50% 72%,#1d4fe0 0%,#1238c7 30%,#0a1f6e 55%,transparent 78%),#000 !important; }
.mkt main > section.m-section.m-section--band.m-section--connect { background:radial-gradient(ellipse 85% 55% at 70% 105%,#3aaeff 0%,#2684f4 28%,#1238c7 56%,transparent 82%),radial-gradient(ellipse 60% 40% at 20% 108%,#173bd3 0%,#09176e 54%,transparent 84%),#000 !important; }
/* слайдер: заголовок в 2 строки (акцент второй строкой), шаги мельче заголовка */
.mkt .fs-side .flow-h2 { max-width:none; }
.mkt .fs-side .flow-h2 .m-accent { display:block; }
.mkt .fs-cap b { font-size:24px; line-height:1.25; letter-spacing:-.02em; }
.mkt .fs-cap small { font-size:18px; }
@media(max-width:760px) { .mkt .fs-cap b { font-size:20px; } .mkt .fs-cap small { font-size:16px; } }
@media(min-width:1024px) { .mkt .fs-side .flow-h2 { font-size:clamp(36px,3.2vw,44px); white-space:nowrap; } }

/* тёмная полоса: иллюстрации в тёмной гамме (белые панели → тёмно-серые, пастель → полупрозрачная) */
.mkt .m-section--band .mk-fit { background:#1c1c20; }
.mkt .m-section--band .mk-svg :is(.pn,[fill="#fff"],[fill="#ffffff"]) { fill:#2a2a30; stroke:#ffffff14; }
.mkt .m-section--band .mk-svg :is(.b3,[fill="#eef2f8"],[fill="#f6f9ff"],[fill="#e4e9f2"],[fill="#f1f4f9"]) { fill:#ffffff12; }
.mkt .m-section--band .mk-svg :is(.b2,[fill="#d6dde9"],[fill="#c3cddd"]) { fill:#ffffff2e; }
.mkt .m-section--band .mk-svg :is(.b1,[fill="#2b3b5c"]) { fill:#ffffffb3; }
.mkt .m-section--band .mk-svg [fill="#c5cfe0"] { fill:#ffffff38; }
.mkt .m-section--band .mk-svg [fill="#dcf7ea"] { fill:#2363eb40; }
.mkt .m-section--band .mk-svg [fill="#fff4d6"] { fill:#ffffff24; }
.mkt .m-section--band .mk-svg [fill="#fde2e2"] { fill:#ffffff1a; }
.mkt .m-section--band .mk-svg [fill="#14233d"] { fill:#0e0e11; }
.mkt .m-section--band .mk-svg [fill="#8fa3c7"] { fill:#ffffff40; }
.mkt .m-section--band .mk-svg :is([fill="#ff5f57"],[fill="#febc2e"],[fill="#28c840"]) { fill:#ffffff40; }
.mkt .m-section--band .mk-svg [stroke="#d6dde9"], .mkt .m-section--band .mk-svg [stroke="#e8edf5"], .mkt .m-section--band .mk-svg [stroke="#d8e3f7"], .mkt .m-section--band .mk-svg [stroke="#eef2f8"] { stroke:#ffffff1f; }
.mkt .m-section--band .mk-svg use[style*="#0e8a5f"], .mkt .m-section--band .mk-svg use[style*="#9aa7bb"] { color:#7aa2ff !important; }
.mkt .m-section--band .mk-svg [stroke="#c62828"] { stroke:#7aa2ff; }
.mkt .m-section--band .mk-svg .sh { filter:none; }
.mkt .m-section--band .mk-art .mk-lbl { background:#2a2a30; color:#fff; box-shadow:none; border:1px solid #ffffff14; }
.mkt .m-section--band .mk-art :is(.mk-lbl--ok,.mk-lbl--blue) { color:#7aa2ff; }
.mkt .m-section--band .mk-art .mk-lbl--dim { background:#ffffff12; color:#ffffffb3; }

/* ползунки калькулятора на тёмном: дорожка светлее фона, заполнение синее, белый кругляш */
.mkt .m-section--band .calc2 input[type=range] { -webkit-appearance:none; appearance:none; height:24px; background:transparent; --p:50%; }
.mkt .m-section--band .calc2 input[type=range]::-webkit-slider-runnable-track { height:6px; border-radius:3px; background:linear-gradient(90deg,#2363eb 0 var(--p),#2c2c33 var(--p) 100%); }
.mkt .m-section--band .calc2 input[type=range]::-moz-range-track { height:6px; border-radius:3px; background:#2c2c33; }
.mkt .m-section--band .calc2 input[type=range]::-moz-range-progress { height:6px; border-radius:3px; background:#2363eb; }
.mkt .m-section--band .calc2 input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; width:20px; height:20px; margin-top:-7px; border:0; border-radius:50%; background:#fff; box-shadow:0 2px 8px #0008; }
.mkt .m-section--band .calc2 input[type=range]::-moz-range-thumb { width:20px; height:20px; border:0; border-radius:50%; background:#fff; box-shadow:0 2px 8px #0008; }
/* градиент только под «Вы контролируете»: по центру карточек, мягкий и полупрозрачный; «Подключение» — чистый чёрный */
.mkt main > section.m-section.m-section--band[data-block=B09] { background:radial-gradient(ellipse 68% 46% at 50% 50%,#2363eb38 0%,#1a46d824 30%,#1238c712 55%,#0a1f6e08 75%,transparent 92%),#000 !important; }
.mkt main > section.m-section.m-section--band.m-section--connect { background:#000 !important; }
/* заголовок слайдера в 3 строки: «Не баннер, а приз: / так это видит / ваш клиент» */
@media(min-width:1024px) { .mkt .fs-side .flow-h2 { font-size:var(--t-h2); white-space:normal; } }
.mkt .fs-side .flow-h2 .m-accent { display:block; max-width:13ch; }

/* ===== Иллюстрации направлений v2: UI-карточки как на главной ===== */
.mkt .mk-art .mk-pay { gap:9px; }
.mkt .mk-art .mk-pay-big { font-size:22px; font-weight:800; line-height:1; letter-spacing:-.03em; color:var(--ink); }
.mkt .mk-art .mk-pay-row--neg b { color:var(--muted); }
.mkt .mk-art .mk-pay-row--pos b { color:var(--blue); }
.mkt .mk-art .mk-pay-tag { justify-self:start; padding:4px 8px; border-radius:999px; background:#e4edff; color:var(--blue); font-size:8.5px; font-weight:700; }
.mkt .mk-art .mk-pay .mk-wdg-ic { width:28px; height:28px; border-radius:50%; background:#edf3ff; color:var(--blue); }
.mkt .mk-art .mk-spark { display:block; width:100%; height:auto; margin:2px 0; }
.mkt .mk-art .mk-swap { display:flex; align-items:center; gap:7px; padding:8px 10px; border-radius:10px; background:#f6f9ff; border:1px solid #d8e3f7; font-size:10.5px; font-weight:700; color:var(--ink); }
.mkt .mk-art .mk-swap i { color:var(--blue); font-style:normal; font-weight:800; }
.mkt .mk-art .mk-coin { display:grid; place-items:center; flex:none; width:18px; height:18px; border-radius:50%; background:var(--blue); color:#fff; font-size:10px; font-weight:800; }
.mkt .mk-art .mk-coin--ink { background:var(--ink); }

/* инсайт: выписка по карте = подарки в колесе */
.mkt .insight-art { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:16px; align-items:stretch; }
.mkt .ins-col { display:grid; align-content:start; gap:18px; padding:28px; border:1px solid var(--border); border-radius:var(--radius); background:#fff; box-shadow:0 20px 50px -40px #14233d40; }
.mkt .ins-col--wheel { border-color:#c9d8fa; }
.mkt .ins-head { display:flex; align-items:center; gap:14px; }
.mkt .ins-head b { display:block; color:var(--ink); font-size:var(--t-h4); line-height:1.25; }
.mkt .ins-head small { display:block; margin-top:2px; color:var(--muted); font-size:14px; }
.mkt .ins-ic { display:grid; place-items:center; flex:none; width:44px; height:44px; border-radius:12px; background:#edf3ff; color:var(--blue); }
.mkt .ins-ic--blue { background:var(--blue); color:#fff; }
.mkt .ins-ic .ic { width:22px; height:22px; }
.mkt .ins-list { display:grid; gap:6px; margin:0; padding:0; list-style:none; }
.mkt .ins-list li { display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:12px; background:var(--wash); }
.mkt .ins-li-ic { display:grid; place-items:center; flex:none; width:34px; height:34px; border-radius:10px; background:#fff; border:1px solid var(--border); color:var(--blue); }
.mkt .ins-li-ic .ic { width:18px; height:18px; }
.mkt .ins-li-tx { flex:1; min-width:0; }
.mkt .ins-li-tx b { display:block; color:var(--ink); font-size:16px; line-height:1.2; }
.mkt .ins-li-tx small { display:block; margin-top:2px; color:var(--muted); font-size:13px; }
.mkt .ins-amt { color:var(--ink); font-size:16px; font-weight:700; font-variant-numeric:tabular-nums; }
.mkt .ins-badge { padding:5px 10px; border-radius:999px; background:var(--blue); color:#fff; font-size:13px; font-weight:700; white-space:nowrap; }
.mkt .ins-foot { display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding-top:14px; border-top:1px dashed var(--border); color:var(--muted); font-size:14px; }
.mkt .ins-foot b { color:var(--ink); font-size:16px; }
.mkt .insight-eq { display:grid; place-items:center; width:52px; height:52px; align-self:center; border-radius:50%; background:var(--blue); color:#fff; font-size:26px; font-weight:800; }
@media(max-width:1023px) {
  .mkt .insight-art { grid-template-columns:minmax(0,1fr); }
  .mkt .insight-eq { justify-self:center; transform:none; }
  .mkt .ins-col { padding:20px; }
}
.mkt .mk-art .mk-pay-head small { white-space:normal; line-height:1.3; }
/* Фон Gradient ASCII (порт React Bits, /gradient-ascii.js): первый экран и зеркально — последний блок с формой. Без WebGL2 — прежний фон. */
.mkt section.has-ascii { position:relative; isolation:isolate; overflow:hidden; background:#05060a !important; }
.mkt section.has-ascii::before, .mkt section.has-ascii::after { content:none !important; display:none !important; }
.mkt .hero-ascii { position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.mkt .hero-ascii .gradient-ascii-canvas { position:absolute; inset:0; display:block; width:100%; height:100%; }
.mkt #contact.has-ascii > .wrap > .cta-panel { background:transparent; box-shadow:none; }

/* Шапка-стекло на всех страницах: белый 20% + blur 50px; текст инвертируется (nav-dark — под шапкой тёмное, nav-light — светлое) */
.mkt .m-nav, .mkt:has(.hero) .m-nav.nav-dark, .mkt:has(.hero) .m-nav.nav-light, .mkt .m-nav.nav-dark, .mkt .m-nav.nav-light {
  background:#ffffff33 !important; -webkit-backdrop-filter:blur(50px) saturate(1.4); backdrop-filter:blur(50px) saturate(1.4);
  border:1px solid #ffffff4d; box-shadow:0 8px 32px #14233d14; transition:color .25s,border-color .25s,box-shadow .25s;
}
.mkt .m-nav.nav-light :is(.m-brand,.m-links a,.m-menu summary) { color:var(--ink) !important; }
.mkt .m-nav.nav-light .m-brand > span { color:var(--ink); }
.mkt .m-nav.nav-dark :is(.m-brand,.m-links a,.m-menu summary) { color:#fff !important; }
.mkt .m-nav.nav-dark .m-brand > span { color:#fff; }
.mkt .m-nav.nav-dark { border-color:#ffffff26; box-shadow:0 8px 32px #00000033; }
.mkt .m-nav.nav-dark .m-menu summary::before { background:#ffffff1f; border-color:#ffffff40; }
.mkt .m-nav.nav-dark .m-menu summary::after { border-color:#fff; }
.mkt .m-nav.nav-light .m-menu summary::before { background:#14233d0f; border-color:#14233d24; }
/* язык: полупрозрачная кнопка в тон шапке, выпадающий список — сплошной */
.mkt .m-nav.nav-dark .m-language-dropdown summary { background:#ffffff1a; border-color:#ffffff40; color:#fff; }
.mkt .m-nav.nav-dark .m-language-dropdown summary:hover { background:#ffffff29; border-color:#ffffff66; }
.mkt .m-nav.nav-light .m-language-dropdown summary { background:#ffffff59; border-color:#14233d24; color:var(--ink); }
.mkt .m-nav.nav-light .m-language-dropdown summary:hover { background:#ffffffa6; }
/* мобильное меню: бургер в тон шапке; когда меню открыто — шапка сплошная белая */
.mkt .m-nav.nav-dark .m-mobile-toggle { background:#ffffff1f; border-color:#ffffff40; }
.mkt .m-nav.nav-dark .m-mobile-toggle { color:#fff; }
.mkt .m-nav.nav-light .m-mobile-toggle { color:var(--ink); background:#ffffff59; }
.mkt .m-nav.mobile-open { background:#fff !important; }
.mkt .m-nav.mobile-open :is(.m-brand,.m-brand > span) { color:var(--ink) !important; }
.mkt .m-nav.mobile-open .m-mobile-toggle { color:#fff !important; background:var(--blue) !important; border-color:var(--blue) !important; }
.mkt .m-nav.nav-dark :is(.m-brand,.m-links a,.m-menu summary,.m-language-dropdown summary) { text-shadow:0 1px 10px #00000059; }

/* ===== Страницы «Для кого» в вёрстке /payments (scripts/build-legacy.mjs) ===== */
.mkt .m-grid--4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.mkt .m-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.mkt .m-grid--gifts { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mkt .m-grid--dirs { grid-template-columns:repeat(3,minmax(0,1fr)); }
.mkt .m-facts .m-card h3 { font-size:var(--t-h3); color:var(--blue); }
.mkt .m-points { display:grid; gap:12px; margin:14px 0 0; padding:0; list-style:none; }
.mkt .m-points li { display:grid; gap:2px; padding-left:22px; position:relative; }
.mkt .m-points li::before { content:''; position:absolute; left:0; top:7px; width:10px; height:10px; border-radius:50%; background:#dbe6fb; box-shadow:inset 0 0 0 3px var(--blue); }
.mkt .m-points b { color:var(--ink); font-size:16px; line-height:1.4; }
.mkt .m-points span { color:var(--copy); font-size:15px; line-height:1.5; }
.mkt .m-card--accent { border-color:var(--blue); box-shadow:0 0 0 1px var(--blue) inset; }
.mkt .m-card--accent h3 { color:var(--blue); }
.mkt .m-card--link { display:flex; flex-direction:column; gap:8px; text-decoration:none; color:inherit; transition:border-color .2s,transform .2s; }
.mkt .m-card--link:hover { border-color:var(--blue); transform:translateY(-2px); }
.mkt .m-card--link h3 { margin:8px 0 0; }
.mkt .m-card--link p { margin:0; }
.mkt .m-card--custom { border-color:var(--blue); }
.mkt .m-card-ic { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; background:#edf3ff; color:var(--blue); }
.mkt .m-card-ic .ic { width:24px; height:24px; }
.mkt .m-card-more { margin-top:auto; padding-top:10px; color:var(--blue); font-size:15px; font-weight:600; }
.mkt .m-card-badge { display:inline-block; margin-bottom:12px; padding:4px 10px; border-radius:999px; background:#edf3ff; color:var(--blue); font-size:13px; font-weight:700; }
.mkt .m-card--check { display:flex; align-items:flex-start; gap:14px; }
.mkt .m-card--check h3 { margin:0; font-size:var(--t-h4); }
.mkt .m-card-ok { display:grid; place-items:center; flex:none; width:32px; height:32px; border-radius:50%; background:#dcf7ea; color:#0e8a5f; }
.mkt .m-card-ok .ic { width:16px; height:16px; stroke-width:2.8; }
.mkt .m-calc-cta { margin-top:28px; }
.mkt section[data-block] > .m-wrap > .m-btn { margin-top:28px; }
@media(min-width:1360px) {
  .mkt .m-hero--tma { --hero-l1:5.6; --hero-h1w:11em; }
  html[lang="ru"] .mkt .m-hero--tma { --hero-l1:5.8; --hero-h1w:11.5em; }
  html[lang="vi"] .mkt .m-hero--tma { --hero-l1:5.6; --hero-h1w:11em; }
  .mkt .m-hero--telegram { --hero-l1:6; --hero-h1w:12em; }
  html[lang="ru"] .mkt .m-hero--telegram { --hero-l1:6.2; --hero-h1w:12.5em; }
  html[lang="vi"] .mkt .m-hero--telegram { --hero-l1:6; --hero-h1w:12em; }
}
@media(max-width:1023px) { .mkt :is(.m-grid--4,.m-grid--gifts,.m-grid--dirs) { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .mkt :is(.m-grid--4,.m-grid--2,.m-grid--gifts,.m-grid--dirs) { grid-template-columns:minmax(0,1fr); } }
.mkt main section[data-block] .m-card h3 { max-width:none; min-height:0; text-wrap:balance; }
.mkt main section[data-block] .m-steps + .m-fine,
.mkt main section[data-block] .m-grid + .m-fine { margin-top: 20px; }
.mkt main section[data-block] .m-fine + .m-btn { margin-top: 24px; }

/* Страницы «Партнёрам»: первый экран + бегущая строка = ровно высота окна.
   Строка заезжает на экран на 30px (margin-top:-30px), поэтому экран короче окна на (высота строки − 30px). */
.mkt section.m-hero { min-height:calc(100svh - 22px); }
@media(max-width:760px) { .mkt section.m-hero { min-height:calc(100svh - 14px); } }
@media(max-width:760px) {
  .mkt section.m-hero { justify-content:center; padding-block:calc(var(--nav-height,98px) + 20px) 44px; }
  .mkt section.m-hero .hero-floats { zoom:.8; margin-bottom:14px; }
  .mkt section.m-hero .m-eyebrow { margin-bottom:10px; }
  .mkt section.m-hero h1 { margin-block:8px 14px; }
  .mkt section.m-hero .m-lead { margin-bottom:0; }
  .mkt section.m-hero .m-actions { margin-top:20px; gap:10px; }
  .mkt section.m-hero .m-actions .m-btn { min-height:48px; }
}
@media(max-width:760px) and (max-height:700px) {
  .mkt section.m-hero .hero-floats { zoom:.68; }
}

/* Блок «Моменты» (B05) на страницах «Партнёрам»: заголовок по центру в две строки, нижняя строка синяя; у каждой плашки своя иллюстрация */
.mkt .m-moments > .m-wrap > h2 { max-width:none; margin-inline:auto; text-align:center; }
.mkt .m-moments > .m-wrap > h2 .m-accent { display:block; }
.mkt .m-moments > .m-wrap > p { margin-inline:auto; text-align:center; }
.mkt .m-grid--moments { margin-top:40px; }
.mkt .m-grid--moments .m-card { display:flex; flex-direction:column; }
.mkt .m-grid--moments .m-card > .mk-fit { margin:-4px -4px 20px; border-radius:calc(var(--radius) - 8px); background:#f6f8fc; }

/* Заголовки блоков «Партнёрам» в две строки: нижняя строка синяя */
.mkt main section[data-block] > .m-wrap > h2.h2-split .m-accent { display:block; }
/* Шаги подключения (B10): заголовок по центру */
.mkt main section[data-block="B10"] > .m-wrap > h2 { max-width:none; margin-inline:auto; text-align:center; }
/* «Что это даёт вашей команде» (B07): крупные воздушные плашки с рисунком сверху */
.mkt .m-grid--roles { gap:calc(var(--gap) + 8px); margin-top:40px; }
.mkt .m-card--role { display:flex; flex-direction:column; gap:0; padding:28px 28px 36px; }
.mkt .m-card--role .role-art { margin:0 0 28px; border-radius:calc(var(--radius) - 8px); background:#f6f8fc; }
.mkt .m-card--role h3 { margin-bottom:20px; font-size:var(--t-h3); }
.mkt .m-card--role .m-points { gap:20px; }
.mkt .m-card--role .m-points b { font-size:17px; line-height:1.35; }
.mkt .m-card--role .m-points span { margin-top:6px; font-size:15px; line-height:1.6; }
/* «Вы контролируете…» (B09): у каждой плашки своя иконка */
.mkt .m-grid--trust .m-card .m-card-ic { margin-bottom:24px; }

/* Слайдер «Не баннер, а приз», 3-й шаг: поп-ап «Разблокировано подарков» внутри макета телефона */
.mkt .ph--pop .ph-screen { position:relative; overflow:hidden; }
.mkt .ph-pop-dim { position:absolute; inset:0; background:rgba(10,18,36,.55); backdrop-filter:blur(2px); -webkit-backdrop-filter:blur(2px); }
.mkt .ph-pop { position:absolute; left:14px; right:14px; top:50%; display:grid; justify-items:center; gap:10px; padding:26px 18px 18px; border-radius:22px; background:#fff; color:#14233d; text-align:center; box-shadow:0 24px 48px -16px rgba(0,0,0,.55); transform:translateY(-50%); }
.mkt .ph-pop-ic { display:grid; place-items:center; width:52px; height:52px; margin-bottom:2px; border-radius:16px; background:#2363eb; color:#fff; box-shadow:0 10px 22px -8px rgba(35,99,235,.7); }
.mkt .ph-pop-ic .ic { width:26px; height:26px; }
.mkt .ph-pop-title { font-size:17px; font-weight:800; line-height:1.25; letter-spacing:-.01em; }
.mkt .ph-pop-n { color:#2363eb; }
.mkt .ph-pop-sub { max-width:22ch; color:#5b6b85; font-size:12px; line-height:1.45; }
.mkt .ph-pop-timer { display:inline-flex; align-items:center; gap:6px; padding:5px 11px; border-radius:999px; background:#eef2f8; color:#14233d; font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; }
.mkt .ph-pop-timer .ic { width:13px; height:13px; color:#2363eb; }
.mkt .ph-pop-btn { display:block; width:100%; margin-top:4px; padding:12px 10px; border-radius:12px; background:#2363eb; color:#fff; font-size:13px; font-weight:700; }
.mkt .fs-frame.is-active .ph-pop { animation:ph-pop-in .5s .25s cubic-bezier(.2,.8,.2,1.2) both; }
.mkt .fs-frame.is-active .ph-pop-dim { animation:ph-dim-in .35s ease both; }
@keyframes ph-pop-in { from { opacity:0; transform:translateY(-42%) scale(.9); } to { opacity:1; transform:translateY(-50%) scale(1); } }
@keyframes ph-dim-in { from { opacity:0; } to { opacity:1; } }
@media(max-width:760px) { .mkt .ph-pop { padding:20px 14px 14px; gap:8px; } .mkt .ph-pop-title { font-size:15px; } }
@media(prefers-reduced-motion:reduce) { .mkt .fs-frame.is-active :is(.ph-pop,.ph-pop-dim) { animation:none; } }
.mkt .ph-pop-title { font-size:15px; }
.mkt .ph-pop-n { white-space:nowrap; }
@media(max-width:760px) { .mkt .ph-pop-title { font-size:13.5px; } .mkt .ph-pop-sub { font-size:11px; } }

/* Финальный блок с формой: мерцающий ASCII-фон только в нижней части — заголовок и текст на тёмном */
.mkt section.has-ascii > .hero-ascii--flip { inset:auto 0 0 0; height:55%; }
@media(max-width:760px) { .mkt section.has-ascii > .hero-ascii--flip { height:40%; } }
/* Мини-подпись «Оплата прошла успешно» в телефоне на шаге главной: в две строки, не выходит за экран телефона */
.mkt .mk-art .mk-mini-ok { max-width:96px; white-space:normal; line-height:1.2; align-items:center; }
.mkt .mk-art .mk-mini-ok i { flex:none; }
.mkt .mk-art .mk-mini-ok { transform:translateY(-5px); }

/* Первый экран (главная + «Партнёрам») + бегущая строка = ровно высота окна на любом экране.
   Строка заезжает на экран на 30px, поэтому экран короче окна на (высота строки − 30px). Если содержимое не влезает,
   marketing-ui.js (fitHero) пропорционально уменьшает его (zoom ≥ .7). */
.mkt section.hero:has(+ .partner-marquee) { min-height:calc(100svh - 22px); }
@media(max-width:760px) { .mkt section.hero:has(+ .partner-marquee) { min-height:calc(100svh - 14px); justify-content:center; padding-block:calc(var(--nav-height,98px) + 20px) 44px; } }
@media(min-width:761px) and (max-height:900px) {
  .mkt :is(section.hero:has(+ .partner-marquee), section.m-hero) { padding-block:calc(var(--nav-height,104px) + 24px) 52px; }
}
@media(min-width:761px) and (max-width:1359px) and (max-height:900px) {
  .mkt :is(section.hero:has(+ .partner-marquee), section.m-hero) .hero-floats { zoom:.74; margin-bottom:16px; }
}
/* Главная, калькулятор (#economics): ASCII-фон как на первом экране (светом вниз) и бегущие строки сверху и снизу вплотную */
.mkt #economics.has-ascii { background:#05060a !important; }
.mkt .partner-marquee--before + #economics, .mkt #economics + .partner-marquee { margin-top:0 !important; }
.mkt .partner-marquee--before:has(+ #economics) { margin-top:var(--section-gap); }
/* Бейдж над заголовком первого экрана («Для криптокарт и обменников»): стеклянная пилюля, белый текст */
.mkt .m-hero .m-eyebrow { display:inline-flex; align-items:center; width:auto; margin-inline:auto; padding:8px 16px; border:1px solid #ffffff4d; border-radius:999px; background:#ffffff33; -webkit-backdrop-filter:blur(50px) saturate(1.3); backdrop-filter:blur(50px) saturate(1.3); color:#fff !important; box-shadow:0 8px 24px #00000026; }
/* Боли, «Свои бонусы и кэшбэк — дорого»: плашка выплаты переносится и не распирает карточку за край холста */
.mkt .mk-art .mk-pay-tag { max-width:100%; white-space:normal; line-height:1.25; }
.mkt .mk-art .mk-pay { box-sizing:border-box; }
.mkt .mk-art .mk-pay .mk-pay-row b { white-space:nowrap; }
.mkt .mk-art .mk-pay .mk-pay-row { gap:6px; }

/* «Другие направления»: слайдер в одну строку + стрелки в кружках справа от заголовка */
.mkt .dirs-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:32px; }
.mkt .dirs-head h2 { margin:0; }
.mkt .dirs-arrows { display:flex; gap:12px; flex:none; }
.mkt .dirs-arrow { display:grid; place-items:center; width:52px; height:52px; padding:0; border:1px solid var(--border,#dfe5ef); border-radius:50%; background:#fff; color:var(--ink); cursor:pointer; transition:background .2s,border-color .2s,color .2s,opacity .2s; }
.mkt .dirs-arrow .ic { width:20px; height:20px; }
.mkt .dirs-arrow:hover:not(:disabled) { border-color:var(--blue); color:var(--blue); }
.mkt .dirs-arrow:disabled { opacity:.35; cursor:default; }
.mkt .dirs-static .dirs-arrows { display:none; }
.mkt .dirs-slider { display:grid !important; grid-auto-flow:column; grid-template-columns:none !important; grid-auto-columns:calc((100% - 3 * var(--gap,24px)) / 4); gap:var(--gap,24px); margin-top:0 !important; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; padding:4px 2px 24px; margin-bottom:-24px; }
.mkt .dirs-slider::-webkit-scrollbar { display:none; }
.mkt .dirs-slider > * { scroll-snap-align:start; min-width:0; }
@media(max-width:1023px) { .mkt .dirs-slider { grid-auto-columns:calc((100% - var(--gap,24px)) / 2.2); } }
@media(max-width:760px) { .mkt .dirs-slider { grid-auto-columns:82%; } .mkt .dirs-arrow { width:44px; height:44px; } .mkt .dirs-head { margin-bottom:24px; } }
/* «Не баннер, а приз»: бегущая лента сверху вплотную */
.mkt .partner-marquee--before + #how-it-looks { margin-top:0 !important; }
/* Боли (B03) на страницах «Партнёрам»: заголовок в три строки (две строки + синяя концовка одной строкой) */
.mkt main section[data-block="B03"] > .m-wrap > h2.h2-3l { max-width:30ch; }
.mkt:has(.m-hero--tma) main section[data-block="B03"] > .m-wrap > h2.h2-3l { max-width:17ch; }
.mkt:has(.m-hero--telegram) main section[data-block="B03"] > .m-wrap > h2.h2-3l { max-width:13ch; }
.mkt:has(.m-hero--apps) main section[data-block="B03"] > .m-wrap > h2.h2-3l { max-width:9ch; }
@media(max-width:1023px) { .mkt main section[data-block="B03"] > .m-wrap > h2.h2-3l { max-width:none !important; } }
/* Калькулятор (B08/C08): заголовок по центру в две строки, нижняя синяя; кнопка по центру */
.mkt main section[data-ascii-bg] > .m-wrap > h2.h2-split { max-width:none; margin-inline:auto; text-align:center; }
.mkt main section[data-ascii-bg] > .m-wrap > h2.h2-split + p { margin-inline:auto; text-align:center; }
.mkt main section[data-ascii-bg] > .m-wrap > .m-calc-cta { display:flex; width:max-content; margin-inline:auto; }
/* Финальный блок с формой на страницах «Партнёрам»: заголовок спокойнее (2–3 строки рядом с формой) */
.mkt .inner-contact-cta .contact-display { font-size:clamp(40px,4.1vw,60px); line-height:1; letter-spacing:-.045em; max-width:16ch; }
.mkt .inner-contact-cta .contact-display + .cta-sub { margin-left:0; }
@media(max-width:760px) { .mkt .inner-contact-cta .contact-display { font-size:clamp(34px,9vw,44px); max-width:none; } }
.mkt .lead-section > .m-wrap h2 { font-size:clamp(40px,4.1vw,60px); line-height:1; letter-spacing:-.045em; }
@media(max-width:760px) { .mkt .lead-section > .m-wrap h2 { font-size:clamp(34px,9vw,44px); } }
/* Контакты: светлый ASCII-фон на белом (не забирает внимание) */
.mkt main.contact-page.has-ascii-light { position:relative; isolation:isolate; overflow:hidden; background:#fff; }
.mkt main.contact-page > .hero-ascii--light { opacity:.8; }
.mkt main.contact-page > .hero-ascii--light::after { content:""; position:absolute; inset:0; background:radial-gradient(ellipse 70% 60% at 50% 55%, #ffffffd9 0%, #ffffff80 55%, transparent 100%); pointer-events:none; }
/* Эмодзи в бейдже над заголовком */
.mkt .m-eyebrow-emoji { margin-right:8px; font-size:1.25em; line-height:1; letter-spacing:0; }
/* Индивидуальная интеграция: иконки и заголовки в две строки (C02), картинки в плашках (C04, C06) */
.mkt .m-card--ind h3 { max-width:11ch; min-height:2.5em; text-wrap:balance; }
.mkt .m-card--ind .m-card-ic { margin-bottom:20px; }
.mkt .m-grid--pics .m-card { display:flex; flex-direction:column; }
.mkt .m-grid--pics .m-card > .mk-fit { margin:-4px -4px 20px; border-radius:calc(var(--radius) - 8px); background:#f6f8fc; }
.mkt .m-grid--pics .m-card-badge { align-self:flex-start; width:auto; }
.mkt .m-card-badge { display:inline-flex; width:auto; align-self:flex-start; }
@media(max-width:1023px) { .mkt .m-grid--4.m-grid--pics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .mkt .m-grid--4.m-grid--pics { grid-template-columns:minmax(0,1fr); } }

/* Мега-меню «Партнёрам» (десктоп): шире и свободнее, «Индивидуальная интеграция» — колонкой справа */
@media(min-width:1024px) {
  .mkt .m-dropdown.m-mega { width:min(940px, calc(100vw - 48px)); min-width:0; padding:20px; grid-template-columns:minmax(0,1fr) 250px; gap:20px; border-radius:22px; box-shadow:0 24px 64px #14233d1f; }
  .mkt .m-mega .mega-grid { gap:6px 12px; align-content:start; }
  .mkt .m-mega .mega-item { gap:14px; padding:16px; border-radius:14px; }
  .mkt .m-mega .mega-item .mega-tx b { font-size:15px; }
  .mkt .m-mega .mega-item .mega-tx small { margin-top:4px; font-size:13px; line-height:1.45; }
  .mkt .m-mega .mega-plate { grid-template-columns:1fr; grid-template-rows:auto 1fr auto; align-content:stretch; row-gap:10px; margin:0; padding:24px; border-radius:18px; }
  .mkt .m-mega .mega-plate .mega-ic { grid-row:auto; width:48px; height:48px; border-radius:14px; }
  .mkt .m-mega .mega-plate .mega-tx { align-self:end; }
  .mkt .m-mega .mega-plate .mega-tx b { font-size:18px; line-height:1.25; }
  .mkt .m-mega .mega-plate-sub { grid-column:1; font-size:13px; line-height:1.45; }
}
/* Индивидуальная интеграция: заголовки плашек в две строки (C02), подписи в «что нужно знать» компактнее (C06) */
.mkt main section[data-block] .m-card.m-card--ind h3 { max-width:9ch; min-height:2.5em; text-wrap:balance; }
.mkt [data-block="C06"] .m-card h3 { font-size:18px; line-height:1.35; }
.mkt main section[data-block] .m-card.m-card--ind:first-child h3 { max-width:13ch; }

/* Криптокарты: фоны слегка в бирюзово-зелёный — ощущение другой страницы в том же стиле */
.mkt:has(.m-hero--crypto) main > section.m-section.m-section--flow { background:radial-gradient(ellipse 78% 55% at 76% 106%, #19b3a3 0%, #0f7f86 28%, #0a4352 56%, transparent 80%), radial-gradient(ellipse 60% 45% at 22% 110%, #11817a 0%, #07303a 55%, transparent 85%), linear-gradient(180deg, #000 0%, #01060a 50%, #04232a 100%) !important; }
.mkt:has(.m-hero--crypto) main > section[data-block="B09"] { background:radial-gradient(68% 46% at 50% 50%, rgba(22,168,150,.22) 0%, rgba(18,140,135,.14) 30%, rgba(14,112,118,.07) 55%, rgba(8,60,70,.03) 75%, transparent 92%) !important; }

/* Выпадающие меню внутри шапки не наследуют инверсию «nav-dark» (иначе заголовки пунктов белые на белом) */
.mkt .m-nav .m-dropdown :is(a, a b, a span, a small) { text-shadow:none !important; }
.mkt .m-nav .m-dropdown a:not(.mega-plate), .mkt .m-nav .m-dropdown a:not(.mega-plate) b { color:var(--ink) !important; }
.mkt .m-nav .m-dropdown a:not(.mega-plate) small { color:var(--muted) !important; }
.mkt .m-nav .m-mega .mega-plate, .mkt .m-nav .m-mega .mega-plate b { color:#fff !important; }
.mkt .m-nav .m-mega .mega-plate :is(small, .mega-plate-sub) { color:#b7c6e4 !important; }
/* Криптокарты, «Вы контролируете…»: свечение под плашками зелёное (перебивает синее правило B09) */
.mkt:has(.m-hero--crypto) main > section.m-section.m-section--band[data-block=B09] { background:radial-gradient(ellipse 68% 46% at 50% 50%,#50d2c140 0%,#3cbfb029 30%,#1a8f8414 55%,#0a3e3a08 75%,transparent 92%),#000 !important; }

/* ===== Криптокарты: зелёные акценты вместо синих (только эта страница) ===== */
.mkt:has(.m-hero--crypto) { --blue:#50d2c1; --blue-hover:#0f8a7e; }
.mkt:has(.m-hero--crypto) .m-brand strong { color:#50d2c1; }
.mkt:has(.m-hero--crypto) .m-accent,
.mkt:has(.m-hero--crypto) .m-section--dark .m-accent,
.mkt:has(.m-hero--crypto) .m-hero .m-accent,
.mkt:has(.m-hero--crypto) .inner-cta h2 .m-accent,
.mkt:has(.m-hero--crypto) .lead-section .m-accent { color:#97fce4 !important; }
.mkt:has(.m-hero--crypto) main > section:not(.m-section--dark):not(.has-ascii) .m-accent { color:#50d2c1 !important; }
.mkt:has(.m-hero--crypto) :is(.m-btn.primary, .hero-float-btn, .ph-wdg-btn, .ph-pop-btn, .dirs-arrow:hover) { background:#50d2c1 !important; border-color:#50d2c1 !important; color:#04221d !important; }
.mkt:has(.m-hero--crypto) .m-btn.primary:hover { background:#0f8a7e !important; border-color:#0f8a7e !important; }
.mkt:has(.m-hero--crypto) .partner-marquee i { color:#97fce4; }
.mkt:has(.m-hero--crypto) [fill="#2363eb"] { fill:#50d2c1; }
.mkt:has(.m-hero--crypto) [stroke="#2363eb"] { stroke:#50d2c1; }
.mkt:has(.m-hero--crypto) :is(.hero-float-gift, .ph-wdg-ic, .ph-pop-ic) { background:#50d2c1 !important; color:#04221d; }
.mkt:has(.m-hero--crypto) :is(.ph-pop-n, .m-calc output, .m-calc-result b) { color:#50d2c1; }
.mkt:has(.m-hero--crypto) input[type=range] { accent-color:#50d2c1; }
.mkt:has(.m-hero--crypto) :is(.mega-ic, .m-card-ic, .dir-ic, .fact-ic, .gift-ic) { color:#50d2c1; background:#e2f8f4; }
.mkt:has(.m-hero--crypto) .m-mega .mega-plate .mega-ic { background:#ffffff1f; color:#fff; }
/* Первый экран: бейдж ближе к заголовку, кнопки чуть дальше от текста */
.mkt:has(.m-hero--crypto) .m-hero .m-eyebrow { margin-bottom:6px; }
.mkt:has(.m-hero--crypto) .m-hero .m-actions { margin-top:40px; }
.mkt:has(.m-hero--crypto) .m-section--band .calc2 :is(output, .m-result.highlight strong) { color:#97fce4 !important; }
.mkt:has(.m-hero--crypto) .m-section--band .calc2 .m-result.highlight { background:#50d2c126; border-color:#50d2c180; }
.mkt:has(.m-hero--crypto) .m-section--band .calc2 input[type=range]::-webkit-slider-runnable-track { background:linear-gradient(90deg,#50d2c1 0 var(--p),#2c2c33 var(--p) 100%); }
.mkt:has(.m-hero--crypto) .m-section--band .calc2 input[type=range]::-moz-range-progress { background:#50d2c1; }
.mkt:has(.m-hero--crypto) .m-section--band :is(.mk-svg use[style*="#0e8a5f"], .mk-svg use[style*="#9aa7bb"]) { color:#97fce4 !important; }
.mkt:has(.m-hero--crypto) .m-section--band .mk-art :is(.mk-lbl--ok,.mk-lbl--blue) { color:#97fce4; }
.mkt:has(.m-hero--crypto) .m-section--band .mk-svg [stroke="#c62828"] { stroke:#97fce4; }
.mkt:has(.m-hero--crypto) .mk-art .mk-lbl--blue { color:#50d2c1; }
.mkt:has(.m-hero--crypto) .mk-art .mk-wdg-ic { background:#e2f8f4 !important; color:#50d2c1 !important; }
.mkt:has(.m-hero--crypto) .mk-art .mk-pay-tag { background:#def6f1; color:#0f8a7e; }
.mkt:has(.m-hero--crypto) .m-section--band .calc2 .m-result.highlight { background:linear-gradient(160deg,#0b2e26,#0a1f1c) !important; border-color:#50d2c180 !important; }
.mkt:has(.m-hero--crypto) .mk-svg .ln-acc { stroke:#50d2c1; }
.mkt:has(.m-hero--crypto) .mk-svg .ra-acc { fill:#50d2c1; }

/* Криптокарты: остатки синего — столбики и подложки в иллюстрациях, финальный блок, плашка дохода */
.mkt:has(.m-hero--crypto) [fill="#5b8ffb"] { fill:#50d2c1; }
.mkt:has(.m-hero--crypto) [fill="#9cb8f5"] { fill:#a8ece2; }
.mkt:has(.m-hero--crypto) [fill="#c9d8fa"] { fill:#cdf2ec; }
.mkt:has(.m-hero--crypto) [fill="#dbe5fb"], .mkt:has(.m-hero--crypto) [fill="#e4edff"], .mkt:has(.m-hero--crypto) [fill="#eaf1ff"] { fill:#def6f1; }
.mkt:has(.m-hero--crypto) [stroke="#9cb8f5"] { stroke:#a8ece2; }
.mkt:has(.m-hero--crypto) .calc2 .m-result.highlight, .mkt:has(.m-hero--crypto) #calculator .m-result.highlight { background:linear-gradient(160deg,#0a2e2b,#081d1c) !important; border-color:#50d2c180 !important; }
.mkt:has(.m-hero--crypto) #contact { background:radial-gradient(72% 58% at 82% 104%,#5fe0cc 0%,#1fa896 27%,#0c5f57 55%,transparent 78%),radial-gradient(58% 46% at 34% 108%,#14857a 0%,#06302c 52%,transparent 82%),linear-gradient(180deg,#000 0%,#01060a 47%,#052421 100%) !important; }
.mkt:has(.m-hero--crypto) #contact::before { background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.25% - 1px),#97fce422 calc(8.25% - 1px),#97fce422 8.25%) !important; }
.mkt:has(.m-hero--crypto) #contact::after { filter:hue-rotate(-60deg) saturate(.9); }
.mkt:has(.m-hero--crypto) a:not(.m-btn):not(.mega-item):not(.mega-plate):not(.dir-card):not(.m-brand) { --link:#0f8a7e; }
.mkt:has(.m-hero--crypto) .consent a, .mkt:has(.m-hero--crypto) .m-form a { color:#0f8a7e; }
.mkt:has(.m-hero--crypto) [fill="#dbe6fb"], .mkt:has(.m-hero--crypto) [fill="#eef3ff"] { fill:#def6f1; }
.mkt:has(.m-hero--crypto) [fill="#8fa3c7"] { fill:#8fbcb6; }
/* Криптокарты: светло-зелёные подложки иконок во всех плашках */
.mkt:has(.m-hero--crypto) :is(.fact-ic, .moment-ic, .ins-ic, .m-card-ic, .gift-ic, .dir-ic, .mega-ic, .roles-ic) { background:#e2f8f4 !important; color:#0f8a7e !important; }
.mkt:has(.m-hero--crypto) .m-mega .mega-plate .mega-ic { background:#ffffff1f !important; color:#fff !important; }
.mkt:has(.m-hero--crypto) .ph-pop-timer .ic { color:#50d2c1; }
.mkt:has(.m-hero--crypto) .mega-item:hover { background:#ecfaf7; }


/* ===== Билеты и путешествия: та же схема, что у криптокарт, в фиолетовой гамме ===== */
/* Криптокарты: фоны слегка в бирюзово-зелёный — ощущение другой страницы в том же стиле */
.mkt:has(.m-hero--events) main > section.m-section.m-section--flow { background:radial-gradient(ellipse 78% 55% at 76% 106%, #7a4dff 0%, #4b2bb8 28%, #26145e 56%, transparent 80%), radial-gradient(ellipse 60% 45% at 22% 110%, #4a26a8 0%, #1a0d40 55%, transparent 85%), linear-gradient(180deg, #000 0%, #05030c 50%, #140a2e 100%) !important; }
.mkt:has(.m-hero--events) main > section[data-block="B09"] { background:radial-gradient(68% 46% at 50% 50%, rgba(120,90,255,.22) 0%, rgba(100,70,230,.14) 30%, rgba(80,50,190,.07) 55%, rgba(40,25,100,.03) 75%, transparent 92%) !important; }
/* Криптокарты, «Вы контролируете…»: свечение под плашками зелёное (перебивает синее правило B09) */
.mkt:has(.m-hero--events) main > section.m-section.m-section--band[data-block=B09] { background:radial-gradient(ellipse 68% 46% at 50% 50%,#7b5cff40 0%,#6a4ae829 30%,#5233c014 55%,#2a1a6008 75%,transparent 92%),#000 !important; }
/* ===== Криптокарты: зелёные акценты вместо синих (только эта страница) ===== */
.mkt:has(.m-hero--events) { --blue:#7b5cff; --blue-hover:#6545f0; }
.mkt:has(.m-hero--events) .m-brand strong { color:#7b5cff; }
.mkt:has(.m-hero--events) .m-accent,
.mkt:has(.m-hero--events) .m-section--dark .m-accent,
.mkt:has(.m-hero--events) .m-hero .m-accent,
.mkt:has(.m-hero--events) .inner-cta h2 .m-accent,
.mkt:has(.m-hero--events) .lead-section .m-accent { color:#b39cff !important; }
.mkt:has(.m-hero--events) main > section:not(.m-section--dark):not(.has-ascii) .m-accent { color:#7b5cff !important; }
.mkt:has(.m-hero--events) :is(.m-btn.primary, .hero-float-btn, .ph-wdg-btn, .ph-pop-btn, .dirs-arrow:hover) { background:#7b5cff !important; border-color:#7b5cff !important; color:#fff !important; }
.mkt:has(.m-hero--events) .m-btn.primary:hover { background:#6545f0 !important; border-color:#6545f0 !important; }
.mkt:has(.m-hero--events) .partner-marquee i { color:#b39cff; }
.mkt:has(.m-hero--events) [fill="#2363eb"] { fill:#7b5cff; }
.mkt:has(.m-hero--events) [stroke="#2363eb"] { stroke:#7b5cff; }
.mkt:has(.m-hero--events) :is(.hero-float-gift, .ph-wdg-ic, .ph-pop-ic) { background:#7b5cff !important; color:#fff; }
.mkt:has(.m-hero--events) :is(.ph-pop-n, .m-calc output, .m-calc-result b) { color:#7b5cff; }
.mkt:has(.m-hero--events) input[type=range] { accent-color:#7b5cff; }
.mkt:has(.m-hero--events) :is(.mega-ic, .m-card-ic, .dir-ic, .fact-ic, .gift-ic) { color:#7b5cff; background:#efeaff; }
.mkt:has(.m-hero--events) .m-mega .mega-plate .mega-ic { background:#ffffff1f; color:#fff; }
/* Первый экран: бейдж ближе к заголовку, кнопки чуть дальше от текста */
.mkt:has(.m-hero--events) .m-hero .m-eyebrow { margin-bottom:6px; }
.mkt:has(.m-hero--events) .m-hero .m-actions { margin-top:40px; }
.mkt:has(.m-hero--events) .m-section--band .calc2 :is(output, .m-result.highlight strong) { color:#b39cff !important; }
.mkt:has(.m-hero--events) .m-section--band .calc2 .m-result.highlight { background:#7b5cff26; border-color:#7b5cff80; }
.mkt:has(.m-hero--events) .m-section--band .calc2 input[type=range]::-webkit-slider-runnable-track { background:linear-gradient(90deg,#7b5cff 0 var(--p),#2c2c33 var(--p) 100%); }
.mkt:has(.m-hero--events) .m-section--band .calc2 input[type=range]::-moz-range-progress { background:#7b5cff; }
.mkt:has(.m-hero--events) .m-section--band :is(.mk-svg use[style*="#0e8a5f"], .mk-svg use[style*="#9aa7bb"]) { color:#b39cff !important; }
.mkt:has(.m-hero--events) .m-section--band .mk-art :is(.mk-lbl--ok,.mk-lbl--blue) { color:#b39cff; }
.mkt:has(.m-hero--events) .m-section--band .mk-svg [stroke="#c62828"] { stroke:#b39cff; }
.mkt:has(.m-hero--events) .mk-art .mk-lbl--blue { color:#7b5cff; }
.mkt:has(.m-hero--events) .mk-art .mk-wdg-ic { background:#efeaff !important; color:#7b5cff !important; }
.mkt:has(.m-hero--events) .mk-art .mk-pay-tag { background:#ece6ff; color:#6545f0; }
.mkt:has(.m-hero--events) .m-section--band .calc2 .m-result.highlight { background:linear-gradient(160deg,#1e1446,#120c2a) !important; border-color:#7b5cff80 !important; }
.mkt:has(.m-hero--events) .mk-svg .ln-acc { stroke:#7b5cff; }
.mkt:has(.m-hero--events) .mk-svg .ra-acc { fill:#7b5cff; }
/* Криптокарты: остатки синего — столбики и подложки в иллюстрациях, финальный блок, плашка дохода */
.mkt:has(.m-hero--events) [fill="#5b8ffb"] { fill:#8f74ff; }
.mkt:has(.m-hero--events) [fill="#9cb8f5"] { fill:#c3b4ff; }
.mkt:has(.m-hero--events) [fill="#c9d8fa"] { fill:#ddd4ff; }
.mkt:has(.m-hero--events) [fill="#dbe5fb"], .mkt:has(.m-hero--events) [fill="#e4edff"], .mkt:has(.m-hero--events) [fill="#eaf1ff"] { fill:#ece6ff; }
.mkt:has(.m-hero--events) [stroke="#9cb8f5"] { stroke:#c3b4ff; }
.mkt:has(.m-hero--events) .calc2 .m-result.highlight, .mkt:has(.m-hero--events) #calculator .m-result.highlight { background:linear-gradient(160deg,#1e1446,#120c2a) !important; border-color:#7b5cff80 !important; }
.mkt:has(.m-hero--events) #contact { background:radial-gradient(72% 58% at 82% 104%,#9a7bff 0%,#6a45f0 27%,#3b1fa0 55%,transparent 78%),radial-gradient(58% 46% at 34% 108%,#5530d0 0%,#1c0f4a 52%,transparent 82%),linear-gradient(180deg,#000 0%,#05030c 47%,#140a33 100%) !important; }
.mkt:has(.m-hero--events) #contact::before { background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.25% - 1px),#b9a8ff22 calc(8.25% - 1px),#b9a8ff22 8.25%) !important; }
.mkt:has(.m-hero--events) #contact::after { filter:hue-rotate(35deg); }
.mkt:has(.m-hero--events) a:not(.m-btn):not(.mega-item):not(.mega-plate):not(.dir-card):not(.m-brand) { --link:#6545f0; }
.mkt:has(.m-hero--events) .consent a, .mkt:has(.m-hero--events) .m-form a { color:#6545f0; }
.mkt:has(.m-hero--events) [fill="#dbe6fb"], .mkt:has(.m-hero--events) [fill="#eef3ff"] { fill:#ece6ff; }
.mkt:has(.m-hero--events) [fill="#8fa3c7"] { fill:#a99fcc; }
/* Криптокарты: светло-зелёные подложки иконок во всех плашках */
.mkt:has(.m-hero--events) :is(.fact-ic, .moment-ic, .ins-ic, .m-card-ic, .gift-ic, .dir-ic, .mega-ic, .roles-ic) { background:#efeaff !important; color:#6545f0 !important; }
.mkt:has(.m-hero--events) .m-mega .mega-plate .mega-ic { background:#ffffff1f !important; color:#fff !important; }
.mkt:has(.m-hero--events) .ph-pop-timer .ic { color:#7b5cff; }
.mkt:has(.m-hero--events) .mega-item:hover { background:#f3efff; }
.mkt:has(.m-hero--events) .m-num { background:#efeaff; color:#6545f0; }
.mkt:has(.m-hero--events) .m-calc .m-result.highlight { background:#f1edff !important; border-color:#d8ceff !important; }
.mkt:has(.m-hero--events) .m-calc .m-result.highlight strong, .mkt:has(.m-hero--events) .m-calc output { color:#6545f0 !important; }
.mkt:has(.m-hero--events) .m-calc input[type=range] { accent-color:#7b5cff; }
.mkt:has(.m-hero--events) .mk-svg use[style*="#2363eb"] { color:#7b5cff !important; }
.mkt:has(.m-hero--events) [style*="color:#2363eb"] { color:#7b5cff !important; }

.mkt:has(.m-hero--crypto) .footer-invitation > a { color:#97fce4; }
.mkt:has(.m-hero--events) .footer-invitation > a { color:#b39cff; }

/* ===== Telegram-игры и боты: та же схема в голубом цвете Telegram ===== */
/* Криптокарты: фоны слегка в бирюзово-зелёный — ощущение другой страницы в том же стиле */
.mkt:has(.m-hero--telegram) main > section.m-section.m-section--flow { background:radial-gradient(ellipse 78% 55% at 76% 106%, #2aabee 0%, #1678b8 28%, #0a3a5c 56%, transparent 80%), radial-gradient(ellipse 60% 45% at 22% 110%, #147ab5 0%, #072a45 55%, transparent 85%), linear-gradient(180deg, #000 0%, #01060c 50%, #04213a 100%) !important; }
.mkt:has(.m-hero--telegram) main > section[data-block="B09"] { background:radial-gradient(68% 46% at 50% 50%, rgba(42,171,238,.22) 0%, rgba(34,150,215,.14) 30%, rgba(22,120,184,.07) 55%, rgba(10,58,92,.03) 75%, transparent 92%) !important; }
/* Криптокарты, «Вы контролируете…»: свечение под плашками зелёное (перебивает синее правило B09) */
.mkt:has(.m-hero--telegram) main > section.m-section.m-section--band[data-block=B09] { background:radial-gradient(ellipse 68% 46% at 50% 50%,#2aabee40 0%,#229ed929 30%,#1678b814 55%,#0a3a5c08 75%,transparent 92%),#000 !important; }
/* ===== Криптокарты: зелёные акценты вместо синих (только эта страница) ===== */
.mkt:has(.m-hero--telegram) { --blue:#1a8fd0; --blue-hover:#1580bd; }
.mkt:has(.m-hero--telegram) .m-brand strong { color:#1a8fd0; }
.mkt:has(.m-hero--telegram) .m-accent,
.mkt:has(.m-hero--telegram) .m-section--dark .m-accent,
.mkt:has(.m-hero--telegram) .m-hero .m-accent,
.mkt:has(.m-hero--telegram) .inner-cta h2 .m-accent,
.mkt:has(.m-hero--telegram) .lead-section .m-accent { color:#62ccff !important; }
.mkt:has(.m-hero--telegram) main > section:not(.m-section--dark):not(.has-ascii) .m-accent { color:#1a8fd0 !important; }
.mkt:has(.m-hero--telegram) :is(.m-btn.primary, .hero-float-btn, .ph-wdg-btn, .ph-pop-btn, .dirs-arrow:hover) { background:#1a8fd0 !important; border-color:#1a8fd0 !important; color:#fff !important; }
.mkt:has(.m-hero--telegram) .m-btn.primary:hover { background:#1580bd !important; border-color:#1580bd !important; }
.mkt:has(.m-hero--telegram) .partner-marquee i { color:#62ccff; }
.mkt:has(.m-hero--telegram) [fill="#2363eb"] { fill:#1a8fd0; }
.mkt:has(.m-hero--telegram) [stroke="#2363eb"] { stroke:#1a8fd0; }
.mkt:has(.m-hero--telegram) :is(.hero-float-gift, .ph-wdg-ic, .ph-pop-ic) { background:#1a8fd0 !important; color:#fff; }
.mkt:has(.m-hero--telegram) :is(.ph-pop-n, .m-calc output, .m-calc-result b) { color:#1a8fd0; }
.mkt:has(.m-hero--telegram) input[type=range] { accent-color:#1a8fd0; }
.mkt:has(.m-hero--telegram) :is(.mega-ic, .m-card-ic, .dir-ic, .fact-ic, .gift-ic) { color:#1a8fd0; background:#e3f4fd; }
.mkt:has(.m-hero--telegram) .m-mega .mega-plate .mega-ic { background:#ffffff1f; color:#fff; }
/* Первый экран: бейдж ближе к заголовку, кнопки чуть дальше от текста */
.mkt:has(.m-hero--telegram) .m-hero .m-eyebrow { margin-bottom:6px; }
.mkt:has(.m-hero--telegram) .m-hero .m-actions { margin-top:40px; }
.mkt:has(.m-hero--telegram) .m-section--band .calc2 :is(output, .m-result.highlight strong) { color:#62ccff !important; }
.mkt:has(.m-hero--telegram) .m-section--band .calc2 .m-result.highlight { background:#1a8fd026; border-color:#1a8fd080; }
.mkt:has(.m-hero--telegram) .m-section--band .calc2 input[type=range]::-webkit-slider-runnable-track { background:linear-gradient(90deg,#1a8fd0 0 var(--p),#2c2c33 var(--p) 100%); }
.mkt:has(.m-hero--telegram) .m-section--band .calc2 input[type=range]::-moz-range-progress { background:#1a8fd0; }
.mkt:has(.m-hero--telegram) .m-section--band :is(.mk-svg use[style*="#0e8a5f"], .mk-svg use[style*="#9aa7bb"]) { color:#62ccff !important; }
.mkt:has(.m-hero--telegram) .m-section--band .mk-art :is(.mk-lbl--ok,.mk-lbl--blue) { color:#62ccff; }
.mkt:has(.m-hero--telegram) .m-section--band .mk-svg [stroke="#c62828"] { stroke:#62ccff; }
.mkt:has(.m-hero--telegram) .mk-art .mk-lbl--blue { color:#1a8fd0; }
.mkt:has(.m-hero--telegram) .mk-art .mk-wdg-ic { background:#e3f4fd !important; color:#1a8fd0 !important; }
.mkt:has(.m-hero--telegram) .mk-art .mk-pay-tag { background:#e0f2fc; color:#1580bd; }
.mkt:has(.m-hero--telegram) .m-section--band .calc2 .m-result.highlight { background:linear-gradient(160deg,#0c2b44,#0a1c2c) !important; border-color:#1a8fd080 !important; }
.mkt:has(.m-hero--telegram) .mk-svg .ln-acc { stroke:#1a8fd0; }
.mkt:has(.m-hero--telegram) .mk-svg .ra-acc { fill:#1a8fd0; }
/* Криптокарты: остатки синего — столбики и подложки в иллюстрациях, финальный блок, плашка дохода */
.mkt:has(.m-hero--telegram) [fill="#5b8ffb"] { fill:#3fb8f2; }
.mkt:has(.m-hero--telegram) [fill="#9cb8f5"] { fill:#a6dcf7; }
.mkt:has(.m-hero--telegram) [fill="#c9d8fa"] { fill:#cfeaf9; }
.mkt:has(.m-hero--telegram) [fill="#dbe5fb"], .mkt:has(.m-hero--telegram) [fill="#e4edff"], .mkt:has(.m-hero--telegram) [fill="#eaf1ff"] { fill:#e0f2fc; }
.mkt:has(.m-hero--telegram) [stroke="#9cb8f5"] { stroke:#a6dcf7; }
.mkt:has(.m-hero--telegram) .calc2 .m-result.highlight, .mkt:has(.m-hero--telegram) #calculator .m-result.highlight { background:linear-gradient(160deg,#0c2b44,#0a1c2c) !important; border-color:#1a8fd080 !important; }
.mkt:has(.m-hero--telegram) #contact { background:radial-gradient(72% 58% at 82% 104%,#56c8ff 0%,#229ed9 27%,#11609a 55%,transparent 78%),radial-gradient(58% 46% at 34% 108%,#1a86c6 0%,#08304e 52%,transparent 82%),linear-gradient(180deg,#000 0%,#01060c 47%,#042238 100%) !important; }
.mkt:has(.m-hero--telegram) #contact::before { background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.25% - 1px),#9ad9ff22 calc(8.25% - 1px),#9ad9ff22 8.25%) !important; }
.mkt:has(.m-hero--telegram) #contact::after { filter:hue-rotate(-15deg); }
.mkt:has(.m-hero--telegram) a:not(.m-btn):not(.mega-item):not(.mega-plate):not(.dir-card):not(.m-brand) { --link:#1580bd; }
.mkt:has(.m-hero--telegram) .consent a, .mkt:has(.m-hero--telegram) .m-form a { color:#1580bd; }
.mkt:has(.m-hero--telegram) [fill="#dbe6fb"], .mkt:has(.m-hero--telegram) [fill="#eef3ff"] { fill:#e0f2fc; }
.mkt:has(.m-hero--telegram) [fill="#8fa3c7"] { fill:#97b9cc; }
/* Криптокарты: светло-зелёные подложки иконок во всех плашках */
.mkt:has(.m-hero--telegram) :is(.fact-ic, .moment-ic, .ins-ic, .m-card-ic, .gift-ic, .dir-ic, .mega-ic, .roles-ic) { background:#e3f4fd !important; color:#1580bd !important; }
.mkt:has(.m-hero--telegram) .m-mega .mega-plate .mega-ic { background:#ffffff1f !important; color:#fff !important; }
.mkt:has(.m-hero--telegram) .ph-pop-timer .ic { color:#1a8fd0; }
.mkt:has(.m-hero--telegram) .mega-item:hover { background:#eef8fe; }
.mkt:has(.m-hero--telegram) .footer-invitation > a { color:#62ccff; }
.mkt:has(.m-hero--telegram) .m-num { background:#e3f4fd; color:#1580bd; }
.mkt:has(.m-hero--telegram) .m-calc .m-result.highlight { background:#ebf7fe !important; border-color:#c3e6f9 !important; }
.mkt:has(.m-hero--telegram) .m-calc .m-result.highlight strong, .mkt:has(.m-hero--telegram) .m-calc output { color:#1580bd !important; }
.mkt:has(.m-hero--telegram) .m-calc input[type=range] { accent-color:#1a8fd0; }
.mkt:has(.m-hero--telegram) .mk-svg use[style*="#2363eb"], .mkt:has(.m-hero--telegram) [style*="color:#2363eb"] { color:#1a8fd0 !important; }
/* Подвал: «Design by KERBER» справа, капсом, подчёркнуто */
.mkt .footer-bottom .footer-credit { text-transform:uppercase; letter-spacing:.06em; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }

/* ===== Подарочные mini-apps: та же голубая гамма, что у Telegram-игр и ботов ===== */
/* ===== Telegram-игры и боты: та же схема в голубом цвете Telegram ===== */
/* Криптокарты: фоны слегка в бирюзово-зелёный — ощущение другой страницы в том же стиле */
.mkt:has(.m-hero--tma) main > section.m-section.m-section--flow { background:radial-gradient(ellipse 78% 55% at 76% 106%, #2aabee 0%, #1678b8 28%, #0a3a5c 56%, transparent 80%), radial-gradient(ellipse 60% 45% at 22% 110%, #147ab5 0%, #072a45 55%, transparent 85%), linear-gradient(180deg, #000 0%, #01060c 50%, #04213a 100%) !important; }
.mkt:has(.m-hero--tma) main > section[data-block="B09"] { background:radial-gradient(68% 46% at 50% 50%, rgba(42,171,238,.22) 0%, rgba(34,150,215,.14) 30%, rgba(22,120,184,.07) 55%, rgba(10,58,92,.03) 75%, transparent 92%) !important; }
/* Криптокарты, «Вы контролируете…»: свечение под плашками зелёное (перебивает синее правило B09) */
.mkt:has(.m-hero--tma) main > section.m-section.m-section--band[data-block=B09] { background:radial-gradient(ellipse 68% 46% at 50% 50%,#2aabee40 0%,#229ed929 30%,#1678b814 55%,#0a3a5c08 75%,transparent 92%),#000 !important; }
/* ===== Криптокарты: зелёные акценты вместо синих (только эта страница) ===== */
.mkt:has(.m-hero--tma) { --blue:#1a8fd0; --blue-hover:#1580bd; }
.mkt:has(.m-hero--tma) .m-brand strong { color:#1a8fd0; }
.mkt:has(.m-hero--tma) .m-accent,
.mkt:has(.m-hero--tma) .m-section--dark .m-accent,
.mkt:has(.m-hero--tma) .m-hero .m-accent,
.mkt:has(.m-hero--tma) .inner-cta h2 .m-accent,
.mkt:has(.m-hero--tma) .lead-section .m-accent { color:#62ccff !important; }
.mkt:has(.m-hero--tma) main > section:not(.m-section--dark):not(.has-ascii) .m-accent { color:#1a8fd0 !important; }
.mkt:has(.m-hero--tma) :is(.m-btn.primary, .hero-float-btn, .ph-wdg-btn, .ph-pop-btn, .dirs-arrow:hover) { background:#1a8fd0 !important; border-color:#1a8fd0 !important; color:#fff !important; }
.mkt:has(.m-hero--tma) .m-btn.primary:hover { background:#1580bd !important; border-color:#1580bd !important; }
.mkt:has(.m-hero--tma) .partner-marquee i { color:#62ccff; }
.mkt:has(.m-hero--tma) [fill="#2363eb"] { fill:#1a8fd0; }
.mkt:has(.m-hero--tma) [stroke="#2363eb"] { stroke:#1a8fd0; }
.mkt:has(.m-hero--tma) :is(.hero-float-gift, .ph-wdg-ic, .ph-pop-ic) { background:#1a8fd0 !important; color:#fff; }
.mkt:has(.m-hero--tma) :is(.ph-pop-n, .m-calc output, .m-calc-result b) { color:#1a8fd0; }
.mkt:has(.m-hero--tma) input[type=range] { accent-color:#1a8fd0; }
.mkt:has(.m-hero--tma) :is(.mega-ic, .m-card-ic, .dir-ic, .fact-ic, .gift-ic) { color:#1a8fd0; background:#e3f4fd; }
.mkt:has(.m-hero--tma) .m-mega .mega-plate .mega-ic { background:#ffffff1f; color:#fff; }
/* Первый экран: бейдж ближе к заголовку, кнопки чуть дальше от текста */
.mkt:has(.m-hero--tma) .m-hero .m-eyebrow { margin-bottom:6px; }
.mkt:has(.m-hero--tma) .m-hero .m-actions { margin-top:40px; }
.mkt:has(.m-hero--tma) .m-section--band .calc2 :is(output, .m-result.highlight strong) { color:#62ccff !important; }
.mkt:has(.m-hero--tma) .m-section--band .calc2 .m-result.highlight { background:#1a8fd026; border-color:#1a8fd080; }
.mkt:has(.m-hero--tma) .m-section--band .calc2 input[type=range]::-webkit-slider-runnable-track { background:linear-gradient(90deg,#1a8fd0 0 var(--p),#2c2c33 var(--p) 100%); }
.mkt:has(.m-hero--tma) .m-section--band .calc2 input[type=range]::-moz-range-progress { background:#1a8fd0; }
.mkt:has(.m-hero--tma) .m-section--band :is(.mk-svg use[style*="#0e8a5f"], .mk-svg use[style*="#9aa7bb"]) { color:#62ccff !important; }
.mkt:has(.m-hero--tma) .m-section--band .mk-art :is(.mk-lbl--ok,.mk-lbl--blue) { color:#62ccff; }
.mkt:has(.m-hero--tma) .m-section--band .mk-svg [stroke="#c62828"] { stroke:#62ccff; }
.mkt:has(.m-hero--tma) .mk-art .mk-lbl--blue { color:#1a8fd0; }
.mkt:has(.m-hero--tma) .mk-art .mk-wdg-ic { background:#e3f4fd !important; color:#1a8fd0 !important; }
.mkt:has(.m-hero--tma) .mk-art .mk-pay-tag { background:#e0f2fc; color:#1580bd; }
.mkt:has(.m-hero--tma) .m-section--band .calc2 .m-result.highlight { background:linear-gradient(160deg,#0c2b44,#0a1c2c) !important; border-color:#1a8fd080 !important; }
.mkt:has(.m-hero--tma) .mk-svg .ln-acc { stroke:#1a8fd0; }
.mkt:has(.m-hero--tma) .mk-svg .ra-acc { fill:#1a8fd0; }
/* Криптокарты: остатки синего — столбики и подложки в иллюстрациях, финальный блок, плашка дохода */
.mkt:has(.m-hero--tma) [fill="#5b8ffb"] { fill:#3fb8f2; }
.mkt:has(.m-hero--tma) [fill="#9cb8f5"] { fill:#a6dcf7; }
.mkt:has(.m-hero--tma) [fill="#c9d8fa"] { fill:#cfeaf9; }
.mkt:has(.m-hero--tma) [fill="#dbe5fb"], .mkt:has(.m-hero--tma) [fill="#e4edff"], .mkt:has(.m-hero--tma) [fill="#eaf1ff"] { fill:#e0f2fc; }
.mkt:has(.m-hero--tma) [stroke="#9cb8f5"] { stroke:#a6dcf7; }
.mkt:has(.m-hero--tma) .calc2 .m-result.highlight, .mkt:has(.m-hero--tma) #calculator .m-result.highlight { background:linear-gradient(160deg,#0c2b44,#0a1c2c) !important; border-color:#1a8fd080 !important; }
.mkt:has(.m-hero--tma) #contact { background:radial-gradient(72% 58% at 82% 104%,#56c8ff 0%,#229ed9 27%,#11609a 55%,transparent 78%),radial-gradient(58% 46% at 34% 108%,#1a86c6 0%,#08304e 52%,transparent 82%),linear-gradient(180deg,#000 0%,#01060c 47%,#042238 100%) !important; }
.mkt:has(.m-hero--tma) #contact::before { background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.25% - 1px),#9ad9ff22 calc(8.25% - 1px),#9ad9ff22 8.25%) !important; }
.mkt:has(.m-hero--tma) #contact::after { filter:hue-rotate(-15deg); }
.mkt:has(.m-hero--tma) a:not(.m-btn):not(.mega-item):not(.mega-plate):not(.dir-card):not(.m-brand) { --link:#1580bd; }
.mkt:has(.m-hero--tma) .consent a, .mkt:has(.m-hero--tma) .m-form a { color:#1580bd; }
.mkt:has(.m-hero--tma) [fill="#dbe6fb"], .mkt:has(.m-hero--tma) [fill="#eef3ff"] { fill:#e0f2fc; }
.mkt:has(.m-hero--tma) [fill="#8fa3c7"] { fill:#97b9cc; }
/* Криптокарты: светло-зелёные подложки иконок во всех плашках */
.mkt:has(.m-hero--tma) :is(.fact-ic, .moment-ic, .ins-ic, .m-card-ic, .gift-ic, .dir-ic, .mega-ic, .roles-ic) { background:#e3f4fd !important; color:#1580bd !important; }
.mkt:has(.m-hero--tma) .m-mega .mega-plate .mega-ic { background:#ffffff1f !important; color:#fff !important; }
.mkt:has(.m-hero--tma) .ph-pop-timer .ic { color:#1a8fd0; }
.mkt:has(.m-hero--tma) .mega-item:hover { background:#eef8fe; }
.mkt:has(.m-hero--tma) .footer-invitation > a { color:#62ccff; }
.mkt:has(.m-hero--tma) .m-num { background:#e3f4fd; color:#1580bd; }
.mkt:has(.m-hero--tma) .m-calc .m-result.highlight { background:#ebf7fe !important; border-color:#c3e6f9 !important; }
.mkt:has(.m-hero--tma) .m-calc .m-result.highlight strong, .mkt:has(.m-hero--tma) .m-calc output { color:#1580bd !important; }
.mkt:has(.m-hero--tma) .m-calc input[type=range] { accent-color:#1a8fd0; }
.mkt:has(.m-hero--tma) .mk-svg use[style*="#2363eb"], .mkt:has(.m-hero--tma) [style*="color:#2363eb"] { color:#1a8fd0 !important; }

/* ===== Приложения и игры: та же схема в оранжевой гамме ===== */
/* ===== Telegram-игры и боты: та же схема в голубом цвете Telegram ===== */
/* Криптокарты: фоны слегка в бирюзово-зелёный — ощущение другой страницы в том же стиле */
.mkt:has(.m-hero--apps) main > section.m-section.m-section--flow { background:radial-gradient(ellipse 78% 55% at 76% 106%, #ff8a3d 0%, #c25410 28%, #4a1f06 56%, transparent 80%), radial-gradient(ellipse 60% 45% at 22% 110%, #b84f0f 0%, #3a1704 55%, transparent 85%), linear-gradient(180deg, #000 0%, #0a0502 50%, #2a1206 100%) !important; }
.mkt:has(.m-hero--apps) main > section[data-block="B09"] { background:radial-gradient(68% 46% at 50% 50%, rgba(255,138,61,.22) 0%, rgba(240,120,40,.14) 30%, rgba(190,85,16,.07) 55%, rgba(74,31,6,.03) 75%, transparent 92%) !important; }
/* Криптокарты, «Вы контролируете…»: свечение под плашками зелёное (перебивает синее правило B09) */
.mkt:has(.m-hero--apps) main > section.m-section.m-section--band[data-block=B09] { background:radial-gradient(ellipse 68% 46% at 50% 50%,#ff8a3d40 0%,#f07a2829 30%,#c2541014 55%,#4a1f0608 75%,transparent 92%),#000 !important; }
/* ===== Криптокарты: зелёные акценты вместо синих (только эта страница) ===== */
.mkt:has(.m-hero--apps) { --blue:#e8680e; --blue-hover:#c85706; }
.mkt:has(.m-hero--apps) .m-brand strong { color:#e8680e; }
.mkt:has(.m-hero--apps) .m-accent,
.mkt:has(.m-hero--apps) .m-section--dark .m-accent,
.mkt:has(.m-hero--apps) .m-hero .m-accent,
.mkt:has(.m-hero--apps) .inner-cta h2 .m-accent,
.mkt:has(.m-hero--apps) .lead-section .m-accent { color:#ffa75e !important; }
.mkt:has(.m-hero--apps) main > section:not(.m-section--dark):not(.has-ascii) .m-accent { color:#e8680e !important; }
.mkt:has(.m-hero--apps) :is(.m-btn.primary, .hero-float-btn, .ph-wdg-btn, .ph-pop-btn, .dirs-arrow:hover) { background:#e8680e !important; border-color:#e8680e !important; color:#fff !important; }
.mkt:has(.m-hero--apps) .m-btn.primary:hover { background:#c85706 !important; border-color:#c85706 !important; }
.mkt:has(.m-hero--apps) .partner-marquee i { color:#ffa75e; }
.mkt:has(.m-hero--apps) [fill="#2363eb"] { fill:#e8680e; }
.mkt:has(.m-hero--apps) [stroke="#2363eb"] { stroke:#e8680e; }
.mkt:has(.m-hero--apps) :is(.hero-float-gift, .ph-wdg-ic, .ph-pop-ic) { background:#e8680e !important; color:#fff; }
.mkt:has(.m-hero--apps) :is(.ph-pop-n, .m-calc output, .m-calc-result b) { color:#e8680e; }
.mkt:has(.m-hero--apps) input[type=range] { accent-color:#e8680e; }
.mkt:has(.m-hero--apps) :is(.mega-ic, .m-card-ic, .dir-ic, .fact-ic, .gift-ic) { color:#e8680e; background:#fff0e2; }
.mkt:has(.m-hero--apps) .m-mega .mega-plate .mega-ic { background:#ffffff1f; color:#fff; }
/* Первый экран: бейдж ближе к заголовку, кнопки чуть дальше от текста */
.mkt:has(.m-hero--apps) .m-hero .m-eyebrow { margin-bottom:6px; }
.mkt:has(.m-hero--apps) .m-hero .m-actions { margin-top:40px; }
.mkt:has(.m-hero--apps) .m-section--band .calc2 :is(output, .m-result.highlight strong) { color:#ffa75e !important; }
.mkt:has(.m-hero--apps) .m-section--band .calc2 .m-result.highlight { background:#e8680e26; border-color:#e8680e80; }
.mkt:has(.m-hero--apps) .m-section--band .calc2 input[type=range]::-webkit-slider-runnable-track { background:linear-gradient(90deg,#e8680e 0 var(--p),#2c2c33 var(--p) 100%); }
.mkt:has(.m-hero--apps) .m-section--band .calc2 input[type=range]::-moz-range-progress { background:#e8680e; }
.mkt:has(.m-hero--apps) .m-section--band :is(.mk-svg use[style*="#0e8a5f"], .mk-svg use[style*="#9aa7bb"]) { color:#ffa75e !important; }
.mkt:has(.m-hero--apps) .m-section--band .mk-art :is(.mk-lbl--ok,.mk-lbl--blue) { color:#ffa75e; }
.mkt:has(.m-hero--apps) .m-section--band .mk-svg [stroke="#c62828"] { stroke:#ffa75e; }
.mkt:has(.m-hero--apps) .mk-art .mk-lbl--blue { color:#e8680e; }
.mkt:has(.m-hero--apps) .mk-art .mk-wdg-ic { background:#fff0e2 !important; color:#e8680e !important; }
.mkt:has(.m-hero--apps) .mk-art .mk-pay-tag { background:#ffeddc; color:#c85706; }
.mkt:has(.m-hero--apps) .m-section--band .calc2 .m-result.highlight { background:linear-gradient(160deg,#3a1c0a,#24120a) !important; border-color:#e8680e80 !important; }
.mkt:has(.m-hero--apps) .mk-svg .ln-acc { stroke:#e8680e; }
.mkt:has(.m-hero--apps) .mk-svg .ra-acc { fill:#e8680e; }
/* Криптокарты: остатки синего — столбики и подложки в иллюстрациях, финальный блок, плашка дохода */
.mkt:has(.m-hero--apps) [fill="#5b8ffb"] { fill:#ff9a4d; }
.mkt:has(.m-hero--apps) [fill="#9cb8f5"] { fill:#ffcfa6; }
.mkt:has(.m-hero--apps) [fill="#c9d8fa"] { fill:#ffe2c8; }
.mkt:has(.m-hero--apps) [fill="#dbe5fb"], .mkt:has(.m-hero--apps) [fill="#e4edff"], .mkt:has(.m-hero--apps) [fill="#eaf1ff"] { fill:#ffeddc; }
.mkt:has(.m-hero--apps) [stroke="#9cb8f5"] { stroke:#ffcfa6; }
.mkt:has(.m-hero--apps) .calc2 .m-result.highlight, .mkt:has(.m-hero--apps) #calculator .m-result.highlight { background:linear-gradient(160deg,#3a1c0a,#24120a) !important; border-color:#e8680e80 !important; }
.mkt:has(.m-hero--apps) #contact { background:radial-gradient(72% 58% at 82% 104%,#ffad66 0%,#f07a28 27%,#8f3c08 55%,transparent 78%),radial-gradient(58% 46% at 34% 108%,#d8650f 0%,#3a1a06 52%,transparent 82%),linear-gradient(180deg,#000 0%,#0a0502 47%,#2a1104 100%) !important; }
.mkt:has(.m-hero--apps) #contact::before { background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.25% - 1px),#ffc89a22 calc(8.25% - 1px),#ffc89a22 8.25%) !important; }
.mkt:has(.m-hero--apps) #contact::after { filter:hue-rotate(160deg) saturate(1.2); }
.mkt:has(.m-hero--apps) a:not(.m-btn):not(.mega-item):not(.mega-plate):not(.dir-card):not(.m-brand) { --link:#c85706; }
.mkt:has(.m-hero--apps) .consent a, .mkt:has(.m-hero--apps) .m-form a { color:#c85706; }
.mkt:has(.m-hero--apps) [fill="#dbe6fb"], .mkt:has(.m-hero--apps) [fill="#eef3ff"] { fill:#ffeddc; }
.mkt:has(.m-hero--apps) [fill="#8fa3c7"] { fill:#c9ab92; }
/* Криптокарты: светло-зелёные подложки иконок во всех плашках */
.mkt:has(.m-hero--apps) :is(.fact-ic, .moment-ic, .ins-ic, .m-card-ic, .gift-ic, .dir-ic, .mega-ic, .roles-ic) { background:#fff0e2 !important; color:#c85706 !important; }
.mkt:has(.m-hero--apps) .m-mega .mega-plate .mega-ic { background:#ffffff1f !important; color:#fff !important; }
.mkt:has(.m-hero--apps) .ph-pop-timer .ic { color:#e8680e; }
.mkt:has(.m-hero--apps) .mega-item:hover { background:#fff6ee; }
.mkt:has(.m-hero--apps) .footer-invitation > a { color:#ffa75e; }
.mkt:has(.m-hero--apps) .m-num { background:#fff0e2; color:#c85706; }
.mkt:has(.m-hero--apps) .m-calc .m-result.highlight { background:#fff3e8 !important; border-color:#ffd7b3 !important; }
.mkt:has(.m-hero--apps) .m-calc .m-result.highlight strong, .mkt:has(.m-hero--apps) .m-calc output { color:#c85706 !important; }
.mkt:has(.m-hero--apps) .m-calc input[type=range] { accent-color:#e8680e; }
.mkt:has(.m-hero--apps) .mk-svg use[style*="#2363eb"], .mkt:has(.m-hero--apps) [style*="color:#2363eb"] { color:#e8680e !important; }

/* ===== Рекламодателям (/advertisers) ===== */
.mkt .adv-sub { margin:40px 0 16px; font-size:var(--t-h4,18px); color:var(--muted); text-transform:uppercase; letter-spacing:.08em; font-weight:700; }
.mkt .adv-sub:first-of-type { margin-top:32px; }
.mkt .adv-markets { display:flex; flex-wrap:wrap; gap:12px; }
.mkt .adv-chip { display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border:1px solid var(--border); border-radius:999px; background:#fff; font-weight:600; }
.mkt .adv-chip .ic { width:18px; height:18px; color:var(--blue); }
.mkt .m-grid--steps5 { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:var(--gap); }
.mkt .m-grid--steps5 .m-card .m-num { margin-bottom:20px; }
.mkt .m-card--model .m-card-badge { margin-bottom:16px; font-size:15px; padding:6px 14px; }
.mkt [data-block="A04"] .m-card--ind h3, .mkt [data-block="A06"] .m-card--ind h3, .mkt [data-block="A09"] .m-card--ind h3 { max-width:none; min-height:0; }
.mkt main section[data-block="A02"] > .m-wrap > h2, .mkt main section[data-block="A07"] > .m-wrap > h2 { max-width:none; }
@media(max-width:1023px) { .mkt .m-grid--steps5 { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .mkt .m-grid--steps5 { grid-template-columns:minmax(0,1fr); } }
.mkt #how-it-looks + .partner-marquee { margin-top:0 !important; }
.mkt #how-it-looks:has(+ .partner-marquee) { margin-bottom:0 !important; }
/* Рекламодателям: «Как это работает» на тёмном, вплотную к «Не баннер, а приз» */
.mkt main > section.adv-how { margin-bottom:0 !important; }
.mkt main > section.adv-how + #how-it-looks { margin-top:0 !important; }
.mkt .adv-how .m-step { background:#141417; border-color:#ffffff1f; }
.mkt .adv-how .m-step h3 { color:#fff; }
.mkt .adv-how .m-step p { color:#ffffffa6; }
.mkt .adv-how .m-num { background:#2363eb33; color:#8fb3ff; }
.mkt .adv-how h2 { color:#fff; }
/* Рекламодателям: тёмные блоки «Паблишеры и аудитория» + «Платите за результат» */
.mkt main > section.adv-dark { margin-top:0 !important; }
.mkt main > .partner-marquee + section.adv-dark { margin-top:0 !important; }
.mkt main > section.adv-dark + section.adv-dark { padding-top:0; }
.mkt main > section.adv-dark:has(+ .adv-dark) { padding-bottom:var(--section-gap); }
.mkt .adv-dark h2, .mkt .adv-dark h3 { color:#fff; }
.mkt .adv-dark .adv-sub { color:#ffffff8c; }
.mkt .adv-dark .m-card { background:#141417; border-color:#ffffff1f; box-shadow:none; }
.mkt .adv-dark .m-card p, .mkt .adv-dark .m-fine { color:#ffffffa6; }
.mkt .adv-dark .m-card-ic { background:#2363eb33 !important; color:#8fb3ff !important; }
.mkt .adv-dark .m-card--link:hover { border-color:#4f86ff80; background:#18181c; }
.mkt .adv-dark .m-card-badge { background:#2363eb33; color:#8fb3ff; }
.mkt .adv-dark .adv-chip { background:#141417; border-color:#ffffff1f; color:#fff; }
.mkt .adv-dark .adv-chip .ic { color:#8fb3ff; }
.mkt .adv-dark .m-grid--pics .m-card > .mk-fit { background:#1f1f23; border-color:#ffffff14; }
.mkt .adv-dark .mk-svg .pn { fill:#2a2a30; stroke:#ffffff1a; }
.mkt .adv-dark .mk-svg .b1 { fill:#e5e9f2; }
.mkt .adv-dark .mk-svg .b2 { fill:#4a4a55; }
.mkt .adv-dark .mk-svg [fill="#eaf1ff"] { fill:#2363eb40; }
.mkt .adv-dark .mk-svg [fill="#c9d8fa"] { fill:#4f86ff66; }
.mkt .adv-dark .mk-svg text[fill="#14233d"] { fill:#fff; }
.mkt .adv-dark .mk-art .mk-lbl { background:#2a2a30; color:#fff; box-shadow:none; }
.mkt .adv-dark .mk-art .mk-lbl--blue { color:#8fb3ff; }
/* шов между «Как это работает» и слайдером */
.mkt main > section.adv-how + #how-it-looks { background:linear-gradient(180deg,#000 0,rgba(0,0,0,0) 240px),linear-gradient(180deg,#0d2b7a18 0%,#2d8fff18 100%),url('/img/editorial/hero-reference.svg') center/cover no-repeat !important; }
.mkt main > section.adv-how { background:#000 !important; }

/* Без рывков при загрузке: место под переключатель языка, карточки у заголовка показываются после расчёта позиции */
@media(min-width:761px) { .mkt .m-nav > .m-wrap:not(:has(> .m-nav-language)) > .m-btn.primary { margin-left:100px; } }
@media(min-width:1360px) {
  .mkt section.m-hero .hero-floats:not(.is-placed) { visibility:hidden; }
  .mkt section.m-hero .hero-floats.is-placed { animation:hf-in .35s ease both; }
}
@keyframes hf-in { from { opacity:0; } to { opacity:1; } }
/* Рекламодателям: без белой полосы между лентой и «Как это работает» */
.mkt main > .partner-marquee + section.adv-how { margin-top:0 !important; }
/* Рекламодателям: воздух сверху и снизу у тёмной пары «Паблишеры» + «Платите за результат» */
.mkt main > section.adv-dark[data-block="A09"] { padding-top:160px !important; }
.mkt main > section.adv-dark[data-block="A10"] { padding-bottom:160px !important; }
@media(max-width:760px) { .mkt main > section.adv-dark[data-block="A09"] { padding-top:96px !important; } .mkt main > section.adv-dark[data-block="A10"] { padding-bottom:96px !important; } }
.mkt .adv-chip { padding:10px 18px 10px 10px; }
.mkt .adv-flag { flex:none; width:26px; height:26px; border-radius:50%; }
.mkt .adv-flag--globe { display:grid; place-items:center; background:#2363eb33; }
.mkt .adv-flag--globe .ic { width:16px; height:16px; color:#8fb3ff; }
/* Рекламодателям, «От ссылки до первой выплаты»: заголовок слева (1/3), шаги справа (2/3) горизонтальными строками */
.mkt .adv-proc { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:48px; align-items:start; }
.mkt .adv-proc-side h2 { margin:0; max-width:9ch; }
.mkt .adv-proc-list { display:grid; gap:16px; margin:0; padding:0; list-style:none; }
.mkt .adv-proc-row { display:grid; grid-template-columns:auto minmax(0,.8fr) minmax(0,1.2fr); align-items:center; gap:24px; padding:24px 28px; }
.mkt .adv-proc-row .m-num { margin:0; }
.mkt .adv-proc-row h3 { margin:0; }
.mkt .adv-proc-row p { margin:0; }
@media(max-width:1023px) { .mkt .adv-proc { grid-template-columns:minmax(0,1fr); gap:32px; } .mkt .adv-proc-side h2 { max-width:none; } }
@media(max-width:760px) { .mkt .adv-proc-row { grid-template-columns:auto minmax(0,1fr); gap:12px 16px; padding:20px; } .mkt .adv-proc-row p { grid-column:1 / -1; } }
.mkt main section[data-block="A07"] .adv-proc-row { display:grid !important; grid-template-columns:44px minmax(0,.8fr) minmax(0,1.2fr); align-items:center; text-align:left; gap:24px; min-height:0; }
.mkt main section[data-block="A07"] .adv-proc-row h3 { max-width:none; min-height:0; }
@media(max-width:760px) { .mkt main section[data-block="A07"] .adv-proc-row { grid-template-columns:44px minmax(0,1fr); gap:12px 16px; } }
/* «Какие офферы нам подходят»: заголовки и тексты по две строки, всё на одном уровне */
.mkt main section[data-block="A04"] .m-card--ind h3 { max-width:none !important; min-height:2.6em !important; text-wrap:balance; }
.mkt main section[data-block="A04"] .m-card--ind p { min-height:3.2em; }
.mkt main section[data-block="A04"] .m-card--ind h3 { display:flex; align-items:flex-start; }

.mkt main section[data-block="A04"] .m-card--ind h3 { max-width:10ch !important; }
.mkt main section[data-block="A04"] .m-card--ind p { max-width:24ch; }
/* «Два способа подключиться»: картинка на всю ширину плашки с ровным отступом */
.mkt main section[data-block="A05"] .m-card > .mk-fit { width:auto; align-self:stretch; margin:0 0 24px; }
/* «Что вы дарите»: как «Какие офферы» — заголовки и тексты по две строки на одном уровне */
.mkt main section:is([data-block="A04"],[data-block="A06"]) .m-card--ind h3 { max-width:10ch !important; min-height:2.6em !important; text-wrap:balance; }
.mkt main section:is([data-block="A04"],[data-block="A06"]) .m-card--ind p { max-width:27ch; min-height:3.2em; text-wrap:balance; }
/* «Паблишеры и аудитория»: подзаголовки групп отделены от предыдущей группы и подчёркнуты линией; карточки свободнее */
.mkt .adv-dark .adv-sub { margin:72px 0 24px; padding-bottom:14px; border-bottom:1px solid #ffffff1a; }
.mkt .adv-dark .adv-sub:first-of-type { margin-top:40px; }
.mkt .adv-dark[data-block="A09"] .m-card { padding:32px; }
.mkt .adv-dark[data-block="A09"] .m-card .m-card-ic { margin-bottom:28px; }
.mkt .adv-dark[data-block="A09"] .m-card h3 { margin-bottom:12px; }
.mkt .adv-dark[data-block="A09"] .m-card--ind h3 { max-width:none; min-height:0; }
@media(max-width:760px) { .mkt .adv-dark .adv-sub { margin-top:48px; } .mkt .adv-dark[data-block="A09"] .m-card { padding:24px; } }
/* Рекламодателям: единые отступы тёмных блоков — 160px от ленты/края до контента и между тёмными блоками */
.mkt main > section.adv-how { padding-top:160px !important; padding-bottom:88px !important; }
.mkt main > section.adv-how + #how-it-looks { padding-top:72px !important; padding-bottom:160px !important; }
.mkt main > section.adv-dark[data-block="A09"] { padding-bottom:160px !important; }
.mkt main > section.adv-dark[data-block="A10"] { padding-bottom:190px !important; }
@media(max-width:760px) {
  .mkt main > section.adv-how { padding-top:96px !important; padding-bottom:48px !important; }
  .mkt main > section.adv-how + #how-it-looks { padding-top:48px !important; padding-bottom:96px !important; }
  .mkt main > section.adv-dark[data-block="A09"] { padding-bottom:96px !important; }
  .mkt main > section.adv-dark[data-block="A10"] { padding-bottom:126px !important; }
}
/* Рекламодателям, первый экран: карточки «Подарки партнёра» и «Новый клиент»; без бегущей строки */
.mkt .hf-gifts { width:100%; display:grid; gap:6px; text-align:left; }
.mkt .hf-gifts .hf-receipt-head .hero-float-gift { width:28px; height:28px; margin:0; font-size:14px; border-radius:8px; }
.mkt .hf-gift { display:flex; align-items:center; gap:8px; padding:6px 8px; border:1px solid #e6eaf2; border-radius:10px; background:#f7f9fc; }
.mkt .hf-gift small { flex:1; margin:0; color:var(--ink); font-size:11.5px; }
.mkt .hf-gift-ic { display:grid; place-items:center; flex:none; width:22px; height:22px; border-radius:7px; background:#eaf1ff; color:var(--blue); font-size:12px; }
.mkt .hf-gift.is-yours { border-color:var(--blue); background:#eef4ff; box-shadow:0 0 0 3px #2363eb1f; }
.mkt .hf-gift.is-yours .hf-gift-ic { background:var(--blue); color:#fff; }
.mkt .hf-gift-ok { display:grid; place-items:center; width:18px; height:18px; border-radius:50%; background:#dcf7ea; color:#0e8a5f; font-size:10px; }
.mkt .hf-gift-note { margin-top:2px; color:var(--muted); font-size:10.5px; }
.mkt section.m-hero[data-no-ticker] { min-height:100svh !important; }
.mkt .hf-gift small b { display:block; margin:0; font-size:12px; line-height:1.2; }
.mkt .hf-gift small span { display:block; color:var(--muted); font-size:10.5px; }
@media(max-width:1359px) { .mkt .m-hero--advertisers .hero-float { width:200px; } }
@media(max-width:760px) {
  .mkt .m-hero--advertisers .hero-float { width:168px; }
  .mkt .m-hero--advertisers .hf-row { flex-wrap:nowrap; } .mkt .m-hero--advertisers .hf-row small { font-size:10px; white-space:nowrap; }
  .mkt .m-hero--advertisers .hf-row strong { font-size:11px; white-space:nowrap; }
  .mkt .m-hero--advertisers .hf-gift-note { display:none; }
}
.mkt main > section.m-hero + section.adv-how { margin-top:0 !important; }

/* ===== Ревью: адаптив ===== */
/* Планшет 761–1099: меню с «Рекламодателям» не помещается вместе с кнопкой — кнопку в шапке прячем (она есть на первом экране) */
@media(min-width:761px) and (max-width:1099px) {
  .mkt .m-nav > .m-wrap > .m-btn.primary { display:none !important; }
  .mkt .m-nav > .m-wrap:not(:has(> .m-nav-language)) > .m-btn.primary { margin-left:0; }
  .mkt .m-links { gap:18px; }
}
/* Телефон: вкладки ролей помещаются в ширину, без обрезки */
@media(max-width:760px) {
  .mkt .roles-tabs { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:visible; }
  .mkt .roles-tab { padding:10px 4px !important; font-size:15px !important; text-align:center; white-space:normal; }
  /* «Другие направления»: стрелки не вылезают за край */
  .mkt .dirs-head { gap:12px; }
  .mkt .dirs-head h2 { min-width:0; flex:1; }
  .mkt .dirs-arrows { gap:8px; }
  .mkt .dirs-arrow { width:40px; height:40px; }
}

/* Криптокарты в гамме Hyperliquid: мятный акцент на глубоком бирюзовом */
.mkt:has(.m-hero--crypto) .m-btn.primary:hover { background:#7ef2da !important; border-color:#7ef2da !important; color:#04221d !important; }
.mkt:has(.m-hero--crypto) .m-btn.primary :is(svg, .ic) { color:#04221d; }
.mkt:has(.m-hero--crypto) .m-btn.primary { --star:#04221d; --star-glow:#04221d66; }
.mkt:has(.m-hero--crypto) :is(.btn-lime, button.btn) { background:#50d2c1 !important; border-color:#50d2c1 !important; color:#04221d !important; }
.mkt:has(.m-hero--crypto) .btn-lime:hover { background:#7ef2da !important; border-color:#7ef2da !important; }
/* на белом фоне — тёмная бирюза, чтобы читалось */
.mkt:has(.m-hero--crypto) main > section:not(.m-section--dark):not(.has-ascii) :is(.m-accent, h2 .m-accent) { color:#0f8a7e !important; }
.mkt:has(.m-hero--crypto) .m-nav.nav-light .m-brand strong { color:#13a596 !important; }
.mkt:has(.m-hero--crypto) .m-nav.nav-dark .m-brand strong { color:#97fce4 !important; }
/* Рекламодателям: фон первого экрана плавно переходит в «Как это работает» */
.mkt main > section.m-hero + section.adv-how { background:linear-gradient(180deg,#05060a 0%,#000 420px) !important; }
/* «Что мы разрабатываем»: заголовки в две строки, тексты в три, всё на одном уровне */
.mkt main section[data-block="A08"] .m-card--ind h3 { max-width:16.5ch !important; min-height:2.6em !important; text-wrap:wrap; }
.mkt main section[data-block="A08"] .m-card--ind p { max-width:31ch; min-height:4.8em; text-wrap:wrap; }

/* ===== Иллюстрации «болей» на страницах «Партнёрам»: мини-интерфейсы ===== */
.mkt .mk-art .mk-pain-ic { display:grid; place-items:center; flex:none; width:28px; height:28px; border-radius:8px; background:color-mix(in srgb, var(--blue) 14%, #fff); color:var(--blue); font-size:14px; }
.mkt .mk-art .mk-pain-ic--muted { background:#eef1f6; color:#8f9bb0; }
.mkt .mk-art .mk-pain-ic--red { background:#fdecec; color:#d64545; }
.mkt .mk-art .mk-pain-ic--ok { background:#dcf7ea; color:#0e8a5f; }
.mkt .mk-art .mk-pay-head > div { min-width:0; }
.mkt .mk-art .mk-pay-head b, .mkt .mk-art .mk-pay-head small { overflow-wrap:anywhere; }
.mkt .mk-art .mk-pay-row > span { min-width:0; }
.mkt .mk-art .mk-pay-row b { white-space:nowrap; }
.mkt .mk-art .mk-pay-row--neg b { color:#d64545; }
.mkt .mk-art .mk-pay-row--acc b { color:var(--blue); }
.mkt .mk-art .mk-pay-tag--muted { background:#eef1f6 !important; color:var(--muted) !important; }
.mkt .mk-art .mk-pain-bars { display:block; width:100%; height:auto; }
.mkt .mk-art .mk-src { display:grid; gap:5px; }
.mkt .mk-art .mk-src-row { display:flex; justify-content:space-between; align-items:baseline; font-size:10px; color:var(--ink); font-weight:600; }
.mkt .mk-art .mk-src-row b { font-size:12px; color:var(--blue); }
.mkt .mk-art .mk-src-row.is-off, .mkt .mk-art .mk-src-row.is-off b { color:#9aa7bb; }
.mkt .mk-art .mk-src-bar { display:block; height:8px; margin-bottom:4px; border-radius:4px; background:#eef1f6; overflow:hidden; }
.mkt .mk-art .mk-src-bar > i { display:block; height:100%; border-radius:4px; background:var(--blue); }
.mkt .mk-art .mk-stars { flex:none; color:#f0b429; font-size:13px; letter-spacing:1px; }
.mkt .mk-art .mk-stars i { font-style:normal; color:#d6dde9; }
.mkt .mk-art .mk-quote { margin:0; padding:8px 10px; border-radius:8px; background:#f6f8fc; color:var(--ink); font-size:10.5px; line-height:1.35; font-style:italic; }
.mkt .mk-art .mk-pay-row--ok b { color:#0e8a5f; }
.mkt .mk-art .mk-pay { box-sizing:border-box; min-width:0; }
.mkt .mk-art .mk-pay-head b { white-space:normal; }
.mkt .adv-dark .mk-svg [stroke="#eaf1ff"] { stroke:#2363eb40; }
/* текст внутри SVG-иллюстраций: светлый на белом, инверсия на тёмных полосах */
.mkt .mk-svg .tx1 { fill:#14233d; }
.mkt .mk-svg .tx2 { fill:#64748b; }
.mkt .m-section--band .mk-svg .tx1, .mkt .m-section--dark .mk-svg .tx1 { fill:#e8ebf2; }
.mkt .m-section--band .mk-svg .tx2, .mkt .m-section--dark .mk-svg .tx2 { fill:#8b93a3; }

/* ===== Статьи блога: «Главное», таблицы, призыв ===== */
.mkt .article-key { margin:32px 0; padding:24px 28px; border:1px solid var(--border); border-radius:var(--radius); background:var(--wash); }
.mkt .article-key h2 { margin:0 0 12px; font-size:var(--t-h4,18px); }
.mkt .article-key ul { margin:0; padding-left:20px; display:grid; gap:8px; }
.mkt .article-table-wrap { margin:20px 0 28px; overflow-x:auto; border:1px solid var(--border); border-radius:14px; }
.mkt .article-table { width:100%; min-width:520px; border-collapse:collapse; font-size:15px; line-height:1.45; }
.mkt .article-table th, .mkt .article-table td { padding:12px 16px; text-align:left; vertical-align:top; border-bottom:1px solid var(--border); }
.mkt .article-table th { background:var(--wash); font-weight:700; color:var(--ink); }
.mkt .article-table tr:last-child td { border-bottom:0; }
.mkt .m-article ol, .mkt .m-article ul:not(.m-faq ul) { display:grid; gap:8px; padding-left:22px; }
.mkt .article-cta { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; margin:40px 0; padding:24px 28px; border-radius:var(--radius); background:#14233d; color:#fff; }
.mkt .article-cta p { margin:0; font-weight:600; color:#fff; }
.mkt .m-article .m-faq { margin-top:16px; }

/* Криптокарты: финальный баннер — тёмный фон, мятная обводка и акцент в заголовке */
.mkt:has(.m-hero--crypto) .pilot-cta { background:radial-gradient(90% 120% at 100% 0%,#50d2c11f 0%,transparent 55%),#0b1211 !important; border:1.5px solid #50d2c1; color:#fff; box-shadow:0 0 0 6px #50d2c112, 0 30px 60px -30px #50d2c155; }
.mkt:has(.m-hero--crypto) .pilot-cta :is(h3,p,li) { color:#fff !important; }
.mkt:has(.m-hero--crypto) .pilot-cta .pilot-acc { color:#50d2c1; }
.mkt:has(.m-hero--crypto) .pilot-cta .pilot-head p { color:#c9d6d4 !important; opacity:1; }
.mkt:has(.m-hero--crypto) .pilot-cta .pilot-checks li { background:#50d2c114 !important; border:1px solid #50d2c133; }
.mkt:has(.m-hero--crypto) .pilot-cta .pilot-checks i { background:#50d2c1; color:#0b1211 !important; }
.mkt:has(.m-hero--crypto) .pilot-cta .m-btn.primary { background:#50d2c1 !important; border-color:#50d2c1 !important; color:#06201d !important; }
.mkt:has(.m-hero--crypto) .pilot-cta .m-btn.primary:hover { background:#97fce4 !important; border-color:#97fce4 !important; color:#06201d !important; }

/* «Вы контролируете…» (B09) на светлых страницах «Партнёрам»: без градиента под блоком */
.mkt:has(.m-hero) main > section.m-section[data-block="B09"]:not(.m-section--band) { background:none !important; }
.mkt:has(.m-hero--crypto) .pilot-cta .m-btn.primary { --star:#ffffff; --star-glow:#ffffffa6; }

/* Знак GetBonus (круг со звездой) слева от логотипа; круг красится в цвет «GET» текущей темы */
.mkt .m-brand > strong::before { content:""; display:inline-block; width:1.08em; height:1.08em; margin-right:.3em; vertical-align:-.17em; border-radius:50%; background:url(/logo-star.svg) center/100% no-repeat, currentColor; }

/* Калькулятор: низ карточки — тонкая линия и две кнопки (демо слева, заявка-поп-ап справа) */
.mkt :is(.m-calc,.calc) > .calc-actions { grid-column:1 / -1; flex-basis:100%; display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; margin-top:8px; padding-top:24px; border-top:1px solid #e4e9f2; }
.mkt .calc-actions .m-btn { margin:0; }
.mkt .calc-actions .calc-demo { background:#2363eb12 !important; border:1px solid #2363eb33 !important; color:var(--blue) !important; }
.mkt .calc-actions .calc-demo:hover { background:#2363eb1f !important; }
.mkt .m-section--band .calc-actions { border-top-color:#ffffff1f; }
.mkt .m-section--band .calc-actions .calc-demo { background:#ffffff14 !important; border-color:#ffffff2e !important; color:#fff !important; }
@media (max-width: 640px) { .mkt .calc-actions .m-btn { flex:1 1 100%; justify-content:center; } }
/* Мобильное меню: список на ширину шапки, выравнивание слева, стрелки и разделители, две кнопки внизу */
@media (max-width:760px) {
  .mkt .m-mobile-panel { align-items:stretch; gap:0; padding:108px 12px 32px; }
  .mkt .m-mobile-panel > a { position:relative; width:auto; margin:0 16px; padding:17px 32px 17px 0; border-bottom:1px solid #e8edf5; color:var(--ink); font-size:21px !important; font-weight:600; line-height:1.25; letter-spacing:-.02em; text-align:left; }
  .mkt .m-mobile-panel > a::after { content:""; position:absolute; right:4px; top:50%; width:9px; height:9px; border-top:2px solid #a8b1bf; border-right:2px solid #a8b1bf; transform:translateY(-50%) rotate(45deg); }
  .mkt .m-mobile-panel > a[aria-current="page"] { color:var(--blue); }
  .mkt .m-mobile-panel > a[aria-current="page"]::after { border-color:var(--blue); }
  .mkt .m-mobile-actions { display:flex; flex-direction:column; gap:10px; margin:28px 16px 0; }
  .mkt .m-mobile-panel .m-mobile-actions .m-btn { display:flex; justify-content:center; width:100%; margin:0; padding:15px 20px; border-radius:12px; font-size:17px !important; font-weight:600; letter-spacing:0; text-align:center; }
  .mkt .m-mobile-panel .m-mobile-demo { color:var(--blue); background:#2363eb12; border:1px solid #2363eb33; }
  .mkt .m-mobile-panel .m-mobile-language { align-self:flex-start; margin:20px 16px 0; }
  /* Выбор языка в меню: обычный размер пунктов и раскрытие вверх от кнопки */
  .mkt .m-mobile-panel .m-language-options { top:auto; bottom:calc(100% + 8px); left:0; right:auto; min-width:200px; }
  .mkt .m-mobile-panel .m-language-options a:not(.m-mobile-cta) { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; margin:0; padding:12px 12px; border:0; color:var(--ink); font-size:15px !important; font-weight:600; line-height:1.2; letter-spacing:0; text-align:left; }
  .mkt .m-mobile-panel .m-language-options a[aria-current=page] { color:var(--blue); }
  .mkt .m-mobile-panel .m-language-options a::after { content:none; }
  .mkt .m-mobile-panel .m-language-options small { font-size:12px; }
}
/* Мобильная версия: блоки карточек — горизонтальные ленты. Первая карточка стоит по сетке,
   лента уходит в край экрана (без обрезки по ширине контейнера), на экране ~1,5 карточки.
   Новые галереи: достаточно класса .hscroll на контейнере. */
@media (max-width:760px) {
  html:has(body.mkt), body.mkt { overflow-x:clip; }
  .mkt :is(.steps,.audience-stack,.m-grid,.moments,.gift-grid,.trust-grid,.m-steps,.adv-proc-list,.dirs-slider,.hscroll):not(.m-blog-list):not([data-block="B03"] *):not([data-block="B07"] *) {
    display:flex !important; flex-wrap:nowrap !important; grid-template-columns:none !important; align-items:stretch; gap:12px !important;
    overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; -webkit-overflow-scrolling:touch;
    margin-inline:calc(50% - 50vw) !important; padding-inline:calc(50vw - 50%) !important; scroll-padding-inline:20px;
    padding-block:4px 8px !important;
  }
  .mkt :is(.steps,.audience-stack,.m-grid,.moments,.gift-grid,.trust-grid,.m-steps,.adv-proc-list,.dirs-slider,.hscroll):not(.m-blog-list):not([data-block="B03"] *):not([data-block="B07"] *)::-webkit-scrollbar { display:none; }
  .mkt :is(.steps,.audience-stack,.m-grid,.moments,.gift-grid,.trust-grid,.m-steps,.adv-proc-list,.dirs-slider,.hscroll):not(.m-blog-list):not([data-block="B03"] *):not([data-block="B07"] *) > * {
    flex:0 0 68% !important; width:auto !important; max-width:none !important; min-width:0; margin:0 !important; scroll-snap-align:start; grid-column:auto !important;
  }
  /* уже горизонтальная раскадровка — только выпуск в край экрана */
  .mkt .flow-track { margin-inline:calc(50% - 50vw); padding-inline:calc(50vw - 50%); scroll-padding-inline:20px; }
}
@media (max-width:760px) {
  /* /crypto: длинная плашка над заголовком — в две строки */
  .mkt .m-hero--crypto .m-eyebrow { text-align:left; line-height:1.35; border-radius:18px; padding:10px 18px; }
  /* финальный блок с формой: подзаголовок переносится ровно (…for gifts / and a plan for the launch) */
  .mkt section#start .cta-sub { max-width:320px; margin-inline:auto; text-wrap:balance; }
}
.m-br { display:none; }
@media (max-width:760px) {
  .m-br { display:inline; }
  /* /tma «Moments…»: заголовок от левого края */
  .mkt .m-moments > .m-wrap > h2, .mkt .m-moments > .m-wrap > p { margin-inline:0; text-align:left; }
  /* «Not a banner, a prize»: заголовок → мокап → подпись и стрелки, всё по центру, без линии */
  .mkt .fs { display:flex; flex-direction:column; align-items:center; text-align:center; }
  .mkt .fs-side { display:contents; }
  .mkt .fs-side .flow-h2 { order:0; width:100%; text-align:center; }
  .mkt .fs-side .flow-h2 .m-accent { max-width:none; }
  .mkt .fs-stage { order:1; }
  .mkt .fs-side .fs-bottom { order:2; width:100%; padding-top:0; border-top:0; justify-items:center; }
  .mkt .fs-side .fs-bottom .fs-caps { width:100%; max-width:none; text-align:center; }
  .mkt .fs-cap { justify-items:center; }
  .mkt .fs-cap :is(b,small) { max-width:32ch; margin-inline:auto; }
  .mkt .fs-arrows { justify-content:center; }
  /* карточки в лентах — одной высоты, по самой высокой */
  .mkt :is(.steps,.audience-stack,.m-grid,.moments,.gift-grid,.trust-grid,.m-steps,.adv-proc-list,.dirs-slider,.hscroll):not(.m-blog-list):not([data-block="B03"] *):not([data-block="B07"] *) > * { align-self:stretch !important; height:auto !important; min-height:0 !important; }
}