{"id":10,"date":"2026-03-03T22:56:10","date_gmt":"2026-03-03T22:56:10","guid":{"rendered":"https:\/\/kreative-duo.com\/?page_id=10"},"modified":"2026-03-03T23:41:37","modified_gmt":"2026-03-03T23:41:37","slug":"home","status":"publish","type":"page","link":"https:\/\/kreative-duo.com\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6a6678 e-con-full e-flex e-con e-parent\" data-id=\"f6a6678\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27156e0 elementor-widget elementor-widget-html\" data-id=\"27156e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Anton&family=DM+Sans:wght@300;400;500&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n<div style=\"all:initial;display:block;\" id=\"kd3-wrapper\">\r\n<div id=\"kd3\">\r\n\r\n  <canvas id=\"kd3-canvas\"><\/canvas>\r\n  <div class=\"kd3-orb o1\"><\/div>\r\n  <div class=\"kd3-orb o2\"><\/div>\r\n  <div class=\"kd3-grid\"><\/div>\r\n\r\n  <!-- BADGE -->\r\n  <div class=\"kd3-badge\" id=\"kd3-badge\">\r\n    <span class=\"kd3-dot\"><\/span>\r\n    COMING SOON\r\n  <\/div>\r\n\r\n  <!-- BODY -->\r\n  <div class=\"kd3-body\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"kd3-left\">\r\n      <div class=\"kd3-pills\" id=\"kd3-pills\">\r\n        <span class=\"kd3-pill\">MARKETING<\/span>\r\n        <span class=\"kd3-pill\">SOCIAL<\/span>\r\n        <span class=\"kd3-pill\">Art Direction<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"kd3-title\" id=\"kd3-title\">\r\n        <div class=\"kd3-ln\"><div class=\"kd3-w kd3-outline\">STAY<\/div><\/div>\r\n        <div class=\"kd3-ln\"><div class=\"kd3-w kd3-accent\">AHEAD<\/div><\/div>\r\n        <div class=\"kd3-ln\"><div class=\"kd3-w kd3-outline\">OF WHAT'S NEXT<\/div><\/div>\r\n      <\/div>\r\n\r\n      <p class=\"kd3-sub\" id=\"kd3-sub\">\r\n        Join the brands that refuse the ordinary. Get our creative insights, bold design trends and exclusive projects \u2014 before anyone else.\r\n      <\/p>\r\n\r\n      <div class=\"kd3-proof\" id=\"kd3-proof\">\r\n        <div class=\"kd3-avs\">\r\n          <div class=\"kd3-av\" style=\"background:linear-gradient(135deg,#e4151e,#900)\">M<\/div>\r\n          <div class=\"kd3-av\" style=\"background:linear-gradient(135deg,#fad7e3,#c08090)\">S<\/div>\r\n          <div class=\"kd3-av\" style=\"background:linear-gradient(135deg,#3d1520,#6b2030)\">T<\/div>\r\n          <div class=\"kd3-av\" style=\"background:linear-gradient(135deg,#2a0a12,#4a1525)\">A<\/div>\r\n        <\/div>\r\n        <div class=\"kd3-proof-copy\">\r\n          <strong>120+ brands<\/strong> already inside<br\/>\r\n          <span>Don't miss your spot<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"kd3-ring\" id=\"kd3-ring\">\r\n        <svg viewBox=\"0 0 180 180\" fill=\"none\">\r\n          <defs>\r\n            <path id=\"kd3-rp\" d=\"M 90,8 A 82,82 0 1,1 89.9,8\"\/>\r\n            <linearGradient id=\"kd3-rg\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n              <stop offset=\"0%\" stop-color=\"#E4151E\"\/>\r\n              <stop offset=\"100%\" stop-color=\"transparent\"\/>\r\n            <\/linearGradient>\r\n          <\/defs>\r\n          <circle cx=\"90\" cy=\"90\" r=\"82\" stroke=\"rgba(228,21,30,0.12)\" stroke-width=\"1\"\/>\r\n          <circle cx=\"90\" cy=\"90\" r=\"82\" stroke=\"url(#kd3-rg)\" stroke-width=\"1.5\" stroke-dasharray=\"55 450\" stroke-linecap=\"round\"\/>\r\n          <text font-family=\"'DM Sans',sans-serif\" font-size=\"10\" fill=\"rgba(228,21,30,0.45)\" letter-spacing=\"3.5\">\r\n            <textPath href=\"#kd3-rp\">KREATIVE DUO \u00b7 CREATIVE AGENCY \u00b7 STAY AHEAD \u00b7<\/textPath>\r\n          <\/text>\r\n          <circle cx=\"90\" cy=\"90\" r=\"5\" fill=\"#E4151E\" opacity=\"0.85\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: FORM -->\r\n    <div class=\"kd3-right\">\r\n      <div class=\"kd3-card\" id=\"kd3-card\">\r\n        <div class=\"kd3-card-head\">\r\n          <span class=\"kd3-dot\"><\/span>\r\n          <span class=\"kd3-card-lbl\">Get Exclusive Access<\/span>\r\n          <div class=\"kd3-card-hline\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"kd3-field\">\r\n          <label class=\"kd3-lbl\">First Name<\/label>\r\n          <input class=\"kd3-inp\" type=\"text\" id=\"kd3-name\" placeholder=\"Marie\"\/>\r\n        <\/div>\r\n\r\n        <div class=\"kd3-field\">\r\n          <label class=\"kd3-lbl\">Work Email<\/label>\r\n          <input class=\"kd3-inp\" type=\"email\" id=\"kd3-email\" placeholder=\"marie@yourbrand.com\"\/>\r\n        <\/div>\r\n\r\n        <div class=\"kd3-field\">\r\n          <label class=\"kd3-lbl\">Your Brand \/ Company<\/label>\r\n          <input class=\"kd3-inp\" type=\"text\" id=\"kd3-brand\" placeholder=\"Brand name\"\/>\r\n        <\/div>\r\n\r\n        <div class=\"kd3-field\">\r\n          <label class=\"kd3-lbl\">Industry<\/label>\r\n          <div class=\"kd3-sel-wrap\">\r\n            <select class=\"kd3-inp\" id=\"kd3-ind\">\r\n              <option value=\"\" disabled selected>Select your industry\u2026<\/option>\r\n              <option>Fashion &amp; Luxury<\/option>\r\n              <option>Tech &amp; Digital<\/option>\r\n              <option>Food &amp; Lifestyle<\/option>\r\n              <option>Art &amp; Culture<\/option>\r\n              <option>Retail &amp; E-commerce<\/option>\r\n              <option>Beauty &amp; Wellness<\/option>\r\n              <option>Other<\/option>\r\n            <\/select>\r\n            <svg class=\"kd3-chev\" viewBox=\"0 0 12 8\" fill=\"none\" width=\"12\" height=\"8\">\r\n              <path d=\"M1 1l5 5 5-5\" stroke=\"rgba(255,255,255,0.3)\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <button class=\"kd3-btn\" id=\"kd3-btn\" onclick=\"kd3Go()\">\r\n          <span>Join the Movement<\/span>\r\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/button>\r\n\r\n        <p class=\"kd3-fine\">No spam \u00b7 Unsubscribe anytime \u00b7 For creative minds only<\/p>\r\n\r\n        <!-- SUCCESS -->\r\n        <div class=\"kd3-ok\" id=\"kd3-ok\">\r\n          <div class=\"kd3-ok-icon\">\r\n            <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\">\r\n              <path class=\"kd3-checkline\" d=\"M5 15l7 7 13-13\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"kd3-ok-h\">YOU'RE IN!<\/div>\r\n          <div class=\"kd3-ok-p\">Welcome to the Kreative Duo circle.<br\/>We'll be in touch very soon.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div><!-- .kd3-body -->\r\n\r\n  <!-- TICKER -->\r\n  <div class=\"kd3-ticker\">\r\n    <div class=\"kd3-track\">\r\n      <span class=\"kd3-ti\">Stay Ahead<\/span><span class=\"kd3-ti\">Bold Branding<\/span>\r\n      <span class=\"kd3-ti\">Creative Vision<\/span><span class=\"kd3-ti\">What's Next<\/span>\r\n      <span class=\"kd3-ti\">Think Different<\/span><span class=\"kd3-ti\">Elevate Your Brand<\/span>\r\n      <span class=\"kd3-ti\">Art Direction<\/span><span class=\"kd3-ti\">Design Forward<\/span>\r\n      <span class=\"kd3-ti\">Stay Ahead<\/span><span class=\"kd3-ti\">Bold Branding<\/span>\r\n      <span class=\"kd3-ti\">Creative Vision<\/span><span class=\"kd3-ti\">What's Next<\/span>\r\n      <span class=\"kd3-ti\">Think Different<\/span><span class=\"kd3-ti\">Elevate Your Brand<\/span>\r\n      <span class=\"kd3-ti\">Art Direction<\/span><span class=\"kd3-ti\">Design Forward<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div><!-- #kd3 -->\r\n<\/div><!-- #kd3-wrapper -->\r\n\r\n<style>\r\n\/* \u2500\u2500 Hard reset wrapper \u2500\u2500 *\/\r\n#kd3-wrapper, #kd3-wrapper * {\r\n  box-sizing: border-box !important;\r\n  -webkit-box-sizing: border-box !important;\r\n}\r\n#kd3-wrapper { display: block !important; width: 100% !important; }\r\n\r\n\/* \u2500\u2500 Root \u2500\u2500 *\/\r\n#kd3 {\r\n  position: relative;\r\n  background: #07040A;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  font-family: 'DM Sans', sans-serif !important;\r\n  color: #FFF6FA;\r\n  display: block;\r\n}\r\n\r\n\/* \u2500\u2500 Canvas \u2500\u2500 *\/\r\n#kd3-canvas {\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 100%; height: 100%;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  display: block;\r\n}\r\n\r\n\/* \u2500\u2500 Orbs \u2500\u2500 *\/\r\n#kd3 .kd3-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n#kd3 .o1 {\r\n  width: 600px; height: 600px;\r\n  background: radial-gradient(circle, rgba(228,21,30,.3) 0%, transparent 65%);\r\n  filter: blur(100px);\r\n  top: -200px; left: -150px;\r\n}\r\n#kd3 .o2 {\r\n  width: 450px; height: 450px;\r\n  background: radial-gradient(circle, rgba(250,215,227,.14) 0%, transparent 65%);\r\n  filter: blur(90px);\r\n  bottom: -80px; right: -100px;\r\n}\r\n\r\n\/* \u2500\u2500 Grid \u2500\u2500 *\/\r\n#kd3 .kd3-grid {\r\n  position: absolute; inset: 0; z-index: 1; pointer-events: none;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,.016) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px);\r\n  background-size: 70px 70px;\r\n}\r\n\r\n\/* \u2500\u2500 Badge \u2500\u2500 *\/\r\n#kd3 .kd3-badge {\r\n  position: relative; z-index: 10;\r\n  display: flex !important;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  padding: 30px 40px 0 !important;\r\n  font-size: 11px !important;\r\n  letter-spacing: .22em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,.38);\r\n  font-family: 'DM Sans', sans-serif !important;\r\n  opacity: 0;\r\n}\r\n#kd3 .kd3-dot {\r\n  width: 7px; height: 7px;\r\n  border-radius: 50%;\r\n  background: #E4151E;\r\n  display: inline-block; flex-shrink: 0;\r\n  animation: kd3pulse 2s ease infinite;\r\n}\r\n@keyframes kd3pulse {\r\n  0%,100%{box-shadow:0 0 0 0 rgba(228,21,30,.55)}\r\n  50%{box-shadow:0 0 0 9px rgba(228,21,30,0)}\r\n}\r\n\r\n\/* \u2500\u2500 Body layout \u2500\u2500 *\/\r\n#kd3 .kd3-body {\r\n  position: relative; z-index: 10;\r\n  display: grid !important;\r\n  grid-template-columns: 1fr 1fr !important;\r\n  gap: 70px !important;\r\n  padding: 64px 64px 80px 64px !important;\r\n  align-items: center;\r\n  min-height: 86vh;\r\n}\r\n\r\n\/* \u2500\u2500 LEFT \u2500\u2500 *\/\r\n#kd3 .kd3-left {\r\n  position: relative;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 0;\r\n}\r\n#kd3 .kd3-pills {\r\n  display: flex !important;\r\n  flex-wrap: wrap;\r\n  gap: 10px !important;\r\n  margin-bottom: 30px !important;\r\n  opacity: 0;\r\n}\r\n#kd3 .kd3-pill {\r\n  font-size: 10px !important;\r\n  letter-spacing: .14em;\r\n  text-transform: uppercase;\r\n  padding: 6px 16px !important;\r\n  border-radius: 100px;\r\n  border: 1px solid rgba(228,21,30,.32);\r\n  color: rgba(228,21,30,.7);\r\n  font-family: 'DM Sans', sans-serif !important;\r\n  display: inline-block;\r\n}\r\n\r\n\/* Title *\/\r\n#kd3 .kd3-title {\r\n  margin-bottom: 32px !important;\r\n}\r\n#kd3 .kd3-ln {\r\n  display: block !important;\r\n  overflow: hidden;\r\n  line-height: 1;\r\n}\r\n#kd3 .kd3-w {\r\n  display: inline-block !important;\r\n  font-family: 'Anton', sans-serif !important;\r\n  font-size: clamp(56px, 7.5vw, 108px) !important;\r\n  letter-spacing: .01em;\r\n  text-transform: uppercase;\r\n  line-height: .9;\r\n  transform: translateY(110%);\r\n}\r\n#kd3 .kd3-outline {\r\n  -webkit-text-stroke: 2px rgba(255,255,255,.18) !important;\r\n  color: transparent !important;\r\n}\r\n#kd3 .kd3-accent { color: #E4151E !important; }\r\n#kd3 .kd3-dim {\r\n  font-size: clamp(28px, 3.5vw, 48px) !important;\r\n  color: rgba(255,255,255,.3) !important;\r\n  letter-spacing: .06em;\r\n}\r\n\r\n\/* Sub *\/\r\n#kd3 .kd3-sub {\r\n  font-size: 15px !important;\r\n  line-height: 1.85 !important;\r\n  color: rgba(255,255,255,.4) !important;\r\n  max-width: 400px;\r\n  margin-bottom: 36px !important;\r\n  font-family: 'DM Sans', sans-serif !important;\r\n  opacity: 0;\r\n}\r\n\r\n\/* Proof *\/\r\n#kd3 .kd3-proof {\r\n  display: flex !important;\r\n  align-items: center;\r\n  gap: 14px !important;\r\n  opacity: 0;\r\n}\r\n#kd3 .kd3-avs { display: flex !important; }\r\n#kd3 .kd3-av {\r\n  width: 36px !important; height: 36px !important;\r\n  border-radius: 50% !important;\r\n  border: 2px solid #07040A !important;\r\n  display: flex !important;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: 'Anton', sans-serif !important;\r\n  font-size: 12px !important;\r\n  color: #fff !important;\r\n  margin-left: -9px !important;\r\n  flex-shrink: 0;\r\n}\r\n#kd3 .kd3-av:first-child { margin-left: 0 !important; }\r\n#kd3 .kd3-proof-copy {\r\n  font-size: 13px !important;\r\n  color: rgba(255,255,255,.38) !important;\r\n  line-height: 1.55 !important;\r\n  font-family: 'DM Sans', sans-serif !important;\r\n}\r\n#kd3 .kd3-proof-copy strong { color: #FFF6FA !important; font-weight: 500 !important; }\r\n\r\n\/* Ring *\/\r\n#kd3 .kd3-ring {\r\n  position: absolute !important;\r\n  bottom: -80px; right: -50px;\r\n  width: 200px !important; height: 200px !important;\r\n  opacity: .65;\r\n  animation: kd3spin 20s linear infinite;\r\n  pointer-events: none;\r\n}\r\n#kd3 .kd3-ring svg { width: 100% !important; height: 100% !important; display: block; }\r\n@keyframes kd3spin { to{ transform: rotate(360deg); } }\r\n\r\n\/* \u2500\u2500 RIGHT \/ CARD \u2500\u2500 *\/\r\n#kd3 .kd3-right { position: relative; z-index: 10; }\r\n\r\n#kd3 .kd3-card {\r\n  background: rgba(255,255,255,.05) !important;\r\n  border: 1px solid rgba(255,255,255,.1) !important;\r\n  border-radius: 24px !important;\r\n  padding: 44px 44px 40px 44px !important;\r\n  position: relative;\r\n  overflow: hidden;\r\n  opacity: 0;\r\n  backdrop-filter: blur(20px);\r\n  -webkit-backdrop-filter: blur(20px);\r\n}\r\n#kd3 .kd3-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 10%; right: 10%; height: 1px;\r\n  background: linear-gradient(90deg, transparent, #E4151E, transparent);\r\n}\r\n#kd3 .kd3-card::after {\r\n  content: '';\r\n  position: absolute; inset: 0; border-radius: 24px;\r\n  background: radial-gradient(ellipse at 50% 0%, rgba(228,21,30,.07) 0%, transparent 55%);\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Card header *\/\r\n#kd3 .kd3-card-head {\r\n  display: flex !important;\r\n  align-items: center;\r\n  gap: 12px !important;\r\n  margin-bottom: 34px !important;\r\n}\r\n#kd3 .kd3-card-lbl {\r\n  font-size: 10px !important;\r\n  letter-spacing: .2em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,.3) !important;\r\n  white-space: nowrap;\r\n  font-family: 'DM Sans', sans-serif !important;\r\n}\r\n#kd3 .kd3-card-hline {\r\n  flex: 1;\r\n  height: 1px !important;\r\n  background: linear-gradient(90deg, transparent, rgba(228,21,30,.4));\r\n}\r\n\r\n\/* Fields *\/\r\n#kd3 .kd3-field {\r\n  margin-bottom: 20px !important;\r\n  display: block !important;\r\n}\r\n#kd3 .kd3-lbl {\r\n  display: block !important;\r\n  font-size: 10px !important;\r\n  letter-spacing: .16em;\r\n  text-transform: uppercase;\r\n  color: rgba(255,255,255,.32) !important;\r\n  margin-bottom: 9px !important;\r\n  font-family: 'DM Sans', sans-serif !important;\r\n  font-weight: 400 !important;\r\n}\r\n#kd3 .kd3-inp {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  background: rgba(255,255,255,.04) !important;\r\n  border: 1px solid rgba(255,255,255,.1) !important;\r\n  border-radius: 11px !important;\r\n  padding: 15px 18px !important;\r\n  font-family: 'DM Sans', sans-serif !important;\r\n  font-size: 14px !important;\r\n  color: #FFF6FA !important;\r\n  outline: none !important;\r\n  line-height: 1.4 !important;\r\n  transition: border-color .3s, background .3s, box-shadow .3s;\r\n  -webkit-appearance: none;\r\n  appearance: none;\r\n}\r\n#kd3 .kd3-inp::placeholder { color: rgba(255,255,255,.18) !important; }\r\n#kd3 .kd3-inp:focus {\r\n  border-color: #E4151E !important;\r\n  background: rgba(228,21,30,.065) !important;\r\n  box-shadow: 0 0 0 4px rgba(228,21,30,.14), 0 8px 30px rgba(228,21,30,.1) !important;\r\n}\r\n#kd3 .kd3-sel-wrap {\r\n  position: relative; display: block !important;\r\n}\r\n#kd3 .kd3-sel-wrap .kd3-inp { cursor: pointer; padding-right: 42px !important; }\r\n#kd3 .kd3-sel-wrap option { background: #1a0a0e; color: #fff; }\r\n#kd3 .kd3-chev {\r\n  position: absolute; right: 15px; top: 50%;\r\n  transform: translateY(-50%); pointer-events: none;\r\n}\r\n\r\n\/* Button *\/\r\n#kd3 .kd3-btn {\r\n  display: flex !important;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px !important;\r\n  width: 100% !important;\r\n  background: #E4151E !important;\r\n  color: #fff !important;\r\n  border: none !important;\r\n  border-radius: 12px !important;\r\n  padding: 19px 32px !important;\r\n  font-family: 'Anton', sans-serif !important;\r\n  font-size: 17px !important;\r\n  letter-spacing: .08em !important;\r\n  text-transform: uppercase !important;\r\n  cursor: pointer !important;\r\n  margin-top: 8px !important;\r\n  position: relative; overflow: hidden;\r\n  transition: transform .25s, box-shadow .3s;\r\n}\r\n#kd3 .kd3-btn:hover {\r\n  transform: translateY(-4px) !important;\r\n  box-shadow: 0 22px 55px rgba(228,21,30,.5) !important;\r\n}\r\n#kd3 .kd3-btn svg { transition: transform .28s; }\r\n#kd3 .kd3-btn:hover svg { transform: translate(4px,-4px); }\r\n\r\n#kd3 .kd3-fine {\r\n  text-align: center !important;\r\n  font-size: 11px !important;\r\n  color: rgba(255,255,255,.2) !important;\r\n  margin-top: 16px !important;\r\n  line-height: 1.6 !important;\r\n  font-family: 'DM Sans', sans-serif !important;\r\n}\r\n\r\n\/* Success *\/\r\n#kd3 .kd3-ok {\r\n  display: none;\r\n  position: absolute; inset: 0; border-radius: 24px;\r\n  background: linear-gradient(145deg, rgba(228,21,30,.97), rgba(90,5,8,.98));\r\n  flex-direction: column;\r\n  align-items: center; justify-content: center;\r\n  gap: 14px; text-align: center; z-index: 20;\r\n  padding: 40px !important;\r\n}\r\n#kd3 .kd3-ok.on { display: flex !important; }\r\n#kd3 .kd3-ok-icon {\r\n  width: 68px; height: 68px; border-radius: 50%;\r\n  background: rgba(255,255,255,.15);\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin-bottom: 6px;\r\n}\r\n#kd3 .kd3-checkline { stroke-dasharray: 55; stroke-dashoffset: 55; }\r\n#kd3 .kd3-ok-h {\r\n  font-family: 'Anton', sans-serif !important;\r\n  font-size: 36px !important; letter-spacing: .06em;\r\n  color: #fff !important;\r\n}\r\n#kd3 .kd3-ok-p {\r\n  font-size: 14px !important; color: rgba(255,255,255,.62) !important;\r\n  line-height: 1.7 !important; font-family: 'DM Sans', sans-serif !important;\r\n}\r\n\r\n\/* Ticker *\/\r\n#kd3 .kd3-ticker {\r\n  position: relative; z-index: 10;\r\n  background: #E4151E; overflow: hidden; padding: 15px 0;\r\n}\r\n#kd3 .kd3-track {\r\n  display: flex; white-space: nowrap;\r\n  animation: kd3tick 25s linear infinite;\r\n  will-change: transform;\r\n}\r\n#kd3 .kd3-track:hover { animation-direction: reverse; }\r\n#kd3 .kd3-ti {\r\n  font-family: 'Anton', sans-serif !important;\r\n  font-size: 14px !important; letter-spacing: .07em; text-transform: uppercase;\r\n  color: rgba(255,255,255,.92) !important; padding: 0 28px;\r\n  display: inline-flex; align-items: center; gap: 28px;\r\n}\r\n#kd3 .kd3-ti::after { content: '\u2726'; font-size: 8px; }\r\n@keyframes kd3tick { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  #kd3 .kd3-body {\r\n    grid-template-columns: 1fr !important;\r\n    gap: 48px !important;\r\n    padding: 48px 32px 64px 32px !important;\r\n    min-height: auto !important;\r\n  }\r\n  #kd3 .kd3-ring { display: none !important; }\r\n  #kd3 .kd3-badge { padding: 24px 32px 0 !important; }\r\n}\r\n@media (max-width: 550px) {\r\n  #kd3 .kd3-body { padding: 36px 20px 52px 20px !important; gap: 36px !important; }\r\n  #kd3 .kd3-card { padding: 30px 22px 28px 22px !important; }\r\n  #kd3 .kd3-badge { padding: 20px 20px 0 !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  function loadJs(src,cb){\r\n    if(document.querySelector('script[src=\"'+src+'\"]')){if(cb)cb();return;}\r\n    var s=document.createElement('script');s.src=src;s.onload=cb;document.head.appendChild(s);\r\n  }\r\n\r\n  loadJs('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js',function(){\r\n    loadJs('https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js',function(){\r\n      start();\r\n    });\r\n  });\r\n\r\n  function start(){\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    \/* PARTICLES *\/\r\n    var c=document.getElementById('kd3-canvas');\r\n    if(c){\r\n      var ctx=c.getContext('2d'),pts=[];\r\n      function sz(){c.width=c.offsetWidth;c.height=c.offsetHeight;}\r\n      sz(); window.addEventListener('resize',sz);\r\n      for(var i=0;i<50;i++) pts.push({\r\n        x:Math.random()*c.width, y:Math.random()*c.height,\r\n        r:Math.random()*1.3+.3,\r\n        vx:(Math.random()-.5)*.15, vy:(Math.random()-.5)*.15,\r\n        a:Math.random()*.45+.07, red:Math.random()>.55\r\n      });\r\n      (function draw(){\r\n        ctx.clearRect(0,0,c.width,c.height);\r\n        pts.forEach(function(p){\r\n          ctx.beginPath(); ctx.arc(p.x,p.y,p.r,0,Math.PI*2);\r\n          ctx.fillStyle=p.red?'rgba(228,21,30,'+p.a+')':'rgba(250,215,227,'+(p.a*.45)+')';\r\n          ctx.fill();\r\n          p.x+=p.vx; p.y+=p.vy;\r\n          if(p.x<0||p.x>c.width)p.vx*=-1;\r\n          if(p.y<0||p.y>c.height)p.vy*=-1;\r\n        });\r\n        requestAnimationFrame(draw);\r\n      })();\r\n    }\r\n\r\n    \/* ORB PARALLAX *\/\r\n    var root=document.getElementById('kd3');\r\n    if(root){\r\n      root.addEventListener('mousemove',function(e){\r\n        var r=root.getBoundingClientRect();\r\n        var xp=((e.clientX-r.left)\/r.width-.5)*50;\r\n        var yp=((e.clientY-r.top)\/r.height-.5)*50;\r\n        gsap.to('.o1',{x:xp*.5,y:yp*.5,duration:2.8,ease:'power1.out'});\r\n        gsap.to('.o2',{x:-xp*.35,y:-yp*.35,duration:3.2,ease:'power1.out'});\r\n      });\r\n    }\r\n\r\n    \/* ENTRANCE *\/\r\n    gsap.set(['#kd3-badge','#kd3-pills','#kd3-sub','#kd3-proof'],{opacity:0,y:18});\r\n    gsap.set('#kd3-card',{opacity:0,y:45});\r\n\r\n    var tl=gsap.timeline({defaults:{ease:'power3.out'}});\r\n    tl.to('#kd3-badge',{opacity:1,y:0,duration:.6},0)\r\n      .to('#kd3-pills',{opacity:1,y:0,duration:.6},.2)\r\n      .to('.kd3-w',{y:'0%',duration:1.1,stagger:.1,ease:'expo.out'},.3)\r\n      .to('#kd3-sub',{opacity:1,y:0,duration:.8},.9)\r\n      .to('#kd3-proof',{opacity:1,y:0,duration:.7},1.1)\r\n      .to('#kd3-card',{opacity:1,y:0,duration:.95,ease:'back.out(1.3)'},.75);\r\n\r\n    \/* INPUT MICRO *\/\r\n    document.querySelectorAll('.kd3-inp').forEach(function(inp){\r\n      inp.addEventListener('focus',function(){gsap.to(inp,{scaleX:1.012,scaleY:1.012,duration:.2});});\r\n      inp.addEventListener('blur', function(){gsap.to(inp,{scaleX:1,scaleY:1,duration:.22});});\r\n    });\r\n\r\n    \/* BTN MAGNETIC *\/\r\n    var btn=document.getElementById('kd3-btn');\r\n    if(btn){\r\n      btn.addEventListener('mousemove',function(e){\r\n        var r=btn.getBoundingClientRect();\r\n        var dx=e.clientX-(r.left+r.width\/2);\r\n        var dy=e.clientY-(r.top+r.height\/2);\r\n        gsap.to(btn,{x:dx*.15,y:dy*.15,duration:.3,ease:'power2.out'});\r\n      });\r\n      btn.addEventListener('mouseleave',function(){\r\n        gsap.to(btn,{x:0,y:0,duration:.5,ease:'elastic.out(1,.4)'});\r\n      });\r\n    }\r\n  }\r\n\r\n  \/* SUBMIT *\/\r\n  window.kd3Go=function(){\r\n    var n=document.getElementById('kd3-name');\r\n    var e=document.getElementById('kd3-email');\r\n    var card=document.getElementById('kd3-card');\r\n    if(!n||!e||!n.value.trim()||!e.value.trim()){\r\n      if(window.gsap){\r\n        gsap.fromTo(card,{x:-9},{x:9,duration:.065,yoyo:true,repeat:8,ease:'none',\r\n          onComplete:function(){gsap.set(card,{x:0});}});\r\n        [n,e].forEach(function(inp){\r\n          if(inp&&!inp.value.trim()){\r\n            inp.style.borderColor='#E4151E';\r\n            inp.style.boxShadow='0 0 0 4px rgba(228,21,30,.2)';\r\n            gsap.fromTo(inp,{borderColor:'rgba(255,255,255,.1)'},\r\n              {borderColor:'#E4151E',duration:.15,repeat:3,yoyo:true});\r\n          }\r\n        });\r\n      }\r\n      return;\r\n    }\r\n    var ok=document.getElementById('kd3-ok');\r\n    ok.classList.add('on');\r\n    if(window.gsap){\r\n      gsap.from(ok,{opacity:0,scale:.86,duration:.55,ease:'back.out(1.6)'});\r\n      gsap.from('#kd3-ok .kd3-ok-icon',{scale:0,rotation:-15,duration:.6,delay:.2,ease:'elastic.out(1.3,.5)'});\r\n      gsap.from('#kd3-ok .kd3-ok-h',{y:18,opacity:0,duration:.45,delay:.35,ease:'power3.out'});\r\n      gsap.from('#kd3-ok .kd3-ok-p',{y:12,opacity:0,duration:.45,delay:.5,ease:'power3.out'});\r\n      gsap.to('#kd3-ok .kd3-checkline',{strokeDashoffset:0,duration:.65,delay:.38,ease:'power2.out'});\r\n    }\r\n  };\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>COMING SOON MARKETING SOCIAL Art Direction STAY AHEAD OF WHAT&#8217;S NEXT Join the brands that refuse the ordinary. Get our creative insights, bold design trends and exclusive projects \u2014 before anyone else. M S T A 120+ brands already inside Don&#8217;t miss your spot KREATIVE DUO \u00b7 CREATIVE AGENCY \u00b7 STAY AHEAD \u00b7 Get Exclusive [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kreative-duo.com\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kreative-duo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kreative-duo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kreative-duo.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kreative-duo.com\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":19,"href":"https:\/\/kreative-duo.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/kreative-duo.com\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/kreative-duo.com\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}