/* vietnamese */
/* V154 · variabilne pisave, izrezane na znake, ki so na strani dejansko v uporabi.
   Prej: 13 datotek, 291 kB prenosa — ista variabilna pisava trikrat pod drugim imenom.
   Zdaj: 4 datoteke, 58 kB. Razpon debelin je enak kot prej, da se videz ne spremeni. */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url(fonts/archivo-latin.woff2) format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url(fonts/archivo-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, 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: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url(fonts/instrument-latin.woff2) format('woff2');
  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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url(fonts/instrument-latinext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


:root{
  --bg:#07070A; --ink:#0B0C11; --fg:#F5F6F8; --fg-2:#A7ADBA; --mut:#8B92A3;
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.18);
  --neon:#FF1F3D; --neon-2:#FF5468; --btn:#D9042B; --pfg:#fff; --pfg-2:rgba(255,255,255,.84);
  --acc:#FF5468; --pline:rgba(255,31,61,.4); --pbg:#000; --dim:rgba(255,31,61,.12);
  --glow:0 0 26px rgba(255,31,61,.42);
  --ok:#25c26e;
  --grain-o:.10; --grain-a:.40;
  --display:"Archivo",-apple-system,Helvetica,Arial,sans-serif;
  --body:"Instrument Sans",-apple-system,Helvetica,Arial,sans-serif;
  --gut:clamp(20px,4vw,72px); --max:1560px; --e:cubic-bezier(.2,.8,.2,1);
}
@media (prefers-color-scheme: light){:root:not([data-theme]){
  --bg:#FBFBFC; --ink:#FFF; --fg:#08090C; --fg-2:#4A505C; --mut:#5E6572;
  --line:rgba(0,0,0,.1); --line-2:rgba(0,0,0,.2); --neon:#DD0018; --neon-2:#FF3247; --btn:#C10016; --pfg:#0B0C11; --pfg-2:rgba(11,12,17,.8); --acc:#C10016;
  --pline:rgba(193,0,22,.35); --pbg:#FFF;
  --dim:rgba(221,0,24,.08); --glow:0 0 20px rgba(221,0,24,.2); --ok:#1B7F45; --grain-o:.14; --grain-a:.55}}
:root[data-theme="light"]{
  --bg:#FBFBFC; --ink:#FFF; --fg:#08090C; --fg-2:#4A505C; --mut:#5E6572;
  --line:rgba(0,0,0,.1); --line-2:rgba(0,0,0,.2); --neon:#DD0018; --neon-2:#FF3247; --btn:#C10016; --pfg:#0B0C11; --pfg-2:rgba(11,12,17,.8); --acc:#C10016;
  --pline:rgba(193,0,22,.35); --pbg:#FFF;
  --dim:rgba(221,0,24,.08); --glow:0 0 20px rgba(221,0,24,.2); --ok:#1B7F45; --grain-o:.14; --grain-a:.55}
:root[data-theme="dark"]{
  --bg:#07070A; --ink:#0B0C11; --fg:#F5F6F8; --fg-2:#A7ADBA; --mut:#8B92A3;
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.18); --neon:#FF1F3D; --neon-2:#FF5468; --btn:#D9042B; --pfg:#fff; --pfg-2:rgba(255,255,255,.84);
  --acc:#FF5468; --pline:rgba(255,31,61,.4); --pbg:#000;
  --dim:rgba(255,31,61,.12); --glow:0 0 26px rgba(255,31,61,.42)}

*,*::before,*::after{box-sizing:border-box}
body{margin:0;color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.55;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
  background:linear-gradient(180deg,var(--bg) 0%,#0A0A12 38%,#09090E 68%,var(--bg) 100%)}
@media (prefers-color-scheme: light){:root:not([data-theme]) body{background:linear-gradient(180deg,#FCFCFD,#F3F4F7 45%,#FBFBFC)}}:root[data-theme="dark"] body{background:linear-gradient(180deg,var(--bg) 0%,#0A0A12 38%,#09090E 68%,var(--bg) 100%)}
:root[data-theme="light"] body{background:linear-gradient(180deg,#FCFCFD,#F3F4F7 45%,#FBFBFC)}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}
button{background:transparent;background-color:transparent;border:0;padding:0;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none;text-align:inherit}
canvas,svg,img{display:block;max-width:100%}
::selection{background:var(--neon);color:#fff}
:focus-visible{outline:2px solid var(--neon);outline-offset:4px;border-radius:2px}

/* ---------- 12-kolonski grid, asimetrična postavitev ---------- */
.g{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut);
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(14px,1.6vw,28px)}
.c{grid-column:1/-1}
@media(min-width:900px){
  .c1{grid-column:1/8}.c2{grid-column:5/13}.c3{grid-column:2/10}.c4{grid-column:7/13}
  .c5{grid-column:1/6}.c6{grid-column:3/12}.c7{grid-column:6/13}.c8{grid-column:1/9}
}
.flow{position:relative;z-index:1}
.blk{padding-block:clamp(70px,8vw,140px)}
.blk--tight{padding-block:clamp(40px,5vw,80px)}
.pull{margin-top:clamp(-90px,-6vw,-40px)}

/* ---------- tipografija ---------- */
.d0{font-family:var(--display);font-weight:700;letter-spacing:-.05em;line-height:.9;
  font-size:clamp(2.3rem,6.1vw,5.6rem);text-wrap:balance}
.d1{font-family:var(--display);font-weight:700;letter-spacing:-.045em;line-height:.95;
  font-size:clamp(2.4rem,5.6vw,4.8rem);text-wrap:balance}
.d2{font-family:var(--display);font-weight:700;letter-spacing:-.038em;line-height:1;
  font-size:clamp(1.8rem,3.4vw,3rem);text-wrap:balance}
.d3{font-family:var(--display);font-weight:600;letter-spacing:-.03em;line-height:1.08;
  font-size:clamp(1.2rem,1.9vw,1.7rem)}
.d4{font-family:var(--display);font-weight:600;letter-spacing:-.02em;font-size:1.02rem}
.lead{font-size:clamp(1.05rem,1.25vw,1.28rem);line-height:1.5;color:var(--fg-2);max-width:56ch}
.p{color:var(--fg-2);max-width:62ch}.sm{font-size:.9rem;color:var(--fg-2)}
.xs{font-size:.8rem;color:var(--mut)}
.kick{font-size:.68rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--mut)}
.num{font-variant-numeric:tabular-nums}.accent{color:var(--neon)}

/* ---------- ozadje: polje + mase + zrno ---------- */
.bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#field{position:absolute;inset:0;width:100%;height:100%;opacity:.72;
  -webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.4) 55%,rgba(0,0,0,.18));
  mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.4) 55%,rgba(0,0,0,.18))}
.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55}
.orb--a{width:62vw;height:62vw;max-width:860px;max-height:860px;top:-20vh;right:-14vw;
  background:radial-gradient(circle,rgba(255,31,61,.34),transparent 62%);
  transform:translate3d(0,calc(var(--sy,0)*-160px),0)}
.orb--b{width:54vw;height:54vw;max-width:720px;max-height:720px;top:48vh;left:-18vw;
  background:radial-gradient(circle,rgba(255,31,61,.2),transparent 64%);
  transform:translate3d(0,calc(var(--sy,0)*220px),0)}
.orb--c{width:50vw;height:50vw;max-width:660px;max-height:660px;bottom:-20vh;right:4vw;
  background:radial-gradient(circle,rgba(130,20,45,.32),transparent 66%);
  transform:translate3d(0,calc(var(--sy,0)*-110px),0)}
@media (prefers-color-scheme: light){:root:not([data-theme]) .orb{opacity:.28;filter:blur(100px)}}
:root[data-theme="light"] .orb{opacity:.28;filter:blur(100px)}
.grain{position:absolute;inset:0;opacity:var(--grain-o);mix-blend-mode:overlay;
  background-image:radial-gradient(rgba(255,255,255,var(--grain-a)) .5px,transparent .5px);background-size:3px 3px}

/* ---------- rdeča nit ---------- */
.thread{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:visible}
.thread svg{width:100%;height:100%}
.thread path{fill:none;stroke:var(--neon);stroke-width:1.5;filter:drop-shadow(0 0 8px rgba(255,31,61,.55));
  stroke-dasharray:var(--len);stroke-dashoffset:calc(var(--len) - var(--len)*var(--sy,0))}

/* ---------- logotip in preklop teme ---------- */
.logo{display:inline-flex;align-items:center;height:30px}
/* V137: logotip v nogi je nekoliko večji od tistega v glavi */
.ft .logo{height:36px}
.logo img{height:100%;width:auto}
.logo .l-dark{display:block}.logo .l-light{display:none}
@media (prefers-color-scheme: light){:root:not([data-theme]) .logo .l-dark{display:none}:root:not([data-theme]) .logo .l-light{display:block}}:root[data-theme="dark"] .logo .l-dark{display:block}:root[data-theme="dark"] .logo .l-light{display:none}
:root[data-theme="light"] .logo .l-dark{display:none}
:root[data-theme="light"] .logo .l-light{display:block}
:root[data-theme="dark"] .logo .l-dark{display:block}
:root[data-theme="dark"] .logo .l-light{display:none}
.lang{height:34px;min-width:44px;padding-inline:12px;border:1px solid var(--line);border-radius:999px;
  background:transparent;color:var(--fg-2);font-size:.78rem;font-weight:600;letter-spacing:.06em;cursor:pointer;
  transition:all .22s var(--e);flex:none}
.lang:hover{border-color:var(--neon);color:var(--neon)}
.tgl{position:relative;width:58px;height:30px;border-radius:999px;border:1px solid var(--line);
  background:transparent;cursor:pointer;flex:none;transition:border-color .25s var(--e)}
.tgl:hover{border-color:var(--line-2)}
.tgl i{position:absolute;z-index:1;top:50%;left:3px;width:22px;height:22px;margin-top:-11px;border-radius:999px;
  background:var(--neon);box-shadow:var(--glow);transition:transform .35s var(--e)}
:root[data-theme="light"] .tgl i{transform:translateX(28px)}
@media (prefers-color-scheme: light){:root:not([data-theme]) .tgl i{transform:translateX(28px)}}:root[data-theme="dark"] .tgl i{transform:none}
.tgl svg{position:absolute;top:50%;translate:0 -50%;width:12px;height:12px;color:#fff;opacity:0;transition:opacity .25s ease;pointer-events:none;z-index:2}.tgl .s-sun{left:8px;right:auto}.tgl .s-moon{left:8px;right:auto}:root[data-theme="dark"] .tgl .s-moon{opacity:1}:root[data-theme="light"] .tgl .s-sun{opacity:1;left:36px}@media (prefers-color-scheme: light){:root:not([data-theme]) .tgl .s-sun{opacity:1;left:36px}  :root:not([data-theme]) .tgl .s-moon{opacity:0}}


/* ---------- trgi ---------- */
.mkts{display:grid;gap:clamp(18px,2.4vw,34px)}
@media(min-width:760px){.mkts{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mkt{position:relative;padding-top:18px}
.mkt::before{content:"";position:absolute;top:0;left:0;width:34px;height:2px;background:var(--neon);
  box-shadow:var(--glow)}
.mkt b{display:block;font-family:var(--display);font-weight:700;letter-spacing:-.03em;
  font-size:clamp(1.15rem,1.7vw,1.45rem)}
.mkt span{display:block;margin-top:6px;font-size:.86rem;color:var(--fg-2);max-width:30ch}

/* ---------- tehnologije ---------- */
.stack{display:grid;gap:clamp(20px,2.4vw,32px)}
@media(min-width:820px){.stack{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stack h4{font-family:var(--display);font-weight:600;font-size:.95rem;margin-bottom:12px}
.stack ul{display:flex;flex-wrap:wrap;gap:7px}
.stack li{font-size:.78rem;color:var(--fg-2);padding:5px 12px;border-radius:999px;
  background:color-mix(in srgb,var(--ink) 65%,transparent);transition:color .2s var(--e),background .2s var(--e)}
.stack li:hover{color:var(--fg);background:var(--dim)}

/* ---------- FAQ ---------- */
.faq details{position:relative;padding:clamp(16px,1.8vw,22px) 0}
.faq details+details::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--line) 10%,var(--line) 65%,transparent)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  gap:20px;font-family:var(--display);font-weight:600;font-size:clamp(1rem,1.5vw,1.2rem);
  letter-spacing:-.02em;transition:color .25s var(--e)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--neon)}
.faq summary i{position:relative;width:14px;height:14px;flex:none}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;inset:50% 0 auto 0;height:1.5px;
  background:currentColor;transition:transform .3s var(--e)}
.faq summary i::after{transform:rotate(90deg)}
.faq details[open] summary i::after{transform:rotate(0)}
.faq details[open] summary{color:var(--neon)}
.faq p{margin-top:12px;color:var(--fg-2);max-width:70ch;font-size:.92rem}

.refband{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
.refband .ph{text-align:center;padding:16px 10px;font-size:.72rem}
.bandtags li{font-size:.86rem;padding:7px 14px}
.callout{padding:clamp(20px,2.4vw,30px);border-radius:16px;border:1px solid var(--line);
  background:color-mix(in srgb,var(--ink) 60%,transparent);backdrop-filter:blur(10px);position:relative;overflow:hidden}
.callout::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--neon);box-shadow:var(--glow)}
.callout h3{margin-bottom:10px}
.callout p{color:var(--fg-2);max-width:70ch}
/* ---------- V9: statement, poslovni učinek, problem→rešitev ---------- */
.stmt{margin-top:clamp(18px,2.2vw,26px);font-family:var(--display);font-weight:500;letter-spacing:-.02em;
  line-height:1.25;font-size:clamp(1.02rem,1.45vw,1.28rem);max-width:34ch;color:var(--fg-2)}
.stmt::before{content:"";display:block;width:34px;height:2px;background:var(--neon);
  margin:0 0 14px;border-radius:2px}
.benefit li{font-size:.98rem;color:var(--fg)}
.ps{display:grid;gap:2px}
.ps__row{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;padding:14px 12px;
  border-radius:12px;transition:background .25s var(--e)}
@media(max-width:640px){.ps__row{grid-template-columns:1fr;gap:6px;text-align:left}
  .ps__a{justify-self:start;transform:rotate(90deg)}}
.ps__row:hover{background:color-mix(in srgb,var(--ink) 70%,transparent)}
.ps__p{color:var(--fg-2);font-size:.92rem}
.ps__a{color:var(--neon)}
.ps__s{font-family:var(--display);font-weight:600;font-size:.98rem}
.ps__row:hover .ps__s{color:var(--neon)}

/* ---------- V9: dotik — vsebina ne sme biti skrita za hover ---------- */
@media (hover:none){
  .area__tags{max-height:none;opacity:1;margin-top:12px}
  .pj__go{opacity:1;transform:none}
  .cursorarea__dot{display:none}
}

/* ---------- drobtine, TOC, globoke strani ---------- */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.78rem;color:var(--mut)}
.crumbs a{transition:color .2s var(--e)}
.crumbs a:hover{color:var(--neon)}
.crumbs span{opacity:.5}
.phero{padding-top:clamp(104px,11vw,168px);padding-bottom:clamp(30px,3.4vw,52px)}
.psec{padding-block:clamp(42px,5vw,84px);position:relative;scroll-margin-top:100px}
.psec+.psec::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--line) 8%,var(--line) 62%,transparent)}
.psec h3,.psec>h2{font-family:var(--display);font-weight:700;letter-spacing:-.03em;
  font-size:clamp(1.4rem,2.4vw,2.1rem);margin-bottom:clamp(16px,1.8vw,24px)}
.psec h3 em,.psec>h2 em{font-style:normal;color:var(--neon);font-size:.62em;letter-spacing:.16em;
  display:block;margin-bottom:10px;font-weight:600;text-transform:uppercase}
.toc{position:sticky;top:96px;align-self:start;display:none}
@media(min-width:1100px){.toc{display:block}}
.toc a{display:block;padding:7px 0 7px 14px;font-size:.82rem;color:var(--mut);position:relative;
  transition:color .25s var(--e),padding .25s var(--e)}
.toc a::before{content:"";position:absolute;left:0;top:50%;translate:0 -50%;width:2px;height:0;
  background:var(--neon);transition:height .25s var(--e)}
.toc a:hover{color:var(--fg)}
.toc a[data-on="true"]{color:var(--fg);padding-left:20px}
.toc a[data-on="true"]::before{height:16px;box-shadow:var(--glow)}
.cols2{display:grid;gap:10px 28px}
@media(min-width:640px){.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cols2 li,.bul li{position:relative;padding-left:22px;color:var(--fg-2);font-size:.94rem;line-height:1.6;padding-block:9px;--bulPad:9px}
/* črtica je poravnana na sredino prve vrstice besedila, ne na vrh */
.cols2 li::before,.bul li::before{content:"";position:absolute;left:0;
  top:calc(var(--bulPad,9px) + 0.8em);width:11px;height:1px;background:var(--neon)}
.mini3{display:grid;gap:clamp(18px,2.2vw,30px)}
@media(min-width:720px){.mini3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.mini3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mini3 h4{font-family:var(--display);font-weight:600;font-size:1rem;margin-bottom:7px}
.mini3 p{font-size:.88rem;color:var(--fg-2)}
.mini3 ul{margin-top:10px;display:grid;gap:5px}
.mini3 li{font-size:.82rem;color:var(--fg-2);padding-left:14px;position:relative}
.mini3 li::before{content:"";position:absolute;left:0;top:calc(var(--bulPad,0px) + 0.75em);width:7px;height:1px;background:var(--neon)}
.flowline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.flowline span{font-size:.86rem;padding:8px 14px;border-radius:10px;color:var(--fg-2);
  background:color-mix(in srgb,var(--ink) 62%,transparent);transition:all .25s var(--e)}
.flowline span:hover{color:var(--fg);background:var(--dim)}
.flowline i{color:var(--neon);font-style:normal;opacity:.7}
.kids{display:grid;gap:clamp(12px,1.4vw,18px)}
@media(min-width:700px){.kids{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.kids{grid-template-columns:repeat(3,minmax(0,1fr))}}
.kid{display:block;padding:clamp(16px,1.8vw,22px);border-radius:14px;position:relative;
  background:color-mix(in srgb,var(--ink) 55%,transparent);
  border:1px solid transparent;transition:all .3s var(--e)}
.kid:hover{border-color:var(--line-2);transform:translateY(-3px);
  background:color-mix(in srgb,var(--ink) 85%,transparent)}
.kid b{display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-family:var(--display);font-weight:600;font-size:1.02rem;letter-spacing:-.02em}
.kid b svg{opacity:.35;transition:all .3s var(--e)}
.kid:hover b svg{opacity:1;transform:translateX(4px);color:var(--neon)}
.kid span{display:block;margin-top:7px;font-size:.85rem;color:var(--fg-2)}
.ph{display:inline-block;font-size:.72rem;letter-spacing:.1em;color:var(--neon);
  border:1px dashed color-mix(in srgb,var(--neon) 45%,transparent);border-radius:6px;padding:4px 9px}
.rel{display:grid;gap:clamp(20px,2.4vw,34px)}
@media(min-width:820px){.rel{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rel a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;
  font-size:.92rem;color:var(--fg-2);position:relative;transition:color .2s var(--e),padding .25s var(--e)}
.rel a::before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,var(--line),transparent)}
.rel a:hover{color:var(--neon);padding-left:8px}

/* ---------- mega menu ---------- */
.mega{position:absolute;left:0;right:0;top:100%;display:none;
  background:color-mix(in srgb,var(--bg) 95%,transparent);backdrop-filter:blur(26px) saturate(150%);
  box-shadow:0 34px 60px -34px rgba(0,0,0,.85);animation:megaIn .22s var(--e)}
@keyframes megaIn{from{opacity:0;transform:translateY(-8px)}}
.mega[data-open="true"]{display:block}
.mega::after{content:"";position:absolute;bottom:0;left:var(--gut);right:var(--gut);height:1px;
  background:linear-gradient(90deg,transparent,var(--line) 20%,var(--line) 80%,transparent)}
.mega__in{display:grid;gap:clamp(20px,2.6vw,44px);padding-block:clamp(26px,3vw,44px)}
@media(min-width:900px){.mega__in{grid-template-columns:repeat(4,minmax(0,1fr))}}
.mega__col h5{font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--neon);
  margin-bottom:12px}
.mega__col a{display:block;padding:6px 0;font-size:.88rem;color:var(--fg-2);
  transition:color .2s var(--e),transform .2s var(--e)}
.mega__col a:hover{color:var(--fg);transform:translateX(4px)}

/* ---------- glava ---------- */
.hdr{position:fixed;inset-inline:0;top:0;z-index:60;transition:background .4s var(--e),backdrop-filter .4s}
.hdr[data-stuck="true"]{background:color-mix(in srgb,var(--bg) 58%,transparent);backdrop-filter:blur(20px) saturate(150%)}
.hdr[data-mega="open"]{background:color-mix(in srgb,var(--bg) 95%,transparent);
  backdrop-filter:blur(26px) saturate(150%);box-shadow:0 34px 60px -34px rgba(0,0,0,.85)}
.hdr__in{display:flex;align-items:center;gap:18px;height:70px;
  width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.brand{font-family:var(--display);font-weight:700;font-size:1.3rem;letter-spacing:-.05em;
  display:inline-flex;align-items:flex-end;gap:3px}
.brand i{width:5px;height:5px;border-radius:50%;background:var(--neon);box-shadow:var(--glow);
  margin-bottom:5px;animation:pulse 2.6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.nav{display:none;gap:2px;margin-left:10px}
@media(min-width:1080px){.nav{display:flex}}
.nav a{position:relative;font-size:.875rem;color:var(--fg-2);padding:8px 13px;white-space:nowrap;transition:color .18s var(--e)}
.nav a::after{content:"";position:absolute;left:13px;right:13px;bottom:3px;height:1px;background:var(--neon);
  transform:scaleX(0);transform-origin:right;transition:transform .35s var(--e)}
.nav a:hover{color:var(--fg)}.nav a:hover::after{transform:scaleX(1);transform-origin:left}
.nav a[aria-current="page"]{color:var(--fg)}.nav a[aria-current="page"]::after{transform:scaleX(1)}
.sp{flex:1}
@media(max-width:1560px){.nav a{padding:8px 10px;font-size:.83rem}}
@media(max-width:1400px){.nav a{padding:7px 8px;font-size:.79rem}.hdr__in{gap:10px}}
@media(max-width:1240px){.nav a{padding:8px 7px;font-size:.79rem}.hdr__in{gap:12px}}
@media(max-width:1140px){.kbd{display:none}}
.kbd{display:none;align-items:center;gap:8px;height:34px;padding:0 8px 0 12px;border:1px solid var(--line);
  border-radius:999px;background:transparent;color:var(--mut);font-size:.8rem;cursor:pointer;
  transition:border-color .2s var(--e),color .2s var(--e)}
.kbd:hover{border-color:var(--line-2);color:var(--fg)}
.kbd b{font-weight:500;font-size:.66rem;border:1px solid var(--line);border-radius:3px;padding:2px 5px}
@media(min-width:820px){.kbd{display:inline-flex}}
.burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;
  padding:0 9px;background:none;border:0;cursor:pointer}
@media(min-width:1080px){.burger{display:none}}
.burger span{height:1.5px;background:currentColor;transition:transform .3s var(--e),opacity .15s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mm{position:fixed;inset:70px 0 0;z-index:55;display:none;
  background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(24px);overflow-y:auto}
.mm[data-open="true"]{display:block}
.mm .g{padding-block:20px}
.mm a{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:20px 0;font-family:var(--display);font-weight:600;font-size:clamp(1.5rem,7vw,2.2rem);
  letter-spacing:-.035em;opacity:0;animation:mmIn .45s var(--e) forwards;
  box-shadow:0 1px 0 color-mix(in srgb,var(--line) 60%,transparent)}
@keyframes mmIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.mm a:nth-child(1){animation-delay:.03s}.mm a:nth-child(2){animation-delay:.07s}
.mm a:nth-child(3){animation-delay:.11s}.mm a:nth-child(4){animation-delay:.15s}
.mm a:nth-child(5){animation-delay:.19s}.mm a:nth-child(6){animation-delay:.23s}
.mm a:nth-child(7){animation-delay:.27s}
.mm a span{color:var(--mut);font-family:var(--body);font-size:.8rem;font-weight:400;letter-spacing:0}

/* ---------- gumbi ---------- */
.btn{position:relative;display:inline-flex;align-items:center;gap:10px;height:52px;padding-inline:26px;
  border-radius:8px;background:var(--btn);color:#fff;border:1px solid var(--btn);font-weight:600;
  font-size:.9rem;cursor:pointer;overflow:hidden;transition:box-shadow .25s var(--e),transform .12s var(--e)}
.btn>*{position:relative;z-index:1}
.btn::after{content:"";position:absolute;inset:0;background:var(--neon);transform:translateY(101%);
  transition:transform .35s var(--e)}
.btn:hover::after{transform:translateY(0)}.btn:hover{box-shadow:var(--glow)}
.btn--g{background:transparent;color:var(--fg);border-color:var(--line-2)}
.btn--g::after{background:var(--fg)}.btn--g:hover{color:var(--bg)}
.btn--sm{height:40px;padding-inline:16px;font-size:.82rem}
.btn:disabled{opacity:.35;cursor:not-allowed}
.lnk{display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:.9rem;
  background-image:linear-gradient(var(--neon),var(--neon));background-size:0% 1px;
  background-position:0 100%;background-repeat:no-repeat;padding-bottom:3px;
  transition:background-size .35s var(--e),color .25s var(--e)}
.lnk:hover{color:var(--neon);background-size:100% 1px}
.lnk svg{transition:transform .3s var(--e)}.lnk:hover svg{transform:translateX(5px)}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s var(--e),transform .7s var(--e);
  transition-delay:var(--d,0ms)}
.rv.on{opacity:1;transform:none}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-top:70px}
.hero__st{display:inline-flex;align-items:center;gap:10px;font-size:.75rem;color:var(--fg-2);
  margin-bottom:clamp(20px,2.4vw,30px)}
.hero__st i{width:6px;height:6px;border-radius:50%;background:var(--neon);box-shadow:var(--glow);
  animation:pulse 2s ease-in-out infinite}
.mask{display:block;overflow:hidden}
.mask>span{display:block;transform:translateY(103%);animation:up 1s var(--e) forwards}
.mask:nth-of-type(2)>span{animation-delay:.09s}
@keyframes up{to{transform:none}}
.mask>span.rot{display:inline-grid;position:relative}
.rot>span{grid-area:1/1;white-space:nowrap;color:var(--neon);opacity:0;transform:translateY(.28em);
  transition:none;pointer-events:none}
.rot>span[data-on="true"]{opacity:1;transform:none;
  transition:opacity .42s var(--e) .06s,transform .42s var(--e) .06s}
.hero__lead{margin-top:clamp(22px,2.6vw,32px);opacity:0;animation:fade .9s var(--e) .5s forwards}
@keyframes fade{to{opacity:1}}
.hero__act{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(26px,3vw,38px);
  opacity:0;animation:fade .9s var(--e) .65s forwards}
.hero__side{align-self:end;display:none;gap:10px;opacity:0;animation:fade 1s var(--e) .8s forwards}
@media(min-width:900px){.hero__side{display:grid}}
.hero__side li{display:flex;align-items:baseline;gap:12px;font-size:.82rem;color:var(--mut);
  padding-bottom:9px;box-shadow:0 1px 0 color-mix(in srgb,var(--line) 55%,transparent)}
.hero__side b{font-family:var(--display);font-weight:600;color:var(--fg);font-size:.9rem;min-width:34px}
.scroll{position:absolute;left:var(--gut);bottom:26px;display:flex;align-items:center;gap:10px;
  font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);
  opacity:0;animation:fade 1s var(--e) 1s forwards}
.scroll i{width:1px;height:34px;background:linear-gradient(var(--neon),transparent);
  animation:drop 2.2s ease-in-out infinite}
@keyframes drop{0%,100%{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1);opacity:1}}

/* ---------- vrstice področij (brez kartic) ---------- */
.area{display:block;padding-block:clamp(24px,3vw,38px);position:relative}
.area+.area::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--line) 12%,var(--line) 70%,transparent)}
.area__top{display:flex;align-items:baseline;gap:clamp(14px,2vw,28px);flex-wrap:wrap}
.area__n{font-family:var(--display);font-size:.72rem;letter-spacing:.16em;color:var(--mut);
  transition:color .3s var(--e)}
.area:hover .area__n{color:var(--neon)}
.area__t{font-family:var(--display);font-weight:700;letter-spacing:-.035em;
  font-size:clamp(1.6rem,3.4vw,2.9rem);line-height:1;transition:transform .4s var(--e),color .3s var(--e)}
.area:hover .area__t{transform:translateX(10px)}
.area__go{margin-left:auto;opacity:.35;transition:opacity .3s var(--e),transform .3s var(--e)}
.area:hover .area__go{opacity:1;transform:translateX(6px);color:var(--neon)}
.area__d{margin-top:10px;max-width:54ch;color:var(--fg-2);font-size:.95rem}
.area__tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;max-height:0;overflow:hidden;
  opacity:0;transition:max-height .45s var(--e),opacity .35s var(--e),margin .45s var(--e)}
.area:hover .area__tags,.area:focus-visible .area__tags{max-height:120px;opacity:1}
.area__tags li{font-size:.76rem;color:var(--fg-2);padding:4px 11px;border-radius:999px;
  background:color-mix(in srgb,var(--ink) 70%,transparent)}

/* ---------- projekti: prekrivanje, asimetrija ---------- */
.pj{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  gap:clamp(14px,1.6vw,28px);align-items:center;cursor:pointer;background:none;border:0;
  text-align:left;padding:0;width:100%;position:relative;z-index:0;isolation:isolate}
.pj+.pj{margin-top:clamp(22px,5vw,40px)}   /* na telefonu kartice ne smejo druga v drugo */
.pj__m{grid-column:1/-1;border-radius:16px;overflow:hidden;position:relative;
  transition:transform .6s var(--e),box-shadow .5s var(--e)}
.pj__m canvas{width:100%;aspect-ratio:16/10;transition:transform .8s var(--e)}
.pj:hover .pj__m{transform:translateY(-6px);box-shadow:0 40px 90px -50px rgba(0,0,0,.95)}
.pj:hover .pj__m canvas{transform:scale(1.03)}
.pj__b{grid-column:1/-1;padding-top:16px;display:grid;gap:6px;position:relative;z-index:2}
@media(min-width:900px){
  .pj:nth-child(odd) .pj__m{grid-column:1/8}
  .pj:nth-child(odd) .pj__b{grid-column:8/13;padding-top:0}
  .pj:nth-child(even) .pj__m{grid-column:6/13;grid-row:1}
  .pj:nth-child(even) .pj__b{grid-column:1/6;grid-row:1;padding-top:0}
  .pj+.pj{margin-top:clamp(40px,5vw,96px)}
  .pg,.pj{overflow-anchor:auto}   /* dvig nazaj izračuna prepletiKartice() */
}
.pj__c{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--neon)}
.pj__t{font-family:var(--display);font-weight:700;letter-spacing:-.03em;line-height:1.05;
  font-size:clamp(1.3rem,2.3vw,2rem);transition:color .3s var(--e)}
.pj:hover .pj__t{color:var(--neon)}
.pj__cl{font-size:.85rem;color:var(--mut)}
.pj__go{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:.82rem;color:var(--neon);
  opacity:0;transform:translateY(6px);transition:all .35s var(--e)}
.pj:hover .pj__go{opacity:1;transform:none}

/* ---------- filtri ---------- */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(28px,3vw,44px)}
.fbtn{height:34px;padding-inline:15px;border:1px solid var(--pline);background-color:var(--pbg);
  border-radius:999px;font-size:.8rem;color:var(--fg);cursor:pointer;transition:all .22s var(--e)}
.fbtn:hover{color:#fff;border-color:#FF1F3D;background-color:rgba(255,31,61,.12)}
.fbtn[aria-pressed="true"]{background:var(--btn);border-color:var(--btn);color:#fff;box-shadow:var(--glow)}

/* ---------- konfigurator brez podlage ---------- */
.cfgq{display:grid;gap:10px;margin-bottom:clamp(20px,2.4vw,30px)}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{padding:9px 15px;border:1px solid var(--line);background:transparent;border-radius:10px;
  cursor:pointer;font-size:.85rem;color:var(--fg-2);transition:all .22s var(--e)}
.opt:hover{border-color:var(--line-2);color:var(--fg)}
.opt[aria-pressed="true"]{border-color:var(--neon);background:var(--dim);color:var(--fg);box-shadow:var(--glow)}
.outs{display:grid;gap:clamp(18px,2.2vw,28px)}
.out b{display:block;font-family:var(--display);font-weight:700;letter-spacing:-.04em;line-height:1;
  font-size:clamp(1.6rem,3vw,2.6rem);transition:opacity .25s var(--e)}
.out.flash b{opacity:.2}
.team{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.team span{font-size:.76rem;padding:4px 11px;border-radius:999px;color:var(--fg-2);
  background:color-mix(in srgb,var(--ink) 70%,transparent);animation:pop .4s var(--e) backwards}
@keyframes pop{from{opacity:0;transform:scale(.92)}}

/* ---------- številke v toku ---------- */
.figs{display:grid;gap:clamp(26px,3vw,44px)}
@media(min-width:760px){.figs{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));justify-items:start}@media(min-width:900px){.figs{grid-auto-flow:column;grid-template-columns:none;justify-content:center;gap:clamp(52px,6vw,104px);max-width:min(100%,900px);margin-inline:auto}}}
.figs b{display:block;font-family:var(--display);font-weight:700;letter-spacing:-.05em;line-height:.92;
  font-size:clamp(2.6rem,6vw,5rem)}
.figs span{display:block;margin-top:8px;font-size:.85rem;color:var(--mut);max-width:22ch}

/* ---------- proces ob niti ---------- */
.steps{display:grid;gap:0}
.step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2vw,30px);
  padding-block:clamp(16px,1.8vw,24px);position:relative;align-items:baseline}
.step+.step::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--line) 10%,var(--line) 60%,transparent)}
.step b{font-family:var(--display);font-size:.72rem;letter-spacing:.16em;color:var(--neon);min-width:26px}
.step h4{font-family:var(--display);font-weight:600;font-size:clamp(1rem,1.5vw,1.2rem);letter-spacing:-.02em}
.step p{font-size:.88rem;color:var(--fg-2);margin-top:4px;max-width:52ch}

/* ---------- panel ---------- */
.sheet{position:fixed;inset:0;z-index:80;display:none}
.sheet[data-open="true"]{display:block}
.sheet__bd{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(5px);
  opacity:0;animation:fade .35s var(--e) forwards}
.sheet__p{position:absolute;top:0;right:0;bottom:0;width:min(100%,720px);overflow-y:auto;
  padding:clamp(22px,3vw,44px);background:color-mix(in srgb,var(--bg) 93%,transparent);
  backdrop-filter:blur(26px);animation:slide .42s var(--e)}
@keyframes slide{from{transform:translateX(46px);opacity:0}}
.sheet__x{position:sticky;top:0;float:right;width:40px;height:40px;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;line-height:1;font-size:.9rem;
  background:transparent;border-radius:999px;cursor:pointer;color:var(--fg-2);transition:all .25s var(--e)}
.sheet__x:hover{border-color:var(--neon);color:var(--neon);transform:rotate(90deg)}
.kv{display:grid;gap:clamp(14px,2vw,26px);margin-block:clamp(26px,3vw,38px)}
@media(min-width:560px){.kv{grid-template-columns:repeat(3,minmax(0,1fr))}}
.kv div{padding:18px 0}
.kv dt{font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:var(--mut);margin-bottom:5px}
.kv dd{font-size:.92rem;margin:0}
.bar{height:2px;background:color-mix(in srgb,var(--line) 90%,transparent);overflow:hidden;margin-top:7px}
.bar i{display:block;height:100%;background:var(--neon);box-shadow:var(--glow);width:0;
  transition:width 1s var(--e)}
.tags{display:flex;flex-wrap:wrap;gap:10px}
.tags li{font-size:.8rem;color:var(--pfg-2);padding:8px 15px;border-radius:999px;line-height:1.4;
  background:color-mix(in srgb,var(--ink) 70%,transparent)}
/* V104: oznake, ki vodijo na svojo stran */
.tags__l{padding:0!important;transition:background .25s var(--e),color .25s var(--e)}
.tags__l a{display:block;padding:8px 15px;border-radius:999px;color:inherit;text-decoration:none}
.tags__l:hover{background:color-mix(in srgb,var(--neon) 16%,var(--ink));color:var(--fg)}
.tags__l:focus-within{outline:2px solid var(--neon);outline-offset:2px}

/* ---------- paleta ---------- */
.cmd{position:fixed;inset:0;z-index:90;display:none;padding:13vh 16px 16px;
  background:color-mix(in srgb,var(--bg) 66%,transparent);backdrop-filter:blur(10px)}
.cmd[data-open="true"]{display:block}
.cmd__box{max-width:640px;margin-inline:auto;border-radius:16px;overflow:hidden;
  background:color-mix(in srgb,var(--ink) 92%,transparent);backdrop-filter:blur(26px);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.9);animation:cmdIn .25s var(--e)}
@keyframes cmdIn{from{opacity:0;transform:translateY(-12px) scale(.99)}}
.cmd__in{width:100%;height:58px;padding-inline:20px;background:transparent;border:0;font-size:1rem;outline:none;
  box-shadow:0 1px 0 var(--line)}
.cmd__list{max-height:46vh;overflow-y:auto;padding:8px}
.cmd__i{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:8px;
  background:transparent;border:0;text-align:left;cursor:pointer;font-size:.9rem}
.cmd__i[data-active="true"]{background:color-mix(in srgb,var(--fg) 8%,transparent)}
.cmd__i i{width:5px;height:5px;border-radius:50%;background:var(--neon);flex:none}
.cmd__i span{margin-left:auto;font-size:.72rem;color:var(--mut)}
.cmd__empty{padding:22px 14px;color:var(--mut);font-size:.9rem}

/* ---------- čarovnik ---------- */
.wiz{display:grid;gap:clamp(22px,2.6vw,34px)}
.wizbar{display:flex;gap:clamp(14px,2vw,28px);flex-wrap:wrap}
.wizbar div{display:flex;align-items:center;gap:9px;font-size:.85rem;color:var(--fg);opacity:.9;transition:opacity .3s var(--e)}
.wizbar div[data-on="true"]{color:var(--fg);opacity:1;font-weight:600}
.wizbar i{width:24px;height:24px;border-radius:999px;border:1px solid rgba(255,31,61,.55);display:grid;
  place-items:center;font-size:.68rem;font-style:normal;transition:all .3s var(--e)}
.wizbar div[data-on="true"] i{background:var(--btn);border-color:var(--btn);color:#fff;box-shadow:var(--glow)}
.wizpanel{animation:panelIn .4s var(--e)}
@keyframes panelIn{from{opacity:0;transform:translateX(14px)}}
.picks{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr))}
.pick{text-align:left;padding:17px;border:1px solid var(--line);background:transparent;border-radius:12px;
  cursor:pointer;display:grid;gap:5px;transition:all .25s var(--e)}
.pick:hover{border-color:var(--line-2);transform:translateY(-2px)}
.pick[aria-pressed="true"]{border-color:var(--neon);background:var(--dim)}
.pick b{font-family:var(--display);font-weight:600;font-size:.95rem}
.pick span{font-size:.8rem;color:var(--fg-2)}
.field{display:grid;gap:6px;margin-bottom:14px}
.field label{font-size:.82rem;color:var(--fg)}
.field input,.field select,.field textarea{height:46px;padding:0 15px;background:var(--pbg);color:var(--pfg);
  border:1px solid rgba(255,31,61,.42);border-radius:10px;outline:none;
  transition:border-color .25s var(--e),box-shadow .25s var(--e)}
.field input:hover,.field select:hover,.field textarea:hover{border-color:rgba(255,31,61,.75)}
.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.45)}
.field textarea{height:auto;padding:13px 15px;resize:vertical;min-height:100px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#FF1F3D;box-shadow:0 0 0 1px #FF1F3D,0 0 24px -8px #FF1F3D}
.f2{display:grid;gap:14px}
@media(min-width:640px){.f2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wizf{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}

/* ---------- noga ---------- */
.ft{position:relative;padding-block:clamp(60px,7vw,110px) 30px}
.ft::before{content:"";position:absolute;top:0;left:6%;right:6%;height:1px;
  background:linear-gradient(90deg,transparent,var(--line),transparent)}
.ftc{display:grid;gap:28px 22px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:860px){.ftc{grid-template-columns:1.5fr repeat(4,minmax(0,1fr))}}
.ftadr{display:grid;gap:5px;margin-top:16px;font-style:normal;font-size:.86rem;color:var(--fg-2)}
.ftadr a{display:inline-block;width:max-content;color:var(--fg-2);transition:color .2s var(--e)}
.ftadr a:hover{color:var(--neon)}
.ft h4{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-bottom:12px}
.ft a{display:block;font-size:.85rem;color:var(--fg-2);padding:3px 0;
  transition:color .2s var(--e),transform .2s var(--e)}
.ft a:hover{color:var(--neon);transform:translateX(4px)}
.ftb{margin-top:clamp(34px,4vw,56px);padding-top:20px;display:flex;flex-wrap:wrap;gap:8px 22px;
  justify-content:space-between;font-size:.8rem;color:var(--mut);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--line) 60%,transparent)}
.note{margin-top:16px;font-size:.75rem;color:var(--mut)}
.view{display:none}.view[data-on="true"]{display:block}
.prog{position:fixed;top:0;left:0;right:0;height:2px;z-index:70;background:var(--neon);
  box-shadow:var(--glow);transform:scaleX(var(--p,0));transform-origin:left;pointer-events:none}
@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important}
  .bn{opacity:1}.be{stroke-dashoffset:0}.bp{opacity:.9}
  .recall[data-on="true"]{opacity:1;transform:translate(-50%,0)}
  .rv{opacity:1;transform:none}.mask>span{transform:none}
  .rot>span{opacity:0}.rot>span[data-on="true"]{opacity:1}
  .area__tags{max-height:none;opacity:1}
}

/* ---------- UX1: tipografija, spomin, sestavljalnik, 404, tisk ---------- */
h1,h2,h3,.d1,.d2,.d3,.d4{text-wrap:balance}
p,li,.lead,.p{text-wrap:pretty}
.p,.lead,li{max-width:68ch}
:lang(sl) p,:lang(sl) li{hyphens:auto;-webkit-hyphens:auto}

/* vrstica z bralnim spominom */
.recall{position:fixed;left:50%;bottom:clamp(14px,3vw,26px);transform:translate(-50%,140%);
  z-index:65;display:flex;align-items:center;gap:14px;flex-wrap:wrap;max-width:min(92vw,760px);
  padding:12px 12px 12px 20px;border-radius:16px;background:color-mix(in srgb,var(--ink) 88%,transparent);
  backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.85),inset 0 0 0 1px color-mix(in srgb,var(--line) 80%,transparent);
  opacity:0;transition:transform .5s var(--e),opacity .5s var(--e)}
.recall[data-on="true"]{transform:translate(-50%,0);opacity:1}
body:has(#recall[data-on="true"]){padding-bottom:118px}
.recall__l{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);white-space:nowrap}
.recall__t{font-size:.88rem;color:var(--fg);flex:1;min-width:180px}
.recall__x{width:34px;height:34px;border-radius:10px;color:var(--mut);
  transition:color .2s var(--e),background .2s var(--e)}
.recall__x:hover{color:var(--fg);background:color-mix(in srgb,var(--line) 60%,transparent)}
@media(max-width:720px){.recall{left:12px;right:12px;transform:translateY(140%);max-width:none;padding:14px}
  .recall[data-on="true"]{transform:translateY(0)}
  .recall__l{display:none}}

/* sestavljalnik rešitve */
.bq{display:grid;gap:22px;margin-top:26px}
.bq__q{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:12px}
.bq__o{display:flex;flex-wrap:wrap;gap:10px}
.chip{height:42px;padding:0 18px;border-radius:999px;font-size:.86rem;color:var(--pfg);background-color:var(--pbg);
  box-shadow:inset 0 0 0 1px rgba(255,31,61,.45);transition:color .2s var(--e),box-shadow .25s var(--e),
  background-color .25s var(--e),transform .25s var(--e)}
.chip:hover{color:#fff;transform:translateY(-1px);background-color:rgba(255,31,61,.14);
  box-shadow:inset 0 0 0 1px #FF1F3D}
.chip[aria-pressed="true"]{color:#fff;font-weight:600;background-color:var(--btn);background-image:none;
  box-shadow:inset 0 0 0 1px #FF1F3D,0 8px 24px -12px rgba(255,31,61,.9)}
.bout{margin-top:34px;padding-top:26px;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--line) 70%,transparent)}
.bout__h{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:20px}
.bout__a{display:flex;gap:10px;flex-wrap:wrap}
.bwrap{overflow-x:auto;padding:6px 2px 14px;-webkit-overflow-scrolling:touch}
.bsvg{width:100%;min-width:720px;height:auto}
.bsvg rect{fill:color-mix(in srgb,var(--ink) 70%,transparent);stroke:var(--line);stroke-width:1}
.bn{opacity:0;animation:bnIn .5s var(--e) forwards;animation-delay:var(--d,0ms)}
@keyframes bnIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.bn__t{fill:var(--fg);font-size:14px;font-weight:600;font-family:var(--display);letter-spacing:-.01em}
.bn__s{fill:var(--mut);font-size:11.5px}
.be{fill:none;stroke:color-mix(in srgb,var(--neon) 55%,transparent);stroke-width:1.3;
  stroke-dasharray:600;stroke-dashoffset:600;animation:beIn .9s var(--e) forwards;animation-delay:var(--d,0ms)}
@keyframes beIn{to{stroke-dashoffset:0}}
.bp{fill:var(--neon);opacity:0;animation:bpIn .4s var(--e) forwards;animation-delay:var(--d,0ms)}
@keyframes bpIn{to{opacity:.9}}
.bnotes{margin-top:24px}
.brel{margin-top:22px}
@media(max-width:640px){.bout__h{align-items:flex-start;flex-direction:column}}

.ftv{opacity:.45;font-variant-numeric:tabular-nums;letter-spacing:.04em}

/* obvestilo (toast) */
.toast{position:fixed;left:50%;bottom:calc(clamp(14px,3vw,26px) + 84px);transform:translate(-50%,20px);
  z-index:66;max-width:min(92vw,560px);padding:14px 18px;border-radius:14px;font-size:.86rem;color:var(--fg);
  background:color-mix(in srgb,var(--ink) 92%,transparent);backdrop-filter:blur(14px);
  box-shadow:0 18px 50px -22px rgba(0,0,0,.85),inset 0 0 0 1px color-mix(in srgb,var(--neon) 40%,var(--line));
  opacity:0;pointer-events:none;transition:opacity .4s var(--e),transform .4s var(--e)}
.toast[data-on="true"]{opacity:1;transform:translate(-50%,0)}

/* 404 */
.rel__s{display:block;font-size:.78rem;color:var(--mut);margin-top:4px}

@media print{
  .bg,.prog,.hdr,#mm,#cmd,.sheet,.recall,.toc,footer,.bq,.bout__a,.hero__act,.btn{display:none!important}
  *{color:#000!important;background:#fff!important;box-shadow:none!important}
  .bsvg rect{fill:#fff!important;stroke:#999!important}
  .bn__t{fill:#000!important}.bn__s{fill:#555!important}
  .be{stroke:#c00!important;stroke-dashoffset:0!important;animation:none!important}
  .bn{opacity:1!important;animation:none!important}
  .bwrap{overflow:visible}.bsvg{min-width:0}
  @page{margin:14mm}
}

/* ---------- UX2: povpraševanje z več izbirami ---------- */
.acards{display:grid;gap:12px}
@media(min-width:900px){.acards{grid-template-columns:1fr 1fr;align-items:start}}
.acard{border-radius:16px;overflow:hidden;background:var(--pbg);position:relative;z-index:0;isolation:isolate;
  border:1px solid rgba(255,31,61,.42);
  transition:border-color .25s var(--e),box-shadow .3s var(--e),background .3s var(--e)}
.acard:hover{border-color:#FF1F3D;box-shadow:0 0 0 1px rgba(255,31,61,.35),0 16px 44px -30px #FF1F3D}
.acard[data-on="true"]{border-color:#FF1F3D;background:#000;
  box-shadow:0 0 0 1px #FF1F3D,0 0 34px -14px rgba(255,31,61,.85),inset 0 0 42px -28px #FF1F3D}
.acard[data-on="true"]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#FF1F3D;
  box-shadow:0 0 18px 1px rgba(255,31,61,.8)}
.acard__b{display:grid;gap:6px;width:100%;text-align:left;padding:20px 60px 20px 22px;position:relative}
.acard__t{font-family:var(--display);font-weight:700;font-size:1.08rem;letter-spacing:-.02em;color:var(--pfg)}
.acard__d{font-size:.87rem;color:var(--pfg-2);line-height:1.45}
.acard__i{position:absolute;right:20px;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:7px;
  background:var(--pbg);border:1.5px solid #FF1F3D;transition:background .25s var(--e),box-shadow .25s var(--e)}
.acard__i::after{content:"";position:absolute;left:7px;top:2px;width:6px;height:12px;
  border:2.5px solid #fff;border-top:0;border-left:0;transform:rotate(42deg) scale(.5);opacity:0;
  transition:opacity .2s var(--e),transform .2s var(--e)}
.acard[data-on="true"] .acard__i{background:#FF1F3D;box-shadow:0 0 18px -4px #FF1F3D}
.acard[data-on="true"] .acard__i::after{opacity:1;transform:rotate(42deg) scale(1)}
.acard__s{padding:2px 22px 20px;border-top:1px solid rgba(255,31,61,.28);margin-top:4px;padding-top:16px}
.acard__h{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:12px;font-weight:600}
.acard__c{display:flex;flex-wrap:wrap;gap:8px}
.chip--sm{height:38px;padding:0 16px;font-size:.84rem;color:var(--pfg);background-color:var(--pbg);
  border-radius:999px;box-shadow:none;border:1px solid rgba(255,31,61,.5)}
.chip--sm:hover{color:#fff;background-color:rgba(255,31,61,.14);border-color:#FF1F3D;transform:none}
.chip--sm[aria-pressed="true"]{background-color:#D9042B;border-color:#FF5468;color:#fff;font-weight:600;
  box-shadow:0 0 20px -6px rgba(255,31,61,.9)}
.chip--sm[aria-pressed="true"]::before{content:"✓";margin-right:7px;font-weight:700}
.chip--ghost{height:38px;padding:0 16px;font-size:.84rem;color:var(--acc);background:transparent;
  border:1px dashed rgba(255,31,61,.6);box-shadow:none}
.chip--ghost:hover{background-color:rgba(255,31,61,.12);color:#fff;border-style:solid}
.acard__row{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.acard__n{font-size:.74rem;color:var(--acc);letter-spacing:.06em;white-space:nowrap;flex:none}
.wizsel{margin-top:16px;color:var(--fg);font-size:.86rem;display:flex;align-items:center;gap:9px}
.wizsel::before{content:"";width:7px;height:7px;border-radius:50%;background:#FF1F3D;box-shadow:0 0 12px #FF1F3D}
.wizhp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rev{margin-top:22px;padding:20px;border-radius:14px;background:var(--pbg);border:1px solid var(--pline)}
.kv--rev dt{white-space:nowrap;color:var(--acc)}
.kv--rev dd{color:var(--pfg)}
.revtxt{margin-top:16px;padding:16px 18px;border-radius:12px;font-size:.82rem;line-height:1.65;
  white-space:pre-wrap;color:var(--pfg);background:var(--pbg);border:1px solid var(--pline);
  max-height:320px;overflow:auto}
@media (hover:none){.chip--sm,.chip--ghost{height:42px!important}}



/* ---------- trak znamk ---------- */
.mq{position:relative;overflow:hidden;padding-block:clamp(10px,1.4vw,18px);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq__t{display:flex;width:max-content;gap:clamp(38px,5vw,86px);align-items:center;
  animation:mqRun 90s linear infinite}
.mq{--mqhover:1}
@keyframes mqRun{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mq__i{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;
  font-family:var(--display);font-size:clamp(1.05rem,1.7vw,1.5rem);color:var(--fg);opacity:.75;
  transition:opacity .3s var(--e),color .3s var(--e)}
.mq__i:hover{opacity:1;color:var(--fg)}
.bm__m{font-style:normal;font-size:.62em;color:var(--fg);opacity:.62;transform:translateY(-.08em)}
/* V90: dvo- in trivrstični napisi naročnikov (razporeditev kot pri pravem logotipu) */
.mq__st{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;
  line-height:1.02;text-align:left}
.mq__st b{display:block;font-weight:inherit;white-space:nowrap}
.mq__v{display:inline-flex;align-items:baseline;white-space:nowrap}
.mq__v b{display:inline-block}
.mq__i{line-height:1.05}
.bm{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);
  font-size:.95rem;color:var(--pfg);opacity:.95;text-align:center;justify-content:center}
@media (prefers-reduced-motion: reduce){
  .mq__t{animation:none;flex-wrap:wrap;width:auto;justify-content:center}
}

/* ---------- način označevanja ---------- */
.mk{position:absolute;left:0;top:0;width:100%;height:100%;z-index:88;cursor:crosshair}
body[data-marking="true"]{overscroll-behavior:contain}
.mk__bar{position:fixed;top:88px;right:18px;z-index:2;display:flex;gap:8px;align-items:center;flex-wrap:wrap;
  padding:10px 12px;border-radius:14px;background:var(--pbg);border:1px solid var(--pline);cursor:auto;
  box-shadow:0 18px 50px -26px rgba(0,0,0,.9)}
.mk__t{font-size:.78rem;color:var(--fg);margin-right:4px}
.mk__panel{position:fixed;right:18px;top:150px;width:min(360px,86vw);max-height:52vh;overflow:auto;z-index:2;
  padding:14px;border-radius:14px;background:var(--pbg);border:1px solid var(--pline);cursor:auto}
.mk__row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:8px 0;
  border-bottom:1px solid var(--line);font-size:.78rem;color:var(--fg)}
.mk__row b{color:#fff;background:var(--btn);border-radius:6px;min-width:22px;height:22px;
  display:inline-flex;align-items:center;justify-content:center;font-size:.72rem}
.mk__row button{color:var(--acc);font-size:.9rem;padding:0 4px}
.mk__box{position:absolute;border:2px solid #FF1F3D;border-radius:6px;background:rgba(255,31,61,.12);
  box-shadow:0 0 0 1px rgba(0,0,0,.5),0 0 22px -6px #FF1F3D;pointer-events:none}
.mk__box i{position:absolute;left:-2px;top:-24px;font-style:normal;font-size:.72rem;font-weight:700;color:#fff;
  background:#FF1F3D;border-radius:5px;padding:2px 7px}
.mk__box--live{background:rgba(255,31,61,.18)}
@media print{.mk__bar,.mk__panel{display:none}}

/* ---------- pravno: pasica in nastavitve ---------- */
.ckb{position:fixed;left:0;right:0;bottom:0;z-index:92;padding:14px;transform:translateY(120%);
  transition:transform .45s var(--e)}
.ckb[data-on="true"]{transform:none}
.ckb__in{max-width:1100px;margin:0 auto;display:grid;gap:16px;padding:20px 22px;border-radius:16px;
  background:var(--pbg);border:1px solid var(--pline);
  box-shadow:0 24px 60px -30px rgba(0,0,0,.9)}
@media(min-width:900px){.ckb__in{grid-template-columns:1fr auto;align-items:center;gap:26px}}
.ckb__tx h4{font-family:var(--display);font-weight:700;font-size:1rem;color:var(--pfg);margin-bottom:6px}
.ckb__tx p{font-size:.85rem;color:var(--pfg-2);line-height:1.6;max-width:76ch}
.ckb__tx a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}
.ckb__ax{display:flex;gap:10px;flex-wrap:wrap}
.cset{display:grid;gap:12px;margin-top:8px}
.cset__r{display:grid;gap:12px;align-items:center;padding:18px 20px;border-radius:14px;
  background:var(--pbg);border:1px solid var(--pline)}
@media(min-width:720px){.cset__r{grid-template-columns:1fr auto}}
.cset__r b{display:block;font-family:var(--display);font-weight:700;font-size:.98rem;color:var(--pfg);margin-bottom:5px}
.cset__r span{font-size:.85rem;color:var(--pfg-2);line-height:1.55}
.cset__fixed{font-size:.8rem;color:var(--acc);white-space:nowrap}
.ctable{margin-top:6px;border:1px solid var(--pline);border-radius:14px;overflow:hidden}
.ctable__h,.ctable__r{display:grid;grid-template-columns:1.1fr 2fr 1fr 1fr;gap:14px;padding:14px 16px;font-size:.84rem}
.ctable__h{background:color-mix(in srgb,var(--acc) 12%,transparent);color:var(--pfg);font-weight:600}
.ctable__r{color:var(--pfg-2);border-top:1px solid var(--line)}
.ctable code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;color:var(--acc)}
@media(max-width:720px){.ctable__h{display:none}
  .ctable__r{grid-template-columns:1fr;gap:4px}}
.cbx{display:flex;gap:12px;align-items:flex-start;margin:6px 0 14px;font-size:.85rem;color:var(--fg);cursor:pointer}
.cbx input{width:22px;height:22px;flex:none;accent-color:var(--btn);margin-top:1px}
.cbx a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}

/* ---------- V25: izbira po problemu ---------- */
.pfind{display:grid;gap:16px}
@media(min-width:900px){.pfind{grid-template-columns:minmax(240px,1fr) 1.4fr;gap:26px;align-items:start}}
.pfind__l{display:grid;gap:8px}
.pfind__b{text-align:left;padding:15px 18px;border-radius:12px;background:var(--pbg);color:var(--pfg);
  border:1px solid var(--pline);font-size:.92rem;transition:border-color .2s var(--e),background .2s var(--e)}
.pfind__b{scroll-margin-top:88px}
.pfind__b:hover{border-color:#FF1F3D;background:rgba(255,31,61,.1)}
.pfind__b[aria-pressed="true"]{border-color:#FF1F3D;background:var(--btn);color:#fff;font-weight:600}
.pfind__r{padding:clamp(20px,2.4vw,30px);border-radius:16px;background:var(--pbg);border:1px solid var(--pline)}
@media(max-width:899px){
  .pfind__l>.pfind__r{margin:2px 0 10px;border-color:#FF1F3D;
    border-top-left-radius:6px;border-top-right-radius:6px;
    animation:pfIn .28s var(--e) both}
  @keyframes pfIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
}
.pfind__d{font-size:.95rem;color:var(--pfg-2);line-height:1.6;margin-bottom:20px;max-width:56ch}
.pfind__s a{border-color:var(--pline)}
.pfind__w{display:flex;align-items:center;gap:12px;padding:14px 0;color:var(--pfg);font-size:.9rem}
.pfind__w b{color:var(--acc);font-weight:600}
.pfind__w span{opacity:.85;flex:1}

/* ---------- V25: mobilni meni kot harmonika ---------- */
.mm__grp{border-bottom:1px solid var(--line)}
.mm__h{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;
  padding:18px 2px;font-family:var(--display);font-weight:700;font-size:1.15rem;color:var(--fg)}
.mm__h i{width:22px;height:22px;position:relative;flex:none}
.mm__h i::before,.mm__h i::after{content:"";position:absolute;background:var(--neon);border-radius:2px;
  left:50%;top:50%;transform:translate(-50%,-50%);transition:opacity .2s var(--e)}
.mm__h i::before{width:16px;height:2px}
.mm__h i::after{width:2px;height:16px}
.mm__h[aria-expanded="true"] i::after{opacity:0}
.mm__k{display:grid;gap:2px;padding:0 0 16px}.mm__k[hidden]{display:none!important}
.mm__k a{padding:11px 2px;font-size:.95rem;color:var(--fg-2)}
.mm__all{color:var(--neon)!important;display:flex;align-items:center;gap:8px}
.mm__one{display:block;padding:18px 2px;border-bottom:1px solid var(--line);
  font-family:var(--display);font-weight:700;font-size:1.15rem;color:var(--fg)}
.mm__one span{display:block;font-family:var(--body);font-weight:400;font-size:.85rem;color:var(--mut);margin-top:4px}
.mm__cta{color:var(--neon)}

/* ---------- V25: kazalo na manjših zaslonih ---------- */
@media(max-width:1099px){
  .toc[data-compact="true"]{grid-column:1/-1!important;width:100%;
    display:block;position:sticky;top:78px;z-index:20;margin-bottom:18px;
    background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);
    border:1px solid var(--pline);border-radius:12px;padding:0 10px;max-height:56px;overflow:hidden}
  .toc[data-compact="true"] .kick{display:none}
  .toc[data-compact="true"]{display:flex;gap:8px;align-items:center;overflow-x:auto;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .toc[data-compact="true"]::-webkit-scrollbar{display:none}
  .toc[data-compact="true"] a{white-space:nowrap;padding:16px 10px;font-size:.82rem}
}

/* ---------- REFERENCE ---------- */
.psec p.p+p.p{margin-top:18px}
.rgrid{display:grid;gap:clamp(18px,2.2vw,30px)}
@media(min-width:1040px){.rgrid{grid-template-columns:1fr 1fr}}
.rgrid{align-items:start}
.rcard,.pj{min-height:0;overflow:visible}
.rcard{display:grid;gap:0;padding:clamp(26px,2.6vw,38px);border-radius:18px;background:var(--pbg);
  position:relative;z-index:0;isolation:isolate;
  border:1px solid var(--pline);transition:border-color .25s var(--e),box-shadow .3s var(--e),transform .3s var(--e)}
.rcard:hover{border-color:#FF1F3D;box-shadow:0 0 0 1px rgba(255,31,61,.4),0 24px 60px -38px #FF1F3D;transform:translateY(-3px)}
.rcard__k{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);line-height:1.6}
.rcard__c{font-size:.85rem;color:var(--pfg-2);margin-top:16px}
.rcard__t{font-family:var(--display);font-weight:700;font-size:clamp(1.15rem,1.6vw,1.45rem);
  letter-spacing:-.025em;line-height:1.25;color:var(--pfg);margin-top:8px}
.rcard__d{font-size:.92rem;color:var(--pfg-2);line-height:1.65;margin-top:16px;max-width:52ch}
.rcard__m{font-size:.82rem;color:var(--pfg-2);line-height:1.6;margin-top:18px;
  padding-top:18px;border-top:1px solid rgba(255,31,61,.22)}
.rcard__m b{display:block;font-weight:600;color:var(--acc);font-size:.68rem;letter-spacing:.14em;
  text-transform:uppercase;margin-bottom:6px}
.rcard__go{display:inline-flex;align-items:center;gap:9px;margin-top:26px;font-size:.85rem;color:var(--btn)}
.rrows{display:grid;gap:0}
.rrow{display:grid;grid-template-columns:minmax(150px,1fr) 2fr auto;gap:22px;align-items:center;
  padding:22px 16px;border-radius:12px;transition:background .25s var(--e)}
.rrow+.rrow{border-top:1px solid rgba(255,31,61,.18)}
.rrow:hover{background:rgba(255,31,61,.1)}
.rrow__c{font-weight:600;color:var(--fg);font-size:.95rem}
.rrow__t{color:var(--fg-2);font-size:.9rem;line-height:1.55}
.rrow__a{color:#FF1F3D;display:flex}
@media(max-width:720px){.rrow{grid-template-columns:1fr auto;gap:8px 14px;padding:20px 10px}
  .rrow__t{grid-column:1/-1}}
.lwall{display:grid;gap:12px;margin-top:24px;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr))}
.lwall__i{display:flex;align-items:center;justify-content:center;min-height:76px;padding:14px 18px;
  border-radius:14px;background:var(--pbg);border:1px solid var(--line-2);text-align:center;
  transition:border-color .25s var(--e),background .25s var(--e),transform .25s var(--e)}
.lwall__i span.bm{line-height:1.35;opacity:.9}
.lwall__i:hover{border-color:#FF1F3D;background:rgba(255,31,61,.1);transform:translateY(-2px)}
.lwall__i:hover span{opacity:1}
.lwall__i--own{border-color:rgba(255,31,61,.45)}
.lwall__i--own span{color:var(--pfg)}
.lwall__h{margin-top:34px;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);font-weight:600}
.pj__d{font-size:.88rem;color:var(--pfg-2);line-height:1.6;margin-top:12px}
.pj__r{font-size:.8rem;color:var(--pfg-2);margin-top:14px;padding-top:14px;
  border-top:1px solid rgba(255,31,61,.2)}
.pj__r b{display:block;color:var(--acc);font-weight:600;font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;margin-bottom:5px}

/* ============================================================
   V26 — domača stran: vsaka sekcija ima svoj vizualni jezik
   ============================================================ */
.v26-sec{position:relative;padding-block:clamp(64px,8vw,140px);overflow:hidden}
.v26-sec--light{background:color-mix(in srgb,var(--fg) 4%,var(--bg))}
.v26-sec--offwhite{background:color-mix(in srgb,var(--fg) 7%,var(--bg))}
.v26-sec--dark{background:#000}
:root[data-theme="light"] .v26-sec--dark{background:#0B0C11}
.v26-sec--dark .v26-h2,.v26-sec--dark .v26-h3,.v26-sec--dark .v26-state{color:#fff}
.v26-sec--dark .v26-lead,.v26-sec--dark .v26-work__d{color:rgba(255,255,255,.8)}

.v26-kick{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--neon);font-weight:600}
.v26-lab{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--neon);font-weight:600}
.v26-mini{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);font-weight:600;margin:22px 0 12px}
.v26-h1{font-family:var(--display);font-weight:800;letter-spacing:-.045em;line-height:.94;
  font-size:clamp(2.5rem,6.4vw,5.4rem);margin-top:18px}
.v26-h2{font-family:var(--display);font-weight:800;letter-spacing:-.035em;line-height:1.04;
  font-size:clamp(1.9rem,3.6vw,3.4rem);margin-top:14px}
.v26-h2--big{font-size:clamp(2.2rem,5vw,4.6rem)}
.v26-h3{font-family:var(--display);font-weight:700;letter-spacing:-.03em;line-height:1.12;
  font-size:clamp(1.3rem,2vw,1.9rem);margin-top:8px}
.v26-lead{margin-top:20px;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.65;color:var(--fg-2);max-width:64ch}
.v26-lead--s{max-width:58ch}
.v26-lead--tail{margin-top:12px;color:var(--fg)}
.v26-red{color:var(--neon)}
.v26-state{font-family:var(--display);font-weight:700;letter-spacing:-.03em;line-height:1.15;
  font-size:clamp(1.5rem,2.8vw,2.6rem);margin-top:34px}
.v26-state--s{font-size:clamp(1.2rem,2vw,1.8rem)}
.v26-more{display:inline-flex;align-items:center;gap:9px;margin-top:20px;font-size:.9rem;color:var(--neon)}
.v26-more svg{width:14px;height:14px}
.v26-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:26px}
.v26-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.v26-tags span{font-size:.76rem;color:var(--fg-2);padding:6px 12px;border-radius:999px;
  border:1px solid var(--line-2)}

/* ---------- 01 HERO ---------- */
.v26-hero{position:relative;min-height:88svh;display:flex;flex-direction:column;justify-content:center;
  padding-block:clamp(90px,10vh,130px) clamp(28px,4vh,48px)}
.v26-hero__in{align-items:center}
.v26-hero__copy{grid-column:1/-1}
.v26-hero__vis{grid-column:1/-1;display:none}
@media(min-width:1000px){
  .v26-hero__copy{grid-column:1/8}
  .v26-hero__vis{grid-column:8/-1;display:block}
}
.v26-rot{display:grid;color:var(--neon);max-width:100%}
.v26-rot>span{grid-area:1/1;white-space:normal;opacity:0;transform:translateY(.24em);transition:none}
.v26-rot>span[data-on="true"]{opacity:1;transform:none;transition:opacity .5s var(--e) .05s,transform .5s var(--e) .05s}
.v26-hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:clamp(26px,3vw,38px)}
.v26-hero__down{display:inline-block;margin-top:22px;font-size:.86rem;color:var(--mut)}
.v26-hero__down:hover{color:var(--neon)}
.v26-strip{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:clamp(34px,5vh,64px);
  padding-top:20px;border-top:1px solid var(--line)}
.v26-strip span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}

/* hero vizual */
.v26-stack{position:relative;height:min(62vh,560px)}
.v26-stack__i{position:absolute;border-radius:14px;overflow:hidden;
  box-shadow:0 30px 80px -50px rgba(0,0,0,.9);animation:v26float 9s ease-in-out infinite}
.v26-stack__i--a{left:0;top:4%;width:78%;height:52%;z-index:2}
.v26-stack__i--b{right:0;top:0;width:44%;height:32%;z-index:3;animation-delay:.8s}
.v26-stack__i--c{left:8%;bottom:0;width:70%;height:38%;z-index:1;animation-delay:1.6s}
.v26-stack__i--d{right:2%;bottom:6%;width:28%;height:44%;z-index:4;animation-delay:2.4s}
@keyframes v26float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* ---------- nadomestni vizuali ---------- */
.v26-ph{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;
  background:linear-gradient(160deg,#0d0d12,#08080b);border:1px solid rgba(255,31,61,.28)}
:root[data-theme="light"] .v26-ph{background:linear-gradient(160deg,#fff,#f2f3f6);border-color:rgba(193,0,22,.24)}
.v26-ph__l{position:absolute;left:12px;bottom:10px;z-index:4;font-size:.62rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--neon);font-weight:600}
.v26-ph--ui .v26-ph__bar{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line)}
.v26-ph--ui .v26-ph__bar i{width:8px;height:8px;border-radius:50%;background:var(--line-2)}
.v26-ph--ui .v26-ph__body{display:grid;grid-template-columns:26% 1fr;height:calc(100% - 30px)}
.v26-ph--ui .v26-ph__side{border-right:1px solid var(--line);padding:12px;display:grid;gap:9px;align-content:start}
.v26-ph--ui .v26-ph__side b{height:7px;border-radius:3px;background:var(--line-2)}
.v26-ph--ui .v26-ph__side b:first-child{background:var(--neon);width:60%}
.v26-ph--ui .v26-ph__main{padding:14px;display:grid;gap:10px;align-content:start}
.v26-ph--ui .v26-ph__row{height:9px;border-radius:4px;background:var(--line-2);width:70%}
.v26-ph--ui .v26-ph__row+.v26-ph__row{width:45%}
.v26-ph--ui .v26-ph__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:6px}
.v26-ph--ui .v26-ph__grid span{height:34px;border-radius:8px;border:1px solid var(--line)}
.v26-ph--ui .v26-ph__grid span:first-child{border-color:rgba(255,31,61,.5)}
.v26-ph--ai svg{width:100%;height:100%}
.v26-ph__edge path{stroke:rgba(255,31,61,.45);stroke-width:1.2;fill:none}
.v26-ph__node circle{fill:#FF1F3D;opacity:.85}
.v26-ph--tv .v26-ph__frame{position:absolute;inset:10px 10px 42% 10px;border:1px solid var(--line-2);border-radius:8px}
.v26-ph--tv .v26-ph__frame i{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;
  border-radius:50%;border:2px solid var(--neon)}
.v26-ph--tv .v26-ph__tl{position:absolute;left:10px;right:10px;bottom:34%;display:flex;gap:4px}
.v26-ph--tv .v26-ph__tl span{flex:1;height:10px;border-radius:2px;background:var(--line-2)}
.v26-ph--tv .v26-ph__tl span:nth-child(2){background:var(--neon)}
.v26-ph--tv .v26-ph__wave{position:absolute;left:10px;right:10px;bottom:10px;height:24%;
  display:flex;align-items:flex-end;gap:2px}
.v26-ph--tv .v26-ph__wave b{flex:1;background:rgba(255,31,61,.55);border-radius:1px;
  height:calc(12% + (var(--h,40%)))}
.v26-ph--tv .v26-ph__wave b:nth-child(3n){height:70%}
.v26-ph--tv .v26-ph__wave b:nth-child(4n){height:34%}
.v26-ph--tv .v26-ph__wave b:nth-child(5n){height:88%}
.v26-ph--led .v26-ph__panels{position:absolute;inset:8px 8px 26% 8px;display:grid;
  grid-template-columns:repeat(12,1fr);grid-auto-rows:1fr;gap:2px}
.v26-ph--led .v26-ph__panels i{background:rgba(255,31,61,.16);border-radius:1px}
.v26-ph--led .v26-ph__panels i:nth-child(7n){background:rgba(255,31,61,.42)}
.v26-ph--led .v26-ph__panels i:nth-child(11n){background:rgba(255,31,61,.6)}
.v26-ph--led .v26-ph__stage{position:absolute;left:14%;right:14%;bottom:8%;height:12%;
  border-radius:3px;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent)}
.v26-ph--mob .v26-ph__phone{position:absolute;inset:8% 26%;border-radius:18px;border:1px solid var(--line-2);
  background:linear-gradient(180deg,rgba(255,31,61,.1),transparent)}
.v26-ph--mob .v26-ph__notch{position:absolute;left:50%;top:8px;width:34%;height:6px;margin-left:-17%;
  border-radius:99px;background:var(--line-2)}
.v26-ph--mob .v26-ph__scr{position:absolute;inset:22px 12px 12px;display:grid;gap:8px;align-content:start}
.v26-ph--mob .v26-ph__scr span{height:12px;border-radius:4px;background:var(--line-2)}
.v26-ph--mob .v26-ph__scr span:first-child{background:var(--neon);width:52%}
.v26-ph--kiosk .v26-ph__screen{position:absolute;inset:8% 18% 26% 18%;border:1px solid var(--line-2);border-radius:8px;padding:12px}
.v26-ph--kiosk .v26-ph__tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:100%}
.v26-ph--kiosk .v26-ph__tiles span{border-radius:6px;border:1px solid var(--line)}
.v26-ph--kiosk .v26-ph__tiles span:first-child{background:rgba(255,31,61,.16);border-color:rgba(255,31,61,.4)}
.v26-ph--kiosk .v26-ph__stand{position:absolute;left:44%;right:44%;bottom:8%;height:16%;background:var(--line-2)}
.v26-ph--abs .v26-ph__lines{position:absolute;inset:0;
  background-image:repeating-linear-gradient(90deg,rgba(255,31,61,.14) 0 1px,transparent 1px 34px),
    repeating-linear-gradient(0deg,rgba(255,31,61,.1) 0 1px,transparent 1px 34px)}
.v26-media{width:100%;height:100%;object-fit:cover}

/* ---------- 02 TRUST ---------- */
.v26-wall{display:grid;gap:1px;margin-top:clamp(28px,3.4vw,46px);
  grid-template-columns:repeat(2,1fr);background:var(--line)}
@media(min-width:700px){.v26-wall{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.v26-wall{grid-template-columns:repeat(4,1fr)}}
.v26-wall__i{display:grid;align-content:center;gap:6px;min-height:104px;padding:18px;
  background:var(--bg);transition:background .25s var(--e)}
.v26-wall__i:hover{background:color-mix(in srgb,var(--neon) 8%,var(--bg))}
.v26-wall__n{font-family:var(--display);font-weight:700;font-size:1rem;letter-spacing:.02em;color:var(--fg);
  filter:grayscale(1);transition:color .25s var(--e)}
.v26-wall__i:hover .v26-wall__n{color:var(--neon);filter:none}
.v26-wall__d{font-size:.72rem;color:var(--mut);opacity:0;transform:translateY(3px);
  transition:opacity .25s var(--e),transform .25s var(--e)}
.v26-wall__i:hover .v26-wall__d{opacity:1;transform:none}
@media(hover:none){.v26-wall__d{opacity:1;transform:none}}

/* ---------- 03 POSITIONING ---------- */
.v26-caps{display:grid;gap:1px;margin-top:clamp(30px,4vw,54px);background:rgba(255,255,255,.1)}
@media(min-width:760px){.v26-caps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1200px){.v26-caps{grid-template-columns:repeat(3,1fr)}}
.v26-cap{display:grid;gap:10px;align-content:start;padding:clamp(22px,2.4vw,34px);background:#000;
  transition:background .3s var(--e)}
:root[data-theme="light"] .v26-cap{background:#0B0C11}
.v26-cap:hover{background:#15060a}
.v26-cap__n{font-size:.72rem;color:var(--neon);letter-spacing:.16em;font-weight:600}
.v26-cap__h{font-family:var(--display);font-weight:800;font-size:clamp(1.2rem,1.8vw,1.6rem);
  letter-spacing:.02em;color:#fff}
.v26-cap__l{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.v26-cap__l i{font-style:normal;font-size:.8rem;color:rgba(255,255,255,.68)}
.v26-cap__l i+i::before{content:"·";margin-right:8px;color:var(--neon)}

/* ---------- 04 PROBLEM FINDER ---------- */
.v26-pf{display:grid;gap:14px;margin-top:clamp(28px,3vw,44px)}
@media(min-width:960px){.v26-pf{grid-template-columns:minmax(260px,.9fr) 1.5fr;gap:28px;align-items:start}}
.v26-pf__l{display:grid;gap:6px}
.v26-pf__b{text-align:left;padding:16px 18px;border-radius:10px;border:1px solid var(--line-2);
  background:var(--bg);color:var(--fg);font-size:.95rem;transition:all .22s var(--e)}
.v26-pf__b:hover{border-color:var(--neon)}
.v26-pf__b[aria-selected="true"]{background:var(--btn);border-color:var(--btn);color:#fff;font-weight:600}
.v26-pf__r{padding:clamp(22px,2.6vw,34px);border-radius:14px;border:1px solid var(--line-2);background:var(--bg)}
.v26-pf__d{font-size:1rem;line-height:1.6;color:var(--fg);max-width:52ch}
.v26-pf__s{display:grid;gap:2px}
.v26-pf__s a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 2px;
  border-bottom:1px solid var(--line);color:var(--fg);font-size:.92rem}
.v26-pf__s a:hover{color:var(--neon)}
.v26-pf__w{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;
  border:1px solid rgba(255,31,61,.4);color:var(--fg);font-size:.9rem}
.v26-pf__w b{color:var(--neon)}
.v26-pf__w span{flex:1;color:var(--fg-2)}
.v26-pf__cta{margin-top:22px}

/* ---------- 05 WORK ---------- */
.v26-works{display:grid;gap:clamp(18px,2.6vw,40px);margin-top:clamp(30px,4vw,54px)}
.v26-work{display:grid;gap:20px;align-items:center}
@media(min-width:900px){
  .v26-work--lg{grid-template-columns:1.35fr 1fr;gap:clamp(26px,3vw,52px)}
  .v26-work--sm{grid-template-columns:1fr 1fr}
  .v26-work.is-flip .v26-work__m{order:2}
}
.v26-work__m{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden}
.v26-work--full .v26-work__m{aspect-ratio:21/9}
.v26-work__b{display:grid;gap:6px;align-content:center}
.v26-work__st{font-family:var(--display);font-weight:600;font-size:clamp(1.05rem,1.5vw,1.3rem);
  letter-spacing:-.02em;color:var(--neon);margin-top:6px}
.v26-work__d{font-size:.95rem;line-height:1.6;color:var(--fg-2);max-width:52ch;margin-top:8px}
.v26-work--cine{position:relative;min-height:min(72vh,620px);border-radius:16px;overflow:hidden;display:block}
.v26-work--cine .v26-work__m{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}
.v26-work--cine .v26-work__over{position:relative;z-index:2;padding:clamp(26px,4vw,64px);
  display:grid;align-content:end;min-height:inherit;
  background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.25) 60%,transparent)}
.v26-work--cine .v26-work__st,.v26-work--cine .v26-work__d{color:#fff}
.v26-big{display:flex;align-items:baseline;gap:14px;margin-top:10px}
.v26-big b{font-family:var(--display);font-weight:800;font-size:clamp(3.4rem,9vw,7.5rem);
  line-height:.85;letter-spacing:-.05em;color:var(--neon)}
.v26-big span{font-size:clamp(1rem,1.4vw,1.25rem);color:#fff}
.v26-big--led b{color:var(--neon)}

/* ---------- 06 TECHNOLOGY ---------- */
.v26-arch{display:grid;gap:16px;margin-top:clamp(28px,3vw,46px)}
@media(min-width:960px){.v26-arch{grid-template-columns:1.1fr 1fr;gap:32px;align-items:start}}
.v26-arch__col{display:grid;gap:2px;position:relative}
.v26-arch__l{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;text-align:left;
  padding:16px 18px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg);
  transition:all .22s var(--e)}
.v26-arch__l:hover{border-color:var(--neon)}
.v26-arch__l[aria-expanded="true"]{border-color:var(--neon);background:color-mix(in srgb,var(--neon) 10%,var(--bg))}
.v26-arch__n{font-size:.72rem;color:var(--neon);font-weight:700;letter-spacing:.1em}
.v26-arch__t{font-family:var(--display);font-weight:700;font-size:.95rem;letter-spacing:.02em;color:var(--fg)}
.v26-arch__col::after{content:"";position:absolute;left:26px;top:0;bottom:0;width:1px;
  background:linear-gradient(180deg,transparent,rgba(255,31,61,.35),transparent);z-index:-1}
.v26-arch__det{padding:clamp(22px,2.6vw,34px);border:1px solid var(--line-2);border-radius:14px;
  background:var(--bg);position:sticky;top:96px}
.v26-arch__d{margin-top:10px;font-size:.98rem;line-height:1.6;color:var(--fg-2);max-width:48ch}

/* ---------- 07 AI ---------- */
.v26-flow{display:grid;gap:2px;margin-top:clamp(28px,3vw,46px)}
@media(min-width:1000px){.v26-flow{grid-template-columns:repeat(7,1fr)}}
.v26-flow__i{display:grid;gap:8px;align-content:start;padding:18px 16px;border:1px solid rgba(255,255,255,.14);
  border-radius:10px;opacity:.42;transition:opacity .4s var(--e),border-color .4s var(--e),background .4s var(--e)}
.v26-flow__i[data-on="true"]{opacity:1;border-color:rgba(255,31,61,.6);background:rgba(255,31,61,.08)}
.v26-flow__n{font-size:.7rem;color:var(--neon);font-weight:700;letter-spacing:.12em}
.v26-flow__t{font-size:.88rem;color:#fff;line-height:1.4}
.v26-ai__pr{margin-top:clamp(30px,4vw,56px)}
.v26-ai__refs{display:grid;gap:12px;margin-top:clamp(24px,3vw,40px)}
@media(min-width:760px){.v26-ai__refs{grid-template-columns:1fr 1fr}}
.v26-ai__ref{display:flex;align-items:center;gap:14px;padding:20px 22px;border-radius:12px;
  border:1px solid rgba(255,31,61,.4);color:#fff;transition:background .25s var(--e)}
.v26-ai__ref:hover{background:rgba(255,31,61,.12)}
.v26-ai__ref b{font-family:var(--display);font-weight:700;font-size:1.05rem}
.v26-ai__ref span{flex:1;font-size:.86rem;color:rgba(255,255,255,.72)}

/* ---------- 08 PRODUCTS ---------- */
.v26-prods{display:grid;gap:clamp(20px,3vw,44px);margin-top:clamp(30px,4vw,54px)}
.v26-prod{display:grid;gap:22px;align-items:center}
@media(min-width:900px){.v26-prod{grid-template-columns:1.25fr 1fr;gap:clamp(26px,3vw,52px)}
  .v26-prod:nth-child(even) .v26-prod__m{order:2}}
.v26-prod__m{aspect-ratio:16/10;border-radius:14px;overflow:hidden}
.v26-prod__b{display:grid;gap:4px;align-content:center}

/* ---------- 09 PUBLIC SECTOR ---------- */
.v26-ps{display:grid;gap:20px;margin-top:clamp(28px,3vw,46px)}
@media(min-width:960px){.v26-ps{grid-template-columns:1fr 1.05fr;gap:36px;align-items:start}}
.v26-ps__l{display:grid;gap:1px;background:var(--line)}
.v26-ps__l a{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;
  padding:16px 14px;background:var(--bg);color:var(--fg);font-size:.95rem}
.v26-ps__l a span{color:var(--neon);font-size:.74rem;font-weight:700;letter-spacing:.1em}
.v26-ps__l a:hover{background:color-mix(in srgb,var(--neon) 8%,var(--bg))}
.v26-ps__f{display:block;padding:clamp(20px,2.4vw,30px);border:1px solid rgba(255,31,61,.4);
  border-radius:14px;background:var(--bg);color:var(--fg)}
.v26-ps__m{aspect-ratio:16/9;border-radius:10px;overflow:hidden;margin-bottom:18px}

/* ---------- 10 PRODUCTION ---------- */
.v26-production{isolation:isolate}
.v26-production__bg{position:absolute;inset:0;opacity:.16;z-index:-1;filter:saturate(.7)}
.v26-proof2{display:grid;gap:14px;margin-top:clamp(28px,3vw,46px)}
@media(min-width:760px){.v26-proof2{grid-template-columns:1fr 1fr;gap:22px}}
.v26-proof2__i{display:grid;gap:6px;padding:clamp(22px,2.6vw,34px);border-radius:14px;
  border:1px solid rgba(255,255,255,.16);color:#fff}
.v26-proof2__i:hover{border-color:var(--neon);background:rgba(255,31,61,.08)}
.v26-proof2__i b{font-family:var(--display);font-weight:800;font-size:clamp(3rem,7vw,5.4rem);
  line-height:.85;color:var(--neon);letter-spacing:-.05em}
.v26-proof2__i span{font-size:1rem}
.v26-proof2__i i{font-style:normal;font-size:.82rem;color:rgba(255,255,255,.6)}
.v26-caplist{display:grid;gap:1px;margin-top:clamp(26px,3vw,44px);background:rgba(255,255,255,.12)}
@media(min-width:800px){.v26-caplist{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1200px){.v26-caplist{grid-template-columns:repeat(3,1fr)}}
.v26-caplist__i{display:grid;gap:6px;padding:20px 22px;background:#000;color:#fff;transition:background .25s var(--e)}
:root[data-theme="light"] .v26-caplist__i{background:#0B0C11}
.v26-caplist__i:hover{background:#160609}
.v26-caplist__t{font-family:var(--display);font-weight:700;font-size:1.05rem}
.v26-caplist__d{font-size:.84rem;color:rgba(255,255,255,.7);line-height:1.5}

/* ---------- 11 EVENTS ---------- */
.v26-events{position:relative;background:#000;padding-block:clamp(80px,11vw,180px);isolation:isolate}
.v26-events__bg{position:absolute;inset:0;opacity:.3;z-index:-2}
.v26-events::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.9))}
.v26-events .v26-h2,.v26-events .v26-lead{color:#fff}
.v26-hot{display:grid;gap:1px;margin-top:clamp(28px,3vw,46px);background:rgba(255,255,255,.14)}
@media(min-width:700px){.v26-hot{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1200px){.v26-hot{grid-template-columns:repeat(6,1fr)}}
.v26-hot__i{display:grid;gap:8px;align-content:start;padding:20px 18px;background:#000;color:#fff;
  transition:background .25s var(--e)}
.v26-hot__i:hover{background:rgba(255,31,61,.14)}
.v26-hot__t{font-family:var(--display);font-weight:800;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase}
.v26-hot__d{font-size:.82rem;color:rgba(255,255,255,.72);line-height:1.5}
.v26-events__foot{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;
  margin-top:clamp(26px,3vw,44px)}
.v26-evrefs{display:flex;flex-wrap:wrap;gap:18px}
.v26-evrefs a{color:rgba(255,255,255,.8);font-size:.9rem}
.v26-evrefs a:hover{color:var(--neon)}

/* ---------- 12 360 ---------- */
.v26-eco__vis{position:relative;margin-top:clamp(30px,4vw,56px);display:grid;gap:10px}
.v26-eco__core{justify-self:start;padding:16px 22px;border-radius:999px;background:var(--btn);color:#fff;
  font-family:var(--display);font-weight:800;letter-spacing:.06em;font-size:.9rem}
.v26-eco__ring{display:grid;gap:2px}
.v26-eco__n{position:relative;padding:13px 0 13px 26px;border-bottom:1px solid var(--line);
  font-size:.95rem;color:var(--fg)}
.v26-eco__n::before{content:"";position:absolute;left:6px;top:0;bottom:0;width:1px;background:rgba(255,31,61,.4)}
.v26-eco__n::after{content:"";position:absolute;left:2px;top:50%;width:9px;height:9px;margin-top:-4px;
  border-radius:50%;background:var(--neon)}
@media(min-width:1000px){
  .v26-eco__vis{min-height:520px;place-items:center}
  .v26-eco__core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;
    padding:26px 30px;font-size:1rem}
  .v26-eco__ring{position:relative;width:520px;height:520px;display:block}
  .v26-eco__n{position:absolute;left:50%;top:50%;padding:9px 16px;border:1px solid var(--line-2);
    border-radius:999px;background:var(--bg);white-space:nowrap;border-bottom:1px solid var(--line-2);
    transform:rotate(calc(var(--i) * (360deg / var(--n)))) translate(230px) rotate(calc(-1 * var(--i) * (360deg / var(--n)))) translate(-50%,-50%)}
  .v26-eco__n::before,.v26-eco__n::after{display:none}
  .v26-eco__ring::before{content:"";position:absolute;left:50%;top:50%;width:460px;height:460px;
    margin:-230px 0 0 -230px;border-radius:50%;border:1px dashed rgba(255,31,61,.35)}
}

/* ---------- 13 WHY ---------- */
.v26-why__l{display:grid;gap:1px;margin-top:clamp(28px,3vw,46px);background:rgba(255,255,255,.12)}
@media(min-width:860px){.v26-why__l{grid-template-columns:1fr 1fr}}
.v26-why__i{padding:clamp(24px,3vw,42px);background:#000}
:root[data-theme="light"] .v26-why__i{background:#0B0C11}
.v26-why__n{font-size:.74rem;color:var(--neon);font-weight:700;letter-spacing:.14em}
.v26-why__i .v26-h3{color:#fff}
.v26-why__i .v26-work__d{color:rgba(255,255,255,.76)}

/* ---------- 14 PROOF ---------- */
.v26-nums{display:grid;gap:14px}
@media(min-width:760px){.v26-nums{grid-template-columns:repeat(3,1fr);gap:24px}}
.v26-num{display:grid;gap:6px;padding:clamp(22px,2.6vw,34px);border-radius:14px;border:1px solid var(--line-2);
  color:var(--fg)}
.v26-num:hover{border-color:var(--neon)}
.v26-num b{font-family:var(--display);font-weight:800;font-size:clamp(2.4rem,5vw,4rem);line-height:.9;
  color:var(--neon);letter-spacing:-.04em}
.v26-num span{font-size:.9rem;color:var(--fg-2)}
.v26-inds{margin-top:clamp(30px,3.4vw,48px)}
.v26-inds__l{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.v26-inds__l a{font-size:.9rem;color:var(--fg-2)}
.v26-inds__l a:hover{color:var(--neon)}
.v26-faq{margin-top:clamp(34px,4vw,60px)}

/* ---------- 15 FINAL ---------- */
.v26-final{background:#000;padding-block:clamp(72px,9vw,150px)}
:root[data-theme="light"] .v26-final{background:#0B0C11}
.v26-final .v26-h2,.v26-final .v26-lead{color:#fff}
.v26-final__s{margin-top:clamp(26px,3vw,44px);font-size:.76rem;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.55)}

/* ---------- gibanje ---------- */
@media (prefers-reduced-motion: reduce){
  .v26-stack__i{animation:none}
  .v26-rot>span{transition:none}
  .v26-flow__i{opacity:1}
}

/* ---------- V27: hero in ritem ---------- */
.v27-hero{min-height:92svh;padding-top:96px}
.v27-hero__in{align-items:center;gap:clamp(26px,4vw,64px)}
.v27-hero__copy{grid-column:1/-1}
.v27-worlds{grid-column:1/-1;margin-top:clamp(28px,4vw,10px)}
@media(min-width:1040px){
  .v27-hero__copy{grid-column:1/7}
  .v27-worlds{grid-column:7/-1;margin-top:0}
}
.v27-h1{letter-spacing:-.045em}
.v27-lead{max-width:60ch}
.v27-hero__hint{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:.88rem;color:var(--mut)}
.v27-hero__hint:hover{color:var(--neon)}
.v27-hero__hint svg{width:14px;height:14px}
.v27-worlds{display:grid;gap:1px;background:var(--line)}
.v27-worlds>.v27-worlds__vis{background:transparent}
.v27-world{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;padding:15px 16px;background:var(--bg);
  transition:background .25s var(--e)}
.v27-world__n{grid-row:1/3;font-size:.74rem;font-weight:700;letter-spacing:.1em;color:var(--mut);padding-top:3px}
.v27-world__t{font-family:var(--display);font-weight:700;font-size:1.02rem;letter-spacing:-.02em;color:var(--fg)}
.v27-world__d{font-size:.82rem;color:var(--fg-2);line-height:1.5;max-width:44ch}
.v27-world[aria-current="true"]{background:color-mix(in srgb,var(--neon) 9%,var(--bg))}
.v27-world[aria-current="true"] .v27-world__n{color:var(--neon)}
.v27-world:hover{background:color-mix(in srgb,var(--neon) 7%,var(--bg))}
.v27-worlds__vis{width:100%;aspect-ratio:16/10;border-radius:14px;overflow:hidden;margin-bottom:14px;
  box-shadow:0 26px 70px -46px rgba(0,0,0,.9)}
@media(max-width:640px){.v27-worlds__vis{aspect-ratio:16/9}}
/* ritem: showcase sekcije dobijo več zraka, prehodne manj (§35) */
.v26-trust,.v26-proof{padding-block:clamp(48px,5.6vw,96px)}
.v26-work-sec,.v26-events,.v26-production{padding-block:clamp(70px,9vw,160px)}

/* ---------- V31: obseg in številke na projektih ---------- */
.cscope{display:flex;flex-wrap:wrap;gap:8px}
.cscope__i{font-size:.82rem;color:var(--pfg-2);padding:9px 14px;border-radius:8px;
  background:var(--pbg);border:1px solid var(--pline)}
.cnums{display:grid;gap:14px}
@media(min-width:640px){.cnums{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}}
.cnum{display:grid;gap:6px;padding:clamp(20px,2.4vw,30px);border-radius:14px;
  border:1px solid var(--pline);background:var(--pbg)}
.cnum b{font-family:var(--display);font-weight:800;font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:.9;
  color:var(--neon);letter-spacing:-.04em}
.cnum span{font-size:.9rem;color:var(--pfg-2)}

/* ---------- V32: glava na telefonu ---------- */
@media(max-width:520px){
  #ctaBtn{display:none}           /* kontakt je v meniju — gumb ne lomi glave */
  .lang{min-width:40px;padding-inline:10px}
  .hdr__in{gap:10px}
}
@media(max-width:400px){
  
}

/* ---------- V33: popravek mobilnega menija ---------- */
.mm .g{grid-template-columns:1fr}          /* meni ni 12-stolpčna mreža */
.mm__grp,.mm__one{grid-column:1/-1;width:100%}
.mm__k a{grid-column:1/-1;font-family:var(--body);font-size:.98rem;font-weight:400;
  padding:12px 0;letter-spacing:0;animation:none;opacity:1;justify-content:flex-start}
.mm__h{animation:none;opacity:1}
.mm__one{animation:mmIn .45s var(--e) forwards}

/* ---------- V9: tap targets (na koncu, da premaga prejšnja pravila) ---------- */
@media (hover:none){
  .logo{min-height:44px;display:inline-flex;align-items:center;position:relative}
  .logo img{height:30px!important;width:auto}
  .kbd{height:44px!important}
  .ft a{padding-block:11px}
  .crumbs a,.crumbs span{padding-block:11px;display:inline-block;line-height:1.5}
  .lnk{padding-block:11px}
  .rel a{padding-block:12px}
  .mq__i{padding-block:10px}
  .recall__x{width:44px!important;height:44px!important}
  .rrow{padding-block:24px}
  .btn--sm{height:46px!important;padding-inline:20px}
  .fbtn{height:44px!important;padding-inline:18px}
  .lang{height:34px!important;position:relative}
  .lang::after{content:"";position:absolute;inset:-8px -6px;border-radius:999px}
  .tgl{height:32px!important}
  .tgl::after{content:"";position:absolute;inset:-8px -6px;border-radius:999px}
  #burger{width:44px!important;height:44px!important}
  .toc a{padding-block:12px}
  .pick{padding:18px}
  .field input,.field select{height:48px}
}

/* ---------- V36: vrtiljak naročnikov (počasi, levo → desno) ---------- */
.lmq{overflow:hidden;margin-top:24px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.lmq__t{display:flex;gap:12px;width:max-content;animation:lmqMove 90s linear infinite}

.lmq .lwall__i{min-width:190px;flex:none}
@keyframes lmqMove{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){.lmq__t{animation:none}}
@media(max-width:520px){.lmq .lwall__i{min-width:158px;min-height:68px}}

.tm{font-size:.62em;vertical-align:super;line-height:0;margin-left:2px;opacity:.85}
/* ---------- V53: stran Delo — prepletanje kot na domači strani ----------
   Slika je vedno v levem stolpcu, besedilo v desnem, zato se lahko slike
   navpično prekrivajo med sabo, besedilo pa nikoli. */
/* ---------- V58: stran Delo — kompaktne kartice ----------
   Cilj: na zaslonu naj bo hkrati vidnih ~3 projekte, ne en sam.
   Slika ostane izmenično levo/desno in je še vedno višja od besedila,
   da se kartice lahko rahlo prekrivajo. */
@media(min-width:620px){
  /* stolpca slik se prekrivata (6–7), zato se lahko sliki dotakneta */
  #workGrid .pj__m{grid-column:1/8}
  #workGrid .pj__b{grid-column:8/13}
  #workGrid .pj:nth-child(even) .pj__m{grid-column:6/13;grid-row:1}
  #workGrid .pj:nth-child(even) .pj__b{grid-column:1/6;grid-row:1}
  #workGrid .pj__m .pic,#workGrid .pj__m canvas{aspect-ratio:16/10}
  #workGrid .pj__t{font-size:clamp(1.15rem,1.5vw,1.5rem);line-height:1.15}
  #workGrid .pj__d{font-size:.86rem;line-height:1.5;margin-top:8px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #workGrid .pj__r{font-size:.76rem;margin-top:10px;padding-top:8px}
  #workGrid .pj__b{gap:2px}
  #workGrid .pj+.pj{margin-top:clamp(20px,2.4vw,40px)}
}
/* tablica: manjša tipografija znotraj iste postavitve */
@media(min-width:620px) and (max-width:999px){
  #workGrid .pj__t{font-size:1.12rem}
  #workGrid .pj__d{font-size:.82rem}
  #workGrid .pj__m .pic,#workGrid .pj__m canvas{aspect-ratio:4/3}
}

/* telefon: kompaktne kartice, brez odvečne višine */
@media(max-width:619px){
  #workGrid .pj__m .pic,#workGrid .pj__m canvas{aspect-ratio:16/9}
  #workGrid .pj__b{padding-top:10px;gap:1px}
  #workGrid .pj__c{font-size:.62rem}
  #workGrid .pj__cl{font-size:.8rem}
  #workGrid .pj__t{font-size:1.02rem;line-height:1.18;margin-top:2px}
  #workGrid .pj__d{font-size:.82rem;line-height:1.45;margin-top:6px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #workGrid .pj__r{font-size:.72rem;margin-top:8px;padding-top:6px}
  #workGrid .pj__go{font-size:.76rem;margin-top:8px}
  #workGrid .pj+.pj{margin-top:18px}
}

@media(max-width:619px){ .pg .pj{margin-top:18px!important} .pg .pj:first-child{margin-top:0!important} }

/* ---------- V60: brez vodoravnega premikanja na iOS ----------
   overflow-x samo na <body> na iPhonu ne zadošča — <html> je še vedno
   dovoljeval vodoravno vlečenje. Uporabimo clip (ne ustvari drsnega
   okvira, zato lepljivi elementi delujejo naprej) + prepoved odboja. */
html{overflow-x:clip;overscroll-behavior-x:none}
body{overflow-x:clip;overscroll-behavior-x:none;width:100%;max-width:100%}
@supports not (overflow:clip){ html,body{overflow-x:hidden} }

/* ---------- Vpogledi ---------- */
.vplist{display:grid;gap:14px}
.vpcard{display:grid;gap:6px;padding:clamp(18px,2.2vw,26px);border:1px solid var(--pline);border-radius:16px;
  background:var(--pbg);transition:border-color .25s var(--e),transform .25s var(--e)}
.vpcard:hover{border-color:#FF1F3D;transform:translateY(-2px)}
.vpcard__k{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.vpcard__t{font-family:var(--display);font-size:clamp(1.15rem,1.8vw,1.5rem);color:var(--pfg);line-height:1.2}
.vpcard__d{font-size:.9rem;color:var(--pfg-2);line-height:1.55;max-width:70ch}
.vpcard__go{font-size:.82rem;color:#FF1F3D;display:flex;align-items:center;gap:8px;margin-top:4px}
.vp p.p+p.p{margin-top:12px}

/* ---------- V79: obrazec se ne razteza čez zaslon ---------- */
.wiz,.wiz>*,.wizpanel,#ctxFields,.field{min-width:0;max-width:100%}
#wizBar,.wizbar{flex-wrap:wrap;row-gap:10px;max-width:100%}
#wizBar>*,.wizbar>*{min-width:0}
.field input,.field select,.field textarea{width:100%;max-width:100%;box-sizing:border-box}
.field input[type="file"]{padding:10px 12px;font-size:.82rem}
.field input[type="file"]::file-selector-button{margin-right:10px;padding:6px 10px;border-radius:8px;
  border:1px solid var(--line-2);background:transparent;color:var(--fg);font-size:.8rem}
.wiz__act{display:flex;flex-wrap:wrap;gap:10px;align-items:center;max-width:100%}
@media(max-width:520px){
  #wizBar,.wizbar{gap:10px;font-size:.86rem}
  .wiz__act{width:100%}
  .wiz__act .btn{flex:1 1 auto;justify-content:center}
}

/* ---------- V78: povezava do sheme ---------- */
.bout__url{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0 4px}
.bout__url input{flex:1;min-width:220px;height:40px;padding:0 12px;border:1px solid var(--pline);
  border-radius:10px;background:var(--pbg);color:var(--pfg);font-size:.82rem;font-family:var(--body)}
.bout__url__b{height:40px;padding:0 14px;border:1px solid var(--pline);border-radius:10px;
  background:transparent;color:var(--pfg);font-size:.82rem}
.bout__url__b:hover{border-color:#FF1F3D;color:#FF1F3D}
.bout__url__s{font-size:.78rem;color:var(--acc)}

/* ---------- V74: ukazna vrstica ---------- */
.kbd__i{width:15px;height:15px;flex:none;opacity:.8}
.cmd__hint{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:12px 18px;
  border-top:1px solid var(--line);font-size:.74rem;color:var(--mut)}
.cmd__hint b{display:inline-block;min-width:18px;padding:2px 5px;margin-right:4px;border-radius:5px;
  border:1px solid var(--line-2);font-family:var(--body);font-size:.72rem;text-align:center;color:var(--fg-2)}
.cmd__hint__k{margin-left:auto}
@media(max-width:520px){.cmd__hint{display:none}}

/* ---------- V65: interaktivne sistemske sheme ---------- */
.sysd__wrap{border:1px solid var(--pline);border-radius:18px;background:var(--pbg);
  padding:clamp(14px,2vw,26px);overflow:hidden}
.sysd svg{width:100%;height:auto;display:block}
.sysd__n{cursor:pointer}
.sysd__n rect{fill:rgba(255,31,61,.055);stroke:rgba(255,31,61,.42);stroke-width:1;
  transition:fill .25s var(--e),stroke .25s var(--e),opacity .25s var(--e)}
.sysd__n--core rect{fill:rgba(255,31,61,.13);stroke:#FF1F3D}
.sysd__n text{fill:var(--pfg);font-family:var(--display);font-weight:600;pointer-events:none}
.sysd__n:hover rect{fill:rgba(255,31,61,.2);stroke:#FF1F3D}
/* stikalo v vsakem delu: polna pika = vklopljeno, × = izklopljeno */
.sysd__sw{fill:#FF1F3D;stroke:none;transition:fill .2s var(--e),stroke .2s var(--e)}
.sysd__n:hover .sysd__sw{fill:#fff}
.sysd__x{fill:#0B0B10;opacity:0;transition:opacity .18s var(--e);font-family:var(--body);font-weight:700;pointer-events:none}
.sysd__n[data-state="off"] .sysd__sw{fill:transparent;stroke:#fff;stroke-width:1.5}
.sysd__n[data-state="off"] .sysd__x{opacity:1;fill:#fff}
.sysd__n[data-state="broken"] .sysd__sw{fill:rgba(255,255,255,.18)}
/* vrstica stanja nad shemo */
.sysd__bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px;
  padding:12px 16px;border:1px solid var(--pline);border-radius:14px;background:var(--pbg)}
.sysd__bar__t{font-size:.9rem;color:var(--pfg-2)}
.sysd__bar__t b{font-family:var(--display);font-size:1.15rem;color:var(--pfg)}
.sysd__bar__g{flex:1;min-width:120px;height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.sysd__bar__g i{display:block;height:100%;background:#FF1F3D;transition:width .35s var(--e)}
.sysd__bar[data-state="partial"] .sysd__bar__g i{background:#FF8A3D}
.sysd__bar[data-state="down"] .sysd__bar__g i{background:rgba(255,255,255,.2)}
.sysd__bar[data-state="down"] .sysd__bar__t b{color:#FF1F3D}
.sysd__bar__h{font-size:.78rem;color:var(--acc);letter-spacing:.06em;text-transform:uppercase}
.sysd__bar__r{border:1px solid var(--pline);border-radius:999px;padding:7px 14px;font-size:.8rem;
  color:var(--pfg);background:transparent;min-height:36px}
.sysd__bar__r:hover{border-color:#FF1F3D;color:#FF1F3D}
.sysd__st{fill:var(--acc);font-family:var(--body);font-weight:400;letter-spacing:.04em}
.sysd__n[data-state="off"] rect{fill:rgba(255,255,255,.03);stroke:rgba(255,255,255,.28);stroke-dasharray:5 4}
.sysd__n[data-state="off"] text{fill:var(--pfg-2)}
.sysd__n[data-state="off"] .sysd__x{opacity:1;fill:#fff}
.sysd__n[data-state="broken"] rect{fill:rgba(255,255,255,.02);stroke:rgba(255,255,255,.16);stroke-dasharray:3 5}
.sysd__n[data-state="broken"] text{fill:var(--pfg-2);opacity:.6}
.sysd__n[data-state="broken"] .sysd__st{opacity:1;fill:#FF6A80}

.sysd__e{stroke:rgba(255,31,61,.5);stroke-width:1.4;fill:none;
  stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke .25s var(--e),opacity .25s var(--e)}
.sysd[data-on="true"] .sysd__e{animation:sysDraw .9s var(--e) forwards}
.sysd__e[data-state="broken"]{stroke:rgba(255,255,255,.14)}
@keyframes sysDraw{to{stroke-dashoffset:0}}
.sysd__l{fill:var(--acc);font-family:var(--body);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.sysd__out{margin-top:18px}
.sysd__hint{font-size:.86rem;color:var(--pfg-2)}
.sysd__panel{border:1px solid #FF1F3D;border-radius:16px;padding:clamp(16px,2vw,24px);background:rgba(255,31,61,.06)}
.sysd__ph{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin-bottom:10px}
.sysd__ph b{color:var(--pfg);letter-spacing:0;text-transform:none;font-size:.95rem}
.sysd__cnt{display:inline-block;min-width:22px;padding:1px 7px;border-radius:999px;background:#FF1F3D;color:#fff;
  font-size:.72rem;text-align:center;margin-left:6px;letter-spacing:0}
.sysd__act{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:18px}
/* telefon: namesto sheme gumbi po plasteh */
.sysd__m{display:none}
@media(max-width:759px){
  .sysd svg{display:none}
  .sysd__m{display:grid;gap:8px}
  .sysd__m .lvl{border:1px solid var(--pline);border-radius:12px;padding:10px 12px;background:rgba(255,31,61,.05)}
  .sysd__m .lvl b{display:block;font-family:var(--display);font-size:.8rem;color:var(--acc);
    letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
  .sysd__m .lvl__n{display:flex;flex-wrap:wrap;gap:6px}
  .sysd__mb{border:1px solid rgba(255,31,61,.42);background:rgba(255,31,61,.07);color:var(--pfg);
    border-radius:999px;padding:8px 12px;font-size:.82rem;min-height:38px}
  .sysd__mb[data-state="off"]{border-style:dashed;border-color:rgba(255,255,255,.3);
    background:rgba(255,255,255,.04);color:var(--pfg-2);text-decoration:line-through}
  .sysd__mb[data-state="broken"]{border-color:rgba(255,255,255,.16);background:transparent;color:var(--pfg-2);opacity:.65}
  .sysd__m .ar{justify-self:center;color:#FF1F3D;font-size:.85rem;line-height:1}
}

/* ---------- V42: prave fotografije projektov ---------- */
.pic{display:block;overflow:hidden;line-height:0;background:var(--pbg)}
.pic img{width:100%;height:100%;display:block;object-fit:cover;background-size:cover;background-position:center}
.pj__m .pic{position:static;display:block;width:100%;aspect-ratio:16/10}
.pj__m .pic img{width:100%;height:100%;object-fit:cover}
.gal{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));margin-top:8px}@media(max-width:560px){.gal{grid-template-columns:1fr 1fr;gap:8px}}
.gal .pic{border-radius:14px;border:1px solid var(--line);aspect-ratio:1/1}
.gal .pic img{width:100%;height:100%}
.pichero{border-radius:18px;border:1px solid var(--line);aspect-ratio:16/9;margin-bottom:26px}
.pichero--pokoncna{aspect-ratio:4/5;max-width:460px}

/* ---------- V41: naslov v heroju — repi črk (g, j, š) niso več odrezani ----------
   .mask je rezal spodnjo vrstico; neaktivne različice so tako ali tako prosojne,
   zato rezanje ni potrebno. Vrstici dobita malenkost več zraka. */
.mask{overflow:visible!important}
.rot>span{will-change:transform,opacity}
.hero h1,.hero .d0{line-height:.98}
.hero .mask{display:block;padding-bottom:.04em}

/* ---------- V36: glava — nic se ne lomi, nic se ne stiska ---------- */
#ctaBtn{flex:none!important;white-space:nowrap!important}
.lang{display:inline-flex!important;align-items:center;justify-content:center;line-height:1;text-align:center;
  padding-block:0;font-variant-numeric:tabular-nums}
.lang,.tgl,.logo,#burger{flex:none}
@media(max-width:1240px){
  .kbd{padding:0;width:38px;justify-content:center}
  .kbd #kbdLabel,.kbd b{display:none}
}
@media(max-width:520px){ .kbd{width:36px} }      /* iskanje ostane na ⌘K */
@media(max-width:1160px){ .nav a{padding:7px 6px;font-size:.76rem} .hdr__in{gap:12px} }
/* spustni meni mora biti neprosojen — sicer se skozenj vidi naslov strani */
.mega{background:var(--bg)!important;border-bottom:1px solid var(--line)}

/* ---------- V103: telefon ima enak videz ozadja kot namizje ----------
   V88/V93 sem na dotičnih napravah spremenil videz (brez maske na platnu, manjša
   zameglitev krogov, brez zrnatosti) zaradi hitrosti. Rezultat je bil drugačen
   videz kot na namizju — vidni mehki krogi. Videz je zdaj povsod enak;
   hitrost rešuje logika v JS (med drsenjem se riše redkeje, ne drugače). */
@media (hover:none) and (pointer:coarse){
  .hdr{transition:background .3s var(--e)}
}

/* ---------- V86: telefon — mirnejša tipografija, brez namiga za drsenje ----------
   Namig »Scroll« je absolutno postavljen na dno uvoda; pri nizkem zaslonu je
   pristal pod gumbom. Na telefonu ga ne potrebujemo, zato ga skrijemo.
   Naslov, podnaslov in besedilo dobijo manjše mere, da razmerja ostanejo berljiva. */
@media(max-width:720px){
  .scroll{display:none}
  .d0{font-size:clamp(1.95rem,8vw,2.6rem);line-height:1.02}
  .d1{font-size:clamp(1.85rem,7.4vw,2.45rem);line-height:1.04}
  .d2{font-size:clamp(1.5rem,6vw,1.95rem)}
  .psec h3,.psec>h2{font-size:clamp(1.28rem,5.4vw,1.6rem)}
  .lead{font-size:.97rem;line-height:1.58}
  .p,.sm{font-size:.93rem;line-height:1.6}
  .kick{font-size:.62rem;letter-spacing:.18em}
  .hero h1,.hero .d0{line-height:1.02}
}

/* V112: skupine certifikatov — podnaslov mora biti tišji od naslova razdelka */
.cgrp{margin-bottom:clamp(16px,2vw,26px)}
.psec .cgrp h3{font-family:var(--body);font-size:.72rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mut);margin:0 0 10px}

/* ---------- V119: kratek obrazec in pojavno okno z zasebnostjo ---------- */
.qf{margin-top:20px;padding:clamp(18px,2.3vw,26px)}
.qf .field:last-of-type{margin-bottom:10px}
.qf__f{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:4px}
.qf__ok{color:var(--acc)}
#qOut{max-width:34ch}
/* V120: kratko vprašanje in podrobno povpraševanje sta en sklop — manj praznine vmes */
#quick{padding-bottom:clamp(20px,2.4vw,34px)}
#form{padding-top:clamp(24px,2.8vw,40px)}
.privbody{margin-top:6px}
.privbody .psec{padding-block:18px 0;border:0}
.privbody .psec h2{font-size:clamp(1.02rem,1.5vw,1.24rem);margin-bottom:8px}
.privok{margin-top:26px;position:sticky;bottom:calc(-1*clamp(22px,3vw,44px));
  margin-inline:calc(-1*clamp(22px,3vw,44px));border-radius:0;border-inline:0;border-bottom:0;
  padding:18px clamp(22px,3vw,44px);background:var(--bg);box-shadow:0 -18px 30px -18px rgba(0,0,0,.9)}

/* ---------- V121: tabela in notranje povezave v poglobljeni vsebini ---------- */
.dtabw{overflow-x:auto;margin-top:18px;border:1px solid var(--pline);border-radius:14px;background:var(--pbg)}
.dtab{width:100%;border-collapse:collapse;font-size:.9rem;min-width:520px}
.dtab th{text-align:left;padding:13px 16px;color:var(--acc);font-weight:600;
  border-bottom:1px solid var(--pline);white-space:nowrap}
.dtab td{padding:12px 16px;color:var(--pfg);vertical-align:top;border-bottom:1px solid var(--pline)}
.dtab tr:last-child td{border-bottom:0}
.dtab td:first-child{color:var(--fg);white-space:nowrap}
.rel--in{margin-top:20px}
.psec .callout+ul,.psec .callout+.mini3{margin-top:18px}
.psec .flowline{margin-top:18px}

/* ---------- V122: naslovnica — drugi odstavek manjši od uvodnega ---------- */
.hero__sub{margin-top:16px;max-width:64ch;font-size:clamp(.86rem,.95vw,.98rem);
  line-height:1.55;color:var(--mut);opacity:0;animation:fade .9s var(--e) .62s forwards}

/* ---------- V122: kazalo na telefonu in tablici — zloženo, brez vodoravnega drsenja ---------- */
@media(max-width:1099px){
  .toc[data-compact="true"]{display:block;overflow:visible;gap:0;padding:0}
  .toc[data-compact="true"] .toc__t{width:100%;display:flex;align-items:center;gap:10px;
    padding:14px 16px;background:none;border:0;color:var(--fg);font:inherit;font-size:.86rem;
    text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .toc__t span{flex:1}
  .toc__t em{font-style:normal;font-size:.74rem;color:var(--mut);
    border:1px solid var(--pline);border-radius:999px;padding:2px 8px}
  .toc__t i{flex:none;width:8px;height:8px;margin-top:-4px;
    border-right:2px solid var(--acc);border-bottom:2px solid var(--acc);
    rotate:45deg;transition:rotate .25s var(--e),margin .25s var(--e)}
  .toc[data-compact="true"][data-open="true"] .toc__t i{rotate:-135deg;margin-top:3px}
  .toc[data-compact="true"] a{display:none}
  .toc[data-compact="true"][data-open="true"]{max-height:min(58vh,520px);overflow-y:auto}
  .toc[data-compact="true"][data-open="true"] a{display:block;white-space:normal;
    padding:12px 16px;border-top:1px solid var(--pline);font-size:.85rem}
  .toc[data-compact="true"][data-open="true"] a[data-on="true"]{color:var(--fg);padding-left:16px}
  .toc[data-compact="true"] a::before{display:none}
}

/* ---------- V123: povezava do interne aplikacije (zunanji naslov) ---------- */
.ftx span{margin-left:6px;font-size:.78em;color:var(--mut);vertical-align:1px}
.ftx:hover span{color:inherit}

/* ---------- V125: kontaktne kartice ---------- */
.ctc{display:grid;gap:14px;margin-top:20px}
@media(min-width:700px){.ctc{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ctc>div{padding:16px 18px;border:1px solid var(--pline);border-radius:14px;background:var(--pbg);
  display:grid;gap:4px;align-content:start}
.ctc span{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.ctc b{font-weight:500;color:var(--pfg);font-size:.98rem}
.ctc a{color:var(--acc);font-size:.98rem;width:max-content;transition:color .2s var(--e)}
.ctc a:hover{color:var(--neon)}
.ctc i{font-style:normal;font-size:.78rem;color:var(--mut)}

/* ---------- V126: sidro ob naslovu razdelka ---------- */
.psec > h2{position:relative}
.anch{margin-left:10px;padding:0 4px;background:none;border:0;cursor:pointer;
  font:inherit;font-size:.72em;line-height:1;color:var(--mut);opacity:0;
  transition:opacity .2s var(--e),color .2s var(--e);vertical-align:middle}
.psec:hover > h2 .anch,.anch:focus-visible{opacity:.55}
.anch:hover,.anch[data-ok="true"]{opacity:1;color:var(--acc)}
@media(hover:none){.psec > h2 .anch{opacity:.35}}

/* ---------- V126: razlaga strokovnega izraza ---------- */
abbr.gl{text-decoration:none;border-bottom:1px dotted color-mix(in srgb,var(--acc) 70%,transparent);
  cursor:help;transition:border-color .2s var(--e),color .2s var(--e)}
abbr.gl:hover,abbr.gl:focus-visible{color:var(--fg);border-bottom-color:var(--acc)}
.glpop{position:fixed;z-index:95;padding:16px 18px 14px;border-radius:14px;
  border:1px solid var(--pline);background:color-mix(in srgb,var(--bg) 96%,transparent);
  backdrop-filter:blur(18px);box-shadow:0 22px 50px -24px rgba(0,0,0,.9);
  opacity:0;translate:0 6px;transition:opacity .2s var(--e),translate .2s var(--e)}
.glpop[data-on="true"]{opacity:1;translate:0}
.glpop b{display:block;font-size:.92rem;color:var(--fg);margin-bottom:7px;padding-right:22px}
.glpop p{font-size:.84rem;line-height:1.55;color:var(--fg-2)}
.glpop a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;margin-top:12px;font-size:.78rem;color:var(--acc)}
.glpop a svg,.glpop a i{flex:none}
.glpop__x{position:absolute;top:10px;right:12px;background:none;border:0;cursor:pointer;
  color:var(--mut);font-size:.8rem;line-height:1;padding:4px}
.glpop__x:hover{color:var(--acc)}

/* ---------- V126: seznam izrazov na strani /slovar ---------- */
.gls{display:grid;gap:14px;margin-top:22px}
@media(min-width:820px){.gls{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gls > div{padding:16px 18px;border:1px solid var(--pline);border-radius:14px;background:var(--pbg);
  scroll-margin-top:110px}
.gls dt{font-size:.94rem;color:var(--fg);margin-bottom:6px}
.gls dd{font-size:.85rem;line-height:1.55;color:var(--fg-2)}
.gls > div:target{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}

/* ---------- V126: tiha ponudba angleške različice ---------- */
.lhint{position:fixed;left:50%;translate:-50% 14px;bottom:22px;z-index:93;
  display:flex;align-items:center;gap:14px;padding:12px 14px 12px 20px;
  border:1px solid var(--pline);border-radius:999px;
  background:color-mix(in srgb,var(--bg) 95%,transparent);backdrop-filter:blur(18px);
  box-shadow:0 22px 50px -26px rgba(0,0,0,.9);
  opacity:0;transition:opacity .3s var(--e),translate .3s var(--e);max-width:calc(100vw - 24px)}
.lhint[data-on="true"]{opacity:1;translate:-50% 0}
.lhint span{font-size:.85rem;color:var(--fg-2)}
.lhint__x{background:none;border:0;cursor:pointer;color:var(--mut);font-size:.8rem;padding:4px 2px}
.lhint__x:hover{color:var(--acc)}
@media(max-width:620px){
  .lhint{flex-wrap:wrap;border-radius:16px;left:12px;right:12px;translate:0 14px;
    max-width:none;padding:14px 16px}
  .lhint[data-on="true"]{translate:0}
}

/* ---------- V128: kratko obvestilo ob kopiranju povezave na razdelek ---------- */
.atoast{position:fixed;left:50%;bottom:22px;translate:-50% 14px;z-index:96;
  display:flex;align-items:center;gap:12px;padding:10px 12px 10px 18px;
  max-width:calc(100vw - 24px);
  border:1px solid var(--pline);border-radius:999px;
  background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(20px);
  box-shadow:0 20px 46px -26px rgba(0,0,0,.92);
  opacity:0;transition:opacity .26s var(--e),translate .26s var(--e)}
.atoast[data-on="true"]{opacity:1;translate:-50% 0}
.atoast b{font-size:.85rem;font-weight:500;color:var(--fg);white-space:nowrap}
.atoast span{font-size:.85rem;color:var(--acc);max-width:34ch;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.atoast__x{background:none;border:0;cursor:pointer;color:var(--mut);font-size:.78rem;padding:4px 2px}
.atoast__x:hover{color:var(--acc)}
@media(max-width:620px){
  .atoast{left:12px;right:12px;translate:0 14px;border-radius:14px;padding:12px 14px}
  .atoast[data-on="true"]{translate:0}
  .atoast b{white-space:normal}
  .atoast > span{display:none}          /* skrijemo ime razdelka, ne napisa v gumbu */
}

/* ---------- V129: orodje za dimenzioniranje LED zaslona ---------- */
.ledc{display:grid;gap:20px;margin-top:24px}
@media(min-width:960px){.ledc{grid-template-columns:320px minmax(0,1fr);align-items:start}}
.ledc__in{padding:20px;border:1px solid var(--pline);border-radius:16px;background:var(--pbg);
  position:sticky;top:100px}
@media(max-width:959px){.ledc__in{position:static}}
.ledc__in h4{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);
  margin:18px 0 10px}
.ledc__in h4:first-child{margin-top:0}
.ledc__r{display:grid;grid-template-columns:1fr auto;gap:4px 10px;margin-bottom:12px;align-items:center}
.ledc__r > span{font-size:.82rem;color:var(--fg-2)}
.ledc__r output{font-size:.82rem;color:var(--acc);font-variant-numeric:tabular-nums;text-align:right}
.ledc__r input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--btn);height:22px;cursor:pointer}
.ledc__g{margin-top:14px}
.ledc__g > span{display:block;font-size:.82rem;color:var(--fg-2);margin-bottom:8px}
.ledc__b{display:flex;flex-wrap:wrap;gap:6px}
.ledc__b button{padding:8px 12px;border:1px solid var(--pline);border-radius:999px;
  background:transparent;color:var(--fg-2);font:inherit;font-size:.8rem;cursor:pointer;
  transition:all .2s var(--e)}
.ledc__b button:hover{border-color:var(--acc);color:var(--fg)}
.ledc__b--w{display:grid;gap:8px}
.ledc__b--w button{border-radius:12px;padding:11px 14px;display:grid;gap:2px;text-align:left}
.ledc__b--w b{font-size:.92rem;font-weight:600;color:inherit}
.ledc__b--w i{font-style:normal;font-size:.75rem;opacity:.75}
.ledc__b button[aria-pressed="true"]{border-color:var(--acc);color:var(--fg);
  background:color-mix(in srgb,var(--btn) 22%,transparent)}
.ledc__out{display:grid;gap:16px;min-width:0}
.ledc__view{border:1px solid var(--pline);border-radius:16px;background:var(--pbg);overflow:hidden}
.ledc__vt{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);
  padding:12px 16px 0}
.ldsvg{display:block;width:100%;height:auto;color:var(--fg);padding:8px 4px 4px}
.ldroom{fill:color-mix(in srgb,var(--fg) 4%,transparent);stroke:var(--pline);stroke-width:1.5}
.ldfloor{stroke:var(--fg-2);stroke-width:2;opacity:.6}
.ldstage{fill:color-mix(in srgb,var(--fg) 10%,transparent);stroke:var(--pline)}
.ldscr{fill:none;stroke:#c8ccd4;stroke-width:2}
.ldeye{stroke:#FF1F3D;stroke-width:1;stroke-dasharray:3 6;opacity:.45}
.ldt--d{fill:#1b1d22;opacity:.75}
.ldscr__in{fill:color-mix(in srgb,#FF1F3D 12%,transparent);stroke:none}
.ldcone{fill:color-mix(in srgb,#FF1F3D 7%,transparent);stroke:none}
.ldrow{stroke:var(--fg-2);stroke-width:1;stroke-dasharray:5 5;opacity:.7}
.ldrig line{stroke:var(--fg-2);stroke-width:2;opacity:.75}
.ldtruss{fill:var(--fg-2);opacity:.55}
.ldbal{fill:var(--fg-2);opacity:.45}
.ldman{fill:var(--fg-2);opacity:.75}
.ldd{stroke:#FF1F3D;stroke-width:1;opacity:.8}
.ldt{fill:currentColor;font-size:21px;opacity:.9;font-family:inherit}
.ldt--c{text-anchor:middle}
.ldt--e{text-anchor:end}
.ldt--s{font-size:17px;opacity:.6}
.ledc__nums{display:grid;gap:1px;background:var(--pline);border:1px solid var(--pline);
  border-radius:16px;overflow:hidden;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:760px){.ledc__nums{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ledc__nums > div{background:var(--pbg);padding:14px 16px;display:grid;gap:4px}
.ledc__nums span{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);
  line-height:1.35}
.ledc__nums b{font-size:1rem;font-weight:500;color:var(--pfg);font-variant-numeric:tabular-nums}
.ledc__prazno{background:var(--pbg)}
.ledc__warn{display:grid;gap:10px}
.ledw{padding:14px 16px;border-radius:14px;border:1px solid var(--pline);background:var(--pbg);
  display:grid;gap:4px;border-left-width:3px}
.ledw b{font-size:.88rem;color:var(--fg)}
.ledw span{font-size:.82rem;color:var(--fg-2);line-height:1.5}
.ledw__l{margin:10px 0 10px;display:grid;gap:7px}
.ledw__l li{position:relative;padding-left:16px;font-size:.82rem;line-height:1.5}
.ledw__l li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:1px;background:var(--acc)}
.ledw--slabo{border-left-color:#FF1F3D}
.ledw--dobro{border-left-color:var(--ok)}
.ledw--dobro b{color:var(--ok)}
.ledw--opozorilo{border-left-color:#e0a400}
.ledw--info{border-left-color:var(--pline)}
.ledc__cmp{display:grid;gap:16px}
@media(min-width:760px){.ledc__cmp{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ledc__cmp figure{margin:0;border:1px solid var(--pline);border-radius:16px;overflow:hidden;
  background:var(--pbg)}
.ledc__cmp canvas{display:block;width:100%;height:auto;image-rendering:pixelated}
.ledc__cmp figcaption{padding:12px 16px;font-size:.8rem;color:var(--fg-2);line-height:1.5}
.ledc__cmp figcaption b{color:var(--acc)}

/* ---------- V137: razpredelnice na telefonu — kartice namesto drsenja vstran ---------- */
/* ---------- V138: risbi v orodju za LED sta na telefonu manjši — oznake povečamo ---------- */
@media(max-width:720px){
  .ldt{font-size:34px}
  .ldt--s{font-size:27px}
  .ldroom,.ldscr{stroke-width:3}
  .ldrig line{stroke-width:3}
}

@media(max-width:620px){
  .dtabw{overflow-x:visible;border:0;background:none;border-radius:0;margin-top:16px}
  .dtab{min-width:0;display:block;font-size:.86rem}
  .dtab thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .dtab tbody,.dtab tr,.dtab td{display:block;width:auto}
  .dtab tr{border:1px solid var(--pline);border-radius:14px;background:var(--pbg);
    padding:15px 16px;margin-bottom:10px}
  .dtab tr:last-child{margin-bottom:0}
  .dtab td{border:0;padding:0;color:var(--fg-2);white-space:normal;line-height:1.5}
  .dtab td+td{margin-top:12px}
  .dtab td::before{content:attr(data-l);display:block;font-size:.66rem;letter-spacing:.12em;
    text-transform:uppercase;color:var(--mut);margin-bottom:4px}
  .dtab td:first-child{color:var(--fg);font-size:.95rem;white-space:normal}
  .dtab td:first-child::before{display:none}
  .dtab td:first-child:empty{display:none}
}

/* ---------- V139: jasnejša tipografska hierarhija na telefonu ---------- */
@media(max-width:620px){
  /* naslovi razdelkov izstopajo iz besedila */
  .psec > h2{font-size:1.5rem;line-height:1.2;letter-spacing:-.02em;margin-bottom:14px}
  .psec{padding-block:clamp(34px,8vw,52px)}
  /* podnaslovi znotraj blokov niso več enaki besedilu */
  .mini3 h4,.psec .d4,.steps h4{font-size:1.02rem;font-weight:600;letter-spacing:-.01em;
    color:var(--fg);margin-bottom:5px}
  /* besedilo je mirnejše, da naslovi vodijo */
  .psec .p,.psec .bul li,.psec .cols2 li{font-size:.95rem;line-height:1.62}
  .mini3 p,.steps p{font-size:.9rem;line-height:1.6}
  /* oznaka nad naslovom je berljiva kot oznaka, ne kot drobiž */
  .kick{font-size:.72rem;letter-spacing:.2em}
  /* števila korakov naj bodo vidna vodila */
  .steps .step > b{font-size:.8rem;letter-spacing:.14em;color:var(--acc)}
  /* meni: skupine ločene od povezav */
  .mm a{padding:18px 0}
  .mm a span{font-size:.76rem}
}

/* ---------- V139: podatki upravljavca — strnjen seznam ---------- */
.kv--org{gap:0;margin-block:18px 20px;border:1px solid var(--pline);border-radius:14px;
  background:var(--pbg);overflow:hidden}
@media(min-width:560px){.kv--org{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kv--org > div{padding:12px 16px;box-shadow:inset 0 -1px 0 var(--pline)}
.kv--org dt{margin-bottom:2px}
.kv--org dd{color:var(--pfg)}

/* ---------- V140: vrteči se naslov se na ožjih zaslonih prelomi, ne odreže ---------- */
@media(max-width:820px){
  .rot>span{white-space:normal}
  .rot{width:100%}
}

/* V151 · dostopnost — naslovi znotraj razdelkov so h3 (prej h4), videz nespremenjen */
.stack h3{font-family:var(--display);font-weight:600;font-size:.95rem;margin-bottom:12px}
.mini3 h3{font-family:var(--display);font-weight:600;font-size:1rem;margin-bottom:7px}
.step h3{font-family:var(--display);font-weight:600;font-size:clamp(1rem,1.5vw,1.2rem);letter-spacing:-.02em}
.ckb__tx h3{font-family:var(--display);font-weight:700;font-size:1rem;color:var(--pfg);margin-bottom:6px}
.ledc__in h3{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);
  font-weight:700;margin:18px 0 8px}
.ledc__in h3:first-child{margin-top:0}
@media (max-width:760px){
  .mini3 h3,.steps h3{font-size:1.02rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}
}
/* preskok na vsebino — viden šele ob uporabi tipkovnice */
.skipl{position:absolute;left:-9999px;top:0;z-index:200;padding:12px 18px;
  background:var(--fg);color:var(--bg);border-radius:0 0 10px 0;
  font-family:var(--display);font-weight:600;font-size:.9rem;text-decoration:none}
.skipl:focus{left:0}
#app:focus{outline:none}

/* V162 · trak naročnikov: teče sam, uporabnik ga lahko prime in premakne.
   Če JavaScript ne steče, ostane samodejno drsenje iz animacije - trak ni nikoli mrtev. */
.mq[data-vlecen]{overflow-x:auto;overflow-y:hidden;cursor:grab;
  scrollbar-width:none;-ms-overflow-style:none;
  overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.mq[data-vlecen]::-webkit-scrollbar{display:none}
.mq[data-vlecen] .mq__t{animation:none}
.mq[data-vlecen="drzi"]{cursor:grabbing}
.mq[data-vlecen] .mq__i{user-select:none;-webkit-user-select:none}