Debayte \u2014 Pick a Side. Win the Debate.<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n background: #fafaff;\n color: #12101f;\n font-family: 'Plus Jakarta Sans', sans-serif;\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n .bg-dots {\n position: fixed;\n inset: 0;\n background-image: radial-gradient(circle, #c4bbff 1px, transparent 1px);\n background-size: 36px 36px;\n opacity: 0.45;\n z-index: 0;\n }\n\n .blob1 {\n position: fixed;\n top: -160px;\n right: -100px;\n width: 520px;\n height: 520px;\n background: radial-gradient(circle, rgba(255,160,80,0.28) 0%, transparent 65%);\n z-index: 0;\n animation: drift 7s ease-in-out infinite;\n }\n\n .blob2 {\n position: fixed;\n bottom: -140px;\n left: -100px;\n width: 480px;\n height: 480px;\n background: radial-gradient(circle, rgba(99,84,255,0.2) 0%, transparent 65%);\n z-index: 0;\n animation: drift 9s ease-in-out infinite reverse;\n }\n\n .blob3 {\n position: fixed;\n top: 40%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 600px;\n height: 300px;\n background: radial-gradient(ellipse, rgba(255,80,160,0.1) 0%, transparent 70%);\n z-index: 0;\n }\n\n @keyframes drift {\n 0%, 100% { transform: translate(0, 0); }\n 50% { transform: translate(12px, -18px); }\n }\n\n .page {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n min-height: 100vh;\n padding: 52px 24px 80px;\n text-align: center;\n }\n\n .logo-wrap { margin-bottom: 52px; }\n .logo-svg { display: block; }\n\n .vs-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: #fff;\n border: 1.5px solid #e0dcff;\n border-radius: 100px;\n padding: 6px 16px;\n font-size: 13px;\n font-weight: 600;\n color: #5b4fff;\n margin-bottom: 28px;\n box-shadow: 0 2px 12px rgba(91,79,255,0.1);\n }\n\n .dot {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: #ff50a0;\n animation: blink 1.4s ease-in-out infinite;\n }\n\n @keyframes blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.2; }\n }\n\n h1 {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-weight: 800;\n font-size: clamp(36px, 7vw, 64px);\n line-height: 1.05;\n letter-spacing: -2px;\n margin-bottom: 20px;\n max-width: 680px;\n color: #12101f;\n }\n\n h1 .accent-purple { color: #5b4fff; }\n h1 .accent-pink { color: #ff50a0; }\n\n .sub {\n font-size: 17px;\n font-weight: 400;\n color: rgba(18,16,31,0.55);\n max-width: 440px;\n line-height: 1.65;\n margin-bottom: 48px;\n }\n\n .versus-cards {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 52px;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .card {\n background: #fff;\n border-radius: 20px;\n padding: 22px 30px;\n width: 158px;\n box-shadow: 0 4px 24px rgba(18,16,31,0.08);\n border: 2px solid transparent;\n transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;\n cursor: default;\n }\n\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 36px rgba(18,16,31,0.13);\n }\n\n .card.a { border-color: #e0dcff; }\n .card.a:hover { border-color: #5b4fff; }\n .card.b { border-color: #ffe0f0; }\n .card.b:hover { border-color: #ff50a0; }\n\n .card .emoji { font-size: 34px; margin-bottom: 10px; display: block; }\n .card .clabel { font-size: 13px; font-weight: 600; color: #12101f; }\n\n .votes { font-size: 11px; font-weight: 600; margin-top: 6px; }\n .card.a .votes { color: #5b4fff; }\n .card.b .votes { color: #ff50a0; }\n\n .vote-bar-wrap {\n width: 100%;\n height: 4px;\n background: #f0eeff;\n border-radius: 100px;\n margin-top: 8px;\n overflow: hidden;\n }\n\n .vote-bar { height: 100%; border-radius: 100px; }\n .card.a .vote-bar { background: #5b4fff; width: 62%; }\n .card.b .vote-bar { background: #ff50a0; width: 38%; }\n\n .vs-circle {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background: #fff;\n border: 2px solid #ede9ff;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-weight: 800;\n font-size: 13px;\n color: #5b4fff;\n flex-shrink: 0;\n box-shadow: 0 2px 12px rgba(91,79,255,0.12);\n }\n\n .form-wrap {\n width: 100%;\n max-width: 420px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 16px;\n }\n\n .input-row { display: flex; gap: 8px; }\n\n .field {\n flex: 1;\n background: #fff;\n border: 1.5px solid #e5e2f5;\n border-radius: 12px;\n padding: 13px 16px;\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 15px;\n color: #12101f;\n outline: none;\n transition: border-color 0.2s, box-shadow 0.2s;\n box-shadow: 0 2px 8px rgba(18,16,31,0.04);\n }\n\n .field::placeholder { color: rgba(18,16,31,0.35); }\n\n .field:focus {\n border-color: #5b4fff;\n box-shadow: 0 0 0 3px rgba(91,79,255,0.12);\n }\n\n .cta {\n width: 100%;\n padding: 15px;\n background: linear-gradient(135deg, #5b4fff 0%, #ff50a0 100%);\n border: none;\n border-radius: 12px;\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-weight: 700;\n font-size: 16px;\n color: #fff;\n cursor: pointer;\n transition: opacity 0.2s, transform 0.15s;\n box-shadow: 0 6px 24px rgba(91,79,255,0.3);\n }\n\n .cta:hover {\n opacity: 0.92;\n transform: translateY(-1px);\n box-shadow: 0 10px 32px rgba(91,79,255,0.35);\n }\n\n .cta:active { transform: scale(0.98); }\n\n .fine { font-size: 13px; color: rgba(18,16,31,0.38); }\n\n .success-msg {\n display: none;\n background: #fff;\n border: 1.5px solid #c8c2ff;\n border-radius: 14px;\n padding: 18px 28px;\n font-size: 15px;\n font-weight: 600;\n color: #5b4fff;\n text-align: center;\n width: 100%;\n max-width: 420px;\n box-shadow: 0 4px 20px rgba(91,79,255,0.1);\n }\n\n .tagline-row {\n display: flex;\n gap: 20px;\n margin-top: 48px;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .tag {\n font-size: 13px;\n font-weight: 500;\n color: rgba(18,16,31,0.45);\n display: flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n border: 1px solid #ece9ff;\n padding: 6px 14px;\n border-radius: 100px;\n }\n\n .tag-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: #ff8c38;\n flex-shrink: 0;\n }\n\n .store-section {\n margin-top: 44px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 14px;\n }\n\n .store-label {\n font-size: 11px;\n font-weight: 600;\n color: rgba(18,16,31,0.4);\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n\n .store-badges { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }\n\n .store-badge {\n display: flex;\n align-items: center;\n gap: 10px;\n background: #12101f;\n color: #fff;\n border-radius: 12px;\n padding: 10px 20px;\n text-decoration: none;\n box-shadow: 0 4px 16px rgba(18,16,31,0.15);\n transition: transform 0.2s, box-shadow 0.2s;\n min-width: 148px;\n }\n\n .store-badge:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(18,16,31,0.2);\n }\n\n .badge-text { display: flex; flex-direction: column; text-align: left; }\n .badge-sub { font-size: 10px; font-weight: 500; color: rgba(255,255,255,0.55); line-height: 1; margin-bottom: 2px; }\n .badge-name { font-size: 15px; font-weight: 700; color: #fff; line-height: 1.2; font-family: 'Plus Jakarta Sans', sans-serif; }\n\n .coming-soon-pill {\n display: inline-block;\n background: linear-gradient(135deg, #f0eeff, #ffe0f0);\n border: 1px solid #e0dcff;\n border-radius: 100px;\n padding: 4px 14px;\n font-size: 11px;\n font-weight: 700;\n color: #5b4fff;\n margin-top: 10px;\n letter-spacing: 0.3px;\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"bg-dots\"><\/div>\n<div class=\"blob1\"><\/div>\n<div class=\"blob2\"><\/div>\n<div class=\"blob3\"><\/div>\n\n<div class=\"page\">\n\n <div class=\"logo-wrap\">\n <svg class=\"logo-svg\" width=\"210\" height=\"52\" viewBox=\"0 0 210 52\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <linearGradient id=\"logoGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#6a5bff\"\/>\n <stop offset=\"100%\" stop-color=\"#ff50a0\"\/>\n <\/linearGradient>\n <\/defs>\n <rect x=\"0\" y=\"0\" width=\"52\" height=\"52\" rx=\"14\" fill=\"url(#logoGrad)\"\/>\n <rect x=\"11\" y=\"17\" width=\"11\" height=\"24\" rx=\"4\" fill=\"white\"\/>\n <rect x=\"27\" y=\"23\" width=\"11\" height=\"18\" rx=\"4\" fill=\"white\" opacity=\"0.5\"\/>\n <circle cx=\"17\" cy=\"13\" r=\"4\" fill=\"white\"\/>\n <circle cx=\"33\" cy=\"19\" r=\"4\" fill=\"white\" opacity=\"0.5\"\/>\n <text x=\"64\" y=\"38\" font-family=\"'Plus Jakarta Sans', sans-serif\" font-weight=\"800\" font-size=\"30\" fill=\"#12101f\" letter-spacing=\"-1\">debayte<\/text>\n <\/svg>\n <\/div>\n\n <div class=\"vs-badge\">\n <div class=\"dot\"><\/div>\n early access dropping soon\n <\/div>\n\n <h1>Pick a side.<br><span class=\"accent-purple\">Win<\/span> the <span class=\"accent-pink\">debate.<\/span><\/h1>\n\n <p class=\"sub\">Real-time consumer preference battles. Vote, see live results, and find out what the world actually thinks.<\/p>\n\n <div class=\"versus-cards\">\n <div class=\"card a\">\n <span class=\"emoji\">\u2615<\/span>\n <div class=\"clabel\">Coffee<\/div>\n <div class=\"votes\">62% voted this<\/div>\n <div class=\"vote-bar-wrap\"><div class=\"vote-bar\"><\/div><\/div>\n <\/div>\n <div class=\"vs-circle\">VS<\/div>\n <div class=\"card b\">\n <span class=\"emoji\">\ud83c\udf75<\/span>\n <div class=\"clabel\">Tea<\/div>\n <div class=\"votes\">38% voted this<\/div>\n <div class=\"vote-bar-wrap\"><div class=\"vote-bar\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"form-wrap\" id=\"form-wrap\">\n <div class=\"input-row\">\n <input class=\"field\" type=\"email\" placeholder=\"Your email\" id=\"email-field\" \/>\n <input class=\"field\" type=\"tel\" placeholder=\"Phone (optional)\" style=\"flex: 0.8;\" \/>\n <\/div>\n <button class=\"cta\" onclick=\"handleSubmit()\">Get Early Access →<\/button>\n <\/div>\n\n <div class=\"success-msg\" id=\"success-msg\">\n 🎉 You’re in! We’ll let you know the moment Debayte launches.\n <\/div>\n\n <p class=\"fine\">No spam \u2014 just the launch notification.<\/p>\n\n <div class=\"tagline-row\">\n <div class=\"tag\"><div class=\"tag-dot\"><\/div> Real-time voting<\/div>\n <div class=\"tag\"><div class=\"tag-dot\"><\/div> Free to play<\/div>\n <div class=\"tag\"><div class=\"tag-dot\"><\/div> Brands pay for your take<\/div>\n <\/div>\n\n <div class=\"store-section\">\n <div class=\"store-label\">Available on<\/div>\n <div class=\"store-badges\">\n <a href=\"#\" class=\"store-badge\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z\"\/>\n <\/svg>\n <div class=\"badge-text\">\n <span class=\"badge-sub\">Download on the<\/span>\n <span class=\"badge-name\">App Store<\/span>\n <\/div>\n <\/a>\n <a href=\"#\" class=\"store-badge\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M3.18 23.76c.3.16.64.2.97.12L14.76 12 3.18.12C2.85.04 2.51.08 2.21.24 1.64.56 1.27 1.17 1.27 1.85v20.3c0 .68.37 1.29.94 1.61h-.03z\" fill=\"#EA4335\"\/>\n <path d=\"M22.27 10.29l-3.01-1.71-3.8 3.42 3.8 3.42 3.04-1.73c.87-.49.87-1.9-.03-2.4z\" fill=\"#FBBC04\"\/>\n <path d=\"M3.18.12L14.76 12l3.5-3.5L5.01-.83C4.52-1.1 3.88-1 3.18.12z\" fill=\"#4285F4\"\/>\n <path d=\"M3.18 23.88c.7 1.12 1.34 1.22 1.83.95l13.25-7.33-3.5-3.5L3.18 23.88z\" fill=\"#34A853\"\/>\n <\/svg>\n <div class=\"badge-text\">\n <span class=\"badge-sub\">Get it on<\/span>\n <span class=\"badge-name\">Google Play<\/span>\n <\/div>\n <\/a>\n <\/div>\n <div class=\"coming-soon-pill\">Coming Soon<\/div>\n <\/div>\n\n<\/div>\n\n<script>\nfunction handleSubmit() {\n var email = document.getElementById('email-field').value.trim();\n if (!email || email.indexOf('@') === -1) {\n document.getElementById('email-field').style.borderColor = '#ff50a0';\n document.getElementById('email-field').focus();\n return;\n }\n document.getElementById('form-wrap').style.display = 'none';\n document.getElementById('success-msg').style.display = 'block';\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Debayte \u2014 Pick a Side. Win the Debate. debayte early access dropping soon Pick a side.Win the debate. Real-time consumer […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/debayte.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/debayte.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/debayte.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/debayte.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/debayte.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":2,"href":"http:\/\/debayte.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":12,"href":"http:\/\/debayte.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/12"}],"wp:attachment":[{"href":"http:\/\/debayte.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":10,"date":"2026-04-16T21:40:29","date_gmt":"2026-04-16T21:40:29","guid":{"rendered":"http:\/\/debayte.com\/?page_id=10"},"modified":"2026-04-16T21:47:51","modified_gmt":"2026-04-16T21:47:51","slug":"home","status":"publish","type":"page","link":"http:\/\/debayte.com\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n\n\nDebayte \u2014 Pick a Side. Win the Debate.<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n background: #fafaff;\n color: #12101f;\n font-family: 'Plus Jakarta Sans', sans-serif;\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n .bg-dots {\n position: fixed;\n inset: 0;\n background-image: radial-gradient(circle, #c4bbff 1px, transparent 1px);\n background-size: 36px 36px;\n opacity: 0.45;\n z-index: 0;\n }\n\n .blob1 {\n position: fixed;\n top: -160px;\n right: -100px;\n width: 520px;\n height: 520px;\n background: radial-gradient(circle, rgba(255,160,80,0.28) 0%, transparent 65%);\n z-index: 0;\n animation: drift 7s ease-in-out infinite;\n }\n\n .blob2 {\n position: fixed;\n bottom: -140px;\n left: -100px;\n width: 480px;\n height: 480px;\n background: radial-gradient(circle, rgba(99,84,255,0.2) 0%, transparent 65%);\n z-index: 0;\n animation: drift 9s ease-in-out infinite reverse;\n }\n\n .blob3 {\n position: fixed;\n top: 40%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 600px;\n height: 300px;\n background: radial-gradient(ellipse, rgba(255,80,160,0.1) 0%, transparent 70%);\n z-index: 0;\n }\n\n @keyframes drift {\n 0%, 100% { transform: translate(0, 0); }\n 50% { transform: translate(12px, -18px); }\n }\n\n .page {\n position: relative;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n min-height: 100vh;\n padding: 52px 24px 80px;\n text-align: center;\n }\n\n .logo-wrap { margin-bottom: 52px; }\n .logo-svg { display: block; }\n\n .vs-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: #fff;\n border: 1.5px solid #e0dcff;\n border-radius: 100px;\n padding: 6px 16px;\n font-size: 13px;\n font-weight: 600;\n color: #5b4fff;\n margin-bottom: 28px;\n box-shadow: 0 2px 12px rgba(91,79,255,0.1);\n }\n\n .dot {\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: #ff50a0;\n animation: blink 1.4s ease-in-out infinite;\n }\n\n @keyframes blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.2; }\n }\n\n h1 {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-weight: 800;\n font-size: clamp(36px, 7vw, 64px);\n line-height: 1.05;\n letter-spacing: -2px;\n margin-bottom: 20px;\n max-width: 680px;\n color: #12101f;\n }\n\n h1 .accent-purple { color: #5b4fff; }\n h1 .accent-pink { color: #ff50a0; }\n\n .sub {\n font-size: 17px;\n font-weight: 400;\n color: rgba(18,16,31,0.55);\n max-width: 440px;\n line-height: 1.65;\n margin-bottom: 48px;\n }\n\n .versus-cards {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 52px;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .card {\n background: #fff;\n border-radius: 20px;\n padding: 22px 30px;\n width: 158px;\n box-shadow: 0 4px 24px rgba(18,16,31,0.08);\n border: 2px solid transparent;\n transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;\n cursor: default;\n }\n\n .card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 36px rgba(18,16,31,0.13);\n }\n\n .card.a { border-color: #e0dcff; }\n .card.a:hover { border-color: #5b4fff; }\n .card.b { border-color: #ffe0f0; }\n .card.b:hover { border-color: #ff50a0; }\n\n .card .emoji { font-size: 34px; margin-bottom: 10px; display: block; }\n .card .clabel { font-size: 13px; font-weight: 600; color: #12101f; }\n\n .votes { font-size: 11px; font-weight: 600; margin-top: 6px; }\n .card.a .votes { color: #5b4fff; }\n .card.b .votes { color: #ff50a0; }\n\n .vote-bar-wrap {\n width: 100%;\n height: 4px;\n background: #f0eeff;\n border-radius: 100px;\n margin-top: 8px;\n overflow: hidden;\n }\n\n .vote-bar { height: 100%; border-radius: 100px; }\n .card.a .vote-bar { background: #5b4fff; width: 62%; }\n .card.b .vote-bar { background: #ff50a0; width: 38%; }\n\n .vs-circle {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background: #fff;\n border: 2px solid #ede9ff;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-weight: 800;\n font-size: 13px;\n color: #5b4fff;\n flex-shrink: 0;\n box-shadow: 0 2px 12px rgba(91,79,255,0.12);\n }\n\n .form-wrap {\n width: 100%;\n max-width: 420px;\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 16px;\n }\n\n .input-row { display: flex; gap: 8px; }\n\n .field {\n flex: 1;\n background: #fff;\n border: 1.5px solid #e5e2f5;\n border-radius: 12px;\n padding: 13px 16px;\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 15px;\n color: #12101f;\n outline: none;\n transition: border-color 0.2s, box-shadow 0.2s;\n box-shadow: 0 2px 8px rgba(18,16,31,0.04);\n }\n\n .field::placeholder { color: rgba(18,16,31,0.35); }\n\n .field:focus {\n border-color: #5b4fff;\n box-shadow: 0 0 0 3px rgba(91,79,255,0.12);\n }\n\n .cta {\n width: 100%;\n padding: 15px;\n background: linear-gradient(135deg, #5b4fff 0%, #ff50a0 100%);\n border: none;\n border-radius: 12px;\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-weight: 700;\n font-size: 16px;\n color: #fff;\n cursor: pointer;\n transition: opacity 0.2s, transform 0.15s;\n box-shadow: 0 6px 24px rgba(91,79,255,0.3);\n }\n\n .cta:hover {\n opacity: 0.92;\n transform: translateY(-1px);\n box-shadow: 0 10px 32px rgba(91,79,255,0.35);\n }\n\n .cta:active { transform: scale(0.98); }\n\n .fine { font-size: 13px; color: rgba(18,16,31,0.38); }\n\n .success-msg {\n display: none;\n background: #fff;\n border: 1.5px solid #c8c2ff;\n border-radius: 14px;\n padding: 18px 28px;\n font-size: 15px;\n font-weight: 600;\n color: #5b4fff;\n text-align: center;\n width: 100%;\n max-width: 420px;\n box-shadow: 0 4px 20px rgba(91,79,255,0.1);\n }\n\n .tagline-row {\n display: flex;\n gap: 20px;\n margin-top: 48px;\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .tag {\n font-size: 13px;\n font-weight: 500;\n color: rgba(18,16,31,0.45);\n display: flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n border: 1px solid #ece9ff;\n padding: 6px 14px;\n border-radius: 100px;\n }\n\n .tag-dot {\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: #ff8c38;\n flex-shrink: 0;\n }\n\n .store-section {\n margin-top: 44px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 14px;\n }\n\n .store-label {\n font-size: 11px;\n font-weight: 600;\n color: rgba(18,16,31,0.4);\n letter-spacing: 1px;\n text-transform: uppercase;\n }\n\n .store-badges { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }\n\n .store-badge {\n display: flex;\n align-items: center;\n gap: 10px;\n background: #12101f;\n color: #fff;\n border-radius: 12px;\n padding: 10px 20px;\n text-decoration: none;\n box-shadow: 0 4px 16px rgba(18,16,31,0.15);\n transition: transform 0.2s, box-shadow 0.2s;\n min-width: 148px;\n }\n\n .store-badge:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(18,16,31,0.2);\n }\n\n .badge-text { display: flex; flex-direction: column; text-align: left; }\n .badge-sub { font-size: 10px; font-weight: 500; color: rgba(255,255,255,0.55); line-height: 1; margin-bottom: 2px; }\n .badge-name { font-size: 15px; font-weight: 700; color: #fff; line-height: 1.2; font-family: 'Plus Jakarta Sans', sans-serif; }\n\n .coming-soon-pill {\n display: inline-block;\n background: linear-gradient(135deg, #f0eeff, #ffe0f0);\n border: 1px solid #e0dcff;\n border-radius: 100px;\n padding: 4px 14px;\n font-size: 11px;\n font-weight: 700;\n color: #5b4fff;\n margin-top: 10px;\n letter-spacing: 0.3px;\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"bg-dots\"><\/div>\n<div class=\"blob1\"><\/div>\n<div class=\"blob2\"><\/div>\n<div class=\"blob3\"><\/div>\n\n<div class=\"page\">\n\n <div class=\"logo-wrap\">\n <svg class=\"logo-svg\" width=\"210\" height=\"52\" viewBox=\"0 0 210 52\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <linearGradient id=\"logoGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" stop-color=\"#6a5bff\"\/>\n <stop offset=\"100%\" stop-color=\"#ff50a0\"\/>\n <\/linearGradient>\n <\/defs>\n <rect x=\"0\" y=\"0\" width=\"52\" height=\"52\" rx=\"14\" fill=\"url(#logoGrad)\"\/>\n <rect x=\"11\" y=\"17\" width=\"11\" height=\"24\" rx=\"4\" fill=\"white\"\/>\n <rect x=\"27\" y=\"23\" width=\"11\" height=\"18\" rx=\"4\" fill=\"white\" opacity=\"0.5\"\/>\n <circle cx=\"17\" cy=\"13\" r=\"4\" fill=\"white\"\/>\n <circle cx=\"33\" cy=\"19\" r=\"4\" fill=\"white\" opacity=\"0.5\"\/>\n <text x=\"64\" y=\"38\" font-family=\"'Plus Jakarta Sans', sans-serif\" font-weight=\"800\" font-size=\"30\" fill=\"#12101f\" letter-spacing=\"-1\">debayte<\/text>\n <\/svg>\n <\/div>\n\n <div class=\"vs-badge\">\n <div class=\"dot\"><\/div>\n early access dropping soon\n <\/div>\n\n <h1>Pick a side.<br><span class=\"accent-purple\">Win<\/span> the <span class=\"accent-pink\">debate.<\/span><\/h1>\n\n <p class=\"sub\">Real-time consumer preference battles. Vote, see live results, and find out what the world actually thinks.<\/p>\n\n <div class=\"versus-cards\">\n <div class=\"card a\">\n <span class=\"emoji\">\u2615<\/span>\n <div class=\"clabel\">Coffee<\/div>\n <div class=\"votes\">62% voted this<\/div>\n <div class=\"vote-bar-wrap\"><div class=\"vote-bar\"><\/div><\/div>\n <\/div>\n <div class=\"vs-circle\">VS<\/div>\n <div class=\"card b\">\n <span class=\"emoji\">\ud83c\udf75<\/span>\n <div class=\"clabel\">Tea<\/div>\n <div class=\"votes\">38% voted this<\/div>\n <div class=\"vote-bar-wrap\"><div class=\"vote-bar\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"form-wrap\" id=\"form-wrap\">\n <div class=\"input-row\">\n <input class=\"field\" type=\"email\" placeholder=\"Your email\" id=\"email-field\" \/>\n <input class=\"field\" type=\"tel\" placeholder=\"Phone (optional)\" style=\"flex: 0.8;\" \/>\n <\/div>\n <button class=\"cta\" onclick=\"handleSubmit()\">Get Early Access →<\/button>\n <\/div>\n\n <div class=\"success-msg\" id=\"success-msg\">\n 🎉 You’re in! We’ll let you know the moment Debayte launches.\n <\/div>\n\n <p class=\"fine\">No spam \u2014 just the launch notification.<\/p>\n\n <div class=\"tagline-row\">\n <div class=\"tag\"><div class=\"tag-dot\"><\/div> Real-time voting<\/div>\n <div class=\"tag\"><div class=\"tag-dot\"><\/div> Free to play<\/div>\n <div class=\"tag\"><div class=\"tag-dot\"><\/div> Brands pay for your take<\/div>\n <\/div>\n\n <div class=\"store-section\">\n <div class=\"store-label\">Available on<\/div>\n <div class=\"store-badges\">\n <a href=\"#\" class=\"store-badge\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"white\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z\"\/>\n <\/svg>\n <div class=\"badge-text\">\n <span class=\"badge-sub\">Download on the<\/span>\n <span class=\"badge-name\">App Store<\/span>\n <\/div>\n <\/a>\n <a href=\"#\" class=\"store-badge\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M3.18 23.76c.3.16.64.2.97.12L14.76 12 3.18.12C2.85.04 2.51.08 2.21.24 1.64.56 1.27 1.17 1.27 1.85v20.3c0 .68.37 1.29.94 1.61h-.03z\" fill=\"#EA4335\"\/>\n <path d=\"M22.27 10.29l-3.01-1.71-3.8 3.42 3.8 3.42 3.04-1.73c.87-.49.87-1.9-.03-2.4z\" fill=\"#FBBC04\"\/>\n <path d=\"M3.18.12L14.76 12l3.5-3.5L5.01-.83C4.52-1.1 3.88-1 3.18.12z\" fill=\"#4285F4\"\/>\n <path d=\"M3.18 23.88c.7 1.12 1.34 1.22 1.83.95l13.25-7.33-3.5-3.5L3.18 23.88z\" fill=\"#34A853\"\/>\n <\/svg>\n <div class=\"badge-text\">\n <span class=\"badge-sub\">Get it on<\/span>\n <span class=\"badge-name\">Google Play<\/span>\n <\/div>\n <\/a>\n <\/div>\n <div class=\"coming-soon-pill\">Coming Soon<\/div>\n <\/div>\n\n<\/div>\n\n<script>\nfunction handleSubmit() {\n var email = document.getElementById('email-field').value.trim();\n if (!email || email.indexOf('@') === -1) {\n document.getElementById('email-field').style.borderColor = '#ff50a0';\n document.getElementById('email-field').focus();\n return;\n }\n document.getElementById('form-wrap').style.display = 'none';\n document.getElementById('success-msg').style.display = 'block';\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Debayte \u2014 Pick a Side. Win the Debate. debayte early access dropping soon Pick a side.Win the debate. Real-time consumer […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/debayte.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/debayte.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/debayte.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/debayte.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/debayte.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":2,"href":"http:\/\/debayte.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":12,"href":"http:\/\/debayte.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/12"}],"wp:attachment":[{"href":"http:\/\/debayte.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}