#platforma .iop{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto auto auto;align-items:center;gap:92px clamp(70px,8vw,150px)}#platforma .iop__col--top,#platforma .iop__col--bottom{grid-column:1 / -1;grid-auto-flow:column;justify-content:center;gap:14px}#platforma .iop__col--top{grid-row:1}#platforma .iop__col--bottom{grid-row:3}#platforma .iop__col--left{grid-column:1;grid-row:2}#platforma .iop__hub{grid-column:2;grid-row:2}#platforma .iop__col--right{grid-column:3;grid-row:2}#platforma .iop__col--top .iop__node,#platforma .iop__col--bottom .iop__node{width:clamp(300px,27vw,380px)}#platforma .iop:before{content:"";position:absolute;z-index:0;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,92%);aspect-ratio:1;background:radial-gradient(closest-side,rgba(239,138,51,.12),transparent 72%)}#platforma .iop__wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}#platforma .iop__wire{fill:none;stroke:var(--color-line-2);stroke-width:1.2;transition:stroke .25s var(--ease-out-soft),stroke-width .25s var(--ease-out-soft),opacity .25s var(--ease-out-soft)}#platforma .iop__wire.is-on{stroke:var(--color-brand);stroke-width:2}#platforma .iop__dot{fill:var(--color-line-2);transition:fill .25s var(--ease-out-soft)}#platforma .iop__dot.is-on{fill:var(--color-brand)}#platforma .iop.is-focus .iop__wire:not(.is-on){opacity:.35}#platforma .iop__col{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;gap:38px}#platforma .iop__cover{position:absolute;inset:0;z-index:2;border-radius:inherit}#platforma .iop__node{position:relative;cursor:pointer;display:flex;align-items:center;gap:13px;padding:20px 22px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;transition:transform .25s var(--ease-out-soft),border-color .25s var(--ease-out-soft),background .25s var(--ease-out-soft),opacity .25s var(--ease-out-soft)}#platforma .iop__col--right .iop__node{flex-direction:row-reverse;text-align:right}#platforma .iop__node:hover{border-color:#ef8a3380;background:var(--color-surface-2);transform:translate(6px)}#platforma .iop__col--right .iop__node:hover{transform:translate(-6px)}#platforma .iop.is-focus .iop__node:not(.is-on){opacity:.45}#platforma .iop__node--soon{border-style:dashed}#platforma .iop__icon{flex:none;display:grid;place-items:center;color:var(--color-brand)}#platforma .iop__icon svg{width:32px;height:32px}#platforma .iop__text{display:grid;gap:2px;min-width:0}#platforma .iop__text b{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:9px}#platforma .iop__col--right .iop__text b{flex-direction:row-reverse}#platforma .iop__text b em{font:600 10px/1 var(--font-sans);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);padding:4px 7px;border-radius:999px;border:1px solid var(--color-line-2)}#platforma .iop__text i{font-style:normal;font-size:14px;color:var(--color-muted);line-height:1.45}#platforma .iop__hub{position:relative;z-index:2;width:clamp(190px,19vw,240px);aspect-ratio:1;display:grid;place-items:center;text-align:center;padding:26px;background:linear-gradient(180deg,var(--color-surface-2),var(--color-surface));border:1px solid var(--color-line-2);border-radius:18px;box-shadow:var(--shadow-lift)}#platforma .iop__hubmark{display:block;width:clamp(100px,11vw,138px)}#platforma .iop__hubcore{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-line);font-size:13px;line-height:1.5;color:var(--color-ink-2)}@media(max-width:1023px){#platforma .iop{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:12px}#platforma .iop__col--top,#platforma .iop__col--bottom,#platforma .iop__col--left,#platforma .iop__col--right{grid-column:auto;grid-row:auto;grid-auto-flow:row}#platforma .iop__col--top .iop__node,#platforma .iop__col--bottom .iop__node{width:auto}#platforma .iop__wires{display:none}#platforma .iop__hub,#platforma .iop:before{display:none}#platforma .iop__col{gap:12px}#platforma .iop__col--right .iop__node{flex-direction:row;text-align:left}#platforma .iop__col--right .iop__text b{flex-direction:row}#platforma .iop__node:hover,#platforma .iop__col--right .iop__node:hover{transform:none}}@media(max-width:640px){#platforma .iop{grid-template-columns:1fr}}.ai[data-astro-cid-pfgx4vdo]:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url(/ai.webp);background-size:min(1180px,122%) auto;background-position:center top;background-repeat:no-repeat;mix-blend-mode:screen;opacity:.42;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 46%,transparent 72%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 46%,transparent 72%)}@media(max-width:640px){.ai[data-astro-cid-pfgx4vdo]:before{background-size:168% auto;opacity:.26}}.ind[data-astro-cid-24ulwq2j]:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url(/industrije-pozadina.webp);background-size:auto 205%;background-position:78% center;background-repeat:no-repeat;mix-blend-mode:screen;opacity:.55;-webkit-mask-image:linear-gradient(100deg,transparent 8%,rgba(0,0,0,.55) 42%,#000 78%);mask-image:linear-gradient(100deg,transparent 8%,rgba(0,0,0,.55) 42%,#000 78%)}.ind__row[data-astro-cid-24ulwq2j]:hover .ind__ico[data-astro-cid-24ulwq2j]{color:var(--color-brand)}@media(max-width:640px){.ind[data-astro-cid-24ulwq2j]:before{opacity:.28}}