{"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-22T17:51:34","modified_gmt":"2026-05-22T17:51:34","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 elementor-5891\">\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: paste everything in this file into a Custom HTML block.\r\n  Optional: replace the href values marked CONTACT-LINK with your preferred contact\/booking URL.\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: #a9b8cb;\r\n    --xor-text: #f7fbff;\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::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    font-family: \"Montserrat\", Arial, sans-serif;\r\n    letter-spacing: 0;\r\n    color:white\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-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  .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-brand-mark {\r\n    display: grid;\r\n    place-items: center;\r\n    width: 38px;\r\n    height: 38px;\r\n    border: 1px solid rgba(55, 217, 255, 0.42);\r\n    border-radius: 8px;\r\n    color: #ffffff;\r\n    background: linear-gradient(135deg, rgba(23, 144, 224, 0.92), rgba(55, 217, 255, 0.38));\r\n    box-shadow: 0 0 28px rgba(23, 144, 224, 0.36);\r\n    font-size: 0.8rem;\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: #d9e7f7;\r\n    font-size: 0.9rem;\r\n    transition: color 180ms ease, background 180ms ease;\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  }\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;\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    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease, background 220ms ease;\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    transition: opacity 220ms ease;\r\n  }\r\n\r\n  .xor-button span {\r\n    position: relative;\r\n    z-index: 1;\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-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: #cfefff;\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;\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: #c7d5e6;\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: #d7e6f8;\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    transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;\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  }\r\n\r\n  .xor-stat-value {\r\n    display: block;\r\n    color: #ffffff;\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: var(--xor-muted);\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    transition: transform 220ms ease, box-shadow 220ms ease;\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-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;\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: var(--xor-muted);\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 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: var(--xor-muted);\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  }\r\n\r\n  .xor-section-head p,\r\n  .xor-section-intro {\r\n    color: #bfd0e5;\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    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;\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    transition: opacity 220ms ease;\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 45px rgba(23, 144, 224, 0.16);\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  }\r\n\r\n  .xor-feature-card p {\r\n    margin-top: 12px;\r\n    color: var(--xor-muted);\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: #d7e8f8;\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-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: #eaf7ff;\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    transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;\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 28px rgba(23, 144, 224, 0.32);\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    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;\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    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: var(--xor-muted);\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: #dcecff;\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;\r\n    background: linear-gradient(135deg, #37d9ff, #5dffb2);\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: #d9ecff;\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: #b9c9dc;\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;\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: var(--xor-muted);\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 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: var(--xor-muted);\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    transition: transform 180ms ease, border-color 180ms ease;\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  }\r\n\r\n  .xor-integration strong {\r\n    display: block;\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: var(--xor-muted);\r\n    font-size: 0.78rem;\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 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: var(--xor-muted);\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-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: #c9d8e8;\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: var(--xor-muted);\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .xor-footer-line a {\r\n    color: #eaf7ff;\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      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      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    }\r\n\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      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<\/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;\">&lt;automation \/&gt;<\/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\">Services<\/a>\r\n        <a href=\"#xor-demo\">Demo<\/a>\r\n        <a href=\"#xor-process\">Process<\/a>\r\n        <a href=\"#xor-contact\">Contact<\/a>\r\n      <\/nav>\r\n\r\n      <a class=\"xor-button is-ghost\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\">\r\n        <span>Get a quote<\/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\">\r\n        <div class=\"xor-eyebrow\"><span class=\"xor-pulse\"><\/span> AI integrations for service businesses<\/div>\r\n        <h1>AI Agents That <span class=\"xor-gradient-text\">Book, Support & Sell<\/span> 24\/7<\/h1>\r\n        <p class=\"xor-hero-lead\">\r\n          XOR Studio builds AI chatbots, voice agents and workflow automations that answer customers,\r\n          qualify leads, schedule appointments, update your CRM and keep your team focused on the work that matters.\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>Book Your AI Strategy Call<\/span>\r\n            <span class=\"xor-arrow\">><\/span>\r\n          <\/a>\r\n          <a class=\"xor-button is-ghost\" href=\"#xor-demo\">\r\n            <span>Watch Demo<\/span>\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div class=\"xor-trust-strip\" aria-label=\"Integration highlights\">\r\n          <span>Calendar booking<\/span>\r\n          <span>Customer support<\/span>\r\n          <span>CRM updates<\/span>\r\n          <span>Voice and chat<\/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            <span class=\"xor-stat-value\">60+<\/span>\r\n            <span class=\"xor-stat-label\">Common sales and support tasks ready to automate.<\/span>\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\">Connect your tools, inboxes, forms and booking systems.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"xor-hero-visual\" 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=\"Smartphone showing an AI assistant interface\" 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>Live Booking Agent<\/h3>\r\n                    <p>Listening, qualifying, scheduling and updating CRM.<\/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>Appointment booked<\/strong>\r\n            <small>Tomorrow at 14:30. Confirmation sent by email.<\/small>\r\n          <\/div>\r\n          <div class=\"xor-floating-note xor-note-two\">\r\n            <strong>Support resolved<\/strong>\r\n            <small>Refund policy question answered from your knowledge base.<\/small>\r\n          <\/div>\r\n          <div class=\"xor-floating-note xor-note-three\">\r\n            <strong>CRM synced<\/strong>\r\n            <small>Lead source, call summary and next step saved.<\/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\">\r\n        <div>\r\n          <div class=\"xor-eyebrow\"><span class=\"xor-pulse\"><\/span> What we build<\/div>\r\n          <h2>AI systems that plug into the way your business already works.<\/h2>\r\n        <\/div>\r\n        <p>\r\n          From first website visit to booked appointment, XOR Studio designs the conversations,\r\n          workflows and integrations that turn AI into measurable business value.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"xor-feature-grid\">\r\n        <article class=\"xor-feature-card xor-tilt\">\r\n          <div class=\"xor-feature-icon\">AI<\/div>\r\n          <h3>AI Chatbots<\/h3>\r\n          <p>Website chat assistants trained on your services, FAQs, tone of voice and lead qualification rules.<\/p>\r\n          <ul class=\"xor-feature-list\">\r\n            <li>Instant answers from your knowledge base<\/li>\r\n            <li>Lead capture and scoring<\/li>\r\n            <li>Human handoff when needed<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n\r\n        <article class=\"xor-feature-card xor-tilt\">\r\n          <div class=\"xor-feature-icon\">VO<\/div>\r\n          <h3>Voice Agents<\/h3>\r\n          <p>AI phone agents that can answer calls, ask qualifying questions and book clients into your calendar.<\/p>\r\n          <ul class=\"xor-feature-list\">\r\n            <li>Natural call flows<\/li>\r\n            <li>Appointment scheduling<\/li>\r\n            <li>Call summaries and follow-ups<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n\r\n        <article class=\"xor-feature-card xor-tilt\">\r\n          <div class=\"xor-feature-icon\">BK<\/div>\r\n          <h3>Booking Automation<\/h3>\r\n          <p>Connect your website, forms, calendar and reminders so leads can move from question to meeting fast.<\/p>\r\n          <ul class=\"xor-feature-list\">\r\n            <li>Availability checks<\/li>\r\n            <li>Email and SMS confirmations<\/li>\r\n            <li>No-show reduction workflows<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n\r\n        <article class=\"xor-feature-card xor-tilt\">\r\n          <div class=\"xor-feature-icon\">CS<\/div>\r\n          <h3>Customer Support<\/h3>\r\n          <p>Deflect repetitive support tickets while keeping answers accurate, branded and easy to escalate.<\/p>\r\n          <ul class=\"xor-feature-list\">\r\n            <li>FAQ and policy answers<\/li>\r\n            <li>Ticket triage<\/li>\r\n            <li>Priority routing<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n\r\n        <article class=\"xor-feature-card xor-tilt\">\r\n          <div class=\"xor-feature-icon\">API<\/div>\r\n          <h3>Tool Integrations<\/h3>\r\n          <p>Make AI useful by connecting it to the systems your team already relies on every day.<\/p>\r\n          <ul class=\"xor-feature-list\">\r\n            <li>CRM and spreadsheets<\/li>\r\n            <li>WordPress and forms<\/li>\r\n            <li>WhatsApp, email and help desk<\/li>\r\n          <\/ul>\r\n        <\/article>\r\n\r\n        <article class=\"xor-feature-card xor-tilt\">\r\n          <div class=\"xor-feature-icon\">UX<\/div>\r\n          <h3>Custom UX<\/h3>\r\n          <p>Every AI interface is designed around your customer journey, not a generic widget dropped on a page.<\/p>\r\n          <ul class=\"xor-feature-list\">\r\n            <li>Branded chat interface<\/li>\r\n            <li>Conversion-focused prompts<\/li>\r\n            <li>Analytics and improvement loops<\/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-demo\">\r\n    <div class=\"xor-shell\">\r\n      <div class=\"xor-section-head\">\r\n        <div>\r\n          <div class=\"xor-eyebrow\"><span class=\"xor-pulse\"><\/span> Demo in action<\/div>\r\n          <h2>Watch an AI agent turn a customer call into a booked appointment.<\/h2>\r\n        <\/div>\r\n        <p>\r\n          This animated demo is built directly into the page, so it works without hosting a video file.\r\n          Replace it with a real MP4 later if you record your own voice-agent demo.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"xor-demo-wrap\">\r\n        <div class=\"xor-demo-player\" data-xor-demo>\r\n          <div class=\"xor-demo-top\">\r\n            <span class=\"xor-demo-live\"><span class=\"xor-live-dot\"><\/span> Voice agent demo: booking client<\/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>Incoming call from website lead<\/strong>\r\n                <span>AI agent handles the first conversation.<\/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;\">Hi, I need a consultation about automating customer support.<\/div>\r\n                <div class=\"xor-bubble is-agent\" style=\"--delay:1.4s;\">Absolutely. I can ask a few questions and book a call with XOR Studio.<\/div>\r\n                <div class=\"xor-bubble\" style=\"--delay:2.9s;\">We get many repeat questions and missed appointment requests.<\/div>\r\n                <div class=\"xor-bubble is-agent\" style=\"--delay:4.3s;\">Perfect use case. I found an open slot tomorrow at 14:30. Does that work?<\/div>\r\n                <div class=\"xor-bubble\" style=\"--delay:5.8s;\">Yes, book it.<\/div>\r\n                <div class=\"xor-bubble is-agent\" style=\"--delay:7.1s;\">Done. I sent the confirmation and saved your project notes.<\/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>May Calendar<\/span>\r\n                <small>Booking synced<\/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>Lead qualified<\/strong>\r\n                    <small>Needs AI chatbot and support automation.<\/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>Meeting scheduled<\/strong>\r\n                    <small>Calendar invite sent with call details.<\/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 updated<\/strong>\r\n                    <small>Conversation summary and next step saved.<\/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\">\r\n          <h3>Built around your real workflow.<\/h3>\r\n          <p>\r\n            The agent can connect to your site forms, booking calendar, contact database,\r\n            support inbox and internal tools, then follow rules designed specifically for your business.\r\n          <\/p>\r\n          <div class=\"xor-integration-grid\" aria-label=\"Popular integrations\">\r\n            <div class=\"xor-integration\"><strong>WordPress<\/strong><span>Forms, pages, user flows<\/span><\/div>\r\n            <div class=\"xor-integration\"><strong>Calendars<\/strong><span>Booking and reminders<\/span><\/div>\r\n            <div class=\"xor-integration\"><strong>CRM<\/strong><span>Leads, notes, pipelines<\/span><\/div>\r\n            <div class=\"xor-integration\"><strong>Support<\/strong><span>Tickets and handoff<\/span><\/div>\r\n            <div class=\"xor-integration\"><strong>WhatsApp<\/strong><span>Messaging automation<\/span><\/div>\r\n            <div class=\"xor-integration\"><strong>Email<\/strong><span>Follow-up sequences<\/span><\/div>\r\n          <\/div>\r\n          <a class=\"xor-button is-primary\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\">\r\n            <span>Plan My 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-process\">\r\n    <div class=\"xor-shell\">\r\n      <div class=\"xor-section-head\">\r\n        <div>\r\n          <div class=\"xor-eyebrow\"><span class=\"xor-pulse\"><\/span> How we launch<\/div>\r\n          <h2>From idea to working AI system, without making your team learn a new stack.<\/h2>\r\n        <\/div>\r\n        <p>\r\n          XOR Studio handles strategy, design, development, integration, testing and optimization\r\n          so your AI agent is useful from day one.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"xor-roadmap\">\r\n        <div class=\"xor-process-grid\">\r\n          <article class=\"xor-process-step\" data-step=\"1\">\r\n            <h3>Map the workflow<\/h3>\r\n            <p>We identify high-value support, booking and lead tasks that AI can handle reliably.<\/p>\r\n          <\/article>\r\n          <article class=\"xor-process-step\" data-step=\"2\">\r\n            <h3>Design the agent<\/h3>\r\n            <p>We create prompts, guardrails, conversation flows and escalation rules around your brand.<\/p>\r\n          <\/article>\r\n          <article class=\"xor-process-step\" data-step=\"3\">\r\n            <h3>Connect your tools<\/h3>\r\n            <p>We integrate the agent with your site, calendar, CRM, forms, inboxes and data sources.<\/p>\r\n          <\/article>\r\n          <article class=\"xor-process-step\" data-step=\"4\">\r\n            <h3>Launch and improve<\/h3>\r\n            <p>We monitor real interactions, improve answers and tune the system as your business grows.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"xor-cta\" id=\"xor-contact\">\r\n        <div class=\"xor-cta-grid\">\r\n          <div>\r\n            <h2>Ready to give every lead an instant response?<\/h2>\r\n            <p>\r\n              Tell XOR Studio what you want to automate, and we will map the fastest path to a useful AI chatbot,\r\n              voice agent or custom workflow for your business.\r\n            <\/p>\r\n          <\/div>\r\n          <a class=\"xor-button is-primary\" href=\"https:\/\/xorstudio.net\/sr\/kontakt\/\">\r\n            <span>Start Your AI Integration<\/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 Integrations<\/strong>\r\n        <span><a href=\"https:\/\/xorstudio.net\/sr\/\">xorstudio.net<\/a> | AI chatbots, voice agents and business automation<\/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<\/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 } &lt;automation \/&gt; if (lead.ready) schedule(); support.resolve() crm.sync(&#8222;won&#8220;) voice.intent.match() AI + API + CRM Services Demo Process Contact Get a quote AI integrations for service businesses AI Agents That Book, Support &#038; Sell 24\/7 XOR Studio builds AI chatbots, voice agents and workflow automations that answer customers, qualify leads, schedule appointments, update your CRM and keep your team focused on the work that matters. Book Your AI Strategy Call > Watch Demo Calendar booking Customer support CRM updates Voice and chat 24\/7 Instant answers for visitors, leads and existing customers. 60+ Common sales and support tasks ready to automate. CRM Connect your tools, inboxes, forms and booking systems. xorstudio.ai\/agent-console AI Live Booking Agent Listening, qualifying, scheduling and updating CRM. Appointment booked Tomorrow at 14:30. Confirmation sent by email. Support resolved Refund policy question answered from your knowledge base. CRM synced Lead source, call summary and next step saved. What we build AI systems that plug into the way your business already works. From first website visit to booked appointment, XOR Studio designs the conversations, workflows and integrations that turn AI into measurable business value. AI AI Chatbots Website chat assistants trained on your services, FAQs, tone of voice and lead qualification rules. Instant answers from your knowledge base Lead capture and scoring Human handoff when needed VO Voice Agents AI phone agents that can answer calls, ask qualifying questions and book clients into your calendar. Natural call flows Appointment scheduling Call summaries and follow-ups BK Booking Automation Connect your website, forms, calendar and reminders so leads can move from question to meeting fast. Availability checks Email and SMS confirmations No-show reduction workflows CS Customer Support Deflect repetitive support tickets while keeping answers accurate, branded and easy to escalate. FAQ and policy answers Ticket triage Priority routing API Tool Integrations Make AI useful by connecting it to the systems your team already relies on every day. CRM and spreadsheets WordPress and forms WhatsApp, email and help desk UX Custom UX Every AI interface is designed around your customer journey, not a generic widget dropped on a page. Branded chat interface Conversion-focused prompts Analytics and improvement loops Demo in action Watch an AI agent turn a customer call into a booked appointment. This animated demo is built directly into the page, so it works without hosting a video file. Replace it with a real MP4 later if you record your own voice-agent demo. Voice agent demo: booking client || AI Incoming call from website lead AI agent handles the first conversation. Hi, I need a consultation about automating customer support. Absolutely. I can ask a few questions and book a call with XOR Studio. We get many repeat questions and missed appointment requests. Perfect use case. I found an open slot tomorrow at 14:30. Does that work? Yes, book it. Done. I sent the confirmation and saved your project notes. May Calendar Booking synced 1234567 891011121314 15161718192021 \u2713 Lead qualified Needs AI chatbot and support automation. \u2713 Meeting scheduled Calendar invite sent with call details. \u2713 CRM updated Conversation summary and next step saved. Built around your real workflow. The agent can connect to your site forms, booking calendar, contact database, support inbox and internal tools, then follow rules designed specifically for your business. WordPressForms, pages, user flows CalendarsBooking and reminders CRMLeads, notes, pipelines SupportTickets and handoff WhatsAppMessaging automation EmailFollow-up sequences Plan My AI Agent > How we launch From idea to working AI system, without making your team learn a new stack. XOR Studio handles strategy, design, development, integration, testing and optimization so your AI agent is useful from day one. Map the workflow We identify high-value support, booking and lead tasks that AI can handle reliably. Design the agent We create prompts, guardrails, conversation flows and escalation rules around your brand. Connect your tools We integrate the agent with your site, calendar, CRM, forms, inboxes and data sources. Launch and improve We monitor real interactions, improve answers and tune the system as your business grows. Ready to give every lead an instant response? Tell XOR Studio what you want to automate, and we will map the fastest path to a useful AI chatbot, voice agent or custom workflow for your business. Start Your AI Integration > XOR Studio AI Integrations xorstudio.net | AI chatbots, voice agents and business automation<\/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 v27.6 - 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-22T17:51:34+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=\"4 \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-22T17:51:34+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\\\/10\\\/XorStudio.svg\",\"contentUrl\":\"https:\\\/\\\/xorstudio.net\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/XorStudio.svg\",\"width\":500,\"height\":200,\"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-22T17:51:34+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":"4 \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-22T17:51:34+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\/10\/XorStudio.svg","contentUrl":"https:\/\/xorstudio.net\/wp-content\/uploads\/2024\/10\/XorStudio.svg","width":500,"height":200,"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":3,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/pages\/6015\/revisions"}],"predecessor-version":[{"id":6032,"href":"https:\/\/xorstudio.net\/sr\/wp-json\/wp\/v2\/pages\/6015\/revisions\/6032"}],"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}]}}