@font-face{font-family:GeistMono;src:url(/iws-pocetna/_next/static/media/723e11e5093b8e80.p.woff2) format("woff2");font-display:swap;font-weight:100 900}.__className_bfec29{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.__variable_bfec29{--font-geist-mono:"GeistMono",ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}@font-face{font-family:GeistSans;src:url(/iws-pocetna/_next/static/media/0b78ff376f6b9734-s.p.woff2) format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local("Arial");ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.00%;size-adjust:106.28%}.__className_0feffc{font-family:GeistSans,GeistSans Fallback}.__variable_0feffc{--font-geist-sans:"GeistSans","GeistSans Fallback"}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ease-out:cubic-bezier(0,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ground:#e9e9ee;--ink:#0a0e22;--ink-soft:#0a0e2294;--violet-deep:#2a1206;--violet:#ec7a1a;--violet-light:#f5a623;--magenta:#ff9d3f;--acid:#f5a623;--black:#050714;--gap:14px;--radius:30px;--nav-h:46px;--shell:1680px;--sans:var(--font-geist-sans),"Helvetica Neue",Helvetica,Arial,sans-serif;--mono:var(--font-geist-mono),ui-monospace,"SF Mono",Menlo,monospace;--ease-out:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-family:var(--sans);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--violet);color:#fff}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer;background:0 0;border:0}.backdrop{z-index:0;background:var(--ground);transition:background .6s var(--ease-out);position:fixed;inset:0}.backdrop,.webgl{pointer-events:none}.webgl{z-index:3}.webgl canvas,.webgl>div{display:block;width:100%!important;height:100%!important}.page{z-index:2;position:relative}.shell{width:100%;max-width:var(--shell);position:absolute;top:0;bottom:0;left:50%;translate:-50%}.stage{position:relative}.pin{height:100svh;position:sticky;top:0}.panel,.pin{overflow:hidden}.panel{inset:var(--gap);border-radius:var(--radius);position:absolute}.grain:after{content:"";pointer-events:none;opacity:.28;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.5'/></svg>");position:absolute;inset:0}.mono{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.display{letter-spacing:-.045em;margin:0;font-weight:500;line-height:.92}.starmark{width:1em;height:1em;display:block}.nav{z-index:40;-webkit-backdrop-filter:blur(14px)saturate(150%);backdrop-filter:blur(14px)saturate(150%);transition:background .5s var(--ease-out),border-color .5s var(--ease-out),color .5s var(--ease-out);background:#ffffffeb;border:1px solid #0a0e2212;border-radius:999px;align-items:center;gap:4px;padding:5px 5px 5px 6px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px -18px #0a0e2280}.nav[data-tone=dark]{color:#fff;background:#101014b8;border-color:#ffffff1f}.nav-mark{color:currentColor;border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.nav-link{letter-spacing:-.01em;opacity:.78;border-radius:999px;padding:8px 13px;font-size:13.5px;transition:opacity .25s,background .25s}.nav-link:hover{opacity:1;background:#ec7a1a1a}.nav-cta{letter-spacing:-.01em;background:var(--ink);color:#fff;transition:transform .35s var(--ease-out),background .35s;border-radius:999px;padding:9px 16px;font-size:13.5px}.nav[data-tone=dark] .nav-cta{color:var(--ink);background:#fff}.nav-cta:hover{transform:translateY(-1px)}@media (max-width:720px){.nav-link:nth-child(n+4){display:none}}.hero-stage{height:240vh}.hero-panel{color:#fff;perspective:1400px;background:radial-gradient(120% 80% at 50% 118%,#ffe2c4f2 0,#f5a62300 55%),radial-gradient(90% 70% at 8% 8%,#e06a10bf 0,#7a3c0500 60%),linear-gradient(168deg,#4a2408,#2e1505 42%,#0a0e22)}.hero-plane{transform-style:preserve-3d;will-change:transform,opacity}.hero-grid,.hero-plane{position:absolute;inset:0}.hero-grid{grid-template-rows:1fr auto;padding:clamp(72px,11vh,128px) clamp(28px,5vw,68px) clamp(28px,5vw,68px);display:grid}.hero-title{max-width:14ch;font-size:clamp(46px,8.2vw,118px)}.hero-title span{display:block}.hero-title .muted{color:#ffffff6b}.hero-foot{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.hero-body{color:#ffffffbd;max-width:42ch;margin:0 0 22px;font-size:clamp(13.5px,1.15vw,15.5px);line-height:1.55}.hero-actions{gap:10px;display:flex}.hero-note{text-align:right;color:#fff9;max-width:34ch;font-size:12.5px;line-height:1.5}.hero-trust{color:#ffffffd9;background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:12px;width:fit-content;margin-top:30px;padding:6px 16px 6px 6px;font-size:12.5px}.avatars,.hero-trust{display:flex}.avatars i{border:2px solid #ffffffd9;border-radius:999px;width:26px;height:26px;margin-right:-9px;display:block}.btn{letter-spacing:-.01em;transition:transform .4s var(--ease-out),background .35s,box-shadow .4s;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;display:inline-flex}.btn-ghost{color:#fff;background:#ffffff1f;border:1px solid #fff3}.btn-solid{color:var(--ink);background:#fff;box-shadow:0 12px 30px -14px #000000b3}.btn:hover{transform:translateY(-2px)}.hero-slot{aspect-ratio:3/4;visibility:hidden;pointer-events:none;width:clamp(240px,26vw,430px);position:absolute;top:50%;right:clamp(24px,9vw,150px);translate:0 -50%}.flycard{z-index:4;transform-origin:0 0;pointer-events:none;isolation:isolate;will-change:transform,opacity;border-radius:22px;position:fixed;top:0;left:0;overflow:hidden;box-shadow:inset 0 2px #ffffff29,0 50px 90px -34px #060014e6,0 0 90px -30px #f5a623cc}.flycard.is-seated{box-shadow:inset 0 2px #ffffff29;width:100%!important;height:100%!important;transform:none!important}.flycard-art,.flycard.is-seated{position:absolute;inset:0}.flycard-sheen{mix-blend-mode:overlay;background:linear-gradient(118deg,#fff0 38%,#ffffff4d 48%,#ffffff0f 55%,#fff0 66%);position:absolute;inset:-30%}.flycard-frame{border:1px solid #ffffff38;border-radius:22px;position:absolute;inset:0;box-shadow:inset 0 0 60px #0a051e73}.flycard-body{color:#fff;flex-direction:column;padding:14px;position:absolute;inset:0}.flycard-body,.flycard-top{justify-content:space-between;display:flex}.flycard-top{align-items:center;gap:10px;font-size:11px}.flycard-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05071480;border:1px solid #ffffff29;border-radius:999px;padding:6px 11px}.flycard-chip,.flycard-live{align-items:center;gap:6px;display:inline-flex}.flycard-live{color:#ffffffc2;letter-spacing:.08em;text-transform:uppercase;background:#0507146b;border:1px solid #ffffff1f;border-radius:999px;padding:5px 10px;font-size:10px}.flycard-live i{background:var(--acid);width:6px;height:6px;box-shadow:0 0 10px var(--acid);border-radius:999px}.flycard-mid{gap:8px;display:grid}.flycard-prompt{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffffffe6;background:#05071485;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:10px;padding:10px 10px 10px 14px;font-size:12.5px;display:flex}.flycard-send{color:#0d0a14;background:#fff;border-radius:999px;place-items:center;width:26px;height:26px;margin-left:auto;display:grid}.flycard-meter{gap:5px;padding-inline:2px;display:flex}.flycard-meter i{background:#ffffff3d;border-radius:999px;flex:1;height:3px}.flycard-meter i:nth-child(-n+3){background:#ffffffe6}.flycard-foot{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.flycard-foot b{letter-spacing:-.02em;font-size:14px;font-weight:500;display:block}.flycard-foot span{color:#ffffff9e;margin-top:3px;font-size:11px;display:block}.reel-stage{height:340vh}.reel-panel{color:var(--ink);background:#f6f6f8;place-items:center;display:grid}.marquee{pointer-events:none;width:100%;position:absolute;top:50%;left:0;overflow:hidden;translate:0 -50%}.marquee-row{will-change:transform;letter-spacing:-.05em;white-space:nowrap;gap:.35em;width:max-content;font-size:clamp(64px,12vw,176px);font-weight:500;line-height:1;display:flex}.marquee-row span{align-items:center;gap:.35em;display:inline-flex}.marquee-row i{opacity:.5;border:.02em solid;border-radius:999px;width:.12em;height:.12em;display:block}.reel-viewport{perspective:1500px;place-items:center;display:grid;position:absolute;inset:0}.reel-ring{width:clamp(230px,22vw,300px);height:clamp(307px,29.33vw,400px);transform-style:preserve-3d;will-change:transform;position:relative}.reel-card{backface-visibility:hidden;will-change:transform,opacity;border-radius:22px;overflow:hidden;box-shadow:0 50px 80px -46px #0c041ecc}.reel-card,.reel-card-art,.reel-card-body{position:absolute;inset:0}.reel-card-body{color:#fff;flex-direction:column;padding:16px}.reel-card-body,.reel-card-top{justify-content:space-between;display:flex}.reel-card-top{align-items:center;font-size:11px}.reel-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e226b;border:1px solid #ffffff29;border-radius:999px;padding:6px 11px}.reel-card-title{letter-spacing:-.035em;white-space:pre-line;margin:0;font-size:clamp(19px,2vw,25px);font-weight:500;line-height:1.06}.reel-card-note{color:#ffffffb8;max-width:26ch;margin:9px 0 0;font-size:12px;line-height:1.45}.reel-cta{background:var(--ink);color:#fff;transition:transform .4s var(--ease-out);border-radius:14px;padding:13px 26px;font-size:14px;position:absolute;bottom:clamp(26px,5vh,54px);left:50%;translate:-50%;box-shadow:0 20px 40px -22px #0a0e22e6}.reel-cta:hover{transform:translate(-50%,-2px)}.neural-stage{z-index:3;height:400vh;margin-bottom:-180vh}.neural-stage>.pin{z-index:3}.work-stage>.pin{z-index:1}.neural-panel{background:radial-gradient(120% 90% at 50% 50%,#0b0616 0,var(--black) 62%);color:#fff}.neural-star{pointer-events:none;will-change:width,height,opacity;width:clamp(96px,10vw,168px);height:clamp(96px,10vw,168px);position:absolute;top:50%;left:50%;translate:-50% -50%}.neural-star-mark{color:#fff;filter:drop-shadow(0 0 42px #ffcf9ad9);width:100%;height:100%;position:absolute;inset:0}.neural-star-glow{background:radial-gradient(50% 50%,#f5a6236b 0,#ec7a1a29 42%,#ec7a1a00 72%);border-radius:999px;position:absolute;inset:-60%}.neural-word{letter-spacing:-.055em;color:#ffffffeb;will-change:transform,opacity;max-width:62%;font-size:clamp(64px,11vw,164px);font-weight:500;line-height:.88;position:absolute}.neural-word.top{top:clamp(84px,12vh,128px);left:clamp(24px,4vw,66px)}.neural-word.bottom{text-align:right;bottom:clamp(48px,9vh,96px);right:clamp(24px,4vw,66px)}.neural-copy{color:#ffffffa8;gap:14px;max-width:40ch;font-size:clamp(13px,1.05vw,15px);line-height:1.55;bottom:clamp(40px,9vh,96px);left:clamp(24px,4vw,66px)}.neural-copy,.neural-stats{will-change:transform,opacity;display:grid;position:absolute}.neural-stats{text-align:right;gap:22px;top:50%;right:clamp(24px,4vw,66px);translate:0 -50%}.neural-stats b{letter-spacing:-.04em;font-size:clamp(22px,2.4vw,34px);font-weight:500;display:block}.neural-stats span{letter-spacing:.12em;text-transform:uppercase;color:#ffffff6b;font-size:11px}.work-stage{height:380vh}.work-panel{background:var(--black);color:#fff}.work-head{top:clamp(70px,12vh,120px);left:max(clamp(24px,4vw,66px),calc((100% - var(--shell)) / 2));z-index:2;color:#ffffff80;position:absolute}.work-rail{padding-inline:max(clamp(24px,6vw,120px),calc((100% - var(--shell)) / 2));will-change:transform;gap:clamp(18px,2.4vw,40px);display:flex;position:absolute;top:50%;left:0;translate:0 -50%}.work-card{aspect-ratio:4/3.1;width:clamp(300px,42vw,620px);transition:border-color .5s var(--ease-out),transform .6s var(--ease-out);background:#0b0b10;border:1px solid #ffffff17;border-radius:26px;flex:none;position:relative;overflow:hidden;box-shadow:0 50px 90px -60px #000000f2}.work-card:nth-child(2n){align-self:flex-start;width:clamp(240px,30vw,430px);margin-top:clamp(20px,5vh,64px)}.work-card:hover{border-color:#ffffff38;transform:translateY(-4px)}.work-hit{display:block}.work-art,.work-hit{position:absolute;inset:0}.work-art{transition:transform 1s var(--ease-out)}.work-card:hover .work-art{transform:scale(1.045)}.work-rule{opacity:.5;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(#ffffff0e 0 1px,#0000 1px 7px)}.work-rule,.work-veil{position:absolute;inset:0}.work-veil{background:linear-gradient(#04050f00 45%,#04050f33 66%,#04050fe0),linear-gradient(#04050f8c,#04050f00 30%)}.work-top{color:#ffffffdb;align-items:center;gap:12px;font-size:12.5px;display:flex;position:absolute;top:18px;left:20px;right:20px}.work-index{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0e2266;border:1px solid #ffffff38;border-radius:999px;padding:4px 9px;font-size:10px}.work-client{letter-spacing:-.01em}.work-year{opacity:.62;margin-left:auto}.work-bottom{justify-content:space-between;align-items:flex-end;gap:18px;display:flex;position:absolute;bottom:18px;left:22px;right:20px}.work-name{letter-spacing:-.045em;margin:0;font-size:clamp(30px,3.6vw,58px);font-weight:500;line-height:.98}.work-tags{letter-spacing:.01em;color:#ffffff94;margin:8px 0 0;font-size:12px}.work-open{white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .45s var(--ease-out),translate .45s var(--ease-out);background:#0a0e228c;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-size:12.5px;display:inline-flex;translate:0 8px}.work-card:hover .work-open{opacity:1;translate:0}.work-end{text-align:center;background:linear-gradient(160deg,#141420,#08080d);place-items:center;width:clamp(240px,26vw,360px);display:grid}.work-end-inner{padding:26px}@media (hover:none){.work-open{opacity:1;translate:0}}.mosaic-stage{height:260vh}.mosaic-panel{background:var(--black);color:#fff}.mosaic-field{width:108%;max-width:1900px;position:absolute;top:-10%;bottom:-10%;left:50%;translate:-50%}.mosaic-tile{will-change:transform,opacity;border-radius:12px;max-width:420px;position:absolute;overflow:hidden;box-shadow:0 40px 70px -50px #000000e6}.mosaic-tile.tall{aspect-ratio:3/4}.mosaic-tile.wide{aspect-ratio:4/3}.mosaic-tile span{letter-spacing:.04em;color:#fffc;text-shadow:0 1px 6px #0009;font-size:10px;position:absolute;top:8px;left:9px}.mosaic-copy{text-align:center;z-index:2;pointer-events:none;will-change:transform,opacity;max-width:30ch;position:absolute;top:50%;left:50%;translate:-50% -50%}.mosaic-copy:before{content:"";z-index:-1;filter:blur(46px);background:radial-gradient(closest-side,#050714eb 0,#050714db 30%,#05071499 52%,#05071447 70%,#05071414 85%,#05071400 100%);border-radius:50%;position:absolute;inset:-190% -140%}.mosaic-copy h2{letter-spacing:-.045em;text-shadow:0 6px 34px #000000d9;margin:0 0 14px;font-size:clamp(30px,4vw,58px);font-weight:500;line-height:1.02}.mosaic-copy p{color:#fff9;margin:0;font-size:14px;line-height:1.55}.cta-stage{height:240vh}.cta-panel{color:#fff;background:radial-gradient(90% 80% at 28% 108%,#ffe8cfd9 0,#f5a62300 58%),radial-gradient(70% 60% at 82% -8%,#f5a6238c 0,#7a3c0500 60%),linear-gradient(155deg,#c96612,#4a2408 46%,#1a0f06)}.cta-copy{max-width:20ch;position:absolute;top:50%;left:clamp(28px,6vw,92px);translate:0 -50%}.cta-copy h2{letter-spacing:-.045em;margin:0;font-size:clamp(40px,5.6vw,84px);font-weight:500;line-height:.95}.cta-copy h2 .muted{color:#ffffff70;display:block}.cta-copy p{color:#ffffffc2;max-width:30ch;margin:22px 0 26px;font-size:14.5px;line-height:1.55}.cta-foot{color:#ffffff8c;margin-top:14px;font-size:12px}.footer{z-index:2;background:var(--ground);padding:clamp(48px,7vw,110px) clamp(24px,5vw,80px) 34px;position:relative}.footer-inner{width:100%;max-width:var(--shell);gap:clamp(44px,6vw,76px);margin-inline:auto;display:grid}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:48px;display:flex}.footer-brand{letter-spacing:-.055em;margin-top:14px;font-size:clamp(52px,8vw,116px);font-weight:500;line-height:.9}.footer-line{color:var(--ink-soft);margin:10px 0 0;font-size:14px}.footer-cols{gap:clamp(28px,5vw,78px);display:flex}.footer-cols h3{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 14px;font-size:11px}.footer-cols ul{gap:9px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.footer-cols a:hover{color:var(--violet)}.footer-bar{color:var(--ink-soft);border-top:1px solid #0a0e221a;justify-content:space-between;align-items:center;padding-top:18px;font-size:12px;display:flex}.preloader{z-index:90;background:var(--ground);transition:opacity .7s var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.preloader-inner{color:var(--ink);justify-items:center;gap:18px;display:grid}.preloader-bar{background:#0a0e221f;width:180px;height:2px;overflow:hidden}.preloader-bar i{background:var(--violet);width:0;height:100%;display:block}@media (max-width:820px){:root{--gap:8px;--radius:22px}.hero-card{width:46vw;top:auto;bottom:30%;right:50%;translate:50%}.hero-foot{flex-direction:column;align-items:flex-start}.hero-note{text-align:left}.neural-copy,.neural-stats{display:none}.work-card{width:78vw}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}/* iws-mobilni-fix */
@media (max-width:700px){
  .hero-slot{top:43%!important;right:auto!important;left:50%!important;translate:-50% -50%!important;width:min(54vw,208px)!important}
  .hero-foot{padding-top:clamp(160px,42vw,235px)}
}

/* ===== iws: 3D ploce usluga ===== */
.plate-body{display:flex;flex-direction:column;height:100%;gap:14px}
.plate-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;padding:5px 10px;border-radius:999px;
  background:rgba(236,122,26,.16);border:1px solid rgba(245,166,35,.42);color:#ffcf9a}
.plate-num{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:#ffffff5c}
.plate-mid{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px}
.plate-title{font-size:clamp(20px,1.7vw,27px);line-height:1.1;letter-spacing:-.025em;font-weight:600;color:#fff}
.plate-desc{font-size:13.5px;line-height:1.55;color:#ffffffa8}
.plate-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-top:12px;border-top:1px solid #ffffff1f}
.plate-price{font-family:var(--mono);font-size:12.5px;color:#f5a623;letter-spacing:.04em}
.plate-go{font-size:12.5px;color:#ffffff8a}

/* debljina ploce: dve bocne stranice u 3D prostoru */
.plate-edge{position:absolute;display:block;background:linear-gradient(180deg,#c96612,#7a3c05 60%,#3a1c04);pointer-events:none}
.plate-edge-r{top:3px;right:0;height:calc(100% - 6px)!important;width:var(--thick,13px);height:100%;transform-origin:left center;transform:rotateY(90deg)}
.plate-edge-b{left:0;bottom:0;width:100%;height:var(--thick,16px);transform-origin:center top;transform:rotateX(-90deg);
  background:linear-gradient(#c96612,#4a2408)}
.flycard{transform-style:preserve-3d}
.flycard .plate-edge{--thick:18px;opacity:.9}

/* ===== sekcija: 12 ploca ===== */
.plates-stage{padding:10px;scroll-margin-top:84px}
.plates-panel{position:relative;border-radius:var(--radius,30px);overflow:hidden;
  padding:clamp(84px,8vw,112px) clamp(24px,5vw,68px) clamp(48px,6vw,96px);
  background:radial-gradient(80% 60% at 12% 0%,#e06a1059 0,#7a3c0500 62%),
             radial-gradient(70% 55% at 88% 100%,#ec7a1a3d 0,#ec7a1a00 66%),
             linear-gradient(168deg,#2a1206,#140b10 46%,#050714)}
.plates-head{max-width:62ch;margin-bottom:clamp(34px,4.4vw,62px)}
.plates-eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#f5a623;margin-bottom:14px}
.plates-title{font-size:clamp(28px,3.6vw,50px);line-height:1.06;letter-spacing:-.03em;font-weight:600;color:#fff;margin-bottom:16px}
.plates-sub{font-size:clamp(14px,1.1vw,16px);line-height:1.6;color:#ffffffa3;max-width:56ch}
.plates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:clamp(20px,2.4vw,34px);
  perspective:1600px}
.plate{position:relative;transform-style:preserve-3d;
  transform:rotateX(4deg) rotateY(-6deg);
  transition:transform .55s cubic-bezier(.16,1,.3,1),filter .55s}
.plate:hover{transform:rotateX(2deg) rotateY(-3deg) translateZ(18px)}
.plate-face{position:relative;border-radius:18px;padding:22px;min-height:224px;
  display:flex;flex-direction:column;gap:12px;
  background:linear-gradient(158deg,#ffffff1c,#ffffff08 52%,#ffffff05);
  border:1px solid #ffffff24;
  box-shadow:0 30px 60px -28px #000c,0 0 0 1px #f5a6231a inset}
.plate-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.plate .plate-title{font-size:19.5px;margin-top:2px}
.plate .plate-desc{flex:1;font-size:13px}
.plate .plate-go{color:#f5a623;font-size:15px}

/* ===== laptop u daljini (pozadina heroja) ===== */
.far-laptop{position:absolute;left:46%;bottom:30%;width:clamp(104px,11vw,164px);z-index:0;
  opacity:.32;filter:blur(.3px);pointer-events:none;
  perspective:640px;transform:rotateZ(-4deg)}
.fl-screen{position:relative;border-radius:5px 5px 1px 1px;padding:8px 8px 10px;
  background:linear-gradient(#0d1020,#070a16);border:1px solid #ffffff26;
  transform:rotateX(-12deg);transform-origin:bottom center;
  box-shadow:0 0 40px -6px #ec7a1a66,0 8px 18px -8px #000c}
.fl-code{display:flex;flex-direction:column;gap:4px}
.fl-code i{display:block;height:3px;border-radius:2px;width:0;
  background:linear-gradient(90deg,#f5a623,#ec7a1a);
  animation:fl-type 5.6s var(--d,0s) cubic-bezier(.2,.8,.2,1) infinite}
.fl-code i:nth-child(3n){background:linear-gradient(90deg,#ffffff6b,#ffffff1f)}
.fl-code i:nth-child(4n){background:linear-gradient(90deg,#ff9d3f,#ec7a1a00)}
@keyframes fl-type{0%{width:0;opacity:0}8%{opacity:1}42%{width:var(--w,60%);opacity:1}78%{width:var(--w,60%);opacity:1}92%{opacity:0;width:var(--w,60%)}100%{width:0;opacity:0}}
.fl-caret{position:absolute;left:9px;bottom:11px;width:5px;height:3px;background:#f5a623;
  animation:fl-blink 1.05s steps(1) infinite}
@keyframes fl-blink{50%{opacity:0}}
.fl-base{height:26px;margin:0 -14%;border-radius:2px 2px 6px 6px;
  background:linear-gradient(#242a42,#11162a 55%,#0a0e1c);border:1px solid #ffffff1a;border-top:0;
  transform:rotateX(70deg);transform-origin:top center;
  box-shadow:0 14px 26px -12px #000e}
.fl-base::after{content:"";position:absolute;left:50%;bottom:5px;width:22%;height:2px;
  border-radius:2px;background:#ffffff1f;transform:translateX(-50%)}

@media (max-width:900px){
  .far-laptop{right:4%;bottom:auto;top:16%;width:96px;opacity:.26}
  .plate{transform:rotateX(4deg) rotateY(-5deg)}
  .plate-face{min-height:196px;padding:19px}
}
@media (prefers-reduced-motion:reduce){
  .fl-code i{animation:none;width:var(--w,60%)}
  .fl-caret{animation:none}
}

/* ===== iws: dubina hero ploce (pseudo-elementi, hidracija ih ne brise) ===== */
.flycard{transform-style:preserve-3d}
.flycard::after{content:"";position:absolute;top:8px;right:-2px;width:26px;height:calc(100% - 16px);
  transform-origin:left center;transform:rotateY(90deg);border-radius:0 8px 8px 0;
  background:linear-gradient(180deg,#f5a623,#e06a10 42%,#7a3c05);pointer-events:none}
.flycard::before{content:"";position:absolute;left:-2px;top:8px;width:26px;height:calc(100% - 16px);
  transform-origin:right center;transform:rotateY(-90deg);border-radius:8px 0 0 8px;
  background:linear-gradient(180deg,#ffcf9a,#ec7a1a 45%,#7a3c05);pointer-events:none}
.flycard-body,.flycard-art,.flycard-frame,.flycard-sheen{transform:translateZ(1px)}

/* ===== iws: hero kartica kao ploca usluge ===== */
.flycard-body.plate-hero{display:flex!important;flex-direction:column;justify-content:space-between;
  gap:16px;padding:clamp(18px,1.5vw,24px)!important;height:100%}
.plate-hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.plate-hero-mid{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}
.plate-hero-title{font-size:clamp(24px,2.3vw,34px);line-height:1.06;letter-spacing:-.03em;
  font-weight:600;color:#fff;margin:0}
.plate-hero-desc{font-size:clamp(13px,1.05vw,15px);line-height:1.55;color:#ffffffbd;margin:0;max-width:34ch}
.plate-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-top:14px;border-top:1px solid #ffffff24}
.plate-hero-foot .plate-price{font-family:var(--mono);font-size:13px;color:#f5a623;letter-spacing:.04em}
.plate-hero-foot .plate-go{font-size:12.5px;color:#ffffffa8}
/* ===== iws: laptop u centru na podu + pozadina 100% bez belih linija (nex 15.09) ===== */
:root{--gap:0px !important;--radius:0px !important;--ground:#050714 !important;}
.panel{inset:0 !important;border-radius:0 !important;}
.far-laptop{
  left:50% !important; right:auto !important; top:auto !important; bottom:5% !important;
  width:min(33vw,470px) !important; opacity:.7 !important;
  transform:translateX(-50%) perspective(1300px) rotateX(26deg) !important;
  transform-origin:center bottom;
}
/* ===== iws: reel usluge — ikonica u sredini + Pogledaj uslugu (nex 15.09) ===== */
.reel-card-art{position:relative}
.reel-svc-icon{position:absolute;top:32%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;
  color:#fff;opacity:.95;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45));pointer-events:none}
.reel-svc-icon svg{width:100%;height:100%;stroke:#fff;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.reel-card-body{display:flex;flex-direction:column}
.reel-cta{margin-top:14px;display:inline-flex;align-items:center;gap:7px;
  font-family:var(--mono,ui-monospace,monospace);font-size:12.5px;letter-spacing:.03em;color:#f5a623;text-decoration:none}
.reel-cta span{transition:transform .2s}
.reel-card:hover .reel-cta span{transform:translateX(4px)}
/* ===== iws: reel kartice usluga — dosledan tamni navy/oranž gradient (nex 15.09) ===== */
.reel-card-art{
  background:radial-gradient(78% 58% at 50% 22%,rgba(236,122,26,.55) 0,rgba(236,122,26,0) 60%),
             linear-gradient(158deg,#3a1c08 0%,#1a0f2e 52%,#0a0e22 100%) !important;
}
.reel-card-title{color:#fff}
.reel-card-note{color:#ffffffcf}
.reel-chip{color:#f5a623}
/* ===== iws: reel kartica CELA tamna (nex 15.09 v2) ===== */
.reel-card{background:linear-gradient(158deg,#301a09 0%,#181029 52%,#0a0e22 100%) !important;
  border-radius:22px !important; box-shadow:0 30px 80px rgba(0,0,0,.5) !important; overflow:hidden;}
.reel-card-art{opacity:.9}
.reel-card-title{color:#fff !important}
.reel-card-note{color:#ffffffd0 !important}
/*matrix-iws*/.hero-panel{isolation:isolate}.matrix-rain{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:block}.far-laptop{display:none!important}/*/matrix-iws*//*reel-fix*/.reel-card-art{position:absolute!important;inset:0!important}.reel-card-top{position:absolute!important;left:16px;right:16px;top:16px;margin:0!important;z-index:2}.reel-card-body{justify-content:flex-end!important;padding:16px!important}.reel-card-title{margin-top:0!important}.reel-svc-icon{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:58px!important;height:58px!important;opacity:.92!important}.reel-cta{position:static!important;inset:auto!important;translate:none!important;align-self:flex-end!important;margin:12px 0 0!important;white-space:nowrap!important;box-shadow:none!important}/*/reel-fix*//*brend-iws*/.nav-mark-anim{overflow:visible;animation:iwsSpin 22s linear infinite;filter:drop-shadow(0 0 5px rgba(245,166,35,.45))}.nav-mark-anim .starmark{width:20px;height:20px;overflow:visible}@keyframes iwsSpin{to{transform:rotate(360deg)}}.nav-word{margin-left:7px;font-weight:650;font-size:15px;letter-spacing:-.02em;color:currentColor;display:inline-flex;gap:.32ch;align-items:baseline;white-space:nowrap;animation:iwsWord .7s var(--ease-out,ease) both}.nav-word b{font-weight:650;color:#f5a623}@keyframes iwsWord{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@media(max-width:600px){.nav-word{display:none}}@media(prefers-reduced-motion:reduce){.nav-mark-anim{animation:none}.nav-word{animation:none}}/*/brend-iws*//*hero-naslov-iws*/.hero-title .muted{color:#ffb24d!important;-webkit-text-fill-color:#ffb24d;text-shadow:0 1px 24px rgba(245,166,35,.35);letter-spacing:-.01em;}/*/hero-naslov-iws*//*nav-wow*/
.nav{padding:6px 6px 6px 10px!important;gap:2px!important;box-shadow:0 20px 55px -22px rgba(0,0,0,.55)!important;position:fixed}
.nav[data-tone=dark]{background:rgba(12,15,30,.72)!important;border:1px solid rgba(255,183,77,.20)!important;box-shadow:0 24px 60px -22px rgba(0,0,0,.85),0 0 38px -14px rgba(245,166,35,.28)!important;color:#fff!important}
/* animirani sjaj po ivici (border-only) */
.nav::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(110deg,transparent 30%,rgba(245,166,35,.75) 46%,rgba(255,228,170,.95) 50%,rgba(236,122,26,.75) 54%,transparent 70%);
  background-size:260% 100%;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  animation:navSheen 6s linear infinite;opacity:.85}
@keyframes navSheen{to{background-position:-260% 0}}
/* mala pregrada iza logotipa */
.nav-word{position:relative;padding-right:12px;margin-right:4px}
.nav-word::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:18px;background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.28),rgba(255,255,255,0))}
/* linkovi: podvlačenje koje raste + jasniji hover */
.nav-link{position:relative;opacity:.85!important}
.nav-link::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,#ffb020,#ec7a1a);transform:scaleX(0);transform-origin:center;transition:transform .3s var(--ease-out)}
.nav-link:hover{opacity:1!important;background:transparent!important}
.nav-link:hover::after{transform:scaleX(1)}
/* CTA: brend gradijent koji „teče" + sjaj + hover lift */
.nav-cta{background:linear-gradient(100deg,#ffc24d,#f5a623 45%,#ec7a1a)!important;background-size:200% 100%!important;
  color:#1a0d02!important;font-weight:700!important;padding:10px 20px!important;
  box-shadow:0 10px 26px -8px rgba(245,166,35,.6),inset 0 0 0 1px rgba(255,255,255,.18)!important;
  animation:ctaFlow 5.5s ease-in-out infinite;position:relative;overflow:hidden}
.nav[data-tone=dark] .nav-cta{color:#1a0d02!important;background:linear-gradient(100deg,#ffc24d,#f5a623 45%,#ec7a1a)!important;background-size:200% 100%!important}
@keyframes ctaFlow{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.nav-cta:hover{transform:translateY(-2px)!important;box-shadow:0 14px 32px -8px rgba(245,166,35,.8),inset 0 0 0 1px rgba(255,255,255,.25)!important}
/* logo mark malo veći/izraženiji */
.nav-mark-anim{filter:drop-shadow(0 0 7px rgba(245,166,35,.55))!important}
.nav-mark-anim .starmark{width:22px!important;height:22px!important}
@media(prefers-reduced-motion:reduce){.nav::before,.nav-cta{animation:none!important}}
/*/nav-wow*//*nav-top*/
.nav{transition:padding .35s var(--ease-out),background .4s var(--ease-out),box-shadow .4s var(--ease-out),transform .4s var(--ease-out)!important}
.nav.nav-scrolled{padding:3px 5px 3px 8px!important}
.nav[data-tone=dark].nav-scrolled{background:rgba(9,11,22,.9)!important;box-shadow:0 18px 46px -20px rgba(0,0,0,.9),0 0 30px -14px rgba(245,166,35,.22)!important}
.nav.nav-scrolled .nav-cta{padding:8px 17px!important}
/* aktivna sekcija: link istaknut + podvlaka stalno vidljiva */
.nav-link-active{opacity:1!important;color:#ffd9a8!important}
.nav-link-active::after{transform:scaleX(1)!important}
/*/nav-top*//*proces-iws*/
.proces-koraci{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(16px,2vw,32px);position:relative}
.proces-koraci::before{content:"";position:absolute;left:10%;right:10%;top:22px;height:2px;z-index:0;
  background:linear-gradient(90deg,rgba(245,166,35,.12),rgba(245,166,35,.6) 20%,rgba(245,166,35,.6) 80%,rgba(236,122,26,.12))}
.pk{position:relative;z-index:1;text-align:center;opacity:0;transform:translateY(16px);
  transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
.pk.pk-in{opacity:1;transform:none}
.pk-top{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px}
.pk-num{flex:0 0 auto;width:44px;height:44px;border-radius:999px;display:grid;place-items:center;
  font-family:var(--mono);font-size:14px;font-weight:700;color:#1a0d02;
  background:linear-gradient(135deg,#ffc24d,#f5a623 50%,#ec7a1a);
  box-shadow:0 10px 22px -8px rgba(245,166,35,.6),inset 0 0 0 1px rgba(255,255,255,.22)}
.pk-ic{width:26px;height:26px;flex:0 0 auto}
.pk-ic svg{width:100%;height:100%;fill:none;stroke:#f5a623;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pk-naslov{margin:0 0 8px;font-size:clamp(16px,1.25vw,19px);font-weight:600;color:#fff;letter-spacing:-.01em}
.pk-opis{margin:0 auto;max-width:24ch;font-size:14px;line-height:1.5;color:#ffffffb0}
@media(max-width:820px){
  .proces-koraci{grid-template-columns:1fr;gap:26px}
  .proces-koraci::before{left:21px;right:auto;top:10px;bottom:10px;width:2px;height:auto;
    background:linear-gradient(180deg,rgba(245,166,35,.12),rgba(245,166,35,.6) 12%,rgba(245,166,35,.6) 88%,rgba(236,122,26,.12))}
  .pk{text-align:left;padding-left:62px}
  .pk-top{justify-content:flex-start;margin-bottom:8px}
  .pk-num{position:absolute;left:0;top:0}
  .pk-opis{margin:0;max-width:46ch}
}
/*/proces-iws*//*ocisti-ispod-iws*/#neural,#work,#mosaic,#cta,#usluge{display:none!important}.neural-stage,.work-stage,.mosaic-stage,.cta-stage,.plates-stage{display:none!important}.footer{display:none!important}.nav-link[href="#neural"],.nav-link[href="#work"],.nav-link[href="#mosaic"]{display:none!important}/*/ocisti-ispod-iws*//*proces3d-iws*/
.proces3d{position:relative;background:linear-gradient(180deg,#0a0e22,#130b04 50%,#0a0e22)}
.p3-pin{position:sticky;top:0;height:100vh;overflow:hidden}
.p3-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block}
.p3-slides{position:absolute;inset:0;z-index:1;pointer-events:none}
.p3-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(22px,5.5vw,86px);will-change:opacity,transform}
.p3-l{max-width:32ch}
.p3-r{max-width:30ch;align-self:center}
.p3-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#f5a623;margin:0 0 16px}
.p3-naslov{font-size:clamp(30px,4.4vw,60px);line-height:1.04;letter-spacing:-.03em;font-weight:600;color:#fff;margin:0}
.p3-opis{font-size:clamp(15px,1.2vw,18px);line-height:1.6;color:#ffffffce;margin:0}
.p3-dots{position:absolute;right:clamp(16px,3vw,44px);top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;gap:12px}
.p3-dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.22);transition:background .3s,transform .3s,box-shadow .3s}
.p3-dot.on{background:#f5a623;box-shadow:0 0 12px rgba(245,166,35,.75);transform:scale(1.35)}
@media(max-width:820px){
  .p3-slide{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:12px;padding:0 20px 13vh}
  .p3-l,.p3-r{max-width:92%}
  .p3-naslov{font-size:34px}
  .p3-dots{right:12px}
}
/*/proces3d-iws*/

/* ===== iws: proces = rastavljeni laptop (17.09) — tekst levo, 3D desno; mobil: 3D gore, tekst dole */
.proces3d .p3-slide{justify-content:flex-start!important}
.proces3d .p3-l{max-width:36ch}
.proces3d .p3-opis{margin-top:18px!important;max-width:34ch}
@media (max-width:820px){ .proces3d .p3-slide{justify-content:flex-end!important;padding-bottom:9vh!important} .proces3d .p3-l{max-width:100%} .proces3d .p3-opis{max-width:100%;margin-top:10px!important} .proces3d .p3-dots{top:auto;bottom:4vh;right:14px;transform:none;flex-direction:row} }

/* ===== iws: WebGL zvezda (synapse .webgl sloj) UGASENA — vlasnik 17.09 „skloni ovo" */
.webgl{display:none!important}
/* ===== iws: prva (hero) kartica u reelu prilagodjena ostalima (17.09) */
.plate-hero-icon{display:none}
.flycard.is-seated .plate-hero-icon{display:block;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;opacity:.92;z-index:2}
.flycard.is-seated .plate-hero-icon svg{width:100%;height:100%;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.flycard.is-seated .plate-num,.flycard.is-seated .plate-price{display:none!important}
.flycard.is-seated .plate-hero-foot{justify-content:flex-end!important}

/* ===== iws: proces pozadina uklopljena u hero (17.09) — isti topli gradient + prigusena matrix kisa */
.proces3d{background:#0a0e22!important}
.p3-pin{background:radial-gradient(120% 80% at 50% 118%,#ffe2c4a6 0,#f5a62300 55%),radial-gradient(90% 70% at 8% 8%,#e06a1080 0,#7a3c0500 60%),linear-gradient(168deg,#3a1c06,#22100a 42%,#0a0e22)}
.p3-pin canvas.matrix-rain{z-index:0!important;opacity:.28;mix-blend-mode:screen}
.p3-pin .p3-bg{z-index:1!important}
.p3-pin .p3-slides{z-index:2!important}
.p3-pin .p3-dots{z-index:3!important}

/* ===== iws: hero kartica iste velicine kao reel kartice (17.09) — isti clamp kao .reel-ring */
.hero-slot{width:clamp(300px,27.4vw,394px)!important;aspect-ratio:3/4!important} /* = projektovana sirina PREDNJE reel kartice (300px ring x 1.31 perspektiva) */
@media (max-width:820px){ .hero-slot{width:min(76vw,300px)!important} }

/* ===== iws: naslov sekcije Proces (vlasnik 17.09) */
.p3-head{position:absolute;left:0;right:0;top:0;z-index:2;padding:clamp(84px,11vh,120px) clamp(22px,5.5vw,86px) 0;pointer-events:none}
.p3-head .p3-eyebrow{margin:0 0 10px}
.p3-h2{font-size:clamp(26px,3vw,42px);line-height:1.06;letter-spacing:-.03em;font-weight:600;color:#fff;margin:0;max-width:22ch}
.p3-sub{font-size:clamp(14px,1.1vw,17px);line-height:1.55;color:#ffffffb8;margin:10px 0 0;max-width:52ch}
.proces3d .p3-slide .p3-eyebrow{margin-bottom:12px}
@media (max-width:820px){ .p3-head{padding:80px 20px 0} .p3-h2{font-size:24px;max-width:100%} .p3-sub{font-size:14px} }

/* ===== iws: RADOVI = zid radova u 3D perspektivi, 78 stvarnih projekata (17.09) ===== */
.work-stage{display:none!important}
.radovi-stage{position:relative;background:#050714}
.rd-pin{position:sticky;top:0;height:100vh;overflow:hidden;background:radial-gradient(120% 70% at 50% 112%,#c9661266 0,#f5a62300 58%),radial-gradient(80% 60% at 10% 0%,#e06a1033 0,#7a3c0500 60%),linear-gradient(180deg,#0a0e22,#050714 55%,#0a0e22)}
.rd-scene{position:absolute;inset:0;perspective:1600px;perspective-origin:50% 18%;z-index:1}
.rd-wall{position:absolute;left:50%;top:18%;width:176vw;transform-style:preserve-3d;transform:translateX(-50%) rotateX(28deg) translateY(var(--y,0px));will-change:transform}
.rd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.8vw,30px)}
.rd-tile{position:relative;display:block;border-radius:14px;overflow:hidden;background:#0d1230;border:1px solid #ffffff1f;box-shadow:0 30px 60px -30px #000c;transform:translateZ(0);transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .45s;text-decoration:none;color:#fff;aspect-ratio:16/10}
.rd-tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;opacity:.92;transition:opacity .35s}
.rd-frame{position:absolute;left:0;right:0;top:0;height:22px;background:#0a0e22f2;display:flex;align-items:center;gap:5px;padding:0 9px;z-index:2;border-bottom:1px solid #ffffff14}
.rd-frame i{width:6px;height:6px;border-radius:50%;background:#ffffff33}
.rd-frame i:first-child{background:#ff5f57}.rd-frame i:nth-child(2){background:#febc2e}.rd-frame i:nth-child(3){background:#28c840}
.rd-frame b{margin-left:8px;font:500 9.5px/1 var(--mono,monospace);color:#ffffffa8;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}
.rd-tile img{padding-top:22px;box-sizing:border-box}
.rd-meta{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 11px;background:linear-gradient(#0a0e2200,#0a0e22e6 55%);display:flex;align-items:flex-end;gap:8px;z-index:2;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.rd-kat{font:600 9.5px/1 var(--mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:#0a0e22;background:#f5a623;border-radius:999px;padding:5px 8px;flex:none}
.rd-ime{font-size:12.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.rd-go{font-size:11px;color:#f5a623;white-space:nowrap;flex:none}
.rd-tile:hover{transform:translateZ(70px) scale(1.03);border-color:#f5a623b3;box-shadow:0 40px 80px -30px #000,0 0 60px -20px #f5a62399;z-index:3}
.rd-tile:hover img{opacity:1}
.rd-tile:hover .rd-meta{opacity:1;transform:none}
.rd-fog{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#0a0e22 0,#0a0e22e0 8%,#0a0e2270 17%,#0a0e2200 30%),linear-gradient(0deg,#050714 0,#05071400 18%)}
.rd-h2,.rd-sub,.rd-eyebrow{text-shadow:0 2px 18px #0a0e22,0 0 40px #0a0e22cc}
.rd-head{position:absolute;left:0;right:0;top:0;z-index:4;padding:clamp(84px,11vh,120px) clamp(22px,5.5vw,86px) 0;pointer-events:none}
.rd-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#f5a623;margin:0 0 12px}
.rd-h2{font-size:clamp(30px,4.2vw,58px);line-height:1.02;letter-spacing:-.035em;font-weight:600;color:#fff;margin:0;max-width:16ch}
.rd-sub{font-size:clamp(14px,1.15vw,18px);line-height:1.55;color:#ffffffc4;margin:14px 0 0;max-width:56ch}
.rd-bar{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(22px,5.5vw,86px) clamp(22px,4vh,40px)}
.rd-chips{display:flex;gap:8px;flex-wrap:wrap}
.rd-chip{font:500 12.5px/1 inherit;font-family:inherit;color:#fff;background:#ffffff12;border:1px solid #ffffff2b;border-radius:999px;padding:10px 15px;cursor:pointer;transition:background .3s,border-color .3s,color .3s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.rd-chip:hover{border-color:#f5a62399}
.rd-chip.on{background:#f5a623;border-color:#f5a623;color:#0a0e22;font-weight:600}
.rd-count{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff9e}
.rd-count b{color:#f5a623;font-weight:600}
@media (max-width:820px){
  .rd-scene{perspective:none}
  .rd-wall{width:100%;top:40%;transform:translateX(-50%) translateY(var(--y,0px));padding:0 14px;box-sizing:border-box}
  .rd-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .rd-meta{opacity:1;transform:none;padding:18px 8px 8px}
  .rd-go{display:none}
  .rd-head{padding:76px 20px 0}
  .rd-h2{font-size:28px;max-width:100%}
  .rd-sub{font-size:14px;margin-top:10px}
  .rd-bar{flex-direction:column;align-items:flex-start;gap:10px;padding:0 20px 16px}
  .rd-chip{padding:8px 12px;font-size:12px}
  .rd-fog{background:linear-gradient(180deg,#0a0e22 0,#0a0e22 34%,#0a0e22c0 44%,#0a0e2200 56%),linear-gradient(0deg,#050714 0,#050714e0 12%,#05071400 26%)}
  .rd-wall{top:47%}
  .rd-count{font-size:11px}
}

/* iws: mek tamni oblak iza naslova Radova da tekst ostane citljiv preko ploca (17.09) */
.rd-head{isolation:isolate}
.rd-head::before{content:'';position:absolute;left:0;top:0;width:min(820px,62vw);height:440px;background:radial-gradient(70% 62% at 28% 42%,#0a0e22f2 0,#0a0e22b0 45%,#0a0e2200 78%);z-index:-1;pointer-events:none}
@media (max-width:820px){ .rd-head::before{width:100%;height:330px;background:radial-gradient(90% 70% at 40% 40%,#0a0e22f6 0,#0a0e22c0 50%,#0a0e2200 85%)} }

/* ===== iws: BESPLATAN ALAT — revizija sajta (17.09) ===== */
.alat-stage{position:relative;background:#050714;padding:clamp(40px,7vh,90px) 10px}
.al-panel{position:relative;overflow:hidden;border-radius:30px;border:1px solid #ec7a1a66;background:radial-gradient(90% 70% at 88% 0%,#e06a1055 0,#7a3c0500 60%),radial-gradient(70% 60% at 0% 100%,#f5a62333 0,#f5a62300 60%),linear-gradient(160deg,#1a0e08,#0a0e22 55%,#080b1c);color:#fff;padding:clamp(40px,6vw,84px) clamp(22px,5.5vw,86px)}
.al-line{position:absolute;left:16%;right:16%;top:0;height:1px;background:linear-gradient(90deg,transparent,#ec7a1a,transparent)}
.al-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center}
.al-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#f5a623;margin:0 0 14px}
.al-h2{font-size:clamp(30px,3.9vw,54px);line-height:1.04;letter-spacing:-.035em;font-weight:600;margin:0;max-width:16ch}
.al-h2 em{font-style:normal;color:#f5a623}
.al-p{font-size:clamp(15px,1.15vw,17.5px);line-height:1.6;color:#ffffffd6;margin:18px 0 0;max-width:52ch}
.al-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.al-list li{display:flex;align-items:center;gap:12px;font-size:15px;color:#ffffffd6}
.al-list i{width:8px;height:8px;border-radius:50%;background:#f5a623;box-shadow:0 0 14px #f5a623cc;flex:none}
.al-note{margin:22px 0 0;font-size:14.5px;color:#ffffffa8}
.al-note a{color:#f5a623;text-decoration:none;border-bottom:1px solid #f5a62366}
.al-note a:hover{border-bottom-color:#f5a623}
.al-side{display:grid;gap:16px}
.al-report{border:1px solid #ffffff1c;border-radius:20px;background:#0a0e22cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px 20px 16px;box-shadow:0 40px 80px -40px #000}
.al-report-top{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff9e}
.al-dot{width:8px;height:8px;border-radius:50%;background:#f5a623}
.al-live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#35e07a}
.al-live i{width:6px;height:6px;border-radius:50%;background:#35e07a;box-shadow:0 0 10px #35e07a;animation:alPulse 1.6s infinite}
@keyframes alPulse{0%,100%{opacity:1}50%{opacity:.35}}
.al-gauges{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}
.al-g{position:relative;text-align:center}
.al-g svg{width:100%;max-width:96px;display:block;margin:0 auto;transform:rotate(-90deg)}
.al-g-bg{fill:none;stroke:#ffffff14;stroke-width:8}
.al-g-fg{fill:none;stroke:#f5a623;stroke-width:8;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 6px #f5a62399)}
.al-g b{position:absolute;left:0;right:0;top:calc(50% - 16px);font-size:clamp(18px,1.6vw,24px);font-weight:600;letter-spacing:-.03em}
.al-g span{display:block;margin-top:6px;font-size:11.5px;color:#ffffff9e;letter-spacing:.02em}
.al-meta{display:flex;justify-content:space-between;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid #ffffff14;font-family:var(--mono);font-size:11.5px;color:#ffffff8c}
.al-meta b{color:#fff;font-weight:600;margin-left:4px}
.al-form{border:1px solid #ffffff1c;border-radius:20px;background:#0a0e22;padding:20px 20px 16px}
.al-form label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#f5a623;margin-bottom:10px}
.al-row{display:flex;gap:10px}
.al-row input{flex:1;min-width:0;border-radius:14px;border:1px solid #ffffff1f;background:#131836;color:#fff;padding:14px 16px;font-size:15px;font-family:inherit;outline:none;transition:border-color .3s,box-shadow .3s}
.al-row input::placeholder{color:#ffffff59}
.al-row input:focus{border-color:#f5a623;box-shadow:0 0 0 3px #f5a62333}
.al-row button{flex:none;border:0;border-radius:14px;background:#f5a623;color:#241407;font-weight:600;font-size:15px;padding:14px 20px;cursor:pointer;font-family:inherit;box-shadow:0 12px 30px -12px #f5a623cc;transition:transform .3s,box-shadow .3s;white-space:nowrap}
.al-row button:hover{transform:translateY(-1px);box-shadow:0 18px 36px -12px #f5a623}
.al-foot{margin:12px 0 0;text-align:center;font-size:12.5px;color:#ffffff80}
@media (max-width:980px){ .al-grid{grid-template-columns:1fr} .al-h2{max-width:100%} }
@media (max-width:820px){
  .alat-stage{padding:28px 10px}
  .al-panel{border-radius:22px;padding:34px 20px}
  .al-h2{font-size:30px}
  .al-gauges{gap:6px}
  .al-g b{font-size:17px;top:calc(50% - 15px)}
  .al-meta{flex-wrap:wrap;gap:8px 14px}
  .al-row{flex-direction:column}
  .al-row button{width:100%}
}

/* ===== iws: GRADOVI — 3D sfera 78 gradova + 12 istaknutih (17.09), BEZ karte teritorije ===== */
.gradovi-stage{position:relative;background:#050714;padding:0 10px clamp(40px,7vh,90px)}
.gr-panel{position:relative;overflow:hidden;border-radius:30px;border:1px solid #ec7a1a55;background:radial-gradient(70% 60% at 50% 0%,#e06a1040 0,#7a3c0500 60%),radial-gradient(60% 50% at 100% 100%,#f5a62326 0,#f5a62300 60%),linear-gradient(180deg,#0f0b12,#0a0e22 50%,#070a1a);color:#fff;padding:clamp(40px,6vw,80px) clamp(22px,5.5vw,86px)}
.gr-line{position:absolute;left:16%;right:16%;top:0;height:1px;background:linear-gradient(90deg,transparent,#ec7a1a,transparent)}
.gr-stars{position:absolute;inset:0;pointer-events:none;opacity:.7;background-image:radial-gradient(1px 1px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 38% 72%,#ffd9a8 50%,transparent 51%),radial-gradient(1.5px 1.5px at 64% 26%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 82% 58%,#f5a623 50%,transparent 51%),radial-gradient(1px 1px at 22% 88%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 92% 12%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 50% 50%,#ffe2c4 50%,transparent 51%),radial-gradient(1px 1px at 70% 84%,#fff 50%,transparent 51%);background-size:520px 420px}
.gr-head{position:relative;text-align:center;max-width:62ch;margin:0 auto}
.gr-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#f5a623;margin:0 0 14px}
.gr-h2{font-size:clamp(30px,3.9vw,54px);line-height:1.04;letter-spacing:-.035em;font-weight:600;margin:0}
.gr-h2 em{font-style:normal;color:#f5a623}
.gr-p{font-size:clamp(15px,1.15vw,17.5px);line-height:1.6;color:#ffffffd0;margin:16px auto 0;max-width:56ch}
.gr-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,64px);align-items:center;margin-top:clamp(28px,4vw,52px)}
.gr-sphere-wrap{position:relative}
.gr-sphere{position:relative;width:100%;aspect-ratio:1/1;max-width:640px;margin:0 auto;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.gr-sphere:active{cursor:grabbing}
.gr-sphere::before{content:'';position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle at 50% 45%,#f5a62322 0,#ec7a1a10 40%,#0000 70%);pointer-events:none}
.gr-pt{position:absolute;left:50%;top:50%;white-space:nowrap;text-decoration:none;color:#fff;font-size:clamp(12px,1vw,14.5px);font-weight:500;letter-spacing:-.01em;padding:5px 10px;border-radius:999px;background:#0a0e2299;border:1px solid #ffffff1c;will-change:transform,opacity;transition:border-color .25s,background .25s,color .25s}
.gr-pt:hover{border-color:#f5a623;background:#f5a623;color:#0a0e22}
.gr-pt-ist{color:#f5a623;font-weight:600;font-size:clamp(13px,1.15vw,16.5px);border-color:#f5a62366;background:#1a1206d9;box-shadow:0 0 22px -6px #f5a623aa}
.gr-hint{text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#ffffff73;margin:8px 0 0}
.gr-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.gr-card{position:relative;display:block;text-decoration:none;color:#fff;border:1px solid #ffffff1c;border-radius:16px;background:#0a0e22b8;padding:16px 40px 16px 16px;transition:transform .35s,border-color .35s,box-shadow .35s,background .35s;overflow:hidden}
.gr-card b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.gr-card span{display:block;margin-top:5px;font-size:12px;color:#ffffff8c}
.gr-card i{position:absolute;right:14px;top:50%;translate:0 -50%;font-style:normal;color:#f5a623;opacity:0;transition:opacity .3s,translate .3s}
.gr-card::after{content:'';position:absolute;inset:0;background:radial-gradient(60% 80% at 100% 0%,#f5a62333,#0000 70%);opacity:0;transition:opacity .35s}
.gr-card:hover{transform:translateY(-3px);border-color:#f5a62399;box-shadow:0 24px 50px -30px #f5a623cc;background:#14112a}
.gr-card:hover i{opacity:1;translate:4px -50%}
.gr-card:hover::after{opacity:1}
@media (max-width:980px){ .gr-grid{grid-template-columns:1fr} .gr-sphere{max-width:520px} }
@media (max-width:820px){
  .gradovi-stage{padding:0 10px 28px}
  .gr-panel{border-radius:22px;padding:34px 16px}
  .gr-h2{font-size:30px}
  .gr-sphere{max-width:360px}
  .gr-pt{font-size:10.5px;padding:3px 7px}
  .gr-pt-ist{font-size:12px}
  .gr-sphere{max-width:380px}
  .gr-cards{gap:8px}
  .gr-card{padding:12px 30px 12px 12px;border-radius:12px}
  .gr-card b{font-size:13.5px}
  .gr-card span{font-size:11px}
}

/* ===== iws: FAQ — niz pitanja + stakleni panel sa kružnim obrubom (17.09) ===== */
.faq-stage{position:relative;overflow:hidden;background:#050714;color:#fff;padding:clamp(56px,9vh,110px) clamp(22px,5.5vw,86px)}
.fq-wrap{max-width:1240px;margin:0 auto}
.fq-head{text-align:center}
.fq-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#f5a623;margin:0 0 14px}
.fq-h2{font-size:clamp(30px,3.9vw,54px);line-height:1.04;letter-spacing:-.035em;font-weight:600;margin:0}
.fq-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(28px,5vw,72px);align-items:start;margin-top:clamp(30px,4.5vw,60px)}
.fq-listwrap{position:relative;padding-left:26px}
.fq-track{position:absolute;left:8px;top:0;bottom:0;width:1px;background:linear-gradient(#ffffff00,#ffffff26 12%,#ffffff26 88%,#ffffff00)}
.fq-track b{position:absolute;left:-5px;top:-5px;width:11px;height:11px;border-radius:50%;background:#f5a623;box-shadow:0 0 18px 4px #f5a62366;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.fq-list{list-style:none;margin:0;padding:0}
.fq-item{border-bottom:1px solid #ffffff12}
.fq-q{display:flex;align-items:center;gap:16px;width:100%;background:none;border:0;color:#ffffffb8;text-align:left;padding:18px 6px;font-family:inherit;font-size:clamp(15px,1.25vw,18px);font-weight:500;letter-spacing:-.01em;cursor:pointer;transition:color .3s,padding-left .35s}
.fq-n{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:#ffffff5c;flex:none;width:26px;transition:color .3s}
.fq-t{flex:1}
.fq-x{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid #ffffff26;display:grid;place-items:center;font-size:16px;line-height:1;color:#ffffff8c;transition:transform .35s,background .3s,color .3s,border-color .3s}
.fq-item.on .fq-q{color:#fff;padding-left:12px}
.fq-item.on .fq-n{color:#f5a623}
.fq-item.on .fq-x{background:#f5a623;border-color:#f5a623;color:#0a0e22;transform:rotate(45deg)}
.fq-q:hover{color:#fff}
.fq-a{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.2,.8,.2,1)}
.fq-a p{margin:0;padding:0 6px 18px 54px;font-size:15px;line-height:1.6;color:#ffffffc4}
@media (min-width:901px){ .fq-a{display:none} }
.fq-panelwrap{position:sticky;top:96px}
.fq-panel{position:relative;border-radius:26px;padding:1.5px;background:conic-gradient(from var(--fqang,0deg),#f5a62300 0,#f5a623 12%,#ff9d3f 20%,#f5a62300 38%,#f5a62300 62%,#ec7a1a 78%,#f5a62300 100%);animation:fqSpin 6s linear infinite;box-shadow:0 40px 90px -40px #f5a62366,0 30px 60px -40px #000}
@property --fqang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes fqSpin{to{--fqang:360deg}}
.fq-inner{position:relative;border-radius:25px;background:linear-gradient(160deg,#1a0f08f2,#0a0e22f5 55%,#080b1cf8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:clamp(28px,3.2vw,44px);min-height:360px;overflow:hidden}
.fq-glow{position:absolute;inset:-40%;background:radial-gradient(40% 40% at 70% 20%,#ec7a1a55,#0000 70%);pointer-events:none;filter:blur(20px);animation:fqDrift 9s ease-in-out infinite alternate}
@keyframes fqDrift{from{transform:translate(-6%,-4%)}to{transform:translate(6%,6%)}}
.fq-num{position:relative;font-family:var(--mono);font-size:13px;letter-spacing:.18em;color:#f5a623;margin:0 0 18px}
.fq-num span{color:#ffffff59}
.fq-pq{position:relative;font-size:clamp(22px,2.3vw,32px);line-height:1.15;letter-spacing:-.03em;font-weight:600;margin:0}
.fq-pa{position:relative;margin:18px 0 0;font-size:clamp(15.5px,1.2vw,17.5px);line-height:1.65;color:#ffffffd6;min-height:4.9em}
.fq-pa::after{content:'';display:inline-block;width:2px;height:1em;background:#f5a623;margin-left:3px;vertical-align:-2px;animation:fqBlink 1s steps(2) infinite}
@keyframes fqBlink{50%{opacity:0}}
.fq-dots{position:relative;display:flex;gap:6px;margin-top:26px}
.fq-dots i{width:22px;height:3px;border-radius:999px;background:#ffffff26;transition:background .3s,width .3s}
.fq-dots i.on{background:#f5a623;width:40px;box-shadow:0 0 12px #f5a62399}
.fq-panel.swap .fq-inner>*{animation:fqIn .55s cubic-bezier(.2,.8,.2,1) both}
.fq-panel.swap .fq-pq{animation-delay:.05s}.fq-panel.swap .fq-pa{animation-delay:.12s}
@keyframes fqIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:900px){
  .faq-stage{padding:44px 20px}
  .fq-grid{grid-template-columns:1fr;margin-top:26px}
  .fq-panelwrap{display:none}
  .fq-listwrap{padding-left:0}
  .fq-track{display:none}
  .fq-item.on .fq-q{padding-left:6px}
  .fq-item.on{border-bottom-color:#f5a62355}
  .fq-a p{padding-left:42px}
}

/* ===== iws: ZAVRŠNI CTA + FOOTER (17.09) ===== */
.cta-stage{display:none!important}
.zv-cta{position:relative;overflow:hidden;min-height:100vh;display:grid;place-items:center;padding:clamp(60px,10vh,120px) clamp(16px,4vw,60px);background:#050714;color:#fff;isolation:isolate}
.zv-field{position:absolute;inset:0;z-index:0}
.zv-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.zv-aura{position:absolute;inset:0;background:radial-gradient(42% 42% at 50% 52%,#ec7a1a5c 0,#ec7a1a1c 40%,#0000 70%),radial-gradient(90% 60% at 50% 120%,#f5a62333,#0000 60%);animation:zvBreath 6s ease-in-out infinite}
@keyframes zvBreath{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.zv-card{position:relative;z-index:1;width:min(980px,100%);border-radius:32px;padding:1.5px;background:linear-gradient(135deg,#f5a62399,#ffffff14 40%,#ffffff14 60%,#ec7a1a99);transition:transform .35s ease-out;transform-style:preserve-3d;box-shadow:0 60px 120px -50px #f5a62355,0 40px 80px -40px #000}
.zv-card-in{border-radius:31px;background:linear-gradient(160deg,#150d0ae8,#0a0e22f0 55%,#070a1af2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:clamp(40px,6vw,84px) clamp(22px,6vw,80px);text-align:center}
.zv-badge{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:#f5a623;border:1px solid #f5a62355;border-radius:999px;padding:9px 14px;background:#f5a6231a}
.zv-badge i{position:relative;width:8px;height:8px;border-radius:50%;background:#f5a623}
.zv-badge i::after{content:'';position:absolute;inset:-6px;border-radius:50%;border:1px solid #f5a623;animation:zvPing 1.8s ease-out infinite}
@keyframes zvPing{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.6);opacity:0}}
.zv-h2{font-size:clamp(34px,5.4vw,74px);line-height:1.02;letter-spacing:-.04em;font-weight:600;margin:26px auto 0;max-width:15ch}
.zv-w{display:inline-block;opacity:0;transform:translateY(22px) rotate(2deg);filter:blur(6px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1),filter .7s;transition-delay:calc(var(--i) * 90ms)}
.zv-cta.in .zv-w{opacity:1;transform:none;filter:none}
.zv-acc{color:#f5a623;text-shadow:0 0 40px #f5a62366}
.zv-p{font-size:clamp(16px,1.3vw,19px);line-height:1.6;color:#ffffffd6;margin:22px auto 0;max-width:46ch}
.zv-btns{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:34px}
.zv-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:17px 32px;font-size:15.5px;font-weight:600;text-decoration:none;transition:transform .25s ease-out,box-shadow .3s,background .3s,border-color .3s;overflow:hidden;will-change:transform}
.zv-btn span{position:relative;z-index:1}
.zv-btn-main{background:#f5a623;color:#241407;box-shadow:0 18px 40px -14px #f5a623}
.zv-btn-main:hover{box-shadow:0 26px 50px -14px #f5a623}
.zv-shine{position:absolute;inset:0;background:linear-gradient(115deg,#fff0 30%,#ffffff8c 50%,#fff0 70%);transform:translateX(-120%);animation:zvShine 3.2s ease-in-out infinite}
@keyframes zvShine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.zv-btn-ghost{background:#ffffff0a;color:#fff;border:1px solid #ffffff33}
.zv-btn-ghost:hover{border-color:#f5a623;background:#f5a6231a}
.zv-mini{margin:22px 0 0;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff73}
/* footer */
.zv-footer{position:relative;overflow:hidden;background:#050714;color:#fff;border-top:1px solid #ffffff14;padding:clamp(48px,7vw,96px) clamp(22px,5.5vw,86px) 26px}
.zv-f-in{max-width:1240px;margin:0 auto;position:relative}
.zv-f-top{display:grid;grid-template-columns:1.1fr 2fr;gap:clamp(28px,5vw,72px)}
.zv-f-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font-weight:700;font-size:20px;letter-spacing:-.02em}
.zv-f-logo svg{width:22px;height:22px;color:#f5a623}
.zv-f-logo b{color:#f5a623;font-weight:700}
.zv-f-desc{margin:18px 0 0;max-width:34ch;font-size:14.5px;line-height:1.6;color:#ffffffc4}
.zv-f-contact{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:9px;font-size:14.5px}
.zv-f-contact a,.zv-f-contact span{display:inline-flex;align-items:center;gap:10px;color:#ffffffd6;text-decoration:none}
.zv-f-contact a:hover{color:#fff}
.zv-f-contact i{font-style:normal;color:#f5a623;width:16px;text-align:center}
.zv-clock{color:#fff;font-family:var(--mono);font-weight:600}
.zv-f-status{margin:18px 0 0;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#35e07a}
.zv-f-status i{width:7px;height:7px;border-radius:50%;background:#35e07a;box-shadow:0 0 10px #35e07a;animation:alPulse 1.6s infinite}
.zv-f-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,48px)}
.zv-f-cols h3{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#f5a623;margin:0 0 16px;font-weight:600}
.zv-f-cols h3.zv-h3-2{margin-top:28px}
.zv-f-cols ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.zv-f-cols a{color:#ffffffd0;text-decoration:none;font-size:14.5px;transition:color .25s,padding-left .25s;position:relative}
.zv-f-cols a:hover{color:#fff;padding-left:8px}
.zv-f-cols a::before{content:'';position:absolute;left:-2px;top:50%;width:0;height:1px;background:#f5a623;transition:width .25s}
.zv-f-cols a:hover::before{width:6px}
.zv-f-cols a.zv-acc-link{color:#f5a623e0}
.zv-f-data li{color:#ffffffc4;font-size:14.5px}
.zv-f-ig{display:inline-block;margin-top:18px;color:#ffffffd0;text-decoration:none;font-size:14.5px;border-bottom:1px solid #ffffff33}
.zv-f-ig:hover{color:#fff;border-bottom-color:#f5a623}
.zv-f-word{margin-top:clamp(40px,6vw,80px);display:flex;gap:.22em;justify-content:center;font-size:clamp(56px,11.2vw,166px);font-weight:700;letter-spacing:-.06em;line-height:.86;white-space:nowrap;user-select:none;-webkit-user-select:none}
.zv-f-word span{display:inline-block;background:linear-gradient(180deg,#ffffff 0%,#ffffff70 55%,#ffffff12 100%);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.zv-f-word .zv-f-word-acc{background:linear-gradient(90deg,#ec7a1a,#f5a623 40%,#ffd9a8 55%,#f5a623 70%,#ec7a1a);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:zvFlow 5s linear infinite;transition-delay:.15s}
@keyframes zvFlow{to{background-position:200% 0}}
.zv-footer.in .zv-f-word span{opacity:1;transform:none}
.zv-f-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:clamp(20px,3vw,36px);padding-top:18px;border-top:1px solid #ffffff14;font-size:13px;color:#ffffffa8}
.zv-f-mono{font-family:var(--mono);font-size:12px}
.zv-f-top-btn{color:#fff;text-decoration:none;border:1px solid #ffffff33;border-radius:999px;padding:9px 16px;font-size:13px;transition:border-color .3s,background .3s}
.zv-f-top-btn:hover{border-color:#f5a623;background:#f5a6231a}
@media (max-width:980px){ .zv-f-top{grid-template-columns:1fr} .zv-f-cols{grid-template-columns:repeat(2,1fr)} }
@media (max-width:820px){
  .zv-cta{min-height:auto;padding:40px 12px}
  .zv-card{border-radius:24px}
  .zv-card-in{border-radius:23px;padding:34px 20px}
  .zv-h2{font-size:32px;max-width:100%}
  .zv-p{font-size:15.5px}
  .zv-btns{flex-direction:column;align-items:stretch}
  .zv-btn{width:100%}
  .zv-footer{padding:44px 20px 20px}
  .zv-f-cols{grid-template-columns:1fr;gap:26px}
  .zv-f-word{font-size:16vw;flex-direction:column;align-items:flex-start;gap:0;line-height:.95}
  .zv-f-bar{flex-direction:column;align-items:flex-start}
}

/* ===== iws: FOOTER v2 — pod u perspektivi, reflektor, marquee, kontakt kartica, slova koja se dižu (17.09) ===== */
.zv-footer{--mx:50%;--my:120%;padding-top:0;border-top:0}
.zv-f-floor{position:absolute;left:-20%;right:-20%;bottom:-8%;height:62%;pointer-events:none;background-image:linear-gradient(#f5a62326 1px,transparent 1px),linear-gradient(90deg,#f5a62326 1px,transparent 1px);background-size:64px 64px;transform:perspective(700px) rotateX(64deg);transform-origin:50% 100%;mask-image:linear-gradient(180deg,#0000 0,#000 45%,#000 80%,#0000);-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 45%,#000 80%,#0000);animation:zvFloor 6s linear infinite}
@keyframes zvFloor{to{background-position:0 64px,0 0}}
.zv-f-spot{position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 380px at var(--mx) var(--my),#f5a62324 0,#ec7a1a10 35%,#0000 70%)}
.zv-f-marq{overflow:hidden;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;background:#070a1a;padding:14px 0;margin:0 calc(-1 * clamp(22px,5.5vw,86px)) clamp(44px,6vw,80px);position:relative;mask-image:linear-gradient(90deg,#0000,#000 8%,#000 92%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#000 8%,#000 92%,#0000)}
.zv-f-marq-row{display:flex;width:max-content;animation:zvMarq 38s linear infinite}
.zv-f-marq-row span{display:inline-flex;align-items:center;gap:22px;padding:0 22px 0 0;font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#ffffff9e;white-space:nowrap}
.zv-f-marq-row span i{font-style:normal;color:#f5a623;font-size:10px}
@keyframes zvMarq{to{transform:translateX(-50%)}}
.zv-f-marq:hover .zv-f-marq-row{animation-play-state:paused}
.zv-f-card{--cx:50%;--cy:50%;margin-top:22px;border-radius:22px;padding:1.5px;background:linear-gradient(135deg,#f5a62388,#ffffff14 45%,#ec7a1a66);transition:transform .3s ease-out;transform-style:preserve-3d;box-shadow:0 40px 80px -40px #f5a62344}
.zv-f-card-in{position:relative;border-radius:21px;background:linear-gradient(160deg,#150d0ad9,#0a0e22ee 60%);padding:22px 22px 18px;overflow:hidden}
.zv-f-card-in::before{content:'';position:absolute;inset:0;background:radial-gradient(220px 160px at var(--cx) var(--cy),#f5a62328,#0000 70%);pointer-events:none}
.zv-f-card .zv-f-status{margin:0 0 14px}
.zv-f-big{position:relative;display:block;text-decoration:none;color:#fff;font-size:clamp(18px,1.55vw,23px);font-weight:600;letter-spacing:-.02em;padding:10px 0;border-top:1px solid #ffffff14;transition:color .25s,padding-left .3s}
.zv-f-big small{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#f5a623;margin-bottom:4px;font-weight:600}
.zv-f-big:hover{color:#f5a623;padding-left:8px}
.zv-f-card .zv-f-contact{margin-top:12px;padding-top:12px;border-top:1px solid #ffffff14;font-size:13.5px}
.zv-f-cols>div{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.zv-f-cols>div:nth-child(2){transition-delay:.12s}.zv-f-cols>div:nth-child(3){transition-delay:.24s}
.zv-footer.in .zv-f-cols>div{opacity:1;transform:none}
.zv-f-word{position:relative;z-index:1}
.zv-f-word span{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit}
.zv-l{display:inline-block;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s;will-change:transform;background:linear-gradient(180deg,#ffffff 0%,#ffffff70 55%,#ffffff12 100%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:zvIdle 4.2s ease-in-out infinite;animation-delay:calc(var(--k) * .12s)}
@keyframes zvIdle{0%,100%{translate:0 0}50%{translate:0 -6px}}
.zv-l-acc{background:linear-gradient(90deg,#ec7a1a,#f5a623 40%,#ffd9a8 55%,#f5a623 70%,#ec7a1a);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:zvIdle 4.2s ease-in-out infinite,zvFlow 5s linear infinite;animation-delay:calc(var(--k) * .12s),0s}
.zv-f-top-btn{position:relative;overflow:hidden}
.zv-f-top-btn::after{content:'';position:absolute;inset:0;border-radius:999px;background:radial-gradient(circle at 50% 120%,#f5a62355,#0000 60%);opacity:0;transition:opacity .3s}
.zv-f-top-btn:hover::after{opacity:1}
@media (max-width:820px){
  .zv-f-floor{height:40%;background-size:44px 44px}
  .zv-f-marq{margin:0 -20px 34px}
  .zv-f-card-in{padding:18px 16px 14px}
  .zv-f-big{font-size:18px}
  .zv-l{animation:none}
  .zv-l-acc{animation:zvFlow 5s linear infinite}
}
@media (prefers-reduced-motion:reduce){ .zv-f-floor,.zv-f-marq-row,.zv-l,.zv-l-acc{animation:none} }

/* ===== iws: reel kao pravi cilindar (scrolltide „Circular Slider" uzor, 17.09): zadnje kartice vidljive kroz razmake, ogledalski; prevlacenje = okretanje ===== */
.reel-card{backface-visibility:visible!important}
.reel-viewport{cursor:grab}
.reel-viewport.dragging{cursor:grabbing}
.reel-viewport.dragging .reel-card{pointer-events:none}

/* iws: hero pozadina = Kod stream (18.09), canvas providan preko hero gradijenta */
.hero-panel canvas.kod-stream{opacity:.55;mix-blend-mode:screen;mask-image:linear-gradient(90deg,#0006 0,#000 45%,#000 100%);-webkit-mask-image:linear-gradient(90deg,#0006 0,#000 45%,#000 100%)}
@media (max-width:820px){ .hero-panel canvas.kod-stream{opacity:.35;mask-image:none;-webkit-mask-image:none} }

/* ===== iws: FOOTER v5 — Expanded Cards 1:1 po scrolltide promptu (rail, --x/--vis, clip-path, parallax, caption delay) 18.09 ===== */
.exp{--exp-bg:transparent;--exp-dim:linear-gradient(180deg,rgba(3,5,10,.58) 0%,rgba(3,5,10,.72) 100%);--exp-scrim:linear-gradient(180deg,rgba(4,6,12,0) 34%,rgba(4,6,12,.58) 68%,rgba(4,6,12,.9) 100%);--exp-title:#fff;--exp-body-color:rgba(255,255,255,.86);--exp-number:#fff;--exp-number-dim:rgba(255,255,255,.72);--exp-icon-color:rgba(255,255,255,.92);
  --exp-ratio:2.94;--exp-card-w:53.6cqw;--exp-pad:2.4cqw;--exp-icon-size:2.8cqw;--exp-corner:2.4cqw;--exp-nudge:.9cqw;--exp-speed:.72s;--exp-ease:ease;--exp-zoom:1.12;--exp-parallax:.4;--exp-caption-delay:.22s;
  --exp-num-size:clamp(11px,2.2cqw,16px);--exp-body-size:clamp(13px,1.35cqw,16px);--exp-title-size:clamp(14px,2.35cqw,22px);
  container-type:inline-size;width:100%;background:var(--exp-bg);font-family:inherit;-webkit-tap-highlight-color:transparent}
.exp-rail{position:relative;width:100%;aspect-ratio:var(--exp-ratio)}
.exp-card{position:absolute;top:0;left:0;height:100%;width:var(--exp-card-w);transform:translate3d(var(--x),0,0);clip-path:inset(0 calc(var(--exp-card-w) - var(--vis)) 0 0 round var(--exp-corner));display:block;color:inherit;text-decoration:none;cursor:pointer;contain:layout paint style;will-change:transform,clip-path;transition-property:transform,clip-path;transition-duration:var(--exp-speed);transition-timing-function:var(--exp-ease)}
.exp-card:focus-visible{outline:2px solid var(--exp-number);outline-offset:-4px}
.exp-media{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transform:translateX(calc((var(--vis) - var(--exp-card-w)) * var(--exp-parallax) * .5)) scale(var(--exp-media-zoom,var(--exp-zoom)));transform-origin:50% 50%;will-change:transform;transition:transform var(--exp-speed) var(--exp-ease)}
.exp-card.is-open .exp-media{--exp-media-zoom:1}
.exp-scrim,.exp-veil{position:absolute;inset:0;pointer-events:none;transition:opacity var(--exp-speed) var(--exp-ease)}
.exp-scrim{background:var(--exp-scrim);opacity:.4}
.exp-card.is-open .exp-scrim{opacity:1}
.exp-veil{background:var(--exp-dim);opacity:1}
.exp-card.is-open .exp-veil{opacity:0}
.exp-num,.exp-mark{transform:translateX(var(--exp-nudge));transition:transform var(--exp-speed) var(--exp-ease)}
.exp-card.is-open .exp-num,.exp-card.is-open .exp-mark{transform:translateX(0)}
.exp-num{position:absolute;top:var(--exp-pad);left:var(--exp-pad);font-size:var(--exp-num-size);font-weight:600;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--exp-number-dim);transition-property:transform,color;transition-duration:var(--exp-speed);transition-timing-function:var(--exp-ease)}
.exp-card.is-open .exp-num{color:var(--exp-number)}
.exp-caption{position:absolute;left:var(--exp-pad);right:var(--exp-pad);bottom:var(--exp-pad);display:flex;flex-direction:column;gap:calc(var(--exp-pad) * .95);pointer-events:none}
.exp-card.is-open .exp-caption{pointer-events:auto}
.exp-body,.exp-title{opacity:0;transition-property:opacity,transform;transition-duration:calc(var(--exp-speed) * .26);transition-timing-function:ease;transition-delay:0s}
.exp-card.is-open .exp-body,.exp-card.is-open .exp-title{opacity:1;transform:none;transition-duration:calc(var(--exp-speed) * .72);transition-timing-function:var(--exp-ease);transition-delay:var(--exp-caption-delay)}
.exp-body{display:block;font-size:var(--exp-body-size);line-height:1.55;letter-spacing:-.005em;color:var(--exp-body-color);transform:translateY(24%)}
.exp-foot{display:flex;align-items:center;gap:calc(var(--exp-pad) * .62)}
.exp-mark{flex:0 0 auto;width:var(--exp-icon-size);height:var(--exp-icon-size);color:var(--exp-icon-color)}
.exp-mark svg{display:block;width:100%;height:100%}
.exp-title{font-size:var(--exp-title-size);font-weight:600;letter-spacing:-.005em;color:var(--exp-title);white-space:nowrap;transform:translateX(-14%)}
.exp-card.is-open .exp-title{transition-delay:calc(var(--exp-caption-delay) * 1.45)}
/* naš sadržaj u caption-u */
.exp-desc{margin:0 0 .8em;max-width:40ch}
.exp-body ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.35em 1.4em}
.exp-body a{color:#fff;text-decoration:none;transition:color .25s}
.exp-body a:hover{color:#f5a623}
.exp-body a.zv-acc-link{color:#f5a623}
.exp-body .bm-kontakt{grid-template-columns:1fr}
.exp-body .bm-kontakt a,.exp-body .bm-kontakt span{display:inline-flex;gap:.5em;color:#fff;text-decoration:none}
.exp-body .bm-kontakt i{font-style:normal;color:#f5a623}
.exp-body .zv-f-status{margin-top:.8em;font-size:.7em}
.exp-body .zv-f-data{grid-template-columns:1fr;color:#ffffffd6}
.exp-body .zv-f-ig{display:inline-block;margin-top:.8em;color:#fff;border-bottom:1px solid #ffffff55;text-decoration:none}
/* art po kartici (nema slika: CSS pozadine, „un-zoom" radi isto) */
.ex-kontakt .exp-media{background:radial-gradient(110% 120% at 16% 10%,#ffd2a8 0%,#ff6a35 24%,#b81f10 52%,#2a0704 100%)}
.ex-usluge .exp-media{background:radial-gradient(110% 120% at 16% 10%,#ffe2c4 0%,#f5a623 24%,#9a4a0a 52%,#1a0f06 100%)}
.ex-alati .exp-media{background:radial-gradient(110% 120% at 12% 8%,#6fd0ff 0%,#1f6ae0 26%,#0d2f8f 52%,#050e33 100%)}
.ex-kompanija .exp-media{background:radial-gradient(110% 120% at 14% 8%,#e9c4ff 0%,#a63bff 24%,#5a0fb0 52%,#14032e 100%)}
.ex-firma .exp-media{background:radial-gradient(110% 120% at 14% 8%,#c8ffe0 0%,#35e07a 24%,#0f6b3c 52%,#02140b 100%)}
.exp-media::after{content:'';position:absolute;inset:0;background:repeating-conic-gradient(from 200deg at 16% 4%,rgba(255,255,255,.14) 0deg .9deg,transparent .9deg 3.2deg)}
@media (prefers-reduced-motion: reduce){ .exp{--exp-speed:.001s;--exp-caption-delay:0s;--exp-zoom:1;--exp-parallax:0} }
/* mobil: rail nema smisla na 390px → sve kartice otvorene, jedna ispod druge */
@media (max-width:820px){
  .exp-rail{aspect-ratio:auto;display:grid;gap:12px}
  .exp-card{position:relative;transform:none!important;clip-path:none!important;width:100%!important;height:auto;min-height:0;border-radius:18px;overflow:hidden}
  .exp-veil{opacity:0} .exp-scrim{opacity:1}
  .exp-num,.exp-mark{transform:none!important}
  .exp-caption{position:relative;left:auto;right:auto;bottom:auto;padding:52px 18px 18px;pointer-events:auto}
  .exp-body,.exp-title{opacity:1!important;transform:none!important}
  .exp{--exp-pad:18px;--exp-icon-size:22px;--exp-num-size:12px;--exp-body-size:14px;--exp-title-size:18px}
  .exp-body ul{grid-template-columns:1fr}
}

/* ===== iws: LOGO znak B (strelica) u headeru + preloaderu (18.09) ===== */
.iws-arrowmark{width:26px!important;height:26px!important;overflow:visible;border-radius:7px;box-shadow:0 0 18px -4px #f5a62399}
.iws-arrowmark .iws-arr-shaft{stroke-dasharray:60;stroke-dashoffset:60;animation:iwsShaft .7s cubic-bezier(.2,.9,.2,1) .2s forwards}
.iws-arrowmark .iws-arr-head{stroke-dasharray:60;stroke-dashoffset:60;animation:iwsShaft .5s cubic-bezier(.2,.9,.2,1) .6s forwards}
@keyframes iwsShaft{to{stroke-dashoffset:0}}
.nav-mark:hover .iws-arrowmark{transform:translate(1px,-1px);transition:transform .35s cubic-bezier(.2,.9,.2,1)}
.nav-mark:hover .iws-arr-shaft,.nav-mark:hover .iws-arr-head{animation:iwsShaft .6s cubic-bezier(.2,.9,.2,1) forwards}

/* iws: strelica nagore u headeru — bez rotacije, samo sjaj + lift na hover (18.09) */
.iws-arrowup{width:22px!important;height:22px!important;overflow:visible;filter:drop-shadow(0 0 8px #f5a62388);transition:transform .35s cubic-bezier(.2,.9,.2,1)}
.nav-mark:hover .iws-arrowup{transform:translateY(-2px)}

/* iws: strelica nagore NE rotira (vlasnik 18.09.) */
.nav-mark.nav-mark-anim{animation:none!important;transform:none!important}

/* ===== iws: INTRO animirani logo preko strane (18.09) ===== */
.iws-intro{position:fixed;inset:0;z-index:200;background:#0A0E22;display:grid;place-items:center;transition:opacity .75s ease,visibility .75s;cursor:pointer}
.iws-intro.out{opacity:0;visibility:hidden}
.iws-intro-logo{display:flex;align-items:center;gap:clamp(16px,3vw,40px);animation:iwsIntroLift .8s ease-in 2.1s forwards}
@keyframes iwsIntroLift{to{transform:translateY(-10px);opacity:.98}}
.iws-intro-mark{width:clamp(90px,16vw,200px);height:clamp(90px,16vw,200px);position:relative}
.iws-intro-mark svg{width:100%;height:100%;overflow:visible}
.iws-intro-ring{fill:none;stroke:#F5A623;stroke-width:1.2;opacity:.35;stroke-dasharray:4 10;transform-origin:48px 48px;animation:iwsSpin 18s linear infinite}
.iws-intro-arrow{transform-origin:48px 48px;transform:translateY(40px) scale(.6);opacity:0;animation:iwsIntroPop 1s cubic-bezier(.2,.9,.2,1.1) .25s forwards,iwsIntroBreathe 4.5s ease-in-out 1.4s infinite}
@keyframes iwsIntroPop{to{transform:none;opacity:1}}
@keyframes iwsIntroBreathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.iws-intro-glow{position:absolute;inset:-40%;border-radius:50%;background:radial-gradient(circle,rgba(245,166,35,.55),rgba(236,122,26,.15) 45%,transparent 70%);filter:blur(18px);opacity:0;animation:iwsIntroGlow 1.2s ease-out .7s forwards}
@keyframes iwsIntroGlow{to{opacity:1}}
.iws-intro-wm{font-family:inherit;font-weight:700;font-size:clamp(36px,6.5vw,88px);line-height:1;letter-spacing:-.035em;display:flex;flex-direction:column;color:#fff}
.iws-intro-wm .iline{display:block;overflow:hidden}
.iws-intro-wm .il{display:inline-block;opacity:0;transform:translateY(110%) rotate(6deg);animation:iwsIntroUp .7s cubic-bezier(.2,.9,.2,1) forwards}
.iws-intro-wm .acc .il{background:linear-gradient(90deg,#EC7A1A,#F5A623 40%,#FFD9A8 55%,#F5A623 70%,#EC7A1A);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:iwsIntroUp .7s cubic-bezier(.2,.9,.2,1) forwards,zvFlow 5s linear 1.8s infinite}
@keyframes iwsIntroUp{to{opacity:1;transform:none}}
.iws-intro-tag{display:block;font:500 clamp(10px,1.1vw,13px)/1 var(--mono);letter-spacing:.3em;text-transform:uppercase;color:#8a93b8;margin-top:clamp(8px,1vw,14px);opacity:0;animation:iwsIntroGlow .8s ease-out 1.7s forwards}
@media (max-width:820px){ .iws-intro-logo{flex-direction:column;gap:18px;text-align:center} .iws-intro-wm{align-items:center;font-size:40px} }