/* Публичная часть (гость): лендинг с видео-заставкой, мастер до входа,
   вход и регистрация. Подключается поверх style.css; стиль — светлый,
   Manrope, тёмный текст и зелёный акцент, крупные заголовки капсом. */
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/manrope-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

body.public,body.auth{--ink:#222;--muted:#6b6b6b;--line:#e6e4e4;--accent:#019875;--accent-dark:#017a5e;--soft:#e6f5f1;--bg:#f6f4f4;--radius:4px;background:var(--bg);color:var(--ink);font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
body.public a,body.auth a{color:var(--accent)}
body.public button,body.public .btn,body.auth button,body.auth .btn{background:var(--accent);border-radius:2px;padding:14px 26px;font-weight:700;letter-spacing:.3px;transition:background .2s,transform .2s}
body.public button:hover,body.public .btn:hover,body.auth button:hover,body.auth .btn:hover{background:var(--accent-dark)}
body.public button.secondary,body.public .btn.secondary,body.auth .btn.secondary{background:transparent;color:var(--ink);border:1px solid #cfcccc}
body.public button.secondary:hover,body.public .btn.secondary:hover{background:#fff}
body.public input:not([type=checkbox]):not([type=radio]),body.public select,body.public textarea,body.auth input:not([type=checkbox]),body.auth select{border-radius:2px;border-color:#d9d6d6}
body.public :focus-visible,body.auth :focus-visible{outline:3px solid #7fd3bd;outline-offset:2px}

/* --- Шапка: прозрачная поверх видео, белая при прокрутке и на внутренних шагах --- */
.site-header{position:fixed;inset:0 0 auto 0;z-index:20;transition:background .3s,box-shadow .3s,color .3s;color:#fff}
.site-header .container{display:flex;align-items:center;gap:36px;height:88px}
.site-header.solid,.site-header.scrolled{background:#fff;color:var(--ink);box-shadow:0 1px 0 var(--line)}
.site-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;letter-spacing:-.3px;color:inherit!important}
.site-logo .brand-icon{background:var(--accent);border-radius:2px;width:34px;height:34px;font-size:28px}
.site-nav{display:flex;gap:30px;margin-left:auto;font-size:14px;font-weight:600}
.site-nav a{color:inherit!important;opacity:.9}.site-nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:6px}
.site-header .btn{padding:11px 20px;font-size:14px}
.site-login{color:inherit!important;font-size:14px;font-weight:600}
.container{max-width:1240px;margin:0 auto;padding:0 32px}

/* --- Видео-заставка на весь экран --- */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;color:#fff;overflow:hidden;background:#1d1f1f}
.hero-slides{position:absolute;inset:0}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}
.hero-video.active{opacity:1}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,22,22,.82) 0%,rgba(20,22,22,.55) 45%,rgba(20,22,22,.15) 100%),linear-gradient(0deg,rgba(20,22,22,.5),transparent 35%)}
.hero .container{position:relative;width:100%;padding-top:120px;padding-bottom:110px}
.hero-eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:700;color:#8fe3cb;margin:0 0 22px}
.hero h1{font-size:clamp(36px,5.4vw,72px);line-height:1.05;letter-spacing:-1.5px;font-weight:800;max-width:860px;margin:0 0 24px;color:#fff}
.hero-lead{font-size:clamp(17px,1.6vw,20px);line-height:1.6;max-width:600px;color:rgba(255,255,255,.86);margin:0 0 38px}
.hero-form{max-width:640px}
.hero-form .hero-site{display:flex;gap:0;background:#fff;padding:6px;border-radius:2px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.hero-form .hero-site input{border:0!important;min-height:56px;font-size:17px;color:var(--ink);background:transparent;flex:1;min-width:0}
.hero-form .hero-site button{white-space:nowrap;padding:0 30px}
.hero-form .override{color:rgba(255,255,255,.85);font-size:14px;margin-top:16px}
.hero-form .override input{accent-color:var(--accent)}
.hero-form [data-source="text"]{background:#fff;color:var(--ink);padding:24px;border-radius:2px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.hero-form [data-source="text"] label{margin-top:12px}
.hero-form .msg{margin:0 0 16px}
.source-switch{border:0;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;color:#fff;font-size:14px;font-weight:600}
.source-switch legend{float:left;padding:0;margin-right:4px;color:rgba(255,255,255,.7);font-weight:700}
.source-switch label{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer;color:#fff}
.source-switch input{accent-color:var(--accent);width:17px;height:17px;margin:0}
.source-hint{font-size:13px;color:rgba(255,255,255,.72);margin:10px 0 0}
.hero-actions{display:flex;align-items:center;gap:14px 26px;flex-wrap:wrap;margin-top:18px}
.hero-form .hero-actions .override{margin:0}
/* Вторая кнопка (живое демо) на тёмном фоне: прозрачная с белой рамкой. */
body.public .btn.ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.6);color:#fff!important}
body.public .btn.ghost:hover{background:rgba(255,255,255,.18)}
.cta-buttons{display:flex;gap:14px;flex-wrap:wrap}
.hero-scroll{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:26px;height:42px;border:2px solid rgba(255,255,255,.6);border-radius:14px}
.hero-scroll::after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:scrollDot 1.8s infinite}
@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
.hero-controls{position:absolute;right:32px;bottom:28px;display:flex;align-items:center;gap:18px}
.hero-dots{display:flex;gap:6px}
.hero-dots button{width:30px;height:24px;padding:0!important;background:none!important;border:0;position:relative;cursor:pointer}
.hero-dots button::before{content:"";position:absolute;left:0;right:0;top:10px;height:4px;border-radius:2px;background:rgba(255,255,255,.35);transition:background .3s}
.hero-dots button[aria-current=true]::before{background:#fff}
.hero-video-toggle{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff;font-size:13px;padding:9px 16px!important;backdrop-filter:blur(6px)}

/* --- Первый экран как у incleaning.ru: только видео, текста поверх нет --- */
.hero-showcase{min-height:100vh;min-height:100svh;align-items:flex-end;justify-content:center}
.hero-showcase .hero-shade{background:linear-gradient(180deg,rgba(15,16,16,.55) 0,rgba(15,16,16,0) 22%,rgba(15,16,16,0) 70%,rgba(15,16,16,.55) 100%)}
.hero-present{position:relative;z-index:2;margin:0 0 34px;display:inline-flex;align-items:center;gap:14px;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.55)!important;color:#fff;font-size:16px;font-weight:700;padding:12px 26px 12px 12px!important;border-radius:999px!important;backdrop-filter:blur(8px);cursor:pointer;transition:background .25s,transform .25s}
.hero-present:hover{background:rgba(255,255,255,.22)!important;transform:translateY(-2px)}
.hero-present .play{width:42px;height:42px;border-radius:50%;background:var(--accent);display:grid;place-items:center;position:relative}
.hero-present .play::after{content:"";margin-left:4px;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff}
.hero-showcase .hero-controls{z-index:2}

/* --- Второй блок: форма создания агента --- */
.start-block{background:var(--bg);padding:110px 0 120px}
.resume-banner{max-width:760px;margin:0 auto 34px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--soft);border:1px solid #bfe6da;padding:14px 18px;font-weight:600;color:#0f6e57}
.resume-banner .btn{padding:10px 18px;font-size:14px}
body.public .source-step{max-width:none}
.start-head{max-width:860px;margin:0 auto 40px;text-align:center}
.start-head .hero-eyebrow{color:var(--accent)}
.start-head h1{font-size:clamp(34px,4.6vw,62px);line-height:1.06;letter-spacing:-1.4px;font-weight:800;margin:0 0 22px;color:var(--ink)}
.start-head .hero-lead{color:#4a4a4a;margin:0 auto;max-width:720px}
.start-form{max-width:760px;margin:0 auto;background:#fff;padding:28px 30px 26px;box-shadow:0 24px 60px rgba(0,0,0,.08)}
.start-form .source-switch,.start-form .source-switch label{color:var(--ink)}
.start-form .source-switch legend{color:var(--muted)}
.start-form .hero-site{border:1px solid #d9d6d6;box-shadow:none}
.start-form .source-hint{color:var(--muted)}
.start-form [data-source="text"]{box-shadow:none;padding:0}
.start-note{font-size:13px;color:var(--muted)}

/* --- Сферы внедрения: карусель как services-slider у incleaning.ru --- */
.services-slider{background:#fff;padding:110px 0 100px}
.slider-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.slider-head .caption{margin:0}
.slider-arrows{display:flex;gap:10px}
.slider-arrows .arrow{width:52px;height:52px;padding:0!important;border-radius:50%!important;background:#fff!important;color:var(--ink)!important;border:1px solid var(--ink)!important;font-size:20px}
.slider-arrows .arrow:hover:not(:disabled){background:var(--ink)!important;color:#fff!important}
.slider-arrows .arrow:disabled{opacity:.3;cursor:default}
.spheres-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2px) / 3.25);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-top:1px solid var(--ink);outline:none}
.spheres-track::-webkit-scrollbar{display:none}
.sphere-card{scroll-snap-align:start;padding:28px 24px 10px;border-right:1px solid var(--line)}
.sphere-card:first-child{border-left:0}
.sphere-pic{aspect-ratio:3/2;overflow:hidden;background:#eee;margin-bottom:22px}
.sphere-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease,opacity .4s}
.sphere-pic img[data-lazy]{opacity:0}
.sphere-card:hover .sphere-pic img{transform:scale(1.05)}
.sphere-card h3{font-size:21px;line-height:1.3;margin:0 0 10px;font-weight:700}
.sphere-card h3 a{color:var(--ink)!important}.sphere-card h3 a:hover{color:var(--accent)!important}
.sphere-card p{color:#4a4a4a;font-size:15px;line-height:1.6;margin:0 0 14px}
.sphere-card ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sphere-card li{font-size:14px;color:var(--muted);padding-left:18px;position:relative}
.sphere-card li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.slider-foot{margin-top:40px;text-align:right}

/* --- Окно видеопрезентации --- */
.video-modal{width:min(1100px,94vw);padding:0;border:0;background:#000;overflow:visible}
.video-modal::backdrop{background:rgba(10,11,11,.86)}
.video-modal video,.video-modal iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}
.video-close{position:absolute;top:-48px;right:-6px;width:42px;height:42px;padding:0!important;border-radius:50%!important;background:rgba(255,255,255,.14)!important;color:#fff;font-size:26px;line-height:1}

/* --- Секции лендинга --- */
.section{padding:120px 0}
.section.white{background:#fff}
.caption{font-size:clamp(30px,3.6vw,48px);line-height:1.1;text-transform:uppercase;font-weight:800;letter-spacing:-.5px;margin:0 0 56px}
.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:start}
.about-grid h3{font-size:26px;line-height:1.35;font-weight:700;margin:0 0 22px}
.about-grid p{color:#4a4a4a;font-size:17px;line-height:1.75;margin:0 0 16px}
.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:46px 0 0;padding:0;list-style:none}
.numbers li{border-top:2px solid var(--ink);padding-top:18px}
.numbers .num{display:block;font-size:52px;line-height:1;font-weight:800;letter-spacing:-1.5px}
.numbers .desc{display:block;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:var(--accent);margin:10px 0 6px}
.numbers p{font-size:14px!important;color:var(--muted)!important;margin:0!important;line-height:1.5!important}
.about-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#ddd}
.about-media img{width:100%;height:100%;object-fit:cover;display:block}
.about-media figcaption{position:absolute;left:24px;bottom:24px;right:24px;background:#fff;padding:18px 22px;font-size:15px;line-height:1.5;box-shadow:0 10px 40px rgba(0,0,0,.15)}
.about-media figcaption b{display:block;color:var(--accent);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--line);border:2px solid var(--line)}
.steps-grid article{background:#fff;padding:36px 30px 40px;transition:background .25s}
.steps-grid article:hover{background:#fbfafa}
.steps-grid .step-num{font-size:64px;line-height:1;font-weight:800;color:transparent;-webkit-text-stroke:1.5px var(--accent);display:block;margin-bottom:28px}
.steps-grid h3{font-size:20px;margin:0 0 12px;font-weight:700}
.steps-grid p{color:var(--muted);font-size:15px;line-height:1.65;margin:0}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.feature{background:var(--bg);padding:34px 30px;border-bottom:3px solid transparent;transition:border-color .25s,transform .25s}
.feature:hover{border-color:var(--accent);transform:translateY(-4px)}
.feature .icon{display:grid;place-items:center;width:52px;height:52px;background:var(--soft);color:var(--accent);font-size:24px;margin-bottom:24px}
.feature h3{font-size:19px;margin:0 0 10px;font-weight:700}
.feature p{color:var(--muted);font-size:15px;line-height:1.65;margin:0}
/* --- Возможности: главное — действия агента, справа пример разговора --- */
.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:72px}
.cap-eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:700;color:var(--accent);margin:0 0 14px}
.cap-intro h3{font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.8px;font-weight:800;margin:0 0 18px}
.cap-lead{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 30px}
.cap-actions{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.cap-actions li{display:flex;gap:16px;align-items:flex-start;padding:14px 16px;border-radius:4px;transition:background .25s}
.cap-actions li:hover{background:var(--bg)}
.cap-icon{flex:none;display:grid;place-items:center;width:42px;height:42px;background:var(--soft);color:var(--accent);font-size:19px;border-radius:4px}
.cap-actions b{display:block;font-size:17px;margin:2px 0 3px}
.cap-actions span:not(.cap-icon){color:var(--muted);font-size:14.5px;line-height:1.5}
.cap-demo{margin:0;background:#1b1c1c;color:#fff;border-radius:6px;padding:22px 22px 18px;box-shadow:0 30px 70px rgba(0,0,0,.22);position:relative}
.cap-call{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:rgba(255,255,255,.75);padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:18px}
.cap-dot{width:9px;height:9px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 0 rgba(61,220,151,.6);animation:capPing 1.8s infinite}
@keyframes capPing{0%{box-shadow:0 0 0 0 rgba(61,220,151,.6)}100%{box-shadow:0 0 0 10px rgba(61,220,151,0)}}
.cap-timer{margin-left:auto;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.5)}
.cap-chat{display:flex;flex-direction:column;gap:10px}
.cap-chat p{margin:0;max-width:84%;padding:11px 15px;font-size:15px;line-height:1.45;border-radius:14px}
.cap-chat .msg-client{align-self:flex-end;background:#33363a;border-bottom-right-radius:4px}
.cap-chat .msg-agent{align-self:flex-start;background:var(--accent);border-bottom-left-radius:4px}
.cap-chat .msg-action{align-self:center;max-width:100%;display:flex;align-items:center;gap:10px;font-size:13px;color:rgba(255,255,255,.85);background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.22);border-radius:999px;padding:7px 14px}
.cap-chat .msg-action em{font-style:normal;font-weight:700;color:#8fe3cb;margin-left:4px}
.cap-chat .msg-action.done{border-style:solid;border-color:rgba(143,227,203,.5)}
.cap-demo figcaption{margin-top:18px;font-size:12.5px;color:rgba(255,255,255,.45)}
/* Реплики появляются по очереди, когда пример попал в экран. */
.js .cap-demo .cap-chat p{opacity:0;transform:translateY(10px)}
.js .cap-demo.visible .cap-chat p{animation:capIn .5s ease forwards}
.js .cap-demo.visible .cap-chat p:nth-child(2){animation-delay:.7s}.js .cap-demo.visible .cap-chat p:nth-child(3){animation-delay:1.4s}
.js .cap-demo.visible .cap-chat p:nth-child(4){animation-delay:2.1s}.js .cap-demo.visible .cap-chat p:nth-child(5){animation-delay:2.8s}
.js .cap-demo.visible .cap-chat p:nth-child(6){animation-delay:3.5s}.js .cap-demo.visible .cap-chat p:nth-child(7){animation-delay:4.2s}
@keyframes capIn{to{opacity:1;transform:none}}
.features-row{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.features-row .feature{padding:28px 24px}
@media(prefers-reduced-motion:reduce){.js .cap-demo .cap-chat p{opacity:1;transform:none;animation:none!important}.cap-dot{animation:none}}
.cta-band{position:relative;background:#222 url(media/hero.jpg) center/cover;color:#fff;padding:110px 0;overflow:hidden}
.cta-band::before{content:"";position:absolute;inset:0;background:rgba(20,22,22,.82)}
.cta-band .container{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.cta-band h2{font-size:clamp(28px,3.4vw,44px);line-height:1.15;text-transform:uppercase;font-weight:800;margin:0;max-width:720px}
.cta-band p{color:rgba(255,255,255,.75);margin:14px 0 0;font-size:17px}
.site-footer{background:#1b1c1c;color:rgba(255,255,255,.6);padding:64px 0 28px;font-size:14px}
.site-footer a{color:#fff!important}
.site-footer .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;align-items:start}
.footer-brand .site-logo{color:#fff!important;margin-bottom:16px}
.footer-brand p{max-width:340px;line-height:1.65;margin:0}
.footer-links{display:flex;flex-direction:column;gap:12px}
.footer-links a{opacity:.85}.footer-links a:hover{opacity:1}
.footer-note{margin:0;line-height:1.75;color:rgba(255,255,255,.8)}
.footer-note a{text-decoration:underline;text-underline-offset:3px}
.site-footer .footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);margin-top:48px;padding-top:22px;font-size:13px}
/* Появление блоков при прокрутке (assets/site.js); без JS всё видно сразу. */
.js [data-reveal]{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s ease}
.js [data-reveal].visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transform:none;transition:none}.hero-scroll::after{animation:none}}

/* --- Инсайты (public/insights.php): список статей и статья --- */
.insights-page{padding-top:88px}
.container.narrow{max-width:820px}
.insights-head{background:#fff;padding:72px 0 48px;border-bottom:1px solid var(--line)}
.insights-head .eyebrow,.insight-article .eyebrow{color:var(--accent);letter-spacing:3px;font-size:12px;font-weight:700;text-transform:uppercase;margin:0 0 18px}
.insights-head h1,.insight-article h1{font-size:clamp(32px,4.4vw,58px);line-height:1.08;letter-spacing:-1.2px;font-weight:800;margin:0 0 20px;max-width:900px}
.insight-lead{font-size:clamp(17px,1.5vw,19px);line-height:1.65;color:#4a4a4a;max-width:720px;margin:0 0 8px}
.insight-filters{display:grid;gap:18px;margin-top:40px}
.insight-filters>div{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.filter-label{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;color:var(--muted);min-width:96px}
.insight-filters nav{display:flex;gap:8px;flex-wrap:wrap}
.insight-filters nav a{color:var(--ink)!important;border:1px solid #d9d6d6;padding:8px 14px;font-size:14px;font-weight:600;border-radius:999px;transition:border-color .2s,background .2s}
.insight-filters nav a:hover{border-color:var(--accent)}
.insight-filters nav a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:#fff!important}
.insights-list{padding:56px 0 96px}
.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.insight-card{background:#fff;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.insight-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.08)}
.insight-cover,.insight-hero{display:grid;place-items:center;aspect-ratio:16/9;background:radial-gradient(circle at 78% 22%,rgba(255,255,255,.28),transparent 42%),linear-gradient(135deg,var(--cover),#1b1c1c 140%);color:rgba(255,255,255,.92);overflow:hidden}
.insight-cover{color:rgba(255,255,255,.92)!important}
.insight-cover span{font-size:54px;line-height:1}
.insight-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.insight-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.insight-tags span,.insight-tags a{font-size:12px;font-weight:700;color:var(--accent)!important;background:var(--soft);padding:4px 9px;border-radius:2px}
.insight-tags .industry{color:#4a4a4a!important;background:#f0eeee}
.insight-card h3{font-size:19px;line-height:1.35;margin:0 0 10px;font-weight:700}
.insight-card h3 a{color:var(--ink)!important}
.insight-card h3 a:hover{color:var(--accent)!important}
.insight-card p{color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 18px}
.insight-card time,.insight-article time{margin-top:auto;font-size:13px;color:#9a9797}
.insights-pager{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:48px;font-size:14px;font-weight:600}
.insights-empty{padding:40px 0;color:var(--muted)}
.insight-article{background:#fff;padding:56px 0 80px}
.back-link{display:inline-block;font-size:14px;font-weight:600;margin-bottom:28px}
.insight-article .insight-lead{margin-bottom:14px}
.insight-hero{margin:34px 0 42px;aspect-ratio:21/9}
.insight-hero span{font-size:96px;line-height:1}
.insight-text{font-size:18px;line-height:1.75;color:#333}
.insight-text h2{font-size:26px;line-height:1.3;margin:42px 0 14px;font-weight:800;letter-spacing:-.3px}
.insight-text p{margin:0 0 18px}
.insight-text ul,.insight-text ol{margin:0 0 20px;padding-left:24px}
.insight-text li{margin-bottom:10px}
@media(max-width:1000px){.insights-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.insights-page{padding-top:68px}.insights-head{padding:44px 0 32px}.insights-grid{grid-template-columns:1fr}.insight-filters>div{flex-direction:column;gap:10px}.insight-text{font-size:17px}.insight-article{padding:36px 0 56px}}

/* --- Внутренние шаги мастера для гостя --- */
body.public .main{margin-left:0;padding-top:88px}
body.public .content{max-width:1000px;padding:56px 32px 90px}
body.public .page-heading h1{font-size:clamp(28px,3.2vw,42px);font-weight:800;letter-spacing:-.8px;text-transform:uppercase;line-height:1.1}
body.public .eyebrow{color:var(--accent);letter-spacing:3px;font-size:11px}
body.public .panel{border:0;border-radius:2px;padding:36px;box-shadow:0 1px 0 var(--line)}
body.public .section-icon{border-radius:2px;background:var(--soft);color:var(--accent)}
body.public .section-heading h2{font-size:20px;font-weight:700}
body.public .wizard-steps{gap:0;border-bottom:1px solid var(--line);margin:18px 0 34px;counter-reset:none}
body.public .wizard-steps li{background:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0}
body.public .wizard-steps li>*{display:block;padding:12px 16px;font-size:13px;font-weight:600;color:#9a9797;border-bottom:2px solid transparent;margin-bottom:-1px}
body.public .wizard-steps li.done>*{color:var(--ink)}
body.public .wizard-steps li.current>*{color:var(--accent);border-bottom-color:var(--accent)}
body.public .progress{border-radius:0;background:#ece9e9}
body.public .progress span{background:var(--accent);border-radius:0}
body.public .msg{border-radius:2px}
body.public .msg.ok{background:var(--soft);border-color:#bfe6da;color:#0f6e57}

/* --- Вход и регистрация: видео слева, форма справа --- */
.auth-split{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;min-height:100svh}
.auth-media{position:relative;overflow:hidden;background:#1d1f1f;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:40px 48px}
.auth-media video,.auth-media::after{position:absolute;inset:0;width:100%;height:100%}
.auth-media video{object-fit:cover}
.auth-media::after{content:"";background:linear-gradient(180deg,rgba(20,22,22,.7) 0%,rgba(20,22,22,.2) 30%,rgba(20,22,22,.25) 55%,rgba(20,22,22,.88) 100%)}
.auth-media>*{position:relative;z-index:1}.auth-media>video,.auth-media::after{z-index:0}
.auth-media .site-logo{color:#fff!important}
.auth-media blockquote{margin:0;font-size:clamp(24px,2.4vw,34px);line-height:1.25;font-weight:800;max-width:520px}
.auth-media blockquote small{display:block;font-size:15px;font-weight:500;color:rgba(255,255,255,.75);margin-top:16px;line-height:1.6}
.auth-side{display:flex;align-items:center;justify-content:center;padding:48px 32px;background:#fff}
.auth-side .center{margin:0;max-width:420px;width:100%;padding:0;border:0;box-shadow:none;background:none}
.auth-side .center>.brand{display:none}
.auth-side h2{font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-.5px;margin-bottom:22px}

@media(max-width:1000px){.spheres-track{grid-auto-columns:calc((100% - 1px) / 2.15)}.capabilities{grid-template-columns:1fr;gap:44px}.features-row{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr;gap:48px}.steps-grid{grid-template-columns:1fr 1fr}.features-grid{grid-template-columns:1fr 1fr}.site-nav{display:none}.site-header .container{gap:18px}.site-login{margin-left:auto}}
@media(max-width:860px){.auth-split{grid-template-columns:1fr}.auth-media{min-height:260px;padding:28px 24px}.auth-media blockquote{font-size:22px}}
@media(max-width:640px){.container{padding:0 18px}.site-header .container{height:68px}.site-header .btn{display:none}body.public .main{padding-top:68px}.hero .container{padding-top:100px;padding-bottom:96px}.hero-form .hero-site{flex-direction:column;gap:6px}.hero-form .hero-site button{min-height:52px}.section{padding:80px 0}.caption{margin-bottom:36px}.numbers{grid-template-columns:1fr;gap:22px}.steps-grid,.features-grid,.features-row{grid-template-columns:1fr}.cap-chat p{max-width:92%}.hero-controls{right:18px}.source-switch legend{display:none}.hero-present{margin-bottom:90px;font-size:15px}.spheres-track{grid-auto-columns:86%}.sphere-card{padding:22px 18px 6px}.start-block,.services-slider{padding:70px 0}.start-form{padding:20px 16px}.slider-arrows .arrow{width:44px;height:44px}.hero-scroll{display:none}.site-footer .footer-grid{grid-template-columns:1fr;gap:28px}body.public .content{padding:32px 18px 70px}body.public .panel{padding:22px}}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.public .btn,body.auth .btn{color:#fff!important}body.public .btn.secondary,body.auth .btn.secondary{color:var(--ink)!important}

/* --- Правовые документы (public/legal.php), подвал, баннер cookie --- */
.legal-doc .legal-edition{color:#777;font-size:14px;margin:-6px 0 28px}
.legal-doc .insight-text{font-size:16px}
.legal-doc .insight-text h2{font-size:21px;margin:34px 0 12px}
.legal-table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px}
.legal-table th,.legal-table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.legal-table th{background:#f6f7f5;font-weight:700}
.legal-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px}
.legal-list li{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:#fff}
.legal-list a{font-weight:700;font-size:18px}.legal-list span{color:#777;font-size:14px}
.footer-legal nav{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;padding:18px 0 4px}
.footer-legal a{color:inherit;opacity:.75}.footer-legal a:hover{opacity:1}
.auth-legal{font-size:12px;color:#888;text-align:center;margin:18px 0 0}.auth-legal a{color:inherit}
.consent{display:flex;align-items:flex-start;gap:8px;line-height:1.5}.consent input{margin-top:3px;flex-shrink:0}
.oauth-consent{font-size:12px;margin:6px 0 0}
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:1000;max-width:760px;margin:0 auto;background:#fff;color:#222;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px #0002;padding:16px 18px;display:flex;align-items:center;gap:16px;font-size:14px;line-height:1.5}
body .cookie-banner .btn.cookie-necessary{background:#fff;color:#222!important;border:1px solid #cfcfcf;box-shadow:none}body .cookie-banner .btn.cookie-necessary:hover{background:#f3f3f3}
.cookie-banner p{margin:0;flex:1}.cookie-actions{display:flex;gap:10px;flex-shrink:0}.cookie-actions .btn{padding:10px 16px;font-size:14px;white-space:nowrap}
@media(max-width:640px){.cookie-banner{flex-direction:column;align-items:stretch}.cookie-actions{flex-direction:column-reverse}.legal-table{font-size:13px}.legal-table th,.legal-table td{padding:8px}}