Vivo Gaming \u2014 Studio Builder Prototype<\/title>\n<style>\n :root {\n \/* Page (light) *\/\n --bg-page: #ffffff;\n --bg-page-alt: #f5f6f8;\n --text-page: #14213d;\n --text-page-mid: #4a5160;\n --text-page-muted: #8b919b;\n --line-page: #e5e7eb;\n --line-page-strong: #c8ccd2;\n\n \/* Cards (midnight blue) *\/\n --bg-card: #14213d;\n --bg-card-hover: #1a2a4a;\n --bg-card-selected: #1f3258;\n --text-card: #ecedef;\n --text-card-mid: #b6bac1;\n --text-card-muted: #8a93a6;\n --line-card: rgba(255,255,255,0.10);\n --line-card-strong: rgba(255,255,255,0.22);\n\n \/* Accent *\/\n --accent: #d4a544;\n --accent-soft: rgba(212,165,68,0.18);\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: Arial, Helvetica, sans-serif;\n background: var(--bg-page);\n color: var(--text-page);\n min-height: 100vh;\n line-height: 1.5;\n padding: 40px 24px;\n }\n\n .wrap { max-width: 1200px; margin: 0 auto; }\n\n \/* ---------- Header ---------- *\/\n .header {\n border-bottom: 1px solid var(--line-page);\n padding-bottom: 24px;\n margin-bottom: 32px;\n }\n .eyebrow {\n font-size: 11px;\n letter-spacing: 0.18em;\n color: var(--accent);\n font-weight: 700;\n text-transform: uppercase;\n margin-bottom: 8px;\n }\n .header h1 {\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n font-size: clamp(32px, 4vw, 48px);\n text-transform: uppercase;\n letter-spacing: -0.01em;\n line-height: 1;\n color: var(--text-page);\n }\n .header h1 .accent { color: var(--accent); }\n .header p {\n color: var(--text-page-mid);\n margin-top: 12px;\n max-width: 600px;\n font-size: 15px;\n }\n\n \/* ---------- Progress strip ---------- *\/\n .progress {\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n gap: 8px;\n margin-bottom: 40px;\n }\n .progress-step {\n border-top: 2px solid var(--line-page);\n padding-top: 10px;\n color: var(--text-page-muted);\n font-size: 10px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n transition: all 0.3s ease;\n }\n .progress-step.active {\n border-top-color: var(--accent);\n color: var(--text-page);\n }\n .progress-step.complete {\n border-top-color: var(--accent);\n color: var(--text-page-mid);\n }\n .progress-step .num {\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n font-size: 14px;\n display: block;\n margin-bottom: 2px;\n }\n\n \/* ---------- Step ---------- *\/\n .step { display: none; }\n .step.active {\n display: block;\n animation: fade 0.4s ease;\n }\n @keyframes fade {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .step-header { margin-bottom: 32px; }\n .step-header h2 {\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n font-size: clamp(28px, 3.6vw, 42px);\n text-transform: uppercase;\n line-height: 1.05;\n margin-bottom: 12px;\n color: var(--text-page);\n }\n .step-header h2 .accent { color: var(--accent); }\n .step-header p {\n color: var(--text-page-mid);\n font-size: 15px;\n max-width: 640px;\n }\n .step-hint {\n display: inline-block;\n margin-top: 12px;\n padding: 4px 10px;\n border: 1px solid var(--line-page-strong);\n font-size: 10px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--text-page-mid);\n background: var(--bg-page-alt);\n }\n\n \/* ---------- Cards (midnight blue) ---------- *\/\n .cards {\n display: grid;\n gap: 16px;\n margin-bottom: 40px;\n }\n .cards.cols-2 { grid-template-columns: repeat(2, 1fr); }\n .cards.cols-3 { grid-template-columns: repeat(3, 1fr); }\n .cards.cols-4 { grid-template-columns: repeat(4, 1fr); }\n @media (max-width: 900px) {\n .cards.cols-3, .cards.cols-4 { grid-template-columns: repeat(2, 1fr); }\n }\n @media (max-width: 600px) {\n .cards.cols-2, .cards.cols-3, .cards.cols-4 { grid-template-columns: 1fr; }\n }\n\n .card {\n background: var(--bg-card);\n border: 1px solid var(--line-card);\n padding: 24px;\n cursor: pointer;\n transition: all 0.2s ease;\n position: relative;\n text-align: left;\n font-family: inherit;\n color: var(--text-card);\n display: flex;\n flex-direction: column;\n gap: 8px;\n min-height: 100%;\n }\n .card:hover {\n background: var(--bg-card-hover);\n border-color: var(--line-card-strong);\n transform: translateY(-1px);\n }\n .card.selected {\n border-color: var(--accent);\n background: var(--bg-card-selected);\n box-shadow: 0 0 0 1px var(--accent);\n }\n .card.selected::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: var(--accent);\n }\n .card-tag {\n font-size: 10px;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n font-weight: 700;\n }\n .card-title {\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n font-size: 18px;\n text-transform: uppercase;\n line-height: 1.1;\n letter-spacing: -0.005em;\n color: var(--text-card);\n }\n .card-desc {\n font-size: 13px;\n color: var(--text-card-mid);\n line-height: 1.5;\n }\n .card-meta {\n margin-top: auto;\n padding-top: 12px;\n font-size: 11px;\n color: var(--text-card-muted);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n }\n .card-tier {\n position: absolute;\n top: 16px;\n right: 16px;\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n font-size: 22px;\n color: rgba(255,255,255,0.10);\n line-height: 1;\n }\n .card.selected .card-tier { color: var(--accent-soft); }\n\n \/* Compact tickbox cards *\/\n .card.compact {\n padding: 16px 20px;\n flex-direction: row;\n align-items: center;\n gap: 16px;\n min-height: 0;\n }\n .card.compact .card-title { font-size: 14px; margin-bottom: 4px; }\n .card.compact .card-desc { font-size: 12px; }\n .card.compact .check {\n width: 18px;\n height: 18px;\n border: 1px solid var(--line-card-strong);\n flex-shrink: 0;\n position: relative;\n background: rgba(255,255,255,0.04);\n }\n .card.compact.selected .check {\n background: var(--accent);\n border-color: var(--accent);\n }\n .card.compact.selected .check::after {\n content: \"\";\n position: absolute;\n top: 3px;\n left: 6px;\n width: 4px;\n height: 9px;\n border: solid var(--bg-card);\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n }\n .card.compact .compact-body { flex: 1; }\n\n \/* ---------- Nav buttons ---------- *\/\n .nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 32px;\n border-top: 1px solid var(--line-page);\n gap: 16px;\n }\n .btn {\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-size: 12px;\n padding: 16px 28px;\n border: 1px solid var(--text-page);\n background: transparent;\n color: var(--text-page);\n cursor: pointer;\n transition: all 0.2s ease;\n }\n .btn:hover {\n background: var(--text-page);\n color: var(--bg-page);\n }\n .btn-primary {\n background: var(--accent);\n border-color: var(--accent);\n color: var(--text-page);\n }\n .btn-primary:hover {\n background: #e0b85a;\n border-color: #e0b85a;\n color: var(--text-page);\n }\n .btn:disabled {\n opacity: 0.3;\n cursor: not-allowed;\n }\n .btn:disabled:hover {\n background: transparent;\n color: var(--text-page);\n }\n .step-count {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--text-page-muted);\n }\n\n \/* ---------- Summary ---------- *\/\n .summary-section {\n margin-bottom: 32px;\n padding-bottom: 24px;\n border-bottom: 1px solid var(--line-page);\n }\n .summary-section:last-of-type { border-bottom: none; }\n .summary-label {\n font-size: 11px;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 8px;\n font-weight: 700;\n }\n .summary-value {\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n font-size: 22px;\n text-transform: uppercase;\n line-height: 1.2;\n color: var(--text-page);\n }\n .summary-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 4px;\n }\n .pill {\n padding: 6px 12px;\n background: var(--bg-page-alt);\n border: 1px solid var(--line-page);\n font-size: 12px;\n color: var(--text-page-mid);\n letter-spacing: 0.04em;\n }\n .pill.gold {\n border-color: var(--accent);\n color: var(--text-page);\n background: var(--accent-soft);\n }\n .pill.midnight {\n background: var(--bg-card);\n border-color: var(--bg-card);\n color: var(--text-card);\n }\n\n .included {\n background: var(--bg-page-alt);\n border: 1px solid var(--line-page);\n padding: 24px;\n margin-top: 32px;\n }\n .included-title {\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n font-size: 14px;\n text-transform: uppercase;\n margin-bottom: 16px;\n letter-spacing: 0.04em;\n color: var(--text-page);\n }\n .included-stats {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n }\n @media (max-width: 700px) {\n .included-stats { grid-template-columns: repeat(2, 1fr); }\n }\n .stat {\n border-top: 1px solid var(--accent);\n padding-top: 12px;\n }\n .stat-num {\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n font-size: 32px;\n line-height: 1;\n color: var(--text-page);\n }\n .stat-label {\n font-size: 10px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--text-page-muted);\n margin-top: 6px;\n }\n .cta-row {\n display: flex;\n gap: 12px;\n margin-top: 32px;\n flex-wrap: wrap;\n }\n\n .integration-explainer {\n background: var(--bg-page-alt);\n border: 1px solid var(--line-page);\n padding: 20px;\n margin-bottom: 24px;\n font-size: 14px;\n color: var(--text-page-mid);\n }\n .integration-explainer strong {\n color: var(--text-page);\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"wrap\">\n\n \n <div class=\"header\">\n <div class=\"eyebrow\">Vivo Gaming \u2014 Studio Builder (Prototype)<\/div>\n <h1>BUILD YOUR <span class=\"accent\">STUDIO.<\/span><\/h1>\n <p>Six steps. Your brand, your studio, powered by Vivo Gaming. Configure a deployment that fits your operation and we’ll send you a tailored studio brief.<\/p>\n <\/div>\n\n \n <div class=\"progress\" id=\"progress\"><\/div>\n\n \n <div class=\"step active\" data-step=\"1\">\n <div class=\"step-header\">\n <h2>About <span class=\"accent\">your operation.<\/span><\/h2>\n <p>This helps us recommend the right setup. You can change any answer later.<\/p>\n <div class=\"step-hint\">Pick one<\/div>\n <\/div>\n <div class=\"cards cols-2\">\n <button class=\"card\" data-select=\"operator\" data-value=\"new\">\n <div class=\"card-tag\">New launch<\/div>\n <div class=\"card-title\">New online casino<\/div>\n <div class=\"card-desc\">Starting from scratch with a complete platform. Need turnkey speed and minimal technical lift.<\/div>\n <\/button>\n <button class=\"card\" data-select=\"operator\" data-value=\"expanding\">\n <div class=\"card-tag\">Established<\/div>\n <div class=\"card-title\">Expanding operator<\/div>\n <div class=\"card-desc\">Already running. Looking to add live casino, expand markets, or upgrade your existing studio offering.<\/div>\n <\/button>\n <button class=\"card\" data-select=\"operator\" data-value=\"aggregator\">\n <div class=\"card-tag\">Distribution<\/div>\n <div class=\"card-title\">Aggregator or platform<\/div>\n <div class=\"card-desc\">You distribute content to multiple operators. Need flexible content licensing and multi-operator infrastructure.<\/div>\n <\/button>\n <button class=\"card\" data-select=\"operator\" data-value=\"landbased\">\n <div class=\"card-tag\">Going digital<\/div>\n <div class=\"card-title\">Land-based going online<\/div>\n <div class=\"card-desc\">Bricks-and-mortar operation moving into digital. Want to extend your brand into online live casino.<\/div>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" data-step=\"2\">\n <div class=\"step-header\">\n <h2>Your <span class=\"accent\">target markets.<\/span><\/h2>\n <p>We’ll match you to the right studios, native dealers, and game mix. Vivo Gaming operates 18+ studios across 75+ countries with 25+ languages.<\/p>\n <div class=\"step-hint\">Pick all that apply<\/div>\n <\/div>\n <div class=\"cards cols-3\">\n <button class=\"card\" data-select=\"market\" data-value=\"latam\" data-multi>\n <div class=\"card-tag\">Spanish · Portuguese<\/div>\n <div class=\"card-title\">Latin America<\/div>\n <div class=\"card-desc\">Hosted from Bogota and Montevideo. Native Spanish and Portuguese dealers, region-favoured game variants.<\/div>\n <\/button>\n <button class=\"card\" data-select=\"market\" data-value=\"asia\" data-multi>\n <div class=\"card-tag\">Asian languages<\/div>\n <div class=\"card-title\">Asia<\/div>\n <div class=\"card-desc\">Manila and Phnom Penh studios. Mandarin, Vietnamese, Filipino, Hindi dealers. Sic Bo, Dragon Tiger, Andar Bahar.<\/div>\n <\/button>\n <button class=\"card\" data-select=\"market\" data-value=\"europe\" data-multi>\n <div class=\"card-tag\">European<\/div>\n <div class=\"card-title\">Europe<\/div>\n <div class=\"card-desc\">Sofia studio. English, German, Italian, Turkish dealers. Classic table game focus.<\/div>\n <\/button>\n <button class=\"card\" data-select=\"market\" data-value=\"africa\" data-multi>\n <div class=\"card-tag\">English · French<\/div>\n <div class=\"card-title\">Africa<\/div>\n <div class=\"card-desc\">Johannesburg hub. Anglophone and Francophone Africa coverage, growing player base.<\/div>\n <\/button>\n <button class=\"card\" data-select=\"market\" data-value=\"northam\" data-multi>\n <div class=\"card-tag\">Regulated<\/div>\n <div class=\"card-title\">North America<\/div>\n <div class=\"card-desc\">State-regulated US markets and Canadian provinces. Compliance-first deployment.<\/div>\n <\/button>\n <button class=\"card\" data-select=\"market\" data-value=\"global\" data-multi>\n <div class=\"card-tag\">Global English<\/div>\n <div class=\"card-title\">Tier 1 English<\/div>\n <div class=\"card-desc\">UK, Ireland, Australia, New Zealand. English-language native dealers.<\/div>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" data-step=\"3\">\n <div class=\"step-header\">\n <h2>Your <span class=\"accent\">studio model.<\/span><\/h2>\n <p>Three tiers, from fastest-to-launch to fully bespoke. Most operators start at one level and grow into the next.<\/p>\n <div class=\"step-hint\">Pick one<\/div>\n <\/div>\n <div class=\"cards cols-3\">\n <button class=\"card\" data-select=\"studio\" data-value=\"generic\">\n <div class=\"card-tier\">01<\/div>\n <div class=\"card-tag\">Fastest launch<\/div>\n <div class=\"card-title\">Generic tables<\/div>\n <div class=\"card-desc\">Plug into Vivo Gaming’s existing 200+ shared tables. No setup, no bespoke build. Launch in days, not weeks.<\/div>\n <div class=\"card-meta\">Shared tables · Multi-operator<\/div>\n <\/button>\n <button class=\"card\" data-select=\"studio\" data-value=\"dedicated\">\n <div class=\"card-tier\">02<\/div>\n <div class=\"card-tag\">Branded<\/div>\n <div class=\"card-title\">Dedicated tables<\/div>\n <div class=\"card-desc\">Private tables on your brand. Custom table felt, branded environment, your players only.<\/div>\n <div class=\"card-meta\">Private tables · Your brand<\/div>\n <\/button>\n <button class=\"card\" data-select=\"studio\" data-value=\"hosting\">\n <div class=\"card-tier\">03<\/div>\n <div class=\"card-tag\">Full studio<\/div>\n <div class=\"card-title\">Studio hosting<\/div>\n <div class=\"card-desc\">Your fully branded studio space. Bespoke set design, dedicated dealers, complete operational control. 4-8 week deployment.<\/div>\n <div class=\"card-meta\">Bespoke build · 4-8 weeks<\/div>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" data-step=\"4\">\n <div class=\"step-header\">\n <h2>Your <span class=\"accent\">game mix.<\/span><\/h2>\n <p>We’ve pre-selected the most popular games for your chosen markets. Add, remove, or change anything.<\/p>\n <div class=\"step-hint\">Pick all that apply<\/div>\n <\/div>\n <div class=\"cards cols-3\" id=\"games-grid\">\n <button class=\"card compact\" data-select=\"game\" data-value=\"roulette\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Roulette<\/div>\n <div class=\"card-desc\">12 tables 24\/7. Auto, Jackpot, Ballistic variants.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"blackjack\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Blackjack<\/div>\n <div class=\"card-desc\">Standard and Limitless. Customised bet limits.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"baccarat\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Baccarat<\/div>\n <div class=\"card-desc\">20+ tables. Standard, Speed, 5 roadmap predictions.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"holdem\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Casino Hold’em<\/div>\n <div class=\"card-desc\">Unlimited players, side bets, optional jackpots.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"dragontiger\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Dragon Tiger<\/div>\n <div class=\"card-desc\">Strong demand across Asia.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"andarbahar\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Andar Bahar<\/div>\n <div class=\"card-desc\">India-favoured card game.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"teenpatti\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Teen Patti<\/div>\n <div class=\"card-desc\">India-favoured card game.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"sicbo\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Sic Bo<\/div>\n <div class=\"card-desc\">Dice game with strong Asia following.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"tournaments\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Tournament tool<\/div>\n <div class=\"card-desc\">Acquire, retain and reactivate players.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"sweepstakes\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Sweepstakes \/ Social<\/div>\n <div class=\"card-desc\">Fully compliant social casino offering.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"rng\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">RNG slots aggregation<\/div>\n <div class=\"card-desc\">Premium slots from 15+ providers.<\/div>\n <\/div>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" data-step=\"5\">\n <div class=\"step-header\">\n <h2>Technology <span class=\"accent\">at its best.<\/span><\/h2>\n <p>Layer on Vivo Gaming’s production and AI capabilities. All built for dealer-side support, operational quality, and compliance.<\/p>\n <div class=\"step-hint\">Pick all that apply<\/div>\n <\/div>\n <div class=\"cards cols-2\">\n <button class=\"card compact\" data-select=\"tech\" data-value=\"ai-dealer\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">AI dealer assistance<\/div>\n <div class=\"card-desc\">Real-time card recognition and game tracking to support dealers and improve operational efficiency.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"tech\" data-value=\"ai-analytics\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">AI dealer analytics<\/div>\n <div class=\"card-desc\">Performance metrics, facial and interaction analysis for training, QA and consistency.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"tech\" data-value=\"ai-fraud\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">AI fraud detection<\/div>\n <div class=\"card-desc\">Anomaly detection across gameplay, real-time alerts and risk scores. Supports compliance.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"tech\" data-value=\"ai-lobby\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Lobby recommendations<\/div>\n <div class=\"card-desc\">AI-driven game suggestions in the lobby to improve player engagement and time on platform.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"tech\" data-value=\"ai-speech\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Speech & teleprompter<\/div>\n <div class=\"card-desc\">AI prompts for dealer conversation and engagement. Customisable voice-over for events and promotions.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"tech\" data-value=\"chroma\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Chroma key (green screen)<\/div>\n <div class=\"card-desc\">One table, infinite backgrounds. Themed environments for events, holidays, sports moments.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"tech\" data-value=\"multicam\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Multi-camera production<\/div>\n <div class=\"card-desc\">Multiple camera angles, real-time switching, HD video and data sync for premium experience.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"tech\" data-value=\"influencer\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Influencer \/ VIP integration<\/div>\n <div class=\"card-desc\">Featured dealer slots, VIP-only tables, influencer-fronted sessions for retention.<\/div>\n <\/div>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" data-step=\"6\">\n <div class=\"step-header\">\n <h2>How you <span class=\"accent\">integrate.<\/span><\/h2>\n <p>Two paths. The right one depends on how much of your own infrastructure you want to use.<\/p>\n <div class=\"step-hint\">Pick one<\/div>\n <\/div>\n\n <div class=\"integration-explainer\">\n <strong>Not sure?<\/strong> Most new operators choose Seamless for speed. Most established platforms with their own wallet and player management choose Data Feed.\n <\/div>\n\n <div class=\"cards cols-2\">\n <button class=\"card\" data-select=\"integration\" data-value=\"seamless\">\n <div class=\"card-tag\">Turnkey<\/div>\n <div class=\"card-title\">Seamless API<\/div>\n <div class=\"card-desc\">Vivo Gaming handles the wallet, player management and game logic. You plug in and launch. No extra technology required. Fastest path to live.<\/div>\n <div class=\"card-meta\">Best for: new operators · fast launch<\/div>\n <\/button>\n <button class=\"card\" data-select=\"integration\" data-value=\"datafeed\">\n <div class=\"card-tag\">Your stack<\/div>\n <div class=\"card-title\">Data Feed API<\/div>\n <div class=\"card-desc\">Keep your own wallet and player data. Pull Vivo Gaming’s live game results and video feeds into your existing casino vertical.<\/div>\n <div class=\"card-meta\">Best for: established platforms · aggregators<\/div>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" data-step=\"7\">\n <div class=\"step-header\">\n <h2>Your <span class=\"accent\">studio.<\/span><\/h2>\n <p>Here’s the deployment you’ve configured. Send it to yourself as a brief, or book a call with our sales team to walk through it.<\/p>\n <\/div>\n\n <div id=\"summary\"><\/div>\n\n <div class=\"included\">\n <div class=\"included-title\">Included in every Vivo Gaming deployment<\/div>\n <div class=\"included-stats\">\n <div class=\"stat\">\n <div class=\"stat-num\">18+<\/div>\n <div class=\"stat-label\">Global Studios<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">200+<\/div>\n <div class=\"stat-label\">24\/7 Tables<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">25+<\/div>\n <div class=\"stat-label\">Languages<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">24\/7<\/div>\n <div class=\"stat-label\">Operations<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"cta-row\">\n <button class=\"btn btn-primary\">Email me my studio brief<\/button>\n <button class=\"btn\">Book a call with sales team<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"nav\">\n <button class=\"btn\" id=\"back\" disabled>Back<\/button>\n <div class=\"step-count\" id=\"stepCount\">Step 1 of 6<\/div>\n <button class=\"btn btn-primary\" id=\"next\">Continue<\/button>\n <\/div>\n\n<\/div>\n\n<script>\n const state = {\n step: 1,\n totalSteps: 6,\n operator: null,\n market: [],\n studio: null,\n game: [],\n tech: [],\n integration: null\n };\n\n const labels = {\n operator: {\n new: \"New online casino\",\n expanding: \"Expanding operator\",\n aggregator: \"Aggregator \/ platform\",\n landbased: \"Land-based going online\"\n },\n market: {\n latam: \"Latin America\", asia: \"Asia\", europe: \"Europe\",\n africa: \"Africa\", northam: \"North America\", global: \"Tier 1 English\"\n },\n studio: {\n generic: \"Generic tables\",\n dedicated: \"Dedicated tables\",\n hosting: \"Studio hosting (bespoke)\"\n },\n game: {\n roulette: \"Roulette\", blackjack: \"Blackjack\", baccarat: \"Baccarat\",\n holdem: \"Casino Hold'em\", dragontiger: \"Dragon Tiger\", andarbahar: \"Andar Bahar\",\n teenpatti: \"Teen Patti\", sicbo: \"Sic Bo\",\n tournaments: \"Tournament tool\", sweepstakes: \"Sweepstakes \/ Social\", rng: \"RNG slots\"\n },\n tech: {\n \"ai-dealer\": \"AI dealer assistance\",\n \"ai-analytics\": \"AI dealer analytics\",\n \"ai-fraud\": \"AI fraud detection\",\n \"ai-lobby\": \"Lobby recommendations\",\n \"ai-speech\": \"Speech & teleprompter\",\n \"chroma\": \"Chroma key\",\n \"multicam\": \"Multi-camera production\",\n \"influencer\": \"Influencer \/ VIP integration\"\n },\n integration: {\n seamless: \"Seamless API (Turnkey)\",\n datafeed: \"Data Feed API\"\n }\n };\n\n const marketGameDefaults = {\n latam: [\"roulette\", \"blackjack\", \"baccarat\"],\n asia: [\"baccarat\", \"dragontiger\", \"andarbahar\", \"teenpatti\", \"sicbo\"],\n europe: [\"roulette\", \"blackjack\", \"baccarat\", \"holdem\"],\n africa: [\"roulette\", \"blackjack\", \"baccarat\"],\n northam: [\"roulette\", \"blackjack\", \"baccarat\", \"holdem\"],\n global: [\"roulette\", \"blackjack\", \"baccarat\", \"holdem\"]\n };\n\n const stepNames = [\"About you\", \"Markets\", \"Studio\", \"Games\", \"Tech\", \"Integration\"];\n function renderProgress() {\n const el = document.getElementById(\"progress\");\n el.innerHTML = stepNames.map((name, i) => {\n const stepNum = i + 1;\n let cls = \"progress-step\";\n if (stepNum === state.step) cls += \" active\";\n else if (stepNum < state.step) cls += \" complete\";\n return `<div class=\"${cls}\"><span class=\"num\">0${stepNum}<\/span>${name}<\/div>`;\n }).join(\"\");\n }\n\n \/\/ FIX: always reset next button display so back\/forward works in both directions\n function showStep(n) {\n document.querySelectorAll(\".step\").forEach(s => s.classList.remove(\"active\"));\n const target = document.querySelector(`.step[data-step=\"${n}\"]`);\n if (target) target.classList.add(\"active\");\n\n document.getElementById(\"back\").disabled = (n === 1);\n document.getElementById(\"stepCount\").textContent = n <= state.totalSteps\n ? `Step ${n} of ${state.totalSteps}`\n : \"Summary\";\n\n const next = document.getElementById(\"next\");\n next.style.display = \"\"; \/\/ reset every time\n\n if (n > state.totalSteps) {\n next.style.display = \"none\";\n } else if (n === state.totalSteps) {\n next.textContent = \"See my studio\";\n } else {\n next.textContent = \"Continue\";\n }\n\n if (n === state.totalSteps + 1) renderSummary();\n if (n === 4) applyGameDefaults();\n\n state.step = n;\n renderProgress();\n window.scrollTo({ top: 0, behavior: \"smooth\" });\n }\n\n function applyGameDefaults() {\n if (state.game.length > 0) return;\n const recommended = new Set();\n state.market.forEach(m => {\n (marketGameDefaults[m] || []).forEach(g => recommended.add(g));\n });\n state.game = [...recommended];\n syncCardStates();\n }\n\n document.querySelectorAll(\".card\").forEach(card => {\n card.addEventListener(\"click\", () => {\n const key = card.dataset.select;\n const value = card.dataset.value;\n const isMulti = card.hasAttribute(\"data-multi\");\n\n if (isMulti) {\n const arr = state[key];\n const i = arr.indexOf(value);\n if (i >= 0) arr.splice(i, 1);\n else arr.push(value);\n } else {\n state[key] = value;\n }\n syncCardStates();\n });\n });\n\n function syncCardStates() {\n document.querySelectorAll(\".card\").forEach(card => {\n const key = card.dataset.select;\n const value = card.dataset.value;\n const isMulti = card.hasAttribute(\"data-multi\");\n const isSelected = isMulti\n ? state[key].includes(value)\n : state[key] === value;\n card.classList.toggle(\"selected\", isSelected);\n });\n }\n\n function renderSummary() {\n const html = `\n <div class=\"summary-section\">\n <div class=\"summary-label\">Operation<\/div>\n <div class=\"summary-value\">${labels.operator[state.operator] || \"Not selected\"}<\/div>\n <\/div>\n <div class=\"summary-section\">\n <div class=\"summary-label\">Target markets<\/div>\n <div class=\"summary-list\">\n ${state.market.length\n ? state.market.map(m => `<span class=\"pill gold\">${labels.market[m]}<\/span>`).join(\"\")\n : '<span class=\"pill\">None selected<\/span>'}\n <\/div>\n <\/div>\n <div class=\"summary-section\">\n <div class=\"summary-label\">Studio model<\/div>\n <div class=\"summary-value\">${labels.studio[state.studio] || \"Not selected\"}<\/div>\n <\/div>\n <div class=\"summary-section\">\n <div class=\"summary-label\">Game mix · ${state.game.length} games<\/div>\n <div class=\"summary-list\">\n ${state.game.length\n ? state.game.map(g => `<span class=\"pill midnight\">${labels.game[g]}<\/span>`).join(\"\")\n : '<span class=\"pill\">None selected<\/span>'}\n <\/div>\n <\/div>\n <div class=\"summary-section\">\n <div class=\"summary-label\">Technology stack · ${state.tech.length} features<\/div>\n <div class=\"summary-list\">\n ${state.tech.length\n ? state.tech.map(t => `<span class=\"pill midnight\">${labels.tech[t]}<\/span>`).join(\"\")\n : '<span class=\"pill\">None selected<\/span>'}\n <\/div>\n <\/div>\n <div class=\"summary-section\">\n <div class=\"summary-label\">Integration<\/div>\n <div class=\"summary-value\">${labels.integration[state.integration] || \"Not selected\"}<\/div>\n <\/div>\n `;\n document.getElementById(\"summary\").innerHTML = html;\n }\n\n document.getElementById(\"next\").addEventListener(\"click\", () => {\n if (state.step < state.totalSteps + 1) showStep(state.step + 1);\n });\n document.getElementById(\"back\").addEventListener(\"click\", () => {\n if (state.step > 1) showStep(state.step - 1);\n });\n\n renderProgress();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Vivo Gaming \u2014 Studio Builder Prototype Vivo Gaming \u2014 Studio Builder (Prototype) BUILD YOUR STUDIO. Six steps. Your brand, your studio, powered by Vivo Gaming. Configure a deployment that fits your operation and we’ll send you a tailored studio brief. About your operation. This helps us recommend the right setup. You can change any answer […]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-live-dealer-builder.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-149","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Build Your Live Casino | Vivo Gaming<\/title>\n<meta name=\"description\" content=\"Tell us the route, region, markets and integration you want. The Vivo Gaming team turns it into a written brief and scopes it on a call.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Build Your Live Casino | Vivo Gaming\" \/>\n<meta property=\"og:description\" content=\"Tell us the route, region, markets and integration you want. The Vivo Gaming team turns it into a written brief and scopes it on a call.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vivogaming.com\/september26\/live-dealer-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"Vivo Gaming\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-26T09:49:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vivogaming.com\/september26\/wp-content\/themes\/vivogaming\/assets\/img\/studio-bg.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/vivogaming.com\/september26\/wp-content\/themes\/vivogaming\/assets\/img\/studio-bg.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/live-dealer-builder\\\/\",\"url\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/live-dealer-builder\\\/\",\"name\":\"Build Your Live Casino | Vivo Gaming\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/#website\"},\"datePublished\":\"2026-05-22T14:46:14+00:00\",\"dateModified\":\"2026-05-26T09:49:57+00:00\",\"description\":\"Tell us the route, region, markets and integration you want. The Vivo Gaming team turns it into a written brief and scopes it on a call.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/live-dealer-builder\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/vivogaming.com\\\/september26\\\/live-dealer-builder\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/live-dealer-builder\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Live Dealer Builder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/#website\",\"url\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/\",\"name\":\"Vivo Gaming\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/#organization\",\"name\":\"Vivo Gaming\",\"url\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/vivo-logo-main.png\",\"contentUrl\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/vivo-logo-main.png\",\"width\":882,\"height\":392,\"caption\":\"Vivo Gaming\"},\"image\":{\"@id\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/vivo-gaming\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Build Your Live Casino | Vivo Gaming","description":"Tell us the route, region, markets and integration you want. The Vivo Gaming team turns it into a written brief and scopes it on a call.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Build Your Live Casino | Vivo Gaming","og_description":"Tell us the route, region, markets and integration you want. The Vivo Gaming team turns it into a written brief and scopes it on a call.","og_url":"https:\/\/vivogaming.com\/september26\/live-dealer-builder\/","og_site_name":"Vivo Gaming","article_modified_time":"2026-05-26T09:49:57+00:00","og_image":[{"url":"https:\/\/vivogaming.com\/september26\/wp-content\/themes\/vivogaming\/assets\/img\/studio-bg.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/vivogaming.com\/september26\/wp-content\/themes\/vivogaming\/assets\/img\/studio-bg.jpg","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/vivogaming.com\/september26\/live-dealer-builder\/","url":"https:\/\/vivogaming.com\/september26\/live-dealer-builder\/","name":"Build Your Live Casino | Vivo Gaming","isPartOf":{"@id":"https:\/\/vivogaming.com\/september26\/#website"},"datePublished":"2026-05-22T14:46:14+00:00","dateModified":"2026-05-26T09:49:57+00:00","description":"Tell us the route, region, markets and integration you want. The Vivo Gaming team turns it into a written brief and scopes it on a call.","breadcrumb":{"@id":"https:\/\/vivogaming.com\/september26\/live-dealer-builder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vivogaming.com\/september26\/live-dealer-builder\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/vivogaming.com\/september26\/live-dealer-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vivogaming.com\/september26\/"},{"@type":"ListItem","position":2,"name":"Live Dealer Builder"}]},{"@type":"WebSite","@id":"https:\/\/vivogaming.com\/september26\/#website","url":"https:\/\/vivogaming.com\/september26\/","name":"Vivo Gaming","description":"","publisher":{"@id":"https:\/\/vivogaming.com\/september26\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vivogaming.com\/september26\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/vivogaming.com\/september26\/#organization","name":"Vivo Gaming","url":"https:\/\/vivogaming.com\/september26\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vivogaming.com\/september26\/#\/schema\/logo\/image\/","url":"https:\/\/vivogaming.com\/september26\/wp-content\/uploads\/2026\/05\/vivo-logo-main.png","contentUrl":"https:\/\/vivogaming.com\/september26\/wp-content\/uploads\/2026\/05\/vivo-logo-main.png","width":882,"height":392,"caption":"Vivo Gaming"},"image":{"@id":"https:\/\/vivogaming.com\/september26\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/vivo-gaming\/"]}]}},"_links":{"self":[{"href":"https:\/\/vivogaming.com\/september26\/wp-json\/wp\/v2\/pages\/149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vivogaming.com\/september26\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vivogaming.com\/september26\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/vivogaming.com\/september26\/wp-json\/wp\/v2\/comments?post=149"}],"version-history":[{"count":5,"href":"https:\/\/vivogaming.com\/september26\/wp-json\/wp\/v2\/pages\/149\/revisions"}],"predecessor-version":[{"id":160,"href":"https:\/\/vivogaming.com\/september26\/wp-json\/wp\/v2\/pages\/149\/revisions\/160"}],"wp:attachment":[{"href":"https:\/\/vivogaming.com\/september26\/wp-json\/wp\/v2\/media?parent=149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":149,"date":"2026-05-22T14:46:14","date_gmt":"2026-05-22T14:46:14","guid":{"rendered":"https:\/\/vivogaming.com\/september26\/live-dealer-builder\/"},"modified":"2026-05-26T09:49:57","modified_gmt":"2026-05-26T09:49:57","slug":"live-dealer-builder","status":"publish","type":"page","link":"https:\/\/vivogaming.com\/september26\/live-dealer-builder\/","title":{"rendered":"Live Dealer Builder"},"content":{"rendered":"\n\n\n\n\n\nVivo Gaming \u2014 Studio Builder Prototype<\/title>\n<style>\n :root {\n \/* Page (light) *\/\n --bg-page: #ffffff;\n --bg-page-alt: #f5f6f8;\n --text-page: #14213d;\n --text-page-mid: #4a5160;\n --text-page-muted: #8b919b;\n --line-page: #e5e7eb;\n --line-page-strong: #c8ccd2;\n\n \/* Cards (midnight blue) *\/\n --bg-card: #14213d;\n --bg-card-hover: #1a2a4a;\n --bg-card-selected: #1f3258;\n --text-card: #ecedef;\n --text-card-mid: #b6bac1;\n --text-card-muted: #8a93a6;\n --line-card: rgba(255,255,255,0.10);\n --line-card-strong: rgba(255,255,255,0.22);\n\n \/* Accent *\/\n --accent: #d4a544;\n --accent-soft: rgba(212,165,68,0.18);\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: Arial, Helvetica, sans-serif;\n background: var(--bg-page);\n color: var(--text-page);\n min-height: 100vh;\n line-height: 1.5;\n padding: 40px 24px;\n }\n\n .wrap { max-width: 1200px; margin: 0 auto; }\n\n \/* ---------- Header ---------- *\/\n .header {\n border-bottom: 1px solid var(--line-page);\n padding-bottom: 24px;\n margin-bottom: 32px;\n }\n .eyebrow {\n font-size: 11px;\n letter-spacing: 0.18em;\n color: var(--accent);\n font-weight: 700;\n text-transform: uppercase;\n margin-bottom: 8px;\n }\n .header h1 {\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n font-size: clamp(32px, 4vw, 48px);\n text-transform: uppercase;\n letter-spacing: -0.01em;\n line-height: 1;\n color: var(--text-page);\n }\n .header h1 .accent { color: var(--accent); }\n .header p {\n color: var(--text-page-mid);\n margin-top: 12px;\n max-width: 600px;\n font-size: 15px;\n }\n\n \/* ---------- Progress strip ---------- *\/\n .progress {\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n gap: 8px;\n margin-bottom: 40px;\n }\n .progress-step {\n border-top: 2px solid var(--line-page);\n padding-top: 10px;\n color: var(--text-page-muted);\n font-size: 10px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n transition: all 0.3s ease;\n }\n .progress-step.active {\n border-top-color: var(--accent);\n color: var(--text-page);\n }\n .progress-step.complete {\n border-top-color: var(--accent);\n color: var(--text-page-mid);\n }\n .progress-step .num {\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n font-size: 14px;\n display: block;\n margin-bottom: 2px;\n }\n\n \/* ---------- Step ---------- *\/\n .step { display: none; }\n .step.active {\n display: block;\n animation: fade 0.4s ease;\n }\n @keyframes fade {\n from { opacity: 0; transform: translateY(8px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .step-header { margin-bottom: 32px; }\n .step-header h2 {\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n font-size: clamp(28px, 3.6vw, 42px);\n text-transform: uppercase;\n line-height: 1.05;\n margin-bottom: 12px;\n color: var(--text-page);\n }\n .step-header h2 .accent { color: var(--accent); }\n .step-header p {\n color: var(--text-page-mid);\n font-size: 15px;\n max-width: 640px;\n }\n .step-hint {\n display: inline-block;\n margin-top: 12px;\n padding: 4px 10px;\n border: 1px solid var(--line-page-strong);\n font-size: 10px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--text-page-mid);\n background: var(--bg-page-alt);\n }\n\n \/* ---------- Cards (midnight blue) ---------- *\/\n .cards {\n display: grid;\n gap: 16px;\n margin-bottom: 40px;\n }\n .cards.cols-2 { grid-template-columns: repeat(2, 1fr); }\n .cards.cols-3 { grid-template-columns: repeat(3, 1fr); }\n .cards.cols-4 { grid-template-columns: repeat(4, 1fr); }\n @media (max-width: 900px) {\n .cards.cols-3, .cards.cols-4 { grid-template-columns: repeat(2, 1fr); }\n }\n @media (max-width: 600px) {\n .cards.cols-2, .cards.cols-3, .cards.cols-4 { grid-template-columns: 1fr; }\n }\n\n .card {\n background: var(--bg-card);\n border: 1px solid var(--line-card);\n padding: 24px;\n cursor: pointer;\n transition: all 0.2s ease;\n position: relative;\n text-align: left;\n font-family: inherit;\n color: var(--text-card);\n display: flex;\n flex-direction: column;\n gap: 8px;\n min-height: 100%;\n }\n .card:hover {\n background: var(--bg-card-hover);\n border-color: var(--line-card-strong);\n transform: translateY(-1px);\n }\n .card.selected {\n border-color: var(--accent);\n background: var(--bg-card-selected);\n box-shadow: 0 0 0 1px var(--accent);\n }\n .card.selected::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n background: var(--accent);\n }\n .card-tag {\n font-size: 10px;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n font-weight: 700;\n }\n .card-title {\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n font-size: 18px;\n text-transform: uppercase;\n line-height: 1.1;\n letter-spacing: -0.005em;\n color: var(--text-card);\n }\n .card-desc {\n font-size: 13px;\n color: var(--text-card-mid);\n line-height: 1.5;\n }\n .card-meta {\n margin-top: auto;\n padding-top: 12px;\n font-size: 11px;\n color: var(--text-card-muted);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n }\n .card-tier {\n position: absolute;\n top: 16px;\n right: 16px;\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n font-size: 22px;\n color: rgba(255,255,255,0.10);\n line-height: 1;\n }\n .card.selected .card-tier { color: var(--accent-soft); }\n\n \/* Compact tickbox cards *\/\n .card.compact {\n padding: 16px 20px;\n flex-direction: row;\n align-items: center;\n gap: 16px;\n min-height: 0;\n }\n .card.compact .card-title { font-size: 14px; margin-bottom: 4px; }\n .card.compact .card-desc { font-size: 12px; }\n .card.compact .check {\n width: 18px;\n height: 18px;\n border: 1px solid var(--line-card-strong);\n flex-shrink: 0;\n position: relative;\n background: rgba(255,255,255,0.04);\n }\n .card.compact.selected .check {\n background: var(--accent);\n border-color: var(--accent);\n }\n .card.compact.selected .check::after {\n content: \"\";\n position: absolute;\n top: 3px;\n left: 6px;\n width: 4px;\n height: 9px;\n border: solid var(--bg-card);\n border-width: 0 2px 2px 0;\n transform: rotate(45deg);\n }\n .card.compact .compact-body { flex: 1; }\n\n \/* ---------- Nav buttons ---------- *\/\n .nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 32px;\n border-top: 1px solid var(--line-page);\n gap: 16px;\n }\n .btn {\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-size: 12px;\n padding: 16px 28px;\n border: 1px solid var(--text-page);\n background: transparent;\n color: var(--text-page);\n cursor: pointer;\n transition: all 0.2s ease;\n }\n .btn:hover {\n background: var(--text-page);\n color: var(--bg-page);\n }\n .btn-primary {\n background: var(--accent);\n border-color: var(--accent);\n color: var(--text-page);\n }\n .btn-primary:hover {\n background: #e0b85a;\n border-color: #e0b85a;\n color: var(--text-page);\n }\n .btn:disabled {\n opacity: 0.3;\n cursor: not-allowed;\n }\n .btn:disabled:hover {\n background: transparent;\n color: var(--text-page);\n }\n .step-count {\n font-size: 11px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--text-page-muted);\n }\n\n \/* ---------- Summary ---------- *\/\n .summary-section {\n margin-bottom: 32px;\n padding-bottom: 24px;\n border-bottom: 1px solid var(--line-page);\n }\n .summary-section:last-of-type { border-bottom: none; }\n .summary-label {\n font-size: 11px;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 8px;\n font-weight: 700;\n }\n .summary-value {\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n font-size: 22px;\n text-transform: uppercase;\n line-height: 1.2;\n color: var(--text-page);\n }\n .summary-list {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-top: 4px;\n }\n .pill {\n padding: 6px 12px;\n background: var(--bg-page-alt);\n border: 1px solid var(--line-page);\n font-size: 12px;\n color: var(--text-page-mid);\n letter-spacing: 0.04em;\n }\n .pill.gold {\n border-color: var(--accent);\n color: var(--text-page);\n background: var(--accent-soft);\n }\n .pill.midnight {\n background: var(--bg-card);\n border-color: var(--bg-card);\n color: var(--text-card);\n }\n\n .included {\n background: var(--bg-page-alt);\n border: 1px solid var(--line-page);\n padding: 24px;\n margin-top: 32px;\n }\n .included-title {\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n font-size: 14px;\n text-transform: uppercase;\n margin-bottom: 16px;\n letter-spacing: 0.04em;\n color: var(--text-page);\n }\n .included-stats {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n }\n @media (max-width: 700px) {\n .included-stats { grid-template-columns: repeat(2, 1fr); }\n }\n .stat {\n border-top: 1px solid var(--accent);\n padding-top: 12px;\n }\n .stat-num {\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n font-size: 32px;\n line-height: 1;\n color: var(--text-page);\n }\n .stat-label {\n font-size: 10px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--text-page-muted);\n margin-top: 6px;\n }\n .cta-row {\n display: flex;\n gap: 12px;\n margin-top: 32px;\n flex-wrap: wrap;\n }\n\n .integration-explainer {\n background: var(--bg-page-alt);\n border: 1px solid var(--line-page);\n padding: 20px;\n margin-bottom: 24px;\n font-size: 14px;\n color: var(--text-page-mid);\n }\n .integration-explainer strong {\n color: var(--text-page);\n font-family: \"Arial Black\", Arial, sans-serif;\n font-weight: 900;\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"wrap\">\n\n \n <div class=\"header\">\n <div class=\"eyebrow\">Vivo Gaming \u2014 Studio Builder (Prototype)<\/div>\n <h1>BUILD YOUR <span class=\"accent\">STUDIO.<\/span><\/h1>\n <p>Six steps. Your brand, your studio, powered by Vivo Gaming. Configure a deployment that fits your operation and we’ll send you a tailored studio brief.<\/p>\n <\/div>\n\n \n <div class=\"progress\" id=\"progress\"><\/div>\n\n \n <div class=\"step active\" data-step=\"1\">\n <div class=\"step-header\">\n <h2>About <span class=\"accent\">your operation.<\/span><\/h2>\n <p>This helps us recommend the right setup. You can change any answer later.<\/p>\n <div class=\"step-hint\">Pick one<\/div>\n <\/div>\n <div class=\"cards cols-2\">\n <button class=\"card\" data-select=\"operator\" data-value=\"new\">\n <div class=\"card-tag\">New launch<\/div>\n <div class=\"card-title\">New online casino<\/div>\n <div class=\"card-desc\">Starting from scratch with a complete platform. Need turnkey speed and minimal technical lift.<\/div>\n <\/button>\n <button class=\"card\" data-select=\"operator\" data-value=\"expanding\">\n <div class=\"card-tag\">Established<\/div>\n <div class=\"card-title\">Expanding operator<\/div>\n <div class=\"card-desc\">Already running. Looking to add live casino, expand markets, or upgrade your existing studio offering.<\/div>\n <\/button>\n <button class=\"card\" data-select=\"operator\" data-value=\"aggregator\">\n <div class=\"card-tag\">Distribution<\/div>\n <div class=\"card-title\">Aggregator or platform<\/div>\n <div class=\"card-desc\">You distribute content to multiple operators. Need flexible content licensing and multi-operator infrastructure.<\/div>\n <\/button>\n <button class=\"card\" data-select=\"operator\" data-value=\"landbased\">\n <div class=\"card-tag\">Going digital<\/div>\n <div class=\"card-title\">Land-based going online<\/div>\n <div class=\"card-desc\">Bricks-and-mortar operation moving into digital. Want to extend your brand into online live casino.<\/div>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" data-step=\"2\">\n <div class=\"step-header\">\n <h2>Your <span class=\"accent\">target markets.<\/span><\/h2>\n <p>We’ll match you to the right studios, native dealers, and game mix. Vivo Gaming operates 18+ studios across 75+ countries with 25+ languages.<\/p>\n <div class=\"step-hint\">Pick all that apply<\/div>\n <\/div>\n <div class=\"cards cols-3\">\n <button class=\"card\" data-select=\"market\" data-value=\"latam\" data-multi>\n <div class=\"card-tag\">Spanish · Portuguese<\/div>\n <div class=\"card-title\">Latin America<\/div>\n <div class=\"card-desc\">Hosted from Bogota and Montevideo. Native Spanish and Portuguese dealers, region-favoured game variants.<\/div>\n <\/button>\n <button class=\"card\" data-select=\"market\" data-value=\"asia\" data-multi>\n <div class=\"card-tag\">Asian languages<\/div>\n <div class=\"card-title\">Asia<\/div>\n <div class=\"card-desc\">Manila and Phnom Penh studios. Mandarin, Vietnamese, Filipino, Hindi dealers. Sic Bo, Dragon Tiger, Andar Bahar.<\/div>\n <\/button>\n <button class=\"card\" data-select=\"market\" data-value=\"europe\" data-multi>\n <div class=\"card-tag\">European<\/div>\n <div class=\"card-title\">Europe<\/div>\n <div class=\"card-desc\">Sofia studio. English, German, Italian, Turkish dealers. Classic table game focus.<\/div>\n <\/button>\n <button class=\"card\" data-select=\"market\" data-value=\"africa\" data-multi>\n <div class=\"card-tag\">English · French<\/div>\n <div class=\"card-title\">Africa<\/div>\n <div class=\"card-desc\">Johannesburg hub. Anglophone and Francophone Africa coverage, growing player base.<\/div>\n <\/button>\n <button class=\"card\" data-select=\"market\" data-value=\"northam\" data-multi>\n <div class=\"card-tag\">Regulated<\/div>\n <div class=\"card-title\">North America<\/div>\n <div class=\"card-desc\">State-regulated US markets and Canadian provinces. Compliance-first deployment.<\/div>\n <\/button>\n <button class=\"card\" data-select=\"market\" data-value=\"global\" data-multi>\n <div class=\"card-tag\">Global English<\/div>\n <div class=\"card-title\">Tier 1 English<\/div>\n <div class=\"card-desc\">UK, Ireland, Australia, New Zealand. English-language native dealers.<\/div>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" data-step=\"3\">\n <div class=\"step-header\">\n <h2>Your <span class=\"accent\">studio model.<\/span><\/h2>\n <p>Three tiers, from fastest-to-launch to fully bespoke. Most operators start at one level and grow into the next.<\/p>\n <div class=\"step-hint\">Pick one<\/div>\n <\/div>\n <div class=\"cards cols-3\">\n <button class=\"card\" data-select=\"studio\" data-value=\"generic\">\n <div class=\"card-tier\">01<\/div>\n <div class=\"card-tag\">Fastest launch<\/div>\n <div class=\"card-title\">Generic tables<\/div>\n <div class=\"card-desc\">Plug into Vivo Gaming’s existing 200+ shared tables. No setup, no bespoke build. Launch in days, not weeks.<\/div>\n <div class=\"card-meta\">Shared tables · Multi-operator<\/div>\n <\/button>\n <button class=\"card\" data-select=\"studio\" data-value=\"dedicated\">\n <div class=\"card-tier\">02<\/div>\n <div class=\"card-tag\">Branded<\/div>\n <div class=\"card-title\">Dedicated tables<\/div>\n <div class=\"card-desc\">Private tables on your brand. Custom table felt, branded environment, your players only.<\/div>\n <div class=\"card-meta\">Private tables · Your brand<\/div>\n <\/button>\n <button class=\"card\" data-select=\"studio\" data-value=\"hosting\">\n <div class=\"card-tier\">03<\/div>\n <div class=\"card-tag\">Full studio<\/div>\n <div class=\"card-title\">Studio hosting<\/div>\n <div class=\"card-desc\">Your fully branded studio space. Bespoke set design, dedicated dealers, complete operational control. 4-8 week deployment.<\/div>\n <div class=\"card-meta\">Bespoke build · 4-8 weeks<\/div>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" data-step=\"4\">\n <div class=\"step-header\">\n <h2>Your <span class=\"accent\">game mix.<\/span><\/h2>\n <p>We’ve pre-selected the most popular games for your chosen markets. Add, remove, or change anything.<\/p>\n <div class=\"step-hint\">Pick all that apply<\/div>\n <\/div>\n <div class=\"cards cols-3\" id=\"games-grid\">\n <button class=\"card compact\" data-select=\"game\" data-value=\"roulette\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Roulette<\/div>\n <div class=\"card-desc\">12 tables 24\/7. Auto, Jackpot, Ballistic variants.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"blackjack\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Blackjack<\/div>\n <div class=\"card-desc\">Standard and Limitless. Customised bet limits.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"baccarat\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Baccarat<\/div>\n <div class=\"card-desc\">20+ tables. Standard, Speed, 5 roadmap predictions.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"holdem\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Casino Hold’em<\/div>\n <div class=\"card-desc\">Unlimited players, side bets, optional jackpots.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"dragontiger\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Dragon Tiger<\/div>\n <div class=\"card-desc\">Strong demand across Asia.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"andarbahar\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Andar Bahar<\/div>\n <div class=\"card-desc\">India-favoured card game.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"teenpatti\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Teen Patti<\/div>\n <div class=\"card-desc\">India-favoured card game.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"sicbo\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Sic Bo<\/div>\n <div class=\"card-desc\">Dice game with strong Asia following.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"tournaments\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Tournament tool<\/div>\n <div class=\"card-desc\">Acquire, retain and reactivate players.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"sweepstakes\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Sweepstakes \/ Social<\/div>\n <div class=\"card-desc\">Fully compliant social casino offering.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"game\" data-value=\"rng\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">RNG slots aggregation<\/div>\n <div class=\"card-desc\">Premium slots from 15+ providers.<\/div>\n <\/div>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" data-step=\"5\">\n <div class=\"step-header\">\n <h2>Technology <span class=\"accent\">at its best.<\/span><\/h2>\n <p>Layer on Vivo Gaming’s production and AI capabilities. All built for dealer-side support, operational quality, and compliance.<\/p>\n <div class=\"step-hint\">Pick all that apply<\/div>\n <\/div>\n <div class=\"cards cols-2\">\n <button class=\"card compact\" data-select=\"tech\" data-value=\"ai-dealer\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">AI dealer assistance<\/div>\n <div class=\"card-desc\">Real-time card recognition and game tracking to support dealers and improve operational efficiency.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"tech\" data-value=\"ai-analytics\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">AI dealer analytics<\/div>\n <div class=\"card-desc\">Performance metrics, facial and interaction analysis for training, QA and consistency.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"tech\" data-value=\"ai-fraud\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">AI fraud detection<\/div>\n <div class=\"card-desc\">Anomaly detection across gameplay, real-time alerts and risk scores. Supports compliance.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"tech\" data-value=\"ai-lobby\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Lobby recommendations<\/div>\n <div class=\"card-desc\">AI-driven game suggestions in the lobby to improve player engagement and time on platform.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"tech\" data-value=\"ai-speech\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Speech & teleprompter<\/div>\n <div class=\"card-desc\">AI prompts for dealer conversation and engagement. Customisable voice-over for events and promotions.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"tech\" data-value=\"chroma\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Chroma key (green screen)<\/div>\n <div class=\"card-desc\">One table, infinite backgrounds. Themed environments for events, holidays, sports moments.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"tech\" data-value=\"multicam\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Multi-camera production<\/div>\n <div class=\"card-desc\">Multiple camera angles, real-time switching, HD video and data sync for premium experience.<\/div>\n <\/div>\n <\/button>\n <button class=\"card compact\" data-select=\"tech\" data-value=\"influencer\" data-multi>\n <div class=\"check\"><\/div>\n <div class=\"compact-body\">\n <div class=\"card-title\">Influencer \/ VIP integration<\/div>\n <div class=\"card-desc\">Featured dealer slots, VIP-only tables, influencer-fronted sessions for retention.<\/div>\n <\/div>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" data-step=\"6\">\n <div class=\"step-header\">\n <h2>How you <span class=\"accent\">integrate.<\/span><\/h2>\n <p>Two paths. The right one depends on how much of your own infrastructure you want to use.<\/p>\n <div class=\"step-hint\">Pick one<\/div>\n <\/div>\n\n <div class=\"integration-explainer\">\n <strong>Not sure?<\/strong> Most new operators choose Seamless for speed. Most established platforms with their own wallet and player management choose Data Feed.\n <\/div>\n\n <div class=\"cards cols-2\">\n <button class=\"card\" data-select=\"integration\" data-value=\"seamless\">\n <div class=\"card-tag\">Turnkey<\/div>\n <div class=\"card-title\">Seamless API<\/div>\n <div class=\"card-desc\">Vivo Gaming handles the wallet, player management and game logic. You plug in and launch. No extra technology required. Fastest path to live.<\/div>\n <div class=\"card-meta\">Best for: new operators · fast launch<\/div>\n <\/button>\n <button class=\"card\" data-select=\"integration\" data-value=\"datafeed\">\n <div class=\"card-tag\">Your stack<\/div>\n <div class=\"card-title\">Data Feed API<\/div>\n <div class=\"card-desc\">Keep your own wallet and player data. Pull Vivo Gaming’s live game results and video feeds into your existing casino vertical.<\/div>\n <div class=\"card-meta\">Best for: established platforms · aggregators<\/div>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"step\" data-step=\"7\">\n <div class=\"step-header\">\n <h2>Your <span class=\"accent\">studio.<\/span><\/h2>\n <p>Here’s the deployment you’ve configured. Send it to yourself as a brief, or book a call with our sales team to walk through it.<\/p>\n <\/div>\n\n <div id=\"summary\"><\/div>\n\n <div class=\"included\">\n <div class=\"included-title\">Included in every Vivo Gaming deployment<\/div>\n <div class=\"included-stats\">\n <div class=\"stat\">\n <div class=\"stat-num\">18+<\/div>\n <div class=\"stat-label\">Global Studios<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">200+<\/div>\n <div class=\"stat-label\">24\/7 Tables<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">25+<\/div>\n <div class=\"stat-label\">Languages<\/div>\n <\/div>\n <div class=\"stat\">\n <div class=\"stat-num\">24\/7<\/div>\n <div class=\"stat-label\">Operations<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"cta-row\">\n <button class=\"btn btn-primary\">Email me my studio brief<\/button>\n <button class=\"btn\">Book a call with sales team<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"nav\">\n <button class=\"btn\" id=\"back\" disabled>Back<\/button>\n <div class=\"step-count\" id=\"stepCount\">Step 1 of 6<\/div>\n <button class=\"btn btn-primary\" id=\"next\">Continue<\/button>\n <\/div>\n\n<\/div>\n\n<script>\n const state = {\n step: 1,\n totalSteps: 6,\n operator: null,\n market: [],\n studio: null,\n game: [],\n tech: [],\n integration: null\n };\n\n const labels = {\n operator: {\n new: \"New online casino\",\n expanding: \"Expanding operator\",\n aggregator: \"Aggregator \/ platform\",\n landbased: \"Land-based going online\"\n },\n market: {\n latam: \"Latin America\", asia: \"Asia\", europe: \"Europe\",\n africa: \"Africa\", northam: \"North America\", global: \"Tier 1 English\"\n },\n studio: {\n generic: \"Generic tables\",\n dedicated: \"Dedicated tables\",\n hosting: \"Studio hosting (bespoke)\"\n },\n game: {\n roulette: \"Roulette\", blackjack: \"Blackjack\", baccarat: \"Baccarat\",\n holdem: \"Casino Hold'em\", dragontiger: \"Dragon Tiger\", andarbahar: \"Andar Bahar\",\n teenpatti: \"Teen Patti\", sicbo: \"Sic Bo\",\n tournaments: \"Tournament tool\", sweepstakes: \"Sweepstakes \/ Social\", rng: \"RNG slots\"\n },\n tech: {\n \"ai-dealer\": \"AI dealer assistance\",\n \"ai-analytics\": \"AI dealer analytics\",\n \"ai-fraud\": \"AI fraud detection\",\n \"ai-lobby\": \"Lobby recommendations\",\n \"ai-speech\": \"Speech & teleprompter\",\n \"chroma\": \"Chroma key\",\n \"multicam\": \"Multi-camera production\",\n \"influencer\": \"Influencer \/ VIP integration\"\n },\n integration: {\n seamless: \"Seamless API (Turnkey)\",\n datafeed: \"Data Feed API\"\n }\n };\n\n const marketGameDefaults = {\n latam: [\"roulette\", \"blackjack\", \"baccarat\"],\n asia: [\"baccarat\", \"dragontiger\", \"andarbahar\", \"teenpatti\", \"sicbo\"],\n europe: [\"roulette\", \"blackjack\", \"baccarat\", \"holdem\"],\n africa: [\"roulette\", \"blackjack\", \"baccarat\"],\n northam: [\"roulette\", \"blackjack\", \"baccarat\", \"holdem\"],\n global: [\"roulette\", \"blackjack\", \"baccarat\", \"holdem\"]\n };\n\n const stepNames = [\"About you\", \"Markets\", \"Studio\", \"Games\", \"Tech\", \"Integration\"];\n function renderProgress() {\n const el = document.getElementById(\"progress\");\n el.innerHTML = stepNames.map((name, i) => {\n const stepNum = i + 1;\n let cls = \"progress-step\";\n if (stepNum === state.step) cls += \" active\";\n else if (stepNum < state.step) cls += \" complete\";\n return `<div class=\"${cls}\"><span class=\"num\">0${stepNum}<\/span>${name}<\/div>`;\n }).join(\"\");\n }\n\n \/\/ FIX: always reset next button display so back\/forward works in both directions\n function showStep(n) {\n document.querySelectorAll(\".step\").forEach(s => s.classList.remove(\"active\"));\n const target = document.querySelector(`.step[data-step=\"${n}\"]`);\n if (target) target.classList.add(\"active\");\n\n document.getElementById(\"back\").disabled = (n === 1);\n document.getElementById(\"stepCount\").textContent = n <= state.totalSteps\n ? `Step ${n} of ${state.totalSteps}`\n : \"Summary\";\n\n const next = document.getElementById(\"next\");\n next.style.display = \"\"; \/\/ reset every time\n\n if (n > state.totalSteps) {\n next.style.display = \"none\";\n } else if (n === state.totalSteps) {\n next.textContent = \"See my studio\";\n } else {\n next.textContent = \"Continue\";\n }\n\n if (n === state.totalSteps + 1) renderSummary();\n if (n === 4) applyGameDefaults();\n\n state.step = n;\n renderProgress();\n window.scrollTo({ top: 0, behavior: \"smooth\" });\n }\n\n function applyGameDefaults() {\n if (state.game.length > 0) return;\n const recommended = new Set();\n state.market.forEach(m => {\n (marketGameDefaults[m] || []).forEach(g => recommended.add(g));\n });\n state.game = [...recommended];\n syncCardStates();\n }\n\n document.querySelectorAll(\".card\").forEach(card => {\n card.addEventListener(\"click\", () => {\n const key = card.dataset.select;\n const value = card.dataset.value;\n const isMulti = card.hasAttribute(\"data-multi\");\n\n if (isMulti) {\n const arr = state[key];\n const i = arr.indexOf(value);\n if (i >= 0) arr.splice(i, 1);\n else arr.push(value);\n } else {\n state[key] = value;\n }\n syncCardStates();\n });\n });\n\n function syncCardStates() {\n document.querySelectorAll(\".card\").forEach(card => {\n const key = card.dataset.select;\n const value = card.dataset.value;\n const isMulti = card.hasAttribute(\"data-multi\");\n const isSelected = isMulti\n ? state[key].includes(value)\n : state[key] === value;\n card.classList.toggle(\"selected\", isSelected);\n });\n }\n\n function renderSummary() {\n const html = `\n <div class=\"summary-section\">\n <div class=\"summary-label\">Operation<\/div>\n <div class=\"summary-value\">${labels.operator[state.operator] || \"Not selected\"}<\/div>\n <\/div>\n <div class=\"summary-section\">\n <div class=\"summary-label\">Target markets<\/div>\n <div class=\"summary-list\">\n ${state.market.length\n ? state.market.map(m => `<span class=\"pill gold\">${labels.market[m]}<\/span>`).join(\"\")\n : '<span class=\"pill\">None selected<\/span>'}\n <\/div>\n <\/div>\n <div class=\"summary-section\">\n <div class=\"summary-label\">Studio model<\/div>\n <div class=\"summary-value\">${labels.studio[state.studio] || \"Not selected\"}<\/div>\n <\/div>\n <div class=\"summary-section\">\n <div class=\"summary-label\">Game mix · ${state.game.length} games<\/div>\n <div class=\"summary-list\">\n ${state.game.length\n ? state.game.map(g => `<span class=\"pill midnight\">${labels.game[g]}<\/span>`).join(\"\")\n : '<span class=\"pill\">None selected<\/span>'}\n <\/div>\n <\/div>\n <div class=\"summary-section\">\n <div class=\"summary-label\">Technology stack · ${state.tech.length} features<\/div>\n <div class=\"summary-list\">\n ${state.tech.length\n ? state.tech.map(t => `<span class=\"pill midnight\">${labels.tech[t]}<\/span>`).join(\"\")\n : '<span class=\"pill\">None selected<\/span>'}\n <\/div>\n <\/div>\n <div class=\"summary-section\">\n <div class=\"summary-label\">Integration<\/div>\n <div class=\"summary-value\">${labels.integration[state.integration] || \"Not selected\"}<\/div>\n <\/div>\n `;\n document.getElementById(\"summary\").innerHTML = html;\n }\n\n document.getElementById(\"next\").addEventListener(\"click\", () => {\n if (state.step < state.totalSteps + 1) showStep(state.step + 1);\n });\n document.getElementById(\"back\").addEventListener(\"click\", () => {\n if (state.step > 1) showStep(state.step - 1);\n });\n\n renderProgress();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Vivo Gaming \u2014 Studio Builder Prototype Vivo Gaming \u2014 Studio Builder (Prototype) BUILD YOUR STUDIO. Six steps. Your brand, your studio, powered by Vivo Gaming. Configure a deployment that fits your operation and we’ll send you a tailored studio brief. About your operation. This helps us recommend the right setup. You can change any answer […]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-live-dealer-builder.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-149","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Build Your Live Casino | Vivo Gaming<\/title>\n<meta name=\"description\" content=\"Tell us the route, region, markets and integration you want. The Vivo Gaming team turns it into a written brief and scopes it on a call.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Build Your Live Casino | Vivo Gaming\" \/>\n<meta property=\"og:description\" content=\"Tell us the route, region, markets and integration you want. The Vivo Gaming team turns it into a written brief and scopes it on a call.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vivogaming.com\/september26\/live-dealer-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"Vivo Gaming\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-26T09:49:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vivogaming.com\/september26\/wp-content\/themes\/vivogaming\/assets\/img\/studio-bg.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/vivogaming.com\/september26\/wp-content\/themes\/vivogaming\/assets\/img\/studio-bg.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/live-dealer-builder\\\/\",\"url\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/live-dealer-builder\\\/\",\"name\":\"Build Your Live Casino | Vivo Gaming\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/#website\"},\"datePublished\":\"2026-05-22T14:46:14+00:00\",\"dateModified\":\"2026-05-26T09:49:57+00:00\",\"description\":\"Tell us the route, region, markets and integration you want. The Vivo Gaming team turns it into a written brief and scopes it on a call.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/live-dealer-builder\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/vivogaming.com\\\/september26\\\/live-dealer-builder\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/live-dealer-builder\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Live Dealer Builder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/#website\",\"url\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/\",\"name\":\"Vivo Gaming\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/#organization\",\"name\":\"Vivo Gaming\",\"url\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/vivo-logo-main.png\",\"contentUrl\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/vivo-logo-main.png\",\"width\":882,\"height\":392,\"caption\":\"Vivo Gaming\"},\"image\":{\"@id\":\"https:\\\/\\\/vivogaming.com\\\/september26\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/vivo-gaming\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Build Your Live Casino | Vivo Gaming","description":"Tell us the route, region, markets and integration you want. The Vivo Gaming team turns it into a written brief and scopes it on a call.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Build Your Live Casino | Vivo Gaming","og_description":"Tell us the route, region, markets and integration you want. The Vivo Gaming team turns it into a written brief and scopes it on a call.","og_url":"https:\/\/vivogaming.com\/september26\/live-dealer-builder\/","og_site_name":"Vivo Gaming","article_modified_time":"2026-05-26T09:49:57+00:00","og_image":[{"url":"https:\/\/vivogaming.com\/september26\/wp-content\/themes\/vivogaming\/assets\/img\/studio-bg.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/vivogaming.com\/september26\/wp-content\/themes\/vivogaming\/assets\/img\/studio-bg.jpg","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/vivogaming.com\/september26\/live-dealer-builder\/","url":"https:\/\/vivogaming.com\/september26\/live-dealer-builder\/","name":"Build Your Live Casino | Vivo Gaming","isPartOf":{"@id":"https:\/\/vivogaming.com\/september26\/#website"},"datePublished":"2026-05-22T14:46:14+00:00","dateModified":"2026-05-26T09:49:57+00:00","description":"Tell us the route, region, markets and integration you want. The Vivo Gaming team turns it into a written brief and scopes it on a call.","breadcrumb":{"@id":"https:\/\/vivogaming.com\/september26\/live-dealer-builder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vivogaming.com\/september26\/live-dealer-builder\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/vivogaming.com\/september26\/live-dealer-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vivogaming.com\/september26\/"},{"@type":"ListItem","position":2,"name":"Live Dealer Builder"}]},{"@type":"WebSite","@id":"https:\/\/vivogaming.com\/september26\/#website","url":"https:\/\/vivogaming.com\/september26\/","name":"Vivo Gaming","description":"","publisher":{"@id":"https:\/\/vivogaming.com\/september26\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vivogaming.com\/september26\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/vivogaming.com\/september26\/#organization","name":"Vivo Gaming","url":"https:\/\/vivogaming.com\/september26\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vivogaming.com\/september26\/#\/schema\/logo\/image\/","url":"https:\/\/vivogaming.com\/september26\/wp-content\/uploads\/2026\/05\/vivo-logo-main.png","contentUrl":"https:\/\/vivogaming.com\/september26\/wp-content\/uploads\/2026\/05\/vivo-logo-main.png","width":882,"height":392,"caption":"Vivo Gaming"},"image":{"@id":"https:\/\/vivogaming.com\/september26\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/vivo-gaming\/"]}]}},"_links":{"self":[{"href":"https:\/\/vivogaming.com\/september26\/wp-json\/wp\/v2\/pages\/149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vivogaming.com\/september26\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vivogaming.com\/september26\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/vivogaming.com\/september26\/wp-json\/wp\/v2\/comments?post=149"}],"version-history":[{"count":5,"href":"https:\/\/vivogaming.com\/september26\/wp-json\/wp\/v2\/pages\/149\/revisions"}],"predecessor-version":[{"id":160,"href":"https:\/\/vivogaming.com\/september26\/wp-json\/wp\/v2\/pages\/149\/revisions\/160"}],"wp:attachment":[{"href":"https:\/\/vivogaming.com\/september26\/wp-json\/wp\/v2\/media?parent=149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}