/* =====================================================================
   Heretik — enterprise smer (C3 / Palantir / ChapsVision)
   Brez zunanjih zahtevkov. Pisave so v /fonts.
   ===================================================================== */

@font-face{font-family:"Inter";src:url("fonts/inter-latin-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";src:url("fonts/inter-latin-ext-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";src:url("fonts/inter-latin-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";src:url("fonts/inter-latin-ext-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter Tight";src:url("fonts/inter-tight-latin-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Tight";src:url("fonts/inter-tight-latin-ext-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter Tight";src:url("fonts/inter-tight-latin-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter Tight";src:url("fonts/inter-tight-latin-ext-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;
  unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --bg:#ffffff;
  --ink:#0a0a0a;
  --ink-2:#3d4042;
  --muted:#6f7377;
  --line:#e5e6e7;
  --line-2:#c8cacc;
  --surface:#f6f6f4;
  --surface-2:#efefec;
  --slate:#5d7374;
  --accent:#c8341c;
  --accent-ink:#a82a13;
  --dark:#0a0a0a;
  --dark-2:#141414;
  --dark-line:#282828;
  --dark-text:#f3f3f1;
  --dark-muted:#9b9d9e;
  --sans:"Inter",ui-sans-serif,system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --display:"Inter Tight","Inter",ui-sans-serif,system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"Cascadia Mono",Consolas,"SF Mono",Menlo,monospace;
  --wrap:1200px;
  --pad:1.25rem;
}
@media (min-width:720px){:root{--pad:2rem}}
@media (min-width:1100px){:root{--pad:2.5rem}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;
  line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:600;letter-spacing:-.035em;line-height:1.04}
p{margin:0}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.label{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.lead{color:var(--ink-2);font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.55;max-width:46ch}
.hr{height:1px;background:var(--line);border:0;margin:0}

/* ---------- gumbi ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.85rem;
  padding:.8rem 1.25rem;border:1px solid transparent;border-radius:4px;
  font-family:var(--sans);font-size:.9rem;font-weight:600;letter-spacing:-.005em;
  text-decoration:none;white-space:nowrap;cursor:pointer}
.btn:hover{text-decoration:none}
.btn-dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn-dark:hover{background:#1f1f1f;border-color:#1f1f1f}
.btn-light{background:#fff;color:var(--ink);border-color:#fff}
.btn-light:hover{background:#ededeb}
.btn-line{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn-line:hover{border-color:var(--ink)}
.btn-line-inv{background:transparent;color:var(--dark-text);border-color:#4a4a4a}
.btn-line-inv:hover{border-color:#fff;background:rgba(255,255,255,.06)}
@media (max-width:420px){.btn{flex:1 1 100%}}
.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.8rem}

/* ---------- glava: škatla čez hero (po C3) ---------- */
.topbar-row{display:flex;gap:.55rem;padding-top:1.15rem;position:relative;z-index:6}
.topbar{flex:1;display:flex;align-items:center;gap:.35rem;min-height:3.5rem;padding:0 .45rem 0 1rem;
  border:1px solid rgba(255,255,255,.34);border-radius:2px;background:rgba(6,9,15,.32);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.brand{font-family:var(--display);font-weight:600;font-size:1.26rem;letter-spacing:-.045em;line-height:1;
  color:#fff;white-space:nowrap}
.brand .dot{color:#ff5a36}
.nav{display:none;align-items:center;gap:.05rem;margin-left:.7rem}
@media (min-width:1020px){.nav{display:flex}}
.nav-item{position:relative}
.nav-link{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .7rem;border-radius:2px;
  font-size:.86rem;font-weight:500;color:rgba(255,255,255,.84);letter-spacing:-.005em;white-space:nowrap}
.nav-link:hover{background:rgba(255,255,255,.1);color:#fff;text-decoration:none}
.nav-link .chev{width:.38rem;height:.38rem;border-right:1px solid rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.55);
  transform:rotate(45deg) translateY(-1px)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:.35rem}
.nav-search{display:none;font-size:.84rem;color:rgba(255,255,255,.72);padding:.5rem .75rem}
.nav-search:hover{color:#fff;text-decoration:none}
@media (min-width:1220px){.nav-search{display:inline-flex}}
.head-cta{display:none;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.34);
  border-radius:2px;padding:0 1.2rem;min-height:3.5rem;background:rgba(6,9,15,.32);
  backdrop-filter:blur(14px);color:#fff;font-size:.86rem;font-weight:500;white-space:nowrap}
.head-cta:hover{background:rgba(255,255,255,.12);text-decoration:none}
@media (min-width:1020px){.head-cta{display:inline-flex}}

/* mega panel */
.mega{position:absolute;left:0;top:calc(100% + .75rem);min-width:34rem;display:none;z-index:30;
  background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:4px;
  box-shadow:0 30px 60px -24px rgba(0,0,0,.45);padding:1.4rem;gap:2rem;grid-template-columns:1fr 1fr}
.nav-item:hover .mega,.nav-item:focus-within .mega,.nav-item.is-open .mega{display:grid}
.mega h3{font-family:var(--mono);font-size:.58rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);margin:0 0 .7rem}
.mega a{display:block;padding:.42rem 0;font-size:.92rem;color:var(--ink-2)}
.mega a:hover{color:var(--ink);text-decoration:none}
.mega a b{display:block;font-weight:600;font-size:.93rem;color:var(--ink);letter-spacing:-.01em}
.mega a span{display:block;font-size:.8rem;color:var(--muted);margin-top:.1rem}
.mega-promo{background:var(--dark);color:var(--dark-text);border-radius:3px;padding:1rem}
.mega-promo p{font-size:.84rem;color:#c9c9c6;line-height:1.45}
.mega-promo .label{color:var(--dark-muted);display:block;margin-bottom:.5rem}
.mega-promo a{color:#fff;font-weight:600;font-size:.85rem;padding:.5rem 0 0}

/* mobilni meni */
.mm{display:block;margin-left:auto;color:#fff}
@media (min-width:1020px){.mm{display:none}}
.mm summary{list-style:none;cursor:pointer;font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;
  text-transform:uppercase;padding:.6rem .2rem}
.mm summary::-webkit-details-marker{display:none}
.mm-body{position:absolute;left:var(--pad);right:var(--pad);top:calc(100% + .5rem);z-index:40;
  background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:3px;
  padding:.6rem 1rem 1rem;max-height:70vh;overflow:auto;box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.mm-body h3{font-family:var(--mono);font-size:.58rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted);margin:1rem 0 .3rem}
.mm-body a{display:block;padding:.6rem 0;font-size:.98rem;color:var(--ink);border-bottom:1px solid var(--line)}

/* ---------- hero: tri prosojnice, ki se menjajo ---------- */
.hero{position:relative;display:flex;flex-direction:column;min-height:min(94vh,920px);color:#fff;
  background:#05070d;overflow:hidden;isolation:isolate;--hero-delay:9000ms}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(4,6,11,.94) 0%,rgba(4,6,11,.68) 38%,rgba(4,6,11,.5) 62%,rgba(4,6,11,.64) 100%),
             linear-gradient(180deg,rgba(4,6,11,.55),rgba(4,6,11,0) 24%,rgba(4,6,11,0) 58%,rgba(4,6,11,.72))}

/* ozadje: vsaka prosojnica ima svojo sliko in svoj video */
.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#05070d}
.hero-media-item{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}
.hero-media-item.is-active{opacity:1}
.hero-media-item img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.015)}
.hero-media-item picture{display:block;width:100%;height:100%}
.hero-media-item .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity .8s ease}
.hero-media-item .hero-video.is-playing{opacity:1}
/* kjer je v ozadju posnetek zaslona, se slika na levi zlije v temo */
.hero-media-item.is-soft img,.hero-media-item.is-soft .hero-video{
  filter:blur(3px) brightness(.8) saturate(.85);
  -webkit-mask-image:linear-gradient(90deg,transparent 2%,#000 46%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 2%,#000 46%,#000 100%)}
/* posnetek zaslona ne sme tekmovati z besedilom */
.hero-media-item.is-soft::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:rgba(4,6,11,.34)}
/* nebo je svetlejše od posnetka zaslona, zato ga zatemnim bolj */
.hero-media-item.is-cloud img,.hero-media-item.is-cloud .hero-video{
  filter:blur(1px) brightness(.96) saturate(1.12)}
.hero-media-item.is-cloud::after{background:rgba(5,12,26,.28)}

/* vse prosojnice ležijo v isti celici; višino določi najvišja */
.hero-stack{position:relative;z-index:2;display:flex;flex-direction:column;flex:1}
.hero-grid{display:grid;flex:1;grid-template-areas:"slide"}
.hero-layer{grid-area:slide;display:flex;flex-direction:column;opacity:0;visibility:hidden;
  transition:opacity .55s ease,visibility 0s linear .55s}
.hero-layer.is-active{opacity:1;visibility:visible;transition:opacity .55s ease,visibility 0s}
.hero-body{flex:1;display:grid;gap:1.4rem;align-content:center;padding:2.4rem 0 1.6rem}
@media (min-width:1000px){.hero-body{grid-template-columns:minmax(0,1fr) minmax(0,19rem);gap:3rem;
  align-items:center;padding:2.4rem 0 2.2rem}}
.hero-copy{display:grid;gap:1.15rem;align-content:center;max-width:36rem}
.hero-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.6)}
.hero h1,.hero .hero-h1{text-shadow:0 2px 22px rgba(3,5,9,.5);font-family:var(--display);font-weight:500;font-size:clamp(2.15rem,5.4vw,4.15rem);
  line-height:.99;letter-spacing:-.045em;max-width:17ch;color:#fff;margin:0}
.hero-side{text-shadow:0 1px 16px rgba(3,5,9,.6);font-size:1.02rem;line-height:1.45;font-weight:500;color:#e9edf0;max-width:26ch}
@media (min-width:1000px){.hero-side{justify-self:end;text-align:left}}
.hero-kicker{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.58);margin:.45rem 0 0}
.hero-side+.hero-side{margin-top:.9rem}
.hero-side--wide{max-width:34ch}
.hero-side--sub{max-width:34ch;font-size:.95rem;color:rgba(233,237,240,.82)}
.hero-foot{display:flex;align-items:flex-end;justify-content:flex-end;gap:1rem;flex-wrap:wrap;
  padding-bottom:1.2rem}
.hero-cap{font-family:var(--mono);font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;
  color:rgba(255,255,255,.58);line-height:1.8}
.arrow-btn{display:inline-flex;align-items:center;gap:.9rem;border:1px solid rgba(255,255,255,.42);border-radius:2px;
  padding:.8rem 1rem .8rem 1.15rem;color:#fff;font-size:.88rem;font-weight:500;
  background:rgba(6,9,15,.26);backdrop-filter:blur(10px);white-space:nowrap}
.arrow-btn:hover{background:rgba(255,255,255,.13);text-decoration:none}
.arrow-btn svg{width:.66rem;height:.66rem;flex:none}

/* besedilo se ob menjavi usede po korakih */
.hero-layer .hero-label,.hero-layer .hero-kicker,.hero-layer h1,.hero-layer .hero-h1,.hero-layer .hero-side,
.hero-layer .hero-foot{opacity:0;transform:translateY(14px);
  transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.hero-layer.is-active .hero-label,.hero-layer.is-active .hero-kicker,.hero-layer.is-active h1,
.hero-layer.is-active .hero-h1,.hero-layer.is-active .hero-side,.hero-layer.is-active .hero-foot{opacity:1;transform:none}
.hero-layer.is-active .hero-label{transition-delay:.1s}
.hero-layer.is-active h1,.hero-layer.is-active .hero-h1{transition-delay:.18s}
.hero-layer.is-active .hero-kicker{transition-delay:.26s}
.hero-layer.is-active .hero-side{transition-delay:.3s}
.hero-layer.is-active .hero-foot{transition-delay:.42s}

/* krmilje: izbira prosojnice + ustavi/predvajaj */
.hero-ctrl{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.18);padding:.55rem 0 1rem;margin-top:.3rem}
.hero-tabs{display:flex;gap:1.5rem;flex-wrap:wrap}
.hero-tab{position:relative;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;
  padding:.7rem 0;background:none;border:0;cursor:pointer;font-family:var(--mono);font-size:.6rem;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.hero-tab .n{color:rgba(255,255,255,.34)}
.hero-tab:hover{color:#fff}
.hero-tab:hover .n{color:rgba(255,255,255,.6)}
.hero-tab[aria-selected="true"] .n{color:rgba(255,255,255,.7)}
.hero-tab[aria-selected="true"]{color:#fff}
.hero-tab[aria-selected="true"] .n{color:rgba(255,255,255,.7)}
.hero-tab::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;
  background:rgba(255,255,255,.18);opacity:0;transition:opacity .35s ease}
.hero-tab[aria-selected="true"]::after{opacity:1}
.hero-tab .hero-bar{position:absolute;left:0;bottom:2px;width:100%;height:2px;
  background:#fff;transform:scaleX(0);transform-origin:left center;pointer-events:none}
.hero-tab:focus-visible,.hero-pause:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.hero-pause{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.75);background:transparent;border:1px solid rgba(255,255,255,.34);
  border-radius:2px;padding:.55rem .8rem;min-height:44px;cursor:pointer}
.hero-pause:hover{background:rgba(255,255,255,.1);color:#fff}

@media (max-width:760px){
  .hero-media-item .hero-video{display:none}
  .hero-media-item.is-soft::after{background:rgba(4,6,11,.66)}
  .hero-pause{margin-left:auto}
  .hero-body{padding:1.9rem 0 1.2rem}
  .hero-tabs{gap:1.1rem}
  .hero-ctrl{padding-bottom:.8rem}
}
@media (max-width:520px){
  .hero-foot{flex-direction:column;align-items:stretch}
  .arrow-btn{justify-content:space-between}
  .hero-copy{gap:1rem}
}
@media (prefers-reduced-motion:reduce){
  .hero-media-item,.hero-layer,.hero-layer .hero-label,.hero-layer h1,.hero-layer .hero-h1,
  .hero-layer .hero-side,.hero-layer .hero-foot,.hero-media-item .hero-video{transition:none}
  .hero-layer .hero-label,.hero-layer .hero-kicker,.hero-layer h1,.hero-layer .hero-h1,
  .hero-layer .hero-side,.hero-layer .hero-foot{transform:none}
  .hero-pause{display:none}
}

/* ---------- zaupanje ---------- */
.trust{padding:2.6rem 0 0}
@media (min-width:900px){.trust{padding:3rem 0 0}}
.trust-in{display:grid;gap:1rem;padding:1.6rem 0}
@media (min-width:820px){.trust-in{grid-template-columns:12rem 1fr;align-items:baseline;gap:2rem}}
.trust-items{display:flex;flex-wrap:wrap;gap:.4rem 2.2rem;font-size:.92rem;color:var(--ink-2)}
.trust-items span{display:inline-flex;align-items:center;gap:.5rem}
.trust-items span::before{content:"";width:.28rem;height:.28rem;background:var(--line-2);border-radius:50%}

/* ---------- sekcije ---------- */
.section{padding:4.5rem 0}
@media (min-width:900px){.section{padding:6.5rem 0}}
.section-head{display:grid;gap:1.1rem;margin-bottom:2.6rem}
@media (min-width:900px){.section-head{grid-template-columns:minmax(0,1fr) minmax(0,26rem);gap:3rem;align-items:end;margin-bottom:3.4rem}}
.section-head h2{font-size:clamp(1.6rem,3.4vw,2.6rem);letter-spacing:-.04em;font-weight:500;max-width:26ch}
.section-head .lead{max-width:40ch}

/* storitve — vrstice */
.rows{border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:2.6rem 1fr;gap:.3rem 1rem;padding:1.5rem 0;border-bottom:1px solid var(--line);
  align-items:baseline;position:relative}
@media (min-width:820px){.row{grid-template-columns:3.4rem minmax(0,22rem) minmax(0,1fr) 8rem;gap:1.6rem;padding:1.9rem 0}}
.row-n{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;color:var(--muted);padding-top:.35rem}
.row h3{font-size:clamp(1.08rem,1.8vw,1.32rem);letter-spacing:-.03em;font-weight:600}
.row p{font-size:.95rem;color:var(--ink-2);max-width:52ch}
@media (max-width:819px){.row p{grid-column:2;margin-top:.55rem}}
.row .price{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
  white-space:nowrap;padding-top:.4rem}
@media (max-width:819px){.row .price{grid-column:2;margin-top:.7rem}}
@media (hover:hover){.row:hover .row-n{color:var(--accent)}}

/* ---------- temna arhitektura ---------- */
.dark{background:var(--dark);color:var(--dark-text)}
.dark .label{color:var(--dark-muted)}
.dark h2{color:#fff}
.dark .lead{color:#b9bbb9}
.dark .hr{background:var(--dark-line)}
.dark-section{padding:4.5rem 0}
@media (min-width:900px){.dark-section{padding:6.5rem 0}}
.arch{display:grid;gap:1.4rem;margin-top:2.6rem}
@media (min-width:980px){.arch{grid-template-columns:minmax(0,1fr) minmax(0,20rem);gap:3rem;align-items:start}}
.flow{display:grid;gap:.6rem}
@media (min-width:760px){.flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch}}
.node{border:1px solid #2f2f2f;border-radius:5px;padding:1.1rem;background:#111}
.node .k{font-family:var(--mono);font-size:.56rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dark-muted)}
.node b{display:block;margin:.5rem 0 .35rem;font-family:var(--display);font-size:1.05rem;font-weight:600;letter-spacing:-.02em;color:#fff}
.node p{font-size:.86rem;color:#a9aba9;line-height:1.45}
.flow-ar{display:grid;place-items:center;color:#5b5e5e;font-family:var(--mono);font-size:.9rem}
@media (max-width:759px){.flow-ar{justify-items:start;padding-left:1.1rem}}
.spec{border-top:1px solid #2f2f2f}
.spec div{display:grid;grid-template-columns:8rem 1fr;gap:.8rem;padding:.75rem 0;border-bottom:1px solid #1f1f1f}
@media (max-width:520px){.spec div{grid-template-columns:1fr;gap:.2rem}}
.spec dt{font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dark-muted)}
.spec dd{margin:0;font-size:.9rem;color:#dcdcda}
.spec dd b{color:#fff;font-weight:600}

/* ---------- meritve ---------- */
.metrics{display:grid;border-top:1px solid var(--line)}
@media (min-width:760px){.metrics{grid-template-columns:repeat(4,1fr)}}
.metric{padding:1.8rem 0;border-bottom:1px solid var(--line)}
@media (min-width:760px){.metric{padding:2.2rem 2rem 2.2rem 0;border-bottom:0;border-right:1px solid var(--line)}
  .metric:last-child{border-right:0}}
@media (max-width:759px){.metric:last-child{border-bottom:0}}
.metric b{display:block;font-family:var(--display);font-weight:500;font-size:clamp(2rem,3.6vw,2.9rem);
  letter-spacing:-.045em;line-height:1}
.metric span{display:block;margin-top:.5rem;font-size:.88rem;color:var(--muted);max-width:22ch;line-height:1.4}

/* ---------- okolja: zavihki in risba ---------- */
.industry{padding:4rem 0 4.5rem}
@media (min-width:900px){.industry{padding:5.5rem 0 6.5rem}}
.industry-head{display:grid;gap:1.2rem;margin-bottom:1.4rem}
@media (min-width:900px){
  .industry-head{grid-template-columns:minmax(0,1fr) minmax(0,26rem);gap:.9rem 3rem;align-items:end;margin-bottom:1.4rem}
  .industry-head .label{grid-column:1;grid-row:1;align-self:start;margin:0}
  .industry-head h2{grid-column:1;grid-row:1;align-self:end;margin:0}
  .industry-head p{grid-column:2;grid-row:1;align-self:end;margin:0}
}
.industry-head h2{font-size:clamp(1.75rem,3.6vw,2.75rem);letter-spacing:-.045em;font-weight:500;max-width:20ch}
.industry-head p{font-size:1.02rem;color:var(--ink-2);line-height:1.55}
.tabs{position:relative}
.tabs input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.tab-labels{display:flex;gap:1.8rem;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}
.tab-labels::-webkit-scrollbar{display:none}
.tab-labels label{position:relative;padding:.85rem 0 .8rem;font-size:.95rem;color:var(--muted);cursor:pointer;white-space:nowrap}
.tab-labels label:hover{color:var(--ink)}
#ok-1:checked~.tab-labels label[for="ok-1"],#ok-2:checked~.tab-labels label[for="ok-2"],
#ok-3:checked~.tab-labels label[for="ok-3"],#ok-4:checked~.tab-labels label[for="ok-4"]{color:var(--ink)}
@media (prefers-reduced-motion:reduce){.panel-art,.panel-card{animation:none!important}}

/* merilnik: črta pod aktivnim zavihkom se polni sedem sekund */
.tab-labels label::before{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:100%;
  background:var(--ink);transform:scaleX(0);transform-origin:left center;pointer-events:none}
#ok-1:checked~.tab-labels label[for="ok-1"]::before,
#ok-2:checked~.tab-labels label[for="ok-2"]::before,
#ok-3:checked~.tab-labels label[for="ok-3"]::before,
#ok-4:checked~.tab-labels label[for="ok-4"]::before{animation:tab-timer var(--tab-step,7s) linear forwards;animation-play-state:paused}
#ok-1:checked~.tab-labels.is-running label[for="ok-1"]::before,
#ok-2:checked~.tab-labels.is-running label[for="ok-2"]::before,
#ok-3:checked~.tab-labels.is-running label[for="ok-3"]::before,
#ok-4:checked~.tab-labels.is-running label[for="ok-4"]::before{animation-play-state:running}
@keyframes tab-timer{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* na ozkem zaslonu se vrstica zavihkov pomika vstran; robova zameglimo,
   da odrezan zavihek ne izgleda kot napaka */
@media (max-width:760px){
  .tab-labels{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)}
}

@media (prefers-reduced-motion:reduce){
  #ok-1:checked~.tab-labels label[for="ok-1"]::before,
  #ok-2:checked~.tab-labels label[for="ok-2"]::before,
  #ok-3:checked~.tab-labels label[for="ok-3"]::before,
  #ok-4:checked~.tab-labels label[for="ok-4"]::before{animation:none;transform:scaleX(1)}
}
#ok-1:focus-visible~.tab-labels label[for="ok-1"],#ok-2:focus-visible~.tab-labels label[for="ok-2"],
#ok-3:focus-visible~.tab-labels label[for="ok-3"],#ok-4:focus-visible~.tab-labels label[for="ok-4"]{outline:2px solid var(--accent);outline-offset:2px}
.panel{display:none;position:relative;margin-top:.85rem;background:#0d1218}
#ok-1:checked~.panels .p-1,#ok-2:checked~.panels .p-2,
#ok-3:checked~.panels .p-3,#ok-4:checked~.panels .p-4{display:block}
@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.panel-art,.panel-card{animation:panel-in .5s cubic-bezier(.2,.7,.2,1) both}
.panel-card{animation-delay:.06s}
.panel-art{position:relative;background:#0d1218;overflow:hidden;aspect-ratio:16/7;border:1px solid #1d242c}
.panel-art img{width:100%;height:100%;object-fit:cover;display:block}
.panel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
  opacity:0;transition:opacity .8s ease;pointer-events:none}
.panel-video.is-playing{opacity:1}
.panel-art::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(4,6,11,.62) 0%,rgba(4,6,11,.18) 52%,rgba(4,6,11,.1) 100%),
             linear-gradient(180deg,rgba(4,6,11,.18),rgba(4,6,11,.06) 40%,rgba(4,6,11,.5))}
@media (prefers-reduced-motion:reduce){.panel-video{display:none}}
@media (max-width:760px){.panel-art{aspect-ratio:4/3}}
.panel-card{background:#0a0a0a;color:#fff;padding:1.6rem}
@media (min-width:900px){.panel-card{position:absolute;left:2rem;bottom:2rem;width:min(680px,60%);padding:2rem 2.1rem 1.7rem}}
.panel-card h3{font-size:clamp(1.45rem,2.5vw,2.1rem);letter-spacing:-.04em;font-weight:500;line-height:1.03;color:#fff;max-width:18ch}
.panel-top{display:grid;gap:1rem}
@media (min-width:760px){.panel-top{grid-template-columns:1.05fr 1fr;gap:2rem;align-items:start}}
.panel-top p{font-size:.92rem;color:#b9bbb9;line-height:1.5}
.panel-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.2rem;margin-top:1.9rem}
.link-btn{display:inline-flex;align-items:center;gap:.7rem;background:#fff;color:var(--ink);
  padding:.72rem 1rem;border-radius:2px;font-size:.86rem;font-weight:600}
.link-btn svg{width:.6rem;height:.6rem;flex:none}
.link-btn:hover{background:#e8e8e5;text-decoration:none}
.panel-links .label{color:#8b8e8f;display:block;margin-bottom:.45rem}
.panel-links a{display:block;color:#d5d7d5;font-size:.88rem;padding:.22rem 0}
.panel-links a::before{content:"›";color:#767b7e;margin-right:.45rem}
.panel-links a:hover{color:#fff;text-decoration:none}

/* ---------- primer ---------- */
.case{display:grid;gap:1.6rem;border:1px solid var(--line);padding:1.6rem}
@media (min-width:900px){.case{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:2.4rem;gap:3rem}}
.case .label{display:block;margin-bottom:.8rem}
.case h3{font-size:clamp(1.25rem,2.4vw,1.7rem);letter-spacing:-.03em;font-weight:500;max-width:22ch}
.case-facts{display:grid;gap:0;align-self:center}
.case-facts div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid var(--line);
  font-size:.88rem;color:var(--ink-2)}
.case-facts b{font-family:var(--mono);font-size:.78rem;color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}

/* ---------- CTA ---------- */
.cta{background:var(--dark);color:var(--dark-text)}
.cta-in{display:grid;gap:1.6rem;padding:4rem 0}
@media (min-width:900px){.cta-in{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding:5.5rem 0;gap:3rem}}
.cta h2{font-size:clamp(1.7rem,3.6vw,2.7rem);letter-spacing:-.04em;font-weight:500;color:#fff;max-width:26ch}
.cta p{color:#a9aba9;margin-top:1rem;font-size:.98rem;max-width:42ch}

/* ---------- noga ---------- */
.foot{background:var(--dark);color:var(--dark-muted);padding:3rem 0 2.4rem;border-top:1px solid #1f1f1f}
.foot-cols{display:grid;gap:2rem}
@media (min-width:760px){.foot-cols{grid-template-columns:1.4fr repeat(2,1fr);gap:2.6rem}}
@media (min-width:1020px){.foot-cols{grid-template-columns:1.5fr repeat(4,1fr);gap:2.4rem}}
.foot h4{font-family:var(--mono);font-size:.58rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;
  color:#8b8e8f;margin:0 0 .8rem}
.foot a{display:block;padding:.28rem 0;color:#cfd1cf;font-size:.9rem}
.foot a:hover{color:#fff;text-decoration:none}
.foot .brand{color:#fff;font-size:1.15rem}
.foot-note{margin-top:2.4rem;padding-top:1.2rem;border-top:1px solid #1f1f1f;display:flex;flex-wrap:wrap;
  gap:.6rem 1.6rem;justify-content:space-between;font-family:var(--mono);font-size:.58rem;
  letter-spacing:.1em;text-transform:uppercase;color:#7c7f82}
.foot-note a{display:inline;color:#a7a9a7}

/* ---------- mobilna akcijska vrstica ---------- */
.mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;
  padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);
  border-top:1px solid var(--line);backdrop-filter:blur(10px)}
@media (min-width:1000px){.mobile-cta{display:none}}
.mobile-cta .btn{min-height:2.7rem;font-size:.84rem}
body{padding-bottom:4.6rem}
@media (min-width:1000px){body{padding-bottom:0}}

@media (prefers-reduced-motion:no-preference){
  .btn,.card,.nav-link{transition:background-color .15s ease,color .15s ease,border-color .15s ease}
}

/* ---------- notranje strani ---------- */
.page-hero{position:relative;color:#fff;background:#05070d url("hero-bg.svg") center/cover no-repeat;overflow:hidden}
.page-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(4,6,11,.74) 0%,rgba(4,6,11,.58) 45%,rgba(4,6,11,.9) 100%)}
.page-hero > .wrap{position:relative;z-index:2}
.page-hero .inner{padding:2.2rem 0 3.4rem}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.6rem;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.crumb a{color:inherit}
.crumb a:hover{color:#fff;text-decoration:none}
.crumb i{font-style:normal;color:rgba(255,255,255,.3)}
.page-hero h1{font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.03;letter-spacing:-.04em;font-weight:500;
  max-width:21ch;margin:1.1rem 0 0;color:#fff}
.page-hero .lead{color:#c4c9cd;margin-top:1.1rem;max-width:54ch;font-size:1.02rem}
.page-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.6rem;margin-top:1.9rem;
  font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.66)}
.page-meta b{color:#fff;font-weight:600}
.page-meta span{display:inline-flex;align-items:center;gap:.7rem}
.page-meta span+span::before{content:"";width:.22rem;height:.22rem;background:var(--accent);border-radius:50%}

.cols{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
@media (min-width:760px){.cols-3{grid-template-columns:repeat(3,1fr)}}
.col{background:#fff;padding:1.4rem}
.col h3{font-size:1rem;letter-spacing:-.02em;margin-bottom:.45rem}
.col p{font-size:.92rem;color:var(--ink-2)}

.steps{display:grid;border-top:1px solid var(--line)}
.step{display:grid;grid-template-columns:2.4rem 1fr;gap:.4rem 1rem;padding:1.3rem 0;border-bottom:1px solid var(--line)}
@media (min-width:760px){.step{grid-template-columns:3rem 15rem 1fr;gap:1.5rem;align-items:baseline}}
.step .n{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;color:var(--muted);padding-top:.28rem}
.step h3{font-size:1.02rem;letter-spacing:-.02em}
.step p{font-size:.92rem;color:var(--ink-2);max-width:56ch}
@media (max-width:759px){.step p{grid-column:2;margin-top:.5rem}}

.pricebox{border:1px solid var(--line);background:var(--surface);padding:1.4rem;display:grid;gap:1.4rem}
@media (min-width:760px){.pricebox{grid-template-columns:1fr auto;align-items:center;gap:2.5rem;padding:1.7rem}}
.pricebox .amt{font-family:var(--display);font-size:2rem;font-weight:600;letter-spacing:-.04em;line-height:1}
.pricebox .amt small{display:block;font-family:var(--mono);font-size:.56rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--muted);margin-bottom:.45rem;font-weight:400}
.pricebox .amt em{display:block;font-family:var(--sans);font-size:.85rem;font-style:normal;font-weight:400;
  letter-spacing:0;color:var(--muted);margin-top:.5rem}
.pricebox ul{margin:.8rem 0 0;padding-left:1.05rem;color:var(--ink-2);font-size:.92rem}
.pricebox li{margin:.3rem 0}

.faq{border-top:1px solid var(--line);margin-top:1.4rem}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:1.1rem 0;font-weight:600;font-size:1rem;
  display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--muted);font-weight:400;font-size:1.1rem}
.faq details[open] summary::after{content:"\2013"}
.faq p{padding:0 0 1.2rem;color:var(--ink-2);max-width:70ch;font-size:.95rem}

.next{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:3rem}
@media (min-width:760px){.next{grid-template-columns:1fr 1fr}}
.next a{background:#fff;padding:1.3rem 1.4rem;display:block}
.next .k{font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.next b{display:block;margin-top:.4rem;font-family:var(--display);font-size:1.05rem;letter-spacing:-.025em;font-weight:600}
.next a:hover{text-decoration:none}
.next a:hover b{color:var(--accent-ink)}

/* ---------- izdelki: ime + posnetek vmesnika ---------- */
.products{background:var(--surface);padding:4.5rem 0}
@media (min-width:900px){.products{padding:6.5rem 0}}
.prod-head{display:grid;gap:1.4rem;margin-bottom:2.6rem}
@media (min-width:900px){.prod-head{grid-template-columns:minmax(0,1fr) minmax(0,24rem);gap:3rem;align-items:start;margin-bottom:3.4rem}}
.prod-head h2{font-size:clamp(2rem,4.4vw,3.4rem);letter-spacing:-.05em;font-weight:500;line-height:1}
.prod-side p{font-size:1.02rem;color:var(--ink-2);max-width:40ch}
.cta-card{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:start;margin-top:1.3rem;
  background:#fff;border:1px solid var(--line);padding:1rem 1.1rem;max-width:19rem;font-size:.9rem;font-weight:500;line-height:1.35}
.cta-card svg{width:.7rem;height:.7rem;margin-top:.1rem}
.cta-card:hover{border-color:var(--ink);text-decoration:none}
.prod-row{display:grid;gap:1.6rem;padding:2.4rem 0;border-top:1px solid #e3e4df}
.prod-row:last-child{padding-bottom:0}
@media (min-width:980px){.prod-row{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:3.5rem;align-items:center;padding:3rem 0}}
.prod-copy .label{display:block;margin-bottom:.4rem}
.prod-copy h3{font-size:clamp(1.55rem,2.7vw,2.3rem);letter-spacing:-.045em;font-weight:500;line-height:1.05;margin:0 0 .7rem}
.prod-copy h3 a:hover{color:var(--accent-ink);text-decoration:none}
.prod-copy p{font-size:.98rem;color:var(--ink-2);max-width:44ch;line-height:1.5}
.prod-meta{display:flex;flex-wrap:wrap;gap:.7rem 1.3rem;align-items:center;margin-top:1.3rem;
  font-family:var(--mono);font-size:.6rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.prod-meta .pr{color:var(--ink)}
.prod-meta a{display:inline-flex;align-items:center;gap:.4rem;color:var(--ink);border-bottom:1px solid var(--line-2);padding-bottom:.15rem}
.prod-meta a:hover{border-color:var(--ink);text-decoration:none}
.prod-shot{min-width:0}
.shot{border:1px solid #dcdedb;background:#fff;border-radius:5px;overflow:hidden;
  box-shadow:0 36px 60px -52px rgba(0,0,0,.45)}
.shot-cap{margin:.7rem 0 0;font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.shot-body{padding:.85rem .9rem 1rem;font-size:.76rem;color:var(--ink)}
.mock-tabs{display:flex;gap:1.1rem;border-bottom:1px solid #ececea;padding-bottom:.45rem;font-size:.72rem;color:var(--muted)}
.mock-tabs b{color:var(--ink);font-weight:600;position:relative}
.mock-tabs b::after{content:"";position:absolute;left:0;right:0;bottom:-.47rem;height:1px;background:var(--ink)}
.mock-row{display:grid;grid-template-columns:1.7fr .7fr .9fr 1fr;gap:.5rem;padding:.42rem .1rem;
  border-bottom:1px solid #f1f1ee;font-size:.73rem}
.mock-row > :nth-child(n+3){text-align:right;font-variant-numeric:tabular-nums}
.mock-row.head{font-family:var(--mono);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;color:#9a9d9a}
.mock-total{display:flex;justify-content:space-between;padding-top:.55rem;font-size:.72rem}
.mock-total b{font-weight:600;font-variant-numeric:tabular-nums}
.mock-search{display:flex;align-items:center;gap:.5rem;border:1px solid var(--line-2);padding:.5rem .6rem;
  border-radius:3px;font-size:.74rem;color:var(--ink-2);background:#fff}
.mock-search .kbd{margin-left:auto;font-family:var(--mono);font-size:.5rem;border:1px solid var(--line);
  padding:.1rem .3rem;border-radius:2px;color:var(--muted)}
.mock-hit{padding:.55rem .1rem;border-bottom:1px solid #f1f1ee}
.mock-hit .src{display:flex;gap:.5rem;align-items:baseline;font-family:var(--mono);font-size:.52rem;
  letter-spacing:.08em;text-transform:uppercase;color:#7f8a7f}
.mock-hit .src b{color:var(--ink);font-weight:600}
.mock-hit p{margin:.2rem 0 0;font-size:.72rem;color:var(--ink-2);line-height:1.4}
.mock-hit p mark{background:rgba(200,52,28,.12);color:inherit}
.mock-readout{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ececea;border:1px solid #ececea}
.mock-readout div{background:#fff;padding:.55rem .6rem}
.mock-readout .k{font-family:var(--mono);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;color:#9a9d9a;display:block}
.mock-readout .v{font-family:var(--display);font-size:1.02rem;letter-spacing:-.03em;font-weight:600;margin-top:.1rem;display:block}
.mock-log{margin-top:.7rem;font-family:var(--mono);font-size:.56rem;line-height:1.75;color:#6e736e}
.mock-log b{color:#2f7d4f;font-weight:400}
.mock-chart svg{width:100%;height:auto;display:block}
.mock-alerts{margin-top:.6rem}
.mock-alerts div{display:flex;justify-content:space-between;gap:.6rem;padding:.34rem 0;border-bottom:1px solid #f1f1ee;
  font-size:.7rem;color:var(--ink-2)}
.mock-alerts b{font-family:var(--mono);font-size:.62rem;color:var(--ink);font-weight:600}

/* ---------- fiksna glava: skrije se ob drsenju navzdol ---------- */
.sitebar{position:fixed;top:0;left:0;right:0;z-index:80;
  transition:transform .26s cubic-bezier(.4,0,.2,1),background-color .18s ease,box-shadow .18s ease}
.sitebar.is-stuck{background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 1px 0 var(--line)}
.sitebar.is-hidden{transform:translateY(-105%)}
.sitebar .topbar-row{padding:1.05rem 0 .85rem}
.sitebar.is-stuck .topbar{border-color:var(--line);background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
.sitebar.is-stuck .brand{color:var(--ink)}
.sitebar.is-stuck .nav-link{color:var(--ink-2)}
.sitebar.is-stuck .nav-link:hover{color:var(--ink);background:var(--surface)}
.sitebar.is-stuck .nav-link .chev{border-color:var(--muted)}
.sitebar.is-stuck .nav-search{color:var(--muted)}
.sitebar.is-stuck .head-cta{border-color:var(--ink);background:var(--ink);color:#fff}
.sitebar.is-stuck .head-cta:hover{background:#1f1f1f}
.sitebar.is-stuck .mm summary{color:var(--ink)}
.hero{padding-top:5.2rem}
.page-hero{padding-top:5.2rem}
.hero-body{padding:1.7rem 0 1.3rem}
@media (min-width:1000px){.hero-body{padding:1.9rem 0 1.9rem}}
.page-hero .inner{padding:1.6rem 0 3.4rem}
html{scroll-padding-top:5.8rem}
@media (prefers-reduced-motion:reduce){.sitebar{transition:none}}

/* ---------- kontakt ---------- */
.contact{display:grid;gap:2rem}
@media (min-width:900px){.contact{grid-template-columns:minmax(0,1fr) minmax(0,22rem);gap:4rem;align-items:start}}
.contact h2{font-size:clamp(1.55rem,2.8vw,2.2rem);letter-spacing:-.04em;font-weight:500;max-width:20ch;margin-top:.5rem}
.contact-card{border:1px solid var(--line);background:var(--surface);padding:1.5rem}
.contact-card .label{display:block;margin-bottom:.7rem}
.mail-big{display:inline-block;font-family:var(--display);font-weight:600;font-size:clamp(1.15rem,2.2vw,1.5rem);
  letter-spacing:-.03em;border-bottom:1px solid var(--line-2);padding-bottom:.15rem}
.mail-big:hover{border-color:var(--ink);text-decoration:none}
.kv{margin-top:1.5rem;border-top:1px solid var(--line)}
.kv div{display:flex;justify-content:space-between;gap:1rem;padding:.62rem 0;border-bottom:1px solid var(--line);
  font-size:.88rem;color:var(--ink-2)}
.kv b{font-weight:600;color:var(--ink);text-align:right}
.checklist{margin:1rem 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.checklist li{position:relative;padding:.6rem 0 .6rem 1.45rem;font-size:.97rem;color:var(--ink-2);border-bottom:1px solid var(--line)}
.checklist li::before{content:"";position:absolute;left:0;top:1.15rem;width:.4rem;height:.4rem;background:var(--accent);border-radius:50%}

/* ---------- delo: primeri ---------- */
.work{padding:2.6rem 0;border-top:1px solid var(--line)}
.work:first-child{border-top:0;padding-top:0}
.work-head{display:grid;gap:.55rem;margin-bottom:1.5rem}
.work-head .label{display:block}
.work-head h3{font-size:clamp(1.3rem,2.6vw,1.85rem);letter-spacing:-.035em;font-weight:500;line-height:1.15;max-width:30ch;margin:0}
.work-grid{display:grid;gap:1.3rem}
@media (min-width:860px){.work-grid{grid-template-columns:1fr 1.25fr 1fr;gap:2.4rem}}
.work-grid .k{display:block;font-family:var(--h-font-mono,monospace);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}
.work-grid p{margin:0;font-size:.95rem;line-height:1.5;color:var(--ink-2)}
.work-grid b{color:var(--ink);font-weight:600}
.work-note{border:1px solid var(--line);background:var(--surface);padding:1.2rem 1.4rem;margin-top:2.6rem;max-width:74ch}
.work-note p{margin:0;font-size:.92rem;line-height:1.55;color:var(--ink-2)}
.work-note .h-mono{font-family:"Cascadia Mono",Consolas,"SF Mono",Menlo,monospace;font-size:.8rem}

/* ---------- Heretik Cloud ---------- */
@media (min-width:760px){.cols-2{grid-template-columns:repeat(2,1fr)}}
.dark .step{border-color:var(--dark-line)}
.dark .step .n{color:var(--dark-muted)}
.dark .step h3{color:#fff}
.dark .step p{color:#a9aba9}

/* ---------- pravno besedilo ---------- */
.prose{max-width:72ch}
.prose h2{font-size:clamp(1.15rem,2vw,1.45rem);letter-spacing:-.03em;font-weight:600;margin:2.4rem 0 .7rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.prose h2:first-child{margin-top:0;padding-top:0;border-top:0}
.prose p{font-size:.97rem;line-height:1.65;color:var(--ink-2);margin:0 0 1rem}
.prose ul{margin:.4rem 0 1.2rem;padding:0;list-style:none}
.prose li{position:relative;padding:.4rem 0 .4rem 1.4rem;font-size:.97rem;line-height:1.6;color:var(--ink-2);border-bottom:1px solid var(--line)}
.prose li::before{content:"";position:absolute;left:0;top:1.05rem;width:.38rem;height:.38rem;background:var(--accent);border-radius:50%}
.prose b{color:var(--ink);font-weight:600}
.prose a{border-bottom:1px solid var(--line-2)}

/* ---------- spustni meni: nevidni most, da miška ne pade v prazno ---------- */
.nav-item.has-mega::after{content:"";position:absolute;left:-.5rem;right:-.5rem;top:100%;height:1rem}

/* ---------- peto okolje: logistika ---------- */
#ok-5:checked~.tab-labels label[for="ok-5"]{color:var(--ink)}
#ok-5:checked~.tab-labels label[for="ok-5"]::after{background:var(--ink)}
#ok-5:focus-visible~.tab-labels label[for="ok-5"]{outline:2px solid var(--accent);outline-offset:2px}
#ok-5:checked~.panels .p-5{display:block}

/* ---------- gumbi v pripravi ---------- */
[data-soon]{cursor:default}
.nav-link.is-soon{color:var(--muted)}

/* ---------- logotip (tanka različica) ---------- */
.brand{font-weight:500;display:inline-flex;align-items:center;gap:.30em}
.brand .mark{width:.97em;height:.97em;display:block;flex:none}
.brand .word{display:inline-block}
.brand .dot{color:#f05236}

/* ---------- posnetki ---------- */
.shot-media{position:relative;padding:0;background:#0d0d0c;aspect-ratio:1280/858;overflow:hidden}
.shot-media-wide{aspect-ratio:1280/678}
.shot-video-el{width:100%;height:100%;object-fit:contain;display:block;cursor:pointer;background:#0d0d0c}
.shot-play{position:absolute;right:.6rem;bottom:.6rem;font-family:var(--mono);font-size:.55rem;letter-spacing:.14em;
  text-transform:uppercase;background:rgba(10,10,10,.72);color:#fff;border:1px solid rgba(255,255,255,.28);
  border-radius:2px;padding:.3rem .5rem;cursor:pointer}
.shot-play:hover{background:rgba(10,10,10,.9)}
.demo-video{margin:0}
.demo-video-el{width:100%;display:block;background:#0d0d0c;border:1px solid var(--line);border-radius:4px;cursor:pointer}
.demo-video figcaption{margin-top:.7rem;font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted)}

/* ---------- izbirnik pod kartico sistema ---------- */
.prod-when{margin:.95rem 0 0;padding-left:.85rem;border-left:2px solid #d7d9d6;
  font-size:.9rem;line-height:1.45;color:var(--ink-2)}

.prod-grid{display:grid;gap:2.6rem}
@media (min-width:900px){.prod-grid{grid-template-columns:1fr 1fr;gap:2.2rem;align-items:stretch}}
.prod-card{display:flex;flex-direction:column;gap:1rem;border-top:1px solid #e3e4df;padding-top:1.3rem}
.prod-card h3{font-size:clamp(1.5rem,2.5vw,2rem);letter-spacing:-.045em;font-weight:500;line-height:1.05;margin:.2rem 0 0}
.prod-card>p{margin:0;font-size:.95rem;color:var(--ink-2);line-height:1.5;max-width:38ch}
.prod-win{flex:1;display:flex;flex-direction:column;min-height:0}
.win-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;border-bottom:1px solid #ececea;
  font-family:var(--mono);font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.win-bar .dots{margin-left:auto;display:flex;gap:.28rem}
.win-bar .dots span{width:5px;height:5px;border-radius:50%;background:#dcdedb}
.prod-win .shot-body{display:flex;flex-direction:column;gap:.7rem;flex:1}
.mock-answer{border:1px solid #e6e7e2;border-radius:3px;padding:.7rem .75rem;background:#fbfbf9}
.mock-answer .ans-label{font-family:var(--mono);font-size:.5rem;letter-spacing:.13em;text-transform:uppercase;color:#7f8a7f}
.mock-answer p{margin:.35rem 0 0;font-size:.8rem;line-height:1.45;color:var(--ink)}
.mock-answer .cites{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.3rem .8rem;
  font-family:var(--mono);font-size:.5rem;letter-spacing:.08em;text-transform:uppercase;color:#7f8a7f}
.mock-answer .cites b{color:var(--ink);font-weight:600}
.prod-card .prod-meta{margin-top:auto;padding-top:.2rem}

/* ---------- mobilne podrobnosti ---------- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
section[id],main [id]{scroll-margin-top:5rem}
@media (max-width:1019px){
  .mm-body{max-height:calc(100vh - 6.5rem);overscroll-behavior:contain}
  .mm-body a{padding:.72rem 0}
}
.shot-play{display:inline-flex;align-items:center;min-height:2.2rem;padding:.35rem .6rem}
.tab-labels{scroll-padding-inline:0 1.5rem}
@media (max-width:759px){.tab-labels::after{content:"";flex:0 0 1.2rem}}

/* Področja: uvod z videom (31. 10. 2026) */
.page-hero.ph-area{background:#05070d}
.ph-area .ph-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.ph-area::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,7,13,.92) 0%,rgba(5,7,13,.72) 42%,rgba(5,7,13,.2) 100%),linear-gradient(0deg,rgba(5,7,13,.85) 0%,rgba(5,7,13,0) 45%)}
.ph-area .inner{padding:3rem 0 3.4rem}
.ph-area h1{font-size:clamp(2.4rem,6.4vw,5.2rem);line-height:1.02;letter-spacing:-.045em}
.ph-area h1 span{color:#79808a}
.ph-foot{display:grid;gap:1.4rem;margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.16)}
@media(min-width:900px){.ph-foot{grid-template-columns:1.4fr 1fr;gap:3rem}}
.ph-foot .lead{margin:0;font-size:1.1rem;color:#d9dcdf;max-width:44ch}
.ph-foot ul{list-style:none;margin:0;padding:0;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#a7adb2}
.ph-foot li{padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.12)}
.ph-foot li:first-child{padding-top:0}
@media (max-width:899px){.ph-area::before{background:rgba(5,7,13,.8)}}

/* Puščice v povezavah na dnu strani */
.next b svg{display:inline-block;width:.75em;height:.75em;margin-left:.25em;vertical-align:-.05em}

/* Področja: »Kaj ostane pri vas« */
.keep{background:var(--surface);padding:3.2rem 0 3.4rem;margin:1rem 0 4rem}
.keep-grid{display:grid;gap:2rem;margin-top:1.6rem}
@media(min-width:860px){.keep-grid{grid-template-columns:repeat(3,1fr);gap:0}
.keep-item{padding:0 2rem;border-left:1px solid var(--line-2)}.keep-item:first-child{padding-left:0;border-left:0}}
.keep-item h3{font-family:var(--display);font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:500;letter-spacing:-.04em;line-height:1.08;margin:0 0 .7rem}
.keep-item p{margin:0;color:var(--ink-2);font-size:.98rem;line-height:1.5;max-width:34ch}

/* Javni sektor (31. 10. 2026) */
.js-hero .inner{padding:4.2rem 0 3.6rem}
.js-hero h1{font-size:clamp(2.1rem,4.9vw,3.9rem);max-width:none}
.js-hero h1 span{color:#9aa1a8}
.js-flow{display:grid;gap:1.6rem}
@media(min-width:980px){.js-flow{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2.6rem;align-items:start}}
.js-steps{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.js-step{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:3.6rem 1fr;gap:.2rem 1rem;padding:1rem .2rem;border-bottom:1px solid var(--line);color:var(--muted);transition:color .2s}
.js-step:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.js-step b{font-family:var(--display);font-weight:500;font-size:1.15rem;letter-spacing:-.03em;color:inherit;transition:color .4s ease}
.js-day{grid-row:span 2;transition:color .4s ease;font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;padding-top:.35rem}
.js-desc{grid-column:2;display:block;max-height:0;opacity:0;overflow:hidden;font-size:.92rem;line-height:1.5;color:var(--ink-2);transition:max-height .5s ease,opacity .4s ease,margin .5s ease}
.js-step.is-on{color:var(--ink)}
.js-step.is-on .js-desc{max-height:7em;opacity:1;margin-top:.3rem}
.js-step.is-on .js-day{color:var(--accent)}
.js-step:hover{color:var(--ink)}
.js-feats{display:grid;gap:3.4rem}
.js-feat{display:grid;gap:1.4rem;align-items:center;border-top:1px solid var(--line);padding-top:1.6rem}
@media(min-width:900px){.js-feat{grid-template-columns:1fr 1.05fr;gap:3rem}.js-feat.is-flip .js-feat-txt{order:2}}
.js-feat h3{font-size:clamp(1.5rem,2.5vw,2rem);letter-spacing:-.045em;font-weight:500;line-height:1.05;margin:.4rem 0 .8rem}
.js-feat-txt>p{margin:0;color:var(--ink-2);font-size:1rem;line-height:1.55;max-width:44ch}
.js-feat ul{list-style:none;margin:1rem 0 0;padding:0;font-size:.92rem;color:var(--ink-2)}
.js-feat li{padding:.45rem 0 .45rem 1.1rem;border-bottom:1px solid var(--line);position:relative}
.js-feat li::before{content:"";position:absolute;left:0;top:.95rem;width:.45rem;height:1px;background:var(--ink)}
.js-trust{background:var(--dark);color:#fff;padding:4.6rem 0 4.8rem;margin:2rem 0 0}
.js-trust h2{color:#fff}
.js-trust .lead{color:#b9bec2}
.js-trust-grid{display:grid;gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);margin-top:2.2rem}
@media(min-width:760px){.js-trust-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.js-trust-grid{grid-template-columns:repeat(3,1fr)}}
.js-trust-grid>div{background:var(--dark);padding:1.5rem 1.4rem 1.6rem}
.js-trust-grid h3{font-family:var(--display);font-weight:500;font-size:1.25rem;letter-spacing:-.035em;margin:0 0 .55rem;color:#fff}
.js-trust-grid p{margin:0;color:#b9bec2;font-size:.95rem;line-height:1.5}
.js-start{margin-top:2rem}
.js-tag{display:inline-block;font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.7rem}

/* Javni sektor: animiran primer (31. 10. 2026) */
.js-step{position:relative}
.js-prog{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;overflow:hidden}
.js-prog i{display:block;height:100%;width:0;background:var(--ink)}
.js-step.is-run .js-prog i{animation:jsProg 10s linear forwards}
@keyframes jsProg{to{width:100%}}
.jd{background:#0c0e13;border:1px solid #262a33;border-radius:10px;overflow:hidden;color:#e6e8ea}
.jd-bar{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.7rem 1rem;border-bottom:1px solid #262a33;font-size:.78rem;color:#9ea4a9}
.jd-bar b{color:#fff;font-weight:600}
.jd-stage{position:relative;height:350px}
@media(max-width:600px){.jd-stage{height:400px}}
.jd-scene{position:absolute;inset:0;padding:1.1rem 1.1rem 1.2rem;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .6s ease,transform .6s ease,visibility 0s linear .6s}
.jd-scene.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .6s ease .15s,transform .6s ease .15s,visibility 0s}
.jd .a{opacity:0;transform:translateY(6px);transition:opacity .45s ease,transform .45s ease}
.jd .a.in{opacity:1;transform:none}
.jd-mail{border:1px solid #343944;border-radius:6px;padding:.85rem .95rem;background:#12151c}
.jd-mail-h{display:flex;justify-content:space-between;gap:1rem;font-size:.72rem;color:#8a9096;margin-bottom:.55rem}
.jd-mail b{display:block;color:#fff;font-weight:600;font-size:.95rem}
.jd-mail p{margin:.5rem 0 0;font-size:.95rem;line-height:1.55;color:#d6d9dc;min-height:3.1em}
.is-typing::after{content:"";display:inline-block;width:2px;height:1em;background:#fff;margin-left:2px;vertical-align:-2px;animation:hsBlink 1s steps(1) infinite}
@keyframes hsBlink{50%{opacity:0}}
.jd-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}
.jd-pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:#e6e8ea;border:1px solid #343944;background:#151821;border-radius:999px;padding:.35rem .75rem}
.jd-warn{border-color:#ffd60a;color:#ffd60a}
.jd-q{display:flex;align-items:center;gap:.6rem;border:1px solid #343944;border-radius:6px;padding:.7rem .85rem;font-size:.98rem;color:#fff;min-height:3rem;margin-bottom:.8rem}
.jd-q::before{content:"";width:14px;height:14px;flex:0 0 14px;border:2px solid #6f7581;border-radius:50%;box-shadow:4px 4px 0 -2px #6f7581}
.jd-file{display:grid;grid-template-columns:auto 1fr;gap:.1rem .6rem;align-items:center;padding:.6rem .2rem;border-bottom:1px solid #20242c}
.jd-file svg{grid-row:span 2;color:#9ea4a9}
.jd-file b{font-weight:600;font-size:.9rem;color:#fff}
.jd-file span{font-size:.75rem;color:#8a9096}
.jd-note{margin-top:.9rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#4cc38a}
.jd-paper{background:#f4f2ec;color:#2a2a2a;border-radius:5px;padding:.9rem 1rem 1rem;font-family:Georgia,"Times New Roman",serif;font-size:.92rem;line-height:1.6}
.jd-paper p{margin:.25rem 0}
.jd-paper-h{font-family:var(--sans);font-size:.72rem;color:#6f7377;margin-bottom:.5rem;display:flex;justify-content:space-between;gap:1rem}
.jd-dim{color:#8a8a8a}
.jd .jd-red{opacity:1;transform:none;background:linear-gradient(#111,#111) no-repeat left center/0% 100%;border-radius:2px;padding:0 .15rem;transition:background-size .5s ease,color .5s ease,box-shadow .5s}
.jd .jd-red.in{background-size:100% 100%;color:transparent;box-shadow:0 0 0 1px rgba(200,52,28,.8)}
.jd-checks{display:flex;flex-direction:column;gap:.15rem}
.jd-check{display:flex;align-items:center;gap:.7rem;padding:.6rem .2rem;border-bottom:1px solid #20242c;font-size:.92rem;color:#e6e8ea}
.jd-check i{width:18px;height:18px;flex:0 0 18px;border-radius:50%;border:1.5px solid #4cc38a;position:relative}
.jd-check.in i{background:#4cc38a}
.jd-check.in i::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #0c0e13;border-width:0 2px 2px 0;transform:rotate(45deg)}
.jd-stamp{position:absolute;right:1.4rem;bottom:3.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:132px;height:132px;border:3px solid #e0533a;border-radius:50%;color:#e0533a;font-family:var(--mono);letter-spacing:.12em}
.jd-stamp b{font-size:.8rem;font-weight:600}
.jd-stamp span{font-size:.62rem;margin-top:.25rem}
.jd .jd-stamp.a{transform:rotate(-12deg) scale(1.7);opacity:0;transition:transform .35s cubic-bezier(.2,.9,.3,1.3),opacity .2s}
.jd .jd-stamp.a.in{transform:rotate(-12deg) scale(1);opacity:.92}
@media(max-width:979px){.js-flow .jd{order:-1}.jd-stamp{width:104px;height:104px;right:1rem;bottom:3rem}}
@media(min-width:980px){.js-flow .jd{position:sticky;top:6rem}}

/* Diagnostika (31. 10. 2026) */
.dg-hero .inner{padding:4rem 0 3.4rem}
.page-hero.dg-hero{background:radial-gradient(55% 80% at 85% 35%,rgba(76,195,138,.10),transparent 70%),radial-gradient(45% 70% at 20% 90%,rgba(70,110,160,.12),transparent 70%),#05070d}
.dg-hero::before{display:none}
.dg-hero h1{font-size:clamp(2.1rem,4.9vw,3.9rem);max-width:none}
.dg-hero h1 span{color:#9aa1a8}
@media(min-width:860px){.keep-4{grid-template-columns:repeat(4,1fr)}}

/* Diagnostika: živ zaslon */
.dx{position:relative;background:#0c0e13;border:1px solid #262a33;border-radius:10px;overflow:hidden;color:#e6e8ea;font-size:.85rem}
.dx-bar{display:flex;gap:1rem;align-items:center;padding:.7rem 1rem;border-bottom:1px solid #262a33;font-size:.78rem;color:#9ea4a9}
.dx-bar b{color:#fff;font-weight:600}
.dx-live{margin-left:auto;display:inline-flex;align-items:center;gap:.45rem}
.dx-live i{width:7px;height:7px;border-radius:50%;background:#4cc38a;animation:ihBlink 2s infinite}
.dx-live em{font-style:normal;font-family:var(--mono);color:#c4c9cd}
@keyframes ihBlink{50%{opacity:.3}}
.dx-grid{display:grid;gap:1px;background:#20242c}
@media(min-width:900px){.dx-grid{grid-template-columns:.85fr 1.6fr 1.05fr}}
.dx-col{background:#0c0e13;padding:1rem}
.dx-h{display:flex;justify-content:space-between;gap:.6rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#8a9096;margin-bottom:.7rem}
.dx-h span{color:#fff;font-size:.72rem;letter-spacing:.04em}
.dx-dev{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center;padding:.5rem .35rem;border-bottom:1px solid #1a1e25;border-radius:4px;transition:background .4s}
.dx-dev i{width:8px;height:8px;border-radius:50%;background:#4cc38a;transition:background .4s}
.dx-dev i.bad{background:#e0533a;animation:ihBlink 1s infinite}
.dx-dev i.off{background:#5f656a}
.dx-dev b{font-family:var(--mono);font-weight:400;font-size:.75rem;color:#c4c9cd}
.dx-dev.is-bad{background:rgba(224,83,58,.12)}.dx-dev.is-bad b{color:#ff8a73}
.dx-dev.is-off b{color:#7d8287}
.dx-card{border:1px solid #20242c;border-radius:6px;padding:.8rem .9rem .5rem;background:#10131a}
.dx-chart{display:block;width:100%;height:150px}
.dx-line{fill:none;stroke:#4cc38a;stroke-width:1.6;vector-effect:non-scaling-stroke}
.dx-area{fill:rgba(76,195,138,.12)}
.dx-limit{stroke:#e0533a;stroke-dasharray:4 4;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.7}
.dx-limit-t{fill:#e0533a;font-size:8px;font-family:var(--mono);opacity:.8}
.dx-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.7rem}
.dx-tile{border:1px solid #20242c;border-radius:6px;padding:.6rem .7rem;background:#10131a}
.dx-tile span{display:block;font-family:var(--mono);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:#8a9096}
.dx-tile b{display:block;margin-top:.25rem;font-family:var(--display);font-size:1.3rem;font-weight:500;letter-spacing:-.03em;color:#fff}
.dx-feed{display:flex;flex-direction:column;gap:.35rem;min-height:9.5rem}
.dx-al{display:flex;gap:.6rem;padding:.45rem .55rem;border:1px solid #20242c;border-radius:5px;background:#10131a;font-size:.8rem}
.dx-al b{font-family:var(--mono);font-weight:400;font-size:.72rem;color:#8a9096}
.dx-al.is-new{border-color:#e0533a;animation:dxIn .5s ease}
@keyframes dxIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.dx-cause{margin-top:.9rem;border-top:1px solid #20242c;padding-top:.8rem}
.dx-cause p{margin:0;font-size:.82rem;line-height:1.5;color:#d6d9dc}
.dx-cause mark{background:rgba(255,214,10,.16);color:#fff;box-shadow:inset 0 -2px 0 #ffd60a}
.dx-toast{position:absolute;left:50%;bottom:1rem;transform:translate(-50%,20px);opacity:0;background:#fff;color:#0a0a0a;font-size:.8rem;padding:.55rem .9rem;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:opacity .4s,transform .4s;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.dx-toast.in{opacity:1;transform:translate(-50%,0)}
.dx-caps{margin-top:1.8rem}
@media(max-width:899px){.dx-devs .dx-dev:nth-child(n+6){display:none}}

/* Analitika: vprašanje → viri → poročilo */
.an{background:#0c0e13;border:1px solid #262a33;border-radius:10px;overflow:hidden;color:#e6e8ea}
.an-bar{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid #262a33;font-size:.78rem;color:#9ea4a9}.an-bar b{color:#fff;font-weight:600}
.an-chips{display:flex;gap:.5rem;padding:.9rem 1rem 0;overflow-x:auto;scrollbar-width:none}.an-chips::-webkit-scrollbar{display:none}
.an-chip{flex:0 0 auto;font:inherit;font-size:.85rem;color:#c4c9cd;background:transparent;border:1px solid #343944;border-radius:999px;padding:.45rem .9rem;cursor:pointer;white-space:nowrap;transition:background .3s,color .3s,border-color .3s}
.an-chip:hover{border-color:#8b8e8f;color:#fff}.an-chip.is-on{background:#fff;color:#0a0a0a;border-color:#fff}
.an-chip:focus-visible{outline:2px solid #fff;outline-offset:2px}
.an-body{padding:1rem 1.1rem 1.3rem}
.an-q{display:flex;align-items:center;gap:.6rem;border:1px solid #343944;border-radius:6px;padding:.7rem .85rem;font-size:1rem;color:#fff;min-height:3rem}
.an-q::before{content:"";width:14px;height:14px;flex:0 0 14px;border:2px solid #6f7581;border-radius:50%;box-shadow:4px 4px 0 -2px #6f7581}
.an-cols{display:grid;gap:1.2rem;margin-top:1rem;min-height:330px}
@media(min-width:900px){.an-cols{grid-template-columns:1fr 1.1fr;gap:1.6rem}}
@media(max-width:899px){.an-cols{min-height:560px}}
.an-status{display:flex;align-items:center;gap:.55rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#9ea4a9;opacity:0;transition:opacity .4s}
.an-status.in{opacity:1}
.an-status i{width:12px;height:12px;border:2px solid #343944;border-top-color:#4cc38a;border-radius:50%;animation:anSpin .8s linear infinite}
.an-status.done i{animation:none;border-color:#4cc38a;background:#4cc38a}
.an-status.done span{color:#4cc38a}
@keyframes anSpin{to{transform:rotate(360deg)}}
.an-srcs{margin-top:.6rem}
.an-src{display:grid;grid-template-columns:auto 1fr auto;gap:.05rem .6rem;align-items:center;padding:.45rem .2rem;border-bottom:1px solid #1d2128;opacity:0;transform:translateX(-6px);transition:opacity .4s,transform .4s}
.an-src.in{opacity:1;transform:none}
.an-src svg{grid-row:span 2;color:#9ea4a9}
.an-src b{font-weight:600;font-size:.85rem;color:#fff}
.an-src span{grid-column:2;font-size:.72rem;color:#8a9096}
.an-src .ok{grid-row:1/span 2;grid-column:3;width:14px;height:14px;border-radius:50%;background:#4cc38a;position:relative}
.an-src .ok::after{content:"";position:absolute;left:4.5px;top:2px;width:3.5px;height:7px;border:solid #0c0e13;border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.an-doc{margin-top:.9rem;background:#f4f2ec;color:#2a2a2a;border-radius:5px;padding:.75rem .9rem;font-family:Georgia,"Times New Roman",serif;font-size:.86rem;line-height:1.6;opacity:0;transform:translateY(6px);transition:opacity .45s,transform .45s}
.an-doc.in{opacity:1;transform:none}
.an-doc-h{font-family:var(--sans);font-size:.7rem;color:#6f7377;margin-bottom:.35rem;display:flex;justify-content:space-between;gap:1rem}
.an-doc mark{background:#ffe866;color:#111;padding:0 .1em}
.an-doc .dim{color:#8a8a8a;font-size:.78rem}
.an-h{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#8a9096;margin-bottom:.8rem;opacity:0;transition:opacity .4s}
.an-h.in{opacity:1}
.an-chart{display:flex;flex-direction:column;gap:.55rem}
.an-r{display:grid;grid-template-columns:5.5rem 1fr 3.6rem;gap:.8rem;align-items:center;font-size:.85rem;opacity:0;transition:opacity .35s}
.an-r.in{opacity:1}
.an-r .tr{position:relative;height:16px;border-left:1px solid #343944}
.an-r .tr i{position:absolute;left:0;top:0;bottom:0;width:0;background:#4cc38a;border-radius:0 3px 3px 0;transition:width .9s cubic-bezier(.2,.8,.2,1)}
.an-r.neg .tr i{background:#e0533a}
.an-r b{font-family:var(--mono);font-weight:400;font-size:.78rem;text-align:right;color:#c4c9cd}
.an-r.neg b{color:#ff8a73}
.an-ans{margin:1.1rem 0 0;font-size:1rem;line-height:1.55;color:#e6e8ea;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s}
.an-ans.in{opacity:1;transform:none}
.an-ans mark{background:rgba(255,214,10,.16);color:#fff;box-shadow:inset 0 -2px 0 #ffd60a}

/* Integracije: tok */
.fl{background:#0c0e13;border:1px solid #262a33;border-radius:10px;overflow:hidden;color:#e6e8ea}
.fl-bar{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid #262a33;font-size:.78rem;color:#9ea4a9}.fl-bar b{color:#fff;font-weight:600}
.fl-chips{display:flex;gap:.5rem;padding:.9rem 1rem 0;overflow-x:auto;scrollbar-width:none}.fl-chips::-webkit-scrollbar{display:none}
.fl-body{padding:1.4rem 1.1rem 1.2rem}
.fl-nodes{display:flex;flex-direction:column;gap:0;min-height:120px}
@media(min-width:900px){.fl-nodes{flex-direction:row;align-items:stretch;min-height:150px}}
.fl-node{position:relative;flex:1 1 0;border:1px solid #2a2f38;border-radius:8px;padding:.85rem .9rem;background:#10131a;opacity:.45;transition:opacity .5s,border-color .5s,box-shadow .5s,background .5s}
.fl-node b{display:block;font-size:.95rem;font-weight:600;color:#fff;margin:.1rem 0 .35rem 1.3rem}
.fl-node p{margin:0;font-size:.78rem;line-height:1.45;color:#9ea4a9}
.fl-dot{position:absolute;left:.9rem;top:1.12rem;width:10px;height:10px;border-radius:50%;border:1.5px solid #5f656a;transition:background .4s,border-color .4s}
.fl-node.on{opacity:1;border-color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.06);background:#141821}
.fl-node.on .fl-dot{border-color:#ffd60a;background:#ffd60a;animation:ihBlink .8s infinite}
.fl-node.done{opacity:1;border-color:#2f6b4d}
.fl-node.done .fl-dot{border-color:#4cc38a;background:#4cc38a}
.fl-link{position:relative;flex:0 0 2.2rem;align-self:center;height:22px;width:2px;margin:0 auto}
@media(min-width:900px){.fl-link{height:2px;width:auto}}
.fl-link i{position:absolute;inset:0;background:#2a2f38}
.fl-link b{position:absolute;left:0;top:0;width:100%;height:0;background:#4cc38a;transition:height .8s ease,width .8s ease}
@media(min-width:900px){.fl-link b{height:100%;width:0}}
.fl-link.go b{height:100%}
@media(min-width:900px){.fl-link.go b{width:100%}}
.fl-log{margin-top:1.2rem;border-top:1px solid #20242c;padding-top:.8rem;font-family:var(--mono);font-size:.68rem;line-height:1.9;color:#9ea4a9;min-height:9.5rem}
.fl-l{opacity:0;transform:translateY(4px);transition:opacity .4s,transform .4s}
.fl-l.in{opacity:1;transform:none}
.fl-l span{color:#5f656a;margin-right:.7rem}
.fl-end{margin-top:.4rem;color:#4cc38a}
@keyframes ihBlink{50%{opacity:.35}}

/* Programi: prej in potem */
.pp{position:relative;border:1px solid #dcdedb;border-radius:10px;overflow:hidden;height:440px;background:#fff;user-select:none;box-shadow:0 24px 60px -36px rgba(0,0,0,.35)}
@media(max-width:700px){.pp{height:420px}}
.pp-layer{position:absolute;inset:0;overflow:hidden}
.pp-after{clip-path:inset(0 0 0 var(--x));background:#0c0e13}
.pp.is-auto .pp-after{transition:clip-path 1.4s cubic-bezier(.6,0,.3,1)}
.pp.is-auto .pp-handle{transition:left 1.4s cubic-bezier(.6,0,.3,1)}
.pp-handle{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.15);z-index:3;pointer-events:none}
.pp-handle span{position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#fff;border:1px solid #c8cacc;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.pp-handle span::before,.pp-handle span::after{content:"";position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;border:solid #0a0a0a;border-width:0 0 1.6px 1.6px}
.pp-handle span::before{left:9px;transform:rotate(45deg)}.pp-handle span::after{right:9px;transform:rotate(-135deg)}
.pp-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:4;margin:0}
.pp-tag{position:absolute;top:.7rem;z-index:2;font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .55rem;border-radius:3px}
.pp-tag-l{left:.7rem;background:#0a0a0a;color:#fff}.pp-tag-r{right:.7rem;background:#fff;color:#0a0a0a}
.pp-xl{height:100%;background:#fff;font-family:Calibri,Arial,sans-serif;font-size:.8rem;color:#222}
.pp-xl-bar{display:flex;justify-content:space-between;padding:2.6rem .9rem .5rem;border-bottom:1px solid #d9d9d9;background:#f3f3f3;font-family:var(--sans);font-size:.75rem;color:#555}
.pp-xl-bar b{color:#1d6f42}
.pp-xl table{border-collapse:collapse;width:52%;min-width:460px;table-layout:fixed}
@media(max-width:700px){.pp-xl table{width:100%;min-width:0}}
.pp-xl td{border:1px solid #e1e1e1;padding:.45rem .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-xl tr.h td,.pp-xl td.n{background:#f3f3f3;color:#777;text-align:center;font-size:.7rem}
.pp-xl td.y{background:#fff59d}.pp-xl td.err{color:#c00;font-weight:600}.pp-xl td.r{text-align:right;color:#777}
.pp-app{height:100%;color:#e6e8ea;font-size:.82rem;display:grid;grid-template-columns:10rem 1fr 17rem}
.pa-side{border-right:1px solid #1d2128;padding:2.6rem .7rem 1rem;display:flex;flex-direction:column;gap:.15rem;background:#0a0c10}
.pa-logo{font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:#8a9096;margin:0 .4rem .7rem}
.pa-side a{display:flex;justify-content:space-between;padding:.4rem .5rem;border-radius:5px;color:#9ea4a9;font-size:.8rem}
.pa-side a.on{background:#1a1e26;color:#fff}
.pa-side em{font-style:normal;font-family:var(--mono);font-size:.65rem;color:#8a9096}
.pa-main{padding:2.6rem 1rem 1rem;min-width:0}
.pa-tools{display:flex;gap:.7rem;align-items:center;margin-bottom:.4rem;flex-wrap:wrap}
.pa-search{flex:1 1 12rem;border:1px solid #2a2f38;border-radius:5px;padding:.35rem .6rem;color:#6f7581;font-size:.75rem}
.pa-tabs{display:flex;gap:.25rem}.pa-tabs i{font-style:normal;font-size:.72rem;padding:.25rem .55rem;border-radius:999px;color:#9ea4a9}.pa-tabs i.on{background:#fff;color:#0a0a0a}
.pp-row.sel{background:#141821;box-shadow:inset 2px 0 0 #fff}
.s-no{background:rgba(224,83,58,.14);color:#ff8a73}
.pa-primary{background:#fff;color:#0a0a0a;border-color:#fff}
.pa-det{border-left:1px solid #1d2128;padding:2.6rem .9rem 1rem;background:#0e1116}
.pa-h{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:#8a9096;margin-bottom:.5rem}
.pa-it{display:flex;justify-content:space-between;gap:.6rem;padding:.3rem 0;border-bottom:1px solid #1a1e25;font-size:.76rem;color:#c4c9cd}
.pa-it b{font-weight:400;font-variant-numeric:tabular-nums}
.pa-sum{color:#fff}.pa-sum b{font-weight:600}
.pa-tl{position:relative;padding:.22rem 0 .22rem 1rem;font-size:.74rem;color:#9ea4a9}
.pa-tl i{position:absolute;left:0;top:.55rem;width:6px;height:6px;border-radius:50%;background:#4cc38a}
.pa-next{color:#ffd60a}.pa-next i{background:#ffd60a}
.pa-det .pp-foot{margin-top:.8rem}
@media(max-width:1000px){.pp-app{grid-template-columns:1fr 15rem}.pa-side{display:none}}
@media(max-width:700px){.pp-app{grid-template-columns:1fr}.pa-det{display:none}}
.pp-app-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}.pp-app-bar b{font-size:1.05rem;color:#fff}
.pp-btn{display:inline-block;font-size:.75rem;border:1px solid #343944;border-radius:5px;padding:.3rem .6rem;color:#e6e8ea;background:#151821}
.pp-row{display:grid;grid-template-columns:4.6rem 1.2fr .9fr 1.5fr;gap:.6rem;padding:.5rem .3rem;border-bottom:1px solid #1d2128;align-items:center}
.pp-row.h{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:#8a9096}
.pp-row span:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}
.pp-row i{font-style:normal;font-size:.75rem;padding:.15rem .5rem;border-radius:999px}
.s-wait{background:rgba(255,214,10,.14);color:#ffd60a}.s-ok{background:rgba(76,195,138,.15);color:#4cc38a}.s-draft{background:#1d2128;color:#9ea4a9}
.pp-tot{display:flex;justify-content:space-between;padding:.75rem .2rem;font-size:.85rem}.pp-tot b{color:#fff}
.pp-foot{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.pp-note{font-size:.72rem;color:#8a9096;margin-left:auto}
@media(max-width:700px){.pp-row{grid-template-columns:4.6rem 1fr 1fr;}.pp-row span:nth-child(4){grid-column:1/-1}.pp-xl{font-size:.7rem}}
.pp-cap{margin:.7rem 0 0;font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* ============ prosojnice s programom v ozadju: besedilo samo levo (2. 11. 2026) ============ */
@media (min-width:1000px){
  .hero-body.text-left{grid-template-columns:minmax(0,34rem) minmax(0,1fr);grid-template-areas:"copy ." "side .";
    align-content:center;column-gap:3rem;row-gap:1.4rem}
  .hero-body.text-left>.hero-copy{grid-area:copy;align-self:end}
  .hero-body.text-left>div:not(.hero-copy){grid-area:side;align-self:start}
  .hero-body.text-left .hero-side{justify-self:start;max-width:36ch}
  .hero-body.text-left .hero-side--wide{display:none}
  .hero-body.text-left h1,.hero-body.text-left .hero-h1{font-size:clamp(2.1rem,3.9vw,3.5rem)}
  .hero-layer:has(.text-left) .hero-foot{justify-content:flex-start}
  /* desna stran, kjer je program, je manj zatemnjena */
  .hero:has(.hero-layer.is-active .text-left)::after{
    background:linear-gradient(90deg,rgba(4,6,11,.94) 0%,rgba(4,6,11,.72) 30%,rgba(4,6,11,.12) 52%,rgba(4,6,11,.06) 100%),
               linear-gradient(180deg,rgba(4,6,11,.45),rgba(4,6,11,0) 20%,rgba(4,6,11,0) 70%,rgba(4,6,11,.7))}
}

/* telefon: pokončni hero videi, kjer obstajajo */
@media (max-width:760px){.hero-media-item .hero-video[data-src-mobile]{display:block}}