/* Rešenje — F.A.C.A.:GO — template-resenje-facago.php.
   Only enqueued on that page template (functions.php) — depends on
   tokens/base/utilities for shared primitives, so never load this alone.
   Build markup with utilities.css classes first; only add rules here for
   what utilities can't cover. This page is bespoke (reuses none of the
   "-GO family" blocks), so it does NOT inherit resenje-go.css/.js — having
   this file is exactly the signal functions.php uses to exclude it. */

/* F.A.C.A.:GO "izazovi" — the shared .solution-intro header + .illus-rows
   cells (styles.css). Only the 2x2 layout and its dividers are this page's. */
.facago-challenges{background:var(--white)}
.facago-challenges-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.facago-challenge:nth-child(odd){border-right:1px solid var(--line)}
.facago-challenge:nth-child(n+3){border-top:1px solid var(--line)}
@media (max-width:820px){
  .facago-challenges{padding:var(--space-10) 0}
  .facago-challenges-list{grid-template-columns:1fr}
  .facago-challenge:nth-child(odd){border-right:0}
  .facago-challenge + .facago-challenge{border-top:1px solid var(--line)}
}

/* Data-to-insight flow. The moving signal explains how the same company-wide
   information is organized, interpreted, and turned into a usable view. */
.facago-flow-section{overflow:hidden;background:var(--soft)}
.facago-flow{position:relative;max-width:1120px;margin-inline:auto;padding:20px 0 8px}
.facago-flow-stages{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(38px,6vw,84px)}
.facago-flow-stage{min-width:0;text-align:center}
.facago-flow-visual{
  position:relative;display:grid;place-items:center;width:clamp(132px,13vw,156px);
  aspect-ratio:1;margin:0 auto var(--space-6);border-radius:50%;background:var(--white);
  box-shadow:0 18px 48px rgba(35,37,60,.1);isolation:isolate;
}
.facago-flow-visual::before{
  content:"";position:absolute;inset:12px;border:1px solid rgba(63,68,104,.13);
  border-radius:inherit;
}
.facago-flow-visual img{
  position:relative;z-index:2;display:block;width:82%;height:82%;border-radius:50%;
  object-fit:cover;
}
.facago-flow-orbit{
  position:absolute;inset:-8px;z-index:0;border:1px solid rgba(63,68,104,.18);
  border-radius:inherit;
}
.facago-flow-orbit::after{
  content:"";position:absolute;top:9px;left:20px;width:8px;height:8px;border-radius:50%;
  background:var(--red);box-shadow:0 0 0 6px rgba(209,67,79,.12);
}
.facago-flow-node{
  position:absolute;z-index:3;top:50%;left:-12px;width:12px;height:12px;
  border:3px solid var(--white);border-radius:50%;background:var(--red);
  box-shadow:0 0 0 1px rgba(209,67,79,.25);transform:translateY(-50%);
}
.facago-flow-stage:first-child .facago-flow-node{display:none}
.facago-flow-rail{position:absolute;z-index:0;top:70px;left:5%;width:90%;height:56px;overflow:visible}
.facago-flow-rail-base,.facago-flow-rail-progress{fill:none;vector-effect:non-scaling-stroke}
.facago-flow-rail-base{stroke:#d9dce3;stroke-width:2}
.facago-flow-rail-progress{
  stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-dasharray:4 96;
  stroke-dashoffset:4;opacity:0;
}
.facago-flow-copy{max-width:34ch;margin-inline:auto}
.facago-flow-number{
  display:block;margin-bottom:var(--space-2);color:var(--red);font-size:var(--fs-meta);
  font-weight:850;letter-spacing:.1em;
}
.facago-flow-copy h3{color:var(--text)}
.facago-flow-copy p{color:var(--text-secondary);line-height:var(--lh-body)}

.facago-flow.is-live .facago-flow-rail-progress{opacity:1;animation:facago-flow-signal 5.4s linear infinite}
.facago-flow.is-live .facago-flow-stage{animation:facago-flow-stage 5.4s cubic-bezier(.77,0,.175,1) infinite}
.facago-flow.is-live .facago-flow-stage-2{animation-delay:1.8s}
.facago-flow.is-live .facago-flow-stage-3{animation-delay:3.6s}
.facago-flow.is-live .facago-flow-orbit::after{animation:facago-flow-orbit 5.4s linear infinite}
.facago-flow.is-live .facago-flow-stage-2 .facago-flow-orbit::after{animation-delay:1.8s}
.facago-flow.is-live .facago-flow-stage-3 .facago-flow-orbit::after{animation-delay:3.6s}
@keyframes facago-flow-signal{from{stroke-dashoffset:4}to{stroke-dashoffset:-96}}
@keyframes facago-flow-stage{
  0%,72%,100%{transform:translateY(0)}
  10%,24%{transform:translateY(-5px)}
}
@keyframes facago-flow-orbit{to{transform:rotate(360deg)}}

@media (max-width:820px){
  .facago-flow-section{padding:var(--space-10) 0}
  .facago-flow{padding:0}
  .facago-flow-rail{display:none}
  .facago-flow-stages{grid-template-columns:1fr;gap:0}
  .facago-flow-stages::before{
    content:"";position:absolute;top:58px;bottom:58px;left:51px;width:1px;
    background:#d9dce3;
  }
  .facago-flow-stage{
    display:grid;grid-template-columns:104px minmax(0,1fr);gap:var(--space-5);
    align-items:center;padding:var(--space-5) 0;text-align:left;
  }
  .facago-flow-visual{width:104px;margin:0}
  .facago-flow-node{top:-10px;left:46px;transform:none}
  .facago-flow-stage:first-child .facago-flow-node{display:none}
  .facago-flow-copy{max-width:var(--content-measure);margin:0}
  .facago-flow.is-live .facago-flow-stage{animation:none}
}
@media (max-width:520px){
  .facago-flow-stage{grid-template-columns:84px minmax(0,1fr);gap:var(--space-4)}
  .facago-flow-visual{width:84px}
  .facago-flow-stages::before{top:48px;bottom:48px;left:41px}
  .facago-flow-node{left:36px}
}
@media (prefers-reduced-motion:reduce){
  .facago-flow-rail-progress{display:none}
  .facago-flow.is-live .facago-flow-stage,.facago-flow.is-live .facago-flow-orbit::after{animation:none}
}

/* Management reports: three direct columns, each pairing one purpose-built
   dashboard illustration with the management level and information it serves. */
.facago-management{overflow:hidden;background:var(--soft)}
.facago-management-intro h2{color:var(--text);text-wrap:balance}
.facago-management-levels{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1160px;
  margin-inline:auto;border-block:1px solid var(--line);
}
.facago-management-level{min-width:0;padding:var(--space-7)}
.facago-management-level + .facago-management-level{border-left:1px solid var(--line)}
.facago-management-visual{
  width:100%;aspect-ratio:1;margin-bottom:var(--space-6);overflow:hidden;
  border-radius:var(--radius-md);background:var(--white);
}
.facago-management-visual img{display:block;width:100%;height:100%;object-fit:cover}
.facago-management-copy{max-width:36ch}
.facago-management-role{
  display:block;color:var(--red);font-size:var(--fs-label);font-weight:850;letter-spacing:.08em;
}
.facago-management-copy h3{color:var(--text)}
.facago-management-copy p{color:var(--text-secondary);line-height:var(--lh-body)}

@media (max-width:900px){
  .facago-management{padding:var(--space-10) 0}
  .facago-management-levels{grid-template-columns:1fr}
  .facago-management-level{padding:var(--space-6) 0}
  .facago-management-level + .facago-management-level{border-top:1px solid var(--line);border-left:0}
  .facago-management-visual{max-width:480px}
  .facago-management-copy{max-width:var(--content-measure)}
}
@media (max-width:520px){
  .facago-management-level{padding:var(--space-5) 0}
  .facago-management-visual{margin-bottom:var(--space-5)}
}