:root{
  --night:#05060A;      /* фон, из логотипа */
  --panel:#0C0F17;      /* корпус экрана */
  --line:#1C2230;
  --blue:#2E8BFF;       /* диоды */
  --amber:#FFC24B;      /* натриевый свет */
  --steel:#E6E2DA;      /* металл логотипа */
  --mute:#8A93A6;
  --display:"Unbounded",system-ui,sans-serif;
  --body:"Onest",system-ui,sans-serif;
  --gut:clamp(16px,4vw,56px);
  --max:1240px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
html:not(.lenis){scroll-behavior:smooth}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{background:var(--night);color:var(--steel);font:400 17px/1.6 var(--body);overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.08}
h2{font-size:clamp(30px,4.6vw,58px);max-width:18ch}
.lead{color:var(--mute);max-width:52ch;margin-top:18px;font-size:clamp(16px,1.4vw,19px)}
section{padding:clamp(80px,12vw,160px) 0 0}

/* ---------- кнопки ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font:600 16px/1 var(--body);padding:18px 26px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s}
.btn-amber{background:var(--amber);color:#1a1205;box-shadow:0 0 0 0 rgba(255,194,75,.5)}
.btn-amber:hover{transform:translateY(-2px);box-shadow:0 10px 40px -8px rgba(255,194,75,.65)}
.btn-ghost{background:transparent;color:var(--steel);box-shadow:inset 0 0 0 1px #343c4f}
.btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--blue);background:rgba(46,139,255,.08)}
.btn svg{width:18px;height:18px}

/* ---------- шапка ---------- */
.top{position:fixed;inset:0 0 auto;z-index:50;transition:background .4s,backdrop-filter .4s,box-shadow .4s}
.top.solid{background:rgba(5,6,10,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.top .wrap{display:flex;align-items:center;gap:32px;height:76px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font:700 19px var(--display);letter-spacing:-.01em}
.logo img{height:26px;width:auto}
.nav{display:flex;gap:28px;margin-left:auto}
.nav a{text-decoration:none;color:var(--mute);font-weight:500;font-size:15px;transition:color .2s}
.nav a:hover{color:var(--steel)}
.top .btn{padding:12px 18px;font-size:15px;white-space:nowrap}
@media (max-width:420px){.top .btn{padding:10px 14px;font-size:14px}.logo{font-size:17px}}
@media (max-width:900px){.nav{display:none}.top .btn{margin-left:auto}}

/* ---------- первый экран: LED-матрица ---------- */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 clamp(40px,7vh,80px)}
#matrix{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,10,.0) 45%,rgba(5,6,10,.85) 78%,var(--night));pointer-events:none}
.hero .wrap{position:relative;z-index:2;width:100%}
.hero h1{font-size:clamp(30px,5.2vw,68px);font-weight:800;max-width:17ch;opacity:0;transform:translateY(24px);transition:opacity 1s .9s,transform 1s .9s cubic-bezier(.2,.7,.2,1)}
.hero .sub{color:var(--mute);max-width:44ch;margin-top:18px;font-size:clamp(16px,1.5vw,20px);opacity:0;transition:opacity 1s 1.2s}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;opacity:0;transition:opacity 1s 1.4s}
.ready .hero h1{opacity:1;transform:none}
.ready .hero .sub,.ready .hero .cta{opacity:1}
.onair{position:absolute;z-index:2;top:96px;right:var(--gut);display:flex;align-items:center;gap:10px;font-size:14px;color:var(--mute)}
.onair i{width:9px;height:9px;border-radius:50%;background:#ff3b3b;box-shadow:0 0 12px #ff3b3b;animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.25}}

/* ---------- полоса цифр поверх фото ---------- */
/* ---------- стопка сцен ---------- */
.stack{position:relative;margin-top:clamp(40px,6vw,80px)}
.scene{position:sticky;top:0;height:100svh;overflow:hidden}
/* пауза: пока прокручиваем этот отступ, сцена стоит полностью открытой */
.scene+.scene{margin-top:65vh}
.stack-end{height:55vh}
.scene .layer{position:absolute;inset:0;overflow:hidden;transform-origin:50% 20%;will-change:transform;background:var(--night)}
.scene+.scene .layer{border-radius:28px 28px 0 0;box-shadow:0 -30px 60px -10px rgba(0,0,0,.7)}
.scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}
.scene .layer::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,10,.88),rgba(5,6,10,.35) 50%,transparent 80%),linear-gradient(0deg,rgba(5,6,10,.85),transparent 45%)}
.scene .shade{position:absolute;inset:0;z-index:3;background:#000;opacity:0;pointer-events:none}
.scene-in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(90px,18vh,180px);will-change:transform,opacity}
.scene:first-child .scene-in{justify-content:center;padding-bottom:0}
.scene-n{color:var(--amber);font-size:15px;font-weight:500;margin-bottom:10px}
.city-name{font:800 clamp(52px,12vw,180px)/.9 var(--display);letter-spacing:-.05em;color:#fff}
.facts{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;max-width:860px}
.facts li{padding:10px 16px;border-radius:999px;background:rgba(8,10,16,.78);border:1px solid rgba(255,255,255,.1);font-size:15px;color:#d5d9e1}
.facts b{color:#fff;font-weight:600}
.stats{display:grid;gap:clamp(20px,3vw,36px);margin-top:42px}

/* ---------- примерка бренда на билборде ---------- */
.try{position:relative;height:300vh;margin-top:clamp(80px,12vw,160px);padding:0}
.try-pin{position:sticky;top:0;height:100svh;overflow:hidden;background:#04060d}
.bb{position:absolute;will-change:transform}
.bb img{width:100%;height:100%;display:block}
.bb::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px 60px #04060d}
#bbScreen{position:absolute;left:32.485%;top:18.555%;width:35.065%;height:32.161%;z-index:2;background:#07090f;box-shadow:0 0 50px -6px var(--glow,rgba(255,194,75,.45))}
.spill{position:absolute;left:24%;top:48%;width:52%;height:52%;z-index:1;background:radial-gradient(ellipse 50% 60% at 50% 0,var(--glow,rgba(255,194,75,.4)),transparent 70%);mix-blend-mode:screen;opacity:.5;pointer-events:none}
.try-ui,.try-end{position:absolute;left:0;right:0;z-index:5;bottom:clamp(28px,7vh,72px)}
.try-ui::before{content:"";position:absolute;inset:-120px -50vw -80px;background:linear-gradient(0deg,rgba(4,6,13,.95) 30%,transparent);z-index:-1;pointer-events:none}
.try-ui h2{font-size:clamp(26px,3.6vw,46px)}
.try-ui .lead{margin-top:12px}
.try-form{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px}
.try-form input{width:min(380px,100%);font:600 18px var(--body);padding:16px 18px;border-radius:14px;background:rgba(7,9,16,.85)}
.sw{display:flex;gap:8px}
.sw button{width:34px;height:34px;border-radius:50%;border:0;background:var(--c);cursor:pointer;box-shadow:0 0 0 2px #04060d,0 0 0 3px transparent;transition:box-shadow .2s,transform .2s}
.sw button:hover{transform:scale(1.1)}
.sw button[aria-pressed="true"]{box-shadow:0 0 0 3px #04060d,0 0 0 5px var(--c)}
.try-end{opacity:0;pointer-events:none;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;top:50%;bottom:auto;transform:translateY(-50%)}
.try-end h2{max-width:20ch;text-shadow:0 4px 40px rgba(0,0,0,.9)}
.try-hint{position:absolute;z-index:5;top:96px;left:50%;transform:translateX(-50%);font-size:13px;color:var(--mute);display:flex;flex-direction:column;align-items:center;gap:8px}
.try-hint::after{content:"";width:1px;height:28px;background:linear-gradient(var(--mute),transparent);animation:drip 1.6s infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:700px){.try-hint{display:none}.try-ui .lead{font-size:15px}
  .try-end{top:auto;bottom:40px;transform:none}
  .try-end::before{content:"";position:absolute;inset:-60px -50vw -40px;background:linear-gradient(0deg,rgba(4,6,13,.95) 50%,transparent);z-index:-1}
  .try-end h2{font-size:26px}}
.stat{display:flex;align-items:baseline;gap:18px}
.stat b{font:800 clamp(52px,8vw,108px)/.9 var(--display);letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.stat span{color:var(--mute);font-size:clamp(15px,1.4vw,18px);max-width:14ch;line-height:1.3}

/* ---------- почему LED ---------- */
.reasons{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(32px,6vw,96px);margin-top:56px}
.reason{padding:34px 0;border-top:1px solid var(--line)}
.reason h3{font-size:clamp(19px,1.8vw,24px);font-weight:600;margin-bottom:12px}
.reason p{color:var(--mute);max-width:42ch}
.reason .big{display:block;font:700 clamp(36px,4vw,52px)/1 var(--display);color:var(--amber);margin-bottom:16px;letter-spacing:-.03em}
@media (max-width:760px){.reasons{grid-template-columns:1fr}}

/* ---------- экраны ---------- */
.tabs{display:flex;gap:8px;overflow-x:auto;margin:40px calc(var(--gut)*-1) 0;padding:4px var(--gut) 14px;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:none;font:500 15px var(--body);color:var(--mute);background:transparent;border:1px solid var(--line);padding:10px 16px;border-radius:999px;cursor:pointer;transition:all .2s}
.tab:hover{color:var(--steel);border-color:#3a4358}
.tab[aria-pressed="true"]{background:var(--steel);color:var(--night);border-color:var(--steel)}
.tab sup{font-size:11px;margin-left:4px;opacity:.6}
.screens{margin-top:26px;display:grid;gap:14px}
.scr{display:grid;grid-template-columns:minmax(200px,340px) 1fr auto;gap:clamp(18px,3vw,40px);align-items:center;padding:14px;border-radius:20px;background:var(--panel);border:1px solid var(--line);transition:border-color .3s}
.scr:hover{border-color:#2b3550}
.scr .shot{aspect-ratio:16/10;border-radius:12px}
.scr .city{font-size:14px;color:var(--amber);font-weight:500}
.scr h3{font:600 clamp(17px,1.6vw,21px)/1.3 var(--body);letter-spacing:0;margin:6px 0 14px;max-width:34ch}
.specs{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--mute);font-size:14.5px}
.specs dt{display:none}
.specs dd b{color:var(--steel);font-weight:600}
.scr .btn{white-space:nowrap}
.scr .kind{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--mute);margin-left:10px}
.scr .kind::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px var(--blue)}
@media (max-width:900px){.scr{grid-template-columns:1fr}.scr .btn{justify-self:start}}
.empty{margin-top:26px;padding:40px;border-radius:20px;border:1px dashed #2b3346;color:var(--mute)}
.empty h3{color:var(--steel);font:600 20px var(--body);margin-bottom:8px}
.empty .btn{margin-top:20px}

/* ---------- фото-слоты: «включение экрана» ---------- */
.shot{position:relative;overflow:hidden;background:#070a12 url(../img/led-grid.jpg) center/cover}
.shot img{width:100%;height:100%;object-fit:cover}
.shot .ph{position:absolute;inset:auto 12px 12px;font-size:12px;color:#6c7891;display:none}
.shot.missing img{display:none}
.shot.missing .ph{display:block}
/* обрезаем содержимое, а не сам блок: иначе IntersectionObserver не видит его */
.js .scan>*{clip-path:inset(0 0 100% 0);filter:brightness(2.2) saturate(.4)}
.js .scan.on>*{clip-path:inset(0 0 0 0);filter:none;transition:clip-path 1.1s cubic-bezier(.6,0,.2,1),filter 1.4s .4s}

/* ---------- форматы ---------- */
.formats{margin-top:56px;border-top:1px solid var(--line)}
.fmt{display:grid;grid-template-columns:150px 1fr 1.3fr;gap:clamp(18px,3vw,48px);padding:36px 0;border-bottom:1px solid var(--line);align-items:center}
.fmt .sec{font:800 clamp(48px,6vw,80px)/.9 var(--display);letter-spacing:-.04em}
.fmt .sec small{font-size:.32em;font-weight:500;color:var(--mute);margin-left:6px;letter-spacing:0}
.fmt h3{font:600 20px var(--body);letter-spacing:0;margin-bottom:6px}
.fmt p{color:var(--mute);font-size:15.5px;max-width:40ch}
.fmt .pop{display:inline-block;margin-left:8px;font-size:12px;font-weight:600;color:#1a1205;background:var(--amber);padding:3px 9px;border-radius:99px;vertical-align:3px}
.track{position:relative;height:56px;border-radius:10px;background:radial-gradient(circle,#1b2233 1.2px,transparent 1.7px) 0 0/8px 8px;overflow:hidden}
.track .run{position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:10px;background:radial-gradient(circle,rgba(255,194,75,.25) 1.4px,transparent 1.9px) 0 0/8px 8px;box-shadow:inset 0 0 0 1px rgba(255,194,75,.25)}
.track .run::after{content:"";position:absolute;inset:0;width:var(--p,0%);background:radial-gradient(circle,var(--amber) 1.6px,transparent 2.1px) 0 0/8px 8px;filter:drop-shadow(0 0 4px rgba(255,194,75,.8))}
.track .t{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--mute);font-variant-numeric:tabular-nums}
.track-note{margin-top:22px;color:var(--mute);font-size:15px}
@media (max-width:900px){.fmt{grid-template-columns:1fr}}

/* ---------- процесс ---------- */
.steps{margin-top:56px;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,32px);counter-reset:s}
.step{position:relative;padding-top:30px}
.step::before{content:"";position:absolute;top:0;left:0;right:-32px;height:2px;background:linear-gradient(90deg,var(--blue),rgba(46,139,255,.15))}
.step:last-child::before{right:0;background:linear-gradient(90deg,var(--amber),rgba(255,194,75,.2))}
.step b{display:block;font:700 15px var(--display);color:var(--blue);margin-bottom:16px}
.step:last-child b{color:var(--amber)}
.step h3{font:600 19px/1.3 var(--body);letter-spacing:0;margin-bottom:10px}
.step p{color:var(--mute);font-size:15.5px}
.steps-time{display:inline-block;margin-top:36px;padding:14px 20px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
.steps-time b{color:var(--amber)}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}.step::before{right:0}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}

/* ---------- кейсы ---------- */
.cases{margin-top:56px;display:grid;gap:clamp(56px,8vw,110px)}
.case{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,5vw,72px);align-items:center}
.case:nth-child(even) .shot{order:2}
.case .shot{aspect-ratio:4/3;border-radius:22px}
.case .who{color:var(--amber);font-size:15px;font-weight:500}
.case .task{font-size:clamp(18px,1.7vw,22px);margin:12px 0 30px;max-width:30ch}
.case .res{font:800 clamp(56px,7vw,96px)/.9 var(--display);letter-spacing:-.04em;color:#fff}
.case .res-l{color:var(--mute);margin-top:10px}
@media (max-width:800px){.case{grid-template-columns:1fr}.case:nth-child(even) .shot{order:0}}

/* ---------- почему мы ---------- */
.adv-wrap{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(32px,6vw,90px);align-items:start}
.adv-wrap .shot{aspect-ratio:3/4;border-radius:22px;position:sticky;top:110px;margin-top:40px}
.adv{margin-top:40px}
.adv li{list-style:none;display:grid;grid-template-columns:28px 1fr;gap:16px;padding:24px 0;border-top:1px solid var(--line)}
.adv li::before{content:"";width:10px;height:10px;margin-top:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 14px var(--blue)}
.adv h3{font:600 19px/1.35 var(--body);letter-spacing:0;margin-bottom:6px}
.adv p{color:var(--mute);font-size:15.5px;max-width:46ch}
@media (max-width:860px){.adv-wrap{grid-template-columns:1fr}.adv-wrap .shot{position:relative;top:0;aspect-ratio:16/10}}

/* ---------- FAQ ---------- */
.faq{margin-top:48px;max-width:900px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px 0;font:600 clamp(17px,1.6vw,20px)/1.35 var(--body)}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid #2e3648;position:relative;transition:transform .35s,border-color .35s,background .35s}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.6px;background:currentColor;transform:translate(-50%,-50%)}
.faq summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .35s}
.faq details[open] summary i{border-color:var(--amber);background:var(--amber);color:var(--night)}
.faq details[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.faq .a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.7,.2,1)}
.faq details.open .a{grid-template-rows:1fr}
.faq .a>div{overflow:hidden}
.faq .a p{color:var(--mute);padding:0 0 26px;max-width:66ch}

/* ---------- заявка ---------- */
.order{position:relative;margin-top:clamp(80px,12vw,160px);padding:clamp(70px,10vw,130px) 0;overflow:hidden;border-top:1px solid var(--line)}
.order>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.order::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--night) 20%,rgba(5,6,10,.6));z-index:1}
.order .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:center}
.quick{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
form{background:rgba(12,15,23,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3vw,36px);display:grid;gap:14px}
label{display:grid;gap:7px;font-size:14px;color:var(--mute)}
input,select{font:500 16px var(--body);color:var(--steel);background:#070910;border:1px solid #232a3a;border-radius:12px;padding:15px 16px;outline:none;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none;width:100%}
select{background-image:linear-gradient(45deg,transparent 50%,var(--mute) 50%),linear-gradient(135deg,var(--mute) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat}
input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(46,139,255,.15)}
input[aria-invalid="true"]{border-color:#ff6b5b}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
form .btn{justify-content:center;margin-top:6px}
.fine{font-size:13px;color:#6a7386}
.err{font-size:13px;color:#ff8a7d;min-height:0}
@media (max-width:860px){.order .wrap{grid-template-columns:1fr}.row2{grid-template-columns:1fr}}

/* ---------- подвал ---------- */
footer{padding:70px 0 40px;border-top:1px solid var(--line);color:var(--mute);font-size:15px}
.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
.foot h4{color:var(--steel);font:600 15px var(--body);margin-bottom:12px}
.foot a{text-decoration:none}
.foot a:hover{color:var(--steel)}
.foot p{line-height:1.7}
.copy{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:13px}
@media (max-width:860px){.foot{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot{grid-template-columns:1fr}}

/* ---------- плавающий WhatsApp ---------- */
.wa{position:fixed;right:18px;bottom:18px;z-index:60;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 30px -6px rgba(37,211,102,.6);transform:scale(0);transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.wa.show{transform:scale(1)}
.wa svg{width:30px;height:30px;fill:#fff}

/* появление заголовков секций */
.js .rise{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}
.js .rise.on{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:0s!important;animation:none!important}
  .js .rise,.js .scan>*{opacity:1;transform:none;clip-path:none;filter:none}
  .try{height:auto}.try-pin{position:relative}.try-end{display:none}
}

/* ---------- страница с текстом (политика) ---------- */
.page-text .top{background:rgba(5,6,10,.9)}
.text-page{padding:150px 0 100px}
.text-page h1{font-size:clamp(30px,4vw,48px);margin-bottom:28px}
.text-page h2{font-size:22px;margin:36px 0 10px;max-width:none}
.text-page p{color:#c3c8d2;max-width:70ch;margin-bottom:14px}
.text-page .btn{margin-top:30px}

/* ---------- форма: ловушка для ботов и сообщение об успехе ---------- */
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.thanks{padding:8px 0 4px}
.thanks h3{font:600 22px var(--body);margin-bottom:8px;color:var(--amber)}
.thanks p{color:var(--mute)}
#lead.sent>:not(.thanks):not([type=hidden]){display:none}