/* Единый стиль всех лендингов: Medeo, чёрные кнопки, спокойные рамки — как в платформе и на странице «Тарифы».
   Подключается последним на каждой странице: python3 apps/api/landing_src/site_style.py */
@font-face{font-family:'Medeo Sans';src:url('/landing-assets/fonts/MedeoSansVariable.woff2?v=1') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Medeo Mono';src:url('/landing-assets/fonts/MedeoMonoVariable.woff2?v=1') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@property --site-sweep{syntax:'<percentage>';initial-value:120%;inherits:false}

:root{
  --sans:'Medeo Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'Medeo Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --bg:#ffffff;--surface:#f7f7f6;--surface-2:#f1f1ef;
  --text:#0d0d0d;--text-muted:#6e6e6e;--text-faint:#9a9a9a;
  --border:rgba(0,0,0,.09);--border-strong:rgba(0,0,0,.16);
  --accent:#ff8a3d;--accent-hover:#f5761f;--accent-soft:rgba(255,138,61,.1);--site-accent-soft:#ffcfa8;
  --radius:14px;--radius-sm:10px;--radius-lg:14px;
}
[data-theme="dark"]{
  --bg:#212121;--surface:#1a1a1a;--surface-2:#2a2a2a;
  --text:#ececf1;--text-muted:#9a9a9a;--text-faint:#6c6c6c;
  --border:rgba(255,255,255,.13);--border-strong:rgba(255,255,255,.2);
  --accent-soft:rgba(255,138,61,.14);
}
html{scroll-padding-top:76px}
body{font-family:var(--sans)}

/* ── Кнопки ── */
.btn{border-radius:10px;font-weight:660}
.btn-primary{background:var(--text);color:var(--bg)}
.btn-primary:hover{background:var(--text);opacity:.86;transform:none;box-shadow:none}
.btn:active{transform:scale(.97)}
.btn-lg{padding:13px 20px;font-size:15px}
.magnetic{transform:none!important}
.header-signin.btn{border-radius:10px;font-weight:590;color:var(--text)}

/* Кнопка регистрации: рамка и текст с бегущим градиентом, как кнопка триала в «Тарифах» */
.header-cta.btn{position:relative;background:transparent;color:var(--text);padding:10px 16px;border-radius:10px;font-weight:660;font-size:13.5px}
.header-cta.btn:hover{background:transparent;opacity:.84;transform:none;box-shadow:none}
.header-cta.btn:active{transform:scale(.97)}
.header-cta.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.header-cta.btn::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(90deg,var(--border-strong) 18%,var(--accent) 44%,var(--site-accent-soft) 50%,var(--accent) 56%,var(--border-strong) 82%);
  background-size:280% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;animation:site-sweep 4.5s linear infinite}
.header-cta.btn > span{background:linear-gradient(90deg,var(--text) 18%,var(--accent) 44%,var(--site-accent-soft) 50%,var(--accent) 56%,var(--text) 82%);
  background-size:280% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:site-sweep 4.5s linear infinite}
@keyframes site-sweep{0%{background-position:120% 0}100%{background-position:-160% 0}}
@media (prefers-reduced-motion:reduce){
  .header-cta.btn::before,.header-cta.btn > span{animation:none;background-position:50% 0}
}

/* ── Шапка ── */
.header{background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--border)}
.nav a{font-weight:500}
.lang-option.active{color:var(--text)}

/* ── Заголовки ── */
.eyebrow{color:var(--text-faint);font-weight:600;letter-spacing:.07em}
.h1,.h-hero .h1,.hero .h1{font-weight:660;letter-spacing:-.04em;line-height:1.02}
.h1 em{color:var(--accent);font-style:normal}
.h2{font-size:clamp(28px,3.4vw,40px);font-weight:660;letter-spacing:-.03em;line-height:1.08}
.section-sub,.sub{color:var(--text-muted)}
h3{letter-spacing:-.015em}
.h-glow{display:none}
.section{padding:88px 0}

/* ── Карточки главной ── */
.half{border-radius:14px;background:var(--surface);border-color:var(--border)}
.half.dark{background:#0f0f0f;border-color:#0f0f0f}
.half h3{font-weight:660;letter-spacing:-.03em}
.half .more{color:var(--text);font-weight:590}
.half.dark .more{color:#fff}
.half-k{color:var(--text-faint)}
.half.dark .half-k{color:rgba(255,255,255,.55)}
.node{border-radius:10px}
.node .dot{border-radius:6px;background:rgba(255,255,255,.14)}
.node.g .dot{background:var(--accent)}
.fan i{border-radius:10px}
@media (hover:hover) and (pointer:fine){.half:hover{transform:none;box-shadow:none;border-color:var(--border-strong)}}
.fstep{border-radius:14px}
.fstep b{font-weight:660}
.h-trust b{color:var(--text)}

/* ── Завершающий блок и подвал без оранжевой заливки ── */
.final-cta{background:var(--surface);color:var(--text);border-top:1px solid var(--border)}
.final-cta .h2{color:var(--text)}
.final-cta-sub{color:var(--text-muted)}
.final-cta .btn,.final-cta .btn-white{background:var(--text);color:var(--bg)}
.footer{background:var(--surface);color:var(--text-muted)}
.footer a,.footer-left,.footer-right a{color:var(--text-muted)}
.footer-legal{color:var(--text-faint)}
.footer a:hover,.footer-right a:hover{color:var(--text)}
.footer-left .logo-img{filter:none}
[data-theme="dark"] .footer .logo-img{filter:brightness(0) invert(1)}

/* ── Главная: публикация и контент-завод на первом экране ── */
.pubnets{margin:auto -28px 0;padding:22px 28px 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pubnets span{display:flex;align-items:center;gap:9px;min-height:42px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);font-size:13.5px;font-weight:590}
.pubnets span:last-child{grid-column:1/-1}
.pubnets img,.pubnets svg{width:20px;height:20px;flex:none}
.pubnet-threads{color:#000}
.pubnet-pinterest{color:#e60023}
[data-theme="dark"] .pubnet-threads{color:#3a3a3a}
[data-theme="dark"] .pubnets img[src*="tiktok"]{filter:invert(1)}
.halves .half{min-height:0}
.half-wide{grid-column:1/-1;flex-direction:row;align-items:stretch;gap:28px;padding:28px;max-height:260px}
.half-wide-txt{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;align-self:center}
.half-wide-img{width:172px;height:204px;flex:none;object-fit:cover;object-position:50% 8%;border-radius:10px;border:1px solid var(--border)}
.half-wide p{max-width:60ch}

/* ── Главная: блок контент-завода ── */
.fac{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:72px;align-items:center}
.fac .section-head{text-align:left;margin:0 0 28px;max-width:none}
.fac .section-sub{margin-left:0;margin-right:0}
.fac .h2{max-width:22ch;text-wrap:balance}
.fac-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;counter-reset:fac}
.fac-steps li{counter-increment:fac;border:1px solid var(--border);border-radius:14px;background:var(--bg);padding:18px;display:flex;flex-direction:column;gap:6px}
.fac-steps li::before{content:'0' counter(fac);font:600 11px var(--mono);letter-spacing:.07em;color:var(--text-faint)}
.fac-steps b{font-size:15.5px;font-weight:660;letter-spacing:-.015em;line-height:1.25}
.fac-steps span{font-size:13.5px;line-height:1.5;color:var(--text-muted)}
.fac .sec-cta{text-align:left;margin-top:22px}
.fac-phone{margin:0;aspect-ratio:9/16;border-radius:22px;overflow:hidden;border:1px solid var(--border);background:#111;box-shadow:0 24px 60px rgba(0,0,0,.14)}
.fac-phone video{display:block;width:100%;height:100%;object-fit:cover}
#pricing{border-top:1px solid var(--border)}

/* ── Кнопка на обложке ролика и ответ в примере чата ── */
.mcpv-chip{background:#fff;color:#0d0d0d;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.mcpv-chip span{background:rgba(0,0,0,.08)}
.mcp-band{background:#0f0f0f;border-radius:14px}
.mcp-band .eyebrow{color:rgba(255,255,255,.55)}
.mcp-band h2{font-weight:660}
.mcp-reply{background:rgba(255,255,255,.14);border-radius:14px 14px 4px 14px}

/* ── Старые свечения и скругления ── */
.hero-glow,.ahero::before,.mcp-band::before{display:none}
.ucard,.partner-card,.case-card,.faq-item{border-radius:14px}
@media (hover:hover) and (pointer:fine){.ucard:hover,.cap:hover{border-color:var(--border-strong);box-shadow:none}}

@media (max-width:860px){
  .halves .half-wide{flex-direction:column;max-height:none;padding:24px 22px;gap:18px}
  .half-wide-txt{align-self:stretch}
  .half-wide-img{width:100%;height:190px;object-position:50% 42%}
  .pubnets{margin-left:-22px;margin-right:-22px;padding:20px 22px 22px}
  .fac{grid-template-columns:minmax(0,1fr);gap:36px}
  .fac-steps{grid-template-columns:minmax(0,1fr)}
  .fac-phone{max-width:280px;margin:0 auto}
}
@media (max-width:768px){
  .header-cta.btn{padding:9px 13px}
}
@media (max-width:980px){html{scroll-padding-top:16px}}
@media (max-width:768px){.ahero .mk,.hero .mac-window{box-shadow:none}}
.mcp-band .btn-primary,.half.dark .btn-primary{background:#fff;color:#0d0d0d}

/* ── Блоки с тёмным фоном и текстовые ссылки ── */
[style*="background:var(--text)"]{border-radius:14px!important}
[style*="background:var(--text)"] .btn-primary,[style*="background:var(--text)"] .btn-primary:hover{background:var(--bg);color:var(--text)}
.footer p.container{color:var(--text-faint)!important}
a[style*="--accent"],.pcmp-cta{color:var(--text)!important;text-decoration:underline;text-underline-offset:3px}
.ref{border-radius:14px;border-color:var(--border)}