/* Each page gets one restrained Staffi stroke or wordmark, never a collage. */
body[data-concept="05"] main,
body.staffi-redesign[data-staffi-concept="05"] .stage { position:relative; isolation:isolate; }
body[data-concept="05"] main::before,
body.staffi-redesign[data-staffi-concept="05"] .stage::before {
  content:""; display:block; position:absolute; inset:0; z-index:-1;
  width:auto; height:auto; border-radius:inherit; pointer-events:none;
  background-image:var(--staffi-backdrop, url("assets/backdrop-flow.svg"));
  background-repeat:no-repeat;
  background-position:var(--staffi-backdrop-position,left -120px bottom 14px);
  background-size:var(--staffi-backdrop-size,520px 236px);
  opacity:.065;
}
body[data-concept="05"] .working-desk::before { border-color:#d9d0e9; }
body[data-concept="05"] .hero-sequence { border-color:#e5e6ed; }
body[data-concept="05"] .benefit { border-top-color:#e5e6ed; }
body[data-concept="05"] .benefit > [data-icon] { border-color:#e5e6ed; }
body[data-staffi-backdrop="checklists"] { --staffi-backdrop:url("assets/backdrop-flow.svg"); --staffi-backdrop-position:left -90px bottom 12px; --staffi-backdrop-size:480px 218px; }
body[data-staffi-backdrop="fastfood-automation"] { --staffi-backdrop:url("assets/backdrop-loop.svg"); --staffi-backdrop-position:right -90px top 4px; --staffi-backdrop-size:515px 234px; }
body[data-staffi-backdrop="fastfood-check"] { --staffi-backdrop:url("assets/backdrop-word.svg"); --staffi-backdrop-position:left 0 bottom 0; --staffi-backdrop-size:550px 250px; --staffi-backdrop-compact-size:340px 155px; --staffi-backdrop-short-size:260px 118px; --staffi-backdrop-mobile-position:left 0 bottom 16px; --staffi-backdrop-mobile-size:135px auto; }
body[data-staffi-backdrop="fastfood-kitchen"] { --staffi-backdrop:url("assets/backdrop-brush.svg"); --staffi-backdrop-position:right -90px top 4px; --staffi-backdrop-size:585px 266px; }
body[data-staffi-backdrop="fastfood-team"] { --staffi-backdrop:url("assets/backdrop-staffi.svg"); --staffi-backdrop-position:left 0 bottom 0; --staffi-backdrop-size:480px 218px; --staffi-backdrop-compact-size:340px 155px; --staffi-backdrop-short-size:260px 118px; --staffi-backdrop-mobile-position:left 0 bottom 16px; --staffi-backdrop-mobile-size:135px auto; }
body[data-staffi-backdrop="fastfood-topics"] { --staffi-backdrop:url("assets/backdrop-flow.svg"); --staffi-backdrop-position:right -90px top 4px; --staffi-backdrop-size:515px 234px; }
body[data-staffi-backdrop="fastfood-training"] { --staffi-backdrop:url("assets/backdrop-loop.svg"); --staffi-backdrop-position:left -90px bottom 26px; --staffi-backdrop-size:550px 250px; }
body[data-staffi-backdrop="fastfood-vybor"] { --staffi-backdrop:url("assets/backdrop-word.svg"); --staffi-backdrop-position:left 0 bottom 0; --staffi-backdrop-size:585px 266px; --staffi-backdrop-compact-size:340px 155px; --staffi-backdrop-short-size:260px 118px; --staffi-backdrop-mobile-position:left 0 bottom 16px; --staffi-backdrop-mobile-size:135px auto; }
body[data-staffi-backdrop="gamification"] { --staffi-backdrop:url("assets/backdrop-brush.svg"); --staffi-backdrop-position:left -130px bottom 12px; --staffi-backdrop-size:480px 218px; }
body[data-staffi-backdrop="home"] { --staffi-backdrop:url("assets/backdrop-staffi.svg"); --staffi-backdrop-position:left 0 bottom 0; --staffi-backdrop-size:515px 234px; --staffi-backdrop-compact-size:340px 155px; --staffi-backdrop-short-size:260px 118px; --staffi-backdrop-mobile-position:left 0 bottom 16px; --staffi-backdrop-mobile-size:135px auto; }
body[data-staffi-backdrop="news-2026-10-08-video"] { --staffi-backdrop:url("assets/backdrop-flow.svg"); --staffi-backdrop-position:left -110px bottom 26px; --staffi-backdrop-size:550px 250px; }
body[data-staffi-backdrop="news"] { --staffi-backdrop:url("assets/backdrop-loop.svg"); --staffi-backdrop-position:right -90px top 4px; --staffi-backdrop-size:585px 266px; }
body[data-staffi-backdrop="presentation-automation"] { --staffi-backdrop:url("assets/backdrop-word.svg"); --staffi-backdrop-position:left 0 bottom 0; --staffi-backdrop-size:480px 218px; --staffi-backdrop-compact-size:340px 155px; --staffi-backdrop-short-size:260px 118px; --staffi-backdrop-mobile-position:left 0 bottom 16px; --staffi-backdrop-mobile-size:135px auto; }
body[data-staffi-backdrop="presentation-check"] { --staffi-backdrop:url("assets/backdrop-brush.svg"); --staffi-backdrop-position:right -90px top 4px; --staffi-backdrop-size:515px 234px; }
body[data-staffi-backdrop="presentation"] { --staffi-backdrop:url("assets/backdrop-staffi.svg"); --staffi-backdrop-position:left 0 bottom 0; --staffi-backdrop-size:550px 250px; --staffi-backdrop-compact-size:340px 155px; --staffi-backdrop-short-size:260px 118px; --staffi-backdrop-mobile-position:left 0 bottom 16px; --staffi-backdrop-mobile-size:135px auto; }
body[data-staffi-backdrop="presentation-kitchen"] { --staffi-backdrop:url("assets/backdrop-flow.svg"); --staffi-backdrop-position:right -90px top 4px; --staffi-backdrop-size:585px 266px; }
body[data-staffi-backdrop="presentation-team"] { --staffi-backdrop:url("assets/backdrop-loop.svg"); --staffi-backdrop-position:left -110px bottom 12px; --staffi-backdrop-size:480px 218px; }
body[data-staffi-backdrop="presentation-training"] { --staffi-backdrop:url("assets/backdrop-word.svg"); --staffi-backdrop-position:left 0 bottom 0; --staffi-backdrop-size:515px 234px; --staffi-backdrop-compact-size:340px 155px; --staffi-backdrop-short-size:260px 118px; --staffi-backdrop-mobile-position:left 0 bottom 16px; --staffi-backdrop-mobile-size:135px auto; }
body[data-staffi-backdrop="restaurants"] { --staffi-backdrop:url("assets/backdrop-brush.svg"); --staffi-backdrop-position:left -90px bottom 26px; --staffi-backdrop-size:550px 250px; }
body[data-staffi-backdrop="reviews"] { --staffi-backdrop:url("assets/backdrop-staffi.svg"); --staffi-backdrop-position:left 0 bottom 0; --staffi-backdrop-size:585px 266px; --staffi-backdrop-compact-size:340px 155px; --staffi-backdrop-short-size:260px 118px; --staffi-backdrop-mobile-position:left 0 bottom 16px; --staffi-backdrop-mobile-size:135px auto; }
body[data-staffi-backdrop="training"] { --staffi-backdrop:url("assets/backdrop-flow.svg"); --staffi-backdrop-position:left -130px bottom 12px; --staffi-backdrop-size:480px 218px; }
/* Keep the complete word in the clear footer area on shorter screens. */
@media(min-width:701px) and (max-height:900px) {
  body[data-concept="05"] main::before,
  body.staffi-redesign[data-staffi-concept="05"] .stage::before {
    background-size:var(--staffi-backdrop-compact-size,var(--staffi-backdrop-size,520px 236px));
  }
}
@media(min-width:701px) and (max-height:900px) {
  body[data-staffi-backdrop="presentation-automation"]:has(.feature-item.is-active[data-caption="Планирование продаж"]) { --staffi-backdrop-compact-size:200px 91px; --staffi-backdrop-position:left 0 bottom 10px; }
}
@media(min-width:701px) and (max-height:700px) {
  body[data-concept="05"] main::before,
  body.staffi-redesign[data-staffi-concept="05"] .stage::before {
    background-size:var(--staffi-backdrop-short-size,var(--staffi-backdrop-size,520px 236px));
  }
}
@media(min-width:701px) and (max-height:700px) {
  body[data-staffi-backdrop="presentation-automation"]:has(.feature-item.is-active[data-caption="Планирование продаж"]) { --staffi-backdrop-short-size:80px 36px; --staffi-backdrop-position:left 0 bottom 14px; }
  body[data-staffi-backdrop="presentation-training"]:has(.feature-item.is-active[data-shared-feature="knowledge-test"]) { --staffi-backdrop-short-size:130px 59px; --staffi-backdrop-position:left 0 bottom 14px; }
}
@media(min-width:1024px) and (max-height:700px) {
  body.staffi-redesign.staffi-viewport:is([data-staffi-backdrop="home"],[data-staffi-backdrop="presentation"]) .topics-grid.has-five-topics .topic-card { min-height:0; padding:12px 16px; }
}
@media(max-width:700px) {
  body[data-concept="05"] main::before,
  body.staffi-redesign[data-staffi-concept="05"] .stage::before {
    background-size:var(--staffi-backdrop-mobile-size,330px 150px); background-position:var(--staffi-backdrop-mobile-position,right -120px bottom 20px); opacity:.045;
  }
}