{"id":1541,"date":"2026-05-18T21:15:03","date_gmt":"2026-05-18T21:15:03","guid":{"rendered":"https:\/\/skwd.c1.p1.ruederome.co\/trauma-safe\/"},"modified":"2026-06-12T12:22:32","modified_gmt":"2026-06-12T12:22:32","slug":"trauma-safe","status":"publish","type":"page","link":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/projekti\/trauma-safe\/","title":{"rendered":"Trauma Safe"},"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\nTrauma Safe \u2014 Digitalna platforma za simulacionu obuku<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\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 RESET & BASE\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 TYPOGRAPHY\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 GLOBAL LAYOUT\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 BUTTONS\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 transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;\r\n text-align: center;\r\n white-space: nowrap;\r\n background: #FF6A1A;\r\n color: #ffffff !important;\r\n border: 1px solid #FF6A1A;\r\n cursor: pointer;\r\n}\r\n\r\n.btn: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-primary,\r\n.btn-outline,\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-primary:hover,\r\n.btn-outline:hover,\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 BADGE\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 MOCKUP \/ BROWSER CARD\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\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 INSIGHT\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 FEATURES\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 HOW IT WORKS\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 VALUE\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 TARGET USERS\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(5, 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 MARKET\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 STAGE\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 RESPONSIVE\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 grid-template-columns: 1fr 1fr;\r\n }\r\n\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\r\n<body>\r\n\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 1 \u2014 HERO\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\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=\"M12 2l8 4v6c0 5-3.4 9.4-8 10-4.6-.6-8-5-8-10V6z\"\/>\r\n <path d=\"M9 12l2 2 4-4\"\/>\r\n <\/svg>\r\n Simulaciona obuka za rad sa traumom\r\n <\/span>\r\n <\/div>\r\n\r\n <h1 class=\"hero-title\">Trauma <span>Safe<\/span><\/h1>\r\n\r\n <p class=\"hero-subtitle\">Digitalna simulaciona platforma za obuku stru\u010dnjaka koji rade sa decom sa iskustvom traume.<\/p>\r\n\r\n <p class=\"hero-desc\">Veb sistem za obuku koji stru\u010dnjacima poma\u017ee da razviju prakti\u010dne ve\u0161tine dono\u0161enja odluka kroz realisti\u010dne edukativne scenarije, kontrolisane AI povratne informacije i merljivo pra\u0107enje kompetencija.<\/p>\r\n\r\n <div class=\"hero-btns\">\r\n <a href=\"mailto:info@skunkworksden.com\" class=\"btn btn-primary\">Zatra\u017eite pilot<\/a>\r\n <a href=\"mailto:info@skunkworksden.com\" class=\"btn btn-outline\">Postanite partner<\/a>\r\n <a href=\"https:\/\/skwd.c1.p1.ruederome.co\/sr\/projekti\/\" class=\"btn btn-ghost\">Istra\u017eite priliku<\/a>\r\n <\/div>\r\n\r\n <div class=\"hero-trust\">\r\n <div class=\"trust-item\"><div class=\"tdot\"><\/div>Institucionalna obuka<\/div>\r\n <div class=\"trust-item\"><div class=\"tdot\"><\/div>Simulaciona praksa<\/div>\r\n <div class=\"trust-item\"><div class=\"tdot\"><\/div>Pra\u0107enje kompetencija<\/div>\r\n <\/div>\r\n <\/div>\r\n\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\">traumasafe.app \u00b7 Simulacija<\/span>\r\n <\/div>\r\n\r\n <div class=\"mock-screen\">\r\n <div class=\"mock-header\">\r\n <p class=\"mock-title\">Simulacija obuke<\/p>\r\n <span class=\"mock-chip\">Scenario aktivan<\/span>\r\n <\/div>\r\n\r\n <div class=\"mock-grid\">\r\n <div class=\"mock-card\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2l8 4v6c0 5-3.4 9.4-8 10-4.6-.6-8-5-8-10V6z\"\/>\r\n <path d=\"M9 12l2 2 4-4\"\/>\r\n <\/svg>\r\n <p class=\"mock-card-title\">Bezbedna praksa<\/p>\r\n <p class=\"mock-card-sub\">Realisti\u010dne situacije bez rizika iz stvarnog sveta<\/p>\r\n <\/div>\r\n\r\n <div class=\"mock-card\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/>\r\n <\/svg>\r\n <p class=\"mock-card-title\">AI povratne informacije<\/p>\r\n <p class=\"mock-card-sub\">Vo\u0111eni odgovori unutar unapred definisanih scenarija<\/p>\r\n <\/div>\r\n <\/div>\r\n\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\">Scenario: prvi razgovor sa detetom<\/p>\r\n <\/div>\r\n <span class=\"mock-row-status\">Modul 1<\/span>\r\n <\/div>\r\n\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\">Ta\u010dka odluke zavr\u0161ena<\/p>\r\n <\/div>\r\n <span class=\"mock-row-status\">Rezultat +12%<\/span>\r\n <\/div>\r\n\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\">Povratna informacija generisana<\/p>\r\n <\/div>\r\n <span class=\"mock-row-status\">Uz pomo\u0107 AI<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\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 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\r\n <h2 class=\"section-title\">Tradicionalna obuka za rad sa traumom previ\u0161e je teorijska i te\u0161ko se skalira<\/h2>\r\n\r\n <p class=\"section-sub\">Sistemi obuke u socijalnoj za\u0161titi \u010desto se oslanjaju na radionice, stati\u010dne materijale i teorijsko obrazovanje.<\/p>\r\n\r\n <div class=\"problem-card\">\r\n <p>Stru\u010dnjaci retko imaju priliku da bezbedno ve\u017ebaju dono\u0161enje odluka iz stvarnog sveta u osetljivim situacijama povezanim sa traumom.<\/p>\r\n <p>To ograni\u010dava razvoj prakti\u010dnih ve\u0161tina i institucijama ote\u017eava standardizaciju kompetencija me\u0111u timovima, regionima i javnim sistemima.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\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 INSIGHT\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\r\n <div>\r\n <div class=\"eyebrow\">Uvid<\/div>\r\n\r\n <h2 class=\"section-title\">Klju\u010dne ve\u0161tine ne mogu se razviti samo kroz teoriju<\/h2>\r\n\r\n <p class=\"section-sub\">Stru\u010dnjacima su potrebna bezbedna, kontrolisana okru\u017eenja u kojima mogu da ve\u017ebaju realisti\u010dne odluke pre suo\u010davanja sa osetljivim situacijama u stvarnom svetu.<\/p>\r\n <\/div>\r\n\r\n <div class=\"insight-box\">\r\n <p>Simulaciono obrazovanje stvara za\u0161ti\u0107eno okru\u017eenje za obuku u kojem stru\u010dnjaci mogu da razvijaju prakti\u010dno rasu\u0111ivanje, dobijaju povratne informacije i unapre\u0111uju kompetencije bez rizika po decu.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\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 4 \u2014 SOLUTION\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\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\">traumasafe.app \u00b7 Putanja u\u010denja<\/span>\r\n <\/div>\r\n\r\n <div class=\"mock-screen\">\r\n <div class=\"mock-header\">\r\n <p class=\"mock-title\">Profesionalna putanja u\u010denja<\/p>\r\n <span class=\"mock-chip\">Adaptivno<\/span>\r\n <\/div>\r\n\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\">Komunikacija zasnovana na razumevanju traume<\/p>\r\n <\/div>\r\n <span class=\"mock-row-status\">Zavr\u0161eno<\/span>\r\n <\/div>\r\n\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\">Scenario prepoznavanja rizika<\/p>\r\n <\/div>\r\n <span class=\"mock-row-status\">U toku<\/span>\r\n <\/div>\r\n\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\">Pregled vo\u0111enih povratnih informacija<\/p>\r\n <\/div>\r\n <span class=\"mock-row-status\">AI modul<\/span>\r\n <\/div>\r\n\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\">Izve\u0161taj o kompetencijama<\/p>\r\n <\/div>\r\n <span class=\"mock-row-status\">Generisano<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"eyebrow\">Re\u0161enje<\/div>\r\n\r\n <h2 class=\"section-title\">Digitalne simulacije za prakti\u010dnu obuku u radu sa traumom<\/h2>\r\n\r\n <p class=\"section-sub\">Trauma Safe pru\u017ea platformu za simulacionu obuku koja omogu\u0107ava stru\u010dnjacima da unaprede prakti\u010dne ve\u0161tine kroz realisti\u010dne edukativne scenarije \u2014 bez rizika po decu.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\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 FEATURES\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\r\n <h2 class=\"section-title\">Klju\u010dne mogu\u0107nosti obuke<\/h2>\r\n\r\n <p class=\"section-sub\">Strukturisani alati za prakti\u010dno u\u010denje, vo\u0111ene povratne informacije, adaptivni napredak i merljiv razvoj kompetencija.<\/p>\r\n\r\n <div class=\"features-grid\">\r\n\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\"\/>\r\n <path d=\"M4 4.5A2.5 2.5 0 016.5 2H20v20H6.5A2.5 2.5 0 014 19.5z\"\/>\r\n <path d=\"M8 7h8M8 11h6\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"feature-title\">Simulacije zasnovane na scenarijima<\/p>\r\n <p class=\"feature-desc\">Interaktivna obuka zasnovana na realisti\u010dnim profesionalnim situacijama.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\"\/>\r\n <path d=\"M8 9h8M8 13h5\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"feature-title\">Edukativni moduli uz pomo\u0107 AI<\/p>\r\n <p class=\"feature-desc\">Kontrolisani AI dijalog i edukativne povratne informacije unutar unapred definisanih scenarija.<\/p>\r\n <\/div>\r\n\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 12h6l3-9 3 18 3-9h3\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"feature-title\">Adaptivno Learning System<\/p>\r\n <p class=\"feature-desc\">Obuka se prilago\u0111ava napretku korisnika i nivou kompetencija.<\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-card\">\r\n <div class=\"feature-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"\/>\r\n <line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"\/>\r\n <line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"feature-title\">Pra\u0107enje napretka i analitika<\/p>\r\n <p class=\"feature-desc\">Pratite zavr\u0161ene module, kompetencije i ishode u\u010denja.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\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 HOW IT WORKS\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\r\n <h2 class=\"section-title\">Od pristupa do merljivog razvoja kompetencija<\/h2>\r\n\r\n <div class=\"steps-grid\">\r\n\r\n <div class=\"step\">\r\n <div class=\"step-num\">1<\/div>\r\n <p class=\"step-title\">Stru\u010dnjaci pristupaju platformi kroz veb sistem<\/p>\r\n <\/div>\r\n\r\n <div class=\"step\">\r\n <div class=\"step-num\">2<\/div>\r\n <p class=\"step-title\">Korisnici zavr\u0161avaju strukturisane edukativne module i simulacije<\/p>\r\n <\/div>\r\n\r\n <div class=\"step\">\r\n <div class=\"step-num\">3<\/div>\r\n <p class=\"step-title\">Interakcije uz pomo\u0107 AI pru\u017eaju vo\u0111ene edukativne povratne informacije<\/p>\r\n <\/div>\r\n\r\n <div class=\"step\">\r\n <div class=\"step-num\">4<\/div>\r\n <p class=\"step-title\">Sistem prati kompetencije i prilago\u0111ava putanje u\u010denja<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\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 VALUE\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\r\n <h2 class=\"section-title\">Za\u0161to je institucijama potrebno<\/h2>\r\n\r\n <div class=\"value-grid\">\r\n\r\n <div class=\"value-card\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 2l8 4v6c0 5-3.4 9.4-8 10-4.6-.6-8-5-8-10V6z\"\/>\r\n <path d=\"M9 12l2 2 4-4\"\/>\r\n <\/svg>\r\n <p class=\"value-title\">Omogu\u0107ava prakti\u010dnu obuku bez rizika iz stvarnog sveta<\/p>\r\n <\/div>\r\n\r\n <div class=\"value-card\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M4 4h16v16H4z\"\/>\r\n <path d=\"M8 8h8M8 12h8M8 16h5\"\/>\r\n <\/svg>\r\n <p class=\"value-title\">Standardizuje razvoj kompetencija me\u0111u institucijama<\/p>\r\n <\/div>\r\n\r\n <div class=\"value-card\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 1v22\"\/>\r\n <path d=\"M17 5H9.5a3.5 3.5 0 000 7H14a3.5 3.5 0 010 7H6\"\/>\r\n <\/svg>\r\n <p class=\"value-title\">Smanjuje tro\u0161kove tradicionalne obuke u\u017eivo<\/p>\r\n <\/div>\r\n\r\n <div class=\"value-card\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/>\r\n <path d=\"M9 22v-4h6v4M8 6h.01M16 6h.01M8 10h.01M16 10h.01\"\/>\r\n <\/svg>\r\n <p class=\"value-title\">Pru\u017ea skalabilnu i ponovo upotrebljivu infrastrukturu za obuku<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\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 TARGET USERS\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\r\n <h2 class=\"section-title\">Napravljeno za javne i profesionalne sisteme obuke<\/h2>\r\n\r\n <div class=\"users-grid\">\r\n\r\n <div class=\"user-card\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/>\r\n <path d=\"M9 22v-4h6v4\"\/>\r\n <\/svg>\r\n Institucije socijalne za\u0161tite\r\n <\/div>\r\n\r\n <div class=\"user-card\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\r\n <path d=\"M5.5 21a6.5 6.5 0 0113 0\"\/>\r\n <\/svg>\r\n Stru\u010dnjaci za mentalno zdravlje\r\n <\/div>\r\n\r\n <div class=\"user-card\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M3 21h18\"\/>\r\n <path d=\"M5 21V7l7-4 7 4v14\"\/>\r\n <path d=\"M9 21v-6h6v6\"\/>\r\n <\/svg>\r\n Obrazovne institucije\r\n <\/div>\r\n\r\n <div class=\"user-card\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M3 21h18\"\/>\r\n <path d=\"M6 21V5h12v16\"\/>\r\n <path d=\"M9 9h6M9 13h6\"\/>\r\n <\/svg>\r\n Organizacije javnog sektora\r\n <\/div>\r\n\r\n <div class=\"user-card\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 3l9 4-9 4-9-4 9-4z\"\/>\r\n <path d=\"M3 7v6c0 3 4 6 9 8 5-2 9-5 9-8V7\"\/>\r\n <\/svg>\r\n Sistemi obuke za policiju i pravosu\u0111e\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\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 MARKET\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\r\n <div>\r\n <div class=\"eyebrow\">Tr\u017ei\u0161te \/ kontekst<\/div>\r\n\r\n <h2 class=\"section-title\">Javnim sistemima potrebna je skalabilna, standardizovana obuka za rad sa traumom<\/h2>\r\n\r\n <p class=\"section-sub\">Postoje\u0107i pristupi obuci \u010desto su skupi, te\u0161ko se skaliraju i nisu dosledni me\u0111u institucijama.<\/p>\r\n\r\n <div class=\"market-insight\">\r\n <p><strong>Uvid:<\/strong> Digitalno obrazovanje zasnovano na simulacijama mo\u017ee zna\u010dajno unaprediti institucionalne kapacitete i doslednost u javnim sistemima.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"market-stats\">\r\n\r\n <div class=\"market-card\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M4 4h16v16H4z\"\/>\r\n <path d=\"M8 8h8M8 12h8M8 16h5\"\/>\r\n <\/svg>\r\n <div>\r\n <p class=\"market-value\">Potreba za standardizacijom<\/p>\r\n <p class=\"market-label\">Rastu\u0107a potra\u017enja za profesionalnom obukom za rad sa traumom<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"market-card\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M3 21h18\"\/>\r\n <path d=\"M6 21V5h12v16\"\/>\r\n <path d=\"M9 9h6M9 13h6\"\/>\r\n <\/svg>\r\n <div>\r\n <p class=\"market-value\">Uskla\u0111enost sa javnim sektorom<\/p>\r\n <p class=\"market-label\">Skalabilni modeli obrazovanja za institucije i sisteme<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"market-card\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M12 1v22\"\/>\r\n <path d=\"M17 5H9.5a3.5 3.5 0 000 7H14a3.5 3.5 0 010 7H6\"\/>\r\n <\/svg>\r\n <div>\r\n <p class=\"market-value\">Tro\u0161kovna efikasnost<\/p>\r\n <p class=\"market-label\">Digitalne simulacije smanjuju zavisnost od ponovljenih obuka u\u017eivo<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\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 STAGE\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\r\n <h2 class=\"section-title\">Pre-seed \/ GovTech razvoj<\/h2>\r\n\r\n <p class=\"section-sub\">Arhitektura platforme je definisana, razvoj MVP-a planiran je u okviru devetomese\u010dnog ciklusa implementacije, a pilot implementacija je pripremljena za institucionalna okru\u017eenja.<\/p>\r\n\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>Planiran devetomese\u010dni MVP ciklus<\/div>\r\n <div class=\"stage-pill\"><div class=\"sdot off\"><\/div>Institucionalni pilot pripremljen<\/div>\r\n <div class=\"stage-pill\"><div class=\"sdot off\"><\/div>Faza GovTech razvoja<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\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 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\r\n <h2 class=\"cta-title\">Pomozite modernizaciju profesionalne obuke za rad sa traumom<\/h2>\r\n\r\n <p class=\"cta-sub\">Trauma Safe priprema narednu razvojnu i pilot fazu sa institucijama, partnerima i investitorima usmerenim na skalabilnu infrastrukturu za obuku u javnom sektoru.<\/p>\r\n\r\n <div class=\"cta-cards\">\r\n\r\n <div class=\"cta-card\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/>\r\n <path d=\"M9 22v-4h6v4\"\/>\r\n <\/svg>\r\n <p class=\"cta-card-title\">Institucije<\/p>\r\n <p class=\"cta-card-desc\">Pilot implementacija za institucije i javne sisteme.<\/p>\r\n <a href=\"mailto:info@skunkworksden.com\" class=\"btn btn-primary btn-full\">Zatra\u017eite pilot<\/a>\r\n <\/div>\r\n\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\"\/>\r\n <\/svg>\r\n <p class=\"cta-card-title\">Partner<\/p>\r\n <p class=\"cta-card-desc\">Podr\u0161ka implementaciji, ekspertizi i institucionalnom uvo\u0111enju.<\/p>\r\n <a href=\"mailto:info@skunkworksden.com\" class=\"btn btn-outline btn-full\">Postanite partner<\/a>\r\n <\/div>\r\n\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\"\/>\r\n <polyline points=\"17 6 23 6 23 12\"\/>\r\n <\/svg>\r\n <p class=\"cta-card-title\">Investitor<\/p>\r\n <p class=\"cta-card-desc\">Istra\u017eite priliku u oblasti GovTech-a i infrastrukture za obuku.<\/p>\r\n <a href=\"https:\/\/skwd.c1.p1.ruederome.co\/sr\/projekti\/\" class=\"btn btn-ghost btn-full\">Istra\u017eite priliku<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\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>Trauma Safe \u2014 Digitalna platforma za simulacionu obuku Simulaciona obuka za rad sa traumom Trauma Safe Digitalna simulaciona platforma za obuku stru\u010dnjaka koji rade sa decom sa iskustvom traume. Veb sistem za obuku koji stru\u010dnjacima poma\u017ee da razviju prakti\u010dne ve\u0161tine … <a href=\"https:\/\/skwd.c1.p1.ruederome.co\/sr\/projekti\/trauma-safe\/\">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-1541","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/pages\/1541","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=1541"}],"version-history":[{"count":2,"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/pages\/1541\/revisions"}],"predecessor-version":[{"id":2299,"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/pages\/1541\/revisions\/2299"}],"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=1541"}],"wp:term":[{"taxonomy":"content-tag","embeddable":true,"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/content-tag?post=1541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}