/* Демо 4: прибыль от автоматизации. Главное действие: отметить инструменты; второстепенное: выручка и горизонт. */
.filters .wrap{display:grid;gap:var(--sp-3);align-items:start}
.profit-step{border:1px solid var(--c-tint-border);background:var(--c-tint);border-radius:12px;padding:var(--sp-3);display:grid;gap:var(--sp-2)}
.profit-step.is-calling{animation:demo-pulse 1.6s ease-in-out infinite}
.profit-step-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.profit-step-no{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--c-accent);color:var(--c-on-accent);font-weight:700}
.profit-step-title{font-size:var(--fs-h2);font-weight:600;color:var(--c-heading)}
.profit-tools .chip{min-height:48px;font-size:var(--fs-small);padding:0 16px 0 12px;display:inline-flex;align-items:center;gap:10px;border-radius:10px}
.profit-tools .chip::before{content:"";width:20px;height:20px;border-radius:5px;border:2px solid var(--c-border-strong);flex:none;box-sizing:border-box;display:grid;place-items:center;font:700 16px/1 system-ui,sans-serif}
.profit-tools .chip[aria-pressed="true"]::before{content:"\2713";border-color:#FFFFFF;background:#FFFFFF;color:var(--c-accent)}
.profit-secondary{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);align-items:flex-end}
.profit-secondary-title{flex-basis:100%;font-size:var(--fs-small);color:var(--c-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}
/* Что изменилось после нажатия: показатели и итог коротко подсвечиваются */
.is-updated{animation:profit-flash 1.2s ease-out}
@keyframes profit-flash{0%{box-shadow:0 0 0 3px var(--c-accent)}100%{box-shadow:0 0 0 0 rgba(29,78,216,0)}}
.insight p{font-size:var(--fs-base)}
@media (max-width:639.98px){
  .profit-tools .chip{width:100%}
  .profit-step-head .demo-hint{flex-basis:100%}
  .profit-step-head .demo-hint::before{transform:rotate(-45deg)}
}
@media (prefers-reduced-motion:reduce){
  .profit-step.is-calling{animation:none;box-shadow:0 0 0 3px rgba(29,78,216,.5)}
  .is-updated{animation:none}
}
