/* ==========================================================================
   ФИНАЛЬНЫЙ CTA (#cta-v2) — тёмная карточка в стиле сайта
   --------------------------------------------------------------------------
   Не «градиентная плашка», а афиша: контурное слово «смета» на фоне,
   тонкая сетка, пиксельная рябь, два светлых свечения по краям и
   светлый маркер в заголовке. Справа форма-бриф: нумерованные поля
   с линиями вместо коробок, светлая печать «0 ₽ за бриф».
   Внизу — бегущая строка фактов.
   ========================================================================== */

.cta2{
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--s2-bg,#f6f7fb);padding:0;
}
.cta2 .container{position:relative;z-index:1;padding-inline:56px;padding-bottom:64px}

.cta2-card{
  position:relative;overflow:hidden;
  border-radius:30px;border:1px solid rgba(255,255,255,.08);
  background:#080a09;color:#fff;
  box-shadow:0 60px 120px -70px rgba(0,0,0,.9);
}

/* ---------- фон: свечения, сетка, рябь, слово ---------- */
.cta2-glow{
  position:absolute;z-index:0;display:block;border-radius:50%;pointer-events:none;
  filter:blur(26px);
}
.cta2-glow--r{
  right:-170px;top:-230px;width:660px;height:660px;
  background:radial-gradient(circle,rgba(255,255,255,.52),rgba(198,208,255,.24) 42%,transparent 68%);
}
.cta2-glow--l{
  left:-200px;bottom:-260px;width:600px;height:600px;
  background:radial-gradient(circle,rgba(255,255,255,.42),rgba(198,208,255,.18) 46%,transparent 70%);
}

.cta2-grid{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask:radial-gradient(120% 95% at 68% 0%,#000,transparent 76%);
  mask:radial-gradient(120% 95% at 68% 0%,#000,transparent 76%);
}

.cta2-noise{
  position:absolute;inset:-40px;z-index:1;pointer-events:none;
  background:url(../img/tv-noise.png) repeat;
  background-size:425px auto;
  filter:invert(1);mix-blend-mode:screen;opacity:.07;
  animation:ctaNoise 7s steps(7,end) infinite;
}
@keyframes ctaNoise{
  0%{background-position:0 0;opacity:.06}
  25%{background-position:120px -90px;opacity:.085}
  50%{background-position:-160px 70px;opacity:.05}
  75%{background-position:60px 140px;opacity:.08}
  100%{background-position:-40px 20px;opacity:.06}
}

.cta2-word{
  position:absolute;right:-6px;bottom:-30px;z-index:1;pointer-events:none;
  font-family:var(--display);font-size:clamp(150px,19vw,250px);line-height:.78;
  letter-spacing:-.06em;text-transform:lowercase;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.09);
}

/* ---------- основная сетка ---------- */
.cta2-main{
  position:relative;z-index:3;
  display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:center;
  padding:56px 56px 46px;
}

/* ---------- левая часть ---------- */
.cta2-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cta2-kicker{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);
  font:600 9.5px/1 var(--site-font);letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.72);
}
.cta2-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime,#fff)}
.cta2-note{font-size:10.5px;letter-spacing:.02em;color:rgba(255,255,255,.34)}

.cta2-title{
  margin-top:20px;max-width:15ch;
  font-family:var(--display);font-weight:600;
  font-size:clamp(34px,3.4vw,52px);line-height:.99;letter-spacing:-.045em;
}
.cta2-mark{
  display:inline-block;padding:0 .1em .04em;border-radius:.1em;
  font-style:normal;color:#0a0c09;background:var(--lime,#fff);
  transform:rotate(-1.4deg);white-space:nowrap;
}
.cta2-text{
  margin-top:16px;max-width:46ch;
  font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.56);
}

.cta2-facts{display:flex;align-items:flex-start;gap:0;margin-top:28px;padding:0;list-style:none}
.cta2-facts li{padding:0 26px;border-left:1px solid rgba(255,255,255,.12)}
.cta2-facts li:first-child{padding-left:0;border-left:0}
.cta2-facts b{
  display:block;font-family:var(--display);font-size:24px;font-weight:600;
  letter-spacing:-.03em;color:var(--lime,#fff);line-height:1;
}
.cta2-facts span{display:block;margin-top:6px;font-size:10.5px;color:rgba(255,255,255,.42)}

/* ---------- форма-бриф ---------- */
.cta2-formwrap{position:relative;z-index:4}
.cta2-badge{
  position:absolute;z-index:2;top:-13px;right:20px;
  padding:7px 11px;border-radius:6px;
  background:var(--lime,#fff);color:#0a0c09;
  font:700 9px/1 var(--site-font);letter-spacing:.1em;text-transform:uppercase;
  transform:rotate(-4deg);
  box-shadow:0 14px 30px -16px rgba(255,255,255,.9);
}

.cta2-form{
  position:relative;padding:24px 22px 20px;
  border-radius:20px;border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  backdrop-filter:blur(8px);
}
.cta2-form-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  margin-bottom:6px;
  font:600 9px/1 var(--site-font);letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.4);
}
.cta2-form-head b{font-weight:600;color:var(--lime,#fff);letter-spacing:.08em}

.cta2-line{position:relative;display:block;padding:14px 0 10px}
.cta2-line-num{
  position:absolute;left:0;top:17px;
  font:700 8.5px/1 var(--site-font);letter-spacing:.08em;
  color:rgba(255,255,255,.3);
  transition:color .2s ease;
}
.cta2-input{
  display:block;width:100%;padding:0 0 8px 26px;
  border:0;background:none;color:#fff;
  font:500 14px/1.2 var(--site-font);
}
.cta2-input::placeholder{color:rgba(255,255,255,.34)}
.cta2-input:focus{outline:none}
.cta2-line-rule{position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.16)}
.cta2-line-rule::after{
  content:"";position:absolute;left:0;top:0;height:1px;width:0;
  background:var(--lime,#fff);transition:width .28s ease;
}
.cta2-line:focus-within .cta2-line-rule::after{width:100%}
.cta2-line:focus-within .cta2-line-num{color:var(--lime,#fff)}

.cta2-submit{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  width:100%;margin-top:20px;padding:15px 18px;
  border:0;border-radius:12px;cursor:pointer;
  background:var(--lime,#fff);color:#0a0c09;
  font:700 13px/1 var(--site-font);
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.cta2-submit svg{width:16px;height:16px;flex:none;transition:transform .2s ease}
.cta2-submit:hover{background:#e6e6e6;transform:translateY(-1px);box-shadow:0 18px 34px -22px rgba(255,255,255,.7)}
.cta2-submit:hover svg{transform:translateX(3px)}

.cta2-meta{margin-top:12px;text-align:center;font-size:9.5px;line-height:1.5;color:rgba(255,255,255,.32)}

.cta2-success{
  padding:24px 22px;
  border-radius:20px;border:1px solid rgba(255,255,255,.35);
  background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.02));
  color:#fff;font-size:12.5px;line-height:1.55;
}
.cta2-success b{display:block;margin-bottom:6px;font-family:var(--display);font-size:18px;letter-spacing:-.02em;color:var(--lime,#fff)}
.cta2-success span{display:block;margin-top:10px;font-size:10px;color:rgba(255,255,255,.38)}

/* ---------- бегущая строка ---------- */
.cta2-ticker{
  position:relative;z-index:3;overflow:hidden;
  border-top:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.02);
  padding:13px 0;
  -webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.cta2-ticker-track{
  display:flex;align-items:center;gap:22px;width:max-content;
  animation:ctaTicker 28s linear infinite;
}
.cta2-ticker:hover .cta2-ticker-track{animation-play-state:paused}
.cta2-ticker span{
  white-space:nowrap;
  font:600 9.5px/1 var(--site-font);letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.42);
}
.cta2-ticker i{font-style:normal;font-size:7px;color:var(--lime,#fff)}
@keyframes ctaTicker{to{transform:translateX(-50%)}}

/* ==========================================================================
   Адаптив
   ========================================================================== */
@media (max-width:1180px){
  .cta2 .container{padding-inline:28px}
  .cta2-main{grid-template-columns:1fr;gap:34px;padding:42px 36px 36px}
  .cta2-formwrap{max-width:460px}
  .cta2-word{opacity:.6}
}
@media (max-width:760px){
  .cta2 .container{padding-inline:18px;padding-bottom:40px}
  .cta2-card{border-radius:22px}
  .cta2-main{padding:30px 22px 26px}
  .cta2-title{font-size:30px;max-width:none}
  .cta2-facts{flex-wrap:wrap;gap:16px 22px}
  .cta2-facts li{padding:0;border-left:0}
  .cta2-glow--r{right:-260px;top:-300px}
  .cta2-glow--l{left:-280px}
  .cta2-noise{display:none}
  .cta2-word{font-size:120px;bottom:-14px}
}

@media (prefers-reduced-motion:reduce){
  .cta2-noise,.cta2-ticker-track{animation:none}
}