{"id":8523,"date":"2025-09-30T15:36:40","date_gmt":"2025-09-30T13:36:40","guid":{"rendered":"https:\/\/bildtest25.wpenginepowered.com\/?page_id=8523"},"modified":"2025-10-09T12:41:06","modified_gmt":"2025-10-09T10:41:06","slug":"ai-rapid-product-development","status":"publish","type":"page","link":"https:\/\/www.bild-studio.com\/en\/services\/ai-development-transformation\/ai-rapid-product-development\/","title":{"rendered":"AI Rapid Product Development"},"content":{"rendered":"\n<div id=\"title-header-block_68dbd1651f160\" class=\"title-header \">\n   <div class=\"container py-4 lg:pt-14 lg:pb-20\">\n      <h1 class=\"text-lg lg:text-2.5xl font-semibold mb-12 lg:mb-16\">AI Rapid Product Development<\/h1>\n      <div class=\"text-5xl lg:text-11xl font-semibold xl:pl-24\">\n         AI-Powered Rapid Product Development \u2014 up to 3\u00d7 faster delivery\n      <\/div>\n      <div class=\"lg:text-2.5xl font-serif my-6 xl:pl-24\">\n         We\u2019ve redefined how digital products are built.Our AI-augmented workflow connects every phase \u2014 from discovery to deployment \u2014 accelerating delivery without losing precision or quality.\n      <\/div>\n   <\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full w-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"938\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/AI-rapid-developmend-croped.png\" alt=\"\" class=\"wp-image-8737 w-full\" srcset=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/AI-rapid-developmend-croped.png 1920w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/AI-rapid-developmend-croped-300x147.png 300w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/AI-rapid-developmend-croped-1024x500.png 1024w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/AI-rapid-developmend-croped-768x375.png 768w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/AI-rapid-developmend-croped-1536x750.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<div id=\"paragraf-large-text-block_68dceac553678\" class=\"paragraf-large-text\">\n   <div class=\"container py-4 lg:pt-14 lg:pb-20\">\n      <div class=\"lg:text-2.5xl font-serif my-6 xl:pl-24\">\n         Traditional development is slow, fragmented, and expensive.Every phase \u2014 design, development, QA, and DevOps \u2014 relies on manual coordination, versioning chaos, and limited visibility.\nWe\u2019ve replaced that with an AI-orchestrated pipeline that works with our team, not instead of it.It automates what slows us down and amplifies what makes us exceptional.\n      <\/div>\n   <\/div>\n<\/div>\n\n\n\n<div id=\"block_68de7adb9ea59\" class=\"facts-block\">\n    <div class=\"container mx-auto px-6 lg:px-12\">\n        <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 lg:gap-12 xl:gap-16\">\n                        <div class=\"fact-item\">\n                <!-- Horizontal line -->\n                <div class=\"fact-line w-full h-0.5 bg-gray-300 mb-6\"><\/div>\n\n                <!-- Label -->\n                                    <div class=\"fact-label text-sm lg:text-base uppercase tracking-wide mb-3 font-medium\">\n                        Development Acceleration                    <\/div>\n                \n                <!-- Value (big number or text) -->\n                                    <div class=\"fact-value text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-2\">\n                        Up to 3\u00d7 faster delivery                    <\/div>\n                \n                <!-- Description (optional) -->\n                                    <div class=\"fact-description text-base lg:text-lg text-gray-600\">\n                        Our AI-augmented workflows let teams deliver prototypes, MVPs, and full products up to three times faster than traditional methods.                    <\/div>\n                            <\/div>\n                        <div class=\"fact-item\">\n                <!-- Horizontal line -->\n                <div class=\"fact-line w-full h-0.5 bg-gray-300 mb-6\"><\/div>\n\n                <!-- Label -->\n                                    <div class=\"fact-label text-sm lg:text-base uppercase tracking-wide mb-3 font-medium\">\n                        Cost Efficiency                    <\/div>\n                \n                <!-- Value (big number or text) -->\n                                    <div class=\"fact-value text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-2\">\n                        up to 45% lower costs                    <\/div>\n                \n                <!-- Description (optional) -->\n                                    <div class=\"fact-description text-base lg:text-lg text-gray-600\">\n                        By integrating AI agents across design, development, testing, and DevOps, we cut coordination and production costs significantly.                    <\/div>\n                            <\/div>\n                        <div class=\"fact-item\">\n                <!-- Horizontal line -->\n                <div class=\"fact-line w-full h-0.5 bg-gray-300 mb-6\"><\/div>\n\n                <!-- Label -->\n                                    <div class=\"fact-label text-sm lg:text-base uppercase tracking-wide mb-3 font-medium\">\n                        Average prototype speed                    <\/div>\n                \n                <!-- Value (big number or text) -->\n                                    <div class=\"fact-value text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-2\">\n                        2\u20134 weeks                    <\/div>\n                \n                <!-- Description (optional) -->\n                                    <div class=\"fact-description text-base lg:text-lg text-gray-600\">\n                        Time needed to build and validate a functional AI proof-of-concept                    <\/div>\n                            <\/div>\n                        <div class=\"fact-item\">\n                <!-- Horizontal line -->\n                <div class=\"fact-line w-full h-0.5 bg-gray-300 mb-6\"><\/div>\n\n                <!-- Label -->\n                                    <div class=\"fact-label text-sm lg:text-base uppercase tracking-wide mb-3 font-medium\">\n                        Automation Coverage                    <\/div>\n                \n                <!-- Value (big number or text) -->\n                                    <div class=\"fact-value text-4xl lg:text-5xl xl:text-6xl font-extrabold mb-2\">\n                        60\u201380% of workflow automated                    <\/div>\n                \n                <!-- Description (optional) -->\n                                    <div class=\"fact-description text-base lg:text-lg text-gray-600\">\n                        We\u2019ve automated the majority of repetitive tasks \u2014 documentation, testing, and code generation \u2014 with full human oversight and validation.                    <\/div>\n                            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!-- Workflow Diagram - Full Width Section -->\n<div class=\"workflow-section-bild\">\n    <style>\n        .workflow-section-bild {\n            background: #000000;\n            padding: 80px 40px;\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw !important;\n            margin-right: -50vw !important;\n        }\n\n        .workflow-section-bild * {\n            box-sizing: border-box;\n        }\n\n        .workflow-section-bild .wf-container {\n            max-width: 1600px;\n            width: 100%;\n            margin: 0 auto;\n        }\n\n        .workflow-section-bild .wf-header {\n            margin-bottom: 24px;\n            text-align: left;\n            animation: wfFadeInDown 0.8s ease-out;\n        }\n\n        .workflow-section-bild .wf-title {\n            font-size: 56px;\n            font-weight: 400;\n            color: #ffffff;\n            margin-bottom: 12px;\n            letter-spacing: -1px;\n            font-family: inherit;\n            line-height: 1.2;\n        }\n\n        .workflow-section-bild .wf-subtitle {\n            font-size: 36px;\n            font-weight: 400;\n            color: #00ff9d;\n            letter-spacing: -0.5px;\n            font-family: inherit;\n            line-height: 1.2;\n        }\n\n        .workflow-section-bild .wf-content {\n            position: relative;\n            padding: 60px 0 100px;\n        }\n\n        .workflow-section-bild .wf-phases {\n            display: flex;\n            align-items: stretch;\n            position: relative;\n            z-index: 1;\n        }\n\n        .workflow-section-bild .wf-card {\n            flex: 1;\n            background: #ffffff;\n            position: relative;\n            padding: 48px 32px 140px;\n            min-height: 480px;\n            display: flex;\n            flex-direction: column;\n            clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50%, calc(100% - 50px) 100%, 0 100%, 50px 50%);\n            margin-left: -48px;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            animation: wfFadeInUp 0.6s ease-out backwards;\n            filter: drop-shadow(2px 0 0 rgba(0, 0, 0, 0.15));\n        }\n\n        .workflow-section-bild .wf-card::before {\n            content: '';\n            position: absolute;\n            top: -3px;\n            left: -3px;\n            right: -3px;\n            bottom: -3px;\n            background: #ffffff;\n            clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50%, calc(100% - 50px) 100%, 0 100%, 50px 50%);\n            z-index: -1;\n            pointer-events: none;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .workflow-section-bild .wf-card::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: transparent;\n            border: 2px solid rgba(0, 0, 0, 0.15);\n            clip-path: inherit;\n            pointer-events: none;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .workflow-section-bild .wf-card:first-child {\n            clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50%, calc(100% - 50px) 100%, 0 100%);\n            margin-left: 0;\n        }\n\n        .workflow-section-bild .wf-card:first-child::before {\n            clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50%, calc(100% - 50px) 100%, 0 100%);\n        }\n\n        .workflow-section-bild .wf-card:last-child {\n            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 50px 50%);\n        }\n\n        .workflow-section-bild .wf-card:last-child::before {\n            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 50px 50%);\n        }\n\n        .workflow-section-bild .wf-card:hover {\n            transform: scale(1.08) translateY(-10px) !important;\n            filter: drop-shadow(0 25px 40px rgba(255, 255, 255, 0.15))\n                    drop-shadow(0 15px 25px rgba(255, 255, 255, 0.1))\n                    drop-shadow(0 8px 15px rgba(255, 255, 255, 0.08)) !important;\n            z-index: 10 !important;\n        }\n\n        .workflow-section-bild .wf-card:hover::before {\n            background: #00ff9d;\n        }\n\n        .workflow-section-bild .wf-card:hover::after {\n            border-color: #00ff9d;\n            border-width: 3px;\n        }\n\n        .workflow-section-bild .wf-card:nth-child(1) { animation-delay: 0.1s; }\n        .workflow-section-bild .wf-card:nth-child(2) { animation-delay: 0.2s; }\n        .workflow-section-bild .wf-card:nth-child(3) { animation-delay: 0.3s; }\n        .workflow-section-bild .wf-card:nth-child(4) { animation-delay: 0.4s; }\n        .workflow-section-bild .wf-card:nth-child(5) { animation-delay: 0.5s; }\n\n        .workflow-section-bild .wf-card:nth-child(odd) .wf-icon {\n            background: #00ff9d;\n        }\n\n        .workflow-section-bild .wf-card:nth-child(even) .wf-icon {\n            background: #000000;\n        }\n\n        .workflow-section-bild .wf-card:nth-child(even) .wf-icon svg {\n            stroke: #ffffff;\n        }\n\n        .workflow-section-bild .wf-card:nth-child(odd) .wf-icon svg {\n            stroke: #000000;\n        }\n\n        .workflow-section-bild .wf-icon {\n            width: 144px;\n            height: 144px;\n            margin: 0 auto 32px;\n            border-radius: 20px 20px 72px 72px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            flex-shrink: 0;\n        }\n\n        .workflow-section-bild .wf-icon svg,\n        .workflow-section-bild .wf-icon img {\n            width: 67px;\n            height: 67px;\n            filter: brightness(0) invert(1);\n        }\n\n        .workflow-section-bild .wf-card:hover .wf-icon {\n            transform: scale(1.05);\n        }\n\n        .workflow-section-bild .wf-card:hover .wf-icon {\n            background: #000000 !important;\n        }\n\n        .workflow-section-bild .wf-card-header {\n            text-align: center;\n            margin-bottom: 28px;\n            min-height: 68px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .workflow-section-bild .wf-card-title {\n            font-size: 26px;\n            font-weight: 700;\n            color: #000000;\n            line-height: 1.3;\n            letter-spacing: -0.3px;\n            margin-bottom: 0;\n            font-family: inherit;\n        }\n\n        .workflow-section-bild .wf-items {\n            list-style: none;\n            padding: 0 0 0 20px;\n            position: absolute;\n            top: 322px;\n            left: 32px;\n            right: 32px;\n        }\n\n        .workflow-section-bild .wf-items li {\n            font-size: 16px;\n            color: rgba(0, 0, 0, 0.7);\n            margin-bottom: 14px;\n            padding-left: 18px;\n            position: relative;\n            line-height: 1.5;\n            letter-spacing: -0.2px;\n            font-family: inherit;\n        }\n\n        .workflow-section-bild .wf-items li::before {\n            content: '\u2022';\n            position: absolute;\n            left: 0;\n            color: #000000;\n            font-weight: bold;\n            font-size: 20px;\n            line-height: 1.3;\n        }\n\n        .workflow-section-bild .wf-labels {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            height: 60px;\n            display: flex;\n            align-items: center;\n        }\n\n        .workflow-section-bild .wf-label {\n            position: absolute;\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            font-size: 18px;\n            font-weight: 700;\n            letter-spacing: 4px;\n            color: #ffffff;\n            text-transform: uppercase;\n            padding: 20px 0;\n            font-family: inherit;\n        }\n\n        .workflow-section-bild .wf-label-discovery {\n            left: 0;\n            width: 60%;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .workflow-section-bild .wf-label-discovery:hover {\n            color: #00ff9d;\n        }\n\n        .workflow-section-bild .wf-label-discovery:hover .wf-line {\n            background: #00ff9d;\n        }\n\n        .workflow-section-bild .wf-label-discovery:hover .wf-dot {\n            background: #00ff9d;\n        }\n\n        .workflow-section-bild .wf-label-build {\n            right: 0;\n            width: 40%;\n            justify-content: flex-end;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .workflow-section-bild .wf-label-build:hover {\n            color: #00ff9d;\n        }\n\n        .workflow-section-bild .wf-label-build:hover .wf-line {\n            background: #00ff9d;\n        }\n\n        .workflow-section-bild .wf-label-build:hover .wf-dot {\n            background: #00ff9d;\n        }\n\n        .workflow-section-bild .wf-card.wf-group-hover {\n            transform: scale(1.08) translateY(-10px) !important;\n            filter: drop-shadow(0 25px 40px rgba(255, 255, 255, 0.15))\n                    drop-shadow(0 15px 25px rgba(255, 255, 255, 0.1))\n                    drop-shadow(0 8px 15px rgba(255, 255, 255, 0.08)) !important;\n            z-index: 5 !important;\n        }\n\n        .workflow-section-bild .wf-card.wf-group-hover::before {\n            background: #00ff9d !important;\n        }\n\n        .workflow-section-bild .wf-card.wf-group-hover::after {\n            border-color: #00ff9d !important;\n            border-width: 3px !important;\n        }\n\n        .workflow-section-bild .wf-card.wf-group-hover .wf-icon {\n            background: #000000 !important;\n        }\n\n        .workflow-section-bild .wf-line {\n            height: 2px;\n            background: #ffffff;\n            flex-grow: 1;\n            position: relative;\n            transition: background 0.3s ease;\n        }\n\n        .workflow-section-bild .wf-dot {\n            width: 2px;\n            height: 30px;\n            background: #ffffff;\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            transition: background 0.3s ease;\n            z-index: 1;\n        }\n\n        .workflow-section-bild .wf-label-discovery .wf-line:first-of-type .wf-dot:first-child {\n            left: 0;\n        }\n\n        .workflow-section-bild .wf-label-discovery .wf-line:first-of-type .wf-dot:last-child {\n            display: none;\n        }\n\n        .workflow-section-bild .wf-label-discovery .wf-line:last-of-type .wf-dot {\n            right: 0;\n        }\n\n        .workflow-section-bild .wf-label-build .wf-line:first-of-type .wf-dot {\n            left: 0;\n        }\n\n        .workflow-section-bild .wf-label-build .wf-line:last-of-type .wf-dot:first-child {\n            display: none;\n        }\n\n        .workflow-section-bild .wf-label-build .wf-line:last-of-type .wf-dot:last-child {\n            right: 0;\n        }\n\n        .workflow-section-bild .wf-label-text {\n            white-space: nowrap;\n            padding: 0 16px;\n        }\n\n        @keyframes wfFadeInDown {\n            from {\n                opacity: 0;\n                transform: translateY(-30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes wfFadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(40px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* Large desktop scaling *\/\n        @media (max-width: 1600px) {\n            .workflow-section-bild .wf-card {\n                padding: 45px 30px 130px;\n            }\n\n            .workflow-section-bild .wf-icon {\n                width: 130px;\n                height: 130px;\n            }\n\n            .workflow-section-bild .wf-icon svg,\n            .workflow-section-bild .wf-icon img {\n                width: 60px;\n                height: 60px;\n            }\n\n            .workflow-section-bild .wf-card-title {\n                font-size: 24px;\n            }\n\n            .workflow-section-bild .wf-items {\n                top: 300px;\n            }\n        }\n\n        \/* Medium desktop scaling *\/\n        @media (max-width: 1400px) {\n            .workflow-section-bild {\n                padding: 60px 30px;\n            }\n\n            .workflow-section-bild .wf-title {\n                font-size: 48px;\n            }\n\n            .workflow-section-bild .wf-subtitle {\n                font-size: 30px;\n            }\n\n            .workflow-section-bild .wf-card {\n                padding: 40px 26px 120px;\n                min-height: 420px;\n            }\n\n            .workflow-section-bild .wf-icon {\n                width: 110px;\n                height: 110px;\n            }\n\n            .workflow-section-bild .wf-icon svg,\n            .workflow-section-bild .wf-icon img {\n                width: 52px;\n                height: 52px;\n            }\n\n            .workflow-section-bild .wf-card-title {\n                font-size: 22px;\n            }\n\n            .workflow-section-bild .wf-items {\n                top: 280px;\n                font-size: 15px;\n            }\n\n            .workflow-section-bild .wf-label {\n                font-size: 16px;\n            }\n        }\n\n        \/* Tablet - Simplified layout *\/\n        @media (max-width: 1024px) {\n            .workflow-section-bild {\n                padding: 50px 30px;\n            }\n\n            .workflow-section-bild .wf-title {\n                font-size: 40px;\n            }\n\n            .workflow-section-bild .wf-subtitle {\n                font-size: 26px;\n            }\n\n            .workflow-section-bild .wf-content {\n                padding: 40px 0 60px;\n            }\n\n            .workflow-section-bild .wf-phases {\n                flex-direction: column;\n                gap: 20px;\n            }\n\n            .workflow-section-bild .wf-card {\n                clip-path: none !important;\n                margin-left: 0 !important;\n                border-radius: 20px;\n                padding: 32px 24px;\n                min-height: auto;\n                transition: none !important;\n            }\n\n            \/* Remove all pseudo-elements and borders on tablet\/mobile *\/\n            .workflow-section-bild .wf-card::before,\n            .workflow-section-bild .wf-card::after {\n                display: none !important;\n            }\n\n            \/* Disable hover effects on tablet\/mobile *\/\n            .workflow-section-bild .wf-card:hover {\n                transform: none !important;\n                filter: none !important;\n            }\n\n            .workflow-section-bild .wf-card:hover .wf-icon {\n                transform: none !important;\n                background: #00ff9d !important;\n            }\n\n            .workflow-section-bild .wf-card:nth-child(even) .wf-icon {\n                background: #000000 !important;\n            }\n\n            .workflow-section-bild .wf-card:nth-child(odd) .wf-icon {\n                background: #00ff9d !important;\n            }\n\n            .workflow-section-bild .wf-icon {\n                width: 100px;\n                height: 100px;\n                border-radius: 16px 16px 50px 50px;\n                margin-bottom: 20px;\n            }\n\n            .workflow-section-bild .wf-icon svg,\n            .workflow-section-bild .wf-icon img {\n                width: 48px;\n                height: 48px;\n            }\n\n            .workflow-section-bild .wf-card-header {\n                min-height: auto;\n                margin-bottom: 16px;\n            }\n\n            .workflow-section-bild .wf-card-title {\n                font-size: 20px;\n            }\n\n            .workflow-section-bild .wf-items {\n                position: static;\n                padding-left: 0;\n            }\n\n            .workflow-section-bild .wf-items li {\n                font-size: 14px;\n            }\n\n            \/* Hide phase labels on tablet *\/\n            .workflow-section-bild .wf-labels {\n                display: none !important;\n            }\n        }\n\n        \/* Mobile - Vertical stack *\/\n        @media (max-width: 768px) {\n            .workflow-section-bild {\n                padding: 40px 24px;\n            }\n\n            .workflow-section-bild .wf-header {\n                margin-bottom: 24px;\n            }\n\n            .workflow-section-bild .wf-title {\n                font-size: 32px;\n            }\n\n            .workflow-section-bild .wf-subtitle {\n                font-size: 22px;\n            }\n\n            .workflow-section-bild .wf-content {\n                padding: 30px 0 40px;\n            }\n\n            .workflow-section-bild .wf-phases {\n                gap: 16px;\n            }\n\n            .workflow-section-bild .wf-card {\n                padding: 28px 20px;\n                border-radius: 16px;\n            }\n\n            .workflow-section-bild .wf-icon {\n                width: 80px;\n                height: 80px;\n                border-radius: 14px 14px 40px 40px;\n                margin-bottom: 16px;\n            }\n\n            .workflow-section-bild .wf-icon svg,\n            .workflow-section-bild .wf-icon img {\n                width: 38px;\n                height: 38px;\n            }\n\n            .workflow-section-bild .wf-card-title {\n                font-size: 18px;\n            }\n\n            .workflow-section-bild .wf-items li {\n                font-size: 13px;\n                margin-bottom: 8px;\n            }\n        }\n\n        \/* Small mobile *\/\n        @media (max-width: 480px) {\n            .workflow-section-bild {\n                padding: 32px 20px;\n            }\n\n            .workflow-section-bild .wf-title {\n                font-size: 28px;\n            }\n\n            .workflow-section-bild .wf-subtitle {\n                font-size: 18px;\n            }\n\n            .workflow-section-bild .wf-card {\n                padding: 24px 18px;\n            }\n\n            .workflow-section-bild .wf-icon {\n                width: 70px;\n                height: 70px;\n            }\n\n            .workflow-section-bild .wf-icon svg,\n            .workflow-section-bild .wf-icon img {\n                width: 34px;\n                height: 34px;\n            }\n\n            .workflow-section-bild .wf-card-title {\n                font-size: 16px;\n            }\n\n            .workflow-section-bild .wf-items li {\n                font-size: 12px;\n            }\n        }\n    <\/style>\n\n    <div class=\"wf-container\">\n        <div class=\"wf-header\">\n            <h1 class=\"wf-title\">Software development workflow<\/h1>\n            <h2 class=\"wf-subtitle\">Traditional methodology without AI agents<\/h2>\n        <\/div>\n\n        <div class=\"wf-content\">\n            <div class=\"wf-phases\">\n                <!-- Phase 1 -->\n                <div class=\"wf-card\">\n                    <div class=\"wf-icon\">\n                        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/themes\/bild-studio\/assets\/icons\/1.svg\" alt=\"Requirement gathering\" width=\"67\" height=\"67\">\n                    <\/div>\n                    <div class=\"wf-card-header\">\n                        <h3 class=\"wf-card-title\">1. Requirement<br>gathering<\/h3>\n                    <\/div>\n                    <ul class=\"wf-items\">\n                        <li>Functional specification<\/li>\n                        <li>UI prototypes<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Phase 2 -->\n                <div class=\"wf-card\">\n                    <div class=\"wf-icon\">\n                        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/themes\/bild-studio\/assets\/icons\/2.svg\" alt=\"High-level design\" width=\"67\" height=\"67\">\n                    <\/div>\n                    <div class=\"wf-card-header\">\n                        <h3 class=\"wf-card-title\">2. High-level<br>design<\/h3>\n                    <\/div>\n                    <ul class=\"wf-items\">\n                        <li>Component architecture<\/li>\n                        <li>Tech stack definition<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Phase 3 -->\n                <div class=\"wf-card\">\n                    <div class=\"wf-icon\">\n                        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/themes\/bild-studio\/assets\/icons\/3.svg\" alt=\"Low level design\" width=\"67\" height=\"67\">\n                    <\/div>\n                    <div class=\"wf-card-header\">\n                        <h3 class=\"wf-card-title\">3. Low level<br>design<\/h3>\n                    <\/div>\n                    <ul class=\"wf-items\">\n                        <li>Detailed User Stories<\/li>\n                        <li>Detailed technical specification<\/li>\n                        <li>Test cases<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Phase 4 -->\n                <div class=\"wf-card\">\n                    <div class=\"wf-icon\">\n                        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/themes\/bild-studio\/assets\/icons\/4.svg\" alt=\"Development\" width=\"67\" height=\"67\">\n                    <\/div>\n                    <div class=\"wf-card-header\">\n                        <h3 class=\"wf-card-title\">4. Development<\/h3>\n                    <\/div>\n                    <ul class=\"wf-items\">\n                        <li>Code repository<\/li>\n                        <li>Pull requests<\/li>\n                        <li>Test case executions<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- Phase 5 -->\n                <div class=\"wf-card\">\n                    <div class=\"wf-icon\">\n                        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/themes\/bild-studio\/assets\/icons\/5.svg\" alt=\"Deployment to production\" width=\"67\" height=\"67\">\n                    <\/div>\n                    <div class=\"wf-card-header\">\n                        <h3 class=\"wf-card-title\">5. Deployment<br>to production<\/h3>\n                    <\/div>\n                    <ul class=\"wf-items\">\n                        <li>Smoke tests<\/li>\n                        <li>CI\/CD Pipelines<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <!-- Phase Labels -->\n            <div class=\"wf-labels\">\n                <div class=\"wf-label wf-label-discovery\">\n                    <div class=\"wf-line\">\n                        <div class=\"wf-dot\"><\/div>\n                        <div class=\"wf-dot\"><\/div>\n                    <\/div>\n                    <span class=\"wf-label-text\">D I S C O V E R Y &nbsp; P H A S E<\/span>\n                    <div class=\"wf-line\">\n                        <div class=\"wf-dot\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"wf-label wf-label-build\">\n                    <div class=\"wf-line\">\n                        <div class=\"wf-dot\"><\/div>\n                    <\/div>\n                    <span class=\"wf-label-text\">D E P L O Y M E N T &nbsp; P H A S E<\/span>\n                    <div class=\"wf-line\">\n                        <div class=\"wf-dot\"><\/div>\n                        <div class=\"wf-dot\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        (function() {\n            \/\/ Smooth scroll reveal\n            const observerOptions = {\n                threshold: 0.15,\n                rootMargin: '0px 0px -100px 0px'\n            };\n\n            const observer = new IntersectionObserver((entries) => {\n                entries.forEach(entry => {\n                    if (entry.isIntersecting) {\n                        entry.target.style.opacity = '1';\n                        entry.target.style.transform = 'translateY(0)';\n                    }\n                });\n            }, observerOptions);\n\n            document.querySelectorAll('.workflow-section-bild .wf-card').forEach(card => {\n                observer.observe(card);\n            });\n\n            \/\/ Phase label hover effects\n            const discoveryLabel = document.querySelector('.workflow-section-bild .wf-label-discovery');\n            const buildLabel = document.querySelector('.workflow-section-bild .wf-label-build');\n            const phaseCards = document.querySelectorAll('.workflow-section-bild .wf-card');\n\n            if (discoveryLabel && buildLabel && phaseCards.length === 5) {\n                discoveryLabel.addEventListener('mouseenter', () => {\n                    phaseCards[0].classList.add('wf-group-hover');\n                    phaseCards[1].classList.add('wf-group-hover');\n                    phaseCards[2].classList.add('wf-group-hover');\n                });\n\n                discoveryLabel.addEventListener('mouseleave', () => {\n                    phaseCards[0].classList.remove('wf-group-hover');\n                    phaseCards[1].classList.remove('wf-group-hover');\n                    phaseCards[2].classList.remove('wf-group-hover');\n                });\n\n                buildLabel.addEventListener('mouseenter', () => {\n                    phaseCards[3].classList.add('wf-group-hover');\n                    phaseCards[4].classList.add('wf-group-hover');\n                });\n\n                buildLabel.addEventListener('mouseleave', () => {\n                    phaseCards[3].classList.remove('wf-group-hover');\n                    phaseCards[4].classList.remove('wf-group-hover');\n                });\n            }\n        })();\n    <\/script>\n<\/div>\n\n\n\n<!-- AI-Augmented Workflow Diagram - Full Width Section -->\n<div class=\"workflow-ai-section-bild\">\n    <style>\n        .workflow-ai-section-bild {\n            background: #ffffff;\n            padding: 80px 40px;\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw !important;\n            margin-right: -50vw !important;\n        }\n\n        .workflow-ai-section-bild * {\n            box-sizing: border-box;\n        }\n\n        .workflow-ai-section-bild .wf-container {\n            max-width: 1600px;\n            width: 100%;\n            margin: 0 auto;\n        }\n\n        .workflow-ai-section-bild .wf-header {\n            margin-bottom: 40px;\n            text-align: left;\n            animation: wfAiFadeInDown 0.8s ease-out;\n        }\n\n        .workflow-ai-section-bild .wf-title {\n            font-size: 56px;\n            font-weight: 400;\n            color: #000000;\n            margin-bottom: 12px;\n            letter-spacing: -1px;\n            font-family: inherit;\n            line-height: 1.2;\n        }\n\n        .workflow-ai-section-bild .wf-subtitle {\n            font-size: 36px;\n            font-weight: 400;\n            color: #00ff9d;\n            letter-spacing: -0.5px;\n            font-family: inherit;\n            line-height: 1.2;\n        }\n\n        .workflow-ai-section-bild .wf-content {\n            position: relative;\n            padding: 0 0 100px;\n        }\n\n        .workflow-ai-section-bild .wf-phases {\n            display: flex;\n            align-items: stretch;\n            position: relative;\n            z-index: 1;\n        }\n\n        .workflow-ai-section-bild .wf-card {\n            flex: 1;\n            background: #f5f5f5;\n            position: relative;\n            padding: 48px 32px 140px;\n            min-height: 480px;\n            display: flex;\n            flex-direction: column;\n            clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50%, calc(100% - 50px) 100%, 0 100%, 50px 50%);\n            margin-left: -48px;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            animation: wfAiFadeInUp 0.6s ease-out backwards;\n        }\n\n        .workflow-ai-section-bild .wf-card::before {\n            content: '';\n            position: absolute;\n            top: -3px;\n            left: -3px;\n            right: -3px;\n            bottom: -3px;\n            background: #f5f5f5;\n            clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50%, calc(100% - 50px) 100%, 0 100%, 50px 50%);\n            z-index: -1;\n            pointer-events: none;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .workflow-ai-section-bild .wf-card::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: transparent;\n            border: none;\n            clip-path: inherit;\n            pointer-events: none;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .workflow-ai-section-bild .wf-card:first-child {\n            clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50%, calc(100% - 50px) 100%, 0 100%);\n            margin-left: 0;\n        }\n\n        .workflow-ai-section-bild .wf-card:first-child::before {\n            clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50%, calc(100% - 50px) 100%, 0 100%);\n        }\n\n        .workflow-ai-section-bild .wf-card:last-child {\n            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 50px 50%);\n        }\n\n        .workflow-ai-section-bild .wf-card:last-child::before {\n            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 50px 50%);\n        }\n\n        .workflow-ai-section-bild .wf-card:hover {\n            transform: scale(1.08) translateY(-10px) !important;\n            filter: drop-shadow(0 25px 40px rgba(0, 0, 0, 0.15))\n                    drop-shadow(0 15px 25px rgba(0, 0, 0, 0.1))\n                    drop-shadow(0 8px 15px rgba(0, 0, 0, 0.08)) !important;\n            z-index: 10 !important;\n        }\n\n        .workflow-ai-section-bild .wf-card:hover::before {\n            background: #00ff9d;\n        }\n\n        .workflow-ai-section-bild .wf-card:hover::after {\n            border-color: #00ff9d;\n            border-width: 3px;\n        }\n\n        .workflow-ai-section-bild .wf-card:hover .wf-icon {\n            transform: scale(1.05);\n            background: #ffffff !important;\n        }\n\n        .workflow-ai-section-bild .wf-card:hover .wf-icon svg,\n        .workflow-ai-section-bild .wf-card:hover .wf-icon img {\n            filter: brightness(0) invert(0) !important;\n        }\n\n        .workflow-ai-section-bild .wf-card:nth-child(1) { animation-delay: 0.1s; }\n        .workflow-ai-section-bild .wf-card:nth-child(3) { animation-delay: 0.2s; }\n        .workflow-ai-section-bild .wf-card:nth-child(5) { animation-delay: 0.3s; }\n        .workflow-ai-section-bild .wf-card:nth-child(7) { animation-delay: 0.4s; }\n        .workflow-ai-section-bild .wf-card:nth-child(9) { animation-delay: 0.5s; }\n\n        .workflow-ai-section-bild .wf-icon {\n            width: 120px;\n            height: 120px;\n            margin: 0 auto 28px;\n            border-radius: 20px 20px 72px 72px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            flex-shrink: 0;\n            background: #00ff9d;\n        }\n\n        .workflow-ai-section-bild .wf-card:nth-child(odd) .wf-icon {\n            background: #000000;\n        }\n\n        .workflow-ai-section-bild .wf-card:nth-child(even) .wf-icon {\n            background: #00ff9d;\n        }\n\n        .workflow-ai-section-bild .wf-icon svg,\n        .workflow-ai-section-bild .wf-icon img {\n            width: 56px;\n            height: 56px;\n            filter: brightness(0) invert(1);\n        }\n\n        .workflow-ai-section-bild .wf-card:nth-child(odd) .wf-icon svg,\n        .workflow-ai-section-bild .wf-card:nth-child(odd) .wf-icon img {\n            filter: brightness(0) invert(1);\n        }\n\n        .workflow-ai-section-bild .wf-card:nth-child(even) .wf-icon svg,\n        .workflow-ai-section-bild .wf-card:nth-child(even) .wf-icon img {\n            filter: brightness(0) invert(0);\n        }\n\n        .workflow-ai-section-bild .wf-card-header {\n            text-align: center;\n            margin-bottom: 24px;\n            min-height: 58px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .workflow-ai-section-bild .wf-card-title {\n            font-size: 22px;\n            font-weight: 700;\n            color: #000000;\n            line-height: 1.3;\n            letter-spacing: -0.3px;\n            margin-bottom: 0;\n            font-family: inherit;\n        }\n\n        .workflow-ai-section-bild .wf-items {\n            list-style: none;\n            padding: 0 0 0 30px;\n            position: absolute;\n            top: 340px;\n            left: 24px;\n            right: 24px;\n        }\n\n        .workflow-ai-section-bild .wf-items li {\n            font-size: 14px;\n            color: rgba(0, 0, 0, 0.8);\n            margin-bottom: 12px;\n            padding-left: 16px;\n            position: relative;\n            line-height: 1.5;\n            letter-spacing: -0.2px;\n            font-family: inherit;\n        }\n\n        .workflow-ai-section-bild .wf-items li::before {\n            content: '\u2022';\n            position: absolute;\n            left: 0;\n            color: #000000;\n            font-weight: bold;\n            font-size: 18px;\n            line-height: 1.3;\n        }\n\n        \/* AI Agent Circle - Absolutely positioned *\/\n        .workflow-ai-section-bild .ai-agent {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 100px;\n            height: 100px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, #00ff9d 0%, #00cc7d 100%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 12px;\n            font-weight: 700;\n            color: #000000;\n            text-align: center;\n            line-height: 1.2;\n            padding: 8px;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n            animation: wfAiFadeInUp 0.6s ease-out backwards;\n            z-index: 5;\n            pointer-events: none;\n        }\n\n        .workflow-ai-section-bild .ai-agent:nth-child(2) {\n            left: calc(20% - 50px + 30px);\n            animation-delay: 0.6s;\n        }\n\n        .workflow-ai-section-bild .ai-agent:nth-child(4) {\n            left: calc(40% - 50px + 20px);\n            animation-delay: 0.7s;\n        }\n\n        .workflow-ai-section-bild .ai-agent:nth-child(6) {\n            left: calc(60% - 50px + 10px);\n            animation-delay: 0.8s;\n        }\n\n        .workflow-ai-section-bild .ai-agent:nth-child(8) {\n            left: calc(80% - 50px);\n            animation-delay: 0.9s;\n        }\n\n        \/* AI Code Generator Box *\/\n        .workflow-ai-section-bild .ai-code-generator {\n            margin-top: 0;\n            background: #000000;\n            border-radius: 0;\n            padding: 17px 28px;\n            text-align: center;\n            border: none;\n            box-shadow: none;\n            animation: wfAiFadeInUp 0.8s ease-out backwards;\n            animation-delay: 0.6s;\n            position: relative;\n            overflow: hidden;\n            max-width: 60%;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .workflow-ai-section-bild .ai-code-generator::before {\n            content: '';\n            position: absolute;\n            top: -2px;\n            left: -2px;\n            right: -2px;\n            bottom: -2px;\n            background: linear-gradient(45deg, #00ff9d, #00cc7d, #00ff9d);\n            border-radius: 24px;\n            z-index: -1;\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }\n\n        .workflow-ai-section-bild .ai-code-generator:hover::before {\n            opacity: 1;\n        }\n\n        .workflow-ai-section-bild .ai-code-generator-title {\n            font-size: 29px;\n            font-weight: 700;\n            color: #ffffff;\n            margin-bottom: 8px;\n            font-family: inherit;\n            letter-spacing: -0.5px;\n        }\n\n        .workflow-ai-section-bild .ai-code-generator-subtitle {\n            font-size: 20px;\n            color: #00ff9d;\n            font-family: inherit;\n            font-weight: 300;\n        }\n\n        \/* Arrows from cards to AI Code Generator *\/\n        .workflow-ai-section-bild .arrow-container {\n            display: flex;\n            justify-content: space-evenly;\n            margin-top: 10px;\n            margin-bottom: 10px;\n            z-index: 2;\n            pointer-events: none;\n        }\n\n        \/* Mobile arrow - hidden on desktop *\/\n        .workflow-ai-section-bild .arrow-mobile {\n            display: none;\n        }\n\n        .workflow-ai-section-bild .arrow {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        .workflow-ai-section-bild .arrow::before {\n            content: '';\n            width: 2px;\n            height: 40px;\n            background: #000000;\n            margin-bottom: 0;\n        }\n\n        .workflow-ai-section-bild .arrow::after {\n            content: '\u25bc';\n            color: #000000;\n            font-size: 16px;\n            line-height: 1;\n            margin-top: -2px;\n        }\n\n        @keyframes wfAiFadeInDown {\n            from {\n                opacity: 0;\n                transform: translateY(-30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes wfAiFadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(40px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* Responsive - Large desktop *\/\n        @media (max-width: 1600px) {\n            .workflow-ai-section-bild .wf-card {\n                padding: 42px 20px 120px;\n            }\n\n            .workflow-ai-section-bild .wf-icon {\n                width: 110px;\n                height: 110px;\n            }\n\n            .workflow-ai-section-bild .wf-icon svg,\n            .workflow-ai-section-bild .wf-icon img {\n                width: 52px;\n                height: 52px;\n            }\n\n            .workflow-ai-section-bild .wf-card-title {\n                font-size: 20px;\n            }\n\n            .workflow-ai-section-bild .wf-items {\n                top: 270px;\n            }\n\n            .workflow-ai-section-bild .ai-agent {\n                width: 100px;\n                height: 100px;\n                font-size: 12px;\n            }\n        }\n\n        \/* Medium desktop *\/\n        @media (max-width: 1400px) {\n            .workflow-ai-section-bild {\n                padding: 60px 30px;\n            }\n\n            .workflow-ai-section-bild .wf-title {\n                font-size: 48px;\n            }\n\n            .workflow-ai-section-bild .wf-subtitle {\n                font-size: 30px;\n            }\n\n            .workflow-ai-section-bild .wf-card {\n                padding: 36px 18px 110px;\n            }\n\n            .workflow-ai-section-bild .wf-icon {\n                width: 90px;\n                height: 90px;\n            }\n\n            .workflow-ai-section-bild .wf-icon svg,\n            .workflow-ai-section-bild .wf-icon img {\n                width: 44px;\n                height: 44px;\n            }\n\n            .workflow-ai-section-bild .wf-card-title {\n                font-size: 18px;\n            }\n\n            .workflow-ai-section-bild .wf-items {\n                top: 250px;\n                font-size: 13px;\n            }\n\n            .workflow-ai-section-bild .ai-agent {\n                width: 90px;\n                height: 90px;\n                font-size: 11px;\n            }\n\n            .workflow-ai-section-bild .ai-code-generator-title {\n                font-size: 36px;\n            }\n\n            .workflow-ai-section-bild .ai-code-generator-subtitle {\n                font-size: 18px;\n            }\n        }\n\n        \/* Tablet - Simplified *\/\n        @media (max-width: 1024px) {\n            .workflow-ai-section-bild {\n                padding: 50px 30px;\n            }\n\n            .workflow-ai-section-bild .wf-title {\n                font-size: 40px;\n            }\n\n            .workflow-ai-section-bild .wf-subtitle {\n                font-size: 26px;\n            }\n\n            .workflow-ai-section-bild .wf-content {\n                padding: 40px 0 60px;\n            }\n\n            .workflow-ai-section-bild .wf-phases {\n                flex-direction: column;\n                gap: 24px;\n            }\n\n            .workflow-ai-section-bild .wf-card {\n                flex: 1;\n                clip-path: none !important;\n                border-radius: 12px;\n                padding: 32px 24px;\n                min-height: auto;\n                width: 100%;\n                margin-left: 0 !important;\n                animation: none !important;\n            }\n\n            .workflow-ai-section-bild .wf-card:hover {\n                transform: none !important;\n                filter: none !important;\n                box-shadow: none !important;\n            }\n\n            .workflow-ai-section-bild .wf-card::before,\n            .workflow-ai-section-bild .wf-card::after {\n                display: none !important;\n            }\n\n            .workflow-ai-section-bild .wf-icon {\n                width: 100px;\n                height: 100px;\n                border-radius: 16px 16px 50px 50px;\n                margin-bottom: 20px;\n                transition: none !important;\n                animation: none !important;\n            }\n\n            .workflow-ai-section-bild .wf-card:hover .wf-icon {\n                transform: none !important;\n                background: inherit !important;\n            }\n\n            .workflow-ai-section-bild .wf-icon svg,\n            .workflow-ai-section-bild .wf-icon img {\n                width: 48px;\n                height: 48px;\n                transition: none !important;\n            }\n\n            .workflow-ai-section-bild .wf-card:hover .wf-icon svg,\n            .workflow-ai-section-bild .wf-card:hover .wf-icon img {\n                filter: inherit !important;\n            }\n\n            .workflow-ai-section-bild .wf-card-title {\n                font-size: 20px;\n            }\n\n            .workflow-ai-section-bild .wf-items {\n                position: static;\n                padding-left: 0;\n                font-size: 14px;\n            }\n\n            .workflow-ai-section-bild .ai-agent {\n                position: static !important;\n                transform: none !important;\n                width: 80px;\n                height: 80px;\n                border-radius: 50%;\n                font-size: 12px;\n                margin: 0 auto;\n                animation: none !important;\n            }\n\n            .workflow-ai-section-bild .arrow-container {\n                display: none;\n            }\n\n            .workflow-ai-section-bild .arrow-mobile {\n                display: flex;\n                justify-content: center;\n                margin-top: 20px;\n                margin-bottom: 20px;\n            }\n\n            .workflow-ai-section-bild .arrow-mobile .arrow {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n            }\n\n            .workflow-ai-section-bild .ai-code-generator {\n                margin-top: 40px;\n                padding: 36px 28px;\n            }\n\n            .workflow-ai-section-bild .ai-code-generator-title {\n                font-size: 32px;\n            }\n\n            .workflow-ai-section-bild .ai-code-generator-subtitle {\n                font-size: 16px;\n            }\n        }\n\n        \/* Mobile *\/\n        @media (max-width: 768px) {\n            .workflow-ai-section-bild {\n                padding: 40px 24px;\n            }\n\n            .workflow-ai-section-bild .wf-title {\n                font-size: 32px;\n            }\n\n            .workflow-ai-section-bild .wf-subtitle {\n                font-size: 22px;\n            }\n\n            .workflow-ai-section-bild .wf-content {\n                padding: 30px 0 40px;\n            }\n\n            .workflow-ai-section-bild .wf-phases {\n                gap: 20px;\n            }\n\n            .workflow-ai-section-bild .wf-card {\n                padding: 28px 20px;\n                border-radius: 12px;\n                animation: none !important;\n            }\n\n            .workflow-ai-section-bild .wf-card:hover {\n                transform: none !important;\n                filter: none !important;\n                box-shadow: none !important;\n            }\n\n            .workflow-ai-section-bild .wf-icon {\n                width: 80px;\n                height: 80px;\n                border-radius: 14px 14px 40px 40px;\n                transition: none !important;\n                animation: none !important;\n            }\n\n            .workflow-ai-section-bild .wf-card:hover .wf-icon {\n                transform: none !important;\n                background: inherit !important;\n            }\n\n            .workflow-ai-section-bild .wf-icon svg,\n            .workflow-ai-section-bild .wf-icon img {\n                width: 38px;\n                height: 38px;\n                transition: none !important;\n            }\n\n            .workflow-ai-section-bild .wf-card:hover .wf-icon svg,\n            .workflow-ai-section-bild .wf-card:hover .wf-icon img {\n                filter: inherit !important;\n            }\n\n            .workflow-ai-section-bild .wf-card-title {\n                font-size: 18px;\n            }\n\n            .workflow-ai-section-bild .wf-items li {\n                font-size: 13px;\n            }\n\n            .workflow-ai-section-bild .ai-agent {\n                position: static !important;\n                transform: none !important;\n                width: 70px;\n                height: 70px;\n                border-radius: 50%;\n                font-size: 11px;\n                margin: 0 auto;\n                animation: none !important;\n            }\n\n            .workflow-ai-section-bild .arrow-container {\n                display: none;\n            }\n\n            .workflow-ai-section-bild .arrow-mobile {\n                display: flex;\n                justify-content: center;\n                margin-top: 15px;\n                margin-bottom: 15px;\n            }\n\n            .workflow-ai-section-bild .arrow-mobile .arrow {\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n            }\n\n            .workflow-ai-section-bild .ai-code-generator {\n                padding: 28px 20px;\n            }\n\n            .workflow-ai-section-bild .ai-code-generator-title {\n                font-size: 28px;\n            }\n\n            .workflow-ai-section-bild .ai-code-generator-subtitle {\n                font-size: 15px;\n            }\n        }\n\n        \/* Small mobile *\/\n        @media (max-width: 480px) {\n            .workflow-ai-section-bild {\n                padding: 32px 20px;\n            }\n\n            .workflow-ai-section-bild .wf-title {\n                font-size: 28px;\n            }\n\n            .workflow-ai-section-bild .wf-subtitle {\n                font-size: 18px;\n            }\n\n            .workflow-ai-section-bild .wf-card {\n                padding: 24px 18px;\n            }\n\n            .workflow-ai-section-bild .wf-icon {\n                width: 70px;\n                height: 70px;\n            }\n\n            .workflow-ai-section-bild .wf-icon svg,\n            .workflow-ai-section-bild .wf-icon img {\n                width: 34px;\n                height: 34px;\n            }\n\n            .workflow-ai-section-bild .wf-card-title {\n                font-size: 16px;\n            }\n\n            .workflow-ai-section-bild .wf-items li {\n                font-size: 12px;\n            }\n\n            .workflow-ai-section-bild .ai-code-generator-title {\n                font-size: 24px;\n            }\n\n            .workflow-ai-section-bild .ai-code-generator-subtitle {\n                font-size: 14px;\n            }\n        }\n    <\/style>\n\n    <div class=\"wf-container\">\n        <div class=\"wf-header\">\n            <h1 class=\"wf-title\">AI-augmented workflow<\/h1>\n            <h2 class=\"wf-subtitle\">Redefined software development methodology with AI agents<\/h2>\n        <\/div>\n\n        <div class=\"wf-content\">\n            <div class=\"wf-phases\" style=\"position: relative;\">\n                <!-- Phase 1 -->\n                <div class=\"wf-card\">\n                    <div class=\"wf-icon\">\n                        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/themes\/bild-studio\/assets\/icons\/1.svg\" alt=\"Requirement gathering\" width=\"56\" height=\"56\">\n                    <\/div>\n                    <div class=\"wf-card-header\">\n                        <h3 class=\"wf-card-title\">1. Requirement<br>gathering<\/h3>\n                    <\/div>\n                    <ul class=\"wf-items\">\n                        <li>Functional specification<\/li>\n                        <li>UI prototypes<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- AI Agent 1 -->\n                <div class=\"ai-agent\">AI<br>AGENT<\/div>\n\n                <!-- Phase 2 -->\n                <div class=\"wf-card\">\n                    <div class=\"wf-icon\">\n                        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/themes\/bild-studio\/assets\/icons\/2.svg\" alt=\"High-level design\" width=\"56\" height=\"56\">\n                    <\/div>\n                    <div class=\"wf-card-header\">\n                        <h3 class=\"wf-card-title\">2. High-level<br>design<\/h3>\n                    <\/div>\n                    <ul class=\"wf-items\">\n                        <li>Component architecture<\/li>\n                        <li>Tech stack definition<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- AI Agent 2 -->\n                <div class=\"ai-agent\">AI<br>AGENT<\/div>\n\n                <!-- Phase 3 -->\n                <div class=\"wf-card\">\n                    <div class=\"wf-icon\">\n                        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/themes\/bild-studio\/assets\/icons\/3.svg\" alt=\"Low level design\" width=\"56\" height=\"56\">\n                    <\/div>\n                    <div class=\"wf-card-header\">\n                        <h3 class=\"wf-card-title\">3. Low level<br>design<\/h3>\n                    <\/div>\n                    <ul class=\"wf-items\">\n                        <li>Detailed User Stories<\/li>\n                        <li>Detailed technical specification<\/li>\n                        <li>Test cases<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- AI Agent 3 -->\n                <div class=\"ai-agent\">AI<br>AGENT<\/div>\n\n                <!-- Phase 4 -->\n                <div class=\"wf-card\">\n                    <div class=\"wf-icon\">\n                        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/themes\/bild-studio\/assets\/icons\/4.svg\" alt=\"Development\" width=\"56\" height=\"56\">\n                    <\/div>\n                    <div class=\"wf-card-header\">\n                        <h3 class=\"wf-card-title\">4. Development<\/h3>\n                    <\/div>\n                    <ul class=\"wf-items\">\n                        <li>Code repository<\/li>\n                        <li>Pull requests<\/li>\n                        <li>Test case executions<\/li>\n                    <\/ul>\n                <\/div>\n\n                <!-- AI Agent 4 -->\n                <div class=\"ai-agent\">AI<br>AGENT<\/div>\n\n                <!-- Phase 5 -->\n                <div class=\"wf-card\">\n                    <div class=\"wf-icon\">\n                        <img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/themes\/bild-studio\/assets\/icons\/5.svg\" alt=\"Deployment to production\" width=\"56\" height=\"56\">\n                    <\/div>\n                    <div class=\"wf-card-header\">\n                        <h3 class=\"wf-card-title\">5. Deployment<br>to production<\/h3>\n                    <\/div>\n                    <ul class=\"wf-items\">\n                        <li>Smoke tests<\/li>\n                        <li>CI\/CD Pipelines<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <!-- Arrows to AI Code Generator -->\n            <div class=\"arrow-container\">\n                <div class=\"arrow\"><\/div>\n                <div class=\"arrow\"><\/div>\n                <div class=\"arrow\"><\/div>\n            <\/div>\n\n            <!-- Single Arrow for Mobile\/Tablet -->\n            <div class=\"arrow-mobile\">\n                <div class=\"arrow\"><\/div>\n            <\/div>\n\n            <!-- AI Code Generator -->\n            <div class=\"ai-code-generator\">\n                <h3 class=\"ai-code-generator-title\">AI CODE GENERATOR<\/h3>\n                <p class=\"ai-code-generator-subtitle\">5x faster code generation compared to traditional methodology<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group container is-vertical is-layout-flex wp-container-core-group-is-layout-8cf370e7 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading text-3xl md:text-4xl lg:text-7xl links-semibold links-underline text-center mb-2 md:mb-4\"><strong><strong>Our philosophy<\/strong><\/strong><br>Human intelligence. AI precision. One connected workflow.<\/h2>\n<\/div>\n\n\n\n<div id=\"paragraf-large-text-block_68e65a6add83e\" class=\"paragraf-large-text\">\n   <div class=\"container py-4 lg:pt-14 lg:pb-20\">\n      <div class=\"lg:text-2.5xl font-serif my-6 xl:pl-24\">\n         At Bild, AI isn\u2019t a gimmick \u2014 it\u2019s infrastructure.Every product phase is supported by specialized AI agents \u2014 trained on project data, supervised by senior architects and designers.The result: fewer meetings, faster iterations, consistent quality, and total transparency.\n      <\/div>\n   <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group container is-vertical is-layout-flex wp-container-core-group-is-layout-8cf370e7 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading text-3xl md:text-4xl lg:text-7xl links-semibold links-underline text-center mb-2 md:mb-4\"><strong>Our Process: The AI-Augmented Pipeline<\/strong><\/h2>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div id=\"block_68e3b4482bf33\" class=\"service-details-block\">\n    <div class=\"bg-black text-white\">\n        <div class=\"container\">\n            <div class=\"lg:pl-12 py-10 xl:py-12\">\n                                    <!-- Service Name Heading (Full Width) -->\n                                            <h3 class=\"text-3xl lg:text-8xl xl:text-9.5xl font-semibold pb-10 lg:pb-16 xl:pb-24 pt-2 lg:pt-12\">\n                            1. Discovery &amp; Strategy.\n                        <\/h3>\n                    \n                    <div class=\"grid grid-cols-1 lg:grid-cols-5 gap-8 lg:gap-6 pb-6 lg:pb-10\">\n                        <!-- Left Column (2\/5) -->\n                        <div class=\"lg:col-span-2\">\n\n                                                            <p class=\"text-lg lg:text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 leading-tight lg:pr-8 xl:pr-12\">\n                                    From conversation to clarity \u2014 instantly.                                <\/p>\n                            \n                                                            <div class=\"text-base lg:text-lg xl:text-xl leading-relaxed lg:pr-8 xl:pr-12\">\n                                    <p>Our Discovery AI agent listens, analyzes, and transforms your ideas and meeting notes into structured business requirements, user stories, and project blueprints.<\/p>\n                                <\/div>\n                                                    <\/div>\n\n                        <!-- Right Column (3\/5) -->\n                        <div class=\"lg:col-span-3\">\n                                                            <div class=\"text-base lg:text-lg xl:text-xl leading-relaxed service-details-content\">\n                                    <p data-start=\"1885\" data-end=\"1899\"><strong data-start=\"1885\" data-end=\"1897\">You get:<\/strong><\/p>\n<ul>\n<li data-start=\"1885\" data-end=\"1899\">Functional specifications in hours, not weeks<\/li>\n<li data-start=\"1885\" data-end=\"1899\">Business alignment from day one<\/li>\n<li data-start=\"1885\" data-end=\"1899\">Clear user stories and project scope<\/li>\n<\/ul>\n<p data-start=\"2028\" data-end=\"2119\">\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <!-- Tags (Full Width) -->\n                                            <div class=\"pb-12 lg:pb-20 xl:pb-24\">\n                            <div class=\"flex flex-wrap gap-3 lg:gap-4\">\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        OpenAI                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Notebook LM                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Notion                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Confluence                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Meeting Transcripts                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Prompt Orchestration                                    <\/span>\n                                                            <\/div>\n                        <\/div>\n                                                        <!-- Service Name Heading (Full Width) -->\n                                            <h3 class=\"text-3xl lg:text-8xl xl:text-9.5xl font-semibold pb-10 lg:pb-16 xl:pb-24 pt-2 lg:pt-12\">\n                            2. Design &amp; Prototyping.\n                        <\/h3>\n                    \n                    <div class=\"grid grid-cols-1 lg:grid-cols-5 gap-8 lg:gap-6 pb-6 lg:pb-10\">\n                        <!-- Left Column (2\/5) -->\n                        <div class=\"lg:col-span-2\">\n\n                                                            <p class=\"text-lg lg:text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 leading-tight lg:pr-8 xl:pr-12\">\n                                    From concept to clickable prototype \u2014 in days.                                <\/p>\n                            \n                                                            <div class=\"text-base lg:text-lg xl:text-xl leading-relaxed lg:pr-8 xl:pr-12\">\n                                    <p>The Design AI agent converts user stories into Figma wireframes or HTML\/React mockups. Designers then refine and humanize the experience.<\/p>\n                                <\/div>\n                                                    <\/div>\n\n                        <!-- Right Column (3\/5) -->\n                        <div class=\"lg:col-span-3\">\n                                                            <div class=\"text-base lg:text-lg xl:text-xl leading-relaxed service-details-content\">\n                                    <p data-start=\"2350\" data-end=\"2364\"><strong data-start=\"2350\" data-end=\"2362\">You get:<\/strong><\/p>\n<ul>\n<li data-start=\"2350\" data-end=\"2364\">Interactive prototypes ready for feedback<\/li>\n<li data-start=\"2350\" data-end=\"2364\">Data-driven UX insights and user flow suggestions<\/li>\n<li data-start=\"2350\" data-end=\"2364\">Unified design system ready for development<\/li>\n<\/ul>\n<p data-start=\"2514\" data-end=\"2598\">\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <!-- Tags (Full Width) -->\n                                            <div class=\"pb-12 lg:pb-20 xl:pb-24\">\n                            <div class=\"flex flex-wrap gap-3 lg:gap-4\">\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Figma                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Claude Code                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Codex                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        React Components                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        UX Research                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Vercel                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Supabase                                    <\/span>\n                                                            <\/div>\n                        <\/div>\n                                                        <!-- Service Name Heading (Full Width) -->\n                                            <h3 class=\"text-3xl lg:text-8xl xl:text-9.5xl font-semibold pb-10 lg:pb-16 xl:pb-24 pt-2 lg:pt-12\">\n                            3. Technical Blueprint.\n                        <\/h3>\n                    \n                    <div class=\"grid grid-cols-1 lg:grid-cols-5 gap-8 lg:gap-6 pb-6 lg:pb-10\">\n                        <!-- Left Column (2\/5) -->\n                        <div class=\"lg:col-span-2\">\n\n                                                            <p class=\"text-lg lg:text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 leading-tight lg:pr-8 xl:pr-12\">\n                                    Every great product needs a solid foundation.                                <\/p>\n                            \n                                                            <div class=\"text-base lg:text-lg xl:text-xl leading-relaxed lg:pr-8 xl:pr-12\">\n                                    <p>Our TechSpec AI maps the system architecture \u2014 from APIs to databases \u2014 creating clear, production-ready documentation.<br \/>\nOur solution architects then review and enrich it with their decades of hands-on experience.<\/p>\n                                <\/div>\n                                                    <\/div>\n\n                        <!-- Right Column (3\/5) -->\n                        <div class=\"lg:col-span-3\">\n                                                            <div class=\"text-base lg:text-lg xl:text-xl leading-relaxed service-details-content\">\n                                    <p data-start=\"2809\" data-end=\"2823\"><strong data-start=\"2809\" data-end=\"2821\">You get:<\/strong><\/p>\n<ul>\n<li data-start=\"2809\" data-end=\"2823\">Architecture diagrams and API structure<\/li>\n<li data-start=\"2809\" data-end=\"2823\">Database schema and scalability plan<\/li>\n<li data-start=\"2809\" data-end=\"2823\">Cloud and infrastructure recommendations<\/li>\n<\/ul>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <!-- Tags (Full Width) -->\n                                            <div class=\"pb-12 lg:pb-20 xl:pb-24\">\n                            <div class=\"flex flex-wrap gap-3 lg:gap-4\">\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Claude Code                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        LangChain                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        PlantUML                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Mermaid                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Swagger                                    <\/span>\n                                                            <\/div>\n                        <\/div>\n                                                        <!-- Service Name Heading (Full Width) -->\n                                            <h3 class=\"text-3xl lg:text-8xl xl:text-9.5xl font-semibold pb-10 lg:pb-16 xl:pb-24 pt-2 lg:pt-12\">\n                            4. Development &amp; Code Generation.\n                        <\/h3>\n                    \n                    <div class=\"grid grid-cols-1 lg:grid-cols-5 gap-8 lg:gap-6 pb-6 lg:pb-10\">\n                        <!-- Left Column (2\/5) -->\n                        <div class=\"lg:col-span-2\">\n\n                                                            <p class=\"text-lg lg:text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 leading-tight lg:pr-8 xl:pr-12\">\n                                    Write once, review fast, ship early.                                <\/p>\n                            \n                                                            <div class=\"text-base lg:text-lg xl:text-xl leading-relaxed lg:pr-8 xl:pr-12\">\n                                    <p>The Code AI agent generates clean, maintainable code from specs \u2014 ready for pull requests and review by our senior engineers and solution architects.<\/p>\n                                <\/div>\n                                                    <\/div>\n\n                        <!-- Right Column (3\/5) -->\n                        <div class=\"lg:col-span-3\">\n                                                            <div class=\"text-base lg:text-lg xl:text-xl leading-relaxed service-details-content\">\n                                    <p data-start=\"3244\" data-end=\"3258\"><strong data-start=\"3244\" data-end=\"3256\">You get:<\/strong><\/p>\n<ul>\n<li data-start=\"3261\" data-end=\"3294\">QA-ready, fully documented code<\/li>\n<li data-start=\"3261\" data-end=\"3294\">3\u00d7 faster generation cycle<\/li>\n<li data-start=\"3261\" data-end=\"3294\">Real-time traceability and code explainability<\/li>\n<\/ul>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <!-- Tags (Full Width) -->\n                                            <div class=\"pb-12 lg:pb-20 xl:pb-24\">\n                            <div class=\"flex flex-wrap gap-3 lg:gap-4\">\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        .NET Core                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        PHP                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Node.js                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Python                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        React                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Next.js                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        React Native                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Web API                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        PostgreSQL                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        MySQL                                    <\/span>\n                                                            <\/div>\n                        <\/div>\n                                                        <!-- Service Name Heading (Full Width) -->\n                                            <h3 class=\"text-3xl lg:text-8xl xl:text-9.5xl font-semibold pb-10 lg:pb-16 xl:pb-24 pt-2 lg:pt-12\">\n                            5. Testing &amp; Validation.\n                        <\/h3>\n                    \n                    <div class=\"grid grid-cols-1 lg:grid-cols-5 gap-8 lg:gap-6 pb-6 lg:pb-10\">\n                        <!-- Left Column (2\/5) -->\n                        <div class=\"lg:col-span-2\">\n\n                                                            <p class=\"text-lg lg:text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 leading-tight lg:pr-8 xl:pr-12\">\n                                    Every line of code is tested \u2014 automatically.                                <\/p>\n                            \n                                                            <div class=\"text-base lg:text-lg xl:text-xl leading-relaxed lg:pr-8 xl:pr-12\">\n                                    <p>The QA AI generates test cases, performs regression checks, and validates user stories before deployment.<\/p>\n                                <\/div>\n                                                    <\/div>\n\n                        <!-- Right Column (3\/5) -->\n                        <div class=\"lg:col-span-3\">\n                                                            <div class=\"text-base lg:text-lg xl:text-xl leading-relaxed service-details-content\">\n                                    <p data-start=\"3667\" data-end=\"3681\"><strong data-start=\"3667\" data-end=\"3679\">You get:<\/strong><\/p>\n<ul>\n<li data-start=\"3684\" data-end=\"3711\">Early detection of issues<\/li>\n<li data-start=\"3684\" data-end=\"3711\">Automated regression and performance testing<\/li>\n<li data-start=\"3684\" data-end=\"3711\">Continuous feedback loops<\/li>\n<\/ul>\n<p data-start=\"3792\" data-end=\"3854\">\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <!-- Tags (Full Width) -->\n                                            <div class=\"pb-12 lg:pb-20 xl:pb-24\">\n                            <div class=\"flex flex-wrap gap-3 lg:gap-4\">\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Selenium                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Katalon                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Postman                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Jest                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        SonarQube                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        CI\/CD                                    <\/span>\n                                                            <\/div>\n                        <\/div>\n                                                        <!-- Service Name Heading (Full Width) -->\n                                            <h3 class=\"text-3xl lg:text-8xl xl:text-9.5xl font-semibold pb-10 lg:pb-16 xl:pb-24 pt-2 lg:pt-12\">\n                            6. Deployment &amp; DevOps.\n                        <\/h3>\n                    \n                    <div class=\"grid grid-cols-1 lg:grid-cols-5 gap-8 lg:gap-6 pb-6 lg:pb-10\">\n                        <!-- Left Column (2\/5) -->\n                        <div class=\"lg:col-span-2\">\n\n                                                            <p class=\"text-lg lg:text-xl xl:text-2xl font-semibold mb-4 lg:mb-6 leading-tight lg:pr-8 xl:pr-12\">\n                                    Push with confidence. Scale without friction.                                <\/p>\n                            \n                                                            <div class=\"text-base lg:text-lg xl:text-xl leading-relaxed lg:pr-8 xl:pr-12\">\n                                    <p>Automated CI\/CD pipelines deploy your product securely with real-time monitoring and rollback safety.<\/p>\n                                <\/div>\n                                                    <\/div>\n\n                        <!-- Right Column (3\/5) -->\n                        <div class=\"lg:col-span-3\">\n                                                            <div class=\"text-base lg:text-lg xl:text-xl leading-relaxed service-details-content\">\n                                    <p data-start=\"4047\" data-end=\"4061\"><strong data-start=\"4047\" data-end=\"4059\">You get:<\/strong><\/p>\n<ul>\n<li data-start=\"4047\" data-end=\"4061\">Instant deployments with zero downtime<\/li>\n<li data-start=\"4047\" data-end=\"4061\">Scalable architecture<\/li>\n<li data-start=\"4047\" data-end=\"4061\">Automated logs and compliance reports<\/li>\n<\/ul>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n\n                    <!-- Tags (Full Width) -->\n                                            <div class=\"pb-12 lg:pb-20 xl:pb-24\">\n                            <div class=\"flex flex-wrap gap-3 lg:gap-4\">\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Docker                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Kubernetes                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        AWS                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Azure                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Terraform                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        GitHub Actions                                    <\/span>\n                                                                    <span class=\"inline-block px-4 lg:px-6 py-2 lg:py-3 bg-white text-black text-sm lg:text-base xl:text-lg font-medium rounded-full\">\n                                        Load Balancing                                    <\/span>\n                                                            <\/div>\n                        <\/div>\n                                                <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n\/* Service Details Content Styling *\/\n.service-details-content p {\n    margin-bottom: 1.5rem;\n}\n\n.service-details-content strong {\n    font-weight: 700;\n    display: block;\n    margin-bottom: 0.5rem;\n    font-size: 1.1em;\n}\n\n.service-details-content ul,\n.service-details-content ol {\n    list-style: none;\n    padding-left: 0;\n    margin-bottom: 1.5rem;\n}\n\n.service-details-content ul li,\n.service-details-content ol li {\n    position: relative;\n    padding-left: 1.5rem;\n    margin-bottom: 0.5rem;\n}\n\n.service-details-content ul li:before {\n    content: \"\u2022\";\n    position: absolute;\n    left: 0;\n    font-weight: bold;\n    color: #fff;\n}\n\n.service-details-content ol {\n    counter-reset: item;\n}\n\n.service-details-content ol li {\n    counter-increment: item;\n}\n\n.service-details-content ol li:before {\n    content: counter(item) \".\";\n    position: absolute;\n    left: 0;\n    font-weight: bold;\n}\n\n\/* Responsive adjustments *\/\n@media (min-width: 1024px) {\n    .service-details-content strong {\n        font-size: 1.15em;\n    }\n}\n\n@media (min-width: 1280px) {\n    .service-details-content strong {\n        font-size: 1.2em;\n    }\n}\n<\/style>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group container is-vertical is-layout-flex wp-container-core-group-is-layout-8cf370e7 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading text-3xl md:text-4xl lg:text-7xl links-semibold links-underline text-center mb-2 md:mb-4\"><strong><strong><strong>Key Benefits \u2014 What Makes Our AI Development Different<\/strong><\/strong><\/strong><\/h2>\n<\/div>\n\n\n<div id=\"section-with-image-behind-block_68dd0e2be7dee\" class=\"section-with-image-behind relative pt-6 lg:py-12 lg:mb-9\">\n   <div class=\"xl:absolute left-55p z-0 top-0 h-full\">\n      <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/AI-rapid-development-backround-e1759928606509.png\" srcset=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/AI-rapid-development-backround-e1759928606509.png 1542w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/AI-rapid-development-backround-e1759928606509-300x224.png 300w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/AI-rapid-development-backround-e1759928606509-1024x764.png 1024w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/AI-rapid-development-backround-e1759928606509-768x573.png 768w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/AI-rapid-development-backround-e1759928606509-1536x1146.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" class=\"lg:object-cover lg:h-full w-full\"\/>\n   <\/div>\n   \n   <div class=\"w-full lg:w-12\/12 2xl:w-8\/12 bg-lighter-black text-white p-6 pb-0 lg:pt-24 lg:pl-36 lg:pb-12 relative z-10\">\n      <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-0 lg:gap-12 max-w-4xl ml-auto pr-10\">\n                     <div class=\"mb-8 lg:mb-12\">\n               <h4 class=\"text-lg lg:text-2.25xl font-semibold mb-2\">Speed &#038; Efficiency<\/h4>\n               <div class=\"text-gray lg:leading-8\">\n                  <p data-start=\"4466\" data-end=\"4581\">Deliver prototypes and MVPs up to 3\u00d7 faster \u2014 with less manual work and zero wasted effort.<\/p>\n               <\/div>\n            <\/div>\n                     <div class=\"mb-8 lg:mb-12\">\n               <h4 class=\"text-lg lg:text-2.25xl font-semibold mb-2\">Intelligence<\/h4>\n               <div class=\"text-gray lg:leading-8\">\n                  <p data-start=\"4583\" data-end=\"4708\">AI-powered insights guide every phase \u2014 from design to deployment \u2014 for smarter decisions and better outcomes.<\/p>\n               <\/div>\n            <\/div>\n                     <div class=\"mb-8 lg:mb-12\">\n               <h4 class=\"text-lg lg:text-2.25xl font-semibold mb-2\">Transparency<\/h4>\n               <div class=\"text-gray lg:leading-8\">\n                  <p data-start=\"4710\" data-end=\"4834\">Every step is traceable. See exactly what\u2019s built, when, and why \u2014 no black boxes, no guessing.<\/p>\n               <\/div>\n            <\/div>\n                     <div class=\"mb-8 lg:mb-12\">\n               <h4 class=\"text-lg lg:text-2.25xl font-semibold mb-2\">Quality &#038; Reliability<\/h4>\n               <div class=\"text-gray lg:leading-8\">\n                  <p data-start=\"4836\" data-end=\"4959\">Automated testing, expert supervision, and continuous validation ensure your product stays stable and secure.<\/p>\n               <\/div>\n            <\/div>\n               <\/div>\n   <\/div>\n<\/div>\n\n<div id=\"grid-gray-boxes-block_68dd0ca5e7de9\" class=\"grid-gray-boxes\">\n\t<div class=\"container py-16\">\n\t\t\t\t\t<h2 class=\"text-3xl md:text-4xl lg:text-7xl links-semibold links-underline text-center mb-8 md:mb-16\">\n\t\t\t\tWhy partner with us\n\t\t\t<\/h2>\n\t\t\n\t\t\t\t\t<div class=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n\t\t\t\t\t\t\t\t<div class=\"gray-box-item bg-lightest-gray p-5 md:p-10 pt-5 transition-all duration-300\">\n\t\t\t\t\t<div class=\"mb-2.5 md:mb-11 flex text-xl md:text-3xl xl:text-5xl\">\n\t\t\t\t\t\t<span>01<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"pl-4 md:pl-5 font-semibold\">Proven expertise<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"font-serif text-dark-gray\">\n\t\t\t\t\t\t\t<div class=\"small-tile-item_box__QMdqY\">\n<p data-start=\"136\" data-end=\"285\">With 15+ years of experience and a track record of successful launches, we know how to turn ideas into market-ready products.<\/p>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"gray-box-item bg-lightest-gray p-5 md:p-10 pt-5 transition-all duration-300\">\n\t\t\t\t\t<div class=\"mb-2.5 md:mb-11 flex text-xl md:text-3xl xl:text-5xl\">\n\t\t\t\t\t\t<span>02<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"pl-4 md:pl-5 font-semibold\">Fast validation<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"font-serif text-dark-gray\">\n\t\t\t\t\t\t\t<p data-start=\"287\" data-end=\"413\">Working prototypes in 2\u20134 weeks, not quarters.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"gray-box-item bg-lightest-gray p-5 md:p-10 pt-5 transition-all duration-300\">\n\t\t\t\t\t<div class=\"mb-2.5 md:mb-11 flex text-xl md:text-3xl xl:text-5xl\">\n\t\t\t\t\t\t<span>03<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"pl-4 md:pl-5 font-semibold\">Trusted by clients<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"font-serif text-dark-gray\">\n\t\t\t\t\t\t\t<p data-start=\"415\" data-end=\"526\">Strong feedback and long-term partnerships show the value and quality we deliver.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"gray-box-item bg-lightest-gray p-5 md:p-10 pt-5 transition-all duration-300\">\n\t\t\t\t\t<div class=\"mb-2.5 md:mb-11 flex text-xl md:text-3xl xl:text-5xl\">\n\t\t\t\t\t\t<span>04<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"pl-4 md:pl-5 font-semibold\">Secure &amp; agile approach<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"font-serif text-dark-gray\">\n\t\t\t\t\t\t\t<p data-start=\"528\" data-end=\"685\">We follow the highest security standards and use agile methods to deliver working solutions fast \u2013 without losing quality.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group container is-vertical is-layout-flex wp-container-core-group-is-layout-8cf370e7 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading text-3xl md:text-4xl lg:text-7xl links-semibold links-underline text-center mb-2 md:mb-4\"><strong>See how we turned concepts into scalable products through AI rapid development<\/strong><\/h2>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div id=\"slider-projects-block_607b556e52d4e\" class=\"slider-projects\">\n   <div class=\"relative\">\n      <div class=\"swiper-container\">\n         <div class=\"swiper-wrapper\">\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"background-color: #e0f5ee\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/Cover-za-nilex-small_1_2.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/download-1.jpg' alt='download' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #0a0a0a\">\n               Nilex            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #0a0a0a\">\n               <p>Continuous ITSM<\/p>\n<p>development and support<\/p>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/itsm-nilex\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #0d8a6d\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"background-color: #ffffff\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/Cover-za-jogu-small_0-1-1.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/EkhartYoga-Bildstudio-10_2-1.jpg' alt='EkhartYoga-Bildstudio-10_2' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #0a0a0a\">\n               Ekhart Yoga            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #0a0a0a\">\n               <p>Online video platform resurgence<\/p>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/ekhart-yoga\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #9acecf\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"background-color: #e20075\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/Cover-za-telekom-small_1.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/telekom-desno.jpg' alt='telekom desno' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #ffffff\">\n               Crnogorski Telekom            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #ffffff\">\n               <p>Custom built E-commerce web portal<\/p>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/crnogorski-telekom\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #279faf\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"background-color: #a7e225\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/09\/concievio-mali-cover.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/09\/Concievio-cover-tarik.jpg' alt='Concievio-cover-tarik' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #0a0a0a\">\n               Concevivio            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #0a0a0a\">\n               <p>AI platform that helps enhance fertility.<\/p>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/concevivio\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #33a02b\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"background-color: #194a9f\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/09\/eks-mali-cover.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/09\/eks-backround.jpg' alt='eks-backround' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #ffffff\">\n               EKS InTech            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #ffffff\">\n               <p>Product discovery and corporate website development.<\/p>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/eks-intech\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #44c7f6\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"background-color: #e9e9e9\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/09\/hm-mali-cover.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/09\/HM-backround.jpg' alt='HM-backround' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #0a0a0a\">\n               HillMetrics            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #0a0a0a\">\n               <p>FinTech platform for processing financial derivatives data.<\/p>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/hillmetrics\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #6abac5\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"background-color: #dae3ea\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/09\/ip-mali-cover.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/09\/ip-desno.jpg' alt='ip desno' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #202d54\">\n               Investisseur Priv\u00e9            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #202d54\">\n               <p>FinTech platform for wealth managers with real-time analytics and automation.<\/p>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/investisseur-prive\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #202d54\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"background-color: #6dbc46\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/safe-bikely-mali-cover-1.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/safe-bikely-desno.jpg' alt='safe-bikely-desno' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #ffffff\">\n               Safe Bikely            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #ffffff\">\n               <p>Smart IoT lockers for seamless access and control.<\/p>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/safe-bikely-lockers-with-a-pinch-of-iot\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #704635\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/arhimed-mali-cover.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/arhimed-desno.jpg' alt='arhimed-desno' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #000000\">\n               Arhimed Software            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #0000000\">\n               <article class=\"text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" tabindex=\"-1\" data-turn-id=\"b08ec80e-7f6b-4094-8fbe-915005940656\" data-testid=\"conversation-turn-6\" data-scroll-anchor=\"true\" data-turn=\"assistant\">\n<div class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:--spacing(4)] thread-sm:[--thread-content-margin:--spacing(6)] thread-lg:[--thread-content-margin:--spacing(16)] px-(--thread-content-margin)\">\n<div class=\"[--thread-content-max-width:40rem] thread-lg:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\" tabindex=\"-1\">\n<div class=\"flex max-w-full flex-col grow\">\n<div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&amp;]:mt-1\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"de0b2586-e3dc-4699-942f-68ca213c926d\" data-message-model-slug=\"gpt-5\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden first:pt-[1px]\">\n<div class=\"markdown prose dark:prose-invert w-full break-words dark markdown-new-styling\">\n<p data-start=\"0\" data-end=\"53\" data-is-last-node=\"\" data-is-only-node=\"\">Platform for monitoring news and people in the media.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/article>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/arhimed-software\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #e0080d\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                           <div class=\"swiper-slide text-center cursor-grab active:cursor-grabbing\">\n                  <div id=\"\" class=\"relative group py-8 md:py-0\" style=\"background-color: #4f3071\">\n         <img class='mb-4 md:mt-0 md:hidden' src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/pimalion-mali-cover.jpg' \/>\n   \n   <div class=\"bg-image h-full w-full z-0 hidden md:block\">\n      <img src='https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/pimalion-slider.jpg' alt='pimalion-slider' \/>   <\/div>\n   <div class=\"px-6 md:px-12 xl:px-16 z-10 text-left md:absolute left-0 top-0 w-full h-full flex items-center\">\n      <div \n            class=\"container  lg:pl-24\"\n      >\n            <h2 class=\"text-3xl md:text-6xl xl:text-8xl font-extrabold leading-tight mb-4\" style=\"color: #ffffff\">\n               Pimalion\u00ae            <\/h2>\n            <div class=\"font-serif text-lg mb-12\" style=\"color: #ffffff\">\n               <p>Product Information Management System<\/p>\n            <\/div>\n            <a \n               href=\"https:\/\/www.bild-studio.com\/en\/projects\/pimalion-marketing-resource-management-software\/\"\n               class=\"btn-arrow\" \n               style=\"background-color: #c4d00f\"\n            >\n               Read full case study            <\/a>\n      <\/div>\n   <\/div>\n<\/div>               <\/div>\n                     <\/div>\n      <\/div>\n\n      <div class=\"absolute transform top-1\/2 -translate-y-1\/2 w-full z-10 flex pointer-events-none\">\n         <button \n            class=\"pointer-events-auto prev transform lg:translate-x-1\/2 w-12 md:w-20 ml-2 md:ml-0 text-white transition-colors fill-current focus:outline-none bg-black hover:bg-primary rounded-full p-2 md:p-4\"\n         >\n            <svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 512 512\" style=\"enable-background:new 0 0 512 512;\" xml:space=\"preserve\">\r\n\t<title>Scroll content on left<\/title>\r\n\t<desc>Used to navigate throw slider content. Revealing content from left side.<\/desc>\r\n\t<g>\r\n\t<g>\r\n\t\t<path d=\"M501.333,245.333H36.417l141.792-141.792c4.167-4.167,4.167-10.917,0-15.083c-4.167-4.167-10.917-4.167-15.083,0l-160,160\r\n\t\t\tc-4.167,4.167-4.167,10.917,0,15.083l160,160c2.083,2.083,4.813,3.125,7.542,3.125c2.729,0,5.458-1.042,7.542-3.125\r\n\t\t\tc4.167-4.167,4.167-10.917,0-15.083L36.417,266.667h464.917c5.896,0,10.667-4.771,10.667-10.667S507.229,245.333,501.333,245.333z\r\n\t\t\t\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<\/svg>\r\n         <\/button>\n         <button \n            class=\"pointer-events-auto next transform lg:-translate-x-1\/2 ml-auto w-12 md:w-20 p-2 md:p-4 text-white transition-colors fill-current focus:outline-none bg-black hover:bg-primary rounded-full\"\n         >\n            <svg version=\"1.1\" id=\"Layer_1\"  role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 512 512\" style=\"enable-background:new 0 0 512 512;\" xml:space=\"preserve\">\r\n\t<title >Scroll content on right<\/title>\r\n\t<desc >Used to navigate throw slider content. Revealing content from right side.<\/desc>\r\n<g>\r\n\t<g>\r\n\t\t<path d=\"M508.875,248.458l-160-160c-4.167-4.167-10.917-4.167-15.083,0c-4.167,4.167-4.167,10.917,0,15.083l141.792,141.792\r\n\t\t\tH10.667C4.771,245.333,0,250.104,0,256s4.771,10.667,10.667,10.667h464.917L333.792,408.458c-4.167,4.167-4.167,10.917,0,15.083\r\n\t\t\tc2.083,2.083,4.813,3.125,7.542,3.125c2.729,0,5.458-1.042,7.542-3.125l160-160C513.042,259.375,513.042,252.625,508.875,248.458z\r\n\t\t\t\"\/>\r\n\t<\/g>\r\n<\/g>\r\n<\/svg>\r\n         <\/button>\n      <\/div>\n   <\/div>\n\n   <div class=\"container\">\n      <div class=\"text-lg lg:text-2.25xl leading-tight my-6 md:my-12 xl:pl-20 lg:pr-32 xl:pr-60\">\n               <\/div>\n   <\/div>\n<\/div>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group tailwind-markdown container lg:px-20 mb-8 i md:mb-16\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading text-center text-3xl md:text-4xl lg:text-7xl links-semibold links-underline text-center mb-2 md:mb-4\">TYPES OF ENGAGEMENT<\/h2>\n<\/div><\/div>\n\n\n<div id=\"ying-yang-cards-block_607ade102b894\" class=\"ying-yang-cards relative lg:min-h-fullvh bg-lightest-gray\">\n   <div class=\"absolute h-full w-full z-0 hidden lg:block\">\n      <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/gray-waves.png\" srcset=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/gray-waves.png 1920w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/gray-waves-300x152.png 300w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/gray-waves-1024x518.png 1024w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/gray-waves-768x388.png 768w, https:\/\/www.bild-studio.com\/wp-content\/uploads\/2021\/04\/gray-waves-1536x777.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" class=\"object-cover h-full w-full\"\/>\n   <\/div>\n   \n   <div class=\"container 2xl:max-w-8xl 2xl:px-0 mx-auto relative z-1 pt-12\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-2 lg:pb-24\">\n         <div class=\"bg-black text-white relative pt-6 lg:pt-16 xl:pt-20 pb-4 lg:pb-10 pl-6 lg:pl-20 xl:pl-24 pr-6 lg:pr-10\">\n            <div \n               class=\"bg-primary absolute text-white text-3xl lg:text-7.5xl w-16 lg:w-28 h-16 lg:h-28 block rounded-full flex \n                items-center justify-center top-full lg:top-1\/2 left-1\/2 lg:left-auto \n                lg:right-0 transform -translate-x-1\/2 lg:translate-x-1\/2 -translate-y-1\/2\"\n            >\n               <p class=\"leading-none\">or<\/p>\n            <\/div>\n            \n            <h3 class=\"text-4xl lg:text-7.5xl xl:text-9.5xl font-semibold leading-none\">Time &#038; material<\/h3>\n            <div class=\"paragraph-my-10 lg:pr-10 lg:leading-8\">\n               <p>Our expertise runs deep. Based on\u00a0the requirements of your project, we can assemble a specific team of devs and UX&amp;UI designers to be at your full disposal, with a PM on top of it.<\/p>\n<p>Whether you are building your business\u00a0from scratch, you need to improve an existing platform, or you&#8217;re simply looking for an extra pair of hands to help you out.<\/p>\n            <\/div>\n         <\/div>\n\n         <div class=\"pt-10 lg:pt-16 xl:pt-20 pb-4 lg:pb-10 pl-6 lg:pl-20 xl:pl-24 pr-6 lg:pr-10\">\n            <h3 class=\"text-4xl lg:text-7.5xl xl:text-9.5xl font-semibold leading-none\">Fixed price project<\/h3>\n            <div class=\"paragraph-my-10 pr-10 leading-8\">\n               <p>If you have a clear idea about your product, we can give an estimate and get right to it. Our people will help with planning and overall architecture. With the start date and completion deadline set, it&#8217;s time for us to do the magic.<\/p>\n<p>We excel at saas, itsm, web\/mobile apps, e-commerce, banking, telecommunications, retail&#8230;<\/p>\n            <\/div>\n         <\/div>\n      <\/div>\n   <\/div>\n<\/div>\n\n\n\n<div id=\"qna-block_68e3ba791a824\" class=\"qna-accordion-block py-12 lg:py-20\">\n    <div class=\"container mx-auto px-6 lg:px-12\">\n        <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8 lg:gap-12 xl:gap-16\">\n\n            <!-- Left Sidebar (1\/3) -->\n            <div class=\"lg:col-span-1\">\n                <div class=\"qna-sidebar bg-black text-white p-8 lg:p-10 xl:p-12 sticky top-24\">\n                                            <h3 class=\"text-2xl lg:text-3xl xl:text-4xl font-bold mb-6\">\n                            Questions you might have                        <\/h3>\n                    \n                                            <a href=\"https:\/\/www.bild-studio.com\/en\/contact\/\"\n                           class=\"inline-block text-white underline hover:no-underline text-base lg:text-lg\"\n                           >\n                            Schedule a free consultation                        <\/a>\n                                    <\/div>\n            <\/div>\n\n            <!-- Right Accordion (2\/3) -->\n            <div class=\"lg:col-span-2\">\n                <div class=\"qna-accordion-container\">\n                                        <div class=\"qna-accordion-item border-b border-gray-300 last:border-b-0\">\n                        <button class=\"qna-accordion-trigger w-full text-left py-6 lg:py-8 flex justify-between items-center group\"\n                                aria-expanded=\"false\"\n                                aria-controls=\"qna-block_68e3ba791a824-item-0\">\n                            <span class=\"qna-question text-xl lg:text-2xl xl:text-3xl font-bold pr-4\">\n                                How much faster is your process?                            <\/span>\n                            <span class=\"qna-icon flex-shrink-0 w-8 h-8 lg:w-10 lg:h-10 flex items-center justify-center transition-transform duration-300\">\n                                <svg class=\"w-full h-full\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                <\/svg>\n                            <\/span>\n                        <\/button>\n                        <div id=\"qna-block_68e3ba791a824-item-0\"\n                             class=\"qna-accordion-content overflow-hidden transition-all duration-300 ease-in-out\"\n                             style=\"max-height: 0;\">\n                            <div class=\"qna-answer pb-6 lg:pb-8 pr-12 text-base lg:text-lg text-gray-700\">\n                                <p data-start=\"6950\" data-end=\"7081\">On average, 2\u20133\u00d7 faster than traditional development, depending on project size and scope.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"qna-accordion-item border-b border-gray-300 last:border-b-0\">\n                        <button class=\"qna-accordion-trigger w-full text-left py-6 lg:py-8 flex justify-between items-center group\"\n                                aria-expanded=\"false\"\n                                aria-controls=\"qna-block_68e3ba791a824-item-1\">\n                            <span class=\"qna-question text-xl lg:text-2xl xl:text-3xl font-bold pr-4\">\n                                Is the code production-ready?                            <\/span>\n                            <span class=\"qna-icon flex-shrink-0 w-8 h-8 lg:w-10 lg:h-10 flex items-center justify-center transition-transform duration-300\">\n                                <svg class=\"w-full h-full\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                <\/svg>\n                            <\/span>\n                        <\/button>\n                        <div id=\"qna-block_68e3ba791a824-item-1\"\n                             class=\"qna-accordion-content overflow-hidden transition-all duration-300 ease-in-out\"\n                             style=\"max-height: 0;\">\n                            <div class=\"qna-answer pb-6 lg:pb-8 pr-12 text-base lg:text-lg text-gray-700\">\n                                <p data-start=\"7083\" data-end=\"7211\">Yes. Every AI-generated line is reviewed, tested, and version-controlled by our engineers.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"qna-accordion-item border-b border-gray-300 last:border-b-0\">\n                        <button class=\"qna-accordion-trigger w-full text-left py-6 lg:py-8 flex justify-between items-center group\"\n                                aria-expanded=\"false\"\n                                aria-controls=\"qna-block_68e3ba791a824-item-2\">\n                            <span class=\"qna-question text-xl lg:text-2xl xl:text-3xl font-bold pr-4\">\n                                Can I use my existing tools (Figma, Jira, Confluence, GitHub)?                            <\/span>\n                            <span class=\"qna-icon flex-shrink-0 w-8 h-8 lg:w-10 lg:h-10 flex items-center justify-center transition-transform duration-300\">\n                                <svg class=\"w-full h-full\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                <\/svg>\n                            <\/span>\n                        <\/button>\n                        <div id=\"qna-block_68e3ba791a824-item-2\"\n                             class=\"qna-accordion-content overflow-hidden transition-all duration-300 ease-in-out\"\n                             style=\"max-height: 0;\">\n                            <div class=\"qna-answer pb-6 lg:pb-8 pr-12 text-base lg:text-lg text-gray-700\">\n                                <p data-start=\"7213\" data-end=\"7363\">Absolutely. The AI workflow integrates seamlessly with your existing ecosystem.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"qna-accordion-item border-b border-gray-300 last:border-b-0\">\n                        <button class=\"qna-accordion-trigger w-full text-left py-6 lg:py-8 flex justify-between items-center group\"\n                                aria-expanded=\"false\"\n                                aria-controls=\"qna-block_68e3ba791a824-item-3\">\n                            <span class=\"qna-question text-xl lg:text-2xl xl:text-3xl font-bold pr-4\">\n                                What about data security?                            <\/span>\n                            <span class=\"qna-icon flex-shrink-0 w-8 h-8 lg:w-10 lg:h-10 flex items-center justify-center transition-transform duration-300\">\n                                <svg class=\"w-full h-full\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                <\/svg>\n                            <\/span>\n                        <\/button>\n                        <div id=\"qna-block_68e3ba791a824-item-3\"\n                             class=\"qna-accordion-content overflow-hidden transition-all duration-300 ease-in-out\"\n                             style=\"max-height: 0;\">\n                            <div class=\"qna-answer pb-6 lg:pb-8 pr-12 text-base lg:text-lg text-gray-700\">\n                                <p data-start=\"7365\" data-end=\"7492\">We apply strict compliance standards, GDPR adherence, and local storage to protect your data.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        <div class=\"qna-accordion-item border-b border-gray-300 last:border-b-0\">\n                        <button class=\"qna-accordion-trigger w-full text-left py-6 lg:py-8 flex justify-between items-center group\"\n                                aria-expanded=\"false\"\n                                aria-controls=\"qna-block_68e3ba791a824-item-4\">\n                            <span class=\"qna-question text-xl lg:text-2xl xl:text-3xl font-bold pr-4\">\n                                Who supervises the AI outputs?                            <\/span>\n                            <span class=\"qna-icon flex-shrink-0 w-8 h-8 lg:w-10 lg:h-10 flex items-center justify-center transition-transform duration-300\">\n                                <svg class=\"w-full h-full\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                <\/svg>\n                            <\/span>\n                        <\/button>\n                        <div id=\"qna-block_68e3ba791a824-item-4\"\n                             class=\"qna-accordion-content overflow-hidden transition-all duration-300 ease-in-out\"\n                             style=\"max-height: 0;\">\n                            <div class=\"qna-answer pb-6 lg:pb-8 pr-12 text-base lg:text-lg text-gray-700\">\n                                <p data-start=\"7494\" data-end=\"7612\">Senior engineers, architects, and designers review all outputs before delivery.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                    <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function() {\n    const blockId = 'qna-block_68e3ba791a824';\n    const accordionItems = document.querySelectorAll('#' + blockId + ' .qna-accordion-item');\n\n    accordionItems.forEach(item => {\n        const trigger = item.querySelector('.qna-accordion-trigger');\n        const content = item.querySelector('.qna-accordion-content');\n        const icon = item.querySelector('.qna-icon');\n\n        trigger.addEventListener('click', function() {\n            const isExpanded = trigger.getAttribute('aria-expanded') === 'true';\n\n            \/\/ Close all other items\n            accordionItems.forEach(otherItem => {\n                if (otherItem !== item) {\n                    const otherTrigger = otherItem.querySelector('.qna-accordion-trigger');\n                    const otherContent = otherItem.querySelector('.qna-accordion-content');\n                    const otherIcon = otherItem.querySelector('.qna-icon');\n\n                    otherTrigger.setAttribute('aria-expanded', 'false');\n                    otherContent.style.maxHeight = '0';\n                    otherIcon.style.transform = 'rotate(0deg)';\n                }\n            });\n\n            \/\/ Toggle current item\n            if (isExpanded) {\n                trigger.setAttribute('aria-expanded', 'false');\n                content.style.maxHeight = '0';\n                icon.style.transform = 'rotate(0deg)';\n            } else {\n                trigger.setAttribute('aria-expanded', 'true');\n                content.style.maxHeight = content.scrollHeight + 'px';\n                icon.style.transform = 'rotate(180deg)';\n            }\n        });\n    });\n})();\n<\/script>\n\n\n<div id=\"testimonials-6a0d48381ea34\" class=\"testimonials-slider-block py-8 lg:py-12 overflow-hidden\">\n    <div class=\"container mx-auto px-6 lg:px-12\">\n\n        <!-- Block Title -->\n                    <h2 class=\"text-2xl md:text-4xl lg:text-5xl xl:text-6xl font-bold text-center mb-6 lg:mb-8 flex-shrink-0\">\n                Our clients say it better            <\/h2>\n        \n        <!-- Swiper Container -->\n        <div class=\"swiper testimonials-swiper-testimonials-6a0d48381ea34 flex-shrink-0\">\n            <div class=\"swiper-wrapper\">\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Thomas.jpeg\"\n                                     alt=\"Thomas Van Cauwelaert\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 testimonial-text-collapsible\" data-full-text=\"At Hmdata we are servicing the investment managment industry. To do so, we&#039;ve developed full technology based on GenAI. Bild did it with comprehensive mastering of all the Agentic stuff when it comes to capturing, putting in quality and refilling data. Bild has the profesionalism, but also the know how and deep expertise on this new technogy\" data-short-text=\"At Hmdata we are servicing the investment managment industry. To do so, we&#039;ve developed full technology based on GenAI. Bild did it with comprehensive mastering of all the Agentic stuff when it comes to capturing, putting in quality and refilling data. Bild has the profesionalism, but also the know ...\">\n                                        <p>At Hmdata we are servicing the investment managment industry. To do so, we&#039;ve developed full technology based on GenAI. Bild did it with comprehensive mastering of all the Agentic stuff when it comes to capturing, putting in quality and refilling data. Bild has the profesionalism, but also the know &#8230;<\/p>\n                                    <\/div>\n                                                                            <button class=\"testimonial-toggle-btn text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors mt-2 inline-flex items-center\">\n                                            <span class=\"toggle-text\">Show more<\/span>\n                                            <svg class=\"w-4 h-4 ml-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Thomas Van Cauwelaert                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        Chief Revenue Officer at Hillmetrics Group                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                            <div class=\"testimonial-project\">\n                                    <a href=\"https:\/\/www.bild-studio.com\/en\/projects\/hillmetrics\/\"\n                                       class=\"inline-flex items-center text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors\">\n                                        <span>See case study<\/span>\n                                        <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Quenting.jpeg\"\n                                     alt=\"Quentin Bienvenue \"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 \" data-full-text=\"The quality of the code developed through Al agent coordinators and the speed of development have increased by 30%. I&#039;m looking forward to our future collaboration with Bild!\" data-short-text=\"The quality of the code developed through Al agent coordinators and the speed of development have increased by 30%. I&#039;m looking forward to our future collaboration with Bild!\">\n                                        <p>The quality of the code developed through Al agent coordinators and the speed of development have increased by 30%. I&#039;m looking forward to our future collaboration with Bild!<\/p>\n                                    <\/div>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Quentin Bienvenue                                     <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        Product Manager  at HillMetrics Group                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                            <div class=\"testimonial-project\">\n                                    <a href=\"https:\/\/www.bild-studio.com\/en\/projects\/hillmetrics\/\"\n                                       class=\"inline-flex items-center text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors\">\n                                        <span>See case study<\/span>\n                                        <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Daniel-Trout.jpeg\"\n                                     alt=\"Daniel Trout\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 \" data-full-text=\"Bild Studio&#039;s work resulted in a more flexible, stable, and user-friendly platform for the client. The team was responsive and engaged, fostering a strong working relationship throughout the project. Moreover, Bild Studio managed the project clearly and communicated timelines effectively.\" data-short-text=\"Bild Studio&#039;s work resulted in a more flexible, stable, and user-friendly platform for the client. The team was responsive and engaged, fostering a strong working relationship throughout the project. Moreover, Bild Studio managed the project clearly and communicated timelines effectively.\">\n                                        <p>Bild Studio&#039;s work resulted in a more flexible, stable, and user-friendly platform for the client. The team was responsive and engaged, fostering a strong working relationship throughout the project. Moreover, Bild Studio managed the project clearly and communicated timelines effectively.<\/p>\n                                    <\/div>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Daniel Trout                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        Product Owner at EkhartYoga BV and YogaEasy GmbH                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                            <div class=\"testimonial-project\">\n                                    <a href=\"https:\/\/www.bild-studio.com\/en\/projects\/ekhart-yoga\/\"\n                                       class=\"inline-flex items-center text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors\">\n                                        <span>See case study<\/span>\n                                        <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Corey-Henderson.jpeg\"\n                                     alt=\"Corey Henderson\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 testimonial-text-collapsible\" data-full-text=\"They asked questions that made me feel like they truly understood what the task and challenges were going to be.\r\nThe web app boasts fifteen millisecond response times and hundreds of thousands of users per month. A reliable partner, Bild Studio consistently does their due diligence in understanding the product and the client&#039;s goals. They excel at managing expectations and leading a seamless workflow.\r\n\" data-short-text=\"They asked questions that made me feel like they truly understood what the task and challenges were going to be.\r\nThe web app boasts fifteen millisecond response times and hundreds of thousands of users per month. A reliable partner, Bild Studio consistently does their due diligence in understanding...\">\n                                        <p>They asked questions that made me feel like they truly understood what the task and challenges were going to be.<br \/>\nThe web app boasts fifteen millisecond response times and hundreds of thousands of users per month. A reliable partner, Bild Studio consistently does their due diligence in understanding&#8230;<\/p>\n                                    <\/div>\n                                                                            <button class=\"testimonial-toggle-btn text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors mt-2 inline-flex items-center\">\n                                            <span class=\"toggle-text\">Show more<\/span>\n                                            <svg class=\"w-4 h-4 ml-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Corey Henderson                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        Partner &amp; CTO at KRING Ventures                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                            <div class=\"testimonial-project\">\n                                    <a href=\"https:\/\/www.bild-studio.com\/en\/projects\/concevivio\/\"\n                                       class=\"inline-flex items-center text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors\">\n                                        <span>See case study<\/span>\n                                        <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Dzenan-Strujic.jpeg\"\n                                     alt=\"Dzenan Strujic\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 testimonial-text-collapsible\" data-full-text=\"They have a lot of talented developers, and I really recommend working with them.\r\nThe development work met the expectations of the internal team, leading to a successful longterm relationship. Bild Studio leverages their technical expertise and organization to successfully manage projects. The team is skilled across a variety of technologies and services.\r\n\r\n\" data-short-text=\"They have a lot of talented developers, and I really recommend working with them.\r\nThe development work met the expectations of the internal team, leading to a successful longterm relationship. Bild Studio leverages their technical expertise and organization to successfully manage projects. The team...\">\n                                        <p>They have a lot of talented developers, and I really recommend working with them.<br \/>\nThe development work met the expectations of the internal team, leading to a successful longterm relationship. Bild Studio leverages their technical expertise and organization to successfully manage projects. The team&#8230;<\/p>\n                                    <\/div>\n                                                                            <button class=\"testimonial-toggle-btn text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors mt-2 inline-flex items-center\">\n                                            <span class=\"toggle-text\">Show more<\/span>\n                                            <svg class=\"w-4 h-4 ml-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Dzenan Strujic                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        CTO at Nilex                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                            <div class=\"testimonial-project\">\n                                    <a href=\"https:\/\/www.bild-studio.com\/en\/projects\/itsm-nilex\/\"\n                                       class=\"inline-flex items-center text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors\">\n                                        <span>See case study<\/span>\n                                        <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Sasa-Adzic.jpeg\"\n                                     alt=\"Sasa Adzic\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 \" data-full-text=\"Bild Studio delivers on what they promise, accomplishing complex challenges.\r\nThe redesigned pages have helped stakeholders achieve higher online sales. The vendor is deadline-oriented, and they&#039;ve offered proactive updates throughout the timeline. Their reliability stands out.\r\n\r\n\" data-short-text=\"Bild Studio delivers on what they promise, accomplishing complex challenges.\r\nThe redesigned pages have helped stakeholders achieve higher online sales. The vendor is deadline-oriented, and they&#039;ve offered proactive updates throughout the timeline. Their reliability stands out.\r\n\r\n\">\n                                        <p>Bild Studio delivers on what they promise, accomplishing complex challenges.<br \/>\nThe redesigned pages have helped stakeholders achieve higher online sales. The vendor is deadline-oriented, and they&#039;ve offered proactive updates throughout the timeline. Their reliability stands out.<\/p>\n                                    <\/div>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Sasa Adzic                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        Expert in Software Development,  at Crnogorski Telekom                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                            <div class=\"testimonial-project\">\n                                    <a href=\"https:\/\/www.bild-studio.com\/en\/projects\/crnogorski-telekom\/\"\n                                       class=\"inline-flex items-center text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors\">\n                                        <span>See case study<\/span>\n                                        <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Ognjen-Ikovic.jpeg\"\n                                     alt=\"Ognjen Ikovic\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 testimonial-text-collapsible\" data-full-text=\"They have a 100% delivery rate and are always on time.\r\nThe redesign has gotten positive feedback from customers on the improved look and feel of the app. Bild Studio establishes a smooth workflow, working in agile, to ensure increased collaboration between teams. The team is hard-working and creative.\r\n\r\n\" data-short-text=\"They have a 100% delivery rate and are always on time.\r\nThe redesign has gotten positive feedback from customers on the improved look and feel of the app. Bild Studio establishes a smooth workflow, working in agile, to ensure increased collaboration between teams. The team is hard-working and creati...\">\n                                        <p>They have a 100% delivery rate and are always on time.<br \/>\nThe redesign has gotten positive feedback from customers on the improved look and feel of the app. Bild Studio establishes a smooth workflow, working in agile, to ensure increased collaboration between teams. The team is hard-working and creati&#8230;<\/p>\n                                    <\/div>\n                                                                            <button class=\"testimonial-toggle-btn text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors mt-2 inline-flex items-center\">\n                                            <span class=\"toggle-text\">Show more<\/span>\n                                            <svg class=\"w-4 h-4 ml-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Ognjen Ikovic                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        Co-Founder &amp; CTO at INVT                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Karee.jpeg\"\n                                     alt=\"Kaare Beck-Fischer\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 testimonial-text-collapsible\" data-full-text=\"The team we work with is well structured and consistent with quality. They have a way of work that we were skeptical about, but turned out really beneficial. They were completely transparent, making us part of one team aiming for the same goal. The real benefit of working together is continual improvement and suggestions that were coming from them showing real interest into making the app as good as possible.\r\n\" data-short-text=\"The team we work with is well structured and consistent with quality. They have a way of work that we were skeptical about, but turned out really beneficial. They were completely transparent, making us part of one team aiming for the same goal. The real benefit of working together is continual impro...\">\n                                        <p>The team we work with is well structured and consistent with quality. They have a way of work that we were skeptical about, but turned out really beneficial. They were completely transparent, making us part of one team aiming for the same goal. The real benefit of working together is continual impro&#8230;<\/p>\n                                    <\/div>\n                                                                            <button class=\"testimonial-toggle-btn text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors mt-2 inline-flex items-center\">\n                                            <span class=\"toggle-text\">Show more<\/span>\n                                            <svg class=\"w-4 h-4 ml-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Kaare Beck-Fischer                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        Co-Founder &amp; CEO at Conceivio                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                            <div class=\"testimonial-project\">\n                                    <a href=\"https:\/\/www.bild-studio.com\/en\/projects\/concevivio\/\"\n                                       class=\"inline-flex items-center text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors\">\n                                        <span>See case study<\/span>\n                                        <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Almir-Sulejmanovic.jpeg\"\n                                     alt=\"Almir Sulejmanovic\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 testimonial-text-collapsible\" data-full-text=\"They didn\u2019t just build a website. They built a story around who we are. From the very beginning, they took the time to understand our values, our voice, and what truly sets us apart. Every detail \u2014 from the flow of the pages to the way our message comes to life \u2014 feels intentional and deeply connected to our identity. The result is more than a digital presence; it\u2019s an experience that captures the essence of EKS. It finally feels like us \u2014 clear, confident, and human.\" data-short-text=\"They didn\u2019t just build a website. They built a story around who we are. From the very beginning, they took the time to understand our values, our voice, and what truly sets us apart. Every detail \u2014 from the flow of the pages to the way our message comes to life \u2014 feels intentional and deeply c...\">\n                                        <p>They didn\u2019t just build a website. They built a story around who we are. From the very beginning, they took the time to understand our values, our voice, and what truly sets us apart. Every detail \u2014 from the flow of the pages to the way our message comes to life \u2014 feels intentional and deeply c&#8230;<\/p>\n                                    <\/div>\n                                                                            <button class=\"testimonial-toggle-btn text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors mt-2 inline-flex items-center\">\n                                            <span class=\"toggle-text\">Show more<\/span>\n                                            <svg class=\"w-4 h-4 ml-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Almir Sulejmanovic                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        CTO at Eks InTech                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                            <div class=\"testimonial-project\">\n                                    <a href=\"https:\/\/www.bild-studio.com\/en\/projects\/eks-intech\/\"\n                                       class=\"inline-flex items-center text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors\">\n                                        <span>See case study<\/span>\n                                        <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Suney.png\"\n                                     alt=\"Suney Toste\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 testimonial-text-collapsible\" data-full-text=\"As Head of Research at HillMetrics, I was looking for a partner capable of translating our vision into powerful, scalable solutions. From the earliest design workshops to production go-live, Bild-Studio demonstrated a strong sense of commitment, clarity, and technical excellence. Their responsiveness, ability to understand complex financial challenges, their expertise and appetite for innovation were key to the success of our projects. We were able to integrate the last research in Al technology (as multi-modal, agentic, VLM, \u2026) in the platforms.\" data-short-text=\"As Head of Research at HillMetrics, I was looking for a partner capable of translating our vision into powerful, scalable solutions. From the earliest design workshops to production go-live, Bild-Studio demonstrated a strong sense of commitment, clarity, and technical excellence. Their responsivenes...\">\n                                        <p>As Head of Research at HillMetrics, I was looking for a partner capable of translating our vision into powerful, scalable solutions. From the earliest design workshops to production go-live, Bild-Studio demonstrated a strong sense of commitment, clarity, and technical excellence. Their responsivenes&#8230;<\/p>\n                                    <\/div>\n                                                                            <button class=\"testimonial-toggle-btn text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors mt-2 inline-flex items-center\">\n                                            <span class=\"toggle-text\">Show more<\/span>\n                                            <svg class=\"w-4 h-4 ml-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Suney Toste                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        Head of research at HillMetrics                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                            <div class=\"testimonial-project\">\n                                    <a href=\"https:\/\/www.bild-studio.com\/en\/projects\/hillmetrics\/\"\n                                       class=\"inline-flex items-center text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors\">\n                                        <span>See case study<\/span>\n                                        <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                                <div class=\"swiper-slide\">\n                    <div class=\"testimonial-card bg-white p-8 lg:p-12 xl:p-16 flex flex-col lg:flex-row gap-8 lg:gap-12 items-center lg:items-start\">\n\n                        <!-- Image Section -->\n                        <div class=\"testimonial-image-wrapper flex-shrink-0\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/10\/Cagi.jpeg\"\n                                     alt=\"Cagi Nicolau\"\n                                     class=\"w-24 h-24 lg:w-32 lg:h-32 xl:w-36 xl:h-36 rounded-full object-cover\">\n                                                    <\/div>\n\n                        <!-- Content Section -->\n                        <div class=\"testimonial-content flex-1 text-center lg:text-left\">\n                            <!-- Quote Icon -->\n                            <div class=\"testimonial-quote mb-3\">\n                                <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-gray-300 mx-auto lg:mx-0\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z\"><\/path>\n                                <\/svg>\n                            <\/div>\n\n                            <!-- Testimonial Text -->\n                                                            <div class=\"testimonial-text-wrapper mb-4\">\n                                    <div class=\"testimonial-text text-base lg:text-lg xl:text-xl leading-relaxed text-gray-800 testimonial-text-collapsible\" data-full-text=\"Bild Studio turned our complex vision into a seamless product. Their UX\/UI expertise and technical depth brought elegance, security, and clarity to every detail. What truly stood out was their ability to understand the business behind the code \u2014 solving problems before they appeared. Professional, responsive, and deeply committed, Bild Studio isn\u2019t just a vendor \u2014 they\u2019re a true partner.\" data-short-text=\"Bild Studio turned our complex vision into a seamless product. Their UX\/UI expertise and technical depth brought elegance, security, and clarity to every detail. What truly stood out was their ability to understand the business behind the code \u2014 solving problems before they appeared. Professional,...\">\n                                        <p>Bild Studio turned our complex vision into a seamless product. Their UX\/UI expertise and technical depth brought elegance, security, and clarity to every detail. What truly stood out was their ability to understand the business behind the code \u2014 solving problems before they appeared. Professional,&#8230;<\/p>\n                                    <\/div>\n                                                                            <button class=\"testimonial-toggle-btn text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors mt-2 inline-flex items-center\">\n                                            <span class=\"toggle-text\">Show more<\/span>\n                                            <svg class=\"w-4 h-4 ml-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path>\n                                            <\/svg>\n                                        <\/button>\n                                                                    <\/div>\n                            \n                            <!-- Author Info -->\n                            <div class=\"testimonial-author mb-4\">\n                                                                    <div class=\"author-name text-lg lg:text-xl font-bold mb-1\">\n                                        Cagi Nicolau                                    <\/div>\n                                \n                                                                    <div class=\"author-position text-sm lg:text-base text-gray-600\">\n                                        CEO at Investisseur Priv\u00e9                                    <\/div>\n                                                            <\/div>\n\n                            <!-- Project Link -->\n                                                            <div class=\"testimonial-project\">\n                                    <a href=\"https:\/\/www.bild-studio.com\/en\/projects\/investisseur-prive\/\"\n                                       class=\"inline-flex items-center text-sm lg:text-base font-semibold text-black hover:text-primary transition-colors\">\n                                        <span>See case study<\/span>\n                                        <svg class=\"w-4 h-4 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path>\n                                        <\/svg>\n                                    <\/a>\n                                <\/div>\n                                                    <\/div>\n\n                    <\/div>\n                <\/div>\n                            <\/div>\n\n            <!-- Navigation Arrows -->\n            <div class=\"testimonials-nav-container mt-6 flex-shrink-0\">\n                <div class=\"flex items-center gap-3\">\n                    <div class=\"testimonials-nav-prev testimonials-nav-prev-testimonials-6a0d48381ea34 cursor-pointer w-12 h-12 lg:w-14 lg:h-14 bg-black hover:bg-primary flex items-center justify-center transition-all duration-300\">\n                        <span class=\"arrow-left\"><\/span>\n                    <\/div>\n                    <div class=\"testimonials-nav-next testimonials-nav-next-testimonials-6a0d48381ea34 cursor-pointer w-12 h-12 lg:w-14 lg:h-14 bg-black hover:bg-primary flex items-center justify-center transition-all duration-300\">\n                        <span class=\"arrow-right\"><\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n#testimonials-6a0d48381ea34 .swiper-slide {\n    opacity: 0.3;\n    transition: opacity 0.3s ease;\n}\n\n#testimonials-6a0d48381ea34 .swiper-slide-active {\n    opacity: 1;\n}\n\n#testimonials-6a0d48381ea34 .swiper-slide-next,\n#testimonials-6a0d48381ea34 .swiper-slide-prev {\n    opacity: 0.5;\n}\n\n#testimonials-6a0d48381ea34 .swiper-pagination-bullet {\n    display: none;\n}\n\n#testimonials-6a0d48381ea34 .testimonial-card {\n    min-height: 400px;\n    border: 1px solid #e5e7eb;\n}\n\n@media (max-width: 768px) {\n    #testimonials-6a0d48381ea34 .testimonial-card {\n        min-height: auto;\n    }\n}\n\n\/* CSS Arrow styles *\/\n#testimonials-6a0d48381ea34 .arrow-left,\n#testimonials-6a0d48381ea34 .arrow-right {\n    display: inline-block;\n    width: 14px;\n    height: 14px;\n    border-top: 3px solid #fff;\n    border-right: 3px solid #fff;\n    transition: transform 0.3s ease;\n}\n\n@media (min-width: 1024px) {\n    #testimonials-6a0d48381ea34 .arrow-left,\n    #testimonials-6a0d48381ea34 .arrow-right {\n        width: 20px;\n        height: 20px;\n        border-top: 4px solid #fff;\n        border-right: 4px solid #fff;\n    }\n}\n\n#testimonials-6a0d48381ea34 .arrow-left {\n    transform: rotate(-135deg);\n    margin-right: 2px;\n}\n\n#testimonials-6a0d48381ea34 .arrow-right {\n    transform: rotate(45deg);\n    margin-left: 2px;\n}\n\n#testimonials-6a0d48381ea34 .group:hover .arrow-left {\n    transform: rotate(-135deg) scale(1.1);\n}\n\n#testimonials-6a0d48381ea34 .group:hover .arrow-right {\n    transform: rotate(45deg) scale(1.1);\n}\n\n\/* Navigation container positioning *\/\n#testimonials-6a0d48381ea34 .testimonials-nav-container {\n    position: relative;\n}\n\n@media (min-width: 768px) {\n    #testimonials-6a0d48381ea34 .testimonials-nav-container {\n        padding-left: 80px;\n    }\n}\n\n@media (min-width: 1024px) {\n    #testimonials-6a0d48381ea34 .testimonials-nav-container {\n        padding-left: 120px;\n    }\n}\n\n@media (min-width: 1280px) {\n    #testimonials-6a0d48381ea34 .testimonials-nav-container {\n        padding-left: 160px;\n    }\n}\n\n@media (min-width: 1536px) {\n    #testimonials-6a0d48381ea34 .testimonials-nav-container {\n        padding-left: 201px;\n    }\n}\n\n\/* Toggle button styling *\/\n#testimonials-6a0d48381ea34 .testimonial-toggle-btn {\n    background: none;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n}\n\n#testimonials-6a0d48381ea34 .testimonial-toggle-btn.expanded svg {\n    transform: rotate(180deg);\n}\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    console.log('Testimonials block loading: testimonials-6a0d48381ea34');\n    console.log('Swiper available:', typeof Swiper !== 'undefined');\n\n    if (typeof Swiper !== 'undefined') {\n        const swiperElement = document.querySelector('.testimonials-swiper-testimonials-6a0d48381ea34');\n        console.log('Swiper element found:', swiperElement);\n\n        if (swiperElement) {\n            const swiper = new Swiper('.testimonials-swiper-testimonials-6a0d48381ea34', {\n                slidesPerView: 1,\n                spaceBetween: 30,\n                centeredSlides: true,\n                loop: true,\n                autoplay: {\n                    delay: 5000,\n                    disableOnInteraction: false,\n                },\n                navigation: {\n                    nextEl: '.testimonials-nav-next-testimonials-6a0d48381ea34',\n                    prevEl: '.testimonials-nav-prev-testimonials-6a0d48381ea34',\n                },\n                pagination: {\n                    el: '.swiper-pagination-testimonials-6a0d48381ea34',\n                    clickable: true,\n                },\n                breakpoints: {\n                    768: {\n                        slidesPerView: 1.2,\n                        spaceBetween: 40,\n                    },\n                    1024: {\n                        slidesPerView: 1.3,\n                        spaceBetween: 50,\n                    },\n                    1280: {\n                        slidesPerView: 1.4,\n                        spaceBetween: 60,\n                    }\n                }\n            });\n            console.log('Swiper initialized:', swiper);\n\n            \/\/ Pause autoplay on hover\n            const slides = document.querySelectorAll('#testimonials-6a0d48381ea34 .swiper-slide');\n            slides.forEach(slide => {\n                slide.addEventListener('mouseenter', function() {\n                    swiper.autoplay.stop();\n                });\n                slide.addEventListener('mouseleave', function() {\n                    swiper.autoplay.start();\n                });\n            });\n\n            \/\/ Show more\/less toggle functionality\n            const toggleButtons = document.querySelectorAll('#testimonials-6a0d48381ea34 .testimonial-toggle-btn');\n            toggleButtons.forEach(btn => {\n                btn.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    const textWrapper = this.previousElementSibling;\n                    const toggleText = this.querySelector('.toggle-text');\n                    const fullText = textWrapper.getAttribute('data-full-text');\n                    const shortText = textWrapper.getAttribute('data-short-text');\n                    const isExpanded = this.classList.contains('expanded');\n\n                    if (isExpanded) {\n                        \/\/ Collapse\n                        const shortParagraphs = shortText.split('\\n').filter(p => p.trim()).map(p => '<p>' + p.trim() + '<\/p>').join('');\n                        textWrapper.innerHTML = shortParagraphs;\n                        toggleText.textContent = 'Show more';\n                        this.classList.remove('expanded');\n                    } else {\n                        \/\/ Expand\n                        const fullParagraphs = fullText.split('\\n').filter(p => p.trim()).map(p => '<p>' + p.trim() + '<\/p>').join('');\n                        textWrapper.innerHTML = fullParagraphs;\n                        toggleText.textContent = 'Show less';\n                        this.classList.add('expanded');\n                    }\n                });\n            });\n        } else {\n            console.error('Swiper element not found for ID: testimonials-6a0d48381ea34');\n        }\n    } else {\n        console.error('Swiper library not loaded!');\n    }\n});\n<\/script>\n\n<div id=\"block-name-block_607aeb4ef858b\" class=\"block-name\">\n\t<div class=\"py-14 lg:py-36\">\n      <div class=\"container\">\n         <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-3\">\n            <div>\n               <h2 class=\"text-3xl lg:text-7.5xl xl:text-9.5xl font-semibold mb-6 lg:mb-12\">Need a hand?<\/h2>\n\n               <div class=\"lg:text-2xl xl:text-2.25xl paragraph-my-10 xl:pl-16\">\n                  <p>Define the task, scope of work, time frame and just hit &#8211; send. Nemanja will provide you with your team.<\/p>\n<p>It\u2019s that easy.<\/p>\n<p>And he might take you for a pint.<\/p>\n               <\/div>\n            <\/div>\n\n            <div class=\"mx-auto lg:mr-0 lg:ml-auto\">\n               <img decoding=\"async\" src=\"https:\/\/www.bild-studio.com\/wp-content\/uploads\/2025\/09\/Nemanja-Nikolic-e1758708970529.jpeg\" alt=\"Nemanja Nikoli\u0107\"\/>\n               <h3 class=\"text-xl font-semibold mt-8 mb-1\">Nemanja Nikoli\u0107<\/h3>\n               <p class=\"text-light-gray\">Business Development Manager<\/p>\n            <\/div>\n         <\/div>\n      <\/div>\n   <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Software development workflow Traditional methodology without AI agents 1. Requirementgathering Functional specification UI prototypes 2. High-leveldesign Component architecture Tech stack definition 3. Low leveldesign Detailed User Stories Detailed technical specification Test cases 4. Development Code repository Pull requests Test case executions 5. Deploymentto production Smoke tests CI\/CD Pipelines D I S C O V E [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8501,"menu_order":6,"comment_status":"closed","ping_status":"closed","template":"template-service-category.php","meta":{"footnotes":""},"class_list":["post-8523","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.bild-studio.com\/en\/wp-json\/wp\/v2\/pages\/8523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bild-studio.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bild-studio.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bild-studio.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bild-studio.com\/en\/wp-json\/wp\/v2\/comments?post=8523"}],"version-history":[{"count":0,"href":"https:\/\/www.bild-studio.com\/en\/wp-json\/wp\/v2\/pages\/8523\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.bild-studio.com\/en\/wp-json\/wp\/v2\/pages\/8501"}],"wp:attachment":[{"href":"https:\/\/www.bild-studio.com\/en\/wp-json\/wp\/v2\/media?parent=8523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}