/* про.маркетинг — стиль в духе flashfamily.ru: белый холст, чёрная гротескная типографика, жёлтый акцент.
   Подключается после базовых и страничных стилей. См. design/design-spec.md */
:root{
  --ink:#101828;--acc:#1A6BFF;--acc-d:#1255D4;--tint:#EAF1FF;--g:#F4F6FA;--g2:#E9EDF5;
  --blue:#1A6BFF;--blue-dark:#1255D4;--orange:#FF5722;--orange-dark:#E64A19;--green:#101828;
  --text:#101828;--muted:#667085;--bg:#F4F6FA;--border:#E4E9F2;
  --r-s:8px;--r-m:20px;--r-l:28px;
}
body{font-family:'Manrope',Arial,sans-serif;font-weight:500;color:var(--ink);letter-spacing:-.01em}
h1,h2,h3,h4{font-weight:700}
a{color:inherit}

/* ШАПКА */
.navbar{height:72px;border-bottom:1px solid var(--border);background:#fff}
.nb-logo img{height:46px}
.nb-nav{gap:32px}
.nb-nav a{font-size:13.5px;font-weight:500;color:var(--ink)}
.nb-nav a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.nb-btn-discuss,.nb-btn-call,.mob-btn{border-radius:var(--r-s);box-shadow:none;font-weight:500;font-size:13px;padding:11px 20px}
.nb-btn-discuss,.mob-btn-max{background:var(--g)!important;color:var(--ink)!important;border:0!important}
.nb-btn-discuss:hover,.mob-btn-max:hover{background:var(--g2)!important}
.nb-btn-call,.mob-btn-call{background:var(--orange)!important;color:#fff!important}
.nb-btn-call:hover,.mob-btn-call:hover{background:var(--orange-dark)!important}
.nb-btn-call svg,.mob-btn-call svg{stroke:#fff}
.burger span{background:var(--ink)}
.mobile-nav{top:72px}

/* КНОПКИ (общие) */
.hero-cta,.btn-primary,.btn-pc.orange{background:var(--orange)!important;color:#fff!important;border-radius:var(--r-s);box-shadow:none;font-weight:500;font-size:15px}
.hero-cta:hover,.btn-primary:hover,.btn-pc.orange:hover{background:var(--orange-dark)!important}
.hero-cta svg{stroke:var(--ink)}
.btn-pc{border-radius:var(--r-s);font-size:15px;font-weight:500;padding:16px}
.btn-pc.blue{background:var(--acc)!important;color:#fff!important}
.btn-pc.blue:hover{background:var(--acc-d)!important}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;border:0;padding:16px 28px;font-family:inherit;cursor:pointer;transition:background .15s}
.btn-primary[disabled]{opacity:.6;cursor:wait}

/* ЛЕНТА + ЦИФРЫ */
.marquee-wrap{padding:22px 0;border:0;background:var(--g);margin:0}
.marquee-outer{max-width:none;padding:0}
.marquee-outer::before,.marquee-outer::after{display:none}
.marquee-item{font-size:15px;font-weight:500;color:#9a9a9a}
.marquee-item.boxed{border:0;padding:0 28px;margin:0;font-size:15px;letter-spacing:0}
.marquee-sep{color:#cfcfcf}
.facts-inner{max-width:1320px;padding:88px 40px 24px}
.fact{text-align:left;padding:0 28px 0 0;border-right:0}
.fact + .fact{padding-left:0;border-left:0}
.fact-num{font-size:84px;font-weight:800;letter-spacing:-.05em;color:var(--ink);line-height:.9;margin-bottom:14px}
.fact-num sup{font-size:84px;color:var(--ink);font-weight:800;vertical-align:baseline;margin:0}
.fact-lbl{font-size:14px;color:var(--ink);max-width:22ch;line-height:1.35}

/* СЕКЦИИ */
.sec{max-width:1320px;padding:96px 40px}
.sec-hd{align-items:flex-end;margin-bottom:48px}
.sec-hd h2{font-size:64px;font-weight:800;letter-spacing:-.045em;line-height:.95}
.more-link{background:var(--g);border:0;border-radius:var(--r-s);padding:12px 18px;color:var(--ink);font-size:13px;font-weight:500}
.more-link:hover{opacity:1;background:var(--tint)}
.more-link svg{stroke:var(--ink);width:14px;height:14px}

/* УСЛУГИ */
.svcs-card-wrap{background:none;padding:0;border-radius:0}
.svcs-grid{gap:12px;border:0}
.svc{background:var(--g);border:0;border-radius:var(--r-m);padding:28px 24px 32px;min-height:260px;transition:background .2s;display:flex;flex-direction:column}
.svc:hover{background:var(--tint);transform:none;box-shadow:none;border:0}
.svc-ico{background:none;width:auto;height:auto;margin-bottom:auto;padding-bottom:36px;justify-content:flex-start}
.svc-ico svg{width:34px;height:34px;stroke:var(--ink);stroke-width:1.4}
.svc h3{font-size:19px;font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:10px}
.svc p{font-size:13px;line-height:1.5;color:#3c3c3c}

/* HR-БАННЕР (чёрная плита) */
.hrb .hrb-in{background:#0F1B3D!important;border-radius:var(--r-l)}
.hrb .hrb-pill{background:var(--orange);color:#fff;border-radius:var(--r-s);padding:6px 12px;font-weight:500}
.hrb .hrb-pill::before{display:none}
.hrb h2{font-weight:700;letter-spacing:-.045em;line-height:.98}
.hrb h2 span{color:#8DB4FF}
.hrb .hrb-btn{background:var(--orange);color:#fff!important;box-shadow:none;border-radius:var(--r-s);font-weight:500}

/* КОГДА ОБРАЩАЮТСЯ */
.sec-box{background:none;padding:0;border-radius:0}
.forwhom-grid{gap:12px;border:0;counter-reset:fw}
.fw-card{background:var(--g);border:0;border-radius:var(--r-m);padding:26px 26px 30px;flex-direction:column;align-items:flex-start;gap:36px;font-size:17px;font-weight:500;line-height:1.3;letter-spacing:-.02em;counter-increment:fw;min-height:200px;justify-content:space-between}
.fw-card:hover{background:var(--tint);border:0;box-shadow:none}
.fw-icon{display:none}
.fw-card::before{content:counter(fw,decimal-leading-zero);font-size:13px;font-weight:700;color:#fff;background:var(--acc);border-radius:var(--r-s);padding:5px 10px;letter-spacing:0;order:-1}
.forwhom-grid .fw-card:not(:nth-child(3n+1)){padding-left:26px;border-left:0}

/* ТАРИФЫ */
.pricing-grid{gap:12px;padding-top:0}
.pc{margin:0!important;background:var(--g);border:0;border-radius:var(--r-l);padding:36px 32px 32px;box-shadow:none}
.pc.hot{background:var(--acc);box-shadow:none;margin:0!important;padding:36px 32px 32px;border-radius:var(--r-l);border:0}
.pc.hot .pc-name,.pc.hot .pc-price,.pc.hot .pc-lead,.pc.hot .pc-feats li{color:#fff}
.pc.hot .pc-sub{color:rgba(255,255,255,.8)}
.pc.hot .pc-divider{background:rgba(255,255,255,.25)}
.pc-badge{top:24px;left:auto;right:24px;transform:none;background:var(--orange);border:0;color:#fff;font-size:12px;font-weight:500;padding:6px 12px;border-radius:var(--r-s);box-shadow:none}
.pc-badge .badge-icon{display:none}
.pc-name{text-align:left;font-size:30px;font-weight:700;letter-spacing:-.04em}
.pc-sub{text-align:left;min-height:0;color:var(--muted)}
.pc-price{text-align:left;font-size:60px;font-weight:800;letter-spacing:-.05em}
.pc-price sup{font-size:30px;font-weight:700;vertical-align:baseline}
.pc-divider{background:var(--border)}
.pc-check{background:none;border:0;width:16px;height:16px;margin-top:3px}
.pc-check svg{width:14px;height:14px;stroke:var(--acc);stroke-width:2.6}
.pc.hot .pc-check{background:none;border:0}
.pc.hot .pc-check svg{stroke:#fff}
.pc.hot .btn-pc.orange{background:#fff!important;color:var(--ink)!important}
.pc.hot .btn-pc.orange:hover{background:var(--tint)!important}
.pricing-wrap .sec-hd{align-items:flex-start!important;text-align:left!important;margin-bottom:40px!important}
.pricing-wrap .sec-hd p{max-width:52ch!important;color:var(--muted)!important}

/* FAQ */
.faq-list{gap:8px;border:0}
.faq-item{background:var(--g);border:0;border-radius:var(--r-m)}
.faq-item.open{background:var(--tint)}
.faq-q{padding:24px 28px;font-size:19px;font-weight:700;letter-spacing:-.03em}
.faq-ico{background:var(--acc);width:32px;height:32px}
.faq-ico svg{stroke:#fff}
.faq-item.open .faq-ico{background:var(--acc)}
.faq-item.open .faq-ico svg{stroke:#fff}
.faq-a{padding:0 28px;max-width:80ch;font-size:15px;color:#333}
.faq-item.open .faq-a{padding:0 28px 26px}

/* CTA (жёлтая плита) */
.cta-outer{max-width:1320px}
.cta-banner,.cta-section .cta-banner{background:#0B1B52!important;border-radius:var(--r-l)}
.cta-dec,.cta-chart-ico{display:none}
.cta-left h2{color:#fff;font-size:64px;font-weight:800;letter-spacing:-.045em;line-height:.96}
.cta-left p{color:rgba(255,255,255,.85);font-size:16px}
.cta-btn-main{background:var(--orange)!important;color:#fff!important;padding:17px 30px;border-radius:var(--r-s);box-shadow:none}
.cta-btn-main:hover{background:var(--orange-dark)!important}
.cta-btn-ghost{background:rgba(255,255,255,.16);border:0;color:#fff!important;border-radius:var(--r-s)}
.cta-contact{color:#fff!important}
.cta-contact svg{stroke:#fff}

/* ПОДВАЛ */
.ft-nav-col a,.ft-nav-col a:visited{color:var(--muted)!important}
.ft-nav-col a:hover{color:var(--acc)!important;text-decoration:underline}
.ft-msg-btn{border-radius:var(--r-s);font-weight:500}
.ft-msg-max,.ft-msg-max:visited,.ft-msg-max:hover{background:var(--orange)!important;color:#fff!important}
.ft-msg-tg,.ft-msg-tg:visited,.ft-msg-tg:hover{background:var(--g)!important;color:var(--ink)!important}
footer{border-top:0;background:#fff}
.ft-top{padding-top:48px}
.ft-phone{font-size:18px;font-weight:700}

/* ПОДСТРАНИЦЫ УСЛУГ */
.svc-hero{background:#fff;text-align:left;padding:88px 40px 64px}
.svc-hero::before,.svc-hero-dec{display:none}
.svc-hero-inner{max-width:1240px;margin:0 auto}
.svc-hero-badge{background:var(--g);border:0;border-radius:var(--r-s);padding:7px 12px;color:var(--ink);font-size:13px;font-weight:500;margin-bottom:28px}
.svc-hero-badge svg{stroke:var(--ink)}
.svc-hero h1{color:var(--ink);font-size:84px;font-weight:800;letter-spacing:-.05em;line-height:.95;max-width:14ch;margin-bottom:28px}
.svc-hero-sub{color:var(--ink);font-size:20px;max-width:46ch;margin:0;line-height:1.35}
.breadcrumbs{background:#fff;border-bottom:0;padding:0 40px 8px}
.breadcrumbs-inner{max-width:1240px}
.sec-label{display:inline-block;background:var(--tint);color:var(--acc);border-radius:var(--r-s);padding:6px 11px;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;margin-bottom:20px}
.sec-title{font-size:64px;font-weight:800;letter-spacing:-.045em;line-height:.95}
.sec-sub{color:var(--ink);font-size:18px;margin-top:6px}
.includes-grid,.platforms-grid,.results-grid,.process-grid{gap:12px}
.inc-card,.platform-card,.result-card,.process-item{background:var(--g);border:0;border-radius:var(--r-m);box-shadow:none}
.inc-card:hover,.platform-card:hover{background:var(--tint);border:0;box-shadow:none;transform:none}
.inc-card{padding:28px 26px 30px;min-height:300px;display:flex;flex-direction:column}
.inc-icon{background:none!important;width:auto;height:auto;border-radius:0;margin-bottom:auto;padding-bottom:40px;justify-content:flex-start}
.inc-icon svg{stroke:var(--ink)!important;stroke-width:1.4;width:34px;height:34px}
.inc-card h3{font-size:21px;font-weight:700;letter-spacing:-.035em;line-height:1.12}
.inc-card p{color:#3c3c3c;font-size:14px}
.inc-tag,.platform-badge{border-radius:var(--r-s);border:0;background:#fff;color:var(--ink)!important;font-size:12px;font-weight:500}
.platform-card{text-align:left;padding:30px 26px}
.result-card{text-align:left;padding:30px 26px}
.result-num{font-size:84px;font-weight:800;letter-spacing:-.05em;color:var(--ink);line-height:.9}
.result-num sup{font-size:84px;color:var(--ink);vertical-align:baseline}
.result-lbl{color:var(--ink);font-size:14px;margin-top:10px}
.process-num{background:var(--acc);color:#fff;box-shadow:none;border:0;border-radius:var(--r-s);width:40px;height:40px;font-size:15px;font-weight:500}
.platforms-wrap,.process-wrap,.faq-wrap{background:#fff;border:0}
.pricing-inner,.platforms-inner,.process-inner{max-width:1320px}
.cta-section{max-width:1320px}
.cta-section .cta-banner{padding:64px}

/* ЗАЯВКА */
.lead-dlg{border:0;border-radius:var(--r-l);padding:0;width:min(500px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;color:var(--ink);margin:auto}
.lead-dlg::backdrop{background:rgba(0,0,0,.6)}
.lead-form{position:relative;padding:40px 36px 36px;margin:0}
.lead-x{position:absolute;right:16px;top:12px;border:0;background:none;font-size:30px;line-height:1;color:var(--ink);cursor:pointer;padding:6px}
.lead-form h2{font-size:32px;font-weight:700;letter-spacing:-.045em;line-height:1;margin-bottom:12px;padding-right:20px}
.lead-sub{font-size:14px;color:var(--muted);line-height:1.5;margin-bottom:24px}
.lead-form label{display:block;font-size:13px;font-weight:500;margin-bottom:14px}
.lead-form input:not([type=checkbox]){display:block;width:100%;margin-top:6px;padding:14px;border:0;border-radius:var(--r-s);font:400 15px 'Manrope',sans-serif;color:var(--ink);background:var(--g)}
.lead-form input:focus{outline:2px solid var(--ink);outline-offset:0}
.lead-agree{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:12.5px!important;color:var(--muted);line-height:1.5}
.lead-agree input{margin-top:2px;flex-shrink:0;accent-color:var(--ink)}.lead-agree a{color:var(--ink);text-decoration:underline}
.lead-hp{position:absolute!important;left:-9999px;opacity:0}
.lead-err{color:#B42318;font-size:13px;margin-bottom:12px}
.lead-send{width:100%}
.lead-ok{display:none}.lead-form.sent .lead-body{display:none}.lead-form.sent .lead-ok{display:block}
.lead-ok p{color:var(--muted);margin:10px 0 22px}
.lead-ok h2{font-size:32px;letter-spacing:-.045em;line-height:1}

/* COOKIE */
.cc{position:fixed;left:16px;bottom:16px;z-index:9999;width:min(560px,calc(100vw - 32px));background:var(--ink);color:#ddd;border-radius:var(--r-m);padding:20px 22px;font:400 13.5px/1.55 'Manrope',sans-serif}
.cc p{margin:0 0 14px}.cc b{color:#fff;font-weight:700}.cc a{color:#fff;text-decoration:underline}
.cc-b{display:flex;gap:8px;justify-content:flex-end}
.cc button{font:500 14px 'Manrope',sans-serif;border-radius:var(--r-s);padding:11px 18px;cursor:pointer;border:0;background:#2b2b2b;color:#fff}
.cc .cc-ok{background:var(--orange);color:#fff}

/* ЮРИДИЧЕСКИЕ ТЕКСТЫ */
.legal-in{max-width:860px;padding-top:72px;padding-bottom:88px}
.legal h1{font-size:56px;font-weight:800;letter-spacing:-.045em;line-height:.98;margin-bottom:16px}
.legal h2{font-size:22px;font-weight:700;margin:36px 0 10px;letter-spacing:-.03em}
.legal p,.legal li{font-size:15px;line-height:1.7;margin-bottom:10px;color:#222}
.legal ul{list-style:disc;padding-left:22px;margin-bottom:12px}
.legal .sub{color:var(--muted)}.legal a{color:var(--ink);text-decoration:underline}
.legal table{display:block;overflow-x:auto;border-collapse:collapse;width:100%;margin:14px 0}
.legal td,.legal th{border:1px solid var(--border);padding:8px 12px;font-size:14px;text-align:left}
.legal{overflow-x:hidden}.legal p,.legal li{overflow-wrap:anywhere}
.pt-price-block{flex-wrap:wrap}

/* АДАПТИВ */
@media(max-width:1100px){
  .hero{flex-direction:column;padding:48px 24px 56px}
  .hero h1{font-size:60px}
  .hero-r{width:100%;min-height:0}
  .sec{padding:72px 24px}.sec-hd h2,.sec-title,.cta-left h2{font-size:52px}
  .fact-num,.fact-num sup,.result-num,.result-num sup{font-size:64px}
  .svc-hero{padding:64px 24px 48px}.svc-hero h1{font-size:64px}
  .forwhom-grid{grid-template-columns:1fr 1fr}
  .forwhom-grid .fw-card:not(:nth-child(3n+1)){padding-left:26px}
}
@media(max-width:768px){
  .navbar{height:60px}.mobile-nav{top:66px}
  .hero{padding:32px 16px 40px;gap:28px}
  .hero h1{font-size:40px;letter-spacing:-.04em}
  .hero-r{padding:14px;border-radius:var(--r-m)}
  .fcard{padding:16px 18px}.fcard .fc-val{font-size:34px}
  .sec{padding:48px 16px}
  .sec-hd{margin-bottom:28px}.sec-hd h2,.sec-title{font-size:38px}
  .facts-inner{padding:48px 16px 8px;grid-template-columns:1fr 1fr;gap:28px 16px}
  .fact,.fact:nth-child(odd),.fact:nth-child(even){padding:0;border:0!important}
  .fact-num,.fact-num sup,.result-num,.result-num sup{font-size:48px}
  .svcs-grid{grid-template-columns:1fr 1fr}
  .svc{min-height:210px;padding:20px 16px 22px}.svc h3{font-size:16px}
  .forwhom-grid{grid-template-columns:1fr}
  .fw-card,.forwhom-grid .fw-card:not(:nth-child(3n+1)){min-height:0;gap:20px;padding:22px 20px;font-size:16px}
  .pc,.pc.hot{padding:28px 22px 24px!important;border-radius:var(--r-m)!important}
  .pc-price{font-size:48px}
  .faq-q{font-size:16px;padding:18px 18px}.faq-a{padding:0 18px}.faq-item.open .faq-a{padding:0 18px 20px}
  .cta-banner,.cta-section .cta-banner{padding:32px 22px;border-radius:var(--r-m)}
  .cta-left h2{font-size:38px}
  .svc-hero{padding:40px 16px 28px}.svc-hero h1{font-size:42px}.svc-hero-sub{font-size:16px}
  .breadcrumbs{padding:0 16px 8px}
  .inc-card{min-height:0}.inc-icon{padding-bottom:24px}
  .lead-form{padding:32px 22px 26px}
  .legal h1{font-size:38px}
}
@media(max-width:480px){
  .svcs-grid{grid-template-columns:1fr}
  .results-grid{grid-template-columns:1fr 1fr}
}
.hrb{padding:0 40px}.hrb .hrb-in{max-width:1240px}
@media(max-width:1100px){.hrb{padding:0 24px}}@media(max-width:768px){.hrb{padding:0 16px}}
.result-card{min-width:0}
@media(max-width:480px){.results-grid{grid-template-columns:1fr!important}.pt-price,.pt-price-block .pt-price{font-size:34px!important}.pt-price-block{gap:6px}}

/* ===== HERO: слайдер направлений ===== */
.hx{position:relative;background:var(--acc);color:#fff;overflow:hidden;display:flex;flex-direction:column;min-height:min(780px,calc(100vh - 72px))}
.hx-in{position:relative;z-index:3;max-width:1320px;margin:0 auto;padding:40px 40px 0;width:100%}
.hx-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px}
.hx-tab{position:relative;overflow:hidden;border:1.5px solid rgba(255,255,255,.4);background:transparent;color:#fff;font:700 14px 'Manrope',sans-serif;padding:11px 20px;border-radius:999px;cursor:pointer;transition:background .2s,border-color .2s}
.hx-tab span{position:relative;z-index:1}
.hx-tab:hover{background:rgba(255,255,255,.12)}
.hx-tab i{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(255,255,255,.34)}
.hx-tab.is-on{border-color:#fff;color:#fff}
.hx-tab.is-on i{width:100%;animation:none}
.hx-tab.is-on:not(.manual) i{width:0;animation:hxBar var(--dur,7s) linear forwards;opacity:1}
.hx-tab.is-on:not(.manual){background:rgba(255,255,255,.18);color:#fff}
.hx-tab.is-on:not(.manual) span{mix-blend-mode:normal}
.hx.paused .hx-tab i{animation-play-state:paused}
.hx-tab.is-on.manual{background:#fff;color:var(--ink)}
.hx-tab.is-on.manual i{display:none}
.hx-stage{display:grid}
.hx-slide{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:start;visibility:hidden;pointer-events:none}
.hx-slide.is-on{visibility:visible;pointer-events:auto}
.hx-slide.leaving{visibility:visible}
.hx-pill{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:rgba(255,255,255,.85);margin-bottom:20px}
.hx-pill span{width:10px;height:10px;border-radius:3px;background:var(--orange);flex-shrink:0}
.hx-h{font-size:clamp(34px,3.95vw,58px);font-weight:800;line-height:1;letter-spacing:-.045em;color:#fff;margin:0 0 28px;max-width:15em}
.hx-h .ln{display:block;padding-bottom:.06em}
.hx-h .ln i{display:inline-block;font-style:normal;opacity:0;transform:translateY(.55em)}
.hx-slide.is-on .hx-h .ln i{animation:hxUp .8s var(--d,0s) cubic-bezier(.2,.7,.2,1) forwards}
.hx-slide.is-on .hx-h .ln:nth-child(3) i{color:#CFE0FF}
.hx-slide.leaving .hx-h .ln i{opacity:0;transform:translateY(-.4em);transition:all .3s}
.hx-list{list-style:none;margin:0 0 28px;display:grid;gap:10px}
.hx-list li{position:relative;padding-left:24px;font-size:16px;font-weight:500;color:rgba(255,255,255,.92);opacity:0}
.hx-slide.is-on .hx-list li{animation:hxUp .7s .45s cubic-bezier(.2,.7,.2,1) forwards}
.hx-slide.is-on .hx-list li:nth-child(2){animation-delay:.52s}.hx-slide.is-on .hx-list li:nth-child(3){animation-delay:.6s}
.hx-list li::before{content:"";position:absolute;left:0;top:.45em;width:10px;height:10px;border-radius:3px;background:var(--orange)}
.hx-btns{display:flex;flex-wrap:wrap;gap:12px;opacity:0}
.hx-slide.is-on .hx-btns{animation:hxUp .7s .7s cubic-bezier(.2,.7,.2,1) forwards}
.hx-btn{display:inline-flex;align-items:center;padding:18px 28px;border-radius:10px;font-size:15px;font-weight:700;transition:background .15s,transform .15s}
.hx-btn.main{background:var(--orange);color:#fff}
.hx-btn.main:hover{background:var(--orange-dark);transform:translateY(-2px)}
.hx-btn.ghost{border:1.5px solid rgba(255,255,255,.55);color:#fff}
.hx-btn.ghost:hover{background:rgba(255,255,255,.12)}
.hx-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(420px,30vw)}
.hx-card{background:#fff;color:var(--ink);border-radius:var(--r-m);padding:20px 20px 18px;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;transform:translateY(24px)}
.hx-card:first-child{grid-column:1/-1;min-height:150px}
.hx-slide.is-on .hx-card{animation:hxUp .8s var(--d,.4s) cubic-bezier(.2,.7,.2,1) forwards}
.hx-card b{font-size:clamp(34px,3.4vw,50px);font-weight:800;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.hx-card span{font-size:13.5px;font-weight:500;line-height:1.35;color:var(--ink);padding-top:14px}
.hx-word{position:relative;z-index:1;margin-top:auto;white-space:nowrap;text-align:center;font-size:14.4vw;font-weight:800;letter-spacing:-.06em;line-height:.74;color:#fff;padding-top:0;margin-bottom:-.12em;display:flex;justify-content:center;pointer-events:none;user-select:none}
.hx-word span{display:inline-block;transform:translateY(110%);animation:hxWord 1s calc(.25s + var(--i,0)*.045s) cubic-bezier(.2,.8,.2,1) forwards}
.hx-marks{position:absolute;inset:0;z-index:2;pointer-events:none}
.hx-m{position:absolute;fill:#fff;animation:hxFloat 7s ease-in-out infinite;will-change:transform}
.hx-m.m1{left:61%;top:5%;width:28px}
.hx-m.m2{right:5%;top:6%;width:26px;fill:var(--orange);animation-duration:9s;animation-delay:-2s}
.hx-m.m3{left:3%;top:62%;width:22px;fill:rgba(255,255,255,.45);animation-duration:8s;animation-delay:-1s}
.hx-m.m4{right:33%;top:60%;width:46px;fill:#0B1B52;animation-duration:10s;animation-delay:-4s}
.hx-m.m5{left:50%;top:66%;width:18px;fill:var(--orange);animation-duration:6s;animation-delay:-3s}
.hx-m.m6{right:3%;top:68%;width:40px;animation-duration:11s;animation-delay:-5s}
.hx-m.m1 circle,.hx-m.m4 circle,.hx-m.m6 circle,.hx-m.m2 circle{fill:var(--acc)}
@keyframes hxUp{to{opacity:1;transform:none}}
@keyframes hxWord{to{transform:none}}
@keyframes hxBar{from{width:0}to{width:100%}}
@keyframes hxFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(10deg)}}
@media(max-width:1100px){
  .hx-in{padding:32px 24px 0}
  .hx-slide{grid-template-columns:1fr;gap:28px}
  .hx-cards{width:100%;max-width:560px}
  .hx-word{font-size:15vw}
}
@media(max-width:768px){
  .hx{min-height:0}.hx-in{padding:24px 16px 0}
  .hx-tabs{margin-bottom:22px;flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px;scrollbar-width:none}.hx-tabs::-webkit-scrollbar{display:none}
  .hx-tab{flex-shrink:0;padding:10px 16px;font-size:13px}
  .hx-h{font-size:34px}.hx-h .ln{display:inline}
  .hx-btn{padding:16px 22px;flex:1 1 100%;justify-content:center}
  .hx-card{min-height:130px;padding:16px}.hx-card b{font-size:32px}.hx-card:first-child{min-height:120px}.hx-card span{font-size:12.5px}
  .hx-word{font-size:15.2vw;padding-top:24px}
  .hx-m.m1,.hx-m.m4{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hx-h .ln i,.hx-list li,.hx-btns,.hx-card,.hx-word span{animation:none!important;opacity:1;transform:none}.hx-m{animation:none}.hx-tab i{animation:none!important}
}

/* ===== «Что мы делаем» / «Когда обращаются»: живой список + панель ===== */
.sv-wrap .sec{padding-top:88px;padding-bottom:88px}
.sv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:28px;align-items:start}
.sv.alt{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr)}
.sv-list{list-style:none;margin:0;padding:0}
.sv-item{border-top:1px solid var(--border);position:relative}
.sv-item:last-child{border-bottom:1px solid var(--border)}
.sv-head{width:100%;display:flex;align-items:center;gap:20px;background:none;border:0;padding:20px 4px;cursor:pointer;text-align:left;font-family:inherit;color:var(--ink);position:relative}
.sv-head::after{content:"";position:absolute;left:0;bottom:-1px;height:3px;width:0;background:var(--acc)}
.sv-item.is-on .sv-head::after{animation:svBar var(--sv-t,6s) linear forwards}
.sv.manual .sv-item.is-on .sv-head::after{animation:none;width:100%}
.sv.paused .sv-item.is-on .sv-head::after{animation-play-state:paused}
.sv-n{font-size:13px;font-weight:800;color:var(--muted);min-width:26px;transition:color .2s}
.sv-t{flex:1;font-size:clamp(20px,1.9vw,27px);font-weight:700;letter-spacing:-.03em;line-height:1.15;transition:transform .25s,color .2s}
.sv-a{width:34px;height:34px;border-radius:50%;background:var(--g);flex-shrink:0;position:relative;transition:background .2s,transform .25s}
.sv-a::before{content:"";position:absolute;left:50%;top:50%;width:11px;height:11px;border-top:2px solid var(--ink);border-right:2px solid var(--ink);transform:translate(-65%,-50%) rotate(45deg);transition:border-color .2s}
.sv-item:hover .sv-t{transform:translateX(6px)}
.sv-item.is-on .sv-t{color:var(--acc);transform:translateX(6px)}
.sv-item.is-on .sv-n{color:var(--acc)}
.sv-item.is-on .sv-a{background:var(--acc)}
.sv-item.is-on .sv-a::before{border-color:#fff}
.sv-body{display:none}
.sv-panel{position:sticky;top:96px;min-height:440px;border-radius:var(--r-l);background:var(--tint);padding:36px 36px 32px;overflow:hidden;display:flex;flex-direction:column}
.sv.alt .sv-panel{background:#0B1B52;color:#fff}
.sv-pn{display:flex;flex-direction:column;height:100%;flex:1;position:relative;z-index:1}
.sv-big{font-size:clamp(90px,10vw,150px);font-weight:800;letter-spacing:-.06em;line-height:.8;color:var(--acc);opacity:.18;margin-bottom:auto;animation:svIn .5s ease both}
.sv.alt .sv-big{color:#fff;opacity:.16}
.sv-pn h3{font-size:clamp(26px,2.6vw,38px);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin:26px 0 14px;animation:svIn .5s .05s ease both}
.sv-pn p{font-size:16px;line-height:1.55;font-weight:500;max-width:46ch;margin:0 0 20px;animation:svIn .5s .1s ease both}
.sv-pn .sv-tags{animation:svIn .5s .15s ease both}
.sv-tags{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sv-tags li{background:#fff;color:var(--ink);font-size:12.5px;font-weight:700;border-radius:var(--r-s);padding:7px 12px}
.sv-go{align-self:flex-start;display:inline-flex;background:var(--orange);color:#fff!important;border-radius:10px;padding:15px 24px;font-weight:700;font-size:14px;transition:background .15s,transform .15s;animation:svIn .5s .2s ease both}
.sv-go:hover{background:var(--orange-dark);transform:translateY(-2px)}
.sv-deco{position:absolute;right:-30px;top:-30px;width:190px;height:190px;border-radius:44px;border:2px solid rgba(26,107,255,.18);animation:svSpin 18s linear infinite;pointer-events:none}
.sv.alt .sv-deco{border-color:rgba(255,255,255,.14)}
.sv-deco::after{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px;border-radius:50%;background:var(--orange)}
@keyframes svIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes svBar{from{width:0}to{width:100%}}
@keyframes svSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){
  .sv,.sv.alt{grid-template-columns:1fr;gap:0}
  .sv-panel{display:none}
  .sv-item.is-on .sv-body{display:block;padding:0 4px 22px 46px;animation:svIn .4s ease both}
  .sv-body p{font-size:15px;line-height:1.5;margin:0 0 14px}
  .sv-body .sv-tags li{background:var(--g)}
  .sv-go{display:inline-flex;background:var(--orange);color:#fff;border-radius:10px;padding:13px 20px;font-weight:700;font-size:14px}
  .sv-head{padding:16px 0;gap:14px}.sv-t{font-size:19px}
  .sv-wrap .sec{padding-top:56px;padding-bottom:56px}
}
@media(prefers-reduced-motion:reduce){.sv-item.is-on .sv-head::after{animation:none;width:100%}.sv-deco{animation:none}.sv-big,.sv-pn h3,.sv-pn p,.sv-pn .sv-tags,.sv-go{animation:none}}

/* ===== hero: быстрая форма ===== */
.hx-quick{max-width:560px;margin:30px 0 0;position:relative}
.hx-q-t{font-size:13.5px;font-weight:700;color:rgba(255,255,255,.9);margin-bottom:10px}
.hx-q-row{display:flex;gap:8px;background:#fff;border-radius:14px;padding:6px}
.hx-q-row input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:12px 14px;font:600 16px 'Manrope',sans-serif;color:var(--ink)}
.hx-q-row input::placeholder{color:#98A2B3;font-weight:500}
.hx-q-row button{border:0;border-radius:10px;background:var(--orange);color:#fff;font:700 15px 'Manrope',sans-serif;padding:0 22px;cursor:pointer;white-space:nowrap;transition:background .15s}
.hx-q-row button:hover{background:var(--orange-dark)}.hx-q-row button[disabled]{opacity:.6;cursor:wait}
.hx-q-agree{display:flex;gap:9px;align-items:flex-start;margin-top:10px;font-size:12px;line-height:1.45;color:rgba(255,255,255,.78);font-weight:500}
.hx-q-agree input{margin-top:2px;accent-color:var(--orange);flex-shrink:0}
.hx-q-agree a{color:#fff;text-decoration:underline}
.hx-q-msg{margin-top:10px;font-size:13.5px;font-weight:700;color:#fff;background:rgba(255,255,255,.16);border-radius:10px;padding:10px 14px}
.hx-q-msg.err{background:rgba(255,87,34,.9)}
.hx-m.m1,.hx-m.m4{display:none}
@media(max-width:768px){.hx-quick{margin-top:22px}.hx-q-row{flex-direction:column}.hx-q-row button{padding:15px}}

/* ===== О нас ===== */
.ab-wrap .sec{padding-top:88px;padding-bottom:88px}
.sec-chip{display:inline-block;background:var(--tint);color:var(--acc);font-size:12.5px;font-weight:800;border-radius:var(--r-s);padding:7px 12px;margin-bottom:22px}
.ab{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:start}
.ab-h{font-size:clamp(32px,3.9vw,56px);font-weight:800;letter-spacing:-.045em;line-height:1;margin-bottom:24px}
.ab-p{font-size:17px;line-height:1.6;font-weight:500;color:#344054;max-width:52ch;margin-bottom:32px}
.ab-facts{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--border)}
.ab-facts li{display:flex;align-items:baseline;gap:20px;padding:16px 0;border-bottom:1px solid var(--border)}
.ab-facts b{font-size:22px;font-weight:800;letter-spacing:-.03em;min-width:170px}
.ab-facts span{font-size:14.5px;color:var(--muted);font-weight:500}
.ab-steps{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:14px}
.ab-steps li{position:relative;display:flex;gap:20px;align-items:center;background:var(--g);border-radius:var(--r-m);padding:18px 22px 18px 18px;opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s,background .25s}
.ab-steps.in li{opacity:1;transform:none}
.ab-steps.in li:nth-child(2){transition-delay:.12s}.ab-steps.in li:nth-child(3){transition-delay:.24s}.ab-steps.in li:nth-child(4){transition-delay:.36s}
.ab-steps li:hover{background:var(--tint)}
.ab-steps li>span{flex-shrink:0;font-size:15px;font-weight:800;color:#fff;background:var(--acc);border-radius:12px;min-width:44px;height:44px;display:grid;place-items:center}
.ab-steps h3{font-size:20px;font-weight:800;letter-spacing:-.03em;margin-bottom:3px}
.ab-steps p{font-size:14.5px;color:var(--muted);font-weight:500}

/* ===== С кем работаем ===== */
.tr-wrap .sec{padding-top:40px;padding-bottom:88px}
.tr{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.tr-card{background:var(--g);border-radius:var(--r-l);padding:30px 28px 28px;display:flex;flex-direction:column;min-height:360px;transition:background .25s,transform .25s}
.tr-card:hover{background:var(--tint);transform:translateY(-4px)}
.tr-n{font-size:13px;font-weight:800;color:#fff;background:var(--acc);border-radius:var(--r-s);padding:5px 10px;align-self:flex-start}
.tr-card h3{font-size:clamp(22px,2vw,28px);font-weight:800;letter-spacing:-.04em;line-height:1.08;margin:56px 0 12px;min-height:2.2em}
.tr-card p{font-size:15px;line-height:1.5;font-weight:500;color:#344054;margin-bottom:18px}
.tr-card ul{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tr-card li{background:#fff;font-size:12.5px;font-weight:700;border-radius:var(--r-s);padding:7px 12px}
.tr-card a{margin-top:auto;font-size:14px;font-weight:700;color:var(--acc);align-self:flex-start;border-bottom:2px solid currentColor;padding-bottom:2px}
@media(max-width:900px){
  .ab{grid-template-columns:1fr;gap:36px}.ab-wrap .sec{padding-top:56px;padding-bottom:56px}
  .ab-facts b{min-width:130px;font-size:18px}
  .tr{grid-template-columns:1fr}.tr-card{min-height:0}.tr-card h3{margin-top:30px}.tr-wrap .sec{padding-bottom:56px}
}
@media(prefers-reduced-motion:reduce){.ab-steps li{opacity:1;transform:none;transition:none}}

/* ===== КНОПКИ как на hr.promarketing.su ===== */
.btn,.nb-btn-call,.nb-btn-discuss,.mob-btn,.cta-btn-main,.hero-cta,.btn-primary,.btn-pc,.sv-go,.hx-q-row button,.hrb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 16px 'Manrope',sans-serif;border-radius:10px;padding:15px 26px;border:2px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .15s,box-shadow .15s,background .15s}
.btn:hover,.nb-btn-call:hover,.nb-btn-discuss:hover,.cta-btn-main:hover,.hero-cta:hover,.btn-primary:hover,.btn-pc:hover,.sv-go:hover,.hx-q-row button:hover{transform:translateY(-1px)}
.btn-o,.nb-btn-call,.mob-btn-call,.cta-btn-main,.hero-cta,.btn-primary,.btn-pc.orange,.sv-go,.hx-q-row button{background:#FF5722!important;color:#fff!important;box-shadow:0 4px 16px rgba(255,87,34,.35)}
.btn-o:hover,.nb-btn-call:hover,.cta-btn-main:hover,.hero-cta:hover,.btn-primary:hover,.sv-go:hover,.hx-q-row button:hover{background:#E64A19!important}
.btn-b,.btn-pc.blue{background:#1A6BFF!important;color:#fff!important;box-shadow:0 8px 24px rgba(26,107,255,.25)}
.btn-l,.nb-btn-discuss,.mob-btn-max{background:transparent!important;border-color:#1A6BFF!important;color:#1557D6!important;box-shadow:none}
.btn-l:hover,.nb-btn-discuss:hover,.mob-btn-max:hover{background:#EAF1FF!important}
.btn-w{background:#fff!important;color:#1557D6!important}
.btn-g{background:transparent!important;border-color:rgba(255,255,255,.7)!important;color:#fff!important;box-shadow:none}
.btn-g:hover{background:rgba(255,255,255,.12)!important}
.nb-btn-call,.nb-btn-discuss{padding:10px 18px;font-size:14px}
.nb-btn-call svg{stroke:#fff}
.mob-btn{width:100%}
.hx-q-row button{padding:0 24px}
.pc.hot .btn-pc.orange{background:#fff!important;color:var(--ink)!important}
.hx-btns{gap:12px}
@media(max-width:520px){.hx-btns .btn{flex:1 1 100%}}

/* ===== FAQ ===== */
.faq2-wrap .sec{padding-top:88px;padding-bottom:88px}
.fq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.fq-side{position:sticky;top:96px}
.fq-side h2{font-size:clamp(38px,4.6vw,64px);font-weight:800;letter-spacing:-.045em;line-height:.98;margin-bottom:20px}
.fq-lead{font-size:16px;line-height:1.55;font-weight:500;color:#344054;margin-bottom:24px;max-width:38ch}
.fq-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.fq-cat{border:0;background:var(--g);color:var(--ink);font:700 13.5px 'Manrope',sans-serif;border-radius:999px;padding:10px 16px;cursor:pointer;transition:background .2s,color .2s}
.fq-cat:hover{background:var(--tint)}
.fq-cat.is-on{background:var(--acc);color:#fff}
.fq-ask{background:var(--tint);border-radius:var(--r-m);padding:22px;display:grid;gap:8px;justify-items:start}
.fq-ask b{font-size:18px;font-weight:800;letter-spacing:-.02em}
.fq-ask span{font-size:14px;color:#344054;font-weight:500;margin-bottom:8px}
.fq-list{display:grid;gap:8px}
.fq-item{background:var(--g);border-radius:var(--r-m);transition:background .25s}
.fq-item[hidden]{display:none}
.fq-item[open]{background:var(--tint)}
.fq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 26px;font-size:clamp(16px,1.4vw,19px);font-weight:700;letter-spacing:-.02em;line-height:1.3}
.fq-item summary::-webkit-details-marker{display:none}
.fq-item summary i{position:relative;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--acc);transition:transform .3s}
.fq-item summary i::before,.fq-item summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:#fff;transform:translate(-50%,-50%)}
.fq-item summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.fq-item[open] summary i{transform:rotate(45deg)}
.fq-a{padding:0 26px 24px;animation:svIn .35s ease both}
.fq-a p{font-size:15.5px;line-height:1.65;font-weight:500;color:#344054;max-width:70ch}
@media(max-width:900px){.fq{grid-template-columns:1fr;gap:28px}.fq-side{position:static}.faq2-wrap .sec{padding-top:56px;padding-bottom:56px}.fq-item summary{padding:18px 18px}.fq-a{padding:0 18px 20px}}

/* ===== Финальный блок ===== */
.fin{padding:0 40px 88px}
.fin-in{position:relative;max-width:1240px;margin:0 auto;background:var(--acc);color:#fff;border-radius:var(--r-l);overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;padding:56px 56px 0}
.fin-l{position:relative;z-index:2;padding-bottom:56px}
.fin-l h2{font-size:clamp(34px,4.3vw,60px);font-weight:800;letter-spacing:-.045em;line-height:1;margin:0 0 18px;max-width:12em}
.fin-p{font-size:16.5px;line-height:1.55;font-weight:500;color:rgba(255,255,255,.88);max-width:46ch;margin-bottom:26px}
.fin .hx-quick{margin:0;max-width:520px}
.fin-alt{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px;font-size:14px;font-weight:600;color:rgba(255,255,255,.85)}
.fin-alt .btn{padding:10px 18px;font-size:14px}
.fin-r{position:relative;align-self:end;display:flex;justify-content:center;min-height:380px}
.fin-sq{position:absolute;left:50%;bottom:-40px;width:min(420px,100%);aspect-ratio:1;background:#fff;border-radius:64px;transform:translateX(-50%) rotate(-6deg)}
.fin-sq::after{content:"";position:absolute;right:26px;top:26px;width:34px;height:34px;border-radius:12px;background:var(--orange)}
.fin-r img{position:relative;z-index:1;width:min(400px,100%);height:auto;align-self:end}
.fin-marks .fm1{left:55%;top:8%;width:30px}
.fin-marks .fm2{left:3%;bottom:6%;width:20px;fill:rgba(255,255,255,.45);animation-duration:8s}
.fin-marks .fm3{right:4%;top:10%;width:26px;fill:var(--orange);animation-duration:9s}
.fin-marks .fm1 circle,.fin-marks .fm3 circle{fill:var(--acc)}
@media(max-width:900px){.fin{padding:0 16px 56px}.fin-in{grid-template-columns:1fr;padding:32px 20px 0;gap:8px}.fin-l{padding-bottom:8px}.fin-r{min-height:300px}.fin-sq{width:280px;bottom:-30px}.fin-r img{width:260px}}

/* ===== ПОДВАЛ ===== */
.ft2{background:#fff;border-top:1px solid var(--border);color:var(--muted)}
.ft2-in{max-width:1320px;margin:0 auto;padding:64px 40px 36px}
.ft2-grid{display:grid;grid-template-columns:1.25fr 1fr .9fr 1.15fr;gap:40px}
.ft2-brand img{height:46px;width:auto;margin-bottom:18px}
.ft2 p{font-size:14px;line-height:1.6;font-weight:500;margin:0 0 12px;color:var(--muted)}
.ft2-req{font-size:13px!important;line-height:1.65!important}
.ft2-req b{color:var(--ink);font-weight:700}
.ft2 h4{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0 0 16px}
.ft2-h2{margin-top:30px!important}
.ft2 ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ft2 li{font-size:14.5px;font-weight:500;line-height:1.4}
.ft2 a{color:var(--ink);text-decoration:none;transition:color .15s}
.ft2 a:hover{color:var(--acc);text-decoration:underline}
.ft2-note{margin-top:40px!important;padding-top:24px;border-top:1px solid var(--border);font-size:12.5px!important;line-height:1.65!important;max-width:none}
.ft2-bot{margin-top:14px;font-size:13px;color:var(--muted);font-weight:500}
@media(max-width:1000px){.ft2-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ft2-in{padding:44px 16px 28px}.ft2-grid{grid-template-columns:1fr;gap:30px}}
.nb-btn-discuss,.mob-btn-max{border:2px solid #1A6BFF!important}
.ft2 li{color:var(--ink)}
/* кнопка «Написать в МАКС»: перебиваем белый цвет для :visited/:hover/:focus из базовых стилей */
.nb-btn-discuss,.nb-btn-discuss:visited,.nb-btn-discuss:hover,.nb-btn-discuss:active,.nb-btn-discuss:focus,
.mob-btn-max,.mob-btn-max:visited,.mob-btn-max:hover,.mob-btn-max:active,.mob-btn-max:focus{color:#1557D6!important;background:transparent!important;border:2px solid #1A6BFF!important}
.nb-btn-discuss:hover,.mob-btn-max:hover{background:#EAF1FF!important}
.nb-btn-call,.nb-btn-call:visited,.nb-btn-call:hover,.nb-btn-call:active,.nb-btn-call:focus,
.mob-btn-call,.mob-btn-call:visited,.mob-btn-call:hover,.mob-btn-call:active,.mob-btn-call:focus{color:#fff!important}
.nb-btn-call:hover,.mob-btn-call:hover{background:#E64A19!important}
.nb-btn-call,.nb-btn-discuss{white-space:nowrap;line-height:1.2}

/* ===== Подстраницы: hero в стиле главной ===== */
.ph{min-height:0}
.ph .hx-in{padding:28px 40px 0}
.ph-bc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600;color:rgba(255,255,255,.75);margin-bottom:34px}
.ph-bc a{color:rgba(255,255,255,.75);text-decoration:none}.ph-bc a:hover{color:#fff;text-decoration:underline}
.ph-sep{opacity:.5}
.ph .hx-pill{opacity:0;animation:hxUp .7s .05s cubic-bezier(.2,.7,.2,1) forwards}
.ph-h{font-size:clamp(34px,4.6vw,66px);font-weight:800;line-height:1;letter-spacing:-.045em;color:#fff;max-width:17em;margin:0 0 22px;opacity:0;animation:hxUp .8s .12s cubic-bezier(.2,.7,.2,1) forwards}
.ph-sub{font-size:clamp(16px,1.35vw,19px);line-height:1.5;font-weight:500;color:rgba(255,255,255,.9);max-width:58ch;margin:0 0 28px;opacity:0;animation:hxUp .8s .25s cubic-bezier(.2,.7,.2,1) forwards}
.ph .hx-btns{opacity:0;animation:hxUp .7s .4s cubic-bezier(.2,.7,.2,1) forwards}
.ph .hx-word{font-size:11.5vw;margin-top:48px}
.ph .hx-m.m2{top:14%}
@media(max-width:1100px){.ph .hx-in{padding:24px 24px 0}}
@media(max-width:768px){.ph .hx-in{padding:20px 16px 0}.ph-bc{margin-bottom:22px}.ph .hx-word{font-size:15vw;margin-top:32px}}
@media(prefers-reduced-motion:reduce){.ph .hx-pill,.ph-h,.ph-sub,.ph .hx-btns{animation:none;opacity:1}}

/* FAQ на подстраницах: плюс вместо стрелки */
.faq-wrap .faq-ico{background:var(--acc);width:32px;height:32px;position:relative;flex-shrink:0}
.faq-wrap .faq-ico svg{display:none}
.faq-wrap .faq-ico::before,.faq-wrap .faq-ico::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:#fff;transform:translate(-50%,-50%)}
.faq-wrap .faq-ico::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item.open .faq-ico{transform:rotate(45deg)}
.faq-wrap .faq-item{transition:background .25s}

/* ===== Страница /uslugi/: карточки услуг, шаги, HR-карточка ===== */
.svc-grid{gap:12px}
.svc-card{background:var(--g);border:0;border-radius:var(--r-m);padding:28px 26px 26px;box-shadow:none;transition:background .25s,transform .25s;min-height:340px}
.svc-card:hover{background:var(--tint);border:0;box-shadow:none;transform:translateY(-4px)}
.svc-card.featured{background:var(--acc);box-shadow:none}
.svc-card.featured:hover{background:var(--acc-d);box-shadow:none}
.svc-card-icon{background:none!important;width:auto;height:auto;border-radius:0;margin-bottom:auto;padding-bottom:40px;justify-content:flex-start}
.svc-card-icon svg{width:34px;height:34px;stroke:var(--ink)!important;stroke-width:1.4}
.svc-card.featured .svc-card-icon svg{stroke:#fff!important}
.svc-card h3{font-size:22px;font-weight:800;letter-spacing:-.035em;line-height:1.12}
.svc-card p{font-size:14.5px;line-height:1.55;font-weight:500;color:#344054}
.svc-card.featured p{color:rgba(255,255,255,.88)}
.svc-tag{border:0;border-radius:var(--r-s);background:#fff;color:var(--ink)!important;font-size:12px;font-weight:700}
.svc-card.featured .svc-tag{background:rgba(255,255,255,.18);color:#fff!important}
.svc-price strong{font-weight:800;color:var(--ink)}
.svc-card.featured .svc-price,.svc-card.featured .svc-price strong{color:#fff}
.svc-card-link,.svc-card-link:visited{color:var(--acc)!important;font-weight:800;border-bottom:2px solid currentColor;align-self:flex-start;padding-bottom:2px}
.svc-card.featured .svc-card-link,.svc-card.featured .svc-card-link:visited{color:#fff!important}
.svc-card-link svg{display:none}
.steps-wrap{background:#fff}
.steps-inner{max-width:1320px;padding:72px 40px}
.steps-grid{gap:12px}
.steps-grid::before{display:none}
.step{text-align:left;background:var(--g);border-radius:var(--r-m);padding:24px 22px}
.step-num{margin:0 0 28px;width:44px;height:44px;border-radius:12px;box-shadow:none;border:0;font-size:15px;font-weight:800}
.step h4{font-size:20px;font-weight:800;letter-spacing:-.03em}
.step p{font-size:14.5px;font-weight:500;color:var(--muted)}
.hrc{padding:0 40px 24px}
.hrc-in{max-width:1240px;background:var(--g);border:0;border-radius:var(--r-l);padding:36px 40px}
.hrc h3{font-size:clamp(24px,2.4vw,34px);font-weight:800;letter-spacing:-.04em;color:var(--ink)}
.hrc p{color:#344054;font-weight:500}
.hrc a.hrc-l{background:transparent;border:2px solid #1A6BFF;color:#1557D6!important;border-radius:10px;font-weight:700;padding:15px 26px}
@media(max-width:900px){.hrc{padding:0 16px 16px}.hrc-in{padding:24px 20px}.steps-inner{padding:48px 16px}.svc-card{min-height:0}.svc-card-icon{padding-bottom:24px}}

@media(max-width:520px){.pt-price-block{flex-shrink:1!important;text-align:left!important}.pt-price{font-size:26px!important}}

/* FAQ: рубрики */
.fq-list{gap:40px}
.fq-group{display:grid;gap:8px}
.fq-group[hidden]{display:none}
.fq-gh{display:flex;align-items:center;gap:12px;font-size:clamp(20px,1.9vw,26px);font-weight:800;letter-spacing:-.035em;margin:0 0 8px;padding-bottom:14px;border-bottom:2px solid var(--ink)}
.fq-gh span{font-size:13px;font-weight:800;color:#fff;background:var(--acc);border-radius:var(--r-s);padding:5px 9px;letter-spacing:0}
.fq-gh em{margin-left:auto;font-style:normal;font-size:13px;font-weight:700;color:var(--muted)}
@media(max-width:900px){.fq-list{gap:30px}}

/* Форма «Перезвоните мне» на телефоне: поле и кнопка отдельными блоками, кнопка нормальной высоты */
@media(max-width:768px){
  .hx-q-row{flex-direction:column;gap:10px;background:transparent;padding:0;border-radius:0}
  .hx-q-row input{width:100%;background:#fff;border-radius:12px;padding:16px 16px;box-shadow:0 2px 10px rgba(18,24,43,.08)}
  .hx-q-row button{width:100%;min-height:54px;padding:15px 22px!important;font-size:16px}
}