/* 404 AFFILIATE — слой бренда v1.0 (30.09.2026) поверх site.css.
   Источник правил: 404-brand/brandbook/final/BRAND.md. Шрифты: Oswald (H1/H2), Inter (текст), Inter 300 (данные).
   Формы, id, data-атрибуты и трекинг не трогаются — только вид. */
@import url("/vsl/assets/fonts/brand/fonts.css");

html, html.__variable_503eea, html.__variable_3eef61 {
  --font-display: "Oswald", Impact, "Arial Narrow", sans-serif !important;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  --ink:#000; --paper:#E6E4E2; --sheet:#fff; --ink-2:#4A4741; --ink-3:#5F5A52; --ink-ui:#6B6966; --line:#C9C6C3;
  --smoke:#A9A6A2; --smoke-2:#8F8C88; --border-dark:#6E6C69; --line-dark:#3A3A3C;
  --ember-300:#FF6A33; --ember-500:#E0531F; --ember-700:#A93C15;
}
body{font-family:var(--font-body);}

/* ---------- заголовки: Oswald, прописные, без градиентов и «проявления» ---------- */
.font-display{font-family:var(--font-display);text-transform:uppercase;font-weight:600;letter-spacing:.01em;}
[data-dia]{color:inherit!important;background-image:none!important;-webkit-text-fill-color:currentColor!important;filter:none!important;transform:none!important;opacity:1!important;}
#top h1{font-size:clamp(2.125rem,1.554rem + 2.857vw,4rem)!important;line-height:1.02!important;max-width:22ch;}
h2.font-display{font-size:clamp(1.75rem,1.5rem + 1.143vw,2.5rem)!important;line-height:1.08!important;max-width:28ch;}
#about h2.font-display{font-size:clamp(1.75rem,1.4rem + 1.5vw,2.75rem)!important;line-height:1.08!important;}
h3,.ad-title,.fd-name,.rv-client,.fq-qt{font-family:var(--font-body);}
.qz-fast-h{font:600 20px/1.3 var(--font-body)!important;text-transform:none;letter-spacing:0;}
@media (min-width:1024px){.qz-fast-h{font-size:24px!important;}}

/* ---------- текст: Inter, кегли по шкале ---------- */
[class*="text-[15px]"]{font-size:16px;}
[class*="text-[13px]"]{font-size:14px;}
[class*="text-[11px]"]{font-size:13px;}
p[class*="text-[11px]"]{font-size:13px;}
.font-mono{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.02em!important;font-weight:300}
.tracking-hud{letter-spacing:.02em!important;}

/* ---------- скобки по углам окна и скруглённые кромки секций уходят ---------- */
body > div.fixed.inset-3{display:none!important;}
#vsl{border-radius:0!important;}
[style*="border-top-left-radius"]{border-top-left-radius:0!important;border-top-right-radius:0!important;}

/* ---------- шапка ---------- */
header .h-8, header .sm\:h-10{height:32px;}
header a[data-block="header"], header button{border-radius:8px!important;font-family:var(--font-body)!important;font-size:13px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;border-color:var(--border-dark);}
header a[data-block="header"]:hover{background:var(--ember-500);border-color:var(--ember-500);color:#000;}
.brand-desc{margin-left:12px;padding-left:12px;border-left:1px solid var(--border-dark);font:500 12px/1.2 var(--font-body);color:var(--smoke);white-space:nowrap;}
@media (max-width:639px){.brand-desc{display:none;}}
header[data-light="true"] .brand-desc{color:var(--ink-2);border-left-color:var(--line);}

/* ---------- первый экран: космос, космонавт справа ---------- */
#hero-stage{background:#000;}
#hero-stage .bg-ink\/30{background:transparent;}
@media (min-width:640px){
  #hero-video{width:52%;height:100%;margin-left:auto;object-fit:cover;object-position:50% 22%;}
  #top:not(.hm-hero) > div[aria-hidden="true"]:first-child{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.85) 35%,rgba(0,0,0,0) 62%);height:100%!important;}
}
@media (max-width:639px){
  /* градиент на всю высоту сцены и до прозрачного — без жёсткой кромки на 58% */
  #top:not(.hm-hero) > div[aria-hidden="true"]:first-child{height:100%!important;background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.72) 38%,rgba(0,0,0,.25) 62%,rgba(0,0,0,0) 80%);}
}
#top p.text-smoke\/75, #top p.sm\:text-smoke\/60{color:var(--smoke)!important;font-size:17px;line-height:1.5;max-width:52ch;}
.hero-slogan{margin-top:18px;font:600 15px/1.3 var(--font-body);color:var(--paper);}
#top a[data-block="hero-card"]{border-radius:8px!important;border-color:var(--border-dark);}
#top a[data-block="hero-card"] .rounded-lg{border-radius:4px;}
#top a[data-block="hero-card"] p{font-family:var(--font-body);}
#top a[data-block="hero-card"] .text-white\/55{color:var(--smoke)!important;font-size:13px!important;}
#top a[data-block="hero-card"] span.rounded-lg, #top a[data-block="hero-card"] .rounded-md{border-radius:8px!important;}

/* ---------- первичная кнопка: пилюля + отдельный круг со стрелкой (референс заказчика 30.09) ----------
   Фон рисуется градиентами: пилюля с текстом, зазор 4px, круг. Стрелка — псевдоэлементы по маске.
   Ховер: фон в чернила, текст и стрелка оранжевые, стрелка уезжает вправо, новая въезжает слева. */
@property --cta-bg{syntax:'<color>';inherits:true;initial-value:#E0531F}
.qz-cta, .qz-submit, .rv-more, .st-cta, .qz-fast-tg, .fq-cta{
  --cta-h:48px; --cta-bg:var(--ember-500); --cta-r:calc(var(--cta-h) / 2);
  position:relative; display:inline-flex!important; align-items:center; justify-content:center; gap:0!important;
  box-sizing:border-box; height:var(--cta-h); min-height:var(--cta-h)!important; max-height:none;
  padding:0 calc(var(--cta-h) + 4px + 22px) 0 22px!important;
  border:0!important; border-radius:999px!important; overflow:hidden;
  background:
    radial-gradient(circle at calc(100% - var(--cta-r)) 50%, var(--cta-bg) calc(var(--cta-r) - .5px), transparent calc(var(--cta-r) + .5px)),
    radial-gradient(circle at calc(100% - var(--cta-h) - 4px - var(--cta-r)) 50%, var(--cta-bg) calc(var(--cta-r) - .5px), transparent calc(var(--cta-r) + .5px)),
    linear-gradient(90deg, var(--cta-bg) 0 calc(100% - var(--cta-h) - 4px - var(--cta-r)), transparent 0)!important;
  color:#000!important; font:600 15px/1 var(--font-body)!important; text-transform:none!important; letter-spacing:0!important;
  text-decoration:none; white-space:nowrap; cursor:pointer;
  -webkit-backdrop-filter:none!important; backdrop-filter:none!important; box-shadow:none!important; animation:none!important;
  transition:--cta-bg .45s ease, color .45s ease!important;
}
.qz-cta::before, .qz-submit::before, .rv-more::before, .st-cta::before, .qz-fast-tg::before, .fq-cta::before,
.qz-cta::after, .qz-submit::after, .rv-more::after, .st-cta::after, .qz-fast-tg::after, .fq-cta::after{
  content:''!important; position:absolute; top:0; right:0; width:var(--cta-h); height:var(--cta-h); margin:0; font:0/0 a;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
  transition:transform .5s cubic-bezier(.2,.8,.2,1), opacity .35s;
}
.qz-cta::before, .qz-submit::before, .rv-more::before, .st-cta::before, .qz-fast-tg::before, .fq-cta::before{transform:translate(-22px,22px);opacity:0;}
.qz-cta:hover, .qz-submit:hover, .rv-more:hover, .st-cta:hover, .qz-fast-tg:hover, .fq-cta:hover, .rv-open:hover .rv-more{--cta-bg:#141414; color:var(--ember-300)!important; transform:none!important;}
.qz-cta:hover::after, .qz-submit:hover::after, .rv-more:hover::after, .st-cta:hover::after, .qz-fast-tg:hover::after, .fq-cta:hover::after, .rv-open:hover .rv-more::after{transform:translate(22px,-22px);opacity:0;}
.qz-cta:hover::before, .qz-submit:hover::before, .rv-more:hover::before, .st-cta:hover::before, .qz-fast-tg:hover::before, .fq-cta:hover::before, .rv-open:hover .rv-more::before{transform:translate(0,0);opacity:1;transition-delay:.08s;}
.qz-cta:active, .qz-submit:active, .rv-more:active, .st-cta:active, .qz-fast-tg:active, .fq-cta:active{--cta-bg:var(--ember-700); color:#000!important;}
.qz-cta, .qz-submit, .qz-fast-tg{--cta-h:56px; width:100%; font-size:16px!important;}
.qz-cta{max-width:520px;}
.st-cta{--cta-h:46px; font-size:14px!important;}
.st-cta span[aria-hidden]{display:none;}
.hm-btns .rv-more, .hm-cta-row .rv-more{height:var(--cta-h); padding:0 calc(var(--cta-h) + 4px + 22px) 0 22px!important;}
.qz-submit[disabled]{opacity:.55;}
/* звук в видео — оставляем пилюлю с иконкой, без пульса */
.vsl-sound{border-radius:999px!important;background:var(--ember-500)!important;color:#000!important;font:600 15px/1 var(--font-body)!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;animation:none!important;padding:0 22px;height:52px;}
.vsl-sound:hover, .vsl-play:hover .vsl-sound{background:#141414!important;color:var(--ember-300)!important;transform:none!important;}
.qz-fast-btn{border-radius:8px!important;background:transparent!important;border:1px solid #000!important;color:#000!important;font:600 16px/1 var(--font-body)!important;}
.qz-fast-btn:hover{background:#000!important;color:var(--paper)!important;}
.qz-alt,.rv-play,.rv-arrow{border-radius:8px!important;font-family:var(--font-body)!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:600!important;}
.qz-input,.qz-fast-in{border-radius:4px!important;}
.qz-fast-in{font-family:var(--font-body);}
.qz-card,.qz-fast{border-radius:8px!important;box-shadow:none!important;}
.qz-opt{border-radius:8px!important;font-family:var(--font-body);}
.qz-fast-mbtn{border-radius:8px!important;font-family:var(--font-body)!important;}
.rounded-2xl,.rounded-xl{border-radius:8px!important;}
.ad-media,.rv-round-wrap{border-radius:4px!important;}
:focus-visible{outline:2px solid currentColor!important;outline-offset:3px!important;}

/* ---------- плашки над заголовками уходят; подписи становятся данными под ними ---------- */
.ad-cap{display:flex;flex-direction:column;}
.ad-cap .ad-title{order:1;}
.ad-cap .ad-kicker{order:2;margin:8px 0 10px!important;}
.ad-cap .ad-dl{order:3;}
.ad-kicker,.fd-role{font:300 13px/1.45 var(--font-mono),Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;letter-spacing:.02em!important;text-transform:none!important;color:var(--ink-3)!important;}
.rv-idx{font-size:13px!important;letter-spacing:.02em;}
footer h3.font-mono, footer span.font-mono{font-family:var(--font-body)!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:600!important;color:var(--smoke)!important;}
footer .text-ember{color:var(--smoke)!important;}
footer a:hover{color:var(--ember-300)!important;}
footer > div[style*="radial-gradient"]{display:none!important;}
footer .ft-404 .ft-ember{stroke:var(--paper)!important;}
footer .ft-404 .ft-draw{stroke:var(--paper)!important;opacity:.35;}

/* ---------- FAQ и основатели — на бумаге (тёмная сцена только для первого экрана) ---------- */
#faq,#founders{background:var(--paper)!important;color:#000!important;}
#faq .text-paper,#founders .text-paper,#faq h2,#founders h2,#faq .fq-qt,#founders .fd-name{color:#000!important;}
#faq .fq-item{border-bottom-color:rgba(0,0,0,.12)!important;}
#faq .rv-idx,#founders .rv-idx{color:rgba(0,0,0,.45)!important;}
#faq .fq-a p,#founders .fd-body p,#founders .fd-lead,#faq .ad-sub{color:var(--ink-2)!important;}
#founders .fd-card{border-top-color:rgba(0,0,0,.12)!important;}
#founders .fd-toggle,#founders .fd-label,#faq .fq-tg{color:#000!important;}
#faq .fq-ico::before,#faq .fq-ico::after,#founders .fq-ico::before,#founders .fq-ico::after{background:#000!important;}
#founders .fd-list li{color:var(--ink-2);}

/* ---------- рамка-мерило вокруг доказательства: 4 уголка, правый нижний надломан ---------- */
.ad-media{position:relative;border:0!important;padding:10px!important;background:
  linear-gradient(#000,#000) 0 0/14px 2px no-repeat, linear-gradient(#000,#000) 0 0/2px 14px no-repeat,
  linear-gradient(#000,#000) 100% 0/14px 2px no-repeat, linear-gradient(#000,#000) 100% 0/2px 14px no-repeat,
  linear-gradient(#000,#000) 0 100%/14px 2px no-repeat, linear-gradient(#000,#000) 0 100%/2px 14px no-repeat,
  linear-gradient(#000,#000) 100% 100%/8px 2px no-repeat, linear-gradient(#000,#000) 100% 100%/2px 8px no-repeat!important;}
.ad-media img{border-radius:0;display:block;}

/* ---------- мелочи ---------- */
/* Плашка «Бесплатный разбор проекта» в блоке контактов (наклон, стекло, *клик*, курсор) — НЕ ТРОГАТЬ, требование заказчика 30.09.2026 */
.ct-marquee span{font-family:var(--font-display)!important;font-weight:600!important;letter-spacing:.01em!important;}
.brand-legal{margin-top:8px;font:300 13px/1.5 var(--font-mono),Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--smoke-2);}
.text-ember{color:var(--ember-300);}
.bg-paper .text-ember,.text-ink .text-ember{color:var(--ember-700);}
.hover\:text-ember:hover{color:var(--ember-300)!important;}
.bg-ink,.bg-black{background-color:#000!important;}
.text-smoke{color:var(--smoke);}

/* ---------- v1.1: остатки моно-капса, кромки, cookie ---------- */
.fq-black,.fd-black,#faq,#founders{border-radius:0!important;}
.qz-step,.qz-fast-or,.fd-toggle,.ad-dl dt,.vsl-sub,.rv-hint,.ad-hint,footer a.font-mono,footer .font-mono,.qz-prog-l{text-transform:none!important;letter-spacing:.02em!important;font-size:13px!important;}
.qz-fast-or{font-family:var(--font-body)!important;color:var(--ink-3)!important;}
.fd-toggle{font:600 14px/1 var(--font-body)!important;letter-spacing:0!important;}
footer a.font-mono{font-family:var(--font-body)!important;font-size:14px!important;}
#cookie-notice button,.cookie-notice button,[class*="cookie"] button{border-radius:8px!important;text-transform:none!important;font:600 13px/1 var(--font-body)!important;background:var(--ember-500)!important;color:#000!important;letter-spacing:0!important;}
[class*="cookie"] a{color:var(--ember-300)!important;}

/* ---------- главная (build-home.py, v93): космонавт в hero, плашки и подписи ---------- */
.hm-hero{background:#000!important;}
.hm-bg--astro img{position:absolute;left:50%;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transform:translateX(-50%) rotate(0)!important;-webkit-mask-image:none!important;mask-image:none!important;animation:none!important;}
@media (min-width:901px){.hm-bg--astro img{left:auto;right:0;width:52%;transform:none!important;object-fit:cover;object-position:50% 22%;}}
.hm-vignette{background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.65) 28%,rgba(0,0,0,.15) 48%,rgba(0,0,0,.85) 68%,#000 82%)!important;}
@media (min-width:901px){.hm-vignette{background:linear-gradient(0deg,#000 0%,rgba(0,0,0,0) 20%)!important;}}
.hm-hero .hm-vignette{z-index:1!important;}.hm-hero .hm-in{position:relative;z-index:3!important;}
.hm-hero .hero-slogan{position:relative;z-index:2;}
.hm-hero h1{font-size:clamp(2.125rem,1.554rem + 2.857vw,4rem)!important;line-height:1.02!important;}
.hm-stat b{font:300 32px/1 var(--font-mono),Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;font-variant-numeric:tabular-nums;}
.hm-stat span,.hm-trust,.hm-cta-note{font-family:var(--font-body)!important;font-size:13px!important;letter-spacing:0!important;text-transform:none!important;}
.hm-outline{border-radius:8px!important;font:600 15px/1 var(--font-body)!important;letter-spacing:0!important;text-transform:none!important;border-color:var(--border-dark)!important;}
.hm-label{display:none!important;}
.hm-ticker{border-top-color:var(--line-dark)!important;}
.hm-ticker span{font-family:var(--font-body)!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;}
.ab-tag{font-family:var(--font-body)!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;color:var(--ink-2)!important;}
.ab-h{font-family:var(--font-display)!important;text-transform:uppercase;font-weight:600!important;letter-spacing:.01em!important;}
.bn-h,.sg-h{font-family:var(--font-body)!important;font-weight:600!important;}
.hm-sec.fq-black,.hm-sec.bn-dark,#steps,#services,#start{border-radius:0!important;}
#results{border-radius:0!important;}
.qz-dark .qz-card{border-radius:8px!important;}
.hm-cta-row .fq-tg,.sv-link{font-family:var(--font-body)!important;}

/* ---------- v1.2: баг главной — класс hm-in вешается на <html> и получал max-width 48rem ---------- */
html.hm-in{max-width:none!important;}
@media (max-width:900px){.hm-bg--astro img{object-fit:contain;object-position:50% 0;height:auto;top:56px;}.hm-vignette{background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 300px,rgba(0,0,0,.7) 400px,rgba(0,0,0,.95) 470px,#000 540px)!important;}.hm-hero{justify-content:flex-end;min-height:auto;padding-top:400px;}}

/* распорка .flex-1 в hero не получает градиент (баг с тёмной полосой на телефоне, 30.09) */
#top > div.flex-1[aria-hidden="true"]{background:none!important;}

/* мигающая точка у строки «Ответим в течение часа» — убрана (заказчик, 30.09) */
.hm-trust i{display:none!important;}

/* десктоп: карточка «Бесплатный разбор бизнеса» слева, под текстом hero — не закрывает космонавта (заказчик 30.09) */
@media (min-width:640px){
  #top a[data-block="hero-card"]{grid-column:1 / span 6!important;justify-self:start!important;}
}
a.font-mono.rounded-full,button.font-mono.rounded-full{font-weight:600}footer a.font-mono:not(.rounded-full){font-weight:400}