{"id":1539,"date":"2026-05-18T21:18:44","date_gmt":"2026-05-18T21:18:44","guid":{"rendered":"https:\/\/skwd.c1.p1.ruederome.co\/musis\/"},"modified":"2026-06-12T12:29:55","modified_gmt":"2026-06-12T12:29:55","slug":"musis","status":"publish","type":"page","link":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/projekti\/musis\/","title":{"rendered":"MuSIS"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nMUSEIS \u2014 Digitalna platforma za muzejska iskustva<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\/>\r\n<link crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n RESETOVANJE I OSNOVA\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n*, *::before, *::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nhtml {\r\n scroll-behavior: smooth;\r\n}\r\n\r\nbody {\r\n font-family: 'Inter', sans-serif;\r\n background: #000000;\r\n color: #ffffff;\r\n line-height: 1.6;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n:root {\r\n --orange: #E97B11;\r\n --orange-light: rgba(232, 93, 38, 0.14);\r\n --orange-border: rgba(232, 93, 38, 0.35);\r\n --orange-soft: rgba(232, 93, 38, 0.08);\r\n\r\n --bg-black: #000000;\r\n --bg-card: #050505;\r\n --bg-card-2: #080808;\r\n\r\n --border: #222222;\r\n --border-light: #171717;\r\n\r\n --text-main: #ffffff;\r\n --text-sub: #d1d5db;\r\n --text-muted: #94A3B8;\r\n\r\n --radius-sm: 6px;\r\n --radius-md: 10px;\r\n --radius-lg: 14px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n TIPOGRAFIJA\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\nh1, h2, h3, h4, h5, h6 {\r\n font-family: 'Inter', sans-serif;\r\n color: var(--text-main);\r\n line-height: 1.15;\r\n}\r\n\r\np {\r\n font-family: 'Inter', sans-serif;\r\n color: var(--text-sub);\r\n line-height: 1.75;\r\n}\r\n\r\na {\r\n text-decoration: none;\r\n color: inherit;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n GLOBALNI RASPORED\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.container {\r\n max-width: 1160px;\r\n margin: 0 auto;\r\n padding: 0 48px;\r\n}\r\n\r\n.section {\r\n background: #000000;\r\n padding: 88px 0;\r\n border-bottom: 1px solid var(--border-light);\r\n}\r\n\r\n.section:last-child {\r\n border-bottom: none;\r\n}\r\n\r\n.eyebrow {\r\n font-size: 11px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 2.5px;\r\n color: var(--orange);\r\n margin-bottom: 12px;\r\n}\r\n\r\n.section-title {\r\n font-size: 34px;\r\n font-weight: 700;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.section-sub {\r\n font-size: 16px;\r\n color: var(--text-sub);\r\n max-width: 560px;\r\n}\r\n\r\n.center {\r\n text-align: center;\r\n}\r\n\r\n.center .section-sub {\r\n margin: 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n DUGMAD\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.btn {\r\n display: inline-block;\r\n font-size: 14px;\r\n font-weight: 600;\r\n padding: 12px 26px;\r\n border-radius: var(--radius-md);\r\n border: 1px solid #FF6A1A;\r\n transition: all .18s ease;\r\n text-align: center;\r\n white-space: nowrap;\r\n cursor: pointer;\r\n color: #ffffff !important;\r\n}\r\n\r\n.btn-primary {\r\n background: #FF6A1A;\r\n color: #ffffff !important;\r\n border-color: #FF6A1A;\r\n}\r\n\r\n.btn-primary:hover {\r\n background: transparent;\r\n border-color: #FF6A1A;\r\n color: #ffffff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.btn-outline {\r\n background: #FF6A1A;\r\n color: #ffffff !important;\r\n border: 1px solid #FF6A1A;\r\n}\r\n\r\n.btn-outline:hover {\r\n background: transparent;\r\n border-color: #FF6A1A;\r\n color: #ffffff !important;\r\n transform: translateY(-1px);\r\n}\r\n\r\n.btn-ghost {\r\n background: #FF6A1A;\r\n color: #ffffff !important;\r\n border: 1px solid #FF6A1A;\r\n}\r\n\r\n.btn-ghost:hover {\r\n background: transparent;\r\n border-color: #FF6A1A;\r\n color: #ffffff !important;\r\n}\r\n\r\n.btn-full {\r\n display: block;\r\n width: 100%;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n OZNAKA\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: var(--orange-light);\r\n color: var(--orange);\r\n font-size: 11px;\r\n font-weight: 600;\r\n padding: 5px 13px;\r\n border-radius: 20px;\r\n border: 1px solid var(--orange-border);\r\n}\r\n\r\n.badge svg {\r\n width: 12px;\r\n height: 12px;\r\n stroke: var(--orange);\r\n fill: none;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n MAKETA \/ BROWSER KARTICA\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.browser {\r\n background: var(--bg-card);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n}\r\n\r\n.browser-bar {\r\n background: var(--bg-card);\r\n padding: 9px 14px;\r\n border-bottom: 1px solid var(--border);\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n}\r\n\r\n.bdot {\r\n width: 9px;\r\n height: 9px;\r\n border-radius: 50%;\r\n}\r\n\r\n.burl {\r\n font-size: 11px;\r\n color: var(--text-muted);\r\n margin-left: 8px;\r\n}\r\n\r\n.mock-screen {\r\n padding: 24px;\r\n min-height: 360px;\r\n background:\r\n radial-gradient(circle at top right, rgba(232,93,38,0.12), transparent 35%),\r\n #050505;\r\n}\r\n\r\n.mock-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.mock-title {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n}\r\n\r\n.mock-chip {\r\n font-size: 10px;\r\n color: var(--orange);\r\n background: var(--orange-light);\r\n border: 1px solid var(--orange-border);\r\n border-radius: 20px;\r\n padding: 4px 10px;\r\n}\r\n\r\n.mock-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 12px;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.mock-card {\r\n background: #080808;\r\n border: 1px solid #222222;\r\n border-radius: 12px;\r\n padding: 16px;\r\n}\r\n\r\n.mock-card svg {\r\n width: 22px;\r\n height: 22px;\r\n stroke: var(--orange);\r\n fill: none;\r\n stroke-width: 1.7;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n margin-bottom: 12px;\r\n}\r\n\r\n.mock-card-title {\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n margin-bottom: 4px;\r\n}\r\n\r\n.mock-card-sub {\r\n font-size: 11px;\r\n color: var(--text-muted);\r\n line-height: 1.5;\r\n}\r\n\r\n.mock-row {\r\n background: #080808;\r\n border: 1px solid #222222;\r\n border-radius: 10px;\r\n padding: 12px 14px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.mock-row-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n}\r\n\r\n.mock-dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--orange);\r\n}\r\n\r\n.mock-row-text {\r\n font-size: 12px;\r\n color: #ffffff;\r\n}\r\n\r\n.mock-row-status {\r\n font-size: 11px;\r\n color: var(--text-muted);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n HERO SEKCIJA\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#hero {\r\n padding: 100px 0 90px;\r\n}\r\n\r\n.hero-grid {\r\n display: grid;\r\n grid-template-columns: 1.1fr 1fr;\r\n gap: 64px;\r\n align-items: center;\r\n}\r\n\r\n.hero-title {\r\n font-size: 52px;\r\n font-weight: 700;\r\n line-height: 1.05;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.hero-title span {\r\n color: var(--orange);\r\n}\r\n\r\n.hero-subtitle {\r\n font-size: 17px;\r\n font-weight: 500;\r\n color: #ffffff;\r\n line-height: 1.6;\r\n max-width: 500px;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.hero-desc {\r\n font-size: 15px;\r\n color: var(--text-sub);\r\n max-width: 500px;\r\n margin-bottom: 36px;\r\n}\r\n\r\n.hero-btns {\r\n display: flex;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n margin-bottom: 32px;\r\n}\r\n\r\n.hero-trust {\r\n display: flex;\r\n gap: 22px;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.trust-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n font-size: 12px;\r\n font-weight: 500;\r\n color: var(--text-sub);\r\n}\r\n\r\n.tdot {\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: var(--orange);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n PROBLEM\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.problem-card {\r\n margin-top: 40px;\r\n background: #050505;\r\n border: 1px solid #222222;\r\n border-radius: var(--radius-lg);\r\n padding: 36px;\r\n max-width: 860px;\r\n}\r\n\r\n.problem-card p {\r\n font-size: 17px;\r\n color: #ffffff;\r\n}\r\n\r\n.problem-card p + p {\r\n margin-top: 16px;\r\n color: var(--text-sub);\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n UVID\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.two-col {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 64px;\r\n align-items: center;\r\n}\r\n\r\n.insight-box {\r\n background: var(--orange-light);\r\n border: 1px solid var(--orange-border);\r\n border-radius: var(--radius-lg);\r\n padding: 32px;\r\n}\r\n\r\n.insight-box p {\r\n font-size: 18px;\r\n color: #ffffff;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n FUNKCIONALNOSTI\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.features-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 16px;\r\n margin-top: 44px;\r\n}\r\n\r\n.feature-card {\r\n background: #050505;\r\n border: 1px solid #222222;\r\n border-radius: var(--radius-lg);\r\n padding: 24px;\r\n transition: all .2s ease;\r\n}\r\n\r\n.feature-card:hover {\r\n border-color: var(--orange-border);\r\n transform: translateY(-2px);\r\n}\r\n\r\n.feature-icon {\r\n width: 42px;\r\n height: 42px;\r\n background: var(--orange-light);\r\n border-radius: var(--radius-md);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.feature-icon svg {\r\n width: 20px;\r\n height: 20px;\r\n stroke: var(--orange);\r\n fill: none;\r\n stroke-width: 1.7;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n}\r\n\r\n.feature-title {\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.feature-desc {\r\n font-size: 13px;\r\n color: var(--text-sub);\r\n line-height: 1.65;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n KAKO FUNKCIONI\u0160E\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.steps-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n border: 1px solid #222222;\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n margin-top: 44px;\r\n background: #050505;\r\n}\r\n\r\n.step {\r\n padding: 30px 24px;\r\n border-right: 1px solid #222222;\r\n}\r\n\r\n.step:last-child {\r\n border-right: none;\r\n}\r\n\r\n.step-num {\r\n width: 34px;\r\n height: 34px;\r\n background: var(--orange);\r\n border-radius: var(--radius-md);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.step-title {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 1.45;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n VREDNOST\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.value-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 16px;\r\n margin-top: 44px;\r\n}\r\n\r\n.value-card {\r\n background: #050505;\r\n border: 1px solid #222222;\r\n border-radius: var(--radius-lg);\r\n padding: 24px;\r\n}\r\n\r\n.value-card svg {\r\n width: 22px;\r\n height: 22px;\r\n stroke: var(--orange);\r\n fill: none;\r\n stroke-width: 1.7;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n margin-bottom: 14px;\r\n}\r\n\r\n.value-title {\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n line-height: 1.45;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n CILJNI KORISNICI\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.users-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 12px;\r\n margin-top: 40px;\r\n}\r\n\r\n.user-card {\r\n background: #050505;\r\n border: 1px solid #222222;\r\n border-radius: var(--radius-md);\r\n padding: 18px 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: #ffffff;\r\n}\r\n\r\n.user-card svg {\r\n width: 18px;\r\n height: 18px;\r\n stroke: var(--orange);\r\n fill: none;\r\n stroke-width: 1.7;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n TR\u017dI\u0160TE\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.market-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 64px;\r\n align-items: flex-start;\r\n}\r\n\r\n.market-stats {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n}\r\n\r\n.market-card {\r\n background: #050505;\r\n border: 1px solid #222222;\r\n border-radius: var(--radius-md);\r\n padding: 22px;\r\n display: flex;\r\n gap: 16px;\r\n align-items: center;\r\n}\r\n\r\n.market-card svg {\r\n width: 24px;\r\n height: 24px;\r\n stroke: var(--orange);\r\n fill: none;\r\n stroke-width: 1.7;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n flex-shrink: 0;\r\n}\r\n\r\n.market-value {\r\n font-size: 21px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n margin-bottom: 3px;\r\n}\r\n\r\n.market-label {\r\n font-size: 13px;\r\n color: var(--text-sub);\r\n}\r\n\r\n.market-insight {\r\n margin-top: 28px;\r\n background: var(--orange-light);\r\n border: 1px solid var(--orange-border);\r\n border-radius: var(--radius-lg);\r\n padding: 24px;\r\n}\r\n\r\n.market-insight p {\r\n color: #ffffff;\r\n font-size: 15px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n FAZA\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.stage-pills {\r\n display: flex;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n margin-top: 38px;\r\n}\r\n\r\n.stage-pill {\r\n background: #050505;\r\n border: 1px solid #222222;\r\n border-radius: 30px;\r\n padding: 12px 22px;\r\n display: flex;\r\n align-items: center;\r\n gap: 9px;\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: #ffffff;\r\n}\r\n\r\n.sdot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: var(--orange);\r\n}\r\n\r\n.sdot.off {\r\n background: #CBD5E1;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n CTA\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#cta {\r\n padding: 96px 0;\r\n}\r\n\r\n.cta-title {\r\n font-size: 40px;\r\n font-weight: 700;\r\n color: #ffffff;\r\n line-height: 1.15;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.cta-sub {\r\n font-size: 16px;\r\n color: var(--text-sub);\r\n max-width: 520px;\r\n margin: 0 auto 48px;\r\n}\r\n\r\n.cta-cards {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 16px;\r\n max-width: 860px;\r\n margin: 0 auto;\r\n}\r\n\r\n.cta-card {\r\n background: #050505;\r\n border: 1px solid #222222;\r\n border-radius: var(--radius-lg);\r\n padding: 30px;\r\n text-align: center;\r\n}\r\n\r\n.cta-card svg {\r\n width: 28px;\r\n height: 28px;\r\n stroke: var(--orange);\r\n fill: none;\r\n stroke-width: 1.7;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n margin-bottom: 16px;\r\n}\r\n\r\n.cta-card-title {\r\n font-size: 17px;\r\n font-weight: 600;\r\n color: #ffffff;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.cta-card-desc {\r\n font-size: 13px;\r\n color: var(--text-sub);\r\n margin-bottom: 22px;\r\n}\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n RESPONZIVNO\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 1024px) {\r\n .container {\r\n padding: 0 32px;\r\n }\r\n\r\n .hero-grid,\r\n .two-col,\r\n .market-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n\r\n .hero-title {\r\n font-size: 40px;\r\n }\r\n\r\n .features-grid,\r\n .value-grid,\r\n .users-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .steps-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .step:nth-child(2) {\r\n border-right: none;\r\n }\r\n\r\n .step:nth-child(3) {\r\n border-top: 1px solid #222222;\r\n }\r\n\r\n .step:nth-child(4) {\r\n border-top: 1px solid #222222;\r\n border-right: none;\r\n }\r\n\r\n .cta-cards {\r\n grid-template-columns: 1fr;\r\n max-width: 420px;\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .container {\r\n padding: 0 20px;\r\n }\r\n\r\n .section,\r\n #hero,\r\n #cta {\r\n padding: 64px 0;\r\n }\r\n\r\n .hero-title {\r\n font-size: 32px;\r\n }\r\n\r\n .section-title,\r\n .cta-title {\r\n font-size: 26px;\r\n }\r\n\r\n .features-grid,\r\n .value-grid,\r\n .users-grid,\r\n .mock-grid,\r\n .steps-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .step {\r\n border-right: none !important;\r\n border-top: none !important;\r\n border-bottom: 1px solid #222222;\r\n }\r\n\r\n .step:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .hero-btns {\r\n flex-direction: column;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SEKCIJA 1 \u2014 HERO SEKCIJA\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"hero\">\r\n<div class=\"container\">\r\n<div class=\"hero-grid\">\r\n<div>\r\n<div style=\"margin-bottom:24px;\">\r\n<span class=\"badge\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M3 21h18\"><\/path>\r\n<path d=\"M5 21V7l7-4 7 4v14\"><\/path>\r\n<path d=\"M9 21v-6h6v6\"><\/path>\r\n<\/svg>\r\n Infrastruktura za muzejska iskustva\r\n <\/span>\r\n<\/div>\r\n<h1 class=\"hero-title\">MUSE<span>IS<\/span><\/h1>\r\n<p class=\"hero-subtitle\">Digitalna platforma za kreiranje i upravljanje imerzivnim muzejskim iskustvima u velikom obimu.<\/p>\r\n<p class=\"hero-desc\">Centralizovani sistem koji muzejima omogu\u0107ava da kreiraju, upravljaju i skaliraju digitalne vodi\u010de, narativna putovanja i iskustva posetilaca bez izgradnje prilago\u0111ene infrastrukture od nule.<\/p>\r\n<div class=\"hero-btns\">\r\n<a class=\"btn btn-primary\" href=\"mailto:info@skunkworksden.com\">Postanite na\u0161 partner<\/a>\r\n<\/div>\r\n<div class=\"hero-trust\">\r\n<div class=\"trust-item\"><div class=\"tdot\"><\/div>Digitalni vodi\u010di<\/div>\r\n<div class=\"trust-item\"><div class=\"tdot\"><\/div>Narativni sistem<\/div>\r\n<div class=\"trust-item\"><div class=\"tdot\"><\/div>Bez potrebe za aplikacijom<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<div class=\"browser\">\r\n<div class=\"browser-bar\">\r\n<div class=\"bdot\" style=\"background:#FF5F57;\"><\/div>\r\n<div class=\"bdot\" style=\"background:#FEBC2E;\"><\/div>\r\n<div class=\"bdot\" style=\"background:#28C840;\"><\/div>\r\n<span class=\"burl\">museis.app \u00b7 Digitalni vodi\u010d<\/span>\r\n<\/div>\r\n<div class=\"mock-screen\">\r\n<div class=\"mock-header\">\r\n<p class=\"mock-title\">Kreator muzejskih iskustava<\/p>\r\n<span class=\"mock-chip\">Tura u\u017eivo<\/span>\r\n<\/div>\r\n<div class=\"mock-grid\">\r\n<div class=\"mock-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M3 21h18\"><\/path>\r\n<path d=\"M5 21V7l7-4 7 4v14\"><\/path>\r\n<path d=\"M9 21v-6h6v6\"><\/path>\r\n<\/svg>\r\n<p class=\"mock-card-title\">Digitalni vodi\u010d<\/p>\r\n<p class=\"mock-card-sub\">Kreirajte ture za izlo\u017ebe i kolekcije<\/p>\r\n<\/div>\r\n<div class=\"mock-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M4 19.5A2.5 2.5 0 016.5 17H20\"><\/path>\r\n<path d=\"M4 4.5A2.5 2.5 0 016.5 2H20v20H6.5A2.5 2.5 0 014 19.5z\"><\/path>\r\n<path d=\"M8 7h8M8 11h6\"><\/path>\r\n<\/svg>\r\n<p class=\"mock-card-title\">Narativni sistem<\/p>\r\n<p class=\"mock-card-sub\">Vo\u0111eni i istra\u017eiva\u010dki narativi<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"mock-row\">\r\n<div class=\"mock-row-left\">\r\n<div class=\"mock-dot\"><\/div>\r\n<p class=\"mock-row-text\">Tura kroz anti\u010dku kolekciju<\/p>\r\n<\/div>\r\n<span class=\"mock-row-status\">Objavljeno<\/span>\r\n<\/div>\r\n<div class=\"mock-row\">\r\n<div class=\"mock-row-left\">\r\n<div class=\"mock-dot\"><\/div>\r\n<p class=\"mock-row-text\">QR pristup za posetioce<\/p>\r\n<\/div>\r\n<span class=\"mock-row-status\">Bez aplikacije<\/span>\r\n<\/div>\r\n<div class=\"mock-row\">\r\n<div class=\"mock-row-left\">\r\n<div class=\"mock-dot\"><\/div>\r\n<p class=\"mock-row-text\">Audio pri\u010da je otpremljena<\/p>\r\n<\/div>\r\n<span class=\"mock-row-status\">3 min<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SEKCIJA 2 \u2014 PROBLEM\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"eyebrow\">Problem<\/div>\r\n<h2 class=\"section-title\">Muzejima nedostaje skalabilna digitalna infrastruktura za moderno uklju\u010divanje posetilaca<\/h2>\r\n<p class=\"section-sub\">Ve\u0107ini muzeja nedostaju savremeni digitalni alati za uklju\u010divanje publike i predstavljanje sadr\u017eaja.<\/p>\r\n<div class=\"problem-card\">\r\n<p>Samo mali broj institucija nudi digitalne vodi\u010de, dok ve\u0107ina funkcioni\u0161e bez skalabilne digitalne infrastrukture.<\/p>\r\n<p>To muzejima ote\u017eava dinami\u010dno predstavljanje sadr\u017eaja, unapre\u0111enje pristupa\u010dnosti i stvaranje bogatijih iskustava za posetioce u velikom obimu.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 3 \u2014 UVID\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"two-col\">\r\n<div>\r\n<div class=\"eyebrow\">Uvid<\/div>\r\n<h2 class=\"section-title\">Muzejima ne nedostaje sadr\u017eaj \u2014 nedostaje im sistem<\/h2>\r\n<p class=\"section-sub\">Muzeji ve\u0107 poseduju vredne kolekcije, pri\u010de, znanje i kulturni materijal. Ono \u0161to im nedostaje jeste sistem za digitalnu isporuku, skaliranje i razvoj tog sadr\u017eaja.<\/p>\r\n<\/div>\r\n<div class=\"insight-box\">\r\n<p>MUSEIS pretvara muzejski sadr\u017eaj u strukturisana digitalna iskustva \u2014 \u010dine\u0107i izlo\u017ebe lak\u0161im za pristup, upravljanje, a\u017euriranje i \u0161irenje kroz razli\u010dite institucije.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SEKCIJA 4 \u2014 RE\u0160ENJE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"two-col\">\r\n<div>\r\n<div class=\"browser\">\r\n<div class=\"browser-bar\">\r\n<div class=\"bdot\" style=\"background:#FF5F57;\"><\/div>\r\n<div class=\"bdot\" style=\"background:#FEBC2E;\"><\/div>\r\n<div class=\"bdot\" style=\"background:#28C840;\"><\/div>\r\n<span class=\"burl\">museis.app \u00b7 Studio za sadr\u017eaj<\/span>\r\n<\/div>\r\n<div class=\"mock-screen\">\r\n<div class=\"mock-header\">\r\n<p class=\"mock-title\">Studio za upravljanje sadr\u017eajem<\/p>\r\n<span class=\"mock-chip\">Vi\u0161einstitucionalno<\/span>\r\n<\/div>\r\n<div class=\"mock-row\">\r\n<div class=\"mock-row-left\">\r\n<div class=\"mock-dot\"><\/div>\r\n<p class=\"mock-row-text\">Narativ izlo\u017ebe je kreiran<\/p>\r\n<\/div>\r\n<span class=\"mock-row-status\">Kustos<\/span>\r\n<\/div>\r\n<div class=\"mock-row\">\r\n<div class=\"mock-row-left\">\r\n<div class=\"mock-dot\"><\/div>\r\n<p class=\"mock-row-text\">Audio vodi\u010d je dodat<\/p>\r\n<\/div>\r\n<span class=\"mock-row-status\">Mediji<\/span>\r\n<\/div>\r\n<div class=\"mock-row\">\r\n<div class=\"mock-row-left\">\r\n<div class=\"mock-dot\"><\/div>\r\n<p class=\"mock-row-text\">QR kod je generisan<\/p>\r\n<\/div>\r\n<span class=\"mock-row-status\">Pristup za posetioce<\/span>\r\n<\/div>\r\n<div class=\"mock-row\">\r\n<div class=\"mock-row-left\">\r\n<div class=\"mock-dot\"><\/div>\r\n<p class=\"mock-row-text\">Analitika kori\u0161\u0107enja je a\u017eurirana<\/p>\r\n<\/div>\r\n<span class=\"mock-row-status\">U\u017eivo<\/span>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<div>\r\n<div class=\"eyebrow\">Re\u0161enje<\/div>\r\n<h2 class=\"section-title\">Jedna centralizovana platforma za digitalne vodi\u010de i narativna iskustva<\/h2>\r\n<p class=\"section-sub\">MUSEIS omogu\u0107ava muzejima da kreiraju, upravljaju i skaliraju digitalne vodi\u010de i narativna iskustva u okviru jednog sistema.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 5 \u2014 FUNKCIONALNOSTI\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"eyebrow\">Funkcionalnosti<\/div>\r\n<h2 class=\"section-title\">Mogu\u0107nosti kreirane za kulturne institucije<\/h2>\r\n<p class=\"section-sub\">Fleksibilna platforma za vodi\u010de, narative, medijski sadr\u017eaj i implementaciju u vi\u0161e institucija.<\/p>\r\n<div class=\"features-grid\">\r\n<div class=\"feature-card\">\r\n<div class=\"feature-icon\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M3 21h18\"><\/path>\r\n<path d=\"M5 21V7l7-4 7 4v14\"><\/path>\r\n<path d=\"M9 21v-6h6v6\"><\/path>\r\n<\/svg>\r\n<\/div>\r\n<p class=\"feature-title\">Sistem digitalnih vodi\u010da<\/p>\r\n<p class=\"feature-desc\">Kreirajte i upravljajte turama za izlo\u017ebe i kolekcije.<\/p>\r\n<\/div>\r\n<div class=\"feature-card\">\r\n<div class=\"feature-icon\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M4 19.5A2.5 2.5 0 016.5 17H20\"><\/path>\r\n<path d=\"M4 4.5A2.5 2.5 0 016.5 2H20v20H6.5A2.5 2.5 0 014 19.5z\"><\/path>\r\n<path d=\"M8 7h8M8 11h6\"><\/path>\r\n<\/svg>\r\n<\/div>\r\n<p class=\"feature-title\">Narativni sistem<\/p>\r\n<p class=\"feature-desc\">Gradite vo\u0111ene, istra\u017eiva\u010dke i hijerarhijske narative.<\/p>\r\n<\/div>\r\n<div class=\"feature-card\">\r\n<div class=\"feature-icon\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<rect height=\"16\" rx=\"2\" width=\"18\" x=\"3\" y=\"4\"><\/rect>\r\n<path d=\"M8 9h8M8 13h5\"><\/path>\r\n<path d=\"M7 20l2-4M17 20l-2-4\"><\/path>\r\n<\/svg>\r\n<\/div>\r\n<p class=\"feature-title\">Upravljanje sadr\u017eajem<\/p>\r\n<p class=\"feature-desc\">Upravljajte audio, video i interaktivnim sadr\u017eajem.<\/p>\r\n<\/div>\r\n<div class=\"feature-card\">\r\n<div class=\"feature-icon\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<rect height=\"7\" width=\"7\" x=\"3\" y=\"3\"><\/rect>\r\n<rect height=\"7\" width=\"7\" x=\"14\" y=\"3\"><\/rect>\r\n<rect height=\"7\" width=\"7\" x=\"14\" y=\"14\"><\/rect>\r\n<rect height=\"7\" width=\"7\" x=\"3\" y=\"14\"><\/rect>\r\n<\/svg>\r\n<\/div>\r\n<p class=\"feature-title\">Vi\u0161einstitucionalna arhitektura<\/p>\r\n<p class=\"feature-desc\">Podr\u017eite vi\u0161e muzeja u okviru jedne platforme.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 6 \u2014 KAKO FUNKCIONI\u0160E\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n<div class=\"container center\">\r\n<div class=\"eyebrow\">Kako funkcioni\u0161e<\/div>\r\n<h2 class=\"section-title\">Od uklju\u010divanja muzeja do anga\u017eovanja posetilaca<\/h2>\r\n<div class=\"steps-grid\">\r\n<div class=\"step\">\r\n<div class=\"step-num\">1<\/div>\r\n<p class=\"step-title\">Muzeji se uklju\u010duju na platformu<\/p>\r\n<\/div>\r\n<div class=\"step\">\r\n<div class=\"step-num\">2<\/div>\r\n<p class=\"step-title\">Kustosi kreiraju digitalne ture i narative<\/p>\r\n<\/div>\r\n<div class=\"step\">\r\n<div class=\"step-num\">3<\/div>\r\n<p class=\"step-title\">Posetioci pristupaju sadr\u017eaju putem QR koda, bez potrebe za aplikacijom<\/p>\r\n<\/div>\r\n<div class=\"step\">\r\n<div class=\"step-num\">4<\/div>\r\n<p class=\"step-title\">Platforma prati kori\u0161\u0107enje i optimizuje iskustvo<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 7 \u2014 VREDNOST\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"eyebrow\">Vrednost<\/div>\r\n<h2 class=\"section-title\">Za\u0161to je muzejima potreban<\/h2>\r\n<div class=\"value-grid\">\r\n<div class=\"value-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<rect height=\"7\" width=\"7\" x=\"3\" y=\"3\"><\/rect>\r\n<rect height=\"7\" width=\"7\" x=\"14\" y=\"3\"><\/rect>\r\n<rect height=\"7\" width=\"7\" x=\"14\" y=\"14\"><\/rect>\r\n<rect height=\"7\" width=\"7\" x=\"3\" y=\"14\"><\/rect>\r\n<\/svg>\r\n<p class=\"value-title\">Omogu\u0107ava skalabilnu digitalnu transformaciju kroz institucije<\/p>\r\n<\/div>\r\n<div class=\"value-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8S1 12 1 12z\"><\/path>\r\n<circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n<\/svg>\r\n<p class=\"value-title\">Pove\u0107ava anga\u017eovanje posetilaca i pristupa\u010dnost<\/p>\r\n<\/div>\r\n<div class=\"value-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M12 1v22\"><\/path>\r\n<path d=\"M17 5H9.5a3.5 3.5 0 000 7H14a3.5 3.5 0 010 7H6\"><\/path>\r\n<\/svg>\r\n<p class=\"value-title\">Smanjuje tro\u0161kove izrade pojedina\u010dnih re\u0161enja<\/p>\r\n<\/div>\r\n<div class=\"value-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<polyline points=\"17 1 21 5 17 9\"><\/polyline>\r\n<path d=\"M3 11V9a4 4 0 014-4h14\"><\/path>\r\n<polyline points=\"7 23 3 19 7 15\"><\/polyline>\r\n<path d=\"M21 13v2a4 4 0 01-4 4H3\"><\/path>\r\n<\/svg>\r\n<p class=\"value-title\">Stvara dugoro\u010dnu infrastrukturu koja se mo\u017ee ponovo koristiti<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 8 \u2014 CILJNI KORISNICI\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"eyebrow\">Kome je namenjeno<\/div>\r\n<h2 class=\"section-title\">Kreirano za muzeje i kulturne ekosisteme<\/h2>\r\n<div class=\"users-grid\">\r\n<div class=\"user-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M3 21h18\"><\/path>\r\n<path d=\"M5 21V7l7-4 7 4v14\"><\/path>\r\n<path d=\"M9 21v-6h6v6\"><\/path>\r\n<\/svg>\r\n Muzeji i galerije\r\n <\/div>\r\n<div class=\"user-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M4 19.5A2.5 2.5 0 016.5 17H20\"><\/path>\r\n<path d=\"M4 4.5A2.5 2.5 0 016.5 2H20v20H6.5A2.5 2.5 0 014 19.5z\"><\/path>\r\n<\/svg>\r\n Kulturne institucije\r\n <\/div>\r\n<div class=\"user-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M3 21h18\"><\/path>\r\n<path d=\"M6 21V5h12v16\"><\/path>\r\n<path d=\"M9 9h6M9 13h6\"><\/path>\r\n<\/svg>\r\n Dr\u017eavni i javni sektor\r\n <\/div>\r\n<div class=\"user-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M12 21s-6-4.35-9-8a5 5 0 017-7l2 2 2-2a5 5 0 017 7c-3 3.65-9 8-9 8z\"><\/path>\r\n<\/svg>\r\n Kulturne fondacije i sponzori\r\n <\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 9 \u2014 TR\u017dI\u0160TE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n<div class=\"container\">\r\n<div class=\"market-grid\">\r\n<div>\r\n<div class=\"eyebrow\">Tr\u017ei\u0161te \/ kontekst<\/div>\r\n<h2 class=\"section-title\">Muzejskom sektoru je potrebna standardizovana digitalna infrastruktura<\/h2>\r\n<p class=\"section-sub\">Veliki broj institucija i dalje funkcioni\u0161e bez digitalnih alata, uprkos rastu\u0107im o\u010dekivanjima u pogledu pristupa\u010dnosti, pripovedanja i anga\u017eovanja posetilaca.<\/p>\r\n<div class=\"market-insight\">\r\n<p><strong>Uvid:<\/strong> MUSEIS pru\u017ea skalabilnu osnovu koja muzejima omogu\u0107ava digitalizaciju iskustava bez potrebe da svaka institucija razvija zasebno re\u0161enje.<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"market-stats\">\r\n<div class=\"market-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M3 21h18\"><\/path>\r\n<path d=\"M5 21V7l7-4 7 4v14\"><\/path>\r\n<path d=\"M9 21v-6h6v6\"><\/path>\r\n<\/svg>\r\n<div>\r\n<p class=\"market-value\">Jaz na nivou sektora<\/p>\r\n<p class=\"market-label\">Celom muzejskom sektoru nedostaje standardizovana digitalna infrastruktura<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"market-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M9 9h6v6H9z\"><\/path>\r\n<path d=\"M3 3l18 18\"><\/path>\r\n<path d=\"M4 4h16v16H4z\"><\/path>\r\n<\/svg>\r\n<div>\r\n<p class=\"market-value\">Ograni\u010deni digitalni alati<\/p>\r\n<p class=\"market-label\">Veliki broj institucija funkcioni\u0161e bez savremenih sistema za posetioce<\/p>\r\n<\/div>\r\n<\/div>\r\n<div class=\"market-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline>\r\n<polyline points=\"17 6 23 6 23 12\"><\/polyline>\r\n<\/svg>\r\n<div>\r\n<p class=\"market-value\">Skalabilna potreba<\/p>\r\n<p class=\"market-label\">Velika potreba za pristupa\u010dnim digitalnim re\u0161enjima koja se mogu ponovo koristiti<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SECTION 10 \u2014 FAZA\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"section\">\r\n<div class=\"container center\">\r\n<div class=\"eyebrow\">Trenutna faza<\/div>\r\n<h2 class=\"section-title\">Koncept \/ institucionalni predlog<\/h2>\r\n<p class=\"section-sub\">Arhitektura platforme je definisana, sistem je spreman za pilot implementaciju, a model je osmi\u0161ljen za primenu na nacionalnom nivou.<\/p>\r\n<div class=\"stage-pills\">\r\n<div class=\"stage-pill\"><div class=\"sdot\"><\/div>Arhitektura platforme definisana<\/div>\r\n<div class=\"stage-pill\"><div class=\"sdot\"><\/div>Spremno za pilot implementaciju<\/div>\r\n<div class=\"stage-pill\"><div class=\"sdot off\"><\/div>Faza institucionalnog predloga<\/div>\r\n<div class=\"stage-pill\"><div class=\"sdot off\"><\/div>Dizajn implementacije na nacionalnom nivou<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n SEKCIJA 11 \u2014 CTA\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section id=\"cta\">\r\n<div class=\"container center\">\r\n<div class=\"eyebrow\">Uklju\u010dite se<\/div>\r\n<h2 class=\"cta-title\">Pomozite muzejima da skaliraju digitalno pripovedanje i anga\u017eovanje posetilaca<\/h2>\r\n<p class=\"cta-sub\">MUSEIS je namenjen institucijama, partnerima i investitorima koji \u017eele da podr\u017ee skalabilnu digitalnu transformaciju u kulturnom sektoru.<\/p>\r\n<div class=\"cta-cards\">\r\n<div class=\"cta-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<rect height=\"20\" rx=\"2\" width=\"16\" x=\"4\" y=\"2\"><\/rect>\r\n<path d=\"M9 22v-4h6v4\"><\/path>\r\n<\/svg>\r\n<p class=\"cta-card-title\">Institucije<\/p>\r\n<p class=\"cta-card-desc\">Implementirajte digitalne vodi\u010de i iskustva za posetioce u svojoj instituciji.<\/p>\r\n<a class=\"btn btn-primary btn-full\" href=\"https:\/\/skwd.c1.p1.ruederome.co\/sr\/projekti\/\">Zatra\u017eite demo<\/a>\r\n<\/div>\r\n<div class=\"cta-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<path d=\"M12 21s-6-4.35-9-8a5 5 0 017-7l2 2 2-2a5 5 0 017 7c-3 3.65-9 8-9 8z\"><\/path>\r\n<\/svg>\r\n<p class=\"cta-card-title\">Partner<\/p>\r\n<p class=\"cta-card-desc\">Podr\u017eite digitalizaciju muzeja, implementaciju i pristup kulturi.<\/p>\r\n<a class=\"btn btn-outline btn-full\" href=\"mailto:info@skunkworksden.com\">Postanite na\u0161 partner<\/a>\r\n<\/div>\r\n<div class=\"cta-card\">\r\n<svg viewbox=\"0 0 24 24\">\r\n<polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"><\/polyline>\r\n<polyline points=\"17 6 23 6 23 12\"><\/polyline>\r\n<\/svg>\r\n<p class=\"cta-card-title\">Investitor<\/p>\r\n<p class=\"cta-card-desc\">Istra\u017eite priliku u oblasti digitalne kulturne infrastrukture.<\/p>\r\n<a class=\"btn btn-ghost btn-full\" href=\"https:\/\/skwd.c1.p1.ruederome.co\/sr\/projekti\/\">Istra\u017eite priliku<\/a>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MUSEIS \u2014 Digitalna platforma za muzejska iskustva Infrastruktura za muzejska iskustva MUSEIS Digitalna platforma za kreiranje i upravljanje imerzivnim muzejskim iskustvima u velikom obimu. Centralizovani sistem koji muzejima omogu\u0107ava da kreiraju, upravljaju i skaliraju digitalne vodi\u010de, narativna putovanja i iskustva … <a href=\"https:\/\/skwd.c1.p1.ruederome.co\/sr\/projekti\/musis\/\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1500,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"content-tag":[],"class_list":["post-1539","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/pages\/1539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/comments?post=1539"}],"version-history":[{"count":2,"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/pages\/1539\/revisions"}],"predecessor-version":[{"id":2302,"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/pages\/1539\/revisions\/2302"}],"up":[{"embeddable":true,"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/pages\/1500"}],"wp:attachment":[{"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/media?parent=1539"}],"wp:term":[{"taxonomy":"content-tag","embeddable":true,"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/content-tag?post=1539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}