@media(max-width:900px){.steps-grid,.apps-grid{grid-template-columns:1fr!important}}

.eyebrow{font-size:24px!important;letter-spacing:.04em}

/* --- hero mooslider (from home.php) --- */
/* MooSlider only for images inside hero-visual */
    .hero-moo .hero-visual-moo{
      position:relative;
      overflow:visible;
      min-height:570px;
    }
    .fp-mooslider--in-hero{
      position:absolute;
      inset:0;
      margin:0!important;
      min-height:0!important;
      width:100%;
      height:100%;
      font-size:10px;
      overflow:visible!important;
      background:transparent;
    }
    .fp-mooslider--in-hero .carousel{
      height:100%!important;
      min-height:0!important;
      margin:0!important;
      overflow:visible!important;
      position:relative;
    }
    /* фон отдельного слайда */
    .fp-mooslider--in-hero .carousel .list .item[style*="background"]{
      background-size:cover;
      background-position:center;
    }
    /* единый фон-blob слайдера (настройка в панели) */
    /* blob uses CSS vars from inline --fp-blob-* when enabled */
    .fp-mooslider--in-hero.fp-blob-on .carousel::before{
      content:'';
      width:50rem;
      height:30rem;
      background-image:linear-gradient(var(--fp-blob-ang, 70deg), var(--fp-blob-c1, #DC422A), var(--fp-blob-c2, #0404ff));
      position:absolute;
      z-index:0;
      border-radius:20% 30% 80% 10%;
      filter:blur(15rem);
      top:50%;
      left:50%;
      transform:translate(-10%,-50%);
      transition:1s;
      pointer-events:none;
    }
    .fp-mooslider--in-hero.fp-blob-on .carousel .list{ z-index:1; position:relative; }

    .fp-mooslider--in-hero .carousel{
      position:relative;
    }
    .fp-mooslider--in-hero .carousel .list{
      z-index:1;
    }

    .fp-mooslider--in-hero .carousel .list{
      position:absolute!important;
      top:0!important;
      left:0!important;
      width:100%!important;
      max-width:100%!important;
      height:100%!important;
      transform:none!important;
    }
    /* item size — leave room for stack to the right */
    .fp-mooslider--in-hero .carousel .list .item{
      width:78%!important;
      height:100%;
      left:0;
      top:0;
    }
    .fp-mooslider--in-hero .carousel .list .item img{
      position:absolute;
      width:100%!important;
      height:auto!important;
      max-height:100%;
      object-fit:contain;
      right:0;
      left:auto;
      top:50%;
      /* translateY only — parent item handles slide transforms */
      transform:translateY(-50%);
      border-radius:0!important;
      box-shadow:none!important;
      pointer-events:none;
    }
    .fp-mooslider--in-hero .carousel .list .item .intro,
    .fp-mooslider--in-hero .carousel .list .item .detail{
      display:none!important;
    }
    /* hide built-in arrows — controls are below */
    .fp-mooslider--in-hero .arrows{display:none!important}

    /* Explicit positions matching original MooSlider (active = 2nd) */
    .fp-mooslider--in-hero .carousel .list .item:nth-child(1){
      transform: translateX(-100%) translateY(-5%) scale(1.5);
      filter: blur(3rem);
      opacity: 0;
      z-index: 11;
      pointer-events: none;
    }
    .fp-mooslider--in-hero .carousel .list .item:nth-child(2){
      transform: translateX(0) scale(1);
      filter: blur(0);
      opacity: 1;
      z-index: 10;
      pointer-events: auto;
    }
    .fp-mooslider--in-hero .carousel .list .item:nth-child(3){
      transform: translate(48%, 10%) scale(0.8);
      filter: blur(1rem);
      opacity: 1;
      z-index: 9;
    }
    .fp-mooslider--in-hero .carousel .list .item:nth-child(4){
      transform: translate(85%, 18%) scale(0.5);
      filter: blur(2.5rem);
      opacity: 1;
      z-index: 8;
    }
    .fp-mooslider--in-hero .carousel .list .item:nth-child(n+5){
      transform: translate(110%, 25%) scale(0.3);
      filter: blur(3.5rem);
      opacity: 0;
      z-index: 7;
      pointer-events: none;
    }

    /* NEXT: front (was #2 → now #1) flies left & dissolves; next (was #3 → #2) slides in */
    .fp-mooslider--in-hero .carousel.next .list .item:nth-child(1){
      animation: heroMooFromActive .55s ease-in-out 1 forwards;
    }
    .fp-mooslider--in-hero .carousel.next .list .item:nth-child(2){
      animation: heroMooFromPeek .7s ease-in-out 1 forwards;
    }
    .fp-mooslider--in-hero .carousel.next .list .item:nth-child(3){
      animation: heroMooFromFar .9s ease-in-out 1 forwards;
    }
    .fp-mooslider--in-hero .carousel.next .list .item:nth-child(4){
      animation: heroMooFromEdge 1.1s ease-in-out 1 forwards;
    }
    /* PREV */
    .fp-mooslider--in-hero .carousel.prev .list .item:nth-child(2){
      animation: heroMooFromActivePrev .55s ease-in-out 1 forwards;
    }
    .fp-mooslider--in-hero .carousel.prev .list .item:nth-child(3){
      animation: heroMooFromPeek .7s ease-in-out 1 forwards;
    }
    .fp-mooslider--in-hero .carousel.prev .list .item:nth-child(4){
      animation: heroMooFromFar .9s ease-in-out 1 forwards;
    }

    /* from = previous slot position; end = static nth-child rule */
    @keyframes heroMooFromActive{
      from{ transform:translateX(0) scale(1); filter:blur(0); opacity:1; z-index:10; }
    }
    @keyframes heroMooFromPeek{
      from{ transform:translate(48%,10%) scale(0.8); filter:blur(1rem); opacity:1; z-index:9; }
    }
    @keyframes heroMooFromFar{
      from{ transform:translate(85%,18%) scale(0.5); filter:blur(2.5rem); opacity:1; z-index:8; }
    }
    @keyframes heroMooFromEdge{
      from{ transform:translate(110%,25%) scale(0.3); filter:blur(3.5rem); opacity:0; z-index:7; }
    }
    @keyframes heroMooFromActivePrev{
      from{ transform:translateX(-100%) translateY(-5%) scale(1.5); filter:blur(3rem); opacity:0; z-index:11; }
    }

    .hero-copy-item[hidden]{display:none!important}
    .hero-copy-item.is-active{display:block;animation:heroCopyIn .5s ease}
    @keyframes heroCopyIn{
      from{opacity:0;transform:translateY(14px);filter:blur(6px)}
      to{opacity:1;transform:none;filter:none}
    }
    .hero-slide-photo{width:100%;max-height:570px;object-fit:contain}

    /* Controls like before — under hero */
    .hero-slider-ui{
      display:flex;align-items:center;justify-content:center;gap:14px;
      padding:8px 16px 0;position:relative;z-index:20;
    }
    .hero-moo-prev,.hero-moo-next{
      width:40px;height:40px;border-radius:50%;
      border:1px solid #dce2dc;background:#fff;
      font-size:22px;line-height:1;cursor:pointer;color:#1d2923;
    }
    .hero-moo-prev:hover,.hero-moo-next:hover{border-color:#4778eb;color:#4778eb}
    .hero-dots{display:flex;gap:8px;align-items:center}
    .hero-dot{
      width:10px;height:10px;border-radius:50%;border:0;
      background:#c5cdc6;cursor:pointer;padding:0;
    }
    .hero-dot.is-active{background:#1d2923}
    @media(max-width:900px){
      .hero-moo .hero-visual-moo{min-height:380px}
      .fp-mooslider--in-hero .carousel .list .item{width:90%!important}
    }