/* Sljedivost: animirani krug */
.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.cards.three{grid-template-columns:1fr}}
.ab-link{display:inline-block;margin-top:10px;font-weight:600;color:var(--blue-ink);text-decoration:none}
.ab-link:hover{text-decoration:underline}
.trace{background:linear-gradient(165deg,#0B1730 0%,#0E2150 60%,#0B1A3E 100%);color:#E6EEFB;padding:clamp(48px,7vw,96px) 0;position:relative;overflow:hidden}
.trace::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 50% at 25% 55%,rgba(20,121,232,.28),transparent 70%);pointer-events:none}
.trace .wrap{position:relative}
.tr-head{max-width:70ch;margin-bottom:clamp(24px,4vw,44px)}
.tr-head h2{color:#fff;margin:8px 0 12px}
.tr-head p:not(.kicker){color:#C9D7EE}
.tr-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(20px,3.5vw,48px);align-items:start}
.tr-stage{position:relative}
.tr-svg{width:100%;height:auto;display:block;overflow:visible}
.tr-halo{fill:rgba(53,197,244,.05);stroke:none}
.tr-seg-bg{fill:none;stroke:rgba(125,160,220,.28);stroke-width:7;stroke-linecap:round}
.tr-seg{fill:none;stroke:url(#trg);stroke-width:7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.tr-arrow{fill:none;stroke:#7FA6E6;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.tr-spoke{stroke:rgba(125,160,220,.28);stroke-width:2;stroke-dasharray:4 7;transition:stroke .4s}
.tr-spoke.on{stroke:#35C5F4;stroke-width:2.5}
.tr-pulse{fill:#fff;opacity:0}.tr-pulse-glow{fill:#35C5F4;opacity:0}
.tr-pulse.show,.tr-pulse-glow.show{opacity:1}
.tr-ctitle{font:700 15px var(--body);letter-spacing:.2em;fill:#8FB4F0}
.tr-qrbg{fill:#fff}.tr-qr{fill:#0B1730}
.tr-scan{fill:#35C5F4;opacity:.9;animation:trscan 2.6s ease-in-out infinite alternate}
@keyframes trscan{from{transform:translateY(0)}to{transform:translateY(116px)}}
.tr-lotbg{fill:rgba(255,255,255,.1);stroke:rgba(53,197,244,.55)}
.tr-lot{font:700 16px ui-monospace,SFMono-Regular,Menlo,monospace;fill:#fff;letter-spacing:.04em}
.tr-evt{font:600 15px var(--body);fill:#9FE3FA}
.tr-evt.sw{animation:trfade .6s}
@keyframes trfade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.tr-ill{font:500 12px var(--body);fill:#8FA7CC}
.tr-node{cursor:pointer;outline:none}
.tr-nb{transform-box:fill-box;transform-origin:center;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.tr-ring{fill:#12275A;stroke:#4A78C8;stroke-width:3;transition:fill .4s,stroke .4s}
.tr-ico{fill:none;stroke:#BFD5F7;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}
.tr-badge{fill:#0B1730;stroke:#4A78C8;stroke-width:2}
.tr-bnum{font:700 15px var(--body);fill:#BFD5F7}
.tr-label{font:700 21px var(--display);letter-spacing:.08em;fill:#9FB2D0;transition:fill .4s}
.tr-node.done .tr-ring{stroke:#35C5F4}
.tr-node.done .tr-badge{fill:#35C5F4;stroke:#35C5F4}.tr-node.done .tr-bnum{fill:#0B1730}
.tr-node.active .tr-nb{transform:scale(1.12)}
.tr-node.active .tr-ring{fill:#1479E8;stroke:#fff}
.tr-node.active .tr-ico{stroke:#fff}
.tr-node.active .tr-badge{fill:#fff;stroke:#fff}.tr-node.active .tr-bnum{fill:#0B1730}
.tr-node:hover .tr-ring,.tr-node:focus-visible .tr-ring{stroke:#fff}
.tr-node:focus-visible .tr-ring{stroke-width:5}
.tr-label.active{fill:#fff}
.tr-dir{display:flex;justify-content:space-between;gap:12px;font-size:.85rem;color:#9FB2D0;margin-top:6px}
.tr-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.tr-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05);color:#DCE8FA;font:600 .9rem var(--body);cursor:pointer;transition:background .25s,border-color .25s}
.tr-pill b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.14);font-size:.8rem}
.tr-pill:hover{border-color:#fff}
.tr-pill[aria-pressed=true]{background:#1479E8;border-color:#1479E8;color:#fff}
.tr-pill[aria-pressed=true] b{background:#fff;color:#0B1730}
.tr-pill:focus-visible,.tr-play:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.tr-play{margin-top:14px;background:none;border:0;color:#9FE3FA;font:600 .9rem var(--body);cursor:pointer;padding:6px 0;text-decoration:underline;text-underline-offset:3px}
.tr-panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:clamp(20px,3vw,32px);min-height:480px}
.tr-panel>*{animation:trin .55s both}
.tr-panel>*:nth-child(2){animation-delay:.05s}.tr-panel>*:nth-child(3){animation-delay:.1s}.tr-panel>*:nth-child(4){animation-delay:.15s}.tr-panel>*:nth-child(5){animation-delay:.2s}.tr-panel>*:nth-child(6){animation-delay:.25s}.tr-panel>*:nth-child(7){animation-delay:.3s}.tr-panel>*:nth-child(8){animation-delay:.35s}
@keyframes trin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.tp-step{font:700 .8rem var(--body);letter-spacing:.14em;text-transform:uppercase;color:#35C5F4}
.tr-panel h3{color:#fff;font-size:clamp(1.5rem,2.4vw,2rem);margin:6px 0 2px}
.tp-tag{color:#9FE3FA;font-weight:600;margin:0 0 12px}
.tr-panel p{color:#D5E1F5}
.tp-legal{margin:16px 0;padding:12px 14px;border-left:3px solid #35C5F4;background:rgba(53,197,244,.08);border-radius:0 10px 10px 0;font-size:.95rem;color:#E6EEFB}
.tp-legal b{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#35C5F4;margin-bottom:4px}
.tr-panel h4{color:#fff;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;margin:16px 0 8px;opacity:.85}
.tp-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tp-list li{position:relative;padding-left:24px;color:#D5E1F5;font-size:.97rem}
.tp-list li::before{content:"";position:absolute;left:2px;top:.5em;width:12px;height:7px;border-left:2.5px solid #35C5F4;border-bottom:2.5px solid #35C5F4;transform:rotate(-45deg)}
.tp-procs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tp-procs li{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:.86rem;color:#E6EEFB}
.tp-procs i{font:700 .75rem var(--body);font-style:normal;display:grid;place-items:center;min-width:22px;height:22px;border-radius:11px;background:#35C5F4;color:#0B1730}
.tr-note{margin-top:22px;font-size:.85rem;color:#8FA7CC;max-width:80ch}
.proc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pg{border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:14px;padding:18px 20px;background:#fff}
.pg.g4{grid-column:span 2}
.pg h3{font-size:1.1rem;margin-bottom:10px}
.pg ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pg.g4 ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}
.pg li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}
.pg li i{flex:none;display:grid;place-items:center;min-width:26px;height:26px;border-radius:13px;background:var(--ice);color:var(--blue-ink);font:700 .78rem var(--body);font-style:normal}
.pg.g5{border-top-color:var(--cyan)}
@media(max-width:1000px){.tr-grid{grid-template-columns:1fr}.tr-panel{min-height:0}.proc-grid{grid-template-columns:1fr 1fr}.pg.g4{grid-column:span 2}}
@media(max-width:640px){.proc-grid{grid-template-columns:1fr}.pg.g4{grid-column:auto}.pg.g4 ol{grid-template-columns:1fr}.tr-dir{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.tr-scan{animation:none;opacity:0}.tr-panel>*,.tr-evt.sw{animation:none}.tr-nb,.tr-spoke{transition:none}}