{"id":6015,"date":"2026-05-08T08:46:14","date_gmt":"2026-05-08T08:46:14","guid":{"rendered":"https:\/\/xorstudio.net\/usluge-integracije-ai\/"},"modified":"2026-05-26T21:07:44","modified_gmt":"2026-05-26T21:07:44","slug":"usluge-integracije-ai","status":"publish","type":"page","link":"https:\/\/xorstudio.net\/sr\/usluge-integracije-ai\/","title":{"rendered":"Usluge integracije AI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6015\" class=\"elementor elementor-6015\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bb40ae e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"1bb40ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0423600 elementor-widget elementor-widget-html\" data-id=\"0423600\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n  XOR Studio AI Integrations Landing Page\r\n  WordPress \/ Elementor: paste everything into a Custom HTML \/ HTML widget.\r\n-->\r\n<style>\r\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800;900&family=Open+Sans:wght@400;500;600;700&display=swap\");\r\n\r\n  .xor-ai-landing,\r\n  .xor-ai-landing * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .xor-ai-landing {\r\n    --xor-blue: #1790e0;\r\n    --xor-cyan: #37d9ff;\r\n    --xor-green: #5dffb2;\r\n    --xor-amber: #ffd166;\r\n    --xor-pink: #ff5ea8;\r\n    --xor-bg: #040814;\r\n    --xor-bg-2: #07111f;\r\n    --xor-panel: rgba(11, 22, 38, 0.82);\r\n    --xor-panel-solid: #0b1626;\r\n    --xor-line: rgba(255, 255, 255, 0.12);\r\n    --xor-muted: #d8e5f5;\r\n    --xor-soft: #bfd0e5;\r\n    --xor-text: #ffffff;\r\n    --mx: 50%;\r\n    --my: 10%;\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    color: var(--xor-text);\r\n    background:\r\n      radial-gradient(circle at var(--mx) var(--my), rgba(23, 144, 224, 0.24), transparent 30rem),\r\n      linear-gradient(135deg, #040814 0%, #061322 42%, #07101c 100%);\r\n    font-family: \"Open Sans\", Arial, sans-serif;\r\n  }\r\n\r\n  .xor-ai-landing *,\r\n  .xor-ai-landing *::before,\r\n  .xor-ai-landing *::after {\r\n    transition: all 0.3s ease-in-out;\r\n  }\r\n\r\n  .xor-ai-landing::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -3;\r\n    background:\r\n      linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);\r\n    background-size: 42px 42px;\r\n    mask-image: linear-gradient(to bottom, black, transparent 82%);\r\n  }\r\n\r\n  .xor-ai-landing::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: auto 0 0;\r\n    z-index: -2;\r\n    height: 44%;\r\n    background:\r\n      radial-gradient(circle at 12% 40%, rgba(93, 255, 178, 0.11), transparent 18rem),\r\n      radial-gradient(circle at 82% 72%, rgba(255, 94, 168, 0.11), transparent 18rem);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .xor-ai-landing a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .xor-ai-landing img {\r\n    display: block;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .xor-ai-landing h1,\r\n  .xor-ai-landing h2,\r\n  .xor-ai-landing h3,\r\n  .xor-ai-landing .xor-brand,\r\n  .xor-ai-landing .xor-eyebrow,\r\n  .xor-ai-landing .xor-stat-value,\r\n  .xor-ai-landing .xor-button,\r\n  .xor-ai-landing .xor-feature-btn {\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    letter-spacing: 0;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .xor-ai-landing h1,\r\n  .xor-ai-landing h2,\r\n  .xor-ai-landing h3,\r\n  .xor-ai-landing p {\r\n    margin: 0;\r\n  }\r\n\r\n  .xor-ai-landing p,\r\n  .xor-ai-landing li,\r\n  .xor-ai-landing span,\r\n  .xor-ai-landing small {\r\n    color: var(--xor-muted);\r\n  }\r\n\r\n  .xor-code-rain {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n    opacity: 0.58;\r\n  }\r\n\r\n  .xor-code-rain span {\r\n    position: absolute;\r\n    top: var(--top);\r\n    left: var(--left);\r\n    color: rgba(55, 217, 255, 0.28);\r\n    font-family: Consolas, \"Courier New\", monospace;\r\n    font-size: clamp(0.8rem, 1.1vw, 1rem);\r\n    transform: rotate(var(--rot));\r\n    animation: xorFloatCode var(--speed) ease-in-out infinite alternate;\r\n  }\r\n\r\n  @keyframes xorFloatCode {\r\n    from {\r\n      transform: translate3d(0, 0, 0) rotate(var(--rot));\r\n      opacity: 0.17;\r\n    }\r\n    to {\r\n      transform: translate3d(0, -22px, 0) rotate(var(--rot));\r\n      opacity: 0.52;\r\n    }\r\n  }\r\n\r\n  .xor-shell {\r\n    width: min(1180px, calc(100% - 34px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .xor-topbar {\r\n    position: relative;\r\n    z-index: 10;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n    padding: 22px 0;\r\n  }\r\n\r\n  .xor-brand {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    min-width: max-content;\r\n    font-size: 1.02rem;\r\n    font-weight: 800;\r\n    text-transform: lowercase;\r\n  }\r\n\r\n  .xor-brand:hover {\r\n    transform: translateY(-2px);\r\n    filter: drop-shadow(0 0 20px rgba(55, 217, 255, 0.26));\r\n  }\r\n\r\n  .xor-brand img {\r\n    width: clamp(120px, 10vw, 180px);\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  .xor-nav {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    padding: 8px;\r\n    border: 1px solid var(--xor-line);\r\n    border-radius: 999px;\r\n    background: rgba(5, 12, 23, 0.56);\r\n    backdrop-filter: blur(18px);\r\n  }\r\n\r\n  .xor-nav a {\r\n    padding: 9px 13px;\r\n    border-radius: 999px;\r\n    color: #f7fbff;\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .xor-nav a:hover {\r\n    color: #ffffff;\r\n    background: rgba(23, 144, 224, 0.16);\r\n    box-shadow: 0 0 20px rgba(92, 174, 228, 0.2);\r\n  }\r\n\r\n  .xor-button {\r\n    --button-glow: rgba(23, 144, 224, 0.42);\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    min-height: 48px;\r\n    padding: 13px 18px;\r\n    border: 1px solid rgba(255, 255, 255, 0.16);\r\n    border-radius: 999px;\r\n    color: #ffffff !important;\r\n    background: rgba(255, 255, 255, 0.06);\r\n    font-weight: 800;\r\n    font-size: 0.95rem;\r\n    line-height: 1.1;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .xor-button::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0;\r\n    background:\r\n      radial-gradient(circle at var(--button-x, 50%) var(--button-y, 50%), rgba(255, 255, 255, 0.32), transparent 8rem),\r\n      linear-gradient(135deg, rgba(23, 144, 224, 0.9), rgba(55, 217, 255, 0.58));\r\n  }\r\n\r\n  .xor-button span {\r\n    position: relative;\r\n    z-index: 1;\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  .xor-button:hover {\r\n    transform: translateY(-2px);\r\n    border-color: rgba(55, 217, 255, 0.58);\r\n    box-shadow: 0 0 0 5px rgba(23, 144, 224, 0.12), 0 18px 42px var(--button-glow);\r\n  }\r\n\r\n  .xor-button:hover::before,\r\n  .xor-button.is-primary::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .xor-button.is-primary {\r\n    border-color: rgba(55, 217, 255, 0.48);\r\n    background: var(--xor-blue);\r\n    box-shadow: 0 0 0 5px rgba(23, 144, 224, 0.11), 0 18px 44px rgba(23, 144, 224, 0.32);\r\n  }\r\n\r\n  .xor-button.is-ghost {\r\n    background: rgba(255, 255, 255, 0.06);\r\n  }\r\n\r\n  .xor-arrow {\r\n    width: 22px;\r\n    height: 22px;\r\n    border-radius: 999px;\r\n    display: inline-grid;\r\n    place-items: center;\r\n    background: rgba(255, 255, 255, 0.12);\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .xor-feature-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-top: 20px;\r\n    padding: 12px 24px;\r\n    border-radius: 12px;\r\n    text-decoration: none;\r\n    font-weight: 800;\r\n    border: 1px solid rgba(255, 255, 255, 0.15);\r\n    background: rgba(255, 255, 255, 0.06);\r\n    color: #ffffff !important;\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .xor-feature-btn:hover {\r\n    transform: translateY(-2px);\r\n    background: rgba(23, 144, 224, 0.24);\r\n    border-color: rgba(55, 217, 255, 0.42);\r\n    box-shadow: 0 0 20px rgba(92, 174, 228, 0.2);\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  .xor-feature-btn.is-disabled {\r\n    opacity: 0.72;\r\n    cursor: default;\r\n  }\r\n\r\n  .xor-feature-btn.is-disabled:hover {\r\n    transform: none;\r\n    background: rgba(255, 255, 255, 0.06);\r\n    box-shadow: none;\r\n  }\r\n\r\n  .xor-hero {\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.02fr) minmax(340px, 0.98fr);\r\n    align-items: center;\r\n    gap: clamp(34px, 5vw, 70px);\r\n    min-height: 720px;\r\n    padding: 58px 0 84px;\r\n  }\r\n\r\n  .xor-hero-copy {\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .xor-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    max-width: 100%;\r\n    margin-bottom: 20px;\r\n    padding: 8px 12px;\r\n    border: 1px solid rgba(55, 217, 255, 0.28);\r\n    border-radius: 999px;\r\n    color: #ffffff;\r\n    background: rgba(23, 144, 224, 0.1);\r\n    font-size: 0.78rem;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .xor-pulse {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 999px;\r\n    background: var(--xor-green);\r\n    box-shadow: 0 0 0 0 rgba(93, 255, 178, 0.52);\r\n    animation: xorPulse 1.65s ease-out infinite;\r\n  }\r\n\r\n  @keyframes xorPulse {\r\n    70% {\r\n      box-shadow: 0 0 0 12px rgba(93, 255, 178, 0);\r\n    }\r\n    100% {\r\n      box-shadow: 0 0 0 0 rgba(93, 255, 178, 0);\r\n    }\r\n  }\r\n\r\n  .xor-hero h1 {\r\n    max-width: 780px;\r\n    font-size: clamp(2.85rem, 7vw, 6.2rem);\r\n    line-height: 0.95;\r\n    font-weight: 900;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  .xor-gradient-text {\r\n    color: transparent !important;\r\n    background: linear-gradient(90deg, #ffffff 0%, #83dcff 38%, #5dffb2 76%, #ffffff 100%);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n  }\r\n\r\n  .xor-hero-lead {\r\n    max-width: 660px;\r\n    margin-top: 24px;\r\n    color: #d8e5f5;\r\n    font-size: clamp(1.02rem, 1.8vw, 1.22rem);\r\n    line-height: 1.74;\r\n  }\r\n\r\n  .xor-hero-actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    margin-top: 32px;\r\n  }\r\n\r\n  .xor-trust-strip {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    margin-top: 26px;\r\n  }\r\n\r\n  .xor-trust-strip span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    min-height: 34px;\r\n    padding: 7px 10px;\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    border-radius: 999px;\r\n    color: #f0f7ff;\r\n    background: rgba(255, 255, 255, 0.055);\r\n    font-size: 0.86rem;\r\n  }\r\n\r\n  .xor-stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 12px;\r\n    margin-top: 34px;\r\n    max-width: 670px;\r\n  }\r\n\r\n  .xor-stat {\r\n    min-height: 112px;\r\n    padding: 18px;\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    border-radius: 8px;\r\n    background: linear-gradient(180deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.035));\r\n    backdrop-filter: blur(18px);\r\n  }\r\n\r\n  .xor-stat:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(55, 217, 255, 0.42);\r\n    background: linear-gradient(180deg, rgba(23, 144, 224, 0.16), rgba(255, 255, 255, 0.045));\r\n    box-shadow: 0 0 20px rgba(92, 174, 228, 0.2);\r\n  }\r\n\r\n  .xor-stat-value {\r\n    display: block;\r\n    color: #ffffff !important;\r\n    font-size: clamp(1.5rem, 2.4vw, 2rem);\r\n    font-weight: 900;\r\n  }\r\n\r\n  .xor-stat-label {\r\n    display: block;\r\n    margin-top: 8px;\r\n    color: #d8e5f5;\r\n    font-size: 0.9rem;\r\n    line-height: 1.45;\r\n  }\r\n\r\n  .xor-hero-visual {\r\n    position: relative;\r\n    perspective: 1200px;\r\n  }\r\n\r\n  .xor-orbit {\r\n    position: absolute;\r\n    inset: -26px;\r\n    border: 1px solid rgba(55, 217, 255, 0.16);\r\n    border-radius: 50%;\r\n    animation: xorSpin 16s linear infinite;\r\n  }\r\n\r\n  .xor-orbit::before,\r\n  .xor-orbit::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 999px;\r\n    background: var(--xor-cyan);\r\n    box-shadow: 0 0 22px var(--xor-cyan);\r\n  }\r\n\r\n  .xor-orbit::before {\r\n    top: 11%;\r\n    left: 18%;\r\n  }\r\n\r\n  .xor-orbit::after {\r\n    right: 16%;\r\n    bottom: 13%;\r\n    background: var(--xor-green);\r\n    box-shadow: 0 0 22px var(--xor-green);\r\n  }\r\n\r\n  @keyframes xorSpin {\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n\r\n  .xor-tilt {\r\n    transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));\r\n    transform-style: preserve-3d;\r\n  }\r\n\r\n  .xor-device {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 620px;\r\n    border: 1px solid rgba(255, 255, 255, 0.16);\r\n    border-radius: 8px;\r\n    background:\r\n      linear-gradient(180deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.04)),\r\n      var(--xor-panel-solid);\r\n    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.48), 0 0 70px rgba(23, 144, 224, 0.24);\r\n  }\r\n\r\n  .xor-device:hover {\r\n    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.48), 0 0 20px rgba(92, 174, 228, 0.2);\r\n  }\r\n\r\n  .xor-device-image {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    opacity: 0.5;\r\n    filter: saturate(1.08) contrast(1.1);\r\n  }\r\n\r\n  .xor-device::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      linear-gradient(180deg, rgba(4, 8, 20, 0.24), rgba(4, 8, 20, 0.92)),\r\n      radial-gradient(circle at 50% 8%, rgba(23, 144, 224, 0.4), transparent 24rem);\r\n  }\r\n\r\n  .xor-device-ui {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    min-height: 620px;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    padding: clamp(18px, 3.4vw, 28px);\r\n  }\r\n\r\n  .xor-window-bar {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    padding: 13px;\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    border-radius: 8px;\r\n    background: rgba(5, 12, 23, 0.72);\r\n    backdrop-filter: blur(20px);\r\n  }\r\n\r\n  .xor-dots {\r\n    display: flex;\r\n    gap: 6px;\r\n  }\r\n\r\n  .xor-dots i {\r\n    width: 9px;\r\n    height: 9px;\r\n    border-radius: 999px;\r\n    background: var(--xor-pink);\r\n  }\r\n\r\n  .xor-dots i:nth-child(2) {\r\n    background: var(--xor-amber);\r\n  }\r\n\r\n  .xor-dots i:nth-child(3) {\r\n    background: var(--xor-green);\r\n  }\r\n\r\n  .xor-window-title {\r\n    color: #dff3ff;\r\n    font-family: Consolas, \"Courier New\", monospace;\r\n    font-size: 0.82rem;\r\n  }\r\n\r\n  .xor-agent-card {\r\n    margin-top: 24px;\r\n    padding: 20px;\r\n    border: 1px solid rgba(55, 217, 255, 0.2);\r\n    border-radius: 8px;\r\n    background: rgba(5, 12, 23, 0.66);\r\n    backdrop-filter: blur(18px);\r\n  }\r\n\r\n  .xor-agent-head {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n  }\r\n\r\n  .xor-agent-avatar {\r\n    position: relative;\r\n    display: grid;\r\n    place-items: center;\r\n    width: 54px;\r\n    height: 54px;\r\n    border: 1px solid rgba(55, 217, 255, 0.46);\r\n    border-radius: 50%;\r\n    background:\r\n      radial-gradient(circle at 35% 28%, #ffffff, rgba(255, 255, 255, 0) 20%),\r\n      linear-gradient(135deg, var(--xor-blue), var(--xor-green));\r\n    color: #07111f !important;\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    font-weight: 900;\r\n    box-shadow: 0 0 34px rgba(23, 144, 224, 0.4);\r\n  }\r\n\r\n  .xor-agent-avatar::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -7px;\r\n    border: 1px solid rgba(93, 255, 178, 0.36);\r\n    border-radius: inherit;\r\n    animation: xorAvatarPing 2s ease-out infinite;\r\n  }\r\n\r\n  @keyframes xorAvatarPing {\r\n    70% {\r\n      transform: scale(1.18);\r\n      opacity: 0;\r\n    }\r\n    100% {\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  .xor-agent-card h3 {\r\n    font-size: 1.02rem;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .xor-agent-card p {\r\n    margin-top: 4px;\r\n    color: #d8e5f5;\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .xor-waveform {\r\n    display: flex;\r\n    align-items: end;\r\n    gap: 5px;\r\n    height: 68px;\r\n    margin-top: 22px;\r\n  }\r\n\r\n  .xor-waveform i {\r\n    display: block;\r\n    width: 100%;\r\n    max-width: 14px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(to top, var(--xor-blue), var(--xor-cyan), var(--xor-green));\r\n    animation: xorWave 780ms ease-in-out infinite alternate;\r\n    animation-delay: calc(var(--i) * 75ms);\r\n  }\r\n\r\n  .xor-waveform i:nth-child(1) { height: 30%; --i: 1; }\r\n  .xor-waveform i:nth-child(2) { height: 78%; --i: 2; }\r\n  .xor-waveform i:nth-child(3) { height: 46%; --i: 3; }\r\n  .xor-waveform i:nth-child(4) { height: 92%; --i: 4; }\r\n  .xor-waveform i:nth-child(5) { height: 58%; --i: 5; }\r\n  .xor-waveform i:nth-child(6) { height: 84%; --i: 6; }\r\n  .xor-waveform i:nth-child(7) { height: 38%; --i: 7; }\r\n  .xor-waveform i:nth-child(8) { height: 68%; --i: 8; }\r\n  .xor-waveform i:nth-child(9) { height: 44%; --i: 9; }\r\n  .xor-waveform i:nth-child(10) { height: 86%; --i: 10; }\r\n\r\n  @keyframes xorWave {\r\n    to {\r\n      height: 18%;\r\n      opacity: 0.48;\r\n    }\r\n  }\r\n\r\n  .xor-floating-note {\r\n    position: absolute;\r\n    z-index: 3;\r\n    width: min(250px, 46%);\r\n    padding: 13px 14px;\r\n    border: 1px solid rgba(255, 255, 255, 0.14);\r\n    border-radius: 8px;\r\n    background: rgba(5, 12, 23, 0.78);\r\n    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.34);\r\n    backdrop-filter: blur(20px);\r\n    animation: xorFloatCard 5.2s ease-in-out infinite alternate;\r\n  }\r\n\r\n  .xor-floating-note:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 0 20px rgba(92, 174, 228, 0.2);\r\n    border-color: rgba(55, 217, 255, 0.36);\r\n  }\r\n\r\n  .xor-floating-note strong {\r\n    display: block;\r\n    color: #ffffff;\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    font-size: 0.86rem;\r\n  }\r\n\r\n  .xor-floating-note small {\r\n    display: block;\r\n    margin-top: 4px;\r\n    color: #d8e5f5;\r\n    font-size: 0.78rem;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .xor-note-one {\r\n    top: 28%;\r\n    right: -18px;\r\n  }\r\n\r\n  .xor-note-two {\r\n    left: -22px;\r\n    bottom: 20%;\r\n    animation-delay: 450ms;\r\n  }\r\n\r\n  .xor-note-three {\r\n    right: 18px;\r\n    bottom: 8%;\r\n    animation-delay: 950ms;\r\n  }\r\n\r\n  @keyframes xorFloatCard {\r\n    from {\r\n      transform: translateY(0);\r\n    }\r\n    to {\r\n      transform: translateY(-12px);\r\n    }\r\n  }\r\n\r\n  .xor-section {\r\n    position: relative;\r\n    padding: 84px 0;\r\n  }\r\n\r\n  .xor-section-head {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.9fr) minmax(260px, 0.55fr);\r\n    gap: 24px;\r\n    align-items: end;\r\n    margin-bottom: 34px;\r\n  }\r\n\r\n  .xor-section h2 {\r\n    max-width: 780px;\r\n    font-size: clamp(2rem, 4vw, 3.6rem);\r\n    line-height: 1.02;\r\n    font-weight: 900;\r\n    text-wrap: balance;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .xor-section-head p,\r\n  .xor-section-intro {\r\n    color: #d8e5f5;\r\n    font-size: 1rem;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .xor-feature-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 14px;\r\n  }\r\n\r\n  .xor-feature-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 254px;\r\n    padding: 22px;\r\n    border: 1px solid rgba(255, 255, 255, 0.11);\r\n    border-radius: 8px;\r\n    background:\r\n      linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035)),\r\n      rgba(8, 17, 31, 0.76);\r\n  }\r\n\r\n  .xor-feature-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0;\r\n    background:\r\n      radial-gradient(circle at 20% 10%, rgba(55, 217, 255, 0.22), transparent 14rem),\r\n      radial-gradient(circle at 90% 80%, rgba(93, 255, 178, 0.14), transparent 13rem);\r\n  }\r\n\r\n  .xor-feature-card:hover {\r\n    transform: translateY(-7px);\r\n    border-color: rgba(55, 217, 255, 0.4);\r\n    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28), 0 0 20px rgba(92, 174, 228, 0.2);\r\n  }\r\n\r\n  .xor-feature-card:hover::before {\r\n    opacity: 1;\r\n  }\r\n\r\n  .xor-feature-card > * {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .xor-feature-icon {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 46px;\r\n    height: 46px;\r\n    margin-bottom: 22px;\r\n    border: 1px solid rgba(55, 217, 255, 0.34);\r\n    border-radius: 8px;\r\n    color: #ffffff;\r\n    background: rgba(23, 144, 224, 0.16);\r\n    box-shadow: inset 0 0 18px rgba(23, 144, 224, 0.18), 0 0 26px rgba(23, 144, 224, 0.14);\r\n    font-family: Consolas, \"Courier New\", monospace;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .xor-feature-card h3 {\r\n    font-size: 1.12rem;\r\n    font-weight: 800;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .xor-feature-card p {\r\n    margin-top: 12px;\r\n    color: #d8e5f5;\r\n    font-size: 0.96rem;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  .xor-feature-list {\r\n    display: grid;\r\n    gap: 8px;\r\n    margin-top: 18px;\r\n    padding: 0;\r\n    list-style: none;\r\n  }\r\n\r\n  .xor-feature-list li {\r\n    display: flex;\r\n    gap: 9px;\r\n    color: #eef7ff;\r\n    font-size: 0.9rem;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .xor-feature-list li::before {\r\n    content: \"\";\r\n    flex: 0 0 auto;\r\n    width: 8px;\r\n    height: 8px;\r\n    margin-top: 6px;\r\n    border-radius: 999px;\r\n    background: var(--xor-green);\r\n    box-shadow: 0 0 13px rgba(93, 255, 178, 0.6);\r\n  }\r\n\r\n  .xor-demo-wrap {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.02fr) minmax(310px, 0.58fr);\r\n    gap: 18px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .xor-demo-player {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 560px;\r\n    border: 1px solid rgba(55, 217, 255, 0.2);\r\n    border-radius: 8px;\r\n    background:\r\n      radial-gradient(circle at 24% 18%, rgba(23, 144, 224, 0.23), transparent 18rem),\r\n      radial-gradient(circle at 82% 70%, rgba(93, 255, 178, 0.14), transparent 18rem),\r\n      rgba(8, 17, 31, 0.86);\r\n    box-shadow: 0 34px 80px rgba(0, 0, 0, 0.36);\r\n  }\r\n\r\n  .xor-demo-player:hover {\r\n    box-shadow: 0 34px 80px rgba(0, 0, 0, 0.36), 0 0 20px rgba(92, 174, 228, 0.2);\r\n    border-color: rgba(55, 217, 255, 0.42);\r\n  }\r\n\r\n  .xor-demo-top {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n    padding: 15px;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n    background: rgba(4, 8, 20, 0.46);\r\n  }\r\n\r\n  .xor-demo-live {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    color: #ffffff;\r\n    font-weight: 800;\r\n    font-size: 0.88rem;\r\n  }\r\n\r\n  .xor-live-dot {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 999px;\r\n    background: #ff425c;\r\n    box-shadow: 0 0 18px rgba(255, 66, 92, 0.62);\r\n    animation: xorLive 1.2s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes xorLive {\r\n    50% {\r\n      opacity: 0.38;\r\n    }\r\n  }\r\n\r\n  .xor-play-toggle {\r\n    display: inline-grid;\r\n    place-items: center;\r\n    width: 42px;\r\n    height: 42px;\r\n    border: 1px solid rgba(255, 255, 255, 0.16);\r\n    border-radius: 50%;\r\n    color: #ffffff;\r\n    background: rgba(23, 144, 224, 0.26);\r\n    cursor: pointer;\r\n  }\r\n\r\n  .xor-play-toggle:hover {\r\n    transform: scale(1.06);\r\n    background: rgba(23, 144, 224, 0.5);\r\n    box-shadow: 0 0 20px rgba(92, 174, 228, 0.2);\r\n  }\r\n\r\n  .xor-demo-body {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.88fr) minmax(260px, 0.72fr);\r\n    gap: 16px;\r\n    padding: 18px;\r\n  }\r\n\r\n  .xor-call-screen,\r\n  .xor-booking-screen,\r\n  .xor-demo-side,\r\n  .xor-roadmap,\r\n  .xor-chatbot-panel,\r\n  .xor-voice-panel,\r\n  .xor-benefit-card {\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 8px;\r\n    background: rgba(4, 8, 20, 0.52);\r\n    backdrop-filter: blur(18px);\r\n  }\r\n\r\n  .xor-call-screen {\r\n    min-height: 490px;\r\n    padding: 18px;\r\n  }\r\n\r\n  .xor-phone-avatar {\r\n    position: relative;\r\n    display: grid;\r\n    place-items: center;\r\n    width: 112px;\r\n    height: 112px;\r\n    margin: 16px auto 18px;\r\n    border: 1px solid rgba(55, 217, 255, 0.42);\r\n    border-radius: 50%;\r\n    background:\r\n      radial-gradient(circle at 35% 30%, #ffffff 0 7%, transparent 18%),\r\n      linear-gradient(135deg, #1790e0, #37d9ff 52%, #5dffb2);\r\n    color: #061322 !important;\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    font-size: 2rem;\r\n    font-weight: 900;\r\n    box-shadow: 0 0 52px rgba(23, 144, 224, 0.34);\r\n  }\r\n\r\n  .xor-phone-avatar::before,\r\n  .xor-phone-avatar::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -14px;\r\n    border: 1px solid rgba(55, 217, 255, 0.28);\r\n    border-radius: inherit;\r\n    animation: xorRing 2.2s ease-out infinite;\r\n  }\r\n\r\n  .xor-phone-avatar::after {\r\n    inset: -28px;\r\n    animation-delay: 500ms;\r\n  }\r\n\r\n  @keyframes xorRing {\r\n    70% {\r\n      transform: scale(1.16);\r\n      opacity: 0;\r\n    }\r\n    100% {\r\n      opacity: 0;\r\n    }\r\n  }\r\n\r\n  .xor-call-title {\r\n    text-align: center;\r\n  }\r\n\r\n  .xor-call-title strong {\r\n    display: block;\r\n    color: #ffffff;\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    font-size: 1rem;\r\n  }\r\n\r\n  .xor-call-title span {\r\n    display: block;\r\n    margin-top: 5px;\r\n    color: #d8e5f5;\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .xor-transcript {\r\n    display: grid;\r\n    gap: 10px;\r\n    margin-top: 24px;\r\n  }\r\n\r\n  .xor-bubble {\r\n    width: fit-content;\r\n    max-width: 92%;\r\n    padding: 11px 13px;\r\n    border-radius: 8px;\r\n    color: #ffffff;\r\n    background: rgba(255, 255, 255, 0.075);\r\n    font-size: 0.9rem;\r\n    line-height: 1.45;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    animation: xorBubbleIn 12s linear infinite;\r\n    animation-delay: var(--delay);\r\n  }\r\n\r\n  .xor-bubble.is-agent {\r\n    margin-left: auto;\r\n    color: #061322 !important;\r\n    background: linear-gradient(135deg, #37d9ff, #5dffb2);\r\n    font-weight: 700;\r\n  }\r\n\r\n  @keyframes xorBubbleIn {\r\n    0%, 8% {\r\n      opacity: 0;\r\n      transform: translateY(10px);\r\n    }\r\n    12%, 78% {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n    88%, 100% {\r\n      opacity: 0;\r\n      transform: translateY(-4px);\r\n    }\r\n  }\r\n\r\n  .xor-booking-screen {\r\n    min-height: 490px;\r\n    padding: 16px;\r\n  }\r\n\r\n  .xor-mini-label {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 10px;\r\n    margin-bottom: 14px;\r\n    color: #ffffff;\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    font-size: 0.88rem;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .xor-mini-label small {\r\n    color: var(--xor-green);\r\n    font-family: \"Open Sans\", Arial, sans-serif;\r\n    font-size: 0.76rem;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .xor-calendar {\r\n    display: grid;\r\n    grid-template-columns: repeat(7, minmax(0, 1fr));\r\n    gap: 7px;\r\n  }\r\n\r\n  .xor-calendar span {\r\n    display: grid;\r\n    place-items: center;\r\n    aspect-ratio: 1;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 6px;\r\n    color: #d8e5f5;\r\n    background: rgba(255, 255, 255, 0.04);\r\n    font-size: 0.78rem;\r\n  }\r\n\r\n  .xor-calendar span.is-booked {\r\n    color: #061322;\r\n    background: var(--xor-green);\r\n    box-shadow: 0 0 20px rgba(93, 255, 178, 0.38);\r\n    animation: xorBooked 1.9s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes xorBooked {\r\n    50% {\r\n      transform: scale(1.06);\r\n    }\r\n  }\r\n\r\n  .xor-task-list {\r\n    display: grid;\r\n    gap: 10px;\r\n    margin-top: 18px;\r\n  }\r\n\r\n  .xor-task {\r\n    display: grid;\r\n    grid-template-columns: 24px minmax(0, 1fr);\r\n    gap: 10px;\r\n    align-items: start;\r\n    padding: 11px;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 8px;\r\n    background: rgba(255, 255, 255, 0.045);\r\n  }\r\n\r\n  .xor-check {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 50%;\r\n    color: #07111f !important;\r\n    background: var(--xor-green);\r\n    font-size: 0.82rem;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .xor-task strong {\r\n    display: block;\r\n    color: #ffffff;\r\n    font-size: 0.88rem;\r\n  }\r\n\r\n  .xor-task small {\r\n    display: block;\r\n    margin-top: 3px;\r\n    color: #d8e5f5;\r\n    font-size: 0.78rem;\r\n    line-height: 1.35;\r\n  }\r\n\r\n  .xor-progress {\r\n    position: absolute;\r\n    left: 18px;\r\n    right: 18px;\r\n    bottom: 18px;\r\n    height: 8px;\r\n    overflow: hidden;\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.08);\r\n  }\r\n\r\n  .xor-progress span {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: inherit;\r\n    background: linear-gradient(90deg, var(--xor-blue), var(--xor-cyan), var(--xor-green));\r\n    transform-origin: left;\r\n    animation: xorProgress 12s linear infinite;\r\n  }\r\n\r\n  @keyframes xorProgress {\r\n    from {\r\n      transform: scaleX(0);\r\n    }\r\n    to {\r\n      transform: scaleX(1);\r\n    }\r\n  }\r\n\r\n  .xor-demo-player.is-paused *,\r\n  .xor-demo-player.is-paused *::before,\r\n  .xor-demo-player.is-paused *::after {\r\n    animation-play-state: paused !important;\r\n  }\r\n\r\n  .xor-demo-side {\r\n    display: grid;\r\n    align-content: start;\r\n    gap: 14px;\r\n    padding: 18px;\r\n  }\r\n\r\n  .xor-demo-side:hover,\r\n  .xor-chatbot-panel:hover,\r\n  .xor-voice-panel:hover,\r\n  .xor-benefit-card:hover,\r\n  .xor-roadmap:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(55, 217, 255, 0.34);\r\n    box-shadow: 0 0 20px rgba(92, 174, 228, 0.2);\r\n  }\r\n\r\n  .xor-demo-side h3 {\r\n    font-size: 1.35rem;\r\n    line-height: 1.12;\r\n  }\r\n\r\n  .xor-demo-side p {\r\n    color: #d8e5f5;\r\n    line-height: 1.68;\r\n  }\r\n\r\n  .xor-integration-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 10px;\r\n  }\r\n\r\n  .xor-integration {\r\n    min-height: 74px;\r\n    padding: 13px;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 8px;\r\n    background: rgba(255, 255, 255, 0.045);\r\n  }\r\n\r\n  .xor-integration:hover {\r\n    transform: translateY(-3px);\r\n    border-color: rgba(55, 217, 255, 0.34);\r\n    box-shadow: 0 0 20px rgba(92, 174, 228, 0.2);\r\n  }\r\n\r\n  .xor-integration strong {\r\n    display: block;\r\n    color: #ffffff;\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    font-size: 0.85rem;\r\n  }\r\n\r\n  .xor-integration span {\r\n    display: block;\r\n    margin-top: 4px;\r\n    color: #d8e5f5;\r\n    font-size: 0.78rem;\r\n  }\r\n\r\n  .xor-chatbot-grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.75fr) minmax(330px, 1fr);\r\n    gap: 18px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .xor-chatbot-panel {\r\n    padding: 22px;\r\n    background:\r\n      radial-gradient(circle at 20% 10%, rgba(55, 217, 255, 0.15), transparent 16rem),\r\n      rgba(4, 8, 20, 0.52);\r\n  }\r\n\r\n  .xor-chatbot-panel h3 {\r\n    margin-bottom: 12px;\r\n    font-size: 1.45rem;\r\n  }\r\n\r\n  .xor-chatbot-panel p {\r\n    color: #d8e5f5;\r\n    line-height: 1.72;\r\n  }\r\n\r\n  .xor-chat-window {\r\n    overflow: hidden;\r\n    border: 1px solid rgba(55, 217, 255, 0.22);\r\n    border-radius: 8px;\r\n    background: rgba(5, 12, 23, 0.78);\r\n    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.32);\r\n  }\r\n\r\n  .xor-chat-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 14px;\r\n    padding: 16px;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n    background: rgba(255, 255, 255, 0.045);\r\n  }\r\n\r\n  .xor-chat-agent {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .xor-chat-avatar {\r\n    position: relative;\r\n    display: grid;\r\n    place-items: center;\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 50%;\r\n    color: #07111f !important;\r\n    background: linear-gradient(135deg, #37d9ff, #5dffb2);\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .xor-chat-avatar::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    width: 11px;\r\n    height: 11px;\r\n    border-radius: 50%;\r\n    background: var(--xor-green);\r\n    border: 2px solid #07111f;\r\n    box-shadow: 0 0 12px rgba(93, 255, 178, 0.8);\r\n  }\r\n\r\n  .xor-chat-agent strong {\r\n    display: block;\r\n    color: #ffffff;\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    font-size: 0.95rem;\r\n  }\r\n\r\n  .xor-chat-agent span,\r\n  .xor-chat-secure {\r\n    color: #d8e5f5;\r\n    font-size: 0.8rem;\r\n  }\r\n\r\n  .xor-chat-body {\r\n    min-height: 420px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 11px;\r\n    padding: 18px;\r\n  }\r\n\r\n  .xor-chat-message {\r\n    max-width: 88%;\r\n    padding: 12px 14px;\r\n    border-radius: 8px;\r\n    color: #ffffff;\r\n    background: rgba(255, 255, 255, 0.08);\r\n    font-size: 0.92rem;\r\n    line-height: 1.48;\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n  }\r\n\r\n  .xor-chat-message.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .xor-chat-message.is-user {\r\n    align-self: flex-end;\r\n    color: #061322 !important;\r\n    background: linear-gradient(135deg, #37d9ff, #5dffb2);\r\n    font-weight: 700;\r\n  }\r\n\r\n  .xor-chat-typing {\r\n    display: none;\r\n    width: fit-content;\r\n    gap: 5px;\r\n    padding: 12px 14px;\r\n    border-radius: 8px;\r\n    background: rgba(255, 255, 255, 0.08);\r\n  }\r\n\r\n  .xor-chat-typing.is-active {\r\n    display: flex;\r\n  }\r\n\r\n  .xor-chat-typing i {\r\n    width: 7px;\r\n    height: 7px;\r\n    border-radius: 50%;\r\n    background: var(--xor-cyan);\r\n    animation: xorTyping 1s ease-in-out infinite;\r\n  }\r\n\r\n  .xor-chat-typing i:nth-child(2) {\r\n    animation-delay: 0.14s;\r\n  }\r\n\r\n  .xor-chat-typing i:nth-child(3) {\r\n    animation-delay: 0.28s;\r\n  }\r\n\r\n  @keyframes xorTyping {\r\n    50% {\r\n      transform: translateY(-4px);\r\n      opacity: 0.55;\r\n    }\r\n  }\r\n\r\n  .xor-chat-input {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: center;\r\n    margin: 0 18px 18px;\r\n    padding: 12px 14px;\r\n    border: 1px solid rgba(255, 255, 255, 0.12);\r\n    border-radius: 8px;\r\n    background: rgba(255, 255, 255, 0.045);\r\n  }\r\n\r\n  .xor-chat-input span {\r\n    flex: 1;\r\n    color: #d8e5f5;\r\n    font-size: 0.85rem;\r\n  }\r\n\r\n  .xor-chat-input button {\r\n    width: 34px;\r\n    height: 34px;\r\n    border: 0;\r\n    border-radius: 50%;\r\n    color: #061322;\r\n    background: var(--xor-cyan);\r\n    font-weight: 900;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .xor-voice-grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.82fr) minmax(330px, 1fr);\r\n    gap: 18px;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .xor-voice-panel {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 24px;\r\n    background:\r\n      radial-gradient(circle at 50% 0%, rgba(55, 217, 255, 0.18), transparent 18rem),\r\n      radial-gradient(circle at 80% 82%, rgba(93, 255, 178, 0.12), transparent 17rem),\r\n      rgba(4, 8, 20, 0.52);\r\n  }\r\n\r\n  .xor-mic-stage {\r\n    position: relative;\r\n    min-height: 230px;\r\n    display: grid;\r\n    place-items: center;\r\n  }\r\n\r\n  .xor-mic-ring {\r\n    position: absolute;\r\n    width: 190px;\r\n    height: 190px;\r\n    border: 1px solid rgba(55, 217, 255, 0.22);\r\n    border-radius: 50%;\r\n    animation: xorMicRing 3.4s ease-in-out infinite;\r\n  }\r\n\r\n  .xor-mic-ring:nth-child(2) {\r\n    width: 145px;\r\n    height: 145px;\r\n    animation-delay: 0.45s;\r\n  }\r\n\r\n  .xor-mic-ring:nth-child(3) {\r\n    width: 104px;\r\n    height: 104px;\r\n    animation-delay: 0.9s;\r\n  }\r\n\r\n  @keyframes xorMicRing {\r\n    50% {\r\n      transform: scale(1.08);\r\n      opacity: 0.44;\r\n      box-shadow: 0 0 24px rgba(55, 217, 255, 0.18);\r\n    }\r\n  }\r\n\r\n  .xor-mic-button {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: grid;\r\n    place-items: center;\r\n    width: 86px;\r\n    height: 86px;\r\n    border-radius: 50%;\r\n    color: #061322 !important;\r\n    background: linear-gradient(135deg, #37d9ff, #5dffb2);\r\n    box-shadow: 0 0 48px rgba(55, 217, 255, 0.34);\r\n    animation: xorMicPulse 1.8s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes xorMicPulse {\r\n    50% {\r\n      box-shadow: 0 0 70px rgba(55, 217, 255, 0.52);\r\n      transform: scale(1.04);\r\n    }\r\n  }\r\n\r\n  .xor-mic-button svg {\r\n    width: 36px;\r\n    height: 36px;\r\n    stroke: currentColor;\r\n    stroke-width: 1.7;\r\n    fill: none;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  .xor-widget-shell {\r\n    margin-top: 18px;\r\n    padding: 16px;\r\n    border: 1px solid rgba(55, 217, 255, 0.2);\r\n    border-radius: 8px;\r\n    background: rgba(5, 12, 23, 0.72);\r\n  }\r\n\r\n  .xor-widget-shell:hover {\r\n    border-color: rgba(55, 217, 255, 0.42);\r\n    box-shadow: 0 0 20px rgba(92, 174, 228, 0.2);\r\n  }\r\n\r\n  .xor-widget-shell elevenlabs-convai {\r\n    display: block;\r\n    width: 100%;\r\n    min-height: 86px;\r\n  }\r\n\r\n  .xor-benefits-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 14px;\r\n  }\r\n\r\n  .xor-benefit-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 168px;\r\n    padding: 22px;\r\n    background:\r\n      linear-gradient(120deg, rgba(23, 144, 224, 0.11), rgba(93, 255, 178, 0.08), rgba(255, 255, 255, 0.035)),\r\n      rgba(4, 8, 20, 0.52);\r\n    background-size: 180% 180%;\r\n    animation: xorGradientMove 7s ease-in-out infinite;\r\n  }\r\n\r\n  @keyframes xorGradientMove {\r\n    50% {\r\n      background-position: 100% 50%;\r\n    }\r\n  }\r\n\r\n  .xor-benefit-card h3 {\r\n    margin-top: 16px;\r\n    font-size: 1.08rem;\r\n  }\r\n\r\n  .xor-benefit-card p {\r\n    margin-top: 10px;\r\n    color: #d8e5f5;\r\n    line-height: 1.62;\r\n    font-size: 0.94rem;\r\n  }\r\n\r\n  .xor-roadmap {\r\n    padding: 24px;\r\n  }\r\n\r\n  .xor-process-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 14px;\r\n  }\r\n\r\n  .xor-process-step {\r\n    position: relative;\r\n    min-height: 210px;\r\n    padding: 18px;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 8px;\r\n    background: rgba(255, 255, 255, 0.045);\r\n  }\r\n\r\n  .xor-process-step::before {\r\n    content: attr(data-step);\r\n    display: grid;\r\n    place-items: center;\r\n    width: 38px;\r\n    height: 38px;\r\n    margin-bottom: 28px;\r\n    border-radius: 50%;\r\n    color: #ffffff;\r\n    background: var(--xor-blue);\r\n    box-shadow: 0 0 28px rgba(23, 144, 224, 0.34);\r\n    font-family: \"Montserrat\", Arial, sans-serif;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .xor-process-step:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(55, 217, 255, 0.34);\r\n    box-shadow: 0 0 20px rgba(92, 174, 228, 0.2);\r\n  }\r\n\r\n  .xor-process-step h3 {\r\n    font-size: 1.02rem;\r\n  }\r\n\r\n  .xor-process-step p {\r\n    margin-top: 10px;\r\n    color: #d8e5f5;\r\n    font-size: 0.91rem;\r\n    line-height: 1.62;\r\n  }\r\n\r\n  .xor-cta {\r\n    position: relative;\r\n    overflow: hidden;\r\n    margin: 48px auto 0;\r\n    padding: clamp(28px, 5vw, 48px);\r\n    border: 1px solid rgba(55, 217, 255, 0.22);\r\n    border-radius: 8px;\r\n    background:\r\n      radial-gradient(circle at 15% 15%, rgba(55, 217, 255, 0.2), transparent 16rem),\r\n      radial-gradient(circle at 82% 70%, rgba(93, 255, 178, 0.15), transparent 17rem),\r\n      linear-gradient(135deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.035));\r\n  }\r\n\r\n  .xor-cta:hover {\r\n    border-color: rgba(55, 217, 255, 0.42);\r\n    box-shadow: 0 0 20px rgba(92, 174, 228, 0.2);\r\n  }\r\n\r\n  .xor-cta-grid {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 0.85fr) auto;\r\n    gap: 20px;\r\n    align-items: center;\r\n  }\r\n\r\n  .xor-cta h2 {\r\n    font-size: clamp(2rem, 4vw, 3.35rem);\r\n    line-height: 1.02;\r\n  }\r\n\r\n  .xor-cta p {\r\n    max-width: 690px;\r\n    margin-top: 14px;\r\n    color: #d8e5f5;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .xor-footer-line {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 14px;\r\n    padding: 34px 0 42px;\r\n    color: #d8e5f5;\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .xor-footer-line strong,\r\n  .xor-footer-line a {\r\n    color: #ffffff;\r\n  }\r\n\r\n  .xor-reveal {\r\n    opacity: 0;\r\n    transform: translateY(22px);\r\n  }\r\n\r\n  .xor-reveal.is-visible {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  @media (max-width: 1020px) {\r\n    .xor-nav {\r\n      display: none;\r\n    }\r\n\r\n    .xor-hero,\r\n    .xor-section-head,\r\n    .xor-demo-wrap,\r\n    .xor-cta-grid,\r\n    .xor-chatbot-grid,\r\n    .xor-voice-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .xor-hero {\r\n      min-height: auto;\r\n      padding-top: 40px;\r\n    }\r\n\r\n    .xor-hero-visual {\r\n      max-width: 720px;\r\n      margin: 0 auto;\r\n      width: 100%;\r\n    }\r\n\r\n    .xor-feature-grid,\r\n    .xor-benefits-grid,\r\n    .xor-process-grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n  }\r\n\r\n  @media (max-width: 720px) {\r\n    .xor-shell {\r\n      width: min(100% - 24px, 1180px);\r\n    }\r\n\r\n    .xor-topbar {\r\n      align-items: flex-start;\r\n      padding-top: 16px;\r\n    }\r\n\r\n    .xor-topbar > .xor-button {\r\n      min-height: 42px;\r\n      padding: 11px 13px;\r\n      font-size: 0.82rem;\r\n    }\r\n\r\n    .xor-hero {\r\n      padding-bottom: 58px;\r\n    }\r\n\r\n    .xor-hero h1 {\r\n      font-size: clamp(2.42rem, 12vw, 4.2rem);\r\n    }\r\n\r\n    .xor-stats,\r\n    .xor-feature-grid,\r\n    .xor-demo-body,\r\n    .xor-process-grid,\r\n    .xor-integration-grid,\r\n    .xor-benefits-grid {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .xor-stat {\r\n      min-height: auto;\r\n    }\r\n\r\n    .xor-device,\r\n    .xor-device-ui {\r\n      min-height: 540px;\r\n    }\r\n\r\n    .xor-floating-note {\r\n      width: calc(100% - 34px);\r\n      left: 17px;\r\n      right: auto;\r\n    }\r\n\r\n    .xor-note-one {\r\n      top: auto;\r\n      bottom: 148px;\r\n    }\r\n\r\n    .xor-note-two {\r\n      bottom: 82px;\r\n    }\r\n\r\n    .xor-note-three {\r\n      bottom: 16px;\r\n    }\r\n\r\n    .xor-section {\r\n      padding: 58px 0;\r\n    }\r\n\r\n    .xor-demo-player {\r\n      min-height: auto;\r\n    }\r\n\r\n    .xor-progress {\r\n      position: relative;\r\n      left: auto;\r\n      right: auto;\r\n      bottom: auto;\r\n      margin: 0 18px 18px;\r\n    }\r\n\r\n    .xor-footer-line {\r\n      display: block;\r\n    }\r\n\r\n    .xor-footer-line span {\r\n      display: block;\r\n      margin-top: 8px;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .xor-ai-landing *,\r\n    .xor-ai-landing *::before,\r\n    .xor-ai-landing *::after {\r\n      scroll-behavior: auto !important;\r\n      animation-duration: 0.001ms !important;\r\n      animation-iteration-count: 1 !important;\r\n      transition-duration: 0.001ms !important;\r\n    }\r\n\r\n    .xor-reveal {\r\n      opacity: 1;\r\n      transform: none;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"xor-ai-landing\" id=\"xor-ai-integrations\">\r\n  <div class=\"xor-code-rain\" aria-hidden=\"true\">\r\n    <span style=\"--left:4%;--top:14%;--rot:-9deg;--speed:5.2s;\">const agent = \"always-on\";<\/span>\r\n<span style=\"--left:68%;--top:10%;--rot:7deg;--speed:6.4s;\">{ book: true }<\/span>\r\n<span style=\"--left:82%;--top:28%;--rot:-4deg;--speed:4.8s;\"><automation><\/automation><\/span>\r\n<span style=\"--left:9%;--top:48%;--rot:5deg;--speed:7s;\">if (lead.ready) schedule();<\/span>\r\n<span style=\"--left:47%;--top:70%;--rot:-6deg;--speed:5.7s;\">support.resolve()<\/span>\r\n<span style=\"--left:76%;--top:82%;--rot:8deg;--speed:6.9s;\">crm.sync(\"won\")<\/span>\r\n<span style=\"--left:24%;--top:86%;--rot:-7deg;--speed:5.9s;\">voice.intent.match()<\/span>\r\n<span style=\"--left:39%;--top:22%;--rot:4deg;--speed:6.2s;\">AI + API + CRM<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"xor-shell\">\r\n    <header class=\"xor-topbar\" aria-label=\"XOR Studio AI landing navigation\">\r\n      <a class=\"xor-brand\" href=\"https:\/\/xorstudio.net\/sr\/\">\r\n        <img decoding=\"async\" src=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/10\/XorStudio.svg\" alt=\"XOR Studio Logo\">\r\n      <\/a>\r\n\r\n      <nav class=\"xor-nav\" aria-label=\"Landing page sections\">\r\n        <a href=\"#xor-services\">Usluge<\/a>\r\n<a href=\"#xor-chatbot-demo\">Chatbot Demo<\/a>\r\n<a href=\"#xor-demo\">Tok posla Demo<\/a>\r\n<a href=\"#xor-voice-demo\">Glas Demo<\/a>\r\n<a href=\"#xor-process\">Pretraga<\/a>\r\n<a href=\"#xor-contact\">Napomena:<\/a>\r\n      <\/nav>\r\n\r\n      <a class=\"xor-button is-ghost\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\">\r\n        <span>Dobijte ponudu<\/span>\r\n      <\/a>\r\n    <\/header>\r\n\r\n    <section class=\"xor-hero\" aria-label=\"AI integration services hero\">\r\n      <div class=\"xor-hero-copy xor-reveal\">\r\n        <div class=\"xor-eyebrow\"><span class=\"xor-pulse\"><\/span> Integrasanje ve\u0161ta\u010dke inteligencije za preduzec\u0301a<\/div>\r\n        <h1>AI agenti koji <span class=\"xor-gradient-text\">rezervi\u0161u, podr\u017eavaju i prodaju<\/span> 24\/7<\/h1>\r\n        <p class=\"xor-hero-lead\">\r\n XOR Studio gradi AI \u010detbotove, glasovne agente, automatizaciju toka posla, RAG asistente i API povezane sisteme koji odgovaraju na zahteve kupaca, kvalifikuju potencijalne klijente, zakazuju sastanke, a\u017euriraju va\u0161 CRM i odr\u017eavaju va\u0161 tim fokusiranim na posao koji je va\u017ean.\r\n        <\/p>\r\n\r\n        <div class=\"xor-hero-actions\">\r\n           <a class=\"xor-button is-primary\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\">\r\n<span>Rezervi\u0161ite svoju AI strategiju Poziv><\/span>\r\n<span class=\"xor-arrow\">\r\n<\/span>\r\n<\/a><a class=\"xor-button is-ghost\" href=\"#xor-services\">\r\n<span>Istra\u017eite AI usluge<\/span>\r\n<\/a> \r\n        <\/div>\r\n\r\n        <div class=\"xor-trust-strip\" aria-label=\"Integration highlights\">\r\n          <span>Kalendar rezervacije<\/span>\r\n<span>Korisni\u010dka podr\u0161ka<\/span>\r\nA\u017euriranja \r\n<span>CRM-a<\/span><span>Glas i \u0107askanje<\/span>\r\n<span>RAG pretraga<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"xor-stats\" aria-label=\"AI service benefits\">\r\n          <div class=\"xor-stat\">\r\n            <span class=\"xor-stat-value\">24\/7<\/span>\r\n<span class=\"xor-stat-label\">Instant answers for visitors, leads and existing customers.<\/span>\r\n          <\/div>\r\n          <div class=\"xor-stat\">\r\n            Uobi\u010dajeni zadaci prodaje, podr\u0161ke i operacija spremni za automatizaciju.\r\n          <\/div>\r\n          <div class=\"xor-stat\">\r\n            <span class=\"xor-stat-value\">CRM<\/span>\r\n<span class=\"xor-stat-label\">Pove\u017eite svoje alate, prijemne sandu\u010di\u0107e, obrasce i sisteme za rezervacije.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"xor-hero-visual xor-reveal\" aria-label=\"AI agent dashboard preview\">\r\n        <div class=\"xor-orbit\" aria-hidden=\"true\"><\/div>\r\n        <div class=\"xor-device xor-tilt\">\r\n          <img decoding=\"async\" class=\"xor-device-image\" src=\"https:\/\/images.unsplash.com\/photo-1762330467475-a565d04e1808?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=80&w=1400\" alt=\"Pametni telefon koji prikazuje interfejs asistenta ili agenta\" loading=\"eager\">\r\n\r\n          <div class=\"xor-device-ui\">\r\n            <div>\r\n              <div class=\"xor-window-bar\">\r\n                <span class=\"xor-dots\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/span>\r\n                <span class=\"xor-window-title\">xorstudio.ai\/agent-console<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"xor-agent-card\">\r\n                <div class=\"xor-agent-head\">\r\n                  <div class=\"xor-agent-avatar\">AI<\/div>\r\n                  <div>\r\n                    <h3>Agent zakazivanja u\u017eivo<\/h3>\r\n                    <p>Slu\u0161anje, kvalifikacija, zakazivanje i a\u017euriranje CRM-a.<\/p>\r\n                  <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"xor-waveform\" aria-hidden=\"true\">\r\n                  <i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"xor-floating-note xor-note-one\">\r\n            <strong>Termin zakazan<\/strong>\r\n            <small>Sutra u 14:30. Potvrda poslata imejlom. <\/small>\r\n          <\/div>\r\n          <div class=\"xor-floating-note xor-note-two\">\r\n            Podr\u0161ka re\u0161ena\r\nPitanje o politikama povrac\u0301aja novca je odgovoreno iz va\u0161e baze znanja.\r\n          <\/div>\r\n          <div class=\"xor-floating-note xor-note-three\">\r\n            <strong>CRM sinhronizovan<\/strong>\r\n<small>Vode\u0107i izvor, rezime poziva i slede\u0107i korak sa\u010duvani.<\/small>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  <\/div>\r\n\r\n  <section class=\"xor-section\" id=\"xor-services\">\r\n    <div class=\"xor-shell\">\r\n      <div class=\"xor-section-head xor-reveal\">\r\n        <div>\r\n          <div class=\"xor-eyebrow\"><span class=\"xor-pulse\"><\/span> \u0160ta smo napravili<\/div>\r\n          <h2>Sistemi ve\u0161ta\u010dke inteligencije koji se uklju\u010duju u na\u010din na koji va\u0161e poslovanje vec\u0301 funkcioni\u0161e.<\/h2>\r\n        <\/div>\r\n        <p>\r\n Od prve posete web-sajtu do zakazanog termina, XOR Studio dizajnira razgovore, tokove rada i integracije koje pretvaraju ve\u0161ta\u010dku inteligenciju u merljivu poslovnu vrednost.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"xor-feature-grid\">\r\n        <article class=\"xor-feature-card xor-tilt xor-reveal\">\r\n          <div class=\"xor-feature-icon\">AI<\/div>\r\n          <h3>AI korisni\u010dka podr\u0161ka i prodajni asistenti<\/h3>\r\n          <p>Agenti za \u010detbotove sa ve\u0161ta\u010dkom inteligencijom obu\u010deni da odgovaraju na pitanja, kvalifikuju potencijalne klijente i obra\u0111uju razgovore sa kupcima 24\/7.<\/p>\r\n          <ul class=\"xor-feature-list\">\r\n            <li>Trenutni odgovori iz va\u0161e baze znanja<\/li>\r\n            <li>Prikupljanje potencijalnih kiljenata<\/li>\r\n            <li>Predaja na u\u017eivo podr\u0161ku kada je potrebno<\/li>\r\n          <\/ul>\r\n          <a href=\"https:\/\/xorstudio.net\/sr\/usluge\/ai-integracije\/ai-cetbot\/\" class=\"xor-feature-btn\">Pogledajte re\u0161enja uz ve\u0161ta\u010dku inteligenciju sa \u010detbotovima<\/a>\r\n        <\/article>\r\n\r\n        <article class=\"xor-feature-card xor-tilt xor-reveal\">\r\n          <div class=\"xor-feature-icon\">VO<\/div>\r\n          <h3>AI korisni\u010dka podr\u0161ka i prodajni glasovni agenti<\/h3>\r\n          <p>Agenti za glasovnu inteligenciju obu\u010deni da odgovaraju na pitanja, kvalifikuju potencijalne klijente i obra\u0111uju razgovore sa kupcima 24\/7.<\/p>\r\n          <ul class=\"xor-feature-list\">\r\n            <li>Prirodni tokovi poziva<\/li>\r\n            <li>Zakazivanje termina<\/li>\r\n            <li>Rezimei poziva i dodatne informacije<\/li>\r\n          <\/ul>\r\n          <a href=\"https:\/\/xorstudio.net\/sr\/usluge\/ai-integracije\/ai-glasovni-agenti\/\" class=\"xor-feature-btn\">Pogledajte Voice AI Solutions<\/a>\r\n        <\/article>\r\n\r\n        <article class=\"xor-feature-card xor-tilt xor-reveal\">\r\n          <div class=\"xor-feature-icon\">RAG<\/div>\r\n          <h3>Interna ve\u0161ta\u010dka inteligencija pretrage RAG Systems<\/h3>\r\n          <p>Prilago\u0111eni sistemi za generisanje pro\u0161irenih podataka koji trenutno pretra\u017euju interno znanje kompanije, PDF-ove, dokumentaciju i baze podataka.<\/p>\r\n          <ul class=\"xor-feature-list\">\r\n            <li>Pretraga znanja privatnog preduzec\u0301a<\/li>\r\n            <li>Odgovori u PDF-u i dokumentaciji<\/li>\r\n            <li>Internal assistant for teams<\/li>\r\n          <\/ul>\r\n          <span class=\"xor-feature-btn is-disabled\">Uskoro<\/span>\r\n        <\/article>\r\n\r\n        <article class=\"xor-feature-card xor-tilt xor-reveal\">\r\n          <div class=\"xor-feature-icon\">Mapa sajta<\/div>\r\n          <h3>Automatizacija toka posla preko API-ja<\/h3>\r\n          <p>Automatizujte ponavljaju\u0107e zadatke i pove\u017eite poslovne sisteme koriste\u0107i API-je, AI tokove posla, CRM integracije i inteligentnu automatizaciju.<\/p>\r\n          <ul class=\"xor-feature-list\">\r\n            <li>CRM i tabele<\/li>\r\n            <li>VordPress i obrasci<\/li>\r\n            <li>E-po\u0161ta, help desk i alati<\/li>\r\n          <\/ul>\r\n          <span class=\"xor-feature-btn is-disabled\">Uskoro<\/span>\r\n        <\/article>\r\n\r\n        <article class=\"xor-feature-card xor-tilt xor-reveal\">\r\n          <div class=\"xor-feature-icon\">EK<\/div>\r\n          <h3>E-trgovina AI integracije<\/h3>\r\n          <p>AI asistenti proizvoda, motori za preporuke, automatizacija napu\u0161tenih kolica i pametne interakcije sa kupcima za online prodavnice.<\/p>\r\n          <ul class=\"xor-feature-list\">\r\n            <li>Tokovi preporuka proizvoda<\/li>\r\n            <li>Smart korpa oporavak<\/li>\r\n            <li>Automatizovani odgovori kupaca<\/li>\r\n          <\/ul>\r\n          <span class=\"xor-feature-btn is-disabled\">Uskoro<\/span>\r\n        <\/article>\r\n\r\n        <article class=\"xor-feature-card xor-tilt xor-reveal\">\r\n          <div class=\"xor-feature-icon\">UX<\/div>\r\n          <h3>Prilago\u0111eni AI UKS<\/h3>\r\n          <p>Svaki AI interfejs je dizajniran oko va\u0161eg korisni\u010dkog putovanja, a ne generi\u010dki vid\u017eet koji je pao na stranicu.<\/p>\r\n          <ul class=\"xor-feature-list\">\r\n            <li>Brendirani interfejs za \u0107askanje<\/li>\r\n            <li>Upiti fokusirani na konverziju<\/li>\r\n            <li>Analitika i pobolj\u0161anje petlje<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"xor-section\" id=\"xor-chatbot-demo\">\r\n    <div class=\"xor-shell\">\r\n      <div class=\"xor-section-head xor-reveal\">\r\n        <div>\r\n          <div class=\"xor-eyebrow\"><span class=\"xor-pulse\"><\/span> Interaktivni chat bot demo<\/div>\r\n          <h2>Pogledajte kako veb stranica AI asistent obra\u0111uje stvarna pitanja kupaca.<\/h2>\r\n        <\/div>\r\n        <p>\r\n Chatbot ispod simulira pravog asistenta KSOR Studio koji odgovara, kvalifikuje i usmerava posetioce koriste\u0107i va\u0161e poslovno znanje.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"xor-chatbot-grid\">\r\n        <aside class=\"xor-chatbot-panel xor-reveal\">\r\n          <h3>Napravljen za razgovore sa visokim namerama.<\/h3>\r\n          <p>\r\n Va\u0161 AI chatbot mo\u017ee biti obu\u010den za va\u0161e usluge, \u010desto postavljana pitanja, ponude, interne dokumente, politike i proces prodaje, a zatim se povezati sa va\u0161im CRM-om ili radnim procesom rezervacije.\r\n          <\/p>\r\n          <ul class=\"xor-feature-list\">\r\n            <li>24\/7 Olovo Kvalifikacije<\/li>\r\n            <li>Instant FAK Odgovori<\/li>\r\n            <li>CRM integracija<\/li>\r\n            <li>Podr\u0161ka za vi\u0161e jezika<\/li>\r\n          <\/ul>\r\n          <a class=\"xor-button is-primary\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\">\r\n            <span>Planirajte moj Chatbot<\/span>\r\n<span class=\"xor-arrow\">><\/span>\r\n          <\/a>\r\n        <\/aside>\r\n\r\n        <div class=\"xor-chat-window xor-reveal\" id=\"xorChatDemo\">\r\n          <div class=\"xor-chat-header\">\r\n            <div class=\"xor-chat-agent\">\r\n              <div class=\"xor-chat-avatar\">AI<\/div>\r\n              <div>\r\n                <strong>KSOR Studio AI asistent<\/strong>\r\n<span>Online i spremni da se kvalifikuju vodi<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <span class=\"xor-chat-secure\">Demo u\u017eivo<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"xor-chat-body\" id=\"xorChatBody\">\r\n            <div class=\"xor-chat-typing\" id=\"xorChatTyping\"><i><\/i><i><\/i><i><\/i><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"xor-chat-input\">\r\n            <span>Pitajte o AI automatizaciji, CRM-u, podr\u0161ci ili glasovnim agentima ...<\/span>\r\n<button type=\"button\" aria-label=\"Send demo message\">><\/button>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"xor-section\" id=\"xor-demo\">\r\n    <div class=\"xor-shell\">\r\n      <div class=\"xor-section-head xor-reveal\">\r\n        <div>\r\n          <div class=\"xor-eyebrow\"><span class=\"xor-pulse\"><\/span> Demo toka posla<\/div>\r\n          <h2>Gledajte AI asistenta kako pretvara poruku kupca u rezervisani sastanak.<\/h2>\r\n        <\/div>\r\n        <p>\r\n Pogledajte ta\u010dno kako AI sistem obra\u0111uje kvalifikovane potencijalne klijente i rezervi\u0161e sastanke direktno u va\u0161 kalendar. 24\/7 automatizacija sa nultim ljudskim naporom. \r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"xor-demo-wrap\">\r\n        <div class=\"xor-demo-player xor-reveal\" data-xor-demo=\"\">\r\n          <div class=\"xor-demo-top\">\r\n             <span class=\"xor-demo-live\"><span class=\"xor-live-dot\"><\/span> AI agent demo: rezervacija klijenta<\/span>\r\n<button class=\"xor-play-toggle\" type=\"button\" aria-label=\"Pause demo\" data-xor-play=\"\">||<\/button>\r\n          <\/div>\r\n\r\n          <div class=\"xor-demo-body\">\r\n            <div class=\"xor-call-screen\">\r\n              <div class=\"xor-phone-avatar\">AI<\/div>\r\n              <div class=\"xor-call-title\">\r\n                <strong>Dolazna poruka od vo\u0111e veb sajta<\/strong>\r\n<span>AI agent upravlja prvim razgovorom.<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"xor-transcript\" aria-label=\"Demo call transcript\">\r\n                <div class=\"xor-bubble\" style=\"--delay:0s;\">Zdravo, treba mi konsultacija o automatizaciji korisni\u010dke podr\u0161ke.<\/div>\r\n                <div class=\"xor-bubble is-agent\" style=\"--delay:1.4s;\">Apsolutno. Mogu da postavim nekoliko pitanja i rezervi\u0161em poziv sa KSOR Studio. <\/div>\r\n                <div class=\"xor-bubble\" style=\"--delay:2.9s;\">Dobijamo mnogo ponavljanja pitanja i propu\u0161tenih zahteva za imenovanje.<\/div>\r\n                <div class=\"xor-bubble is-agent\" style=\"--delay:4.3s;\">Savr\u0161en slu\u010daj upotrebe. Na\u0161ao sam otvoreno mesto sutra u 14:30. Da li to funkcioni\u0161e?  <\/div>\r\n                <div class=\"xor-bubble\" style=\"--delay:5.8s;\">Da, rezervi\u0161ite.<\/div>\r\n                <div class=\"xor-bubble is-agent\" style=\"--delay:7.1s;\">Gotovo. Poslao sam potvrdu i sa\u010duvao bele\u0161ke o projektu. <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"xor-booking-screen\">\r\n              <div class=\"xor-mini-label\">\r\n                <span>Majski kalendar<\/span>\r\n<small>Rezervacija sinhronizovana<\/small>\r\n              <\/div>\r\n              <div class=\"xor-calendar\" aria-label=\"Demo calendar\">\r\n                <span>1<\/span><span>2<\/span><span>3<\/span><span>4<\/span><span>5<\/span><span>6<\/span><span>7<\/span>\r\n                <span>8<\/span><span>9<\/span><span>10<\/span><span>11<\/span><span>12<\/span><span>13<\/span><span>14<\/span>\r\n                <span>15<\/span><span>16<\/span><span>17<\/span><span>18<\/span><span>19<\/span><span class=\"is-booked\">20<\/span><span>21<\/span>\r\n              <\/div>\r\n\r\n              <div class=\"xor-task-list\">\r\n                <div class=\"xor-task\">\r\n                  <span class=\"xor-check\">\u2713<\/span>\r\n                  <div>\r\n                    <strong>Podr\u017eava potencijalne klijente<\/strong>\r\n<small>Potreban je AI chatbot i automatizacija podr\u0161ke.<\/small>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"xor-task\">\r\n                  <span class=\"xor-check\">\u2713<\/span>\r\n                  <div>\r\n                    <strong>Sastanak zakazan<\/strong>\r\n<small>Kalendar poziv poslat sa detaljima razgovora.<\/small>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"xor-task\">\r\n                  <span class=\"xor-check\">\u2713<\/span>\r\n                  <div>\r\n                    <strong>CRM a\u017euriran<\/strong>\r\n<small>Sa\u017eetak razgovora i slede\u0107i korak sa\u010duvani.<\/small>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"xor-progress\" aria-hidden=\"true\"><span><\/span><\/div>\r\n        <\/div>\r\n\r\n        <aside class=\"xor-demo-side xor-reveal\">\r\n          <h3>Izgra\u0111en oko va\u0161eg stvarnog toka posla.<\/h3>\r\n          <p>\r\n Agent se mo\u017ee povezati sa obrascima va\u0161eg sajta, kalendarom rezervacija, bazom podataka kontakata,\r\nprijemnim sandu\u010detom podr\u0161ke i internim alatima, a zatim slediti pravila dizajnirana posebno za va\u0161e poslovanje.\r\n          <\/p>\r\n          <div class=\"xor-integration-grid\" aria-label=\"Popular integrations\">\r\n            <div class=\"xor-integration\">VordPress <strong><\/strong><span>obrasci, stranice, korisni\u010dki tokovi<\/span><\/div>\r\n            <div class=\"xor-integration\"><strong>Kalendari<\/strong><span>Rezervacije i podsetnici<\/span><\/div>\r\n            <div class=\"xor-integration\"><strong>CRM<\/strong><span>Vodi, bele\u0161ke, cevovodi<\/span><\/div>\r\n            <div class=\"xor-integration\"><strong>Podr\u0161ka<\/strong><span>Ulaznice i primopredaja<\/span><\/div>\r\n            <div class=\"xor-integration\"><strong>VhatsApp<\/strong><span>Messenger Automatizacija poruka<\/span><\/div>\r\n            <div class=\"xor-integration\"><strong>E-mail<\/strong><span>Follov-up sekvence<\/span><\/div>\r\n          <\/div>\r\n          <a class=\"xor-button is-primary\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\">\r\n            <span>Planirajte moj AI agent<\/span>\r\n<span class=\"xor-arrow\">><\/span>\r\n          <\/a>\r\n        <\/aside>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"xor-section\" id=\"xor-voice-demo\">\r\n    <div class=\"xor-shell\">\r\n      <div class=\"xor-section-head xor-reveal\">\r\n        <div>\r\n          <div class=\"xor-eyebrow\"><span class=\"xor-pulse\"><\/span> AI Voice Agent Demo<\/div>\r\n          <h2>Razgovarajte sa KSOR Studio AI glasovnim asistentom.<\/h2>\r\n        <\/div>\r\n        <p>\r\n Testirajte pravog AI glasovnog agenta direktno na stranici. Mo\u017ee odgovoriti na pitanja, kvalifikovati izglede, prikupiti kontekst i povezati podatke o razgovoru sa va\u0161im poslovnim radnim procesom. \r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"xor-voice-grid\">\r\n        <aside class=\"xor-chatbot-panel xor-reveal\">\r\n          <h3>Glasovna AI za pozive prodaje i podr\u0161ke.<\/h3>\r\n          <p>\r\n AI glasovni agenti poma\u017eu preduze\u0107ima da odgovore na dolazne pozive, rukuju ponavljaju pitanja, kvalifikuju vodi i zakazuju slede\u0107e korake bez ostavljanja kupaca \u010dekanja.\r\n          <\/p>\r\n          <ul class=\"xor-feature-list\">\r\n            <li>Ljudski AI razgovori<\/li>\r\n            <li>Vlezni olovo kvalifikacije<\/li>\r\n            <li>Sa\u017eeci poziva i pra\u0107enje<\/li>\r\n            <li>CRM i integracija kalendara<\/li>\r\n          <\/ul>\r\n        <\/aside>\r\n\r\n        <div class=\"xor-voice-panel xor-reveal\">\r\n          <div class=\"xor-mic-stage\" aria-hidden=\"true\">\r\n            <div class=\"xor-mic-ring\"><\/div>\r\n            <div class=\"xor-mic-ring\"><\/div>\r\n            <div class=\"xor-mic-ring\"><\/div>\r\n            <div class=\"xor-mic-button\">\r\n              <svg viewbox=\"0 0 24 24\">\r\n                <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3z\"><\/path>\r\n                <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"><\/path>\r\n                <path d=\"M12 19v3\"><\/path>\r\n              <\/path><\/path><\/path><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"xor-mini-label\">\r\n            <span>Glasovni asistent<\/span>\r\nu\u017eivo<small>Spreman za testiranje<\/small>\r\n          <\/div>\r\n\r\n          <div class=\"xor-widget-shell\">\r\n            <script src=\"https:\/\/elevenlabs.io\/convai-widget\/index.js\" async=\"\"><\/script>\r\n            <elevenlabs-convai agent-id=\"agent_8501kqy27sb7ff7aah2y2n9gr6kt\"><\/elevenlabs-convai>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"xor-section\" id=\"xor-benefits\">\r\n    <div class=\"xor-shell\">\r\n      <div class=\"xor-section-head xor-reveal\">\r\n        <div>\r\n          <div class=\"xor-eyebrow\"><span class=\"xor-pulse\"><\/span> Uticaj na poslovanje<\/div>\r\n          <h2>Prakti\u010dne prednosti AI koje va\u0161 tim mo\u017ee odmah osetiti.<\/h2>\r\n        <\/div>\r\n        <p>\r\n AI ne bi trebalo samo da izgleda impresivno. Trebalo bi da ukloni ponavljaju\u0107i rad, pobolj\u0161a brzinu odziva i pomogne va\u0161em timu da radi sa ve\u0107om jasno\u0107om. \r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"xor-benefits-grid\">\r\n        <article class=\"xor-benefit-card xor-reveal\">\r\n          <div class=\"xor-feature-icon\">24<\/div>\r\n          <h3>24\/7 Automatizovana podr\u0161ka<\/h3>\r\n          <p>Odgovorite na pitanja, zahteve za rutu i podr\u0161ku klijentima \u010dak i kada je va\u0161 tim van mre\u017ee.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"xor-benefit-card xor-reveal\">\r\n          <div class=\"xor-feature-icon\">\u26a1<\/div>\r\n          <h3>Br\u017ei odgovor na olovo<\/h3>\r\n          <p>Odmah kvalifikujte posetioce i premestite izglede sa visokim namerama u svoj radni tok prodaje.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"xor-benefit-card xor-reveal\">\r\n          <div class=\"xor-feature-icon\">$<\/div>\r\n          <h3>Smanjeni operativni tro\u0161kovi<\/h3>\r\n          <p>Automatizujte ponavljaju\u0107u podr\u0161ku, prodaju, administraciju i interne zadatke znanja u velikoj meri.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"xor-benefit-card xor-reveal\">\r\n          <div class=\"xor-feature-icon\">KB<\/div>\r\n          <h3>Pametna interna pretraga<\/h3>\r\n          <p>Dajte zaposlenima trenutne odgovore iz PDF-ova, dokumentacije, politika i baza podataka.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"xor-benefit-card xor-reveal\">\r\n          <div class=\"xor-feature-icon\">Mapa sajta<\/div>\r\n          <h3>API povezani sistemi<\/h3>\r\n          <p>Pove\u017eite AI sa CRM-ovima, kalendarima, platformama za e-trgovinu, kontrolnim tablama i prilago\u0111enim alatima.<\/p>\r\n        <\/article>\r\n\r\n        <article class=\"xor-benefit-card xor-reveal\">\r\n          <div class=\"xor-feature-icon\">AI<\/div>\r\n          <h3>Ljudski AI razgovori<\/h3>\r\n          <p>Rasporedite pomo\u0107nike koji zvu\u010de prirodno, ostanite na brendu i vodite korisnike ka slede\u0107em koraku.<\/p>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"xor-section\" id=\"xor-process\">\r\n    <div class=\"xor-shell\">\r\n      <div class=\"xor-section-head xor-reveal\">\r\n        <div>\r\n          <div class=\"xor-eyebrow\"><span class=\"xor-pulse\"><\/span> Kako gradimo AI sisteme<\/div>\r\n          <h2>Od ideje do radne AI infrastrukture, bez da va\u0161 tim nau\u010di novi stack.<\/h2>\r\n        <\/div>\r\n        <p>\r\n KSOR Studio se bavi strategijom, dizajnom, razvojem, integracijom, testiranjem i optimizacijom\r\n, tako da je va\u0161 AI sistem koristan od prvog dana.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"xor-roadmap xor-reveal\">\r\n        <div class=\"xor-process-grid\">\r\n          <article class=\"xor-process-step\" data-step=\"1\">\r\n            <h3>Otkri\u0107e biznisa i toka posla<\/h3>\r\n            <p>Identifikujemo zadatke podr\u0161ke, rezervacije, olova i operacija visoke vrednosti koje AI mo\u017ee pouzdano da re\u0161i.<\/p>\r\n          <\/article>\r\n          <article class=\"xor-process-step\" data-step=\"2\">\r\n            <h3>AI obuka i RAG arhitektura<\/h3>\r\n            <p>Strukturiramo izvore znanja, dokumente, upite, logiku pronala\u017eenja i puteve eskalacije.<\/p>\r\n          <\/article>\r\n          <article class=\"xor-process-step\" data-step=\"3\">\r\n            <h3>Br\u017ei in\u017eenjering i integracija API-ja<\/h3>\r\n            <p>Povezujemo agenta sa va\u0161om veb stranicom, kalendarom, CRM-om, obrascima, inboksima i izvorima podataka.<\/p>\r\n          <\/article>\r\n          <article class=\"xor-process-step\" data-step=\"4\">\r\n            <h3>Raspore\u0111ivanje, testiranje i optimizacija<\/h3>\r\n            <p>Pratimo stvarne interakcije, pobolj\u0161avamo odgovore i pode\u0161avamo sistem kako va\u0161e poslovanje raste.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"xor-cta xor-reveal\" id=\"xor-contact\">\r\n        <div class=\"xor-cta-grid\">\r\n          <div>\r\n            <h2>Spremni ste da izgradite svoju AI infrastrukturu?<\/h2>\r\n            <p>\r\n XOR Studio poma\u017ee preduze\u0107ima da primene prakti\u010dne AI sisteme koji pove\u0107avaju efikasnost, automatizuju podr\u0161ku, pobolj\u0161avaju odgovor olova i skaliraju operacije sa prilago\u0111enim integracijama.\r\n            <\/p>\r\n          <\/div>\r\n          <a class=\"xor-button is-primary\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\">\r\n            <span>Zaka\u017eite svoje AI konsultacije<\/span>\r\n<span class=\"xor-arrow\">><\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"xor-footer-line\">\r\n        <strong>XOR Studio AI integracije<\/strong>\r\n<span><a href=\"https:\/\/xorstudio.net\/sr\/\">xorstudio.net<\/a> | AI chatbotovi, glasovni agenti i automatizacija poslovanja<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n  (function () {\r\n    var landing = document.querySelector(\".xor-ai-landing\");\r\n    if (!landing) return;\r\n\r\n    landing.addEventListener(\"pointermove\", function (event) {\r\n      var rect = landing.getBoundingClientRect();\r\n      landing.style.setProperty(\"--mx\", ((event.clientX - rect.left) \/ rect.width) * 100 + \"%\");\r\n      landing.style.setProperty(\"--my\", ((event.clientY - rect.top) \/ rect.height) * 100 + \"%\");\r\n    });\r\n\r\n    landing.querySelectorAll(\".xor-button\").forEach(function (button) {\r\n      button.addEventListener(\"pointermove\", function (event) {\r\n        var rect = button.getBoundingClientRect();\r\n        button.style.setProperty(\"--button-x\", ((event.clientX - rect.left) \/ rect.width) * 100 + \"%\");\r\n        button.style.setProperty(\"--button-y\", ((event.clientY - rect.top) \/ rect.height) * 100 + \"%\");\r\n      });\r\n    });\r\n\r\n    landing.querySelectorAll(\".xor-tilt\").forEach(function (card) {\r\n      card.addEventListener(\"pointermove\", function (event) {\r\n        var rect = card.getBoundingClientRect();\r\n        var x = (event.clientX - rect.left) \/ rect.width - 0.5;\r\n        var y = (event.clientY - rect.top) \/ rect.height - 0.5;\r\n        card.style.setProperty(\"--ry\", (x * 8).toFixed(2) + \"deg\");\r\n        card.style.setProperty(\"--rx\", (-y * 8).toFixed(2) + \"deg\");\r\n      });\r\n\r\n      card.addEventListener(\"pointerleave\", function () {\r\n        card.style.setProperty(\"--ry\", \"0deg\");\r\n        card.style.setProperty(\"--rx\", \"0deg\");\r\n      });\r\n    });\r\n\r\n    var demo = landing.querySelector(\"[data-xor-demo]\");\r\n    var play = landing.querySelector(\"[data-xor-play]\");\r\n    if (demo && play) {\r\n      play.addEventListener(\"click\", function () {\r\n        var paused = demo.classList.toggle(\"is-paused\");\r\n        play.textContent = paused ? \">\" : \"||\";\r\n        play.setAttribute(\"aria-label\", paused ? \"Play demo\" : \"Pause demo\");\r\n      });\r\n    }\r\n\r\n    var revealItems = landing.querySelectorAll(\".xor-reveal\");\r\n    if (\"IntersectionObserver\" in window) {\r\n      var revealObserver = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add(\"is-visible\");\r\n            revealObserver.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, {\r\n        threshold: 0.12,\r\n        rootMargin: \"0px 0px -50px 0px\"\r\n      });\r\n\r\n      revealItems.forEach(function (item, index) {\r\n        item.style.transitionDelay = Math.min(index % 5, 4) * 0.05 + \"s\";\r\n        revealObserver.observe(item);\r\n      });\r\n    } else {\r\n      revealItems.forEach(function (item) {\r\n        item.classList.add(\"is-visible\");\r\n      });\r\n    }\r\n\r\n    var chatDemo = landing.querySelector(\"#xorChatDemo\");\r\n    var chatBody = landing.querySelector(\"#xorChatBody\");\r\n    var typing = landing.querySelector(\"#xorChatTyping\");\r\n\r\n    function wait(ms) {\r\n      return new Promise(function (resolve) {\r\n        window.setTimeout(resolve, ms);\r\n      });\r\n    }\r\n\r\n    function addChatMessage(type, text) {\r\n      if (!chatBody || !typing) return;\r\n      var message = document.createElement(\"div\");\r\n      message.className = \"xor-chat-message\" + (type === \"user\" ? \" is-user\" : \"\");\r\n      message.textContent = text;\r\n      chatBody.insertBefore(message, typing);\r\n      requestAnimationFrame(function () {\r\n        message.classList.add(\"is-visible\");\r\n        chatBody.scrollTop = chatBody.scrollHeight;\r\n      });\r\n    }\r\n\r\n    async function runChatDemo() {\r\n      if (!chatBody || !typing || chatBody.dataset.started === \"true\") return;\r\n      chatBody.dataset.started = \"true\";\r\n\r\n      var conversation = [\r\n        { type: \"user\", text: \"Can AI automate customer support for my business?\" },\r\n        { type: \"bot\", text: \"Yes. XOR Studio builds AI assistants trained specifically on your products, services and workflows. They answer customers instantly and qualify leads automatically.\" },\r\n        { type: \"user\", text: \"Can it connect to my CRM?\" },\r\n        { type: \"bot\", text: \"Absolutely. We integrate AI systems with CRMs, APIs, websites and internal tools for a fully connected workflow.\" },\r\n        { type: \"user\", text: \"Can it support multiple languages?\" },\r\n        { type: \"bot\", text: \"Yes. Your assistant can handle multi-language conversations while staying aligned with your brand and business rules.\" }\r\n      ];\r\n\r\n      for (var i = 0; i < conversation.length; i += 1) {\r\n        if (conversation[i].type === \"bot\") {\r\n          typing.classList.add(\"is-active\");\r\n          await wait(780);\r\n          typing.classList.remove(\"is-active\");\r\n        } else {\r\n          await wait(420);\r\n        }\r\n\r\n        addChatMessage(conversation[i].type, conversation[i].text);\r\n        await wait(560);\r\n      }\r\n    }\r\n\r\n    if (chatDemo && \"IntersectionObserver\" in window) {\r\n      var chatObserver = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            runChatDemo();\r\n            chatObserver.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, {\r\n        threshold: 0.35\r\n      });\r\n\r\n      chatObserver.observe(chatDemo);\r\n    } else {\r\n      runChatDemo();\r\n    }\r\n  })();\r\n<\/script>\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>const agent = &#8222;always-on&#8220;; { book: true } if (lead.ready) schedule(); support.resolve() crm.sync(&#8222;won&#8220;) voice.intent.match() AI + API + CRM Usluge Chatbot Demo Tok posla Demo Glas Demo Pretraga Napomena: Dobijte ponudu Integrasanje ve\u0161ta\u010dke inteligencije za preduzec\u0301a AI agenti koji rezervi\u0161u, podr\u017eavaju i prodaju 24\/7 XOR Studio gradi AI \u010detbotove, glasovne agente, automatizaciju toka posla, RAG asistente i API povezane sisteme koji odgovaraju na zahteve kupaca, kvalifikuju potencijalne klijente, zakazuju sastanke, a\u017euriraju va\u0161 CRM i odr\u017eavaju va\u0161 tim fokusiranim na posao koji je va\u017ean. Rezervi\u0161ite svoju AI strategiju Poziv> Istra\u017eite AI usluge Kalendar rezervacije Korisni\u010dka podr\u0161ka A\u017euriranja CRM-aGlas i \u0107askanje RAG pretraga 24\/7 Instant answers for visitors, leads and existing customers. Uobi\u010dajeni zadaci prodaje, podr\u0161ke i operacija spremni za automatizaciju. CRM Pove\u017eite svoje alate, prijemne sandu\u010di\u0107e, obrasce i sisteme za rezervacije. xorstudio.ai\/agent-console AI Agent zakazivanja u\u017eivo Slu\u0161anje, kvalifikacija, zakazivanje i a\u017euriranje CRM-a. Termin zakazan Sutra u 14:30. Potvrda poslata imejlom. Podr\u0161ka re\u0161ena Pitanje o politikama povrac\u0301aja novca je odgovoreno iz va\u0161e baze znanja. CRM sinhronizovan Vode\u0107i izvor, rezime poziva i slede\u0107i korak sa\u010duvani. \u0160ta smo napravili Sistemi ve\u0161ta\u010dke inteligencije koji se uklju\u010duju u na\u010din na koji va\u0161e poslovanje vec\u0301 funkcioni\u0161e. Od prve posete web-sajtu do zakazanog termina, XOR Studio dizajnira razgovore, tokove rada i integracije koje pretvaraju ve\u0161ta\u010dku inteligenciju u merljivu poslovnu vrednost. AI AI korisni\u010dka podr\u0161ka i prodajni asistenti Agenti za \u010detbotove sa ve\u0161ta\u010dkom inteligencijom obu\u010deni da odgovaraju na pitanja, kvalifikuju potencijalne klijente i obra\u0111uju razgovore sa kupcima 24\/7. Trenutni odgovori iz va\u0161e baze znanja Prikupljanje potencijalnih kiljenata Predaja na u\u017eivo podr\u0161ku kada je potrebno Pogledajte re\u0161enja uz ve\u0161ta\u010dku inteligenciju sa \u010detbotovima VO AI korisni\u010dka podr\u0161ka i prodajni glasovni agenti Agenti za glasovnu inteligenciju obu\u010deni da odgovaraju na pitanja, kvalifikuju potencijalne klijente i obra\u0111uju razgovore sa kupcima 24\/7. Prirodni tokovi poziva Zakazivanje termina Rezimei poziva i dodatne informacije Pogledajte Voice AI Solutions RAG Interna ve\u0161ta\u010dka inteligencija pretrage RAG Systems Prilago\u0111eni sistemi za generisanje pro\u0161irenih podataka koji trenutno pretra\u017euju interno znanje kompanije, PDF-ove, dokumentaciju i baze podataka. Pretraga znanja privatnog preduzec\u0301a Odgovori u PDF-u i dokumentaciji Internal assistant for teams Uskoro Mapa sajta Automatizacija toka posla preko API-ja Automatizujte ponavljaju\u0107e zadatke i pove\u017eite poslovne sisteme koriste\u0107i API-je, AI tokove posla, CRM integracije i inteligentnu automatizaciju. CRM i tabele VordPress i obrasci E-po\u0161ta, help desk i alati Uskoro EK E-trgovina AI integracije AI asistenti proizvoda, motori za preporuke, automatizacija napu\u0161tenih kolica i pametne interakcije sa kupcima za online prodavnice. Tokovi preporuka proizvoda Smart korpa oporavak Automatizovani odgovori kupaca Uskoro UX Prilago\u0111eni AI UKS Svaki AI interfejs je dizajniran oko va\u0161eg korisni\u010dkog putovanja, a ne generi\u010dki vid\u017eet koji je pao na stranicu. Brendirani interfejs za \u0107askanje Upiti fokusirani na konverziju Analitika i pobolj\u0161anje petlje Interaktivni chat bot demo Pogledajte kako veb stranica AI asistent obra\u0111uje stvarna pitanja kupaca. Chatbot ispod simulira pravog asistenta KSOR Studio koji odgovara, kvalifikuje i usmerava posetioce koriste\u0107i va\u0161e poslovno znanje. Napravljen za razgovore sa visokim namerama. Va\u0161 AI chatbot mo\u017ee biti obu\u010den za va\u0161e usluge, \u010desto postavljana pitanja, ponude, interne dokumente, politike i proces prodaje, a zatim se povezati sa va\u0161im CRM-om ili radnim procesom rezervacije. 24\/7 Olovo Kvalifikacije Instant FAK Odgovori CRM integracija Podr\u0161ka za vi\u0161e jezika Planirajte moj Chatbot > AI KSOR Studio AI asistent Online i spremni da se kvalifikuju vodi Demo u\u017eivo Pitajte o AI automatizaciji, CRM-u, podr\u0161ci ili glasovnim agentima &#8230; > Demo toka posla Gledajte AI asistenta kako pretvara poruku kupca u rezervisani sastanak. Pogledajte ta\u010dno kako AI sistem obra\u0111uje kvalifikovane potencijalne klijente i rezervi\u0161e sastanke direktno u va\u0161 kalendar. 24\/7 automatizacija sa nultim ljudskim naporom. AI agent demo: rezervacija klijenta || AI Dolazna poruka od vo\u0111e veb sajta AI agent upravlja prvim razgovorom. Zdravo, treba mi konsultacija o automatizaciji korisni\u010dke podr\u0161ke. Apsolutno. Mogu da postavim nekoliko pitanja i rezervi\u0161em poziv sa KSOR Studio. Dobijamo mnogo ponavljanja pitanja i propu\u0161tenih zahteva za imenovanje. Savr\u0161en slu\u010daj upotrebe. Na\u0161ao sam otvoreno mesto sutra u 14:30. Da li to funkcioni\u0161e? Da, rezervi\u0161ite. Gotovo. Poslao sam potvrdu i sa\u010duvao bele\u0161ke o projektu. Majski kalendar Rezervacija sinhronizovana 1234567 891011121314 15161718192021 \u2713 Podr\u017eava potencijalne klijente Potreban je AI chatbot i automatizacija podr\u0161ke. \u2713 Sastanak zakazan Kalendar poziv poslat sa detaljima razgovora. \u2713 CRM a\u017euriran Sa\u017eetak razgovora i slede\u0107i korak sa\u010duvani. Izgra\u0111en oko va\u0161eg stvarnog toka posla. Agent se mo\u017ee povezati sa obrascima va\u0161eg sajta, kalendarom rezervacija, bazom podataka kontakata, prijemnim sandu\u010detom podr\u0161ke i internim alatima, a zatim slediti pravila dizajnirana posebno za va\u0161e poslovanje. VordPress obrasci, stranice, korisni\u010dki tokovi KalendariRezervacije i podsetnici CRMVodi, bele\u0161ke, cevovodi Podr\u0161kaUlaznice i primopredaja VhatsAppMessenger Automatizacija poruka E-mailFollov-up sekvence Planirajte moj AI agent > AI Voice Agent Demo Razgovarajte sa KSOR Studio AI glasovnim asistentom. Testirajte pravog AI glasovnog agenta direktno na stranici. Mo\u017ee odgovoriti na pitanja, kvalifikovati izglede, prikupiti kontekst i povezati podatke o razgovoru sa va\u0161im poslovnim radnim procesom. Glasovna AI za pozive prodaje i podr\u0161ke. AI glasovni agenti poma\u017eu preduze\u0107ima da odgovore na dolazne pozive, rukuju ponavljaju pitanja, kvalifikuju vodi i zakazuju slede\u0107e korake bez ostavljanja kupaca \u010dekanja. Ljudski AI razgovori Vlezni olovo kvalifikacije Sa\u017eeci poziva i pra\u0107enje CRM i integracija kalendara Glasovni asistent u\u017eivoSpreman za testiranje Uticaj na poslovanje Prakti\u010dne prednosti AI koje va\u0161 tim mo\u017ee odmah osetiti. AI ne bi trebalo samo da izgleda impresivno. Trebalo bi da ukloni ponavljaju\u0107i rad, pobolj\u0161a brzinu odziva i pomogne va\u0161em timu da radi sa ve\u0107om jasno\u0107om. 24 24\/7 Automatizovana podr\u0161ka Odgovorite na pitanja, zahteve za rutu i podr\u0161ku klijentima \u010dak i kada je va\u0161 tim van mre\u017ee. \u26a1 Br\u017ei odgovor na olovo Odmah kvalifikujte posetioce i premestite izglede sa visokim namerama u svoj radni tok prodaje. $ Smanjeni operativni tro\u0161kovi Automatizujte ponavljaju\u0107u podr\u0161ku, prodaju, administraciju i interne zadatke znanja u velikoj meri. KB Pametna interna pretraga Dajte zaposlenima trenutne odgovore iz PDF-ova, dokumentacije, politika i baza podataka. Mapa sajta API povezani sistemi Pove\u017eite AI sa CRM-ovima, kalendarima, platformama za e-trgovinu, kontrolnim tablama i prilago\u0111enim alatima. AI Ljudski AI razgovori Rasporedite pomo\u0107nike koji zvu\u010de prirodno, ostanite na brendu i vodite korisnike ka slede\u0107em koraku. Kako gradimo AI sisteme Od ideje do radne AI infrastrukture, bez da va\u0161 tim nau\u010di novi stack. KSOR<\/p>\n","protected":false},"author":1,"featured_media":4490,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6015","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Prilago\u0111ene AI integracije i usluge automatizacije poslovanja | XOR Studio<\/title>\n<meta name=\"description\" content=\"Integri\u0161emo ljudske AI glasovne agente, RAG-povered chatbotove i automatizovane tokove posla kako bismo skalirali va\u0161e operacije KSNUMKS \/ KSNUMKS.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/xorstudio.net\/sr\/usluge-integracije-ai\/\" \/>\n<meta property=\"og:locale\" content=\"sr_RS\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prilago\u0111ene AI integracije i usluge automatizacije poslovanja | XOR Studio\" \/>\n<meta property=\"og:description\" content=\"Integri\u0161emo ljudske AI glasovne agente, RAG-povered chatbotove i automatizovane tokove posla kako bismo skalirali va\u0161e operacije KSNUMKS \/ KSNUMKS.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xorstudio.net\/sr\/usluge-integracije-ai\/\" \/>\n<meta property=\"og:site_name\" content=\"Xor Studio\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/XorStudioWeb\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-26T21:07:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/xorstudio.net\/wp-content\/uploads\/2025\/05\/5.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u041f\u0440\u043e\u0446\u0435\u045a\u0435\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u0447\u0438\u0442\u0430\u045a\u0430\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 \u043c\u0438\u043d\u0443\u0442\u0430\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/usluge-integracije-ai\\\/\",\"url\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/usluge-integracije-ai\\\/\",\"name\":\"Prilago\u0111ene AI integracije i usluge automatizacije poslovanja | XOR Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/usluge-integracije-ai\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/usluge-integracije-ai\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/xorstudio.net\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/5.jpg\",\"datePublished\":\"2026-05-08T08:46:14+00:00\",\"dateModified\":\"2026-05-26T21:07:44+00:00\",\"description\":\"Integri\u0161emo ljudske AI glasovne agente, RAG-povered chatbotove i automatizovane tokove posla kako bismo skalirali va\u0161e operacije KSNUMKS \\\/ KSNUMKS.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/usluge-integracije-ai\\\/#breadcrumb\"},\"inLanguage\":\"sr-RS\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/xorstudio.net\\\/sr\\\/usluge-integracije-ai\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sr-RS\",\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/usluge-integracije-ai\\\/#primaryimage\",\"url\":\"https:\\\/\\\/xorstudio.net\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/5.jpg\",\"contentUrl\":\"https:\\\/\\\/xorstudio.net\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/5.jpg\",\"width\":1200,\"height\":628,\"caption\":\"AI u poslovanju\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/usluge-integracije-ai\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Usluge integracije AI\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/#website\",\"url\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/\",\"name\":\"Xor Studio\",\"description\":\"Web, AI, and Marketing\u2014Done Right.\",\"publisher\":{\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sr-RS\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/#organization\",\"name\":\"Xor Studio\",\"url\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sr-RS\",\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/xorstudio.net\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/cropped-XorStudio.png\",\"contentUrl\":\"https:\\\/\\\/xorstudio.net\\\/wp-content\\\/uploads\\\/2024\\\/06\\\/cropped-XorStudio.png\",\"width\":1561,\"height\":446,\"caption\":\"Xor Studio\"},\"image\":{\"@id\":\"https:\\\/\\\/xorstudio.net\\\/sr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/XorStudioWeb\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/xorstudio-company\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Prilago\u0111ene AI integracije i usluge automatizacije poslovanja | XOR Studio","description":"Integri\u0161emo ljudske AI glasovne agente, RAG-povered chatbotove i automatizovane tokove posla kako bismo skalirali va\u0161e operacije KSNUMKS \/ KSNUMKS.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/xorstudio.net\/sr\/usluge-integracije-ai\/","og_locale":"sr_RS","og_type":"article","og_title":"Prilago\u0111ene AI integracije i usluge automatizacije poslovanja | XOR Studio","og_description":"Integri\u0161emo ljudske AI glasovne agente, RAG-povered chatbotove i automatizovane tokove posla kako bismo skalirali va\u0161e operacije KSNUMKS \/ KSNUMKS.","og_url":"https:\/\/xorstudio.net\/sr\/usluge-integracije-ai\/","og_site_name":"Xor Studio","article_publisher":"https:\/\/www.facebook.com\/XorStudioWeb\/","article_modified_time":"2026-05-26T21:07:44+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/xorstudio.net\/wp-content\/uploads\/2025\/05\/5.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"\u041f\u0440\u043e\u0446\u0435\u045a\u0435\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u0447\u0438\u0442\u0430\u045a\u0430":"6 \u043c\u0438\u043d\u0443\u0442\u0430"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xorstudio.net\/sr\/usluge-integracije-ai\/","url":"https:\/\/xorstudio.net\/sr\/usluge-integracije-ai\/","name":"Prilago\u0111ene AI integracije i usluge automatizacije poslovanja | XOR Studio","isPartOf":{"@id":"https:\/\/xorstudio.net\/sr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/xorstudio.net\/sr\/usluge-integracije-ai\/#primaryimage"},"image":{"@id":"https:\/\/xorstudio.net\/sr\/usluge-integracije-ai\/#primaryimage"},"thumbnailUrl":"https:\/\/xorstudio.net\/wp-content\/uploads\/2025\/05\/5.jpg","datePublished":"2026-05-08T08:46:14+00:00","dateModified":"2026-05-26T21:07:44+00:00","description":"Integri\u0161emo ljudske AI glasovne agente, RAG-povered chatbotove i automatizovane tokove posla kako bismo skalirali va\u0161e operacije KSNUMKS \/ KSNUMKS.","breadcrumb":{"@id":"https:\/\/xorstudio.net\/sr\/usluge-integracije-ai\/#breadcrumb"},"inLanguage":"sr-RS","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xorstudio.net\/sr\/usluge-integracije-ai\/"]}]},{"@type":"ImageObject","inLanguage":"sr-RS","@id":"https:\/\/xorstudio.net\/sr\/usluge-integracije-ai\/#primaryimage","url":"https:\/\/xorstudio.net\/wp-content\/uploads\/2025\/05\/5.jpg","contentUrl":"https:\/\/xorstudio.net\/wp-content\/uploads\/2025\/05\/5.jpg","width":1200,"height":628,"caption":"AI u poslovanju"},{"@type":"BreadcrumbList","@id":"https:\/\/xorstudio.net\/sr\/usluge-integracije-ai\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/xorstudio.net\/sr\/"},{"@type":"ListItem","position":2,"name":"Usluge integracije AI"}]},{"@type":"WebSite","@id":"https:\/\/xorstudio.net\/sr\/#website","url":"https:\/\/xorstudio.net\/sr\/","name":"Xor Studio","description":"Web, AI, and Marketing\u2014Done Right.","publisher":{"@id":"https:\/\/xorstudio.net\/sr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xorstudio.net\/sr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sr-RS"},{"@type":"Organization","@id":"https:\/\/xorstudio.net\/sr\/#organization","name":"Xor Studio","url":"https:\/\/xorstudio.net\/sr\/","logo":{"@type":"ImageObject","inLanguage":"sr-RS","@id":"https:\/\/xorstudio.net\/sr\/#\/schema\/logo\/image\/","url":"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/06\/cropped-XorStudio.png","contentUrl":"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/06\/cropped-XorStudio.png","width":1561,"height":446,"caption":"Xor Studio"},"image":{"@id":"https:\/\/xorstudio.net\/sr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/XorStudioWeb\/","https:\/\/www.linkedin.com\/company\/xorstudio-company\/"]}]}},"_links":{"self":[{"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/pages\/6015","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/comments?post=6015"}],"version-history":[{"count":6,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/pages\/6015\/revisions"}],"predecessor-version":[{"id":6287,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/pages\/6015\/revisions\/6287"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/media\/4490"}],"wp:attachment":[{"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/media?parent=6015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}