/* Общие стили внутренних страниц luvano.pro (сравнение, интеграции, возможности).
   Токены и базовые компоненты повторяют /modul-bronirovaniya/ — визуально это один сайт.
   Главная и страница модуля держат CSS инлайном; внутренние страницы делят этот файл,
   чтобы правка шапки или футера не превращалась в правку девяти копий. */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#ffffff;
  --bg-alt:#f5f5f7;
  --accent:#1d1d1f;
  --accent-soft:rgba(0,0,0,.05);
  --text:#1d1d1f;
  --text-2:#6e6e73;
  --text-m:#a1a1a6;
  --border:#e5e5e7;
  --border-l:#f0f0f2;
  --pain:#d70015;
  --pain-bg:rgba(215,0,21,.06);
  --solve:#248a3d;
  --solve-bg:rgba(36,138,61,.1);
  --warn:#b25e09;
  --warn-bg:rgba(255,159,10,.12);
  --blue:#0071e3;
  --blue-h:#0077ed;
  --blue-soft:rgba(0,113,227,.08);
  --r:14px;--r-s:12px;--r-l:20px;
  --r-pill:980px;
  --sh:0 1px 2px rgba(0,0,0,.05);
  --sh-m:0 4px 20px rgba(0,0,0,.05);
  --sh-l:0 8px 28px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.03);
}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Helvetica Neue','Segoe UI',Roboto,Inter,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.65;overflow-x:hidden}
.container{max-width:1160px;margin:0 auto;padding:0 24px}
.container-n{max-width:820px;margin:0 auto;padding:0 24px}
section{padding:80px 0}
section.alt{background:var(--bg-alt)}
section[id]{scroll-margin-top:72px}
a{color:var(--blue)}
b,strong{font-weight:600}

/* Reveal */
.rv{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.rv.vis{opacity:1;transform:translateY(0)}
.rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}.rv-d4{transition-delay:.32s}
html:not(.js-reveal) .rv{opacity:1;transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1!important;transform:none!important;transition:none!important}}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:600;border-radius:var(--r-pill);cursor:pointer;transition:all .18s;text-decoration:none;border:none;font-size:.92rem;line-height:1;white-space:nowrap;padding:13px 24px}
.btn-p{background:var(--blue);color:#fff}
.btn-p:hover{background:var(--blue-h);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,113,227,.3)}
.btn-g{background:var(--bg-alt);color:var(--text);border:1px solid var(--border)}
.btn-g:hover{background:#ebebed;transform:translateY(-1px)}
.btn-o{background:transparent;color:var(--text);border:1.5px solid var(--border)}
.btn-o:hover{border-color:var(--text-m);transform:translateY(-1px)}
.btn-dark{background:var(--accent);color:#fff}
.btn-dark:hover{background:#000;transform:translateY(-1px)}
.btn svg{width:15px;height:15px;flex-shrink:0}
.btn-sm{padding:9px 16px;font-size:.82rem}

/* Section heads */
.s-label{font-size:.72rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px;display:block}
.s-title{font-size:clamp(1.65rem,3vw,2.3rem);line-height:1.15;letter-spacing:-.025em;margin-bottom:14px;font-weight:700}
.s-desc{font-size:1rem;color:var(--text-2);max-width:640px;line-height:1.72}
.s-head{margin-bottom:44px}
.s-head-c{text-align:center}
.s-head-c .s-desc{margin:0 auto}
h3.h3{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;margin:0 0 10px}

/* Header */
header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:15px 0;transition:all .3s;background:rgba(255,255,255,.92);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid transparent}
header.scrolled{border-bottom-color:var(--border-l);padding:11px 0}
header .container{display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{font-size:1.42rem;color:var(--text);text-decoration:none;font-weight:700;letter-spacing:-.04em;display:inline-flex;align-items:baseline}
.logo small{font-size:.78rem;font-weight:600;color:var(--text-m);letter-spacing:0;margin-left:8px;padding-left:9px;border-left:1px solid var(--border)}
.nav-l{display:flex;gap:4px;list-style:none;align-items:center}
.nav-l a{color:var(--text-2);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .15s;padding:6px 11px;border-radius:6px}
.nav-l a:hover{color:var(--text);background:var(--bg-alt)}
.nav-l .btn-p{color:#fff;padding:9px 18px;font-size:.85rem}
.nav-l .btn-p:hover{background:var(--blue-h)}
@media(max-width:1000px){.nav-l li.nav-x{display:none}}
@media(max-width:760px){.nav-l{display:none}.logo small{display:none}}

/* Breadcrumb */
.crumbs{padding:96px 0 0;font-size:.82rem;color:var(--text-m)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.crumbs a{color:var(--text-2);text-decoration:none}
.crumbs a:hover{color:var(--text)}
.crumbs li+li::before{content:'/';margin-right:6px;color:var(--border)}

/* Hero (внутренний) */
.hero{padding:28px 0 64px}
.hero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero.hero-1{padding-bottom:52px}
.hero.hero-1 .container{display:block;max-width:860px}
.hero-badge{display:inline-flex;align-items:center;gap:7px;background:var(--pain-bg);color:var(--pain);padding:6px 14px;border-radius:100px;font-size:.78rem;font-weight:600;margin-bottom:22px}
.hero-badge.ok{background:var(--solve-bg);color:var(--solve)}
.hero-badge.neutral{background:var(--blue-soft);color:var(--blue)}
.hero h1{font-size:clamp(1.95rem,4vw,2.9rem);line-height:1.1;letter-spacing:-.03em;margin-bottom:20px;font-weight:700}
.hero h1 em{font-style:normal;color:var(--blue)}
.hero-sub{font-size:1.06rem;color:var(--text-2);max-width:560px;margin-bottom:28px;line-height:1.7}
.hero-acts{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.hero-note{font-size:.85rem;color:var(--text-m);display:flex;align-items:flex-start;gap:7px;max-width:480px}
.hero-note svg{width:14px;height:14px;color:var(--solve);flex-shrink:0;margin-top:5px}
.hero-meta{font-size:.8rem;color:var(--text-m);margin-top:10px}

/* Скриншоты */
.bf{background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--border);box-shadow:0 4px 6px rgba(0,0,0,.03),0 26px 60px rgba(0,0,0,.09);max-width:900px;margin:0 auto}
.bf-bar{background:#f8fafc;padding:9px 13px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}
.bf-dots{display:flex;gap:5px}
.bf-dots i{width:9px;height:9px;border-radius:50%}
.bf-dots i:nth-child(1){background:#f87171}
.bf-dots i:nth-child(2){background:#fbbf24}
.bf-dots i:nth-child(3){background:#34d399}
.bf-url{flex:1;background:#fff;border:1px solid var(--border);border-radius:6px;font-size:.7rem;color:var(--text-m);padding:4px 10px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shot{width:100%;height:auto;display:block}
.shot-cap{margin-top:14px;font-size:.83rem;color:var(--text-m);text-align:center}
.phone{position:relative;z-index:1;width:280px;border-radius:40px;background:#1d1d1f;padding:10px;box-shadow:0 26px 60px rgba(0,0,0,.19),0 4px 14px rgba(0,0,0,.08);margin:0 auto}
.phone-scr{background:#fff;border-radius:31px;overflow:hidden}
.phone-scr img{width:100%;height:auto;display:block}
.mock-wrap{display:flex;justify-content:center;position:relative}
.mock-wrap::before{content:'';position:absolute;width:78%;height:78%;top:11%;left:11%;background:radial-gradient(circle,rgba(0,113,227,.13),transparent 68%);filter:blur(46px);z-index:0}

/* Карточки ценности */
.val-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.val-grid.c2{grid-template-columns:repeat(2,1fr)}
.val{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-l);padding:28px}
.val-ic{width:42px;height:42px;border-radius:11px;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.val-ic svg{width:21px;height:21px}
.val h3{font-size:1.08rem;font-weight:700;margin-bottom:9px;letter-spacing:-.02em}
.val p{font-size:.93rem;color:var(--text-2);line-height:1.68}
.val-crit{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-l);font-size:.84rem;color:var(--solve);font-weight:600;display:flex;align-items:flex-start;gap:7px}
.val-crit svg{width:14px;height:14px;flex-shrink:0;margin-top:4px}

/* Шаги */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:st}
.steps.c3{grid-template-columns:repeat(3,1fr)}
.step{position:relative;padding-top:44px}
.step::before{counter-increment:st;content:counter(st);position:absolute;top:0;left:0;width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.step h3{font-size:1.02rem;font-weight:700;margin-bottom:7px;letter-spacing:-.015em}
.step p{font-size:.9rem;color:var(--text-2);line-height:1.65}
.step-line{position:absolute;top:15px;left:42px;right:-20px;height:1px;background:var(--border)}
.step:last-child .step-line{display:none}

/* Вертикальная инструкция */
.howto{display:grid;gap:14px;counter-reset:ht}
.howto-i{display:grid;grid-template-columns:36px 1fr;gap:16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:20px 22px}
.howto-i::before{counter-increment:ht;content:counter(ht);width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.howto-i h3{font-size:1rem;font-weight:700;margin-bottom:5px;letter-spacing:-.015em}
.howto-i p{font-size:.92rem;color:var(--text-2);line-height:1.65}
.howto-i p+p{margin-top:6px}
.howto-i code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:6px;padding:1px 6px;color:var(--text)}

/* Списки «делает / не делает» */
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dd{border:1px solid var(--border);border-radius:var(--r-l);padding:26px 28px;background:var(--bg)}
.dd h3{font-size:1.02rem;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:9px}
.dd h3 svg{width:18px;height:18px}
.dd.yes h3{color:var(--solve)}
.dd.no h3{color:var(--warn)}
.dd ul{list-style:none;display:grid;gap:10px}
.dd li{font-size:.92rem;color:var(--text-2);line-height:1.6;padding-left:22px;position:relative}
.dd li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%}
.dd.yes li::before{background:var(--solve)}
.dd.no li::before{background:var(--warn)}
.dd li b{color:var(--text)}
.dd-note{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-l);font-size:.84rem;color:var(--text-m);line-height:1.6}

/* Цитаты */
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.q-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:22px;position:relative}
.q-card::before{content:'';position:absolute;left:0;top:20px;bottom:20px;width:3px;background:var(--pain);border-radius:0 3px 3px 0;opacity:.75}
.q-text{font-size:.94rem;line-height:1.6;margin-bottom:12px}
.q-src{font-size:.75rem;color:var(--text-m)}

/* Тёмная плашка */
.qual{background:#1d1d1f;color:#fff;border-radius:var(--r-l);padding:48px 44px}
.qual .s-label{color:#8ab4f8}
.qual h2{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.2;letter-spacing:-.025em;font-weight:700;margin-bottom:16px}
.qual p{color:#a1a1a6;font-size:1rem;line-height:1.72;max-width:680px}
.qual-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}
.qual-item{display:flex;gap:13px;align-items:flex-start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-s);padding:16px 18px}
.qual-item svg{width:17px;height:17px;color:#4ade80;flex-shrink:0;margin-top:4px}
.qual-item b{display:block;font-size:.94rem;font-weight:600;margin-bottom:2px;color:#fff}
.qual-item span{font-size:.83rem;color:#a1a1a6;line-height:1.55}
.qual-foot{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:.92rem;color:#d2d2d7}
.qual-foot b{color:#fff}

/* Сравнительная таблица */
.cmp-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-l);background:var(--bg);box-shadow:var(--sh-m)}
.cmp{width:100%;border-collapse:collapse;min-width:640px;font-size:.92rem}
.cmp th,.cmp td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border-l)}
.cmp thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-m);background:var(--bg-alt);font-weight:700}
.cmp thead th.us{color:var(--blue)}
.cmp tbody tr:last-child td{border-bottom:none}
.cmp td:first-child{color:var(--text);font-weight:600;width:34%}
.cmp td{color:var(--text-2)}
.cmp td.us{background:var(--blue-soft);color:var(--text)}
.cmp td small{display:block;font-size:.78rem;color:var(--text-m);font-weight:400;margin-top:2px}
.cmp .ok{color:var(--solve);font-weight:700}
.cmp .no{color:var(--pain);font-weight:700}
.cmp .part{color:var(--warn);font-weight:700}
.cmp-note{margin-top:14px;font-size:.8rem;color:var(--text-m);line-height:1.6}
.cmp-group td{background:var(--bg-alt)!important;color:var(--text-m)!important;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:9px 18px}

/* Калькулятор */
.calc{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-l);padding:32px 34px;box-shadow:var(--sh-m)}
.calc h3{font-size:1.2rem;font-weight:700;margin-bottom:6px;letter-spacing:-.02em}
.calc > p{font-size:.9rem;color:var(--text-m);margin-bottom:22px}
.calc-ctl{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}
.calc-ctl label{display:block;font-size:.82rem;font-weight:600;color:var(--text-2);margin-bottom:8px}
.calc-ctl select,.calc-ctl input{width:100%;font-family:inherit;font-size:.95rem;padding:11px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text)}
.calc-ctl input[type=range]{padding:0;border:none;accent-color:var(--blue)}
.calc-val{font-size:1.1rem;font-weight:700;color:var(--text);margin-left:6px}
.math-rows{display:grid;gap:1px;background:var(--border-l);border-radius:var(--r-s);overflow:hidden}
.math-row{background:var(--bg);display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-size:.94rem;gap:16px}
.math-row span{color:var(--text-2)}
.math-row b{font-weight:600;white-space:nowrap}
.math-row.neg b{color:var(--pain)}
.math-row.res{background:var(--solve-bg)}
.math-row.res span,.math-row.res b{color:var(--solve);font-weight:700}
.math-note{margin-top:14px;font-size:.82rem;color:var(--text-m);line-height:1.6}

/* Возражения */
.fear{border-bottom:1px solid var(--border);padding:22px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:start}
.fear:first-of-type{border-top:1px solid var(--border)}
.fear-q{font-size:1.04rem;font-weight:700;letter-spacing:-.02em;display:flex;gap:11px;align-items:flex-start}
.fear-q em{font-style:normal;color:var(--text-m);font-size:.86rem;font-weight:600;flex-shrink:0;margin-top:3px}
.fear-a{font-size:.95rem;color:var(--text-2);line-height:1.72}
.fear-a b{color:var(--text);font-weight:600}

/* FAQ-аккордеон */
.faq{display:grid;gap:10px}
.faq details{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-s);padding:0}
.faq summary{list-style:none;cursor:pointer;padding:16px 20px;font-size:.98rem;font-weight:600;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:1.3rem;color:var(--text-m);font-weight:400;flex-shrink:0;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .faq-a{padding:0 20px 18px;font-size:.93rem;color:var(--text-2);line-height:1.7}
.faq .faq-a b{color:var(--text)}

/* Шаблон сообщения с кнопкой «Скопировать» */
.tpl{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--sh)}
.tpl-h{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid var(--border-l);background:var(--bg-alt)}
.tpl-h h3{font-size:1rem;font-weight:700;letter-spacing:-.015em}
.tpl-h small{display:block;font-size:.78rem;color:var(--text-m);font-weight:400;margin-top:2px}
.tpl-b{padding:20px 22px}
.tpl pre{white-space:pre-wrap;font-family:inherit;font-size:.92rem;line-height:1.7;color:var(--text);background:none}
.tpl .var{color:var(--blue);background:var(--blue-soft);border-radius:5px;padding:0 4px;font-weight:600}
.tpl-why{margin-top:16px;padding-top:14px;border-top:1px dashed var(--border);font-size:.84rem;color:var(--text-2);line-height:1.6}
.tpl-why b{color:var(--text)}
.tpl-grid{display:grid;gap:22px}
.copy-btn.done{background:var(--solve);color:#fff;border-color:var(--solve)}

/* Переменные шаблонов */
.vars{display:flex;flex-wrap:wrap;gap:8px}
.vars span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:5px 10px;color:var(--text)}
.vars span em{font-style:normal;color:var(--text-m);font-family:inherit;margin-left:6px}

/* Сетка карточек-ссылок (хаб) */
.hub{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hub a{display:block;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-l);padding:24px;text-decoration:none;color:var(--text);transition:all .18s}
.hub a:hover{border-color:var(--text-m);transform:translateY(-2px);box-shadow:var(--sh-m)}
.hub b{display:block;font-size:1.02rem;font-weight:700;margin-bottom:6px;letter-spacing:-.015em}
.hub span{font-size:.88rem;color:var(--text-2);line-height:1.6;display:block}
.hub .tag{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);margin-bottom:10px}
.hub .tag.ical{color:var(--text-m)}

/* Снимок панели или диалога без рамки браузера */
.shot-card{display:block;width:100%;height:auto;border-radius:var(--r);border:1px solid var(--border);box-shadow:0 4px 6px rgba(0,0,0,.03),0 22px 50px rgba(0,0,0,.09);background:#fff}
.split{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:48px;align-items:start}
.split.narrow{grid-template-columns:minmax(0,360px) 1fr}
.split .stack{display:grid;gap:18px}
/* Лента экранов приложения */
.phones{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;align-items:start}
.phones figure{margin:0;text-align:center}
.phones .phone{width:100%;max-width:230px;border-radius:34px;padding:8px}
.phones .phone-scr{border-radius:27px}
.phones figcaption{margin-top:14px;font-size:.86rem;color:var(--text-2);line-height:1.5}
.phones figcaption b{display:block;color:var(--text);font-size:.94rem;margin-bottom:2px}
/* Список прав с галочками — как в диалоге приглашения */
.chk{list-style:none;display:grid;gap:16px}
.chk li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start}
.chk li::before{content:'';width:20px;height:20px;border-radius:5px;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/13px no-repeat;margin-top:2px}
.chk b{display:block;font-size:1rem;letter-spacing:-.015em;margin-bottom:3px}
.chk p{font-size:.92rem;color:var(--text-2);line-height:1.62}
@media(max-width:1000px){.split,.split.narrow{grid-template-columns:1fr;gap:30px}.split>img,.split>.mock-wrap{max-width:420px;margin:0 auto}.phones{grid-template-columns:1fr 1fr;gap:30px 18px}}

/* Плашка-предупреждение / примечание */
.note{border-left:3px solid var(--warn);background:var(--warn-bg);border-radius:0 var(--r-s) var(--r-s) 0;padding:16px 20px;font-size:.92rem;color:var(--text);line-height:1.65}
.note.ok{border-color:var(--solve);background:var(--solve-bg)}
.note.info{border-color:var(--blue);background:var(--blue-soft)}
.note b{font-weight:700}

/* Текстовые блоки статьи */
.prose{max-width:760px}
.prose p{font-size:1rem;color:var(--text-2);line-height:1.75;margin-bottom:16px}
.prose h2{font-size:1.5rem;letter-spacing:-.02em;margin:36px 0 12px;font-weight:700}
.prose h3{font-size:1.12rem;letter-spacing:-.015em;margin:26px 0 8px;font-weight:700}
.prose ul,.prose ol{margin:0 0 16px 22px;color:var(--text-2)}
.prose li{margin-bottom:6px;line-height:1.65}
.prose li b{color:var(--text)}

/* Часть Luvano */
.part{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;align-items:center}
.part h2{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.18;letter-spacing:-.025em;font-weight:700;margin-bottom:14px}
.part p{font-size:.98rem;color:var(--text-2);line-height:1.72;margin-bottom:24px}
.part-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.part-i{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-s);padding:16px 18px;display:flex;gap:12px;align-items:flex-start;text-decoration:none;color:inherit;transition:border-color .15s}
a.part-i:hover{border-color:var(--text-m)}
.part-i svg{width:18px;height:18px;color:var(--blue);flex-shrink:0;margin-top:3px}
.part-i b{display:block;font-size:.92rem;font-weight:600;margin-bottom:2px}
.part-i span{font-size:.8rem;color:var(--text-m);line-height:1.5}

/* CTA */
.cta-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-l);box-shadow:var(--sh-l);padding:44px;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.cta-l h2{font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.15;letter-spacing:-.028em;font-weight:700;margin-bottom:16px}
.cta-l > p{font-size:1rem;color:var(--text-2);line-height:1.72;margin-bottom:24px}
.cta-ul{list-style:none;display:grid;gap:12px;margin-bottom:26px}
.cta-ul li{display:flex;gap:11px;align-items:flex-start;font-size:.94rem;color:var(--text-2)}
.cta-ul svg{width:16px;height:16px;color:var(--solve);flex-shrink:0;margin-top:4px}
.cta-acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cta-r{background:var(--bg-alt);border-radius:var(--r);padding:26px}
.cta-r-t{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-m);margin-bottom:16px}
.cta-when{display:grid;gap:12px;counter-reset:cw}
.cta-when div{display:flex;gap:12px;align-items:flex-start;font-size:.9rem;color:var(--text-2);line-height:1.6}
.cta-when div::before{counter-increment:cw;content:counter(cw);width:22px;height:22px;border-radius:50%;background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.cta-who{margin-top:20px;padding-top:18px;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-2);line-height:1.6}
.cta-who b{color:var(--text)}

/* Modal записи на демо */
.bmod{position:fixed;inset:0;z-index:1100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.55);backdrop-filter:blur(4px)}
.bmod.open{display:flex;animation:mfade .2s ease}
.bmod-card{background:var(--bg);border-radius:var(--r-l);width:100%;max-width:1000px;height:min(88vh,760px);position:relative;box-shadow:var(--sh-l);overflow:hidden;animation:mrise .26s ease}
.bmod-x{position:absolute;top:10px;right:12px;z-index:2;width:34px;height:34px;border-radius:50%;background:var(--bg);border:1px solid var(--border);font-size:1.4rem;line-height:1;color:var(--text-2);cursor:pointer;box-shadow:var(--sh);display:flex;align-items:center;justify-content:center}
.bmod-x:hover{color:var(--text);border-color:var(--text-m)}
.bmod iframe{width:100%;height:100%;border:0;display:block}
.bmod-fb{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px;text-align:center}
.bmod-fb p{color:var(--text-2);font-size:.94rem;max-width:320px}
@keyframes mfade{from{opacity:0}to{opacity:1}}
@keyframes mrise{from{opacity:0;transform:translateY(12px)}to{opacity:none}}
@media(max-width:640px){.bmod{padding:0}.bmod-card{height:100%;max-width:100%;border-radius:0}}

/* Footer */
footer{background:#1d1d1f;color:#d2d2d7}
.footer-top{padding:52px 0 36px}
.footer-top .container{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.f-logo{font-size:1.35rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.04em;display:inline-block;margin-bottom:12px}
.f-desc{font-size:.9rem;line-height:1.7;color:#a1a1a6;max-width:320px}
.f-col-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#6e6e73;font-weight:700;margin-bottom:14px}
.f-links{list-style:none;display:grid;gap:9px}
.f-links a{color:#d2d2d7;text-decoration:none;font-size:.9rem;transition:color .15s}
.f-links a:hover{color:#fff}
.footer-bottom{padding:20px 0;border-top:1px solid rgba(255,255,255,.06)}
.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:.82rem;color:#6e6e73}
.footer-bottom a{color:#6e6e73;text-decoration:none;margin-left:18px}
.footer-bottom a:hover{color:#d2d2d7}

/* Sticky CTA (mobile) */
.sticky-cta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:900;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-top:1px solid var(--border)}
.sticky-cta .btn{width:100%;justify-content:center}

/* Responsive */
@media(max-width:1000px){
  .hero .container{grid-template-columns:1fr;gap:40px}
  .hero-sub{max-width:100%}
  .cta-card{grid-template-columns:1fr;gap:30px;padding:34px 28px}
  .part{grid-template-columns:1fr;gap:28px}
  .steps,.steps.c3{grid-template-columns:repeat(2,1fr);gap:26px}
  .step-line{display:none}
  .quote-grid{grid-template-columns:1fr}
  .val-grid{grid-template-columns:1fr 1fr}
  .hub{grid-template-columns:1fr 1fr}
  .footer-top .container{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  section{padding:56px 0}
  .crumbs{padding-top:84px}
  .hero{padding:20px 0 44px}
  .val-grid,.val-grid.c2,.qual-list,.part-grid,.dd-grid,.hub,.calc-ctl{grid-template-columns:1fr}
  .qual{padding:32px 22px;border-radius:var(--r)}
  .fear{grid-template-columns:1fr;gap:10px}
  .footer-top .container{grid-template-columns:1fr;gap:26px}
  .calc{padding:24px 20px}
  .steps,.steps.c3{grid-template-columns:1fr;gap:22px}
  .sticky-cta{display:block}
  body{padding-bottom:74px}
  .bf-bar{display:none}
  .bf{border-radius:var(--r-s)}
  .howto-i{grid-template-columns:30px 1fr;gap:12px;padding:16px}
  .howto-i::before{width:26px;height:26px;font-size:.78rem}
  .tpl-h{flex-direction:column;align-items:flex-start}
  .cmp td:first-child{width:auto}
}
@media(max-width:520px){
  .container,.container-n{padding:0 16px}
  .hero h1{font-size:clamp(1.65rem,7.5vw,2rem)}
  .hero-acts{flex-direction:column;align-items:stretch}
  .hero-acts .btn{justify-content:center}
  .cta-acts{flex-direction:column;align-items:stretch}
  .cta-acts .btn{justify-content:center}
}