/* Сгенерировано cms-inventory/tools/inline_embed_css.py из
   cms-inventory/home-styles/embed-help.css. Руками не править — правьте скрипт.

   Стили врезки ограничены секцией .atri-help-embed: на проде она подключена
   через iframe, и её правила не выходили за его пределы. */

/* Врезка главной: собственные стили standalone-страницы. */

.atri-help-embed{font-size:16px;font-weight:normal;font-style:normal;font-variant:normal;line-height:normal;letter-spacing:normal;word-spacing:normal;text-align:start;text-transform:none;color:#000}

@font-face{font-family:Schrift;src:local("Arial");font-weight:400;font-display:swap}
@font-face{font-family:Schrift;src:local("Arial");font-weight:500;font-display:swap}
@font-face{font-family:Schrift;src:local("Arial");font-weight:600;font-display:swap}
.atri-help-embed{
      --ink:#231f20;--muted:#6c6870;--paper:#f6f3ed;--white:#fffefc;--line:#ddd6ce;
      --accent:#f0733f;--accent-dark:#d85d2d;--support:#8a88c9;--dark:#241f31;--dark-2:#322c43;
      --container:1240px;--ease:cubic-bezier(.2,.75,.2,1)
    }
.atri-help-embed *{box-sizing:border-box}
.atri-help-embed{scroll-behavior:auto}
.atri-help-embed{margin:0;overflow-x:clip;background:var(--dark);color:var(--white);font:400 16px/1.5 Schrift,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.atri-help-embed button{font:inherit}
.atri-help-embed .shell{width:min(calc(100% - 64px),var(--container));margin-inline:auto}
.atri-help-embed .concept{position:relative;isolation:isolate;min-height:100dvh;padding:64px 0 78px;overflow:hidden;background:var(--dark)}
.atri-help-embed .concept[hidden]{display:none}
.atri-help-embed .concept::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 14% 31%,rgba(138,136,201,.11),transparent 27%),linear-gradient(135deg,var(--dark) 0%,var(--dark-2) 62%,var(--dark) 100%)}
.atri-help-embed .concept::after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 76%)}
.atri-help-embed .concept-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.64fr);align-items:end;gap:54px;margin-bottom:32px}
.atri-help-embed .eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:rgba(255,255,255,.62);font-family:Arial,"Segoe UI",sans-serif;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.1em;text-transform:uppercase}
.atri-help-embed .eyebrow::before{content:"";width:28px;height:1px;flex:0 0 28px;background:currentColor}
.atri-help-embed h1, .atri-help-embed h2{max-width:800px;margin:0;font-size:clamp(44px,4.35vw,65px);font-weight:500;line-height:.98;letter-spacing:-.055em}
.atri-help-embed h1 span, .atri-help-embed h2 span{color:var(--support)}
.atri-help-embed .intro{max-width:480px;margin:0 0 4px;color:rgba(255,255,255,.63);font-size:16px;line-height:1.55}
.atri-help-embed .mechanic{display:inline-flex;align-items:center;gap:8px;margin-top:15px;color:rgba(255,255,255,.82);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.atri-help-embed .mechanic::before{content:"↕";display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--accent);font-size:12px}
.atri-help-embed .stage{--split:22%;--step:0;display:grid;grid-template-columns:minmax(390px,.86fr) minmax(560px,1.14fr);min-height:660px;border:1px solid rgba(255,255,255,.15);border-radius:30px;background:rgba(25,26,31,.54);box-shadow:0 34px 100px rgba(0,0,0,.34);overflow:hidden;backdrop-filter:blur(18px)}
.atri-help-embed .compare{position:relative;isolation:isolate;min-height:660px;overflow:hidden;background:#171421;cursor:ns-resize;touch-action:none}
.atri-help-embed .compare__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;pointer-events:none;transition:filter .34s ease,transform .6s var(--ease)}
.atri-help-embed .compare__after{position:absolute;z-index:2;inset:0;clip-path:inset(0 0 calc(100% - var(--split)) 0);transition:clip-path .72s var(--ease);will-change:clip-path;overflow:hidden}
.atri-help-embed .compare__after .compare__image{position:absolute}
.atri-help-embed .compare__veil{position:absolute;z-index:3;inset:0;background:linear-gradient(180deg,rgba(36,31,49,.12),transparent 26%,transparent 68%,rgba(36,31,49,.72));pointer-events:none}
.atri-help-embed .compare__line{position:absolute;z-index:8;top:var(--split);right:0;left:0;height:2px;padding:0;border:0;background:linear-gradient(90deg,transparent 0,var(--accent) 9%,var(--white) 50%,var(--accent) 91%,transparent 100%);box-shadow:0 0 24px rgba(240,115,63,.52);transform:translateY(-1px);cursor:ns-resize;transition:top .72s var(--ease)}
.atri-help-embed .compare__line:focus-visible{outline:0}
.atri-help-embed .compare__line:focus-visible .compare__grip{box-shadow:0 0 0 5px rgba(240,115,63,.25),0 9px 26px rgba(0,0,0,.28)}
.atri-help-embed .compare__grip{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:49px;height:28px;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:var(--accent);color:var(--white);font-size:14px;font-style:normal;font-weight:600;line-height:1;box-shadow:0 9px 26px rgba(0,0,0,.28);transform:translate(-50%,-50%)}
.atri-help-embed .compare__caption{position:absolute;z-index:7;right:37px;bottom:35px;left:37px;display:flex;align-items:end;color:var(--white);font-size:12px;font-weight:600;line-height:1.35;pointer-events:none}
.atri-help-embed .compare__caption strong{max-width:220px;font-weight:600;letter-spacing:.01em}
.atri-help-embed .stage.is-dragging .compare__after, .atri-help-embed .stage.is-dragging .compare__line{transition:none}
.atri-help-embed .tasks{display:grid;grid-template-rows:repeat(6,minmax(0,1fr));padding:9px 30px}
.atri-help-embed .task{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 41px;align-items:center;gap:15px;width:100%;min-width:0;padding:14px 6px;border:0;border-bottom:1px solid rgba(255,255,255,.13);background:transparent;color:var(--white);text-align:left;cursor:pointer;transition:padding .3s ease,background .3s ease}
.atri-help-embed .task:last-child{border-bottom:0}
.atri-help-embed .task__num{color:rgba(255,255,255,.38);font-size:10px;font-weight:600;letter-spacing:.13em;transition:color .24s ease,transform .3s ease}
.atri-help-embed .task h3{margin:0;font-size:21px;font-weight:500;line-height:1.08;letter-spacing:-.032em}
.atri-help-embed .task p{max-height:0;margin:0;color:rgba(255,255,255,.6);font-size:13px;line-height:1.4;opacity:0;overflow:hidden;transform:translateY(-3px);transition:max-height .34s ease,opacity .27s ease,margin .3s ease,transform .3s ease}
.atri-help-embed .task__arrow{position:relative;display:grid;place-items:center;width:41px;height:41px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:rgba(255,255,255,.48);font-size:18px;font-style:normal;transition:transform .3s var(--ease),background .25s ease,border-color .25s ease,color .25s ease}
.atri-help-embed .task__arrow::before{content:"";width:12px;height:12px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translate(2px,-2px)}
.atri-help-embed .task__arrow::after{content:"";position:absolute;width:17px;height:2px;border-radius:2px;background:currentColor;transform:rotate(-45deg)}
.atri-help-embed .task.is-current{padding-left:18px;background:linear-gradient(90deg,rgba(240,115,63,.145),rgba(240,115,63,0) 82%)}
.atri-help-embed .task.is-current .task__num{color:var(--accent);transform:translateX(2px)}
.atri-help-embed .task.is-current p{max-height:44px;margin-top:6px;opacity:1;transform:none}
.atri-help-embed .task.is-current .task__arrow{border-color:var(--accent);background:var(--accent);color:var(--white);transform:rotate(45deg)}
.atri-help-embed .task:focus-visible{outline:2px solid rgba(240,115,63,.75);outline-offset:-2px}
.atri-help-embed .concept--glass::before{background:radial-gradient(circle at 78% 34%,rgba(138,136,201,.08),transparent 24%),linear-gradient(145deg,var(--dark),var(--dark-2) 56%,var(--dark))}
.atri-help-embed .concept--glass .stage{grid-template-columns:minmax(400px,.92fr) minmax(550px,1.08fr);padding:0;gap:0;border-color:rgba(255,255,255,.12);background:rgba(25,20,35,.48)}
.atri-help-embed .concept--glass .compare{min-height:660px;border:0;border-right:1px solid rgba(255,255,255,.15);border-radius:0}
.atri-help-embed .concept--glass .tasks{gap:7px;padding:9px 14px}
.atri-help-embed .concept--glass .task{padding:13px 17px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.026)}
.atri-help-embed .concept--glass .task.is-current{padding-left:21px;border-color:rgba(240,115,63,.38);background:linear-gradient(105deg,rgba(240,115,63,.16),rgba(255,255,255,.035) 66%);box-shadow:0 15px 32px rgba(0,0,0,.12)}
.atri-help-embed .concept--glass .task.is-current::before{content:"";position:absolute;top:18px;bottom:18px;left:-1px;width:2px;border-radius:2px;background:var(--accent);box-shadow:0 0 15px rgba(240,115,63,.6)}
@media(max-width:1050px){
.atri-help-embed .concept-head{grid-template-columns:1fr;gap:15px}
.atri-help-embed .intro{max-width:690px}
.atri-help-embed .stage, .atri-help-embed .concept--glass .stage{grid-template-columns:minmax(330px,.75fr) minmax(490px,1.25fr)}
.atri-help-embed .task h3{font-size:19px}
.atri-help-embed .tasks{padding-inline:20px}
}
@media(max-width:820px){
.atri-help-embed .shell{width:min(calc(100% - 30px),var(--container))}
.atri-help-embed .concept{padding:64px 0 52px}
.atri-help-embed .concept-head{margin-bottom:23px}
.atri-help-embed h1, .atri-help-embed h2{font-size:40px}
.atri-help-embed .intro{font-size:15px}
.atri-help-embed .concept-head>div:last-child{display:none}
.atri-help-embed .stage, .atri-help-embed .concept--glass .stage{grid-template-columns:1fr;min-height:0;border-radius:23px}
.atri-help-embed .concept--glass .stage{padding:0}
.atri-help-embed .compare, .atri-help-embed .concept--glass .compare{display:none}
.atri-help-embed .tasks, .atri-help-embed .concept--glass .tasks{min-height:0;margin:0;padding:7px 14px;border-left:0}
.atri-help-embed .compare__image{inset:0;width:100%;height:100%;object-fit:cover}
.atri-help-embed .task{grid-template-columns:31px minmax(0,1fr) 36px;gap:10px;padding:14px 3px}
.atri-help-embed .task.is-current, .atri-help-embed .concept--glass .task.is-current{padding-left:10px}
.atri-help-embed .task h3{font-size:18px}
.atri-help-embed .task p{font-size:12px}
.atri-help-embed .task__arrow{width:35px;height:35px}
.atri-help-embed .compare__caption{right:27px;bottom:28px;left:27px}
}
@media(max-width:480px){
.atri-help-embed .concept{padding-top:58px}
.atri-help-embed .tasks, .atri-help-embed .concept--glass .tasks{min-height:0}
.atri-help-embed h1, .atri-help-embed h2{font-size:36px}
.atri-help-embed .compare__caption strong{max-width:140px}
}
@media(prefers-reduced-motion:reduce){
.atri-help-embed{scroll-behavior:auto}
.atri-help-embed .compare__after, .atri-help-embed .compare__line, .atri-help-embed .task, .atri-help-embed .task p, .atri-help-embed .task__arrow, .atri-help-embed .task__num{transition-duration:.01ms!important}
}
@font-face{font-family:Manrope;src:url("/assets/fonts/Manrope-Variable.ttf") format("truetype");font-weight:200 800;font-style:normal;font-display:swap}
.atri-help-embed:not(#atri-manrope-specificity-guard), .atri-help-embed *:not(#atri-manrope-specificity-guard):not(svg):not(path):not(use){font-family:Manrope,"Segoe UI",Arial,sans-serif!important}
.atri-help-embed h1, .atri-help-embed h2, .atri-help-embed h3, .atri-help-embed h4{font-weight:500!important}
.atri-help-embed strong, .atri-help-embed b{font-weight:700!important}
.atri-help-embed button, .atri-help-embed input, .atri-help-embed select, .atri-help-embed textarea{font:inherit!important}
.atri-help-embed{min-height:0!important}
.atri-help-embed .concept{min-height:0!important;padding:48px 0 26px!important}
@media(max-width:900px){
.atri-help-embed .concept{padding:64px 0 26px!important}
.atri-help-embed .concept-head{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:24px!important}
.atri-help-embed .stage, .atri-help-embed .concept--glass .stage{grid-template-columns:1fr!important;min-height:0!important;border-radius:23px!important}
.atri-help-embed .compare, .atri-help-embed .concept--glass .compare{display:none!important}
.atri-help-embed .tasks, .atri-help-embed .concept--glass .tasks{min-height:0!important;padding:8px 14px 10px!important}
}
@media(max-width:480px){
.atri-help-embed .concept{padding:58px 0 22px!important}
.atri-help-embed .shell{width:min(calc(100% - 24px),var(--container))!important}
.atri-help-embed h1, .atri-help-embed h2{font-size:36px!important}
.atri-help-embed .intro{font-size:14px!important}
.atri-help-embed .task h3{font-size:17px!important}
.atri-help-embed .task p{font-size:12px!important}
}
@font-face{font-family:Manrope;src:url("/assets/fonts/Manrope-Variable.ttf") format("truetype");font-weight:200 800;font-style:normal;font-display:swap}
.atri-help-embed:not(#atri-manrope-specificity-guard), .atri-help-embed *:not(#atri-manrope-specificity-guard):not(svg):not(path):not(use){font-family:Manrope,"Segoe UI",Arial,sans-serif!important}
.atri-help-embed h1, .atri-help-embed h2, .atri-help-embed h3, .atri-help-embed h4{font-weight:500!important}
.atri-help-embed strong, .atri-help-embed b{font-weight:700!important}
.atri-help-embed button, .atri-help-embed input, .atri-help-embed select, .atri-help-embed textarea{font:inherit!important}

/* Врезка главной: собственные стили standalone-страницы. */

.atri-help-embed{
  min-height: 0 !important;
  overflow-x: hidden !important;
  background: #fff !important;
}
.atri-help-embed::before{
  display: none !important;
  opacity: 0 !important;
  background-image: none !important;
}
.atri-help-embed .atri-docs-container{
  padding: 28px 0 28px !important;
}
.atri-help-embed .atri-docs{
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  background-clip: padding-box !important;
  transform: translateZ(0);
}
.atri-help-embed > .cases{
  padding-bottom: 18px !important;
  background: #fff !important;
}
.atri-help-embed body.atri-journal-standalone #journal{
  min-height: 0 !important;
  padding: 44px 24px !important;
  background: #fff !important;
}
.atri-help-embed body.variant-one .finance-section{
  padding-top: 44px !important;
}
.atri-help-embed body.variant-one .price-section{
  padding-bottom: 56px !important;
}
.atri-help-embed body.variant-one .price-shell{
  overflow: hidden !important;
  border-radius: 30px !important;
  background-clip: padding-box !important;
  transform: translateZ(0);
}
.atri-help-embed > .concept, .atri-help-embed > main > .concept{
  min-height: 0 !important;
  padding: 48px 0 26px !important;
}
.atri-help-embed body.atri-people-standalone .people{
  padding: 72px 0 76px !important;
}
.atri-help-embed body.atri-reviews-standalone .reviews{
  padding: 72px 0 80px !important;
  background: #fff !important;
}
.atri-help-embed body.atri-reviews-standalone.atri-cases-compact .reviews{
  padding-top: 46px !important;
}
.atri-help-embed > .section#atri-ratings-embed{
  padding-top: 44px !important;
  padding-bottom: 8px !important;
  background: #fff !important;
}
@media (max-width: 900px){
.atri-help-embed > .concept{
    padding: 42px 0 26px !important;
  }
}
@media (max-width: 720px){
.atri-help-embed .atri-docs-container{
    padding: 18px 0 24px !important;
  }
.atri-help-embed .atri-docs{
    border-radius: 22px !important;
  }
.atri-help-embed > .cases{
    padding-bottom: 16px !important;
  }
.atri-help-embed body.atri-journal-standalone #journal{
    padding: 36px 16px 40px !important;
  }
.atri-help-embed body.variant-one .finance-section{
    padding-top: 32px !important;
  }
.atri-help-embed body.variant-one .price-section{
    padding-bottom: 44px !important;
  }
.atri-help-embed body.variant-one .price-shell{
    border-radius: 23px !important;
  }
.atri-help-embed body.atri-people-standalone .people{
    padding: 54px 0 58px !important;
  }
.atri-help-embed body.atri-reviews-standalone .reviews{
    padding: 54px 0 58px !important;
  }
.atri-help-embed body.atri-reviews-standalone.atri-cases-compact .reviews{
    padding-top: 30px !important;
  }
.atri-help-embed > .section#atri-ratings-embed{
    padding-top: 24px !important;
    padding-bottom: 18px !important;
  }
}
@media (max-width: 480px){
.atri-help-embed > .concept{
    padding: 36px 0 22px !important;
  }
.atri-help-embed > .cases{
    padding-bottom: 14px !important;
  }
}