/* Start:/local/templates/alavir/styles.css?178387833833889*/
/* project custom overrides (kept for Bitrix; main design in template_styles.css) */

/* ===== Маркетинговый контент детальных страниц ===== */
.article-body{font-size:16px;line-height:1.7;color:var(--ink-2)}
.article-body > p{margin-bottom:16px;font-size:var(--fs-base)}
.article-body h2{color:var(--ink);font-size:var(--fs-xl);font-weight:600;margin:32px 0 16px;letter-spacing:-.01em}
.article-body h3{color:var(--ink);font-size:18px;margin:22px 0 10px}
.article-body b,.article-body strong{color:var(--ink)}
.article-body a{color:var(--red)}
/* списки «что входит» -> карточки с галочкой */
.article-body ul{list-style:none;padding:0;margin:0 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.article-body ul li{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 16px 15px 46px;font-size:14.7px;color:var(--ink);line-height:1.5}
.article-body ul li::before{content:"";position:absolute;left:15px;top:16px;width:20px;height:20px;border-radius:50%;background:var(--green-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23178A4C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");background-size:13px;background-repeat:no-repeat;background-position:center}
.article-body ol{padding-left:20px;margin:0 0 22px}
.article-body ol li{margin-bottom:8px}
@media(max-width:640px){.article-body ul{grid-template-columns:1fr}}
.article-body.seotext ul{grid-template-columns:1fr}
.article-body.seotext ul li{padding:8px 8px 8px 30px;font-size:14.5px}
.article-body.seotext ul li::before{top:11px;left:6px}

/* ===== Лендинг услуги/продукта ===== */
.crumbs{background:#fff;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-3)}
.crumbs .wrap{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:11px 22px}
.crumbs a{color:var(--ink-3)}.crumbs a:hover{color:var(--red)}
.crumbs span{opacity:.5}.crumbs b{color:var(--ink-2);font-weight:600}

.lp-hero{background:linear-gradient(175deg,#F7FAFD 0%,#fff 62%);border-bottom:1px solid var(--line);overflow:hidden}
.lp-hero .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:var(--sp-xl);padding-top:var(--sp-2xl);padding-bottom:var(--sp-2xl);align-items:start}
.lp-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.lp-badges span{background:#fff;border:1px solid var(--line);color:var(--ink-2);font-size:12.5px;font-weight:500;padding:6px 12px;border-radius:100px;box-shadow:var(--el-1)}
.lp-hero h1{font-size:clamp(1.9rem,1.4rem+2.4vw,3.1rem);font-weight:700;letter-spacing:-.02em}
.lp-offer{margin-top:var(--sp-md);font-size:var(--fs-lg);color:var(--ink-2);max-width:52ch}
.lp-aud{display:inline-flex;align-items:center;gap:9px;margin-top:16px;background:var(--green-soft);color:#0f6b3a;border-radius:10px;padding:9px 14px;font-size:14.5px;font-weight:500}
.lp-aud svg{width:18px;height:18px;stroke:var(--green);fill:none;stroke-width:2}
.lp-cta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:var(--sp-lg)}
.lp-price{font-size:15px;color:var(--ink-2)}.lp-price b{color:var(--ink);font-size:19px;font-weight:700}
.lp-hero-stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:var(--sp-lg);padding-top:var(--sp-lg);border-top:1px solid var(--line)}
.lp-hero-stats div{display:flex;flex-direction:column}
.lp-hero-stats b{font-size:24px;font-weight:700;color:var(--red);line-height:1}
.lp-hero-stats span{font-size:13px;color:var(--ink-3);margin-top:3px}
@media(max-width:880px){.lp-hero .wrap{grid-template-columns:1fr}}

.lp-stats{background:var(--navy)}
.lp-stats .wrap{display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px;padding:28px 22px}
.lp-stat{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:130px}
.lp-stat b{font-size:clamp(1.7rem,1.3rem+1.5vw,2.4rem);font-weight:700;color:#fff;line-height:1}
.lp-stat span{font-size:13.5px;color:#AEBDCB;margin-top:6px}

.lp-lead{font-size:var(--fs-lg);color:var(--ink-2);line-height:1.6}

.lp-gets{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lp-get{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 17px}
.lp-get svg{width:22px;height:22px;stroke:var(--green);fill:none;stroke-width:2.6;flex:none;margin-top:1px}
.lp-get span{font-size:15px;color:var(--ink);line-height:1.45}
@media(max-width:720px){.lp-gets{grid-template-columns:1fr}}

.pr-feats{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}
.pr-feats li{position:relative;padding-left:25px;font-size:15px;color:var(--ink-2);line-height:1.5}
.pr-feats li::before{content:"";position:absolute;left:0;top:6px;width:13px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23178A4C' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat}
.pr-card .btn{margin-top:12px}

.pfc .th.ph{padding:0;height:150px;overflow:hidden;background:#eef2f7}
.pfc .th.ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur) var(--ease)}
a.pfc:hover .th.ph img{transform:scale(1.05)}

/* проект - детальная */
.proj-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--sp-xl);align-items:start}
.proj-media img{width:100%;border:1px solid var(--line);border-radius:14px;box-shadow:var(--el-2);display:block}
.proj-facts{display:flex;gap:26px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.proj-facts div{display:flex;flex-direction:column}
.proj-facts span{font-size:12px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}
.proj-facts b{font-size:16px;color:var(--ink);margin-top:4px}
@media(max-width:820px){.proj-detail{grid-template-columns:1fr}}

/* ===== Заказ / формы ===== */
.order-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.btn-quick,.btn-add{flex:1;min-width:120px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;font-size:13.5px;padding:11px 14px;min-height:42px;border-radius:9px;cursor:pointer;font-family:inherit;border:1px solid transparent;transition:all var(--dur-fast)}
.btn-quick{background:var(--red);color:#fff}.btn-quick:hover{background:var(--red-dark)}
.btn-add{background:#fff;border-color:var(--line);color:var(--ink)}.btn-add:hover{border-color:var(--ink-3)}

.modal{position:fixed;inset:0;background:rgba(16,23,32,.55);backdrop-filter:blur(3px);z-index:200;display:none;align-items:center;justify-content:center;padding:20px}
.modal.open{display:flex}
.modal-box{background:#fff;border-radius:18px;box-shadow:var(--el-3);padding:28px;max-width:440px;width:100%;position:relative;max-height:90vh;overflow-y:auto}
.modal-box h3{font-size:var(--fs-xl)}
.modal-x{position:absolute;top:14px;right:16px;background:none;border:none;font-size:28px;line-height:1;color:var(--ink-3);cursor:pointer}
.modal-x:hover{color:var(--ink)}
.modal-box .fld{display:flex;flex-direction:column;gap:5px}
.modal-box label{font-size:13px;font-weight:600;color:var(--ink-2)}
.modal-box input{width:100%;padding:13px 15px;min-height:48px;border:1px solid var(--line);border-radius:10px;font-size:15.5px;font-family:inherit}
.modal-box input:focus{outline:2px solid var(--red);border-color:var(--red)}

.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:#fff;padding:14px 22px;border-radius:12px;font-size:14.5px;font-weight:500;box-shadow:var(--el-3);z-index:300;transition:all .3s var(--ease);max-width:90vw}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast.ok{background:var(--green)}.toast.err{background:var(--red)}

/* корзина - страница */
.cart-list{display:flex;flex-direction:column;gap:12px;margin-top:var(--sp-lg)}
.cart-item{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.cart-item .ci-name{font-weight:600;font-size:15.5px}
.cart-item .ci-price{color:var(--red);font-weight:700;margin-left:auto;white-space:nowrap}
.cart-item .ci-rm{background:none;border:none;color:var(--ink-3);cursor:pointer;font-size:22px;line-height:1;padding:0 4px}
.cart-item .ci-rm:hover{color:var(--red)}
.cart-empty{text-align:center;padding:var(--sp-2xl) 0;color:var(--ink-3)}
@media(max-width:560px){.order-btns{flex-direction:column}}

/* цена решения */
.sol-price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-top:var(--sp-lg);padding-top:var(--sp-lg);border-top:1px solid var(--line)}
.sol-price-now{font-size:34px;font-weight:700;color:var(--ink);line-height:1}
.sol-price-old{font-size:20px;color:var(--ink-3);text-decoration:line-through}
.sol-price-note{flex-basis:100%;font-size:13px;color:var(--ink-3);margin-top:4px}

/* таблица сравнения */
.cmp-wrap{overflow-x:auto;margin-top:var(--sp-lg);border:1px solid var(--line);border-radius:14px}
table.cmp{width:100%;border-collapse:collapse;min-width:640px;background:#fff;font-size:14.5px}
table.cmp th,table.cmp td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}
table.cmp thead th{background:var(--paper);font-weight:600;color:var(--ink);white-space:nowrap}
table.cmp tbody tr:last-child td{border-bottom:none}
table.cmp .c-name{font-weight:600;color:var(--ink)}
table.cmp .c-price{font-weight:700;color:var(--ink);white-space:nowrap}
table.cmp .c-price small{display:block;font-weight:400;font-size:12px;color:var(--ink-3)}
table.cmp .hi td{background:var(--red-soft)}
table.cmp tr:hover td{background:var(--paper)}
table.cmp .c-do{white-space:nowrap}
.sol-card-price{display:flex;align-items:baseline;gap:8px;margin-top:8px}
.sol-card-price b{font-size:19px;color:var(--ink);font-weight:700}
.sol-card-price s{color:var(--ink-3);font-size:14px}
.sol-badge{position:absolute;top:14px;right:14px;background:var(--red);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px;text-transform:uppercase}

/* статья - детальная */
.art-hero{margin-top:var(--sp-lg);border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.art-hero img{width:100%;display:block}
.article-body.art-full{font-size:16.5px;line-height:1.75}
.article-body.art-full ul,.article-body.art-full ol{display:block;grid-template-columns:none}
.article-body.art-full ul li{background:none;border:none;border-radius:0;padding:4px 0 4px 28px;position:relative}
.article-body.art-full ul li::before{left:0;top:9px;width:18px;height:18px;background-size:11px}
.article-body a.btn{text-decoration:none}
.article-body a.btn-red{color:#fff}
.article-body a.btn-red:hover{color:#fff}
.article-body a.btn-out{color:var(--ink)}
.article-body.art-full figure{margin:22px 0}
.article-body.art-full figure img{width:100%;border-radius:12px;border:1px solid var(--line);display:block}
.article-body.art-full h2{font-size:1.5rem}
.article-body.art-full p{font-size:16.5px}
/* карточка статьи в списке с фото */
.art-card .art-thumb{margin:-24px -24px 4px;height:160px;overflow:hidden;background:#eef2f7}
.art-card .art-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur) var(--ease)}
a.art-card:hover .art-thumb img{transform:scale(1.05)}



/* ===== Выпадающее меню в шапке (переопределяет flat-nav из template_styles.css) ===== */
nav.nv{display:flex;gap:2px;margin-left:auto;align-items:center}
nav.nv .ni{position:relative}
nav.nv .ni > a{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:500;padding:10px 13px;border-radius:9px;white-space:nowrap;transition:background var(--dur-fast),color var(--dur-fast)}
nav.nv .ni > a:hover{background:var(--paper);color:var(--red)}
nav.nv .caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.55;transition:transform var(--dur-fast)}
nav.nv .ni:hover .caret{transform:rotate(180deg)}
nav.nv .submenu{position:absolute;top:calc(100% + 6px);left:0;min-width:260px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--el-3);padding:8px;display:none;flex-direction:column;gap:2px;z-index:70}
nav.nv .submenu::before{content:"";position:absolute;top:-6px;left:0;right:0;height:6px}
nav.nv .ni.has-sub:hover .submenu{display:flex}
nav.nv .submenu a{display:block;font-size:14.5px;font-weight:500;padding:9px 12px;border-radius:8px;color:var(--ink-2);line-height:1.3}
nav.nv .submenu a:hover{background:var(--paper);color:var(--red)}

@media(max-width:1060px){
  nav.nv{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:10px;gap:2px;box-shadow:var(--el-3);max-height:80vh;overflow-y:auto}
  nav.nv.open{display:flex}
  nav.nv .ni{position:static}
  nav.nv .ni > a{padding:13px 16px;justify-content:space-between}
  nav.nv .submenu{position:static;display:none;box-shadow:none;border:none;border-left:2px solid var(--line);border-radius:0;margin:2px 0 6px 14px;padding:2px 0;min-width:0}
  nav.nv .ni.has-sub.open-sub .submenu{display:flex}
  nav.nv .ni.has-sub.open-sub .caret{transform:rotate(180deg)}
}

/* ===== ЛЕНДИНГ v2: showcase, лид, таблица, таймлайн, галерея, гарантии ===== */
.lp-showcase{background:linear-gradient(180deg,#fff,#F3F8FD);padding:6px 0 34px}
.brow{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px -24px rgba(11,31,58,.35)}
.brow-bar{display:flex;align-items:center;gap:7px;background:#EEF3F9;border-bottom:1px solid var(--line);padding:10px 14px}
.brow-bar i{width:11px;height:11px;border-radius:50%;background:#D8E0EA;display:block}
.brow-bar i:nth-child(1){background:#F87171}.brow-bar i:nth-child(2){background:#FBBF24}.brow-bar i:nth-child(3){background:#34D399}
.brow-bar span{margin-left:10px;font-size:12.5px;color:var(--ink-3);background:#fff;border:1px solid var(--line);border-radius:7px;padding:3px 40px 3px 12px}
.brow img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;object-position:top}

.lp-leadsec{padding-bottom:0}
.lp-leadsec .lp-lead{font-size:clamp(1.05rem,1rem+.5vw,1.3rem);color:var(--ink-2);line-height:1.65;border-left:3px solid var(--red);padding-left:22px}

.ps-after{margin-top:var(--sp-lg);font-size:15.5px;color:var(--ink-2)}
.ps-after a{color:var(--red);font-weight:600;text-decoration:underline;text-underline-offset:3px}

table.cmp .rowh{font-weight:600;color:var(--ink)}
table.cmp td .tc-yes{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#E7F6EC}
table.cmp td .tc-yes svg{width:14px;height:14px;fill:none;stroke:#1F9D55;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
table.cmp td .tc-no{color:#B7C3D1;font-weight:700}

.steps .tl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:22px 18px;margin-top:var(--sp-lg);position:relative;z-index:2}
.steps .tl .st{position:relative;padding-top:2px}
.steps .tl .st .n{width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;font-weight:700;display:grid;place-items:center;margin-bottom:14px;font-size:16px;box-shadow:0 0 0 6px rgba(214,34,42,.18);position:relative;z-index:2}
.steps .tl .st::before{content:"";position:absolute;top:20px;left:52px;right:-6px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.35),rgba(255,255,255,.08))}
.steps .tl .st:last-child::before{display:none}
.steps .tl .st h4{color:#fff;font-size:16.5px;margin-bottom:6px}
.steps .tl .st p{font-size:13.5px;color:#AEBDCB;line-height:1.5}
@media(max-width:640px){.steps .tl .st::before{display:none}}

.lp-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp-gal figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--el-1)}
.lp-gal img{display:block;width:100%;height:210px;object-fit:cover;object-position:top;transition:transform .35s}
.lp-gal a:hover img{transform:scale(1.03)}
.lp-gal figcaption{padding:10px 14px;font-size:13px;color:var(--ink-3);border-top:1px solid var(--line)}
@media(max-width:880px){.lp-gal{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.lp-gal{grid-template-columns:1fr}}

.guar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.guar-i{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--el-1)}
.guar-i .ic{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:var(--red-soft);display:grid;place-items:center}
.guar-i .ic svg{width:22px;height:22px;fill:none;stroke:var(--red);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.guar-i h3{font-size:15.5px;margin-bottom:5px}
.guar-i p{font-size:13.5px;color:var(--ink-3);line-height:1.5}
@media(max-width:980px){.guar{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.guar{grid-template-columns:1fr}}
@media(max-width:860px){.lic-grid{grid-template-columns:1fr !important}}
.sol-card-img{margin:-24px -24px 14px;height:170px;overflow:hidden;background:#eef2f7;border-bottom:1px solid var(--line)}
.sol-card-img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s}
.sv:hover .sol-card-img img{transform:scale(1.04)}
.sol-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--ink-3);margin-top:2px}
.sol-meta .rt{color:#B7791F;font-weight:600}
.sol-strike{color:var(--ink-3);text-decoration:line-through;font-size:13px;font-weight:400;margin-left:8px}

/* ===== Тарифы: просторный центрированный вариант ===== */
.prc.prc-c{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,400px));justify-content:center;gap:28px}
.prc.prc-c .pr-card{padding:38px 34px;gap:12px;border-radius:20px}
.prc.prc-c .pr-card h3{font-size:21px}
.prc.prc-c .pr-card .p{font-size:37px;margin-top:6px}
.prc.prc-c .pr-card .p small{font-size:14.5px}
.prc.prc-c .pr-card .d{font-size:16px;line-height:1.6}
.prc.prc-c .pr-card .t{font-size:14px}
.prc.prc-c .pr-feats{margin-top:8px;gap:0}
.prc.prc-c .pr-feats li{font-size:16px;line-height:1.5;padding:5px 0 5px 30px}
.prc.prc-c .pr-feats li::before{top:11px;width:14px;height:11px}
.prc.prc-c .pr-card .btn,.prc.prc-c .pr-card .btn-quick,.prc.prc-c .pr-card .btn-add{padding:14px 22px;font-size:15px;margin-top:6px}
.prc.prc-c .pr-card.hi .hi-tag{font-size:12px;padding:5px 14px}
.prc.prc-c .pr-card .ed{margin-top:4px}
.sec-center{text-align:center}
.sec-center .sec-sub{margin-left:auto;margin-right:auto}
@media(max-width:700px){.prc.prc-c{grid-template-columns:1fr}.prc.prc-c .pr-card{padding:28px 24px}}

/* ===== Лайтбокс ===== */
.lb{position:fixed;inset:0;background:rgba(8,16,28,.93);display:none;z-index:1200;align-items:center;justify-content:center}
.lb.open{display:flex}
.lb img{max-width:92vw;max-height:86vh;border-radius:10px;box-shadow:0 30px 90px rgba(0,0,0,.55);background:#fff}
.lb-x,.lb-p,.lb-n{position:absolute;border:none;cursor:pointer;background:rgba(255,255,255,.12);color:#fff;border-radius:50%;display:grid;place-items:center;transition:background .2s}
.lb-x:hover,.lb-p:hover,.lb-n:hover{background:rgba(255,255,255,.25)}
.lb-x{top:16px;right:18px;width:42px;height:42px;font-size:26px;line-height:1}
.lb-p,.lb-n{top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:30px;padding-bottom:4px}
.lb-p{left:16px}.lb-n{right:16px}
.lb-c{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#c7d2df;font-size:13.5px;letter-spacing:.06em}
.lp-gal a,.brow img{cursor:zoom-in}
@media(max-width:560px){.lb-p{left:6px}.lb-n{right:6px}}

/* ===== Блог: сетка статей ===== */
.art-filter{display:flex;gap:8px;flex-wrap:wrap;margin-top:var(--sp-lg)}
.art-filter .af{border:1px solid var(--line);background:#fff;color:var(--ink-2);font-size:13.5px;font-weight:600;padding:9px 15px;border-radius:100px;cursor:pointer;transition:all .2s;font-family:inherit}
.art-filter .af span{color:var(--ink-3);font-weight:500;margin-left:4px;font-size:12px}
.art-filter .af:hover{border-color:var(--red);color:var(--red)}
.art-filter .af.on{background:var(--navy);border-color:var(--navy);color:#fff}
.art-filter .af.on span{color:#AEBDCB}

.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.artc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;color:inherit;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.artc:hover{transform:translateY(-4px);box-shadow:var(--el-3)}
.artc .cover{height:172px;overflow:hidden;position:relative;background:#eef2f7}
.artc .cover img{width:100%;height:100%;object-fit:cover;object-position:top}
.artc .cover.gen{display:grid;place-items:center}
.artc .cover.gen .gi{font-size:54px;font-weight:700;color:rgba(255,255,255,.92);position:relative;z-index:2;letter-spacing:-.02em}
.artc .cover.gen svg{position:absolute;inset:0;width:100%;height:100%;fill:rgba(255,255,255,.1)}
.artc .cover.g1{background:linear-gradient(135deg,#0B1F3A,#27436B)}
.artc .cover.g2{background:linear-gradient(135deg,#7A1C22,#C4444C)}
.artc .cover.g3{background:linear-gradient(135deg,#14532D,#3C8A5C)}
.artc .cover.g4{background:linear-gradient(135deg,#713F12,#B97F2E)}
.artc .cover.g5{background:linear-gradient(135deg,#312E81,#5B54C7)}
.artc .bd{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}
.artc .meta{display:flex;gap:12px;align-items:center;font-size:12px}
.artc .meta .cat{color:var(--red);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.artc .meta .min{color:var(--ink-3)}
.artc h3{font-size:16.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.artc p{font-size:13.8px;color:var(--ink-3);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.artc .more{margin-top:auto;padding-top:8px;color:var(--red);font-weight:600;font-size:13.5px;display:inline-flex;align-items:center;gap:6px}
.artc .more svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.artc:hover .more svg{transform:translateX(4px)}
@media(max-width:960px){.art-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.art-grid{grid-template-columns:1fr}}

/* Статы: страховка от длинных подписей */
.lp-hero-stats div{max-width:230px}
.lp-hero-stats span{line-height:1.35}
.lp-stats .lp-stat{max-width:250px;text-align:center}
.lp-stats .lp-stat span{line-height:1.35;display:block}

/* ===== Статья: полноширинный макет с сайдбаром ===== */
.art-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:48px;align-items:start}
.art-main .article-body.art-full{font-size:17px;line-height:1.75}
.art-main .article-body.art-full p{font-size:17px}
.art-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px}
.side-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.side-card h4{font-size:15.5px;margin-bottom:14px}
.side-share{display:flex;gap:8px;flex-wrap:wrap}
.shr-i{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--paper);display:grid;place-items:center;cursor:pointer;transition:all .2s;color:var(--ink-2)}
.shr-i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.shr-i:hover{border-color:var(--red);color:var(--red);transform:translateY(-2px)}
.shr-i.ok{border-color:var(--green);color:var(--green)}
.side-rel{display:flex;flex-direction:column}
.side-rel a{padding:12px 0;border-top:1px solid var(--line);font-size:14px;font-weight:600;line-height:1.4;color:var(--ink)}
.side-rel a:first-child{border-top:none;padding-top:0}
.side-rel a:hover{color:var(--red)}
.side-rel .c{display:block;font-size:11px;color:var(--red);text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-bottom:4px}
.art-share-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:var(--sp-xl);padding-top:var(--sp-lg);border-top:1px solid var(--line)}
.art-share-row>span{font-size:14px;color:var(--ink-3);font-weight:600;margin-right:4px}
.shr{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:100px;border:1px solid var(--line);background:#fff;color:var(--ink-2);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}
.shr svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.shr:hover{border-color:var(--red);color:var(--red)}
.shr.ok{border-color:var(--green);color:var(--green)}
.shr.ok::after{content:" ✓"}
.art-hero{margin-top:var(--sp-lg);border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.art-hero img{display:block;width:100%;height:auto}
@media(max-width:1020px){.art-layout{grid-template-columns:1fr}.art-side{position:static}}
.sol-kurs{font-size:10.5px;color:var(--ink-3);opacity:.8;margin-top:10px;max-width:60ch;line-height:1.45}

/* Модалка: блок выбора */
.m-choice{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px}
.m-choice>span{display:block;font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.m-choice>div{white-space:pre-line;color:var(--ink);font-weight:600;line-height:1.45}
/* Слоган в шапке */
.slogan{font-size:11.5px;line-height:1.35;color:var(--ink-3);margin-left:2px;padding-left:14px;border-left:1px solid var(--line);white-space:nowrap}
@media(max-width:1230px){.slogan{display:none}}

/* ===== Карточки-ссылки (цены и лицензии на главной) ===== */
.pr-card{position:relative}
.pr-card .card-cover{position:absolute;inset:0;z-index:1;border-radius:inherit}
.pr-card .order-btns,.pr-card .btn,.pr-card .btn-quick,.pr-card .btn-add{position:relative;z-index:2}
.pr-card .card-more{font-size:14px;font-weight:600;color:var(--red);margin-top:2px}
.prc.prc-c .pr-card .card-more{font-size:14.5px;margin-top:4px}
.pr-card:hover .card-more{text-decoration:underline}

/* ===== Поля форм: глобальный стиль (как в lead-card) ===== */
.fld{display:flex;flex-direction:column;gap:6px;text-align:left}
.fld label{font-size:13px;font-weight:600;color:var(--ink-2)}
.fld input{width:100%;padding:13px 15px;min-height:48px;border:1px solid var(--line);border-radius:10px;font-size:15.5px;font-family:inherit;color:var(--ink);background:#fff;transition:border-color var(--dur-fast)}
.fld input:hover{border-color:var(--ink-3)}
.fld input:focus{outline:2px solid var(--red);outline-offset:0;border-color:var(--red)}

/* ===== Футер: иконки блока «Партнёры и технологии» компактнее ===== */
.compsec .grp-pt .chip{min-height:34px}
.compsec .grp-pt .chip img{height:29px}

/* ===== Приписка к блоку «Что входит» ===== */
.incl-note{margin-top:30px;background:#fff;border:1px dashed #c9d4e0;border-radius:16px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.incl-note p{font-size:15.5px;color:var(--ink-2);line-height:1.6;max-width:76ch;margin:0}
.incl-note p b{color:var(--ink)}
.incl-note .btn{flex:none}

/* ===== Хаб отраслевых решений: якорная навигация ===== */
.ind-nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:110px;z-index:40}
.ind-nav .wrap{display:flex;gap:8px;flex-wrap:wrap;padding:12px 22px}
.ind-nav a{font-size:14px;font-weight:600;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:100px;padding:8px 16px;transition:all var(--dur-fast)}
.ind-nav a:hover{border-color:var(--red);color:var(--red)}
.ind-nav a em{font-style:normal;color:var(--ink-3);font-weight:500;margin-left:4px}
@media(max-width:760px){.ind-nav{position:static}}

/* ===== Дизайн-блоки статей блога (ab-*) ===== */
.ab-note,.ab-tip,.ab-warn{border-radius:14px;padding:20px 24px 20px 58px;margin:26px 0;position:relative;font-size:15.5px;line-height:1.65;color:var(--ink-2)}
.ab-note::before,.ab-tip::before,.ab-warn::before{position:absolute;left:20px;top:19px;font-size:21px;line-height:1}
.ab-note{background:#EAF1F9;border:1px solid #C9DCF0}
.ab-note::before{content:"\1F4A1"}
.ab-tip{background:var(--green-soft);border:1px solid #BCE3CC}
.ab-tip::before{content:"\2705"}
.ab-warn{background:#FDECEC;border:1px solid #F5C6C6}
.ab-warn::before{content:"\26A0\FE0F"}
.ab-note b,.ab-tip b,.ab-warn b{color:var(--ink)}
.ab-cta{background:linear-gradient(135deg,#101720,#1c2836);color:#fff;border-radius:18px;padding:30px 34px;margin:34px 0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.ab-cta h4{margin:0 0 8px;font-size:20px;color:#fff}
.ab-cta p{margin:0;color:#B9C6D4;font-size:15px;max-width:60ch}
.ab-cta .btn{flex:none}
.article-body div.ab-cta p{margin-bottom:0}
.article-body ol.ab-steps{counter-reset:abstep;list-style:none;padding:0;margin:0 0 26px}
.article-body ol.ab-steps li{counter-increment:abstep;position:relative;padding:2px 0 20px 58px;margin:0}
.article-body ol.ab-steps li::before{content:counter(abstep);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:12px;background:var(--red-soft);color:var(--red);font-weight:700;font-size:18px;display:grid;place-items:center}
.article-body ol.ab-steps li b{display:block;color:var(--ink);font-size:16.5px;margin-bottom:4px}
table.ab-table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14.5px}
table.ab-table th{background:var(--navy);color:#fff;padding:12px 14px;text-align:left;font-weight:600}
table.ab-table td{border:1px solid var(--line);padding:11px 14px;background:#fff;vertical-align:top}
.ab-quote{border-left:4px solid var(--red);background:var(--paper);border-radius:0 14px 14px 0;padding:20px 26px;margin:26px 0;font-size:16px;font-style:italic;color:var(--ink-2)}
.ab-quote cite{display:block;margin-top:10px;font-style:normal;font-size:13.5px;color:var(--ink-3)}

/* «И многое другое» в списках тарифов */
.pr-feats li.pr-more{color:var(--ink-3);font-weight:500}
.pr-feats li.pr-more::before{background:none;content:"+";color:var(--red);font-weight:700;font-size:17px;line-height:1;width:auto;height:auto;top:3px;left:3px}
.prc.prc-c .pr-feats li.pr-more::before{top:8px;font-size:19px}

/* ===== ВЕРХНЕЕ МЕНЮ: адаптив по факту ширины (priority navigation) ===== */
/* Логотип - фиксированного размера, не сужается */
.logo{flex:0 0 auto}
.logo img{height:34px;width:auto;max-width:none}
/* Слоган у логотипа: видимостью управляет JS, а не фиксированный брейкпоинт */
.hd .slogan{display:block;flex:0 0 auto}
/* Телефон в верхней строке - крупнее и заметнее */
.topline .tphone{font-size:16px;font-weight:700;color:#fff;letter-spacing:.2px}
.topline .tphone:hover{color:#fff;opacity:.85}
/* На десктопе бургер не нужен: убираем правую группу, чтобы меню прижималось
   к правому краю контента (в уровень с кнопкой «Заказать звонок» в топлайне) */
.hd-r{margin-left:auto;gap:12px}
.topbar:not(.nav-collapsed) .hd-r{display:none}
.topbar.nav-collapsed .hd-r{display:flex;align-items:center;margin-left:auto}
/* РАЗВЁРНУТОЕ состояние - меню в строку, бургер скрыт (перебивает базовые медиа 900/1060px) */
.topbar:not(.nav-collapsed) nav.nv{
    display:flex !important;position:static !important;flex-direction:row !important;
    align-items:center;margin-left:auto;background:none !important;border:none !important;
    box-shadow:none !important;padding:0 !important;max-height:none !important;overflow:visible !important;
}
.topbar:not(.nav-collapsed) .burger{display:none !important}
/* СВЁРНУТОЕ состояние - выпадающий список, показан бургер */
.topbar.nav-collapsed nav.nv{
    display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;
    background:#fff;border-bottom:1px solid var(--line);padding:10px;gap:2px;box-shadow:var(--el-3);
    max-height:80vh;overflow-y:auto;z-index:65;
}
.topbar.nav-collapsed nav.nv.open{display:flex}
.topbar.nav-collapsed nav.nv .ni{position:static}
.topbar.nav-collapsed nav.nv .ni > a{padding:13px 16px;justify-content:space-between}
.topbar.nav-collapsed nav.nv .submenu{position:static;display:none;box-shadow:none;border:none;border-left:2px solid var(--line);border-radius:0;margin:2px 0 6px 14px;padding:2px 0;min-width:0}
.topbar.nav-collapsed nav.nv .ni.has-sub.open-sub .submenu{display:flex}
.topbar.nav-collapsed nav.nv .ni.has-sub.open-sub .caret{transform:rotate(180deg)}
.topbar.nav-collapsed .burger{display:inline-flex !important;align-items:center;gap:8px;width:auto;padding:9px 14px}
/* подпись «Меню» у бургера */
.burger .bl{font-weight:600;font-size:15px;color:var(--ink);line-height:1}

/* End */


/* Start:/local/templates/alavir/template_styles.css?178378824221310*/
/* Golos Text (self-hosted) */
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url(/local/templates/alavir/../fonts/golos-400.woff2) format('woff2')}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:400;font-display:swap;src:url(/local/templates/alavir/../fonts/golos-400.woff2) format('woff2')}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:500;font-display:swap;src:url(/local/templates/alavir/../fonts/golos-500.woff2) format('woff2')}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:500;font-display:swap;src:url(/local/templates/alavir/../fonts/golos-500.woff2) format('woff2')}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:600;font-display:swap;src:url(/local/templates/alavir/../fonts/golos-600.woff2) format('woff2')}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:600;font-display:swap;src:url(/local/templates/alavir/../fonts/golos-600.woff2) format('woff2')}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:700;font-display:swap;src:url(/local/templates/alavir/../fonts/golos-700.woff2) format('woff2')}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:700;font-display:swap;src:url(/local/templates/alavir/../fonts/golos-700.woff2) format('woff2')}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:800;font-display:swap;src:url(/local/templates/alavir/../fonts/golos-800.woff2) format('woff2')}
@font-face{font-family:'Golos Text';font-style:normal;font-weight:800;font-display:swap;src:url(/local/templates/alavir/../fonts/golos-800.woff2) format('woff2')}

/* ===== Alavir conversion design ===== */
/* ================= DESIGN TOKENS (modern-web-design) ================= */
  :root{
    --ink:#141A23;--ink-2:#4E5A69;--ink-3:#7E8896;
    --bg:#FFFFFF;--paper:#F5F7FA;--paper-2:#EDF0F5;--line:#E4E8EE;
    --red:#D6222A;--red-dark:#B4161D;--red-soft:#FBEAEA;
    --navy:#12293F;--green:#178A4C;--green-soft:#E7F5EC;--amber:#E8891B;
    --sp-xs:clamp(.5rem,.4rem + .5vw,.75rem);
    --sp-sm:clamp(.75rem,.6rem + .75vw,1.125rem);
    --sp-md:clamp(1rem,.8rem + 1vw,1.5rem);
    --sp-lg:clamp(1.5rem,1.2rem + 1.5vw,2.25rem);
    --sp-xl:clamp(2rem,1.6rem + 2vw,3rem);
    --sp-2xl:clamp(3rem,2.4rem + 3vw,4.5rem);
    --fs-sm:clamp(.875rem,.8rem + .35vw,.975rem);
    --fs-base:clamp(1rem,.95rem + .3vw,1.125rem);
    --fs-lg:clamp(1.15rem,1.05rem + .6vw,1.45rem);
    --fs-xl:clamp(1.55rem,1.35rem + 1.1vw,2.1rem);
    --fs-2xl:clamp(2.1rem,1.7rem + 2.2vw,3.2rem);
    --el-1:0 1px 3px rgba(18,26,35,.08);
    --el-2:0 4px 12px -2px rgba(18,26,35,.10);
    --el-3:0 14px 34px -14px rgba(18,26,35,.22);
    --dur-fast:150ms;--dur:250ms;
    --ease:cubic-bezier(.4,0,.2,1);
    --r:14px;--w:1320px;
    --sans:'Golos Text','Segoe UI',Roboto,Arial,system-ui,sans-serif;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
  body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--bg);font-size:var(--fs-base);line-height:1.6;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.15;letter-spacing:-.015em;text-wrap:balance}
  p{margin:0}
  img{max-width:100%}
  svg{flex:none}
  .wrap{max-width:var(--w);margin:0 auto;padding:0 22px}
  .sec{padding:var(--sp-2xl) 0}
  .kick{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
  .kick::before{content:"";width:22px;height:2px;background:var(--red)}
  .sec-h{font-size:var(--fs-2xl);margin-top:14px}
  .sec-sub{margin-top:12px;color:var(--ink-2);font-size:var(--fs-lg);max-width:62ch}
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:15.5px;padding:14px 26px;min-height:48px;border-radius:11px;cursor:pointer;border:1px solid transparent;font-family:inherit;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),border-color var(--dur-fast)}
  .btn:active{transform:scale(.97)}
  .btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.2}
  .btn-red{background:var(--red);color:#fff;box-shadow:0 10px 22px -10px rgba(214,34,42,.55)}
  .btn-red:hover{background:var(--red-dark);transform:translateY(-2px)}
  .btn-out{background:#fff;border-color:var(--line);color:var(--ink)}
  .btn-out:hover{border-color:var(--ink-3)}
  .btn-ghostw{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:#fff}
  .btn-ghostw:hover{background:rgba(255,255,255,.18)}
  :focus-visible{outline:3px solid var(--red);outline-offset:2px;border-radius:6px}
  :focus:not(:focus-visible){outline:none}
  .skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:100}
  .skip:focus{left:8px;top:8px}
  /* reveal on scroll */
  .rv{opacity:0;transform:translateY(18px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
  .rv.in{opacity:1;transform:none}
  @media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}

  /* ================= HEADER ================= */
  .topline{background:var(--navy);color:#B9C6D4;font-size:13.5px}
  .topline .wrap{display:flex;justify-content:space-between;align-items:center;height:38px;gap:16px}
  .topline a{color:#D7E0EA}
  .topline a:hover{color:#fff}
  .topline .l{display:flex;gap:20px}
  .topline .r{display:flex;align-items:center;gap:18px}
  .topline .cbtn{color:#fff;background:var(--red);border:1px solid var(--red);border-radius:7px;padding:5px 14px;font-weight:600;transition:background var(--dur-fast)}
  .topline .cbtn:hover{background:var(--red-dark);border-color:var(--red-dark);color:#fff}
  @media(max-width:760px){.topline .l span{display:none}}
  .topbar{position:sticky;top:0;z-index:60}
  header.hd{background:rgba(255,255,255,.9);backdrop-filter:blur(12px) saturate(160%);border-bottom:1px solid var(--line)}
  header.hd .wrap{display:flex;align-items:center;gap:24px;height:72px}
  .logo img{height:34px;width:auto;display:block}
  nav.nv{display:flex;gap:2px;margin-left:auto}
  nav.nv a{font-size:15px;font-weight:500;padding:10px 13px;border-radius:9px;transition:background var(--dur-fast),color var(--dur-fast)}
  nav.nv a:hover{background:var(--paper);color:var(--red)}
  .hd-r{display:flex;align-items:center;gap:16px}
  .hd-r .ph{font-weight:700;font-size:16px;white-space:nowrap}
  .hd-r .ph small{display:block;font-weight:400;font-size:11.5px;color:var(--ink-3);text-align:right}
  .burger{display:none;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:10px;cursor:pointer;min-width:44px;min-height:44px}
  .burger svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:2}
  @media(max-width:1060px){
    nav.nv{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;padding:10px;box-shadow:var(--el-3)}
    nav.nv.open{display:flex}
    nav.nv a{padding:13px 16px}
    .burger{display:grid;place-items:center;margin-left:auto}
    .hd-r .btn{display:none}
  }
  @media(max-width:560px){.hd-r .ph{display:none}}

  /* ================= HERO ================= */
  .hero{background:linear-gradient(175deg,#F7FAFD 0%,#fff 65%);border-bottom:1px solid var(--line);overflow:hidden}
  .hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--sp-xl);padding-top:var(--sp-2xl);padding-bottom:var(--sp-2xl);align-items:center}
  .hero .tag{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);color:var(--ink-2);font-size:13.5px;font-weight:500;padding:8px 15px;border-radius:100px;box-shadow:var(--el-1)}
  .hero .tag b{color:var(--red)}
  .hero h1{font-size:clamp(2rem,1.5rem + 3vw,3.4rem);margin-top:var(--sp-md);font-weight:700}
  .hero h1 em{font-style:normal;color:var(--red)}
  .hero .sub{margin-top:var(--sp-md);font-size:var(--fs-lg);color:var(--ink-2);max-width:50ch}
  .hero ul.pf{list-style:none;padding:0;margin:var(--sp-lg) 0 0;display:flex;flex-direction:column;gap:10px}
  .hero ul.pf li{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-base)}
  .hero ul.pf svg{width:20px;height:20px;stroke:var(--green);fill:none;stroke-width:2.4;margin-top:3px}
  /* form card */
  .lead-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--el-3);padding:26px;position:relative}
  .lead-card .lc-tag{position:absolute;top:-13px;left:24px;background:var(--green);color:#fff;font-size:12px;font-weight:700;padding:5px 13px;border-radius:100px}
  .lead-card h3{font-size:var(--fs-xl)}
  .lead-card .lc-sub{color:var(--ink-2);font-size:14.5px;margin-top:8px}
  .lead-card form{display:flex;flex-direction:column;gap:12px;margin-top:18px}
  .lead-card label{font-size:13px;font-weight:600;color:var(--ink-2)}
  .lead-card input{width:100%;padding:13px 15px;min-height:48px;border:1px solid var(--line);border-radius:10px;font-size:15.5px;font-family:inherit;color:var(--ink);transition:border-color var(--dur-fast)}
  .lead-card input:hover{border-color:var(--ink-3)}
  .lead-card input:focus{outline:2px solid var(--red);outline-offset:0;border-color:var(--red)}
  .lead-card .fld{display:flex;flex-direction:column;gap:5px}
  .lead-card small{color:var(--ink-3);font-size:12px;line-height:1.45}
  .lead-card .bul{display:flex;flex-direction:column;gap:7px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
  .lead-card .bul div{display:flex;gap:8px;font-size:13px;color:var(--ink-2);align-items:center}
  .lead-card .bul svg{width:15px;height:15px;stroke:var(--green);fill:none;stroke-width:2.6}
  @media(max-width:880px){.hero .wrap{grid-template-columns:1fr}}

  /* trust strip */
  .tstrip{border-top:1px solid var(--line);background:#fff}
  .tstrip .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 44px;padding:20px 22px}
  .tstrip .t{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--ink-2)}
  .tstrip .t b{color:var(--ink);font-size:19px;font-weight:700}

  /* ================= PROBLEM/SOLUTION ================= */
  .ps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .ps-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
  .ps-card:hover{transform:translateY(-4px);box-shadow:var(--el-3)}
  .ps-card .q{font-size:var(--fs-lg);font-weight:600;line-height:1.3}
  .ps-card .a{margin-top:10px;color:var(--ink-2);font-size:14.5px}
  .ps-card .sol{margin-top:14px;padding:12px 14px 12px 16px;background:var(--green-soft);border-left:3px solid var(--green);border-radius:0 10px 10px 0;font-size:14.5px;color:var(--ink)}
  .ps-card .sol b{color:var(--green);display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
  @media(max-width:820px){.ps{grid-template-columns:1fr}}

  /* ================= SERVICES ================= */
  .svc{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .sv{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:11px;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
  .sv:hover{transform:translateY(-4px);box-shadow:var(--el-3)}
  .sv .ic{width:48px;height:48px;border-radius:12px;background:var(--red-soft);display:grid;place-items:center}
  .sv .ic svg{width:24px;height:24px;stroke:var(--red);fill:none;stroke-width:1.8}
  .sv h3{font-size:18.5px}
  .sv p{font-size:14.5px;color:var(--ink-2);flex:1}
  .sv .row{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--line)}
  .sv .pr{font-size:13.5px;color:var(--ink-3)}
  .sv .pr b{color:var(--ink);font-size:16.5px;font-weight:700}
  .sv .go{color:var(--red);font-weight:600;font-size:14px}
  @media(max-width:900px){.svc{grid-template-columns:1fr 1fr}}
  @media(max-width:600px){.svc{grid-template-columns:1fr}}

  /* ================= STEPS ================= */
  .steps{background:var(--navy);color:#fff;border-radius:22px;padding:var(--sp-xl);position:relative;overflow:hidden}
  .steps::after{content:"";position:absolute;top:-90px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(214,34,42,.45),transparent 65%)}
  .steps h2{color:#fff;font-size:var(--fs-2xl)}
  .steps .grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:var(--sp-lg);position:relative;z-index:2}
  .steps .st .n{width:38px;height:38px;border-radius:50%;background:var(--red);color:#fff;font-weight:700;display:grid;place-items:center;margin-bottom:12px;font-size:16px}
  .steps .st h4{color:#fff;font-size:16.5px;margin-bottom:6px}
  .steps .st p{font-size:13.5px;color:#AEBDCB}
  @media(max-width:900px){.steps .grid{grid-template-columns:1fr 1fr}}
  @media(max-width:540px){.steps .grid{grid-template-columns:1fr}}

  /* ================= CASES ================= */
  .cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .cs{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
  .cs:hover{transform:translateY(-4px);box-shadow:var(--el-3)}
  .cs .th{height:150px;display:grid;place-items:center;color:#7d8694;font-weight:700;font-size:15px}
  .cs .th.a{background:linear-gradient(135deg,#E7ECF4,#F5F7FA)}
  .cs .th.b{background:linear-gradient(135deg,#F6E7E7,#FBF2F1)}
  .cs .th.c{background:linear-gradient(135deg,#E7F1E9,#F3F8F4)}
  .cs .bd{padding:18px 20px}
  .cs .cat{font-size:12px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.05em}
  .cs h3{font-size:17px;margin:7px 0 8px}
  .cs p{font-size:14px;color:var(--ink-2)}
  .cs .res{display:flex;gap:10px;margin-top:14px}
  .cs .res span{background:var(--green-soft);color:var(--green);font-weight:700;font-size:13.5px;padding:6px 12px;border-radius:8px}
  @media(max-width:880px){.cases{grid-template-columns:1fr}}

  /* ================= PRICES ================= */
  .prc{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .pr-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:10px;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
  .pr-card:hover{transform:translateY(-4px);box-shadow:var(--el-3)}
  .pr-card.hi{border-color:var(--red);border-width:2px;position:relative}
  .pr-card.hi .hi-tag{position:absolute;top:-12px;left:20px;background:var(--red);color:#fff;font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:100px;text-transform:uppercase}
  .pr-card h3{font-size:18px}
  .pr-card .p{font-size:28px;font-weight:700;margin-top:4px}
  .pr-card .p small{font-size:13.5px;color:var(--ink-3);font-weight:400}
  .pr-card .d{font-size:15px;line-height:1.55;color:var(--ink-2);flex:1}
  .pr-card .t{font-size:13.5px;color:var(--ink-3)}
  @media(max-width:960px){.prc{grid-template-columns:1fr 1fr}}
  @media(max-width:540px){.prc{grid-template-columns:1fr}}
  .lic-h{font-size:var(--fs-xl);margin-top:var(--sp-xl)}
  .lic-h small{display:block;font-size:14.5px;color:var(--ink-3);font-weight:400;margin-top:6px}
  .pr-card .ed{font-size:12px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
  .pr-card .buy{margin-top:10px}
  .pr-card .box{height:180px;display:grid;place-items:center;background:#fff;border-radius:10px;margin-bottom:6px}
  .pr-card .box img{max-height:170px;width:auto;max-width:96%}

  /* ---- portfolio ---- */
  .pfgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .pfc{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
  .pfc:hover{transform:translateY(-4px);box-shadow:var(--el-3)}
  .pfc .th{height:118px;display:grid;place-items:center;color:#7d8694;font-weight:700;font-size:14px;text-align:center;padding:10px}
  .pfc .th.t1{background:linear-gradient(135deg,#E7ECF4,#F5F7FA)}
  .pfc .th.t2{background:linear-gradient(135deg,#F6E7E7,#FBF2F1)}
  .pfc .th.t3{background:linear-gradient(135deg,#E7F1E9,#F3F8F4)}
  .pfc .th.t4{background:linear-gradient(135deg,#F2ECE0,#F9F5EE)}
  .pfc .bd{padding:13px 15px}
  .pfc .cat{font-size:11px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.05em}
  .pfc .nm{font-size:13.5px;font-weight:600;margin-top:4px;line-height:1.35}
  @media(max-width:900px){.pfgrid{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.pfgrid{grid-template-columns:1fr}}

  /* ================= REVIEWS ================= */
  .rvs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .rev{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}
  .rev .stars{color:var(--amber);letter-spacing:2px;margin-bottom:12px}
  .rev p{font-size:15px}
  .rev .who{display:flex;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);align-items:center}
  .rev .av{width:44px;height:44px;border-radius:50%;background:var(--red-soft);color:var(--red);display:grid;place-items:center;font-weight:700}
  .rev .nm{font-weight:700;font-size:14.5px}
  .rev .pos{font-size:13px;color:var(--ink-3)}
  @media(max-width:880px){.rvs{grid-template-columns:1fr}}

  /* ---- certificates ---- */
  .certs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .crt{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px;text-align:center;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
  .crt:hover{transform:translateY(-4px);box-shadow:var(--el-3)}
  .crt .doc{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;margin-bottom:12px}
  .crt .doc img{width:100%;height:auto;display:block}
  .crt .cap{font-size:14px;font-weight:600;line-height:1.35}
  .crt .sub{font-size:12.5px;color:var(--ink-3);margin-top:3px}
  @media(max-width:900px){.certs{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.certs{grid-template-columns:1fr}}

  /* ================= FAQ ================= */
  .faq{max-width:800px}
  .faq details{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:12px;overflow:hidden}
  .faq summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:600;font-size:16px;display:flex;justify-content:space-between;gap:16px;min-height:44px;align-items:center}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary::after{content:"+";color:var(--red);font-size:22px;font-weight:400;transition:transform var(--dur-fast)}
  .faq details[open] summary::after{transform:rotate(45deg)}
  .faq details[open] summary{border-bottom:1px solid var(--line)}
  .faq .ans{padding:16px 20px;color:var(--ink-2);font-size:15px}

  /* ================= FINAL CTA ================= */
  .final{background:linear-gradient(160deg,#1A3049,var(--navy));border-radius:22px;padding:var(--sp-xl);color:#fff;display:grid;grid-template-columns:1.15fr .85fr;gap:var(--sp-xl);align-items:center;position:relative;overflow:hidden}
  .final::after{content:"";position:absolute;bottom:-100px;left:-60px;width:340px;height:340px;background:radial-gradient(circle,rgba(214,34,42,.35),transparent 65%)}
  .final h2{color:#fff;font-size:var(--fs-2xl);position:relative;z-index:2}
  .final p{color:#AEBDCB;margin-top:14px;font-size:var(--fs-lg);max-width:44ch;position:relative;z-index:2}
  .final .ph{margin-top:18px;font-size:22px;font-weight:700;position:relative;z-index:2}
  .final .lead-card{z-index:2}
  .final .lead-card h3{font-size:var(--fs-lg)}
  @media(max-width:880px){.final{grid-template-columns:1fr}}

  /* ================= FOOTER ================= */
  footer.ft{background:#101720;color:#95A1AF;font-size:14.5px;margin-top:var(--sp-2xl)}
  footer.ft .top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding:var(--sp-xl) 22px;max-width:var(--w);margin:0 auto}
  footer.ft a{color:#95A1AF}footer.ft a:hover{color:#fff}
  footer.ft h5{color:#fff;font-size:15px;margin:0 0 14px;font-weight:600}
  footer.ft ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
  footer.ft .flg img{height:32px;filter:brightness(0) invert(1);opacity:.95}
  footer.ft .fp{color:#fff;font-size:19px;font-weight:700;margin-top:14px}
  .compsec{background:#fff;border-top:1px solid var(--line);padding:26px 0}
  .compsec .comps{max-width:var(--w);margin:0 auto;padding:0 22px}
  .compsec h6{color:var(--ink-3);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px}
  .compsec .row{display:flex;flex-wrap:wrap;gap:22px;align-items:center}
  .compsec .chip{display:grid;place-items:center;min-height:48px}
  .compsec .chip img{height:42px;width:auto;display:block}
  .compsec .grp{margin-bottom:16px}
  .compsec .grp:last-child{margin-bottom:0}
  footer.ft .bot{border-top:1px solid #1E2835;padding:16px 22px;max-width:var(--w);margin:0 auto;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#66717E}
  @media(max-width:820px){footer.ft .top{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){footer.ft .top{grid-template-columns:1fr}}

/* End */
/* /local/templates/alavir/styles.css?178387833833889 */
/* /local/templates/alavir/template_styles.css?178378824221310 */