{"id":20177,"date":"2026-06-02T13:52:30","date_gmt":"2026-06-02T13:52:30","guid":{"rendered":"https:\/\/www.peternel2000.eu\/?page_id=20177"},"modified":"2026-08-17T12:41:59","modified_gmt":"2026-08-17T12:41:59","slug":"agenti","status":"publish","type":"page","link":"https:\/\/www.peternel2000.eu\/en\/agenti\/","title":{"rendered":"Agenti"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:0px;--awb-padding-right:0px;--awb-padding-bottom:0px;--awb-padding-left:0%;--awb-padding-right-medium:0px;--awb-padding-bottom-medium:0px;--awb-padding-left-medium:0px;--awb-padding-right-small:0px;--awb-padding-left-small:0px;--awb-margin-top:0px;--awb-margin-bottom:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:104% !important;max-width:104% !important;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-padding-right-small:0px;--awb-padding-left-small:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><!-- peternel+ai \u00b7 AGENTI HIBRIDNE INTELIGENCIJE \u00b7 Avada Code Block -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=IBM+Plex+Serif:wght@300;400;500;600;700&family=Fira+Code:wght@300;400;500;600;700&display=swap');\n#ptn-agenti{--bg:#08070B;--txt:#F4F3F7;--mut:#86848F;--dim:#56545E;--line:#211F28;--card:#100F16;--acc:#F7FF00;--ac:255,255,255;--hh:90px;--serif:'IBM Plex Serif',Georgia,serif;--mono:'Fira Code',monospace;background:#08070B;color:#F4F3F7;position:relative;isolation:isolate;font-family:var(--mono);line-height:1.5;overflow-x:hidden;width:100vw;margin-left:calc(50% - 50vw)}\n#ptn-agenti *{margin:0;padding:0;box-sizing:border-box}\n#ptn-agenti #data-web,#ptn-agenti #data-map,#ptn-agenti #rendgen,#ptn-agenti #inkluzo{scroll-margin-top:50px}\n#ptn-agenti :root{--bg:#08070B;--txt:#F4F3F7;--mut:#86848F;--dim:#56545E;\n    --line:#211F28;--card:#100F16;\n    --acc:#F7FF00;\n    --ac:255,255,255;\n    --serif:'IBM Plex Serif',Georgia,serif;--mono:'Fira Code',monospace;}\n#ptn-agenti *{margin:0;padding:0;box-sizing:border-box}\n#ptn-agenti html{scroll-behavior:smooth;background:#08070B;color-scheme:dark;min-height:100%}\n#ptn-agenti body{background:#08070B;color:var(--txt);font-family:var(--mono);-webkit-font-smoothing:antialiased;\n    line-height:1.5;overflow-x:hidden;min-height:100%;scroll-snap-type:y proximity}\n#ptn-agenti::after{content:\"\";position:absolute;inset:0;z-index:9;pointer-events:none;opacity:.055;\n    background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\")}\n#ptn-agenti .prog{position:absolute;top:0;left:0;height:2px;width:0;z-index:20;background:var(--acc)}\n#ptn-agenti .nav-dots{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:15;display:flex;flex-direction:column;gap:14px}\n#ptn-agenti .nav-dots a{width:8px;height:8px;border-radius:50%;border:1px solid var(--dim);transition:.3s}\n#ptn-agenti .nav-dots a.on{background:var(--acc);border-color:var(--acc);box-shadow:0 0 10px var(--acc)}\n@media(max-width:820px){#ptn-agenti .nav-dots{display:none}}\n#ptn-agenti #s0{min-height:auto!important;justify-content:flex-start!important;padding-top:calc(var(--hh) + 24px);padding-bottom:72px}\n#ptn-agenti #s0 .inner{margin:0 auto}\n#ptn-agenti .scene{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;\n    padding:96px 7vw;scroll-snap-align:center;overflow:hidden}\n#ptn-agenti .scene::before{content:\"\";position:absolute;border-radius:50%;filter:blur(130px);opacity:.5;z-index:0;\n    width:60vw;height:60vw;max-width:780px;max-height:780px;\n    background:radial-gradient(circle,rgba(var(--ac),.16),transparent 65%);top:-14%;right:-12%}\n#ptn-agenti .scene::after{content:\"\";position:absolute;width:38vw;height:38vw;max-width:460px;max-height:460px;border-radius:50%;\n    filter:blur(150px);opacity:.55;z-index:0;background:radial-gradient(circle,rgba(var(--ac),.07),transparent 60%);bottom:-16%;left:-10%}\n#ptn-agenti .inner{position:relative;z-index:1;max-width:1180px;width:100%;margin:0 auto}\n#ptn-agenti .scene:has(.agent){min-height:auto;padding-top:96px;padding-bottom:96px;scroll-snap-align:none}\n#ptn-agenti #s1{min-height:auto;padding-top:30px;padding-bottom:120px;scroll-snap-align:none}\n#ptn-agenti .rv{opacity:0;transform:translateY(46px);filter:blur(6px);\n    transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1),filter 1s ease}\n#ptn-agenti .visible .rv{opacity:1;transform:none;filter:none}\n#ptn-agenti .visible .rv:nth-child(2){transition-delay:.08s}\n#ptn-agenti .visible .rv:nth-child(3){transition-delay:.16s}\n#ptn-agenti .visible .rv:nth-child(4){transition-delay:.24s}\n#ptn-agenti .visible .rv:nth-child(5){transition-delay:.32s}\n#ptn-agenti .label{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--mut)}\n#ptn-agenti .label b{color:var(--txt);font-weight:600}\n#ptn-agenti .idx{font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.2em;color:var(--acc)}\n#ptn-agenti .h-kicker{margin-bottom:34px}\n#ptn-agenti .h-title{font-family:var(--serif);font-weight:600;letter-spacing:-.03em;line-height:.96;font-size:clamp(48px,11vw,150px);color:#fff}\n#ptn-agenti .h-title .plus{color:var(--acc)}\n#ptn-agenti .h-sub{font-family:var(--serif);font-weight:300;color:var(--mut);font-size:clamp(20px,3.4vw,38px);margin-top:30px}\n#ptn-agenti .h-sub em{font-style:normal;color:var(--txt)}\n#ptn-agenti .scroll-hint{position:static;margin-top:40px;transform:none;z-index:2;align-items:flex-start;font-family:var(--mono);\n    font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--mut);display:flex;flex-direction:column;align-items:flex-start;gap:10px}\n#ptn-agenti .scroll-hint span{font-size:18px;animation:bob 1.8s ease-in-out infinite;color:var(--acc)}\n#ptn-agenti 0%, #ptn-agenti 100%{transform:translateY(0)}\n#ptn-agenti 50%{transform:translateY(8px)}\n#ptn-agenti .m-line{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;line-height:1.1;font-size:clamp(34px,6.6vw,88px)}\n#ptn-agenti .m-line.dim{color:var(--dim)}\n#ptn-agenti .m-line .plus{color:var(--acc)}\n#ptn-agenti .m-note{font-family:var(--serif);font-weight:300;color:var(--mut);font-size:clamp(19px,3vw,32px);margin-top:26px;max-width:800px;line-height:1.42}\n#ptn-agenti .agent{display:grid;grid-template-columns:1fr 1fr;column-gap:5vw;row-gap:0;align-items:center}\n#ptn-agenti .agent.flip .col-shot{order:-1}\n#ptn-agenti .a-top.full{grid-column:1 \/ -1;order:-3;margin-bottom:40px;width:100%}\n#ptn-agenti .a-top{display:flex;align-items:center;gap:18px;margin-bottom:28px}\n#ptn-agenti .a-top .line{flex:1;height:1px;background:var(--line)}\n#ptn-agenti .a-ctag{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.06em;color:var(--mut);margin-bottom:16px}\n#ptn-agenti .a-name{font-family:var(--serif);font-weight:700;letter-spacing:-.02em;line-height:1;font-size:clamp(46px,7vw,98px);color:#fff;display:flex;align-items:baseline;gap:.14em;flex-wrap:wrap}\n#ptn-agenti .a-name .arr{font-family:var(--mono);font-weight:300;color:var(--acc);font-size:.5em;align-self:center}\n#ptn-agenti .a-name .nw{white-space:nowrap}\n#ptn-agenti .a-name .plus{color:var(--acc)}\n#ptn-agenti .a-desc{font-family:var(--serif);font-weight:300;font-size:clamp(16px,1.5vw,19px);line-height:1.7;color:#C2C0CB;max-width:560px;margin-top:26px}\n#ptn-agenti .a-proof{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-top:28px;display:flex;gap:12px;align-items:baseline;flex-wrap:nowrap}\n#ptn-agenti .a-proof .ar{flex:0 0 auto}\n#ptn-agenti .a-proof.solo>span:not(.ar){flex:1}\n#ptn-agenti .a-proof .ar{color:var(--acc)}\n\/* PRIMJERI red - studijski marker, nebula solid #7A18E8 *\/\n#ptn-agenti .a-primjeri{margin-top:26px;padding:15px 0;border-top:.5px solid var(--line);border-bottom:.5px solid var(--line);display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}\n#ptn-agenti .a-primjeri .pl{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);flex:0 0 auto}\n#ptn-agenti .a-primjeri a{display:inline-flex;gap:12px;align-items:baseline;flex-wrap:wrap;text-decoration:none;transition:.3s}\n#ptn-agenti .a-primjeri .pt{font-family:var(--mono);font-size:13px;letter-spacing:.08em;color:#cfd0d8;transition:.3s}\n#ptn-agenti .a-primjeri .sep{color:var(--mut)}\n#ptn-agenti .a-primjeri .pn{font-family:var(--serif);font-size:16px;color:#fff}\n#ptn-agenti .a-primjeri .na{color:#7A18E8;font-weight:600}\n#ptn-agenti .a-primjeri .nx{font-family:var(--mono);font-size:13px;font-weight:600;color:#7A18E8;display:inline-block;transition:.3s}\n#ptn-agenti .a-primjeri a:hover .pt{color:#fff}\n#ptn-agenti .a-primjeri a:hover .nx{transform:translate(2px,-2px)}\n#ptn-agenti .a-cta{display:inline-flex;align-items:center;gap:10px;margin-top:30px;font-family:var(--mono);font-size:12px;font-weight:600;\n    letter-spacing:.1em;text-transform:uppercase;color:var(--txt);text-decoration:none;padding:13px 22px;border-radius:999px;\n    border:1px solid rgba(var(--ac),.5);background:rgba(var(--ac),.06);transition:.35s}\n#ptn-agenti .a-cta:hover{background:rgba(var(--ac),.14);border-color:rgba(var(--ac),.9);box-shadow:0 10px 34px -12px rgba(var(--ac),.7);transform:translateY(-2px)}\n#ptn-agenti .a-cta .ar{color:rgb(var(--ac));transition:.35s}\n#ptn-agenti .a-cta:hover .ar{transform:translate(3px,-3px)}\n#ptn-agenti .shot{aspect-ratio:1.2;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--line);background:var(--card);\n    box-shadow:0 50px 110px -45px #000,0 0 70px -20px rgba(var(--ac),.45),0 0 0 1px rgba(255,255,255,.02)}\n#ptn-agenti .shot .bar{height:36px;flex:0 0 36px;display:flex;align-items:center;gap:7px;padding:0 14px;background:rgba(255,255,255,.04);border-bottom:1px solid var(--line)}\n#ptn-agenti .shot .bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.16)}\n#ptn-agenti .shot .bar .url{margin-left:10px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--mut);background:rgba(255,255,255,.05);padding:4px 12px;border-radius:6px}\n#ptn-agenti .shot .canvas{flex:1;position:relative;overflow:hidden;background:#0B0A11}\n#ptn-agenti .shot .canvas img.shot-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}\n#ptn-agenti .shot .canvas iframe.shot-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#0B0A11}\n#ptn-agenti .dw{position:absolute;inset:0;overflow:hidden;background:#0c0b11;display:flex;align-items:center;justify-content:center;gap:7%}\n#ptn-agenti .dw .site{width:31%;border-radius:7px;overflow:hidden;box-shadow:0 24px 50px -24px #000}\n#ptn-agenti .dw .doc-stack{position:relative;width:30%;height:66%}\n#ptn-agenti .dw .doc{position:absolute;width:62%;height:50%;border-radius:7px;overflow:hidden;background:#15131d;border:1px solid var(--line);box-shadow:0 18px 42px -20px #000;animation:floaty 4.4s ease-in-out infinite}\n#ptn-agenti .dw .doc .tag{position:absolute;top:7px;left:9px;font-family:var(--mono);font-size:8px;font-weight:600;letter-spacing:.1em;color:rgb(var(--ac));z-index:2}\n#ptn-agenti .dw .doc .dh{height:24%;background:#23212e}\n#ptn-agenti .dw .doc .db{padding:8px;padding-top:14px}\n#ptn-agenti .dw .doc .ln{height:3px;border-radius:2px;background:rgba(255,255,255,.14);margin-bottom:4px}\n#ptn-agenti .dw .doc.d1{--r:-5deg;top:2%;left:34%;z-index:3}\n#ptn-agenti .dw .doc.d2{--r:-1deg;top:26%;left:17%;z-index:2;opacity:.9;animation-delay:.5s}\n#ptn-agenti .dw .doc.d3{--r:4deg;top:50%;left:0;z-index:1;opacity:.78;animation-delay:1s}\n#ptn-agenti 0%, #ptn-agenti 100%{transform:rotate(var(--r)) translateY(0)}\n#ptn-agenti 50%{transform:rotate(var(--r)) translateY(-7px)}\n#ptn-agenti .dw .arrowx{font-family:var(--mono);font-size:22px;color:var(--acc);flex:0 0 auto}\n#ptn-agenti .dw .site{background:#0c0b13;border:1px solid rgba(247,255,0,.30);box-shadow:0 24px 60px -22px #000}\n#ptn-agenti .dw .site .nav{height:22px;display:flex;align-items:center;gap:5px;padding:0 9px;background:rgba(255,255,255,.04);border-bottom:1px solid var(--line)}\n#ptn-agenti .dw .site .nav i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2)}\n#ptn-agenti .dw .site .nav i:first-child{background:var(--acc)}\n#ptn-agenti .dw .site .hero{height:46%;background:linear-gradient(160deg,#1b1a22,#0c0b13)}\n#ptn-agenti .dw .site .sb{padding:9px}\n#ptn-agenti .dw .site .ln{height:3px;border-radius:2px;background:rgba(255,255,255,.16);margin-bottom:5px}\n#ptn-agenti .dw .site .ln.w{background:var(--acc);width:40%;height:5px;margin-bottom:8px}\n#ptn-agenti .dw .badge{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);background:rgba(0,0,0,.5);padding:4px 10px;border-radius:5px}\n#ptn-agenti .mm{position:absolute;inset:0;font-family:var(--mono);overflow:hidden;background:#0a0a0d}\n#ptn-agenti .mm .sea{position:absolute;inset:0;background:radial-gradient(140% 120% at 60% 30%,#15151b,#0c0c10 60%,#08080b)}\n#ptn-agenti .mm .sea::before{content:\"\";position:absolute;inset:0;opacity:.4;background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.04) 0 2px,transparent 2px 22px)}\n#ptn-agenti .mm .land{position:absolute;background:linear-gradient(155deg,#1b1a22,#121119)}\n#ptn-agenti .mm .land.l1{left:-6%;top:-8%;width:78%;height:74%;border-radius:0 0 46% 30%\/0 0 60% 44%;transform:rotate(-4deg)}\n#ptn-agenti .mm .land.l2{right:-12%;bottom:-14%;width:58%;height:58%;border-radius:50% 30% 0 0\/56% 40% 0 0}\n#ptn-agenti .mm .coast{position:absolute;left:-6%;top:-8%;width:78%;height:74%;transform:rotate(-4deg);border-radius:0 0 46% 30%\/0 0 60% 44%;box-shadow:0 0 0 1.5px rgba(255,255,255,.14)}\n#ptn-agenti .mm .roads{position:absolute;inset:0;opacity:.35;mix-blend-mode:screen;background-size:46px 46px,70px 70px,46px 46px;\n    background-image:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%),linear-gradient(28deg,transparent 49%,rgba(255,255,255,.05) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(255,255,255,.05) 50%,transparent 51%)}\n#ptn-agenti .mm .tb{position:absolute;top:12px;left:12px;z-index:6}\n#ptn-agenti .mm .tb .lbl{font-size:8px;letter-spacing:.16em;color:var(--mut);background:rgba(0,0,0,.45);padding:4px 8px;border-radius:5px;display:inline-block}\n#ptn-agenti .mm .tb .ttl{font-family:var(--serif);font-weight:600;font-size:15px;color:#fff;margin-top:7px;text-shadow:0 2px 8px #000}\n#ptn-agenti .mm .poi{position:absolute;width:15px;height:15px;border-radius:50%;transform:translate(-50%,-50%);border:2px solid #08070B;z-index:3;display:flex;align-items:center;justify-content:center}\n#ptn-agenti .mm .poi svg{width:8px;height:8px;display:block}\n#ptn-agenti .mm .poi.zna{background:var(--acc);box-shadow:0 0 0 2px var(--acc),0 0 12px var(--acc)}\n#ptn-agenti .mm .poi.pla{background:#cfcdd8;box-shadow:0 0 0 2px #cfcdd8}\n#ptn-agenti .mm .poi.par{background:#85838f;box-shadow:0 0 0 2px #85838f}\n#ptn-agenti .mm .poi.active{width:19px;height:19px;z-index:5}\n#ptn-agenti .mm .poi.active::after{content:\"\";position:absolute;inset:-7px;border-radius:50%;border:1.5px solid var(--acc);opacity:.6}\n#ptn-agenti .mm .pop{position:absolute;z-index:7;width:140px;background:#0C0B14;border:1px solid #2a2838;border-radius:10px;overflow:hidden;box-shadow:0 24px 50px -20px #000;transform:translateX(-50%)}\n#ptn-agenti .mm .pop .thumbs{display:flex;gap:1px}\n#ptn-agenti .mm .pop .th{position:relative;flex:1;height:44px}\n#ptn-agenti .mm .pop .th.sv{background:linear-gradient(135deg,#26262e,#15151b)}\n#ptn-agenti .mm .pop .th.map{background:linear-gradient(135deg,#1d1d24,#101015)}\n#ptn-agenti .mm .pop .th .tag{position:absolute;top:4px;left:5px;font-size:7px;letter-spacing:.06em;color:#fff}\n#ptn-agenti .mm .pop .th.sv .tag{color:var(--acc)}\n#ptn-agenti .mm .pop .th.map .dot{position:absolute;left:50%;top:58%;width:6px;height:6px;border-radius:50%;background:var(--acc);border:1.5px solid #0C0B14;box-shadow:0 0 0 1.5px var(--acc);transform:translate(-50%,-50%)}\n#ptn-agenti .mm .pop .body{padding:7px 9px 9px}\n#ptn-agenti .mm .pop .cat{font-size:7px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}\n#ptn-agenti .mm .pop .pt{font-family:var(--serif);font-weight:600;font-size:11px;color:#fff;margin:2px 0 4px;line-height:1.1}\n#ptn-agenti .mm .pop .pd{font-size:7px;line-height:1.5;color:#b5b3bf}\n#ptn-agenti .mm .chat{position:absolute;right:10px;bottom:10px;z-index:6;display:flex;flex-direction:column;gap:6px;align-items:flex-end}\n#ptn-agenti .mm .chat .langs{display:flex;gap:6px;font-size:7px;letter-spacing:.1em;color:var(--mut);background:rgba(0,0,0,.4);padding:3px 7px;border-radius:5px}\n#ptn-agenti .mm .chat .langs b{color:var(--acc);font-weight:600}\n#ptn-agenti .mm .chat .bub{max-width:150px;background:rgba(12,11,20,.82);border:1px solid var(--line);border-radius:9px;padding:6px 8px;font-size:7px;line-height:1.5;color:#cfcdd8}\n#ptn-agenti .nz2{position:absolute;inset:0;background:#0c0b11;padding:13px;font-family:var(--mono);display:flex;flex-direction:column;gap:9px}\n#ptn-agenti .nz2 .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}\n#ptn-agenti .nz2 .stat{background:#0e0d15;padding:8px 10px}\n#ptn-agenti .nz2 .stat .v{font-family:var(--serif);font-weight:700;font-size:19px;color:#fff;line-height:1}\n#ptn-agenti .nz2 .stat .v small{font-size:9px;color:var(--mut);font-family:var(--mono);font-weight:500}\n#ptn-agenti .nz2 .stat .v.warn{color:rgb(var(--ac))}\n#ptn-agenti .nz2 .stat .k{font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);margin-top:5px}\n#ptn-agenti .nz2 .grid{flex:1;display:grid;grid-template-columns:1.1fr .9fr;gap:10px;min-height:0}\n#ptn-agenti .nz2 .screen{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#f7f7fa}\n#ptn-agenti .nz2 .screen .wnav{height:13px;background:#e9e9ee}\n#ptn-agenti .nz2 .screen .whero{height:32%;background:linear-gradient(135deg,#dfe0e8,#c7c8d4)}\n#ptn-agenti .nz2 .screen .wb{padding:8px}\n#ptn-agenti .nz2 .screen .wln{height:4px;border-radius:2px;background:#dadae1;margin-bottom:5px}\n#ptn-agenti .nz2 .screen .wbtn{width:42px;height:11px;border-radius:3px;background:#e2e2e8;margin-top:7px}\n#ptn-agenti .nz2 .mark{position:absolute;width:16px;height:16px;border-radius:50%;background:rgb(var(--ac));color:#08070B;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #0c0b11;box-shadow:0 2px 8px rgba(0,0,0,.5);transform:translate(-50%,-50%)}\n#ptn-agenti .nz2 .mark.ok{background:transparent;color:rgb(var(--ac));border:2px solid rgb(var(--ac))}\n#ptn-agenti .nz2 .finds{display:flex;flex-direction:column;gap:6px;overflow:hidden;justify-content:center}\n#ptn-agenti .nz2 .fd{display:flex;gap:6px;align-items:flex-start}\n#ptn-agenti .nz2 .fd .n{flex:0 0 auto;width:14px;height:14px;border-radius:50%;background:rgb(var(--ac));color:#08070B;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}\n#ptn-agenti .nz2 .fd .n.ok{background:transparent;color:rgb(var(--ac));border:1px solid rgb(var(--ac))}\n#ptn-agenti .nz2 .fd .ft{font-size:8px;line-height:1.42;color:#c9c7d2}\n#ptn-agenti .nz2 .fd .ft b{color:#fff;font-weight:600}\n#ptn-agenti .nz2 .ex{position:absolute;right:10px;bottom:8px;font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}\n#ptn-agenti .nz2 .verdict{border-top:1px solid var(--line);padding-top:9px}\n#ptn-agenti .nz2 .verdict .vhead{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}\n#ptn-agenti .nz2 .verdict .vl{font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--ac))}\n#ptn-agenti .nz2 .verdict .vex{font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}\n#ptn-agenti .nz2 .verdict .vrow{display:flex;align-items:center;gap:10px}\n#ptn-agenti .nz2 .verdict .vt{font-family:var(--serif);font-size:13px;font-weight:500;color:#fff;line-height:1.2;flex:0 0 auto}\n#ptn-agenti .nz2 .verdict .vline{flex:1;height:1px;min-width:18px;background:linear-gradient(90deg,rgba(var(--ac),.55),var(--line) 55%,transparent)}\n#ptn-agenti .nz2 .verdict .vmore{flex:0 0 auto;font-size:11px;color:rgb(var(--ac))}\n#ptn-agenti .nz{position:absolute;inset:0;overflow:hidden;background:#0c0b11;padding:16px 16px 0;font-family:var(--mono)}\n#ptn-agenti .nz .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}\n#ptn-agenti .nz .top .lbl{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}\n#ptn-agenti .nz .pill{font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:#08070B;background:var(--acc);padding:3px 7px;border-radius:4px;font-weight:600}\n#ptn-agenti .nz .score{display:flex;align-items:baseline;gap:4px}\n#ptn-agenti .nz .score b{font-family:var(--serif);font-weight:700;font-size:30px;line-height:1;color:#fff}\n#ptn-agenti .nz .score span{font-size:9px;color:var(--mut)}\n#ptn-agenti .nz .bars{display:flex;flex-direction:column;gap:7px;margin-bottom:13px}\n#ptn-agenti .nz .row{display:flex;align-items:center;gap:8px}\n#ptn-agenti .nz .row .rl{flex:0 0 33%;font-size:8px;color:#b5b3bf;text-align:right}\n#ptn-agenti .nz .row .track{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden}\n#ptn-agenti .nz .row .fill{height:100%;border-radius:3px;background:#cfcdd8}\n#ptn-agenti .nz .row .fill.hi{background:var(--acc)}\n#ptn-agenti .nz .row .fill.lo{background:var(--dim)}\n#ptn-agenti .nz .findings{display:flex;flex-direction:column;gap:6px}\n#ptn-agenti .nz .f{display:flex;gap:7px;align-items:flex-start;background:rgba(255,255,255,.03);border:1px solid var(--line);border-left-width:2px;border-radius:6px;padding:6px 8px}\n#ptn-agenti .nz .f.ok{border-left-color:var(--acc)}\n#ptn-agenti .nz .f.bad{border-left-color:#56545E}\n#ptn-agenti .nz .f .ic{flex:0 0 auto;font-size:9px;font-weight:700}\n#ptn-agenti .nz .f.ok .ic{color:var(--acc)}\n#ptn-agenti .nz .f.bad .ic{color:#86848F}\n#ptn-agenti .nz .f .ft{font-size:8px;line-height:1.45;color:#c9c7d2}\n#ptn-agenti .nz .f .ft b{color:#fff;font-weight:600}\n#ptn-agenti .nz .ex{position:absolute;right:8px;bottom:8px;font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}\n#ptn-agenti .nz .shot-frame{position:absolute;right:14px;bottom:0;width:80px;height:112px;border-radius:8px 8px 0 0;overflow:hidden;border:1px solid var(--line);border-bottom:0;background:#fafafa;box-shadow:0 -10px 30px -10px #000}\n#ptn-agenti .nz .shot-frame .m-nav{height:13px;background:#e6e6e6}\n#ptn-agenti .nz .shot-frame .m-b{padding:6px}\n#ptn-agenti .nz .shot-frame .m-ln{height:3px;background:#d2d2d2;border-radius:2px;margin-bottom:4px}\n#ptn-agenti .nz .shot-frame .m-hi{outline:2px solid var(--acc);outline-offset:1px}\n#ptn-agenti .c-1{font-family:var(--serif);font-weight:400;color:var(--mut);font-size:clamp(30px,5.4vw,72px);letter-spacing:-.02em}\n#ptn-agenti .c-2{font-family:var(--serif);font-weight:600;font-size:clamp(40px,7.8vw,108px);letter-spacing:-.03em;line-height:1;color:#fff}\n#ptn-agenti .c-2 .plus{color:var(--acc)}\n#ptn-agenti .cta{display:inline-flex;align-items:center;gap:12px;margin-top:48px;font-family:var(--mono);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#08070B;text-decoration:none;padding:16px 28px;border-radius:999px;background:var(--acc);transition:.4s}\n#ptn-agenti .cta:hover{transform:translateY(-2px);box-shadow:0 14px 40px -10px var(--acc)}\n#ptn-agenti .cta .ar{transition:.4s}\n#ptn-agenti .cta:hover .ar{transform:translate(4px,-4px)}\n#ptn-agenti .foot{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--dim);text-align:center;padding:40px 7vw 64px}\n#ptn-agenti .close-link{display:inline-block;margin-top:40px;font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.08em;\n    text-transform:uppercase;color:var(--mut);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:6px;transition:.35s}\n#ptn-agenti .close-link:hover{color:var(--txt);border-color:var(--acc)}\n#ptn-agenti .close-link .ar{color:var(--acc)}\n@media (max-width:820px){#ptn-agenti .scene{padding:84px 26px}\n#ptn-agenti .agent{display:flex;flex-direction:column;gap:0}\n#ptn-agenti .col-text{display:contents}\n#ptn-agenti .a-top.full{order:0;margin-bottom:26px;width:100%}\n#ptn-agenti .a-ctag{order:1}\n#ptn-agenti .a-name{order:2}\n#ptn-agenti .a-desc{order:3}\n#ptn-agenti .a-proof{order:4;margin-bottom:30px}\n#ptn-agenti .col-shot{order:5;width:100%}\n#ptn-agenti .agent.flip .col-shot{order:5}\n#ptn-agenti .a-cta{order:7;margin-top:30px;align-self:start}\n#ptn-agenti .a-primjeri{order:6;width:100%;margin-top:30px;margin-bottom:0}\n#ptn-agenti .shot{aspect-ratio:0.92;width:100%}}\n<\/style>\n<div id=\"ptn-agenti\">\n<div class=\"prog\" id=\"prog\"><\/div>\n<nav class=\"nav-dots\" id=\"dots\"><\/nav>\n\n<!-- HERO -->\n<section class=\"scene\" id=\"s0\">\n  <div class=\"inner\">\n    <h1 class=\"h-title rv\">AI agenti hibridne inteligencije<\/h1>\n    <div class=\"h-sub rv\">Sinergija dva svijeta<\/div>\n  <\/div>\n  <div class=\"scroll-hint\"><span>\u2193<\/span>skrolaj<\/div>\n<\/section>\n\n<!-- MANIFEST -->\n<section class=\"scene\" id=\"s1\">\n  <div class=\"inner\">\n    <div class=\"m-line dim rv\">Brzina AI-a i ljudska prosudba,<\/div>\n    <div class=\"m-line rv\">u jednom rezultatu.<\/div>\n  <\/div>\n<\/section>\n\n<!-- 01 DATA -> WEB -->\n<section class=\"scene\" id=\"data-web\" style=\"--ac:56,189,248\">\n  <div class=\"inner agent\">\n    <div class=\"a-top rv full\"><span class=\"idx\">01 \/ 04<\/span><span class=\"line\"><\/span><span class=\"label\">produkcijski<\/span><\/div>\n    <div class=\"col-text\">\n      <div class=\"a-ctag rv\">Dokument u internet stranicu<\/div>\n      <h2 class=\"a-name rv\">DATA<span class=\"arr\">\u2192<\/span>WEB<\/h2>\n      <p class=\"a-desc rv\">Po\u0161aljete bro\u0161uru, katalog ili prezentaciju - prila\u017eem samostalnu web stranicu vjernu izvornom dizajnu. Birate na\u010din prikaza prema sadr\u017eaju, od jednostavne galerije do filmskog scrolla, uz responzivan prikaz na svakom ure\u0111aju.<\/p>\n      <div class=\"a-proof rv solo\"><span class=\"ar\">\u2192<\/span><span>Vjeran izvornom dizajnu i originalu<\/span><\/div>\n      <div class=\"a-primjeri rv\"><span class=\"pl\">Primjeri<\/span><a href=\"\/spirit-of-rovinj\"><span class=\"pt\"><span class=\"w\">FOTOMONOGRAFIJA.PDF<\/span> <span class=\"na\">\u2192<\/span> <span class=\"w2\">WEB<\/span><\/span><span class=\"sep\">\u00b7<\/span><span class=\"pn\">Spirit of Rovinj <span class=\"nx\">\u2197<\/span><\/span><\/a><\/div>\n      <a class=\"a-cta rv\" href=\"\/agenti\/data-web\/\"><span>Detaljnije<\/span><span class=\"ar\">\u2197<\/span><\/a>\n    <\/div>\n    <div class=\"col-shot rv\">\n      <figure class=\"shot\">\n        <div class=\"bar\"><i><\/i><i><\/i><i><\/i><span class=\"url\">vasa-brosura.hr<\/span><\/div>\n        <div class=\"canvas\">\n          <div class=\"dw\">\n            <div class=\"doc-stack\">\n              <div class=\"doc d3\"><span class=\"tag\">DATA<\/span><div class=\"dh\"><\/div><div class=\"db\"><div class=\"ln\" style=\"width:70%\"><\/div><div class=\"ln\" style=\"width:90%\"><\/div><div class=\"ln\" style=\"width:55%\"><\/div><\/div><\/div>\n              <div class=\"doc d2\"><span class=\"tag\">.docx<\/span><div class=\"dh\"><\/div><div class=\"db\"><div class=\"ln\" style=\"width:80%\"><\/div><div class=\"ln\" style=\"width:60%\"><\/div><div class=\"ln\" style=\"width:88%\"><\/div><\/div><\/div>\n              <div class=\"doc d1\"><span class=\"tag\">.pdf<\/span><div class=\"dh\"><\/div><div class=\"db\"><div class=\"ln\" style=\"width:75%\"><\/div><div class=\"ln\" style=\"width:92%\"><\/div><div class=\"ln\" style=\"width:50%\"><\/div><\/div><\/div>\n            <\/div>\n            <div class=\"arrowx\">\u2192<\/div>\n            <div class=\"site\"><div class=\"nav\"><i><\/i><i><\/i><i><\/i><\/div><div class=\"hero\"><\/div><div class=\"sb\"><div class=\"ln w\"><\/div><div class=\"ln\" style=\"width:92%\"><\/div><div class=\"ln\" style=\"width:78%\"><\/div><div class=\"ln\" style=\"width:85%\"><\/div><\/div><\/div>\n            <div class=\"badge\">bro\u0161ura \u00b7 katalog \u00b7 prezentacija \u2192 web<\/div>\n          <\/div>\n        <\/div>\n      <\/figure>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- 02 DATA -> MAP -->\n<section class=\"scene\" id=\"data-map\" style=\"--ac:52,211,153\">\n  <div class=\"inner agent flip\">\n    <div class=\"a-top rv full\"><span class=\"idx\">02 \/ 04<\/span><span class=\"line\"><\/span><span class=\"label\">produkcijski<\/span><\/div>\n    <div class=\"col-text\">\n      <div class=\"a-ctag rv\">Podaci u interaktivnu kartu<\/div>\n      <h2 class=\"a-name rv\">DATA<span class=\"arr\">\u2192<\/span>MAP<\/h2>\n      <p class=\"a-desc rv\">Po\u0161aljete fotografije s lokacijom, GPX\/KML rutu ili program doga\u0111aja - prila\u017eem interaktivnu kartu gdje svaka to\u010dka nosi 360 pogled i mini-kartu, opis i navigaciju, uz vi\u0161ejezi\u010dni chatbot informer koji odgovara iz va\u0161ih materijala.<\/p>\n      <div class=\"a-proof rv solo\"><span class=\"ar\">\u2192<\/span><span>Metoda primjenjiva na svaki izvor podataka<\/span><\/div>\n      <a class=\"a-cta rv brief-trigger\" href=\"#brief-canvas\" data-praksa=\"data-map\"><span>Po\u0161aljite podatke<\/span><span class=\"ar\">\u2197<\/span><\/a>\n    <\/div>\n    <div class=\"col-shot rv\">\n      <figure class=\"shot\">\n        <div class=\"bar\"><i><\/i><i><\/i><i><\/i><span class=\"url\">otkrijte_pulu \u00b7 TZ Pula<\/span><\/div>\n        <div class=\"canvas\">\n          <iframe class=\"shot-iframe\" src=\"https:\/\/peternelgrupa.com\/mapa\/otkrijte_pulu.html\" loading=\"lazy\" title=\"Otkrijte Pulu - data2map\" referrerpolicy=\"no-referrer\"><\/iframe>\n        <\/div>\n      <\/figure>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- 03 WEB RENDGEN -->\n<section class=\"scene\" id=\"rendgen\" style=\"--ac:251,146,60\">\n  <div class=\"inner agent\">\n    <div class=\"a-top rv full\"><span class=\"idx\">03 \/ 04<\/span><span class=\"line\"><\/span><span class=\"label\">dijagnosti\u010dki<\/span><\/div>\n    <div class=\"col-text\">\n      <div class=\"a-ctag rv\">UX analiza internet stranice<\/div>\n      <h2 class=\"a-name rv\">WEB RENDGEN<\/h2>\n      <p class=\"a-desc rv\">Po\u0161aljete poveznicu na svoju stranicu - prila\u017eem nalaz gdje stranica gubi posjetitelja, vrijednost ponude i vidljivost. Mjerim prvi dojam, jasno\u0107u poruke, put do cilja i povjerenje, bez obzira prodaje li, informira ili predstavlja. Svaki nalaz vezan uz konkretan element i izvor - prednosti i mane, \u0161to zadr\u017eati i \u0161to popraviti.<\/p>\n      <div class=\"a-proof rv\"><span>SKEN<\/span><span class=\"ar\">\u2192<\/span><span>NALAZ<\/span><span class=\"ar\">\u2192<\/span><span>BROJKA<\/span><\/div>\n      <a class=\"a-cta rv brief-trigger\" href=\"#brief-canvas\" data-praksa=\"rendgen\"><span>Zatra\u017eite nalaz<\/span><span class=\"ar\">\u2197<\/span><\/a>\n    <\/div>\n    <div class=\"col-shot rv\">\n      <figure class=\"shot\">\n        <div class=\"bar\"><i><\/i><i><\/i><i><\/i><span class=\"url\">nalaz \u00b7 ux<\/span><\/div>\n        <div class=\"canvas\">\n          <div class=\"nz2\">\n            <div class=\"stats\">\n              <div class=\"stat\"><div class=\"v\">61<small>\/100<\/small><\/div><div class=\"k\">UX indeks<\/div><\/div>\n              <div class=\"stat\"><div class=\"v warn\">visok<\/div><div class=\"k\">rizik gubitka<\/div><\/div>\n              <div class=\"stat\"><div class=\"v\">3<\/div><div class=\"k\">nalaza<\/div><\/div>\n            <\/div>\n            <div class=\"grid\">\n              <div class=\"screen\">\n                <div class=\"wnav\"><\/div>\n                <div class=\"whero\"><\/div>\n                <div class=\"wb\"><div class=\"wln\" style=\"width:82%\"><\/div><div class=\"wln\" style=\"width:60%\"><\/div><div class=\"wbtn\"><\/div><div class=\"wln\" style=\"width:72%;margin-top:9px\"><\/div><\/div>\n                <div class=\"mark ok\" style=\"top:13%;left:22%\">+<\/div>\n                <div class=\"mark\" style=\"top:24%;left:62%\">1<\/div>\n                <div class=\"mark\" style=\"top:46%;left:50%\">2<\/div>\n                <div class=\"mark\" style=\"top:66%;left:24%\">3<\/div>\n                <div class=\"mark\" style=\"top:82%;left:46%\">4<\/div>\n              <\/div>\n              <div class=\"finds\">\n                <div class=\"fd\"><span class=\"n ok\">+<\/span><span class=\"ft\"><b>Sna\u017ean vizual.<\/b> Dobar prvi dojam.<\/span><\/div>\n                <div class=\"fd\"><span class=\"n\">1<\/span><span class=\"ft\"><b>Poruka nejasna.<\/b> Hero ne ka\u017ee \u0161to nudite.<\/span><\/div>\n                <div class=\"fd\"><span class=\"n\">2<\/span><span class=\"ft\"><b>CTA nevidljiv.<\/b> Pada ispod pregiba.<\/span><\/div>\n                <div class=\"fd\"><span class=\"n\">3<\/span><span class=\"ft\"><b>Ponuda zakopana.<\/b> Korist tek u podno\u017eju.<\/span><\/div>\n                <div class=\"fd\"><span class=\"n\">4<\/span><span class=\"ft\"><b>Nema dokaza.<\/b> Bez referenci i recenzija.<\/span><\/div>\n              <\/div>\n            <\/div>\n            <div class=\"verdict\">\n              <div class=\"vhead\"><span class=\"vl\">zaklju\u010dak<\/span><span class=\"vex\">primjer nalaza<\/span><\/div>\n              <div class=\"vrow\"><span class=\"vt\">Privu\u010de pogled, propusti priliku.<\/span><span class=\"vline\"><\/span><span class=\"vmore\">\u2192<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/figure>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- 04 WEB INKLUZO+ -->\n<section class=\"scene\" id=\"inkluzo\" style=\"--ac:167,139,250\">\n  <div class=\"inner agent flip\">\n    <div class=\"a-top rv full\"><span class=\"idx\">04 \/ 04<\/span><span class=\"line\"><\/span><span class=\"label\">dijagnosti\u010dki<\/span><\/div>\n    <div class=\"col-text\">\n      <div class=\"a-ctag rv\">Analiza pristupa\u010dnosti internet stranice<\/div>\n      <h2 class=\"a-name rv\">WEB <span class=\"nw\">INKLUZO<span class=\"plus\">+<\/span><\/span><\/h2>\n      <p class=\"a-desc rv\">Po\u0161aljete poveznicu na svoju stranicu - prila\u017eem nalaz gdje web nije pristupa\u010dan (WCAG 2.1 AA) i draft Izjave o pristupa\u010dnosti. Analiziraju se opisi slika, oznake jezika, kontrast, poveznice, radi li navigacija tipkovnicom i kako stranicu do\u017eivljava \u010dita\u010d ekrana. Bez tehni\u010dkog \u017eargona, uz \u201e+\" koji zna\u010di jedno: uklju\u010dite sve.<\/p>\n      <div class=\"a-proof rv solo\"><span class=\"ar\">\u2192<\/span><span>Uskla\u0111enost ocijenjena po WCAG kriterijima<\/span><\/div>\n      <a class=\"a-cta rv brief-trigger\" href=\"#brief-canvas\" data-praksa=\"inkluzo\"><span>Provjerite pristupa\u010dnost<\/span><span class=\"ar\">\u2197<\/span><\/a>\n    <\/div>\n    <div class=\"col-shot rv\">\n      <figure class=\"shot\">\n        <div class=\"bar\"><i><\/i><i><\/i><i><\/i><span class=\"url\">nalaz \u00b7 pristupa\u010dnost<\/span><\/div>\n        <div class=\"canvas\">\n          <div class=\"nz2\">\n            <div class=\"stats\">\n              <div class=\"stat\"><div class=\"v\">64<small>\/100<\/small><\/div><div class=\"k\">indeks dostupnosti<\/div><\/div>\n              <div class=\"stat\"><div class=\"v warn\">DA<\/div><div class=\"k\">zakonski rizik<\/div><\/div>\n              <div class=\"stat\"><div class=\"v\">3<\/div><div class=\"k\">kriti\u010dna nalaza<\/div><\/div>\n            <\/div>\n            <div class=\"grid\">\n              <div class=\"screen\">\n                <div class=\"wnav\"><\/div>\n                <div class=\"whero\"><\/div>\n                <div class=\"wb\"><div class=\"wln\" style=\"width:78%\"><\/div><div class=\"wln\" style=\"width:90%\"><\/div><div class=\"wln\" style=\"width:55%\"><\/div><div class=\"wln\" style=\"width:40%;margin-top:10px;background:#cdd0e0\"><\/div><div class=\"wln\" style=\"width:46%;background:#cdd0e0\"><\/div><\/div>\n                <div class=\"mark ok\" style=\"top:13%;left:20%\">+<\/div>\n                <div class=\"mark\" style=\"top:26%;left:58%\">1<\/div>\n                <div class=\"mark\" style=\"top:46%;left:30%\">2<\/div>\n                <div class=\"mark\" style=\"top:80%;left:24%\">3<\/div>\n                <div class=\"mark\" style=\"top:88%;left:44%\">4<\/div>\n              <\/div>\n              <div class=\"finds\">\n                <div class=\"fd\"><span class=\"n ok\">+<\/span><span class=\"ft\"><b>Tipkovnica radi.<\/b> Prohodno bez mi\u0161a (2.1.1).<\/span><\/div>\n                <div class=\"fd\"><span class=\"n\">1<\/span><span class=\"ft\"><b>Slike bez opisa.<\/b> 12 slika bez alt (1.1.1).<\/span><\/div>\n                <div class=\"fd\"><span class=\"n\">2<\/span><span class=\"ft\"><b>Slab kontrast.<\/b> Sivi tekst ispod 4.5:1 (1.4.3).<\/span><\/div>\n                <div class=\"fd\"><span class=\"n\">3<\/span><span class=\"ft\"><b>Mrtvi pravni linkovi.<\/b> Privatnost, kola\u010di\u0107i u prazno.<\/span><\/div>\n                <div class=\"fd\"><span class=\"n\">4<\/span><span class=\"ft\"><b>Nema Izjave o pristupa\u010dnosti.<\/b> Obveza (NN 17\/2019).<\/span><\/div>\n              <\/div>\n            <\/div>\n            <div class=\"verdict\">\n              <div class=\"vhead\"><span class=\"vl\">zaklju\u010dak<\/span><span class=\"vex\">primjer nalaza<\/span><\/div>\n              <div class=\"vrow\"><span class=\"vt\">Nevidljiv \u010dita\u010du ekrana, vidljiv nadzoru.<\/span><span class=\"vline\"><\/span><span class=\"vmore\">\u2192<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/figure>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CLOSING -->\n<div class=\"foot\">case study po agentu - uskoro<\/div>\n\n<script>\n  const scenes=[...document.querySelectorAll('.scene')];\n  const dots=document.getElementById('dots');\n  scenes.forEach((s,i)=>{const a=document.createElement('a');a.href='#'+s.id;dots.appendChild(a);});\n  const dotEls=[...dots.children];\n  const obs=new IntersectionObserver((es)=>{es.forEach(e=>{\n    if(e.isIntersecting){e.target.classList.add('visible');\n      const i=scenes.indexOf(e.target);dotEls.forEach((d,j)=>d.classList.toggle('on',j===i));}\n  })},{threshold:.4});\n  scenes.forEach(s=>obs.observe(s));\n  const prog=document.getElementById('prog');\n  addEventListener('scroll',()=>{const h=document.documentElement;prog.style.width=(h.scrollTop\/(h.scrollHeight-h.clientHeight)*100)+'%'},{passive:true});\n<\/script>\n<\/div>\n<script>\n(function(){\nvar root=document.getElementById('ptn-agenti');\n\n  const scenes=[...root.querySelectorAll('.scene')];\n  const dots=root.querySelector('#dots');\n  scenes.forEach((s,i)=>{const a=document.createElement('a');a.href='#'+s.id;dots.appendChild(a);});\n  const dotEls=[...dots.children];\n  const obs=new IntersectionObserver((es)=>{es.forEach(e=>{\n    if(e.isIntersecting){e.target.classList.add('visible');\n      const i=scenes.indexOf(e.target);dotEls.forEach((d,j)=>d.classList.toggle('on',j===i));}\n  })},{threshold:.4});\n  scenes.forEach(s=>obs.observe(s));\n  const prog=root.querySelector('#prog');\n  addEventListener('scroll',()=>{const h=document.documentElement;prog.style.width=(h.scrollTop\/(h.scrollHeight-h.clientHeight)*100)+'%'},{passive:true});\n\n\/\/ direct arrival via #anchor: reveal target immediately\n(function(){function rh(){var h=location.hash;if(!h)return;var t=root.querySelector(h);if(t&&t.classList.contains('scene')){t.classList.add('visible');}}window.addEventListener('load',rh);window.addEventListener('hashchange',rh);})();\n})();\n<\/script>\n<!-- \u2550\u2550\u2550 EN PRIJEVOD (isEN, ne dira HR ni animacije) \u2550\u2550\u2550 -->\n<script>\n(function(){\n  var isEN=(location.pathname.split('\/')[1]||'').toLowerCase()==='en'||(document.documentElement.lang||'').toLowerCase().indexOf('en')==0;\n  if(!isEN) return;\n  function run(){\n    var root=document.getElementById('ptn-agenti'); if(!root) return;\n    function set(sel,txt,ctx){var e=(ctx||root).querySelector(sel); if(e) e.textContent=txt;}\n    function setAll(sel,arr,ctx){var ns=(ctx||root).querySelectorAll(sel); Array.prototype.forEach.call(ns,function(e,i){ if(arr[i]!=null) e.textContent=arr[i]; });}\n    function htmlAll(sel,arr,ctx){var ns=(ctx||root).querySelectorAll(sel); Array.prototype.forEach.call(ns,function(e,i){ if(arr[i]!=null) e.innerHTML=arr[i]; });}\n\n    \/\/ HERO\n    set('.h-title','Hybrid intelligence AI agents');\n    set('.h-sub','A synergy of two worlds');\n    var sh=root.querySelector('.scroll-hint'); if(sh) sh.innerHTML='<span>\u2193<\/span>scroll';\n\n    \/\/ MANIFEST\n    setAll('.m-line',['The speed of AI and human judgment,','in a single result.']);\n\n    \/\/ LABELS (produkcijski \/ dijagnosticki)\n    Array.prototype.forEach.call(root.querySelectorAll('.label'),function(e){\n      var t=e.textContent.trim().toLowerCase();\n      if(t==='produkcijski') e.textContent='production';\n      else if(t==='dijagnosticki'||t==='dijagnosti\\u010dki') e.textContent='diagnostic';\n    });\n\n    \/\/ 01 DATA -> WEB\n    var s1=root.querySelector('#data-web');\n    if(s1){\n      set('.a-ctag','Document into a website',s1);\n      set('.a-desc','You send a brochure, catalogue or presentation - I deliver a standalone website faithful to the original design. You choose how it displays depending on the content, from a simple gallery to a cinematic scroll, with a responsive layout on every device.',s1);\n      set('.a-proof span:not(.ar)','Faithful to the original design and source',s1);\n      set('.a-primjeri .pl','Examples',s1);\n      set('.a-primjeri .w','PHOTOBOOK.PDF',s1);\n      set('.a-cta span:first-child','Learn more',s1);\n      set('.bar .url','your-brochure.hr',s1);\n      set('.badge','brochure \\u00b7 catalogue \\u00b7 presentation \\u2192 web',s1);\n    }\n\n    \/\/ 02 DATA -> MAP\n    var s2=root.querySelector('#data-map');\n    if(s2){\n      set('.a-ctag','Data into an interactive map',s2);\n      set('.a-desc','You send geotagged photos, a GPX\/KML route or an event programme - I deliver an interactive map where each point carries a 360 view and a mini-map, a description and navigation, along with a multilingual chatbot informer that answers from your materials.',s2);\n      set('.a-proof span:not(.ar)','A method applicable to any data source',s2);\n      set('.a-cta span:first-child','Send data',s2);\n    }\n\n    \/\/ 03 WEB RENDGEN\n    var s3=root.querySelector('#rendgen');\n    if(s3){\n      set('.a-ctag','UX analysis of a website',s3);\n      set('.a-desc','You send a link to your site - I deliver a report on where the site loses visitors, offer value and visibility. I measure first impression, message clarity, the path to the goal and trust, whether it sells, informs or presents. Every finding is tied to a specific element and source - strengths and weaknesses, what to keep and what to fix.',s3);\n      setAll('.a-proof span:not(.ar)',['SCAN','REPORT','NUMBER'],s3);\n      set('.a-cta span:first-child','Request a report',s3);\n      set('.bar .url','report \\u00b7 ux',s3);\n      setAll('.stats .stat .k',['UX index','loss risk','findings'],s3);\n      set('.stat .v.warn','high',s3);\n      htmlAll('.finds .fd .ft',[\n        '<b>Strong visual.<\/b> Good first impression.',\n        '<b>Message unclear.<\/b> The hero does not say what you offer.',\n        '<b>CTA invisible.<\/b> Falls below the fold.',\n        '<b>Offer buried.<\/b> The benefit only in the footer.',\n        '<b>No proof.<\/b> No references or reviews.'\n      ],s3);\n      set('.verdict .vl','conclusion',s3);\n      set('.verdict .vex','example finding',s3);\n      set('.verdict .vt','Catches the eye, misses the chance.',s3);\n    }\n\n    \/\/ 04 WEB INKLUZO+\n    var s4=root.querySelector('#inkluzo');\n    if(s4){\n      set('.a-ctag','Website accessibility analysis',s4);\n      set('.a-desc','You send a link to your site - I deliver a report on where the site is not accessible (WCAG 2.1 AA) and a draft Accessibility Statement. It reviews image descriptions, language tags, contrast, links, whether keyboard navigation works and how a screen reader experiences the page. No technical jargon, with a \"+\" that means one thing: include everyone.',s4);\n      set('.a-proof span:not(.ar)','Compliance assessed against WCAG criteria',s4);\n      set('.a-cta span:first-child','Check accessibility',s4);\n      set('.bar .url','report \\u00b7 accessibility',s4);\n      setAll('.stats .stat .k',['accessibility index','legal risk','critical findings'],s4);\n      set('.stat .v.warn','YES',s4);\n      htmlAll('.finds .fd .ft',[\n        '<b>Keyboard works.<\/b> Navigable without a mouse (2.1.1).',\n        '<b>Images without descriptions.<\/b> 12 images with no alt (1.1.1).',\n        '<b>Weak contrast.<\/b> Grey text below 4.5:1 (1.4.3).',\n        '<b>Dead legal links.<\/b> Privacy, cookies lead nowhere.',\n        '<b>No Accessibility Statement.<\/b> Required (NN 17\/2019).'\n      ],s4);\n      set('.verdict .vl','conclusion',s4);\n      set('.verdict .vex','example finding',s4);\n      set('.verdict .vt','Invisible to a screen reader, visible to regulators.',s4);\n    }\n\n    \/\/ CLOSING\n    set('.foot','case study per agent - coming soon');\n  }\n  if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',run);}else{run();}\n  setTimeout(run,300); setTimeout(run,1000);\n})();\n<\/script><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"100-width.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-20177","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Agenti - peternel+ai<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.peternel2000.eu\/en\/agenti\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Agenti - peternel+ai\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.peternel2000.eu\/en\/agenti\/\" \/>\n<meta property=\"og:site_name\" content=\"peternel+ai\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-17T12:41:59+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"39 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.peternel2000.eu\\\/agenti\\\/\",\"url\":\"https:\\\/\\\/www.peternel2000.eu\\\/agenti\\\/\",\"name\":\"Agenti - peternel+ai\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.peternel2000.eu\\\/#website\"},\"datePublished\":\"2026-06-02T13:52:30+00:00\",\"dateModified\":\"2026-08-17T12:41:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.peternel2000.eu\\\/agenti\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.peternel2000.eu\\\/agenti\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.peternel2000.eu\\\/agenti\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.peternel2000.eu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Agenti\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.peternel2000.eu\\\/#website\",\"url\":\"https:\\\/\\\/www.peternel2000.eu\\\/\",\"name\":\"peternel+ai\",\"description\":\"Vizualni hibridni studio\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.peternel2000.eu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Agenti - peternel+ai","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.peternel2000.eu\/en\/agenti\/","og_locale":"en_GB","og_type":"article","og_title":"Agenti - peternel+ai","og_url":"https:\/\/www.peternel2000.eu\/en\/agenti\/","og_site_name":"peternel+ai","article_modified_time":"2026-08-17T12:41:59+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"39 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.peternel2000.eu\/agenti\/","url":"https:\/\/www.peternel2000.eu\/agenti\/","name":"Agenti - peternel+ai","isPartOf":{"@id":"https:\/\/www.peternel2000.eu\/#website"},"datePublished":"2026-06-02T13:52:30+00:00","dateModified":"2026-08-17T12:41:59+00:00","breadcrumb":{"@id":"https:\/\/www.peternel2000.eu\/agenti\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.peternel2000.eu\/agenti\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.peternel2000.eu\/agenti\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.peternel2000.eu\/"},{"@type":"ListItem","position":2,"name":"Agenti"}]},{"@type":"WebSite","@id":"https:\/\/www.peternel2000.eu\/#website","url":"https:\/\/www.peternel2000.eu\/","name":"peternel+ai","description":"Vizualni hibridni studio","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.peternel2000.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/pages\/20177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/comments?post=20177"}],"version-history":[{"count":21,"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/pages\/20177\/revisions"}],"predecessor-version":[{"id":20766,"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/pages\/20177\/revisions\/20766"}],"wp:attachment":[{"href":"https:\/\/www.peternel2000.eu\/en\/wp-json\/wp\/v2\/media?parent=20177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}