/* ============================================================
   Naumen WFM — Техническая поддержка
   Naumen Design System. Контейнер 1100px без внешних отступов (шаблон Bitrix).
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
body {
    font-family: "Open Sans", sans-serif;
    color: #404040;
    font-size: 16px;
    min-width: 320px;
    position: relative;
    background: #e2e5e6;
font-weight: 400;
}

.wfm-hero-bg{position:relative;overflow:hidden;isolation:isolate;margin-top:24px;padding:64px 56px 72px;border-radius:0px;background:#F1F2F5}
.wfm-hero-bg::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#F1F2F5 0%,#F1F2F5 38%,#F7E9E1 72%,#FDDCC8 100%)}
.wfm-hero-bg .score{position:relative;box-shadow:0 12px 32px rgba(255,103,32,.22)}
.wfm-hero-bg .score::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:440px;height:440px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(255,103,32,.55),rgba(255,103,32,.18) 60%,rgba(255,103,32,0));filter:blur(40px);pointer-events:none}
@media (max-width:720px){.wfm-hero-bg{padding:36px 24px 48px;margin-top:16px}}

.full-width-wrap {margin-left:-170px;margin-right:-170px;overflow:hidden;position:relative; }
@media (max-width: 1200px) {
.full-width-wrap { margin-left:-50px;margin-right:-50px;}
}
@media (max-width: 1124px) {
.full-width-wrap { margin-left:0px;margin-right:0px;}
}
.products_line:before {	background: #ffffff;}
#wfm-form-question .title {
    color: #fff;
    font-size: 40px;
    line-height: 48px;
text-align:left;
margin-bottom:30px
}
#wfm-form-question .title:after {content:none;}
.page-wrap {
    background: #ffffff;
}
.wfms{
  --orange:#ff6720; --orange-hover:#ff6611; --orange-soft:rgba(255,103,32,.1);
  --ink-2:#404040; --ink-3:#404040; --ink-4:#404040; --ink-5:#545658; --ink-6:#838487;
  --line-1:#DEDEDE; --line-2:#C4C4C4; --line-3:#ECECEC; --line-4:#E5E5E5;
  --bg-mute-1:#F1F2F5; --bg-mute-2:#F7F7F7;
  --font-display:'Aeroport','Open Sans',system-ui,sans-serif;
  --font-body:'Open Sans','Aeroport',system-ui,sans-serif;
  --r-md:7px; --r-lg:16px;
  --shadow-md:0 4px 12px rgba(0,0,0,.06); --shadow-card:0 8px 24px rgba(0,0,0,.07);

  max-width:1100px;margin:0 auto;padding:0;
  font-family:var(--font-body);font-size:16px;line-height:1.45;color:var(--ink-3);
}
.wfms *,.wfms *::before,.wfms *::after{box-sizing:border-box}
.wfms h1,.wfms h2,.wfms h3{font-family:var(--font-display);font-weight:600;color:var(--ink-2);margin:0;text-wrap:balance}
.wfms p{margin:0; font-weight: 400;}
.wfms a{color:inherit;text-decoration:none;transition:color .24s linear}
.wfms .nb{white-space:nowrap}
.wfms svg.i{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* breadcrumbs + subsite menu */
.wfms .crumbs{font-size:14px;color:var(--ink-6);padding:20px 0 0}
.wfms .crumbs a{color:var(--ink-4)}
.wfms .crumbs a:hover{color:var(--orange)}
.wfms .crumbs .sep{margin:0 8px;color:var(--line-2)}
.wfms .subnav{border-bottom:1px solid var(--line-3);margin-top:16px}
.wfms .subnav ul{list-style:none;margin:0;padding:0;display:flex;gap:28px;overflow-x:auto;scrollbar-width:none}
.wfms .subnav ul::-webkit-scrollbar{display:none}
.wfms .subnav a{display:block;padding:14px 0;font-family:var(--font-display);font-size:16px;font-weight:500;color:var(--ink-3);white-space:nowrap;border-bottom:3px solid transparent}
.wfms .subnav a:hover{color:var(--orange)}
.wfms .subnav a[aria-current="page"]{color:var(--ink-2);border-bottom-color:var(--orange)}

/* buttons */
.wfms .btns{display:flex;flex-wrap:wrap;gap:12px}
.wfms .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--r-md);font-family:var(--font-display);font-size:16px;font-weight:600;line-height:1.25;border:1px solid transparent;cursor:pointer;transition:background .16s linear,color .16s linear,border-color .16s linear}
.wfms .btn:active{transform:translateY(1px)}
.wfms .btn svg.i{width:18px;height:18px}
.wfms .btn-primary{background:var(--orange);color:#fff}
.wfms .btn-primary:hover{background:var(--orange-hover);color:#fff}
.wfms .btn-ghost{border-color:var(--orange);color:var(--orange);background:transparent}
.wfms .btn-ghost:hover{background:var(--orange);color:#fff}

/* sections */
.wfms .sec{padding:80px 0}
.wfms .sec.muted{background:var(--bg-mute-1);border-radius:var(--r-lg);padding:64px 48px}
.wfms .sec-head{max-width:880px;margin-bottom:40px}
.wfms .sec-head h2{font-size:40px;line-height:1.1}
.wfms .sec-head p{margin-top:16px;font-size:18px;line-height:1.5;color:var(--ink-5);text-wrap:pretty}

/* hero */
.wfms .hero{padding:26px 0 40px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:center}
.wfms .hero h1{font-size:46px;line-height:1.12;letter-spacing:-.01em}
.wfms .hero h1 .accent{color:var(--orange)}
.wfms .hero .lead{font-size:18px;line-height:1.5;color:var(--ink-4);margin:24px 0 36px;max-width:620px}
.wfms .score{background:var(--orange);color:#fff;border-radius:var(--r-lg);padding:36px 32px}
.wfms .score-num{display:flex;align-items:baseline;gap:12px;font-family:var(--font-display);font-weight:600;line-height:1}
.wfms .score-num b{font-size:88px;font-weight:600;letter-spacing:-.02em}
.wfms .score-num span{font-size:28px}
.wfms .score-cap{margin-top:14px;font-size:17px;color:#fff}
.wfms .score hr{border:0;border-top:1px solid rgba(255,255,255,.35);margin:26px 0 20px}
.wfms .score-note{display:flex;gap:14px;align-items:flex-start;font-size:15px;color:#fff}
.wfms .score-note svg.i{margin-top:1px}

/* numbers */
.wfms .num-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}
.wfms .panel{background:#fff;border-radius:var(--r-lg);padding:28px}
.wfms .panel-title{display:flex;align-items:center;gap:14px;font-family:var(--font-display);font-size:20px;font-weight:600;line-height:1.25;color:var(--ink-2);margin-bottom:22px}
.wfms .ico{width:48px;height:48px;border-radius:14px;background:var(--orange-soft);color:var(--orange);display:flex;align-items:center;justify-content:center;flex:none}
.wfms .tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wfms .tiles.one{grid-template-columns:1fr}
.wfms .tile{background:var(--bg-mute-2);border:1px solid var(--line-3);border-radius:var(--r-md);padding:20px 22px}
.wfms .tile .v{font-family:var(--font-display);font-size:40px;font-weight:600;color:var(--orange);line-height:1.05;letter-spacing:-.01em}
.wfms .tile .v small{font-size:20px;color:var(--ink-2);margin-left:4px}
.wfms .tile .l{margin-top:10px;font-size:15px;line-height:1.45;color:var(--ink-4)}
.wfms .tile .l b{color:var(--ink-2);font-weight:600}

/* improvement */
.wfms .ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.wfms .ba{border:1px solid var(--line-4);border-radius:var(--r-lg);padding:32px;box-shadow:var(--shadow-md)}
.wfms .ba h3{font-size:21px;line-height:1.25}
.wfms .ba .per{font-size:14px;color:var(--ink-6);margin-top:4px}
.wfms .ba-row{display:flex;align-items:center;gap:18px;margin-top:24px;flex-wrap:wrap;font-family:var(--font-display);font-weight:600}
.wfms .ba-old{font-size:34px;color:var(--ink-6);line-height:1}
.wfms .ba-new{font-size:54px;color:var(--orange);line-height:1;letter-spacing:-.01em}
.wfms .ba-unit{font-size:22px;color:var(--ink-2)}
.wfms .ba-row svg.i{color:var(--ink-5);width:28px;height:28px}
.wfms .ba-tag{display:inline-block;margin-top:20px;padding:6px 14px;border-radius:42px;background:var(--orange-soft);color:var(--ink-2);font-family:var(--font-display);font-size:15px;font-weight:500}
.wfms .how{margin-top:48px}
.wfms .how h3{font-size:24px;line-height:1.25;margin-bottom:24px}
.wfms .how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wfms .how-item{display:flex;gap:16px;align-items:flex-start}
.wfms .how-item .ico{width:44px;height:44px;border-radius:12px}
.wfms .how-item .ico svg.i{width:22px;height:22px}
.wfms .how-item p{font-size:16px;color:var(--ink-3);padding-top:2px}

/* proactive */
.wfms .pro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wfms .pro{background:#fff;border:1px solid var(--line-4);border-radius:var(--r-lg);padding:26px;display:flex;flex-direction:column;gap:18px;transition:box-shadow .24s linear,transform .24s linear}
.wfms .pro:hover{box-shadow:var(--shadow-card);transform:translateY(-3px)}
.wfms .pro p{font-size:16px;line-height:1.5;color:var(--ink-3)}

/* closing */
.wfms .closing{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:48px;align-items:start}
.wfms .closing h2{font-size:40px;line-height:1.1}
.wfms .closing .txt{font-size:18px;line-height:1.5;color:var(--ink-5);margin:18px 0 32px;max-width:600px}
.wfms .contacts{background:var(--bg-mute-1);border-radius:var(--r-lg);padding:32px}
.wfms .contacts h3{font-size:21px;line-height:1.25}
.wfms .contacts .sub{font-size:14px;color:var(--ink-6);margin-top:4px}
.wfms .contacts ul{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px}
.wfms .contacts li{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.wfms .contacts li svg.i{color:var(--orange);width:20px;height:20px;margin-top:3px}
.wfms .contacts li small{display:block;font-size:13px;color:var(--ink-6)}
.wfms .contacts a{font-weight:600;color:var(--ink-2)}
.wfms .contacts a:hover{color:var(--orange)}
.wfms .contacts .btn{margin-top:24px;width:100%}
.wfms .contacts .btn:hover{color:#fff}

@media (max-width:1080px){
  .wfms .hero,.wfms .closing{grid-template-columns:1fr}
  .wfms .score{max-width:480px}
  .wfms .num-grid{grid-template-columns:1fr}
  .wfms .tiles.one{grid-template-columns:1fr 1fr}
  .wfms .pro-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  .wfms .sec{padding:56px 0}
  .wfms .sec.muted{padding:40px 20px}
  .wfms .hero{padding:32px 0 56px}
  .wfms .hero h1{font-size:32px}
  .wfms .hero .lead,.wfms .sec-head p,.wfms .closing .txt{font-size:16px}
  .wfms .sec-head h2,.wfms .closing h2{font-size:28px}
  .wfms .score{padding:28px 24px}
  .wfms .score-num b{font-size:68px}
  .wfms .panel,.wfms .ba,.wfms .contacts{padding:22px}
  .wfms .tiles,.wfms .tiles.one,.wfms .ba-grid,.wfms .how-grid,.wfms .pro-grid{grid-template-columns:1fr}
  .wfms .tile .v{font-size:34px}
  .wfms .ba-old{font-size:26px}
  .wfms .ba-new{font-size:40px}
  .wfms .btn{width:100%}
}