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

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

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

.atri-cases-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-cases-embed{
      color-scheme: light;
      --paper: #f6f3ee;
      --ink: #242326;
      --muted: #747075;
      --line: rgba(38, 35, 38, .13);
      --accent: #f0733f;
      --accent-dark: #d85d2d;
      --white: #fff;
    }
.atri-cases-embed *{ box-sizing: border-box; }
.atri-cases-embed{
      min-width: 320px;
      background: var(--paper);
    }
.atri-cases-embed{
      margin: 0;
      color: var(--ink);
      background: var(--paper);
      font-family: Schrift, "Segoe UI", sans-serif;
      -webkit-font-smoothing: antialiased;
    }
.atri-cases-embed button, .atri-cases-embed input{ font: inherit; }
.atri-cases-embed .cases{
      padding: 46px 0 38px;
      overflow: hidden;
      background: #fff;
    }
.atri-cases-embed .cases__inner{
      width: min(calc(100% - 64px), 1240px);
      margin: 0 auto;
    }
.atri-cases-embed .cases__head{
      display: block;
      margin-bottom: 26px;
    }
.atri-cases-embed .cases__eyebrow{
      display: flex;
      align-items: center;
      gap: 10px;
      margin: 0 0 18px;
      color: var(--muted);
      font-family: Arial, "Segoe UI", sans-serif;
      font-size: 12px;
      font-weight: 600;
      line-height: 1.2;
      letter-spacing: .1em;
      text-transform: uppercase;
    }
.atri-cases-embed .cases__eyebrow::before{
      content: "";
      flex: 0 0 28px;
      width: 28px;
      height: 1px;
      background: currentColor;
    }
.atri-cases-embed .cases__title{
      max-width: 720px;
      margin: 0;
      font-size: clamp(42px, 5vw, 66px);
      font-weight: 400;
      line-height: .96;
      letter-spacing: -.055em;
    }
.atri-cases-embed .cases__more{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      min-height: 52px;
      padding: 0 24px;
      border: 1px solid var(--accent);
      border-radius: 999px;
      color: #fff;
      background: var(--accent);
      font-family: Schrift, "Segoe UI", sans-serif;
      font-size: 14px;
      font-weight: 600;
      line-height: 1;
      text-decoration: none;
      transition: transform .18s ease-out, background-color .18s ease-out, border-color .18s ease-out;
    }
.atri-cases-embed .cases__more svg{ width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .18s ease-out; }
.atri-cases-embed .cases__more:hover{
      border-color: var(--accent-dark);
      background: var(--accent-dark);
      transform: translateY(-2px);
    }
.atri-cases-embed .cases__more:hover svg{ transform: translateX(4px); }
.atri-cases-embed .cases__more:active{ transform: translateY(0); }
.atri-cases-embed .featured{
      display: grid;
      grid-template-columns: minmax(0, 1.62fr) minmax(275px, .72fr);
      min-height: 420px;
      overflow: hidden;
      border-radius: 24px;
      background: #fff;
      box-shadow: 0 22px 56px rgba(37, 31, 28, .11);
    }
.atri-cases-embed .comparison{
      --split: 50%;
      position: relative;
      min-height: 420px;
      overflow: hidden;
      background: #d2cdc5;
      isolation: isolate;
      touch-action: pan-y;
      user-select: none;
    }
.atri-cases-embed .comparison__image{
      position: absolute;
      top: 0;
      bottom: 0;
      left: -10%;
      display: block;
      width: 110%;
      height: 100%;
      object-fit: cover;
      object-position: 50% 51%;
      pointer-events: none;
    }
.atri-cases-embed .comparison__after{
      position: absolute;
      inset: 0;
      z-index: 1;
      overflow: hidden;
      clip-path: inset(0 0 0 var(--split));
    }
.atri-cases-embed .comparison__after .comparison__image{ z-index: 1; }
.atri-cases-embed .comparison__shade{
      position: absolute;
      inset: auto 0 0;
      z-index: 2;
      height: 34%;
      background: linear-gradient(180deg, transparent, rgba(19, 18, 20, .38));
      pointer-events: none;
    }
.atri-cases-embed .comparison__label{
      position: absolute;
      top: 18px;
      z-index: 4;
      padding: 9px 13px;
      border: 1px solid rgba(255, 255, 255, .48);
      border-radius: 999px;
      color: #fff;
      background: rgba(28, 26, 28, .27);
      backdrop-filter: blur(9px);
      font-size: 11px;
      font-weight: 700;
      line-height: 1;
      letter-spacing: .11em;
      text-transform: uppercase;
      pointer-events: none;
    }
.atri-cases-embed .comparison__label--before{ left: 18px; }
.atri-cases-embed .comparison__label--after{ right: 18px; }
.atri-cases-embed .comparison__line{
      position: absolute;
      top: 0;
      bottom: 0;
      left: var(--split);
      z-index: 5;
      width: 2px;
      background: rgba(255, 255, 255, .92);
      box-shadow: 0 0 0 1px rgba(35, 31, 32, .08), 0 0 20px rgba(28, 24, 24, .22);
      transform: translateX(-1px);
      pointer-events: none;
    }
.atri-cases-embed .comparison__handle{
      position: absolute;
      top: 50%;
      left: 50%;
      display: grid;
      width: 52px;
      height: 52px;
      place-items: center;
      border: 1px solid rgba(255, 255, 255, .82);
      border-radius: 50%;
      color: var(--ink);
      background: rgba(255, 255, 255, .94);
      box-shadow: 0 9px 26px rgba(31, 27, 28, .22);
      transform: translate(-50%, -50%);
    }
.atri-cases-embed .comparison__arrows{
      font-size: 18px;
      font-weight: 700;
      line-height: 1;
      letter-spacing: -.08em;
      transform: translateX(-1px);
    }
.atri-cases-embed .comparison__range{
      position: absolute;
      inset: 0;
      z-index: 7;
      width: 100%;
      height: 100%;
      margin: 0;
      opacity: 0;
      cursor: ew-resize;
    }
.atri-cases-embed .comparison__hint{
      position: absolute;
      z-index: 4;
      right: 20px;
      bottom: 18px;
      margin: 0;
      color: rgba(255, 255, 255, .82);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: .02em;
      pointer-events: none;
    }
.atri-cases-embed .featured__info{
      position: relative;
      display: flex;
      flex-direction: column;
      min-width: 0;
      padding: 31px 28px 25px;
      overflow: hidden;
      color: var(--ink);
      background: #fff;
    }
.atri-cases-embed .featured__info::before, .atri-cases-embed .featured__info::after{ content: none; }
.atri-cases-embed .featured__number{
      position: absolute;
      top: 31px;
      right: 28px;
      z-index: 1;
      margin: 0;
      color: rgba(38, 35, 38, .35);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .08em;
      text-shadow: none;
    }
.atri-cases-embed .featured__content{
      position: relative;
      z-index: 1;
      max-width: 285px;
      margin: 0 0 20px;
    }
.atri-cases-embed .featured__title{
      margin: 0;
      font-size: clamp(28px, 3vw, 41px);
      font-weight: 400;
      line-height: .98;
      letter-spacing: -.045em;
    }
.atri-cases-embed .featured__text{
      margin: 15px 0 0;
      color: var(--muted);
      font-size: 15px;
      font-weight: 500;
      line-height: 1.45;
    }
.atri-cases-embed .case-grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 28px;
    }
.atri-cases-embed .cases__carousel-controls{
      display: none;
      justify-content: flex-end;
      gap: 9px;
      margin: 22px 0 -10px;
    }
.atri-cases-embed .cases__carousel-button{
      display: grid;
      place-items: center;
      width: 44px;
      height: 44px;
      padding: 0;
      border: 1px solid rgba(38, 35, 38, .16);
      border-radius: 50%;
      background: #fff;
      color: var(--ink);
      font-size: 24px;
      line-height: 1;
      cursor: pointer;
    }
.atri-cases-embed .cases__carousel-button--next{
      border-color: var(--accent);
      background: var(--accent);
      color: #fff;
    }
.atri-cases-embed .cases__actions{
      display: flex;
      justify-content: flex-end;
      margin-top: 24px;
    }
.atri-cases-embed .featured__info .cases__more{
      position: relative;
      z-index: 1;
      align-self: stretch;
      min-height: 48px;
      margin: auto 0 0;
      padding-inline: 20px;
    }
.atri-cases-embed .case-card{
      min-width: 0;
      overflow: hidden;
      border-radius: 18px;
      background: #fff;
      box-shadow: 0 13px 36px rgba(37, 31, 28, .07);
    }
.atri-cases-embed .case-card__visual{
      position: relative;
      height: 232px;
      overflow: hidden;
      background: #d8d3cc;
    }
.atri-cases-embed .case-card__visual::after{
      content: "";
      position: absolute;
      inset: auto 0 0;
      height: 35%;
      background: linear-gradient(180deg, transparent, rgba(19, 18, 20, .24));
      pointer-events: none;
    }
.atri-cases-embed .case-card__image{
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
.atri-cases-embed .case-card__body{
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 18px;
      align-items: start;
      padding: 17px 18px 18px;
    }
.atri-cases-embed .case-card__type{
      margin: 0 0 6px;
      color: var(--accent);
      font-size: 9px;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
.atri-cases-embed .case-card__title{
      margin: 0;
      font-size: 19px;
      font-weight: 500;
      line-height: 1.08;
      letter-spacing: -.035em;
    }
.atri-cases-embed .case-card__number{
      color: rgba(38, 35, 38, .35);
      font-size: 11px;
      font-weight: 700;
    }
@media (max-width: 880px){
.atri-cases-embed .cases{ padding: 38px 0 30px; }
.atri-cases-embed .cases__inner{ width: min(calc(100% - 36px), 1240px); }
.atri-cases-embed .cases__head{
        grid-template-columns: 1fr;
        gap: 18px;
      }
.atri-cases-embed .cases__more{ justify-self: start; }
.atri-cases-embed .featured{
        grid-template-columns: 1fr;
      }
.atri-cases-embed .comparison{ min-height: 390px; }
.atri-cases-embed .featured__info{
        min-height: 288px;
        padding: 22px;
      }
.atri-cases-embed .featured__number{
        top: 22px;
        right: 22px;
      }
.atri-cases-embed .featured__content{ margin: 0 0 20px; }
.atri-cases-embed .case-grid{
        grid-template-columns: repeat(3, minmax(280px, 1fr));
        margin-top: 20px;
        margin-right: -18px;
        padding-right: 18px;
        padding-bottom: 10px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
      }
.atri-cases-embed .case-grid::-webkit-scrollbar{ display: none; }
.atri-cases-embed .cases__carousel-controls{ display: flex; }
.atri-cases-embed .case-card{ scroll-snap-align: start; scroll-snap-stop: always; }
}
@media (max-width: 560px){
.atri-cases-embed .cases{ padding-top: 28px; }
.atri-cases-embed .cases__inner{ width: min(calc(100% - 30px), 1240px); }
.atri-cases-embed .cases__title{ font-size: clamp(40px, 13vw, 56px); }
.atri-cases-embed .featured{ border-radius: 18px; }
.atri-cases-embed .comparison{ min-height: 335px; }
.atri-cases-embed .comparison__handle{
        width: 46px;
        height: 46px;
      }
.atri-cases-embed .comparison__hint{ display: none; }
.atri-cases-embed .featured__info{ min-height: 270px; }
.atri-cases-embed .case-card__visual{ height: 220px; }
}
@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-cases-embed:not(#atri-manrope-specificity-guard), .atri-cases-embed *:not(#atri-manrope-specificity-guard):not(svg):not(path):not(use){font-family:Manrope,"Segoe UI",Arial,sans-serif!important}
.atri-cases-embed h1, .atri-cases-embed h2, .atri-cases-embed h3, .atri-cases-embed h4{font-weight:500!important}
.atri-cases-embed strong, .atri-cases-embed b{font-weight:700!important}
.atri-cases-embed button, .atri-cases-embed input, .atri-cases-embed select, .atri-cases-embed textarea{font:inherit!important}
.atri-cases-embed{min-height:0!important;overflow-x:hidden!important;background:#fff!important}
.atri-cases-embed .cases{padding-bottom:18px!important;background:#fff!important}
@media(max-width:720px){
.atri-cases-embed .cases{padding-bottom:16px!important}
}
@media(max-width:480px){
.atri-cases-embed .cases{padding-bottom:14px!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-cases-embed:not(#atri-manrope-specificity-guard), .atri-cases-embed *:not(#atri-manrope-specificity-guard):not(svg):not(path):not(use){font-family:Manrope,"Segoe UI",Arial,sans-serif!important}
.atri-cases-embed h1, .atri-cases-embed h2, .atri-cases-embed h3, .atri-cases-embed h4{font-weight:500!important}
.atri-cases-embed strong, .atri-cases-embed b{font-weight:700!important}
.atri-cases-embed button, .atri-cases-embed input, .atri-cases-embed select, .atri-cases-embed textarea{font:inherit!important}

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

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