{"id":1546,"date":"2026-05-18T21:11:49","date_gmt":"2026-05-18T21:11:49","guid":{"rendered":"https:\/\/skwd.c1.p1.ruederome.co\/mind-puzzle\/"},"modified":"2026-06-12T12:33:51","modified_gmt":"2026-06-12T12:33:51","slug":"mind-puzzle","status":"publish","type":"page","link":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/projekti\/mind-puzzle\/","title":{"rendered":"Mind Puzzle"},"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\nMindplay Puzzle \u2014 Digitalna platforma za podr\u0161ku osobama sa autizmom<\/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 cursor: pointer;\r\n text-decoration: none;\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 transform: translateY(-1px);\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}\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: 480px;\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: 820px;\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(5, 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: 28px 22px;\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(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 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: 22px;\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: 480px;\r\n margin: 0 auto 48px;\r\n}\r\n\r\n.cta-cards {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 16px;\r\n max-width: 620px;\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 .users-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .steps-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .step {\r\n border-right: none;\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\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 .cta-cards,\r\n .mock-grid {\r\n grid-template-columns: 1fr;\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 SEKCIJA 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\" fill=\"none\">\r\n <path d=\"M9 2h6v4h4v6h-4v4H9v-4H5V6h4z\"\/>\r\n <\/svg>\r\n Digitalna platforma za podr\u0161ku osobama sa autizmom\r\n <\/span>\r\n <\/div>\r\n\r\n <h1 class=\"hero-title\">Mindplay <span>Puzzle<\/span><\/h1>\r\n\r\n <p class=\"hero-subtitle\">Digitalna platforma za koordinisanu podr\u0161ku osobama sa autizmom, komunikaciju i pra\u0107enje napretka.<\/p>\r\n\r\n <p class=\"hero-desc\">Integrisani sistem koji povezuje roditelje, terapeute i institucije kroz strukturisane rutine, komunikaciju, edukativni sadr\u017eaj i merljive podatke o razvoju deteta.<\/p>\r\n\r\n <div class=\"hero-btns\">\r\n <a href=\"mailto:info@skunkworksden.com\" class=\"btn btn-primary\">Postanite na\u0161 partner<\/a>\r\n <a href=\"https:\/\/skwd.c1.p1.ruederome.co\/sr\/projekti\/\" class=\"btn btn-outline\">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>Podr\u0161ka roditeljima<\/div>\r\n <div class=\"trust-item\"><div class=\"tdot\"><\/div>Koordinacija terapeuta<\/div>\r\n <div class=\"trust-item\"><div class=\"tdot\"><\/div>Pra\u0107enje napretka<\/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\">mindplaypuzzle.app \u00b7 Kontrolna tabla<\/span>\r\n <\/div>\r\n\r\n <div class=\"mock-screen\">\r\n <div class=\"mock-header\">\r\n <p class=\"mock-title\">Kontrolna tabla za podr\u0161ku detetu<\/p>\r\n <span class=\"mock-chip\">Dnevni plan<\/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=\"M9 2h6v4h4v6h-4v4H9v-4H5V6h4z\"\/>\r\n <\/svg>\r\n <p class=\"mock-card-title\">Aktivnosti<\/p>\r\n <p class=\"mock-card-sub\">4 rutine zakazane za danas<\/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\">Poruke<\/p>\r\n <p class=\"mock-card-sub\">A\u017euriranja roditelja i terapeuta<\/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\">Ve\u017eba logopedske terapije<\/p>\r\n <\/div>\r\n <span class=\"mock-row-status\">09:30<\/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\">Zadatak vizuelnog u\u010denja<\/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\">Dodata bele\u0161ka o napretku<\/p>\r\n <\/div>\r\n <span class=\"mock-row-status\">Terapeut<\/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 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\r\n <h2 class=\"section-title\">Podr\u0161ka osobama sa autizmom je fragmentisana, nekoordinisana i te\u0161ka za upravljanje<\/h2>\r\n\r\n <p class=\"section-sub\">Roditelji \u010desto ru\u010dno organizuju terapije, komunikaciju i pra\u0107enje napretka, bez centralizovanog sistema.<\/p>\r\n\r\n <div class=\"problem-card\">\r\n <p>Sistemi podr\u0161ke za decu iz autisti\u010dnog spektra rasuti su kroz odvojene alate, neformalnu komunikaciju, ru\u010dne bele\u0161ke i nepovezane institucije.<\/p>\r\n <p>To stvara nepotreban pritisak na porodice i ote\u017eava stru\u010dnjacima da koordini\u0161u brigu i dosledno prate razvoj.<\/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 SEKCIJA 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\r\n <div>\r\n <div class=\"eyebrow\">Uvid<\/div>\r\n\r\n <h2 class=\"section-title\">Problem nije nedostatak brige \u2014 ve\u0107 nedostatak infrastrukture<\/h2>\r\n\r\n <p class=\"section-sub\">Porodice i stru\u010dnjaci ve\u0107 obavljaju posao. Ono \u0161to nedostaje jeste zajedni\u010dki digitalni sistem koji povezuje roditelje, terapeute i institucije u jedno koordinisano okru\u017eenje podr\u0161ke.<\/p>\r\n <\/div>\r\n\r\n <div class=\"insight-box\">\r\n <p>Mindplay Puzzle ima za cilj da postane operativni sloj za podr\u0161ku osobama sa autizmom \u2014 organizuju\u0107i aktivnosti, komunikaciju, \u010dasove, terapijske ciljeve i podatke o napretku na jednom mestu.<\/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 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\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\">mindplaypuzzle.app \u00b7 Sistem podr\u0161ke<\/span>\r\n <\/div>\r\n\r\n <div class=\"mock-screen\">\r\n <div class=\"mock-header\">\r\n <p class=\"mock-title\">Koordinisani plan podr\u0161ke<\/p>\r\n <span class=\"mock-chip\">Aktivno<\/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\">Dnevno a\u017euriranje roditelja<\/p>\r\n <\/div>\r\n <span class=\"mock-row-status\">Podeljeno<\/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\">Terapijski cilj pregledan<\/p>\r\n <\/div>\r\n <span class=\"mock-row-status\">Terapeut<\/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\">Aktivnost na \u010dasu zavr\u0161ena<\/p>\r\n <\/div>\r\n <span class=\"mock-row-status\">Dete<\/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\">Nedeljni izve\u0161taj generisan<\/p>\r\n <\/div>\r\n <span class=\"mock-row-status\">Napredak<\/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\">Jedna integrisana platforma za svakodnevnu podr\u0161ku, komunikaciju i merljiv napredak<\/h2>\r\n\r\n <p class=\"section-sub\">Mindplay Puzzle pru\u017ea integrisanu digitalnu platformu koja strukturira dnevne aktivnosti, omogu\u0107ava kontinuiranu komunikaciju i prati razvoj deteta kroz merljive podatke o napretku.<\/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 SEKCIJA 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\r\n <h2 class=\"section-title\">Klju\u010dne mogu\u0107nosti<\/h2>\r\n\r\n <p class=\"section-sub\">Sve \u0161to je porodicama, terapeutima i institucijama potrebno za koordinaciju brige i podr\u0161ku razvoju u jednom sistemu.<\/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 <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"feature-title\">Upravljanje dnevnim aktivnostima<\/p>\r\n <p class=\"feature-desc\">Strukturisane rutine i aktivnosti povezane sa terapijom za decu.<\/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 <\/svg>\r\n <\/div>\r\n <p class=\"feature-title\">Komunikacija roditelja i terapeuta<\/p>\r\n <p class=\"feature-desc\">Centralizovana komunikacija izme\u0111u svih u\u010desnika u procesu podr\u0161ke.<\/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<\/p>\r\n <p class=\"feature-desc\">Pra\u0107enje razvoja kroz merljive prekretnice i izve\u0161taje.<\/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=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/>\r\n <path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <p class=\"feature-title\">Edukativni sadr\u017eaj<\/p>\r\n <p class=\"feature-desc\">Vo\u0111eni materijali i resursi za roditelje i stru\u010dnjake.<\/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 SEKCIJA 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\r\n <h2 class=\"section-title\">Od uklju\u010divanja korisnika do merljivih rezultata podr\u0161ke<\/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\">Roditelji i terapeuti se pridru\u017euju platformi<\/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\">Dnevne aktivnosti i terapijski ciljevi se organizuju<\/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\">Komunikacija i a\u017euriranja odvijaju se u okviru jednog sistema<\/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\">Podaci o napretku poma\u017eu u optimizaciji terapijskih ishoda<\/p>\r\n <\/div>\r\n\r\n <div class=\"step\">\r\n <div class=\"step-num\">5<\/div>\r\n <p class=\"step-title\">Deca poha\u0111aju \u010dasove unutar platforme<\/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 SEKCIJA 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\r\n <h2 class=\"section-title\">Za\u0161to je va\u017eno<\/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 <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\"\/>\r\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\"\/>\r\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/>\r\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/>\r\n <\/svg>\r\n <p class=\"value-title\">Smanjuje fragmentisanost u sistemima podr\u0161ke za autizam<\/p>\r\n <\/div>\r\n\r\n <div class=\"value-card\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n <path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/>\r\n <path d=\"M16 3.13a4 4 0 010 7.75\"\/>\r\n <\/svg>\r\n <p class=\"value-title\">Unapre\u0111uje koordinaciju izme\u0111u porodica i stru\u010dnjaka<\/p>\r\n <\/div>\r\n\r\n <div class=\"value-card\">\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 <p class=\"value-title\">Stvara merljive i pratljive razvojne procese<\/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\">Omogu\u0107ava skalabilnu digitalnu infrastrukturu za institucije<\/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 SEKCIJA 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\r\n <h2 class=\"section-title\">Napravljeno za ekosistem podr\u0161ke osobama sa autizmom<\/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 <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 Roditelji dece iz autisti\u010dnog spektra\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 Terapeuti i specijalisti\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 \u0160kole i obrazovne institucije\r\n <\/div>\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 Terapijski centri i centri za podr\u0161ku\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 SEKCIJA 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\r\n <div>\r\n <div class=\"eyebrow\">Tr\u017ei\u0161te \/ Kontekst<\/div>\r\n\r\n <h2 class=\"section-title\">Rastu\u0107a potreba za dostupnim i skalabilnim sistemima podr\u0161ke<\/h2>\r\n\r\n <p class=\"section-sub\">Podr\u0161ka osobama sa autizmom i dalje u velikoj meri zavisi od ru\u010dne koordinacije, fragmentisane komunikacije i izolovanih alata \u2014 posebno na lokalizovanim tr\u017ei\u0161tima.<\/p>\r\n\r\n <div class=\"market-insight\">\r\n <p><strong>Uvid:<\/strong> Postoje\u0107a re\u0161enja re\u0161avaju izolovane probleme \u2014 Mindplay Puzzle ima za cilj da postane jedinstveni operativni sistem za podr\u0161ku osobama sa autizmom.<\/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=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\"\/>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\r\n <path d=\"M23 21v-2a4 4 0 00-3-3.87\"\/>\r\n <path d=\"M16 3.13a4 4 0 010 7.75\"\/>\r\n <\/svg>\r\n <div>\r\n <p class=\"market-value\">12,000\u201320,000<\/p>\r\n <p class=\"market-label\">Procenjen broj dece sa autizmom u Srbiji<\/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=\"M9 9h6v6H9z\"\/>\r\n <path d=\"M3 3l18 18\"\/>\r\n <path d=\"M4 4h16v16H4z\"\/>\r\n <\/svg>\r\n <div>\r\n <p class=\"market-value\">Ograni\u010dena lokalizacija<\/p>\r\n <p class=\"market-label\">Nedostatak lokalizovanih i integrisanih digitalnih re\u0161enja<\/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 <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 <div>\r\n <p class=\"market-value\">Rastu\u0107a potra\u017enja<\/p>\r\n <p class=\"market-label\">Potreba za dostupnom i skalabilnom infrastrukturom podr\u0161ke<\/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 SEKCIJA 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\r\n <h2 class=\"section-title\">Pre-seed \/ Validacija koncepta<\/h2>\r\n\r\n <p class=\"section-sub\">Po\u010detna validacija sa roditeljima i stru\u010dnjacima je zavr\u0161ena. Obim MVP-a i klju\u010dne funkcionalnosti su definisani, a priprema za crowdfunding i pilot fazu je u toku.<\/p>\r\n\r\n <div class=\"stage-pills\">\r\n <div class=\"stage-pill\"><div class=\"sdot\"><\/div>Po\u010detna validacija zavr\u0161ena<\/div>\r\n <div class=\"stage-pill\"><div class=\"sdot\"><\/div>Obim MVP-a definisan<\/div>\r\n <div class=\"stage-pill\"><div class=\"sdot off\"><\/div>Priprema za crowdfunding<\/div>\r\n <div class=\"stage-pill\"><div class=\"sdot off\"><\/div>Priprema pilot faze<\/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 SEKCIJA 11 \u2014 POZIV NA AKCIJU\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 u izgradnji koordinisane digitalne podr\u0161ke za decu i porodice<\/h2>\r\n\r\n <p class=\"cta-sub\">Mindplay Puzzle priprema slede\u0107u fazu. Tra\u017eimo partnere, institucije i investitore koji \u017eele da podr\u017ee dostupnu infrastrukturu za autizam.<\/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 <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\u017eite pilot programe, institucije i uvo\u0111enje re\u0161enja.<\/p>\r\n <a href=\"mailto:info@skunkworksden.com\" class=\"btn btn-primary btn-full\">Postanite na\u0161 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 i fazu validacije.<\/p>\r\n <a href=\"https:\/\/skwd.c1.p1.ruederome.co\/sr\/projekti\/\" class=\"btn btn-outline 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>Mindplay Puzzle \u2014 Digitalna platforma za podr\u0161ku osobama sa autizmom Digitalna platforma za podr\u0161ku osobama sa autizmom Mindplay Puzzle Digitalna platforma za koordinisanu podr\u0161ku osobama sa autizmom, komunikaciju i pra\u0107enje napretka. Integrisani sistem koji povezuje roditelje, terapeute i institucije kroz … <a href=\"https:\/\/skwd.c1.p1.ruederome.co\/sr\/projekti\/mind-puzzle\/\">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-1546","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/pages\/1546","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=1546"}],"version-history":[{"count":2,"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/pages\/1546\/revisions"}],"predecessor-version":[{"id":2304,"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/pages\/1546\/revisions\/2304"}],"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=1546"}],"wp:term":[{"taxonomy":"content-tag","embeddable":true,"href":"https:\/\/skwd.c1.p1.ruederome.co\/sr\/wp-json\/wp\/v2\/content-tag?post=1546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}