/* Kohtas · EUDR compliance stack animation · scoped under .kstack */
.kstack{--k-bg:#10161b;--k-bg2:#161d23;--k-bg3:#1c242b;--k-line:rgba(255,255,255,.12);--k-tx:#fff;--k-tx2:#c9ced3;--k-tx3:#8d949b;--k-acc:#4a90e2;--k-badge:#31639c;--k-gold:#ceae87;--k-ok:#5dcaa5;--k-okd:#1d9e75;--k-warn:#fac775;--k-bad:#f09595;
  background:var(--k-bg);color:var(--k-tx);padding:40px 0 64px;font-family:"Aeonik-normal","Aeonik",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;text-align:left}
.kstack *,.kstack *::before,.kstack *::after{box-sizing:border-box}
.kstack .kstack-wrap{max-width:1170px;margin:0 auto;padding:0 24px}
.kstack .k-serif{font-family:"EksellDisplay-Large","Playfair Display",Georgia,"Times New Roman",serif;font-weight:300;letter-spacing:-.01em;color:var(--k-tx)}
.kstack .k-stage{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;margin-top:22px}
.kstack .k-col{border:1px solid var(--k-line);border-radius:14px;background:var(--k-bg2);display:flex;flex-direction:column;position:relative;height:640px;transition:box-shadow .4s,border-color .4s}
.kstack .k-col.active{border-color:rgba(74,144,226,.8);box-shadow:0 0 0 1px rgba(74,144,226,.35) inset}
.kstack .k-col.k{border-color:rgba(206,174,135,.55)}.kstack .k-col.k.active{border-color:var(--k-gold);box-shadow:0 0 0 1px rgba(206,174,135,.35) inset}
.kstack .k-who{position:absolute;top:-11px;left:16px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;padding:2px 9px;border-radius:999px;background:var(--k-bg);border:1px solid var(--k-line);color:var(--k-tx3)}
.kstack .k-col.k .k-who{color:var(--k-gold);border-color:rgba(206,174,135,.5)}
.kstack .k-hd{padding:16px 20px 12px;border-bottom:1px solid var(--k-line)}
.kstack .k-num{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--k-tx3)}
.kstack .k-col.k .k-num{color:var(--k-gold)}
.kstack .k-hd h3{margin:3px 0 2px;font-size:22px;line-height:1.25}
.kstack .k-ex{font-size:12.5px;color:var(--k-tx3)}
.kstack .k-bd{flex:1;min-height:0;overflow:hidden;padding:14px 20px;display:flex;flex-direction:column;gap:10px}
.kstack .k-ft{padding:10px 20px;border-top:1px solid var(--k-line);font-size:12px;color:var(--k-tx3)}.kstack .k-col.k .k-ft{color:var(--k-gold)}
.kstack .k-card{background:var(--k-bg3);border:1px solid var(--k-line);border-radius:10px;padding:10px 14px;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.kstack .k-card.on{opacity:1;transform:none}
.kstack .k-card.k-static{opacity:1;transform:none}
.kstack .k-idle:not(.on),.kstack .k-work:not(.on){display:none}
.kstack .k-l{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--k-tx3);margin-bottom:4px}
.kstack .k-v{font-size:16px;font-weight:500}.kstack .k-m{font-size:13px;color:var(--k-tx2)}
.kstack .k-pill{display:inline-block;font-size:11.5px;padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--k-tx2);transition:background .4s,color .4s}
.kstack .k-pill.ok{background:rgba(93,202,165,.18);color:var(--k-ok)}.kstack .k-pill.warn{background:rgba(250,199,117,.18);color:var(--k-warn)}.kstack .k-pill.bad{background:rgba(226,75,74,.2);color:var(--k-bad)}.kstack .k-pill.acc{background:rgba(74,144,226,.2);color:#9cc4f0}
.kstack .k-grid{display:grid;grid-template-columns:86px 1fr 1fr;gap:3px 8px;font-size:11.5px;align-items:center}
.kstack .k-hc{color:var(--k-tx3);font-size:11px}
.kstack .k-cell{height:14px;border-radius:4px;background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.14);transition:background .4s,border-color .4s}
.kstack .k-cell.doc{border-style:solid;border-color:rgba(74,144,226,.5);background:rgba(74,144,226,.15)}
.kstack .k-cell.ok{border-color:rgba(93,202,165,.6);background:rgba(93,202,165,.22)}.kstack .k-cell.bad{border-color:rgba(226,75,74,.7);background:rgba(226,75,74,.3)}
.kstack .k-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;color:var(--k-tx2)}
.kstack .k-codes{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 8px}.kstack .k-codes span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;padding:2px 7px;border-radius:4px;background:rgba(206,174,135,.15);color:var(--k-gold)}
.kstack .k-codes span.set{font-family:inherit;background:transparent;border:1px solid rgba(206,174,135,.45);color:var(--k-tx2);flex-basis:100%;width:fit-content}
.kstack ul.k-caps{margin:0;padding-left:16px;font-size:13px;color:var(--k-tx2);list-style:disc}.kstack ul.k-caps li{margin:4px 0}
.kstack .k-jobs{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px}
.kstack .k-job{height:8px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}.kstack .k-job i{display:block;height:100%;width:0;background:var(--k-gold);transition:width 1.6s linear}
.kstack .k-job.done i{background:var(--k-okd)}
.kstack .k-cats{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.kstack .k-cats span{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--k-line);color:var(--k-tx3);transition:all .3s}
.kstack .k-cats span.on{border-color:var(--k-gold);color:var(--k-gold)}
.kstack .k-cats.dd{margin-top:4px}.kstack .k-cats.dd span.on{border-color:var(--k-acc);color:#9cc4f0}
.kstack .k-eu{border:1px dashed rgba(255,255,255,.3);border-radius:10px;padding:10px 14px;font-size:12.5px;color:var(--k-tx3);opacity:0;transition:opacity .5s}.kstack .k-eu.on{opacity:1}
.kstack .k-eu b{color:var(--k-tx2);font-weight:500}
.kstack .k-lane{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:3}
.kstack .k-pkt{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font-size:12.5px;padding:7px 12px;border-radius:999px;background:#23303a;border:1px solid rgba(255,255,255,.25);color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.45);opacity:0;transition:left 2.6s cubic-bezier(.45,0,.2,1),top 2.6s cubic-bezier(.45,0,.2,1),opacity .5s,transform .35s}
.kstack .k-pkt.k{border-color:var(--k-gold);background:#2a2620}
.kstack .k-pkt.arrived{transform:translate(-50%,-50%) scale(1.06);border-color:rgba(255,255,255,.55)}.kstack .k-pkt.k.arrived{border-color:var(--k-gold)}
.kstack .k-pkt small{color:var(--k-tx3);margin-left:6px;font-size:11px}
.kstack .k-cap{display:flex;align-items:center;gap:22px;padding:16px 0 10px;min-height:92px}
.kstack .k-dots{display:flex;gap:7px;flex:none}.kstack .k-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.18);transition:background .3s,transform .3s;display:block}.kstack .k-dots i.on{background:var(--k-acc);transform:scale(1.25)}.kstack .k-dots i.done{background:rgba(74,144,226,.5)}
.kstack .k-txt{flex:1;min-width:0}.kstack .k-txt h4{margin:0;font-size:15px;line-height:1.4;font-family:inherit;font-weight:500;letter-spacing:0;color:var(--k-tx)}.kstack .k-txt p{margin:2px 0 0;color:var(--k-tx2);font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kstack .k-n{font-size:12px;color:var(--k-tx3);white-space:nowrap}
.kstack .k-ctrl{display:flex;gap:8px;flex:none}
.kstack .k-ctrl button{font:inherit;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:7px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:transparent;color:var(--k-tx2);cursor:pointer}
.kstack .k-ctrl button:hover{border-color:var(--k-acc);color:var(--k-acc)}
.kstack .k-bar{height:2px;background:rgba(255,255,255,.08)}.kstack .k-bar i{display:block;height:100%;width:0;background:var(--k-acc)}
/* Desktop only: below 1200 px the three boxes no longer fit side by side, so the whole section is hidden. */
@media (max-width:1199px){.kstack{display:none}}
@media (prefers-reduced-motion:reduce){
  .kstack .k-pkt,.kstack .k-card,.kstack .k-cell,.kstack .k-job i,.kstack .k-col{transition:none}
}