/* Techtlee - /projekty/agentic-analytics
   The Agentic Analytics briefing as a page: one bespoke animation per
   section. Everything is prefixed aa- so nothing leaks into the rest of the
   site; a section starts its animations once it gets .in (agentic.js). */

.aa-s{--aa-r:14px;--aa-r-sm:10px;--aa-ease:cubic-bezier(.2,.8,.2,1)}
.aa-head__cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s6);margin-top:var(--s8)}
.aa-s .shead h2{max-width:22ch}

/* reveal */
.aa-rv{opacity:0;transform:translateY(22px);filter:blur(6px);
  transition:opacity .75s ease,transform .75s var(--aa-ease),filter .75s ease}
.aa-s.in .aa-rv{opacity:1;transform:none;filter:none}
.aa-s.in .d1{transition-delay:.07s}.aa-s.in .d2{transition-delay:.14s}.aa-s.in .d3{transition-delay:.21s}
.aa-s.in .d4{transition-delay:.28s}.aa-s.in .d5{transition-delay:.35s}.aa-s.in .d6{transition-delay:.44s}

/* type */
.aa-body{font-size:var(--fs-body);color:var(--fg-2);line-height:1.45}
.aa-sm{font-size:var(--fs-sm);color:var(--fg-3);line-height:1.45}
.aa-foot{font-size:var(--fs-sm);color:var(--fg-4);margin-top:28px;max-width:78ch;line-height:1.5}
.aa-pb{color:var(--warn)}
.aa-tag{display:block;font-size:var(--fs-micro);color:var(--accent);margin-bottom:10px}
.aa-s h3{font-size:clamp(18px,2vw,21px);line-height:1.22;font-weight:var(--fw-med);color:var(--fg);margin:0}

/* glass surfaces */
.aa-card,.aa-row,.aa-glass{border:1px solid var(--line-2);border-radius:var(--aa-r);
  background:linear-gradient(160deg,rgba(238,242,251,.075),rgba(238,242,251,.03) 50%,rgba(238,242,251,.055)),rgba(22,26,24,.62);
  -webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(238,242,251,.09),0 18px 40px -28px rgba(0,0,0,.85)}

/* grids */
.aa-g2,.aa-g3,.aa-g4{display:grid;gap:14px}
.aa-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.aa-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.aa-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:980px){.aa-g3,.aa-g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.aa-g2,.aa-g3,.aa-g4{grid-template-columns:1fr}}

/* card */
.aa-card{position:relative;padding:clamp(18px,2.2vw,26px);overflow:hidden;
  transition:opacity .75s ease,filter .75s ease,transform .45s var(--aa-ease),border-color .45s ease,box-shadow .45s ease}
.aa-card::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .45s ease;
  background:radial-gradient(260px 200px at var(--cx,50%) var(--cy,50%),rgba(149,173,216,.16),transparent 72%)}
.aa-s.in .aa-card:hover{transform:translateY(-4px);border-color:var(--line-3)}
.aa-card:hover::before{opacity:1}
.aa-card h3{margin-bottom:9px}
.aa-card--on{border-color:rgba(149,173,216,.42);
  background:linear-gradient(160deg,rgba(149,173,216,.16),rgba(149,173,216,.05) 55%,rgba(149,173,216,.1)),rgba(22,26,24,.62)}
.aa-card--pb{border-color:rgba(167,180,204,.3)}
.aa-num{display:block;font-size:var(--fs-micro);color:var(--fg-4);font-variant-numeric:tabular-nums;margin-bottom:12px}
.aa-edge{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--grad-line);
  transform:scaleY(0);transform-origin:top;transition:transform .7s var(--aa-ease)}
.aa-s.in .aa-edge{transform:scaleY(1)}

/* row */
.aa-rows{display:flex;flex-direction:column;gap:11px;margin-top:16px}
.aa-row{display:grid;grid-template-columns:minmax(150px,clamp(150px,20vw,270px)) minmax(0,1fr);gap:clamp(16px,3vw,36px);
  align-items:center;padding:clamp(15px,1.8vw,22px) clamp(18px,2.2vw,26px);
  transition:opacity .75s ease,filter .75s ease,transform .4s var(--aa-ease),border-color .4s ease}
.aa-s.in .aa-row:hover{transform:translateX(5px);border-color:var(--line-3)}
@media(max-width:700px){.aa-row{grid-template-columns:1fr;gap:7px}}

/* chips, cta */
.aa-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;
  border:1px solid var(--line-2);font-size:var(--fs-sm);color:var(--fg-2);background:rgba(188,197,216,.04)}
.aa-chip--on{background:var(--tile-bg);border-color:transparent;color:#DCE4F2;box-shadow:var(--tile-rim)}
.aa-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.aa-cta{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:28px}

/* ticks */
.aa-ticks{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:7px}
.aa-ticks li{position:relative;padding-left:20px;font-size:var(--fs-sm);color:var(--fg-2);line-height:1.4}
.aa-ticks li::before{content:'';position:absolute;left:0;top:.62em;width:10px;height:2px;border-radius:2px;background:var(--accent);
  transform:scaleX(0);transform-origin:left;transition:transform .6s var(--aa-ease)}
.aa-ticks--pb li::before{background:var(--warn)}
.aa-s.in .aa-ticks li::before{transform:scaleX(1)}
.aa-s.in .aa-ticks li:nth-child(1)::before{transition-delay:.6s}
.aa-s.in .aa-ticks li:nth-child(2)::before{transition-delay:.75s}
.aa-s.in .aa-ticks li:nth-child(3)::before{transition-delay:.9s}

/* ── 1. problem: queue vs fast feed ── */
.aa-prob .aa-card{display:flex;flex-direction:column}
.aa-big{font-size:clamp(30px,3.6vw,46px) !important;font-weight:var(--fw-disp) !important;line-height:1.04 !important;
  letter-spacing:var(--ls-h2);margin:4px 0 14px !important}
.aa-prob .aa-ticks{margin-bottom:20px}
.aa-viz{position:relative;height:118px;margin-top:auto;border-radius:var(--aa-r-sm);
  border:1px solid var(--line);background:rgba(10,12,11,.55);overflow:hidden}
.aa-vlab{position:absolute;left:12px;bottom:9px;font-size:12px;color:var(--fg-4);font-variant-numeric:tabular-nums;margin:0}
.aa-vlab b{color:var(--fg-2);font-weight:500}
.aa-tk{position:absolute;left:0;top:30px;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;
  font-size:11px;color:var(--fg-3);border:1px solid var(--line-3);background:rgba(188,197,216,.06);
  transition:transform .75s var(--aa-ease),opacity .5s ease,border-color .5s ease}
.aa-tk.old{border-color:rgba(167,180,204,.55);color:var(--warn)}
.aa-desk{position:absolute;right:12px;top:22px;width:92px;height:52px;border-radius:10px;
  border:1px solid var(--line-3);display:grid;place-items:center;font-size:12px;color:var(--fg-3);
  background:linear-gradient(160deg,rgba(188,197,216,.08),rgba(188,197,216,.02))}
.aa-desk::after{content:'';position:absolute;left:10px;right:10px;bottom:8px;height:2px;border-radius:2px;background:var(--line-2)}
.aa-desk i{position:absolute;left:10px;bottom:8px;height:2px;border-radius:2px;background:var(--accent);width:0;z-index:1}
.aa-desk i.run{animation:aaWork 2.4s linear forwards}
@keyframes aaWork{to{width:calc(100% - 20px)}}
.aa-fl{position:absolute;left:12px;right:12px;height:22px;display:flex;align-items:center;gap:10px;font-size:13px;
  color:var(--fg-2);transition:transform .38s var(--aa-ease),opacity .38s ease}
.aa-fl span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aa-fl b{font-weight:500;color:var(--fg);font-variant-numeric:tabular-nums}
.aa-fl em{font-style:normal;font-size:11px;color:var(--warn);border:1px dashed rgba(167,180,204,.5);
  border-radius:999px;padding:1px 8px;white-space:nowrap}
.aa-bolt{position:absolute;right:12px;bottom:8px;font-size:12px;color:var(--fg-4);margin:0}
.aa-bolt b{color:var(--warn);font-weight:500;font-variant-numeric:tabular-nums}

/* the 10 % band */
.aa-ten{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:30px;align-items:center;margin-top:14px;padding:22px 26px}
.aa-ten h3{margin-bottom:8px}
.aa-tp{display:flex;flex-direction:column;gap:12px}
.aa-tp-row{display:grid;grid-template-columns:170px minmax(0,1fr) 64px 58px;align-items:center;gap:12px;font-size:13px;color:var(--fg-3)}
.aa-tp-row b{font-weight:500;color:var(--fg);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.aa-tp-row em{font-style:normal;font-size:12px;color:var(--warn);border:1px dashed rgba(167,180,204,.55);border-radius:999px;padding:2px 8px;text-align:center;
  opacity:0;transition:opacity .5s ease 1.7s}
.aa-tp-row em:empty{border:0}
.aa-s.in .aa-tp-row em{opacity:1}
.aa-tp-track{position:relative;height:10px;border-radius:999px;background:rgba(188,197,216,.07);overflow:hidden}
.aa-tp-track i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;background:var(--grad-line);
  transition:width 1.3s var(--aa-ease) .5s}
.aa-s.in .aa-tp-track i{width:var(--v)}
.aa-tp-row--bad .aa-tp-track i{background:linear-gradient(90deg,#3E5A8E,#95ADD8 90%)}
.aa-tp-row--bad .aa-tp-track::after{content:'';position:absolute;top:0;bottom:0;left:74%;width:7.4%;opacity:0;
  background:repeating-linear-gradient(-45deg,rgba(167,180,204,.85) 0 4px,rgba(167,180,204,.25) 4px 8px);
  background-size:22px 22px;animation:aaStripes 1s linear infinite;transition:opacity .5s ease 1.7s}
.aa-s.in .aa-tp-row--bad .aa-tp-track::after{opacity:1}
@keyframes aaStripes{to{background-position:22px 0}}
.aa-tp-note{font-size:12px;color:var(--fg-4);margin:-2px 0 0}

/* ── 2. menu: four cards, one live viz each ── */
.aa-menu .aa-card{display:flex;flex-direction:column}
.aa-menu .aa-card h3{min-height:2.44em}
.aa-menu .aa-card .aa-sm{margin-bottom:16px}
.aa-mviz{margin-top:auto;position:relative;height:74px;border:1px solid var(--line);border-radius:var(--aa-r-sm);
  background:rgba(10,12,11,.55);overflow:hidden}
.aa-mb{display:flex;align-items:center;padding:12px 12px 0}
.aa-nd{font-size:11px;color:var(--fg-3);border:1px solid var(--line-3);border-radius:999px;padding:3px 9px;white-space:nowrap;background:rgba(188,197,216,.04)}
.aa-nd--on{color:#DCE4F2;border-color:rgba(149,173,216,.6);background:rgba(62,90,142,.45)}
.aa-ln{position:relative;flex:1;height:1px;background:var(--line-3);min-width:14px}
.aa-ln b{position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 8px rgba(149,173,216,.9);animation:aaMb 1.6s linear infinite}
.aa-ln:nth-of-type(2) b{animation-delay:.8s}
@keyframes aaMb{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}
.aa-pr{position:absolute;left:12px;right:12px;bottom:10px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-3);margin:0;white-space:nowrap}
.aa-pr b{font-weight:500;color:var(--fg-2);font-variant-numeric:tabular-nums}
.aa-ck{width:16px;height:16px;border-radius:50%;border:1px solid var(--accent);display:grid;place-items:center;flex:none;background:rgba(149,173,216,.15)}
.aa-ck svg{width:10px;height:10px;fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20}
.aa-pr.go .aa-ck svg{animation:aaDraw .5s ease forwards}
.aa-pr-t{transition:opacity .3s ease;overflow:hidden;text-overflow:ellipsis}
.aa-pr.swap .aa-pr-t{opacity:0}
@keyframes aaDraw{to{stroke-dashoffset:0}}

.aa-mchart{display:flex;align-items:flex-end;gap:5px;padding:10px 12px}
.aa-mchart i{flex:1;height:30%;border-radius:3px 3px 1px 1px;background:rgba(188,197,216,.24);transition:height .9s var(--aa-ease),background .5s ease}
.aa-mchart i.top{background:var(--accent)}

.aa-chat{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px 10px}
.aa-cb{font-size:12px;padding:4px 10px;border-radius:10px;max-width:92%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(6px);
  transition:opacity .35s ease,transform .4s var(--aa-ease)}
.aa-cb--me{align-self:flex-end;border-radius:10px 10px 3px 10px;background:rgba(62,90,142,.45);border:1px solid rgba(149,173,216,.35);color:var(--fg)}
.aa-cb--ai{align-self:flex-start;border-radius:10px 10px 10px 3px;background:rgba(188,197,216,.06);border:1px solid var(--line-2);color:var(--fg-2);min-height:23px;display:flex;align-items:center}
.aa-cb.show{opacity:1;transform:none}
.aa-cb .aa-ans{display:none}
.aa-cb.done .aa-ans{display:inline}
.aa-cb.done .aa-dots3{display:none}
.aa-dots3{display:inline-flex;gap:3px}
.aa-dots3 i{width:4px;height:4px;border-radius:50%;background:var(--fg-3);animation:aaTyping 1s ease-in-out infinite}
.aa-dots3 i:nth-child(2){animation-delay:.15s}
.aa-dots3 i:nth-child(3){animation-delay:.3s}
@keyframes aaTyping{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-2px)}}

.aa-sched{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:10px 10px 0;align-content:start}
.aa-wk{display:flex;flex-direction:column;align-items:center;gap:5px}
.aa-wk span{font-size:10px;color:var(--fg-4);font-variant-numeric:tabular-nums}
.aa-wk i{position:relative;width:100%;height:20px;border-radius:5px;border:1px solid var(--line-2);background:rgba(188,197,216,.04);
  transition:background .4s ease,border-color .4s ease}
.aa-wk.sent i{background:rgba(149,173,216,.35);border-color:rgba(149,173,216,.55)}
.aa-wk.alert i{background:rgba(167,180,204,.12);border:1px dashed var(--warn)}
.aa-wk.alert i::after{content:'!';position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:500;color:var(--warn)}
.aa-wk.now i{box-shadow:0 0 0 2px rgba(149,173,216,.25),0 0 12px rgba(149,173,216,.6)}
.aa-ms{grid-column:1/-1;font-size:11px;color:var(--fg-4);margin:2px 0 0;white-space:nowrap}
.aa-ms b{font-weight:500;color:var(--warn)}
.aa-ms.al .aa-ms-t{display:none}

/* trust track */
.aa-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px}
.aa-t-col{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:1}
.aa-ppl{display:flex;gap:6px;height:30px;align-items:flex-end}
.aa-ppl svg{width:24px;height:24px;overflow:visible;opacity:0;transform:translateY(8px) scale(.8);
  transition:opacity .5s ease,transform .5s cubic-bezier(.3,1.6,.5,1)}
.aa-ppl svg *{fill:var(--fg-3);stroke:var(--fg-3);stroke-width:1.2;transition:fill .7s ease,stroke .7s ease,opacity .7s ease}
.aa-s.in .aa-ppl svg{opacity:1;transform:none}
.aa-s.in .aa-ppl svg.off *{fill:transparent;stroke:var(--fg-4);stroke-dasharray:2 2.4;opacity:.55}
.aa-t-node{width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--line-3);
  animation:aaNode 4s linear infinite;animation-delay:calc(var(--i) * 1s)}
.aa-t-col:nth-child(5) .aa-t-node{border-color:var(--accent)}
@keyframes aaNode{0%{transform:scale(1.7);border-color:var(--accent);box-shadow:0 0 0 6px rgba(149,173,216,.18),0 0 18px rgba(149,173,216,.7)}
  18%,100%{transform:scale(1);box-shadow:none}}
.aa-t-cap{font-size:13px;color:var(--fg-4);text-align:center}
.aa-t-col:nth-child(5) .aa-t-cap{color:var(--fg-2)}
.aa-t-line{position:absolute;top:46px;left:12.5%;right:12.5%;height:1px;
  background:linear-gradient(90deg,var(--line-3),var(--accent));transform:scaleX(0);transform-origin:left;
  transition:transform 1.4s var(--aa-ease) .3s}
.aa-s.in .aa-t-line{transform:scaleX(1)}
.aa-t-pulse{position:absolute;top:-4px;left:0;width:9px;height:9px;margin-left:-4px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 14px 2px rgba(149,173,216,.8);animation:aaPulse 4s linear infinite;opacity:0}
@keyframes aaPulse{0%{left:0;opacity:0}4%{opacity:1}75%{left:100%;opacity:1}85%,100%{left:100%;opacity:0}}
.aa-t-end{position:absolute;top:38px;right:calc(12.5% - 86px);font-size:12px;color:var(--accent)}
@media(max-width:1100px){.aa-t-end{display:none}}
@media(max-width:700px){.aa-track{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.aa-t-line{display:none}}

/* self-service */
.aa-self{grid-template-columns:minmax(150px,clamp(150px,20vw,270px)) minmax(0,1fr) 220px;margin-top:22px;border-color:rgba(149,173,216,.42)}
.aa-selfv{width:220px;height:66px;overflow:visible}
.aa-selfv .sf{fill:none;stroke:rgba(149,173,216,.5);stroke-width:1.2;stroke-dasharray:3 5;animation:aaSflow 1.2s linear infinite}
@keyframes aaSflow{to{stroke-dashoffset:-16}}
.aa-selfv .sp{fill:var(--fg-3)}
.aa-selfv .sp:nth-of-type(1){animation:aaSpk 3s ease-in-out infinite}
.aa-selfv .sp:nth-of-type(2){animation:aaSpk 3s ease-in-out 1s infinite}
.aa-selfv .sp:nth-of-type(3){animation:aaSpk 3s ease-in-out 2s infinite}
@keyframes aaSpk{0%,70%,100%{fill:var(--fg-3)}15%{fill:var(--accent)}}
.aa-selfv .sc{fill:rgba(62,90,142,.55);stroke:rgba(149,173,216,.7);stroke-width:1}
.aa-selfv .st2{fill:#DCE4F2;font-family:inherit;font-size:10.5px;text-anchor:middle}
@media(max-width:980px){.aa-self{grid-template-columns:1fr}.aa-selfv{display:none}}

/* ── 3. value: weeks -> minutes, analyst -> analytics engineer ── */
.aa-tl{padding:20px 24px;display:flex;flex-direction:column;gap:14px}
.aa-tl-row{display:grid;grid-template-columns:170px minmax(0,1fr) 110px;align-items:center;gap:16px}
.aa-tl-lab{font-size:13px;color:var(--fg-3)}
.aa-tl-row--now .aa-tl-lab{color:var(--accent)}
.aa-tl-bar{display:flex;gap:3px;height:34px}
.aa-tl-bar i{flex:0 1 calc(var(--w) * 1%);display:grid;place-items:center;overflow:hidden;white-space:nowrap;font-style:normal;font-size:12px;
  color:var(--fg-3);background:rgba(188,197,216,.09);border-radius:6px;
  transition:flex-basis 1.1s cubic-bezier(.65,0,.35,1),opacity .6s ease,background .6s ease,color .6s ease}
.aa-tl-bar i:nth-child(2){background:rgba(167,180,204,.16)}
.aa-tl-row--now .aa-tl-bar i.a{opacity:0}
.aa-tl-row--now.fast .aa-tl-bar i:not(.k):not(.a){flex-basis:0;opacity:0}
.aa-tl-row--now.fast .aa-tl-bar i.k{flex-basis:7%}
.aa-tl-row--now.fast .aa-tl-bar i.a{flex-basis:20%;opacity:1;color:#fff;background:var(--tile-bg);box-shadow:var(--tile-rim)}
.aa-tl-t{font-weight:var(--fw-disp);font-size:22px;color:var(--fg);letter-spacing:var(--ls-h3);text-align:right}
.aa-tl-row--now .aa-tl-t{color:var(--accent)}
.aa-tl-v{display:inline-block;transition:opacity .3s ease,transform .3s ease}
.aa-tl-v.swap{opacity:0;transform:translateY(-6px)}

.aa-shift{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:stretch;margin-top:14px}
.aa-sh{padding:20px 24px}
.aa-sh ul{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:9px}
.aa-sh li{position:relative;width:fit-content;font-size:var(--fs-sm);line-height:1.4;color:var(--fg-2);transition:color .6s ease,opacity .6s ease,transform .6s ease}
.aa-sh--from li::after{content:'';position:absolute;left:0;top:.7em;height:1px;width:0;background:var(--warn);transition:width .7s ease}
.aa-shift.go .aa-sh--from li{color:var(--fg-4)}
.aa-shift.go .aa-sh--from li::after{width:100%}
.aa-shift.go .aa-sh--from li:nth-child(2),.aa-shift.go .aa-sh--from li:nth-child(2)::after{transition-delay:.25s}
.aa-shift.go .aa-sh--from li:nth-child(3),.aa-shift.go .aa-sh--from li:nth-child(3)::after{transition-delay:.5s}
.aa-shift.go .aa-sh--from li:nth-child(4),.aa-shift.go .aa-sh--from li:nth-child(4)::after{transition-delay:.75s}
.aa-sh--to{border-color:rgba(149,173,216,.4)}
.aa-sh--to li{opacity:0;transform:translateX(-12px);padding-left:20px}
.aa-sh--to li::before{content:'';position:absolute;left:0;top:.62em;width:10px;height:2px;border-radius:2px;background:var(--accent)}
.aa-shift.go .aa-sh--to li{opacity:1;transform:none}
.aa-shift.go .aa-sh--to li:nth-child(1){transition-delay:1.3s}
.aa-shift.go .aa-sh--to li:nth-child(2){transition-delay:1.55s}
.aa-shift.go .aa-sh--to li:nth-child(3){transition-delay:1.8s}
.aa-shift.go .aa-sh--to li:nth-child(4){transition-delay:2.05s}
.aa-sh-arrow{position:relative;display:grid;place-items:center}
.aa-sh-arrow i{position:relative;width:46px;height:1px;background:linear-gradient(90deg,var(--line-3),var(--accent))}
.aa-sh-arrow i::after{content:'';position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:1px solid var(--accent);border-right:1px solid var(--accent);transform:rotate(45deg)}
.aa-sh-arrow i::before{content:'';position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 10px rgba(149,173,216,.8);animation:aaHop 1.6s ease-in-out infinite}
@keyframes aaHop{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:40px;opacity:0}}
@media(max-width:760px){
  .aa-shift{grid-template-columns:1fr}.aa-sh-arrow{height:36px;transform:rotate(90deg)}
  .aa-tl-row{grid-template-columns:1fr auto;gap:8px}.aa-tl-bar{grid-column:1/-1;grid-row:2}
  .aa-tl-bar i{font-size:0}
  .aa-tl-row--now.fast .aa-tl-bar i.a{font-size:12px;flex-basis:60%}
  .aa-tp-row{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.aa-tp-track{grid-column:1/-1;grid-row:2}
  .aa-ten{grid-template-columns:1fr}
}

/* ── 4. gap: one word, four numbers ── */
.aa-fan{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;height:200px;
  border:1px solid var(--line);border-radius:var(--aa-r);padding:0 22px;background:rgba(10,12,11,.5)}
.aa-fan-src{position:relative;display:flex;align-items:center}
.aa-fan-src .aa-chip{font-size:16px;padding:9px 18px}
.aa-fan-src small{position:absolute;left:2px;top:100%;margin-top:9px;white-space:nowrap;font-size:12px;color:var(--fg-4)}
.aa-fan-svg{width:100%;height:160px;overflow:visible;display:block}
.aa-fan-svg path{fill:none;stroke:var(--line-3);stroke-width:1.4;
  stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s var(--aa-ease),stroke .35s ease}
.aa-s.in .aa-fan-svg path{stroke-dashoffset:0}
.aa-s.in .aa-fan-svg path:nth-child(2){transition-delay:.12s}
.aa-s.in .aa-fan-svg path:nth-child(3){transition-delay:.24s}
.aa-s.in .aa-fan-svg path:nth-child(4){transition-delay:.36s}
.aa-fan-svg path.pick{stroke:var(--accent);stroke-width:2;stroke-dasharray:.035 .02;animation:aaFlow 1.1s linear infinite}
@keyframes aaFlow{to{stroke-dashoffset:-.11}}
.aa-fan-out{display:grid;grid-template-rows:repeat(4,40px);height:160px;align-content:space-between}
.aa-fo{display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);
  font-size:14px;color:var(--fg-3);background:rgba(188,197,216,.03);
  opacity:0;transform:translateX(14px);transition:opacity .5s ease,transform .5s var(--aa-ease),border-color .35s ease,background .35s ease,color .35s ease}
.aa-s.in .aa-fo{opacity:1;transform:none}
.aa-s.in .aa-fo:nth-child(1){transition-delay:.7s,.7s,0s,0s,0s}
.aa-s.in .aa-fo:nth-child(2){transition-delay:.82s,.82s,0s,0s,0s}
.aa-s.in .aa-fo:nth-child(3){transition-delay:.94s,.94s,0s,0s,0s}
.aa-s.in .aa-fo:nth-child(4){transition-delay:1.06s,1.06s,0s,0s,0s}
.aa-fo b{font-weight:500;color:var(--fg-2);font-variant-numeric:tabular-nums;margin-left:auto;min-width:64px;text-align:right;white-space:nowrap}
.aa-fo.pick{border-color:rgba(149,173,216,.6);background:rgba(149,173,216,.12);color:var(--fg)}
.aa-fo.pick b{color:var(--accent)}
.aa-fan-note{grid-column:1/-1;font-size:13px;color:var(--fg-4);margin:-6px 0 0}
.aa-fan-note b{font-weight:500;color:var(--accent);display:inline-block;transition:opacity .25s ease}
@media(max-width:760px){.aa-fan{grid-template-columns:1fr;height:auto;padding:18px;gap:14px}.aa-fan-svg{display:none}
  .aa-fan-src small{position:static;margin:0 0 0 12px}
  .aa-fan-out{height:auto;grid-template-rows:none;gap:8px}.aa-fo{height:40px}.aa-fan-note{margin:0}}

/* ── 5. conditions: live pipeline + route ── */
.aa-pq{display:flex;align-items:center;gap:16px;padding:16px 22px}
.aa-pq-who{font-size:12px;color:var(--fg-4);white-space:nowrap;min-width:170px;transition:opacity .3s ease}
.aa-pq-q{font-size:clamp(16px,1.7vw,19px);color:var(--fg);min-height:1.4em;margin:0}
.aa-cursor{display:inline-block;width:2px;height:1.05em;background:var(--accent);vertical-align:-.14em;margin-left:3px;animation:aaBlink 1.05s steps(1) infinite}
@keyframes aaBlink{50%{opacity:0}}
.aa-stages{margin-top:14px}
.aa-stage{transition:opacity .4s ease,filter .75s ease,transform .45s var(--aa-ease),border-color .4s ease,box-shadow .4s ease}
.aa-bar{position:absolute;left:0;top:0;height:2px;width:0;background:var(--grad-line)}
.aa-stage.active{border-color:rgba(149,173,216,.55);box-shadow:0 0 0 1px rgba(149,173,216,.15),0 18px 44px -26px rgba(62,90,142,.9)}
.aa-stage.active .aa-bar{animation:aaScan .65s linear forwards}
@keyframes aaScan{to{width:100%}}
.aa-s.in .aa-stage.skip{opacity:.38}
.aa-stage.no{border-color:rgba(167,180,204,.5)}
.aa-st{display:flex;align-items:center;gap:9px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);
  font-size:13px;color:var(--fg-4);min-height:34px}
.aa-ic{width:20px;height:20px;border-radius:50%;border:1px solid var(--line-3);display:grid;place-items:center;flex:none;
  transition:background .3s ease,border-color .3s ease}
.aa-ic svg{width:12px;height:12px;display:none;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.aa-stage.ok .aa-st{color:var(--fg-2)}
.aa-stage.ok .aa-ic{background:rgba(149,173,216,.18);border-color:var(--accent)}
.aa-stage.ok .aa-ic .ck{display:block;stroke:var(--accent);stroke-dasharray:20;stroke-dashoffset:20;animation:aaDraw .45s ease forwards}
.aa-stage.no .aa-st{color:var(--warn)}
.aa-stage.no .aa-ic{border-color:var(--warn);border-style:dashed}
.aa-stage.no .aa-ic .xx{display:block;stroke:var(--warn);stroke-dasharray:20;stroke-dashoffset:20;animation:aaDraw .45s ease forwards}
.aa-stage.active .aa-ic{border-color:var(--accent);border-top-color:transparent;animation:aaSpin 1s linear infinite}
@keyframes aaSpin{to{transform:rotate(360deg)}}
.aa-pans{margin-top:14px;padding:18px 22px;min-height:96px;transition:opacity .75s ease,filter .75s ease,transform .75s var(--aa-ease),border-color .4s ease}
.aa-pans.ok{border-color:rgba(149,173,216,.45)}
.aa-pans.no{border-color:rgba(167,180,204,.4);border-style:dashed}
.aa-pa-t{font-size:15px;color:var(--fg);margin:0;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}
.aa-pans.no .aa-pa-t{color:var(--warn)}
.aa-pa-t.show{opacity:1;transform:none}
.aa-pans .aa-chip{opacity:0;transform:translateY(8px) scale(.94);transition:opacity .35s ease,transform .45s cubic-bezier(.3,1.5,.5,1)}
.aa-pans .aa-chip.show{opacity:1;transform:none}
.aa-idle{font-size:13px;color:var(--fg-4);margin:0}
@media(max-width:700px){.aa-pq{flex-direction:column;align-items:flex-start;gap:6px}.aa-pq-who{min-width:0}}

.aa-sub{margin-top:var(--s12)}
.aa-route{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px;padding:20px 18px 66px}
.aa-r-n{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;position:relative;z-index:1}
.aa-r-n b{font-weight:var(--fw-med);color:var(--fg);font-size:16px;margin-top:6px}
.aa-r-n small{font-size:13px;color:var(--fg-3);line-height:1.35;max-width:24ch}
.aa-r-dot{width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--line-3);animation:aaRHit 6s linear infinite;animation-delay:calc(var(--i) * .9s)}
.aa-r-n--hl .aa-r-dot{border-color:var(--accent)}
.aa-r-n--hl b{color:var(--accent)}
@keyframes aaRHit{0%{transform:scale(1.7);border-color:var(--accent);box-shadow:0 0 0 6px rgba(149,173,216,.18),0 0 18px rgba(149,173,216,.7)}14%,100%{transform:scale(1);box-shadow:none}}
.aa-r-line{position:absolute;top:27px;left:calc(12.5% + 4px);right:calc(12.5% + 4px);height:1px;background:linear-gradient(90deg,var(--line-3),var(--accent))}
.aa-r-back{position:absolute;bottom:52px;left:calc(12.5% + 4px);right:calc(12.5% + 4px);height:0;border-top:1px dashed rgba(149,173,216,.35)}
.aa-r-go,.aa-r-ret{position:absolute;top:-4px;width:9px;height:9px;margin-left:-4px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px 2px rgba(149,173,216,.8);opacity:0}
.aa-r-ret{top:-5px}
.aa-r-go{animation:aaRGo 6s linear infinite}
.aa-r-ret{animation:aaRRet 6s linear infinite}
@keyframes aaRGo{0%{left:0;opacity:0}3%{opacity:1}45%{left:100%;opacity:1}50%,100%{left:100%;opacity:0}}
@keyframes aaRRet{0%,50%{left:100%;opacity:0}54%{opacity:1}92%{left:0;opacity:1}97%,100%{left:0;opacity:0}}
.aa-r-ans{position:absolute;left:18px;bottom:14px;display:flex;align-items:center;gap:12px}
.aa-r-ans .aa-chip{animation:aaAns 6s ease infinite}
@keyframes aaAns{0%,88%{box-shadow:var(--tile-rim)}93%{box-shadow:inset 0 0 0 1px rgba(149,173,216,1),0 0 22px rgba(149,173,216,.75)}100%{box-shadow:var(--tile-rim)}}
@media(max-width:860px){.aa-route{grid-template-columns:1fr 1fr;row-gap:22px;padding-bottom:20px}.aa-r-line,.aa-r-back{display:none}
  .aa-r-ans{position:static;grid-column:1/-1;flex-wrap:wrap}}

/* ── 6. audit: readiness scan ── */
.aa-audit{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;align-items:stretch}
.aa-dims{display:flex;flex-direction:column;gap:11px}
.aa-dims .aa-row{grid-template-columns:110px minmax(0,1fr);flex:1}
@media(max-width:860px){.aa-audit{grid-template-columns:1fr}}
.aa-scan{position:relative;margin:-2px 0 16px;border:1px solid var(--line);border-radius:var(--aa-r-sm);padding:14px;background:rgba(10,12,11,.55);overflow:hidden}
.aa-scan-grid{display:grid;grid-template-columns:repeat(14,1fr);gap:5px}
.aa-scan-grid i{display:block;height:13px;border-radius:3px;background:rgba(188,197,216,.07);border:1px solid transparent;
  transition:background .35s ease,border-color .35s ease,transform .35s cubic-bezier(.3,1.6,.5,1)}
.aa-scan-grid i.ok{background:rgba(149,173,216,.55);transform:scale(1.08)}
.aa-scan-grid i.cd{background:rgba(188,197,216,.2)}
.aa-scan-grid i.bk{background:transparent;border:1px dashed var(--warn)}
.aa-scan-bar{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--accent);opacity:0;box-shadow:0 0 18px 4px rgba(149,173,216,.45)}
.aa-scan-bar.run{animation:aaSweep 2.6s linear forwards}
@keyframes aaSweep{0%{left:0;opacity:1}96%{opacity:1}100%{left:100%;opacity:0}}
.aa-scan-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:12px;color:var(--fg-4)}
.aa-lg{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.aa-lg span{display:inline-flex;align-items:center;gap:5px}
.aa-lg span::before{content:'';width:9px;height:9px;border-radius:2px}
.aa-lg .a::before{background:rgba(149,173,216,.55)}
.aa-lg .b::before{background:rgba(188,197,216,.2)}
.aa-lg .c::before{border:1px dashed var(--warn)}
.aa-verdict{font-size:13px;color:var(--fg-3)}
.aa-verdict b{font-weight:500;color:var(--fg);display:inline-block;opacity:0;transform:translateY(4px);transition:opacity .4s ease,transform .4s ease}
.aa-verdict b.show{opacity:1;transform:none}
.aa-verdict b.nv{color:var(--warn)}
.aa-verdict b.rd{color:var(--accent)}
.aa-ask{margin-top:var(--s12);max-width:52ch}
.aa-hl{color:var(--fg);background:linear-gradient(90deg,rgba(149,173,216,.28),rgba(62,90,142,.28)) no-repeat 0 88%/0% 38%;
  transition:background-size 1.3s var(--aa-ease) 1.1s}
.aa-s.in .aa-hl{background-size:100% 38%}

/* side nav: the /sluzby bubbles, desktop only */
@media(max-width:1000px){.aa-nav{display:none !important}}

@media(prefers-reduced-motion:reduce){
  .aa-rv{opacity:1 !important;transform:none !important;filter:none !important;transition:none !important}
  .aa-edge,.aa-t-line{transform:none !important;transition:none !important}
  .aa-ln b,.aa-dots3 i,.aa-selfv .sf,.aa-selfv .sp,.aa-t-pulse,.aa-t-node,.aa-r-dot,.aa-r-go,.aa-r-ret,.aa-r-ans .aa-chip,
  .aa-sh-arrow i::before,.aa-tp-row--bad .aa-tp-track::after,.aa-fan-svg path.pick,.aa-cursor{animation:none !important}
  .aa-fan-svg path{stroke-dashoffset:0 !important}
}