{"id":7026,"date":"2026-07-21T05:05:36","date_gmt":"2026-07-21T05:05:36","guid":{"rendered":"https:\/\/assistyu.com\/?page_id=7026"},"modified":"2026-08-03T18:05:56","modified_gmt":"2026-08-03T18:05:56","slug":"partnerships","status":"publish","type":"page","link":"https:\/\/assistyu.com\/it\/partnerships\/","title":{"rendered":"Partner with AssistYu"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\n\n\n \n \n AssistYu \u2014 Partners<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n\n <style>\n \/* ============================================================\n EXACT AYU SCHEMA \u2014 Background Layers & Reset\n ============================================================ *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n :root {\n --ayu-bg-deep: #060815;\n --ayu-bg-navy: #090d24;\n --ayu-bg-navy-2: #0b1130;\n --ayu-text-primary: #ffffff;\n --ayu-text-secondary: #d4daff;\n --ayu-text-tertiary: #bcc4f0;\n --glass-border: rgba(79, 110, 247, 0.15);\n --border: rgba(79, 110, 247, 0.18);\n --border-strong: rgba(79, 110, 247, 0.30);\n --cyan: #4f6ef7;\n --blue: #4f6ef7;\n --violet: #8a6bff;\n --danger: #ff3d68;\n --safe: #22e6a8;\n --amber: #ffb84d;\n --font-display: 'Space Grotesk', sans-serif;\n --font-body: 'Inter', sans-serif;\n \n \/* Partner page specific *\/\n --indigo: #6366f1;\n --bg: #05070f;\n --text: #ffffff;\n --text-dim: #d0d5ed;\n --text-dimmer: #9aa2c4;\n --border-2: rgba(255, 255, 255, 0.12);\n --grad: linear-gradient(120deg, var(--cyan), var(--indigo) 60%, var(--violet));\n }\n\n html,\n body {\n min-height: 100vh;\n background: #060815;\n color: var(--ayu-text-primary);\n font-family: var(--font-body);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n position: relative;\n isolation: isolate;\n overflow-x: hidden;\n }\n\n ::selection {\n background: var(--cyan);\n color: #04060d;\n }\n\n \/* \u2500\u2500 PAGE BACKGROUND \u2500\u2500 *\/\n .page-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n background: linear-gradient(180deg, #060815 0%, #060815 20%, #090d24 50%, #060815 80%, #060815 100%);\n }\n\n \/* \u2500\u2500 BACKGROUND LAYERS \u2500\u2500 *\/\n .bg-layers {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);\n -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);\n }\n\n .ayu-bg-world {\n position: fixed;\n inset: 0;\n background-image: url('https:\/\/assistyu.com\/wp-content\/uploads\/2026\/07\/scan-network-scaled.jpeg?w=1600&q=80');\n background-size: cover;\n background-position: center;\n opacity: 0.10;\n mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, black 20%, transparent 75%);\n -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, black 20%, transparent 75%);\n pointer-events: none;\n z-index: 0;\n }\n\n .ayu-bg-dots {\n position: absolute;\n inset: 0;\n background-image: radial-gradient(circle at 1px 1px, rgba(79, 110, 247, 0.08) 1px, transparent 1px);\n background-size: 48px 48px;\n mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, black 20%, transparent 70%);\n -webkit-mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, black 20%, transparent 70%);\n }\n\n .ayu-bg-glow {\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse 50% 40% at 15% 15%, rgba(79, 110, 247, 0.12), transparent 55%),\n radial-gradient(ellipse 35% 30% at 50% 50%, rgba(236, 72, 153, 0.04), transparent 60%),\n radial-gradient(ellipse 50% 40% at 70% 20%, rgba(34, 211, 238, 0.06), transparent 50%);\n }\n\n .ayu-bg-orb-1 {\n position: absolute;\n width: 400px;\n height: 400px;\n top: 10%;\n left: 5%;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(79, 110, 247, 0.06) 0%, transparent 70%);\n animation: ayuOrbFloat1 20s ease-in-out infinite;\n }\n\n .ayu-bg-orb-2 {\n position: absolute;\n width: 300px;\n height: 300px;\n bottom: 15%;\n right: 10%;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(139, 92, 246, 0.06) 0%, transparent 70%);\n animation: ayuOrbFloat2 25s ease-in-out infinite;\n }\n\n @keyframes ayuOrbFloat1 {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 33% { transform: translate(30px, -20px) scale(1.05); }\n 66% { transform: translate(-15px, 15px) scale(0.95); }\n }\n\n @keyframes ayuOrbFloat2 {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 33% { transform: translate(-20px, 25px) scale(1.08); }\n 66% { transform: translate(25px, -10px) scale(0.92); }\n }\n\n .ayu-content-overlay {\n position: relative;\n z-index: 1;\n }\n\n \/* ============================================================\n CONTAINER WITH EXACT 80PX TOP PADDING & MOBILE ADAPTATION\n ============================================================ *\/\n .container {\n max-width: 1300px;\n margin: 0 auto;\n padding: 80px 30px 64px; \/* EXACTLY 80PX TOP INTERIOR PADDING *\/\n position: relative;\n z-index: 2;\n }\n\n @media (max-width: 991px) {\n .container {\n padding-top: 80px;\n padding-left: 20px;\n padding-right: 20px;\n }\n }\n\n @media (max-width: 768px) {\n .container {\n padding-top: 80px;\n padding-left: 16px;\n padding-right: 16px;\n }\n }\n\n \/* ---------- GLASS & UTILITIES ---------- *\/\n .glass {\n background: rgba(255, 255, 255, 0.03);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border: 1px solid var(--border);\n border-radius: 24px;\n position: relative;\n }\n\n .grad-text {\n background: var(--grad);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n }\n\n .grad-bg {\n background: var(--grad);\n }\n\n .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(79, 110, 247, 0.1);\n border: 1px solid rgba(79, 110, 247, 0.22);\n color: #c3caff;\n font-size: 11.5px;\n font-weight: 600;\n text-transform: uppercase;\n padding: 6px 16px 6px 12px;\n border-radius: 999px;\n letter-spacing: 0.05em;\n }\n\n .eyebrow .dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: var(--grad);\n flex-shrink: 0;\n box-shadow: 0 0 8px var(--cyan);\n animation: pulseGlow 2s infinite;\n }\n\n @keyframes pulseGlow {\n 0%, 100% { opacity: 0.5; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.3); }\n }\n\n .section {\n padding: 80px 0;\n }\n\n @media (max-width: 768px) {\n .section {\n padding: 50px 0;\n }\n }\n\n .section-head {\n text-align: center;\n max-width: 680px;\n margin: 0 auto 56px;\n }\n\n .section-head h2 {\n font-family: var(--font-display);\n font-size: clamp(26px, 4vw, 42px);\n font-weight: 700;\n letter-spacing: -0.015em;\n line-height: 1.15;\n margin-top: 18px;\n color: var(--text);\n }\n\n .section-head p {\n color: var(--text-dim);\n font-size: clamp(14px, 2vw, 16px);\n margin-top: 16px;\n line-height: 1.65;\n }\n\n \/* ---------- REVEAL ---------- *\/\n .reveal {\n opacity: 0;\n transform: translateY(24px);\n transition: all .8s cubic-bezier(.2, .9, .3, 1);\n }\n\n .reveal.in {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* ---------- HERO ---------- *\/\n .hero-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 50px;\n align-items: center;\n padding: 10px 0 80px;\n }\n\n @media (min-width: 992px) {\n .hero-grid {\n grid-template-columns: 1.05fr 0.95fr;\n gap: 56px;\n }\n }\n\n @media (max-width: 768px) {\n .hero-grid {\n text-align: center;\n gap: 40px;\n padding-bottom: 32px;\n }\n }\n\n .hero-content h1 {\n font-family: var(--font-display);\n font-size: clamp(32px, 5.2vw, 56px);\n font-weight: 800;\n line-height: 1.08;\n letter-spacing: -0.025em;\n margin-top: 20px;\n color: var(--text);\n }\n\n .hero-content p {\n color: var(--text-dim);\n font-size: clamp(15px, 2vw, 18px);\n margin-top: 24px;\n max-width: 540px;\n line-height: 1.7;\n }\n\n @media (max-width: 768px) {\n .hero-content p {\n margin-left: auto;\n margin-right: auto;\n }\n }\n\n .hero-btns {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin-top: 36px;\n }\n\n @media (max-width: 768px) {\n .hero-btns {\n justify-content: center;\n }\n }\n\n @media (max-width: 480px) {\n .hero-btns {\n flex-direction: column;\n align-items: center;\n gap: 12px;\n }\n .hero-btns a {\n width: 100%;\n max-width: 280px;\n text-align: center;\n }\n }\n\n .btn-primary {\n background: var(--grad);\n color: #060815;\n font-weight: 700;\n padding: 15px 32px;\n border-radius: 999px;\n border: none;\n font-size: 16px;\n box-shadow: 0 8px 30px -8px rgba(79, 110, 247, 0.6);\n transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n\n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 15px 38px -8px rgba(79, 110, 247, 0.8);\n color: #060815;\n }\n\n .btn-outline {\n border: 1px solid rgba(255, 255, 255, 0.18);\n color: var(--text);\n padding: 15px 32px;\n border-radius: 999px;\n font-weight: 600;\n font-size: 16px;\n transition: all 0.2s ease;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n }\n\n .btn-outline:hover {\n border-color: rgba(255, 255, 255, 0.4);\n background: rgba(255, 255, 255, 0.05);\n color: var(--text);\n }\n\n \/* ---------- LIVING DYNAMIC HERO DASHBOARD VIEW ---------- *\/\n .hero-visual {\n position: relative;\n }\n\n .interactive-dashboard {\n background: rgba(11, 17, 48, 0.35);\n border: 1px solid rgba(79, 110, 247, 0.2);\n border-radius: 24px;\n box-shadow: 0 25px 65px -15px rgba(6, 8, 21, 0.8),\n inset 0 0 40px rgba(79, 110, 247, 0.05);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n overflow: hidden;\n width: 100%;\n max-width: 560px;\n margin: 0 auto;\n transition: all 0.4s ease;\n }\n\n .interactive-dashboard::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background: var(--grad);\n }\n\n \/* Dashboard Header *\/\n .dash-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 16px 20px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n background: rgba(6, 8, 21, 0.3);\n }\n\n .dash-title-wrap {\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .dash-header-icon {\n color: var(--cyan);\n display: flex;\n align-items: center;\n }\n\n .dash-header-icon svg {\n width: 18px;\n height: 18px;\n }\n\n .dash-header-title {\n font-family: var(--font-display);\n font-size: 13px;\n font-weight: 700;\n color: var(--text);\n letter-spacing: 0.01em;\n }\n\n .dash-status {\n display: flex;\n align-items: center;\n gap: 6px;\n font-size: 10px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--safe);\n background: rgba(34, 230, 168, 0.08);\n border: 1px solid rgba(34, 230, 168, 0.18);\n padding: 4px 10px;\n border-radius: 999px;\n }\n\n .status-dot {\n width: 6px;\n height: 6px;\n background-color: var(--safe);\n border-radius: 50%;\n box-shadow: 0 0 8px var(--safe);\n animation: pulseGlow 1.5s infinite;\n }\n\n \/* Widget Content *\/\n .dash-content {\n padding: 24px;\n }\n\n @media (max-width: 640px) {\n .dash-content {\n padding: 16px;\n }\n }\n\n \/* Micro metrics with Mobile Vertical Stack adaptation *\/\n .metrics-row {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n margin-bottom: 24px;\n }\n\n @media (max-width: 600px) {\n .metrics-row {\n grid-template-columns: 1fr; \/* Stack vertically for perfect text legibility on small mobile *\/\n gap: 12px;\n }\n }\n\n .metric-box {\n background: rgba(255, 255, 255, 0.02);\n border: 1px solid rgba(255, 255, 255, 0.05);\n border-radius: 14px;\n padding: 12px;\n position: relative;\n transition: all 0.3s ease;\n overflow: hidden;\n }\n\n .metric-box:hover {\n transform: translateY(-2px);\n border-color: rgba(79, 110, 247, 0.15);\n background: rgba(255, 255, 255, 0.04);\n }\n\n .metric-box span {\n display: block;\n font-size: 9px;\n color: var(--text-dimmer);\n text-transform: uppercase;\n font-weight: 600;\n letter-spacing: 0.03em;\n white-space: nowrap;\n }\n\n .metric-box h4 {\n font-family: var(--font-display);\n font-size: clamp(14px, 3.5vw, 16px);\n font-weight: 800;\n color: var(--text);\n margin-top: 4px;\n transition: all 0.15s ease;\n }\n\n \/* Glowing Micro-pops for Live Transactions & Signups *\/\n .sale-pop {\n position: absolute;\n top: 10px;\n right: 10px;\n background: rgba(34, 230, 168, 0.15);\n border: 1px solid rgba(34, 230, 168, 0.3);\n color: var(--safe);\n font-family: var(--font-display);\n font-size: 9px;\n font-weight: 700;\n padding: 2px 6px;\n border-radius: 6px;\n opacity: 0;\n transform: translateY(8px);\n transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);\n pointer-events: none;\n }\n .sale-pop.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .partner-pop {\n position: absolute;\n top: 10px;\n right: 10px;\n background: rgba(79, 110, 247, 0.15);\n border: 1px solid rgba(79, 110, 247, 0.3);\n color: var(--cyan);\n font-family: var(--font-display);\n font-size: 9px;\n font-weight: 700;\n padding: 2px 6px;\n border-radius: 6px;\n opacity: 0;\n transform: translateY(8px);\n transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);\n pointer-events: none;\n }\n .partner-pop.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n .metric-box h4.flash-green {\n color: var(--safe) !important;\n text-shadow: 0 0 10px rgba(34, 230, 168, 0.4);\n }\n\n .metric-box h4.flash-cyan {\n color: var(--cyan) !important;\n text-shadow: 0 0 10px rgba(79, 110, 247, 0.4);\n }\n\n .metric-trend {\n font-size: 9.5px !important;\n font-weight: 700;\n margin-top: 3px;\n display: inline-flex !important;\n align-items: center;\n gap: 2px;\n transition: all 0.3s ease;\n }\n\n .trend-up { color: var(--safe) !important; }\n\n \/* Graph Visual *\/\n .graph-container {\n background: rgba(0, 0, 0, 0.2);\n border: 1px solid rgba(255, 255, 255, 0.05);\n border-radius: 16px;\n padding: 18px;\n position: relative;\n }\n\n @media (max-width: 480px) {\n .graph-container {\n padding: 12px;\n }\n }\n\n .graph-header {\n display: flex;\n justify-content: space-between;\n margin-bottom: 12px;\n }\n\n .graph-title {\n font-size: 10px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.02em;\n color: var(--text-dim);\n }\n\n .graph-legend {\n display: flex;\n gap: 10px;\n font-size: 9.5px;\n color: var(--text-dimmer);\n }\n\n .legend-item {\n display: flex;\n align-items: center;\n gap: 4px;\n }\n\n .legend-color {\n width: 6px;\n height: 6px;\n background: var(--cyan);\n border-radius: 50%;\n }\n\n .chart-svg {\n width: 100%;\n height: 145px;\n display: block;\n overflow: visible;\n }\n\n \/* Chart Days Labels styling *\/\n .chart-label {\n font-size: 8.5px;\n font-family: var(--font-body);\n font-weight: 600;\n fill: var(--text-dimmer);\n }\n\n \/* ---------- STATS BAND ---------- *\/\n .stats-band {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n padding: 48px 24px;\n border-radius: 24px;\n background: rgba(255, 255, 255, 0.02);\n border: 1px solid var(--border);\n position: relative;\n margin-bottom: 40px;\n }\n\n @media (min-width: 768px) {\n .stats-band {\n grid-template-columns: repeat(4, 1fr);\n gap: 32px;\n padding: 56px 40px;\n }\n }\n\n @media (max-width: 480px) {\n .stats-band {\n gap: 16px;\n padding: 32px 16px;\n }\n }\n\n .stat-item {\n text-align: center;\n transition: transform 0.3s ease;\n }\n\n .stat-item:hover {\n transform: translateY(-4px);\n }\n\n .stat-item .number {\n font-family: var(--font-display);\n font-size: clamp(28px, 4vw, 44px);\n font-weight: 800;\n letter-spacing: -0.02em;\n color: var(--text);\n line-height: 1.1;\n }\n\n .stat-item .label {\n color: var(--text-dim);\n font-size: 13px;\n margin-top: 6px;\n font-weight: 500;\n }\n\n \/* ---------- BENEFITS ---------- *\/\n .benefits-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n margin-top: 20px;\n }\n\n @media (min-width: 768px) {\n .benefits-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (min-width: 992px) {\n .benefits-grid {\n grid-template-columns: repeat(4, 1fr);\n }\n }\n\n .benefit-card {\n padding: 36px 24px 30px;\n border-radius: 22px;\n background: rgba(255, 255, 255, 0.02);\n border: 1px solid var(--border);\n transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .benefit-card::before {\n content: '';\n position: absolute;\n inset: -1px;\n border-radius: 22px;\n padding: 1px;\n background: var(--grad);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n opacity: 0;\n transition: opacity .4s ease;\n }\n\n .benefit-card:hover::before {\n opacity: 0.6;\n }\n\n .benefit-card:hover {\n transform: translateY(-6px);\n background: rgba(11, 17, 48, 0.25);\n border-color: transparent;\n box-shadow: 0 15px 35px -10px rgba(79, 110, 247, 0.15);\n }\n\n .benefit-card .icon-wrapper-svg {\n width: 50px;\n height: 50px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 14px;\n background: rgba(79, 110, 247, 0.08);\n border: 1px solid rgba(79, 110, 247, 0.2);\n margin-bottom: 18px;\n color: var(--cyan);\n transition: all 0.3s ease;\n }\n\n .benefit-card:hover .icon-wrapper-svg {\n background: var(--grad);\n color: #060815;\n transform: scale(1.05) rotate(3deg);\n box-shadow: 0 0 15px rgba(79, 110, 247, 0.3);\n }\n\n .benefit-card .icon-wrapper-svg svg {\n width: 24px;\n height: 24px;\n fill: none;\n stroke: currentColor;\n stroke-width: 1.8;\n }\n\n .benefit-card h3 {\n font-family: var(--font-display);\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 10px;\n color: var(--text);\n letter-spacing: -0.01em;\n }\n\n .benefit-card p {\n color: var(--text-dim);\n font-size: 13.5px;\n line-height: 1.6;\n }\n\n \/* ---------- PROGRAMS ---------- *\/\n .programs-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 28px;\n margin-top: 20px;\n }\n\n @media (min-width: 768px) {\n .programs-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 28px;\n }\n }\n\n .program-card {\n padding: 40px 30px 32px;\n border-radius: 24px;\n background: rgba(255, 255, 255, 0.02);\n border: 1px solid var(--border);\n transition: all 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);\n position: relative;\n display: flex;\n flex-direction: column;\n }\n\n .program-card:hover {\n transform: translateY(-6px);\n border-color: rgba(79, 110, 247, 0.25);\n background: rgba(11, 17, 48, 0.25);\n box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.4);\n }\n\n .program-card .badge {\n position: absolute;\n top: 24px;\n right: 24px;\n font-size: 10px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n padding: 5px 12px;\n border-radius: 999px;\n background: rgba(79, 110, 247, 0.12);\n color: #a8b4ff;\n border: 1px solid rgba(79, 110, 247, 0.2);\n }\n\n \/* Featured (Popular) Card glowing border animation *\/\n .program-card.featured {\n border-color: rgba(79, 110, 247, 0.35);\n box-shadow: 0 16px 48px -16px rgba(79, 110, 247, 0.25);\n background: rgba(11, 17, 48, 0.4);\n }\n\n .program-card.featured::after {\n content: '';\n position: absolute;\n inset: -1px;\n border-radius: 24px;\n padding: 1.5px;\n background: var(--grad);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n z-index: 1;\n }\n\n .program-card.featured .badge {\n background: var(--grad);\n color: #060815;\n border: none;\n font-weight: 800;\n box-shadow: 0 4px 12px rgba(79, 110, 247, 0.3);\n }\n\n .program-card .p-icon-wrapper {\n width: 56px;\n height: 56px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 16px;\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.08);\n margin-bottom: 24px;\n color: var(--text);\n transition: all 0.3s ease;\n }\n\n .program-card:hover .p-icon-wrapper {\n transform: scale(1.05);\n border-color: var(--cyan);\n box-shadow: 0 0 15px rgba(79, 110, 247, 0.15);\n }\n\n .program-card.featured .p-icon-wrapper {\n background: rgba(79, 110, 247, 0.1);\n border-color: rgba(79, 110, 247, 0.3);\n color: var(--cyan);\n }\n\n .program-card .p-icon-wrapper svg {\n width: 28px;\n height: 28px;\n fill: none;\n stroke: currentColor;\n stroke-width: 1.8;\n }\n\n .program-card h3 {\n font-family: var(--font-display);\n font-size: 22px;\n font-weight: 700;\n color: var(--text);\n letter-spacing: -0.01em;\n }\n\n .program-card .price {\n font-family: var(--font-display);\n font-size: 30px;\n font-weight: 800;\n margin: 10px 0 4px;\n color: var(--text);\n }\n\n .program-card .price small {\n font-size: 13px;\n font-weight: 400;\n color: var(--text-dimmer);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-left: 2px;\n }\n\n .program-card .desc {\n color: var(--text-dim);\n font-size: 13.5px;\n margin-bottom: 24px;\n line-height: 1.5;\n }\n\n .program-card ul {\n list-style: none;\n padding: 0;\n margin: 0 0 32px;\n flex: 1;\n }\n\n .program-card ul li {\n font-size: 13.5px;\n color: var(--text-dim);\n padding: 8px 0;\n border-bottom: 1px solid rgba(255, 255, 255, 0.03);\n display: flex;\n align-items: center;\n gap: 12px;\n }\n\n .program-card ul li:last-child {\n border-bottom: none;\n }\n\n .program-card ul li svg {\n width: 16px;\n height: 16px;\n stroke: var(--cyan);\n fill: none;\n stroke-width: 2.5;\n flex-shrink: 0;\n }\n\n .program-card .cta-link {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 14px;\n border-radius: 999px;\n font-weight: 700;\n font-size: 14px;\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid var(--border);\n transition: all 0.25s ease;\n margin-top: auto;\n color: var(--text);\n }\n\n .program-card .cta-link:hover {\n background: rgba(255, 255, 255, 0.08);\n border-color: rgba(255, 255, 255, 0.3);\n color: var(--text);\n }\n\n .program-card.featured .cta-link {\n background: var(--grad);\n color: #060815;\n border: none;\n box-shadow: 0 5px 15px -5px rgba(79, 110, 247, 0.4);\n }\n\n .program-card.featured .cta-link:hover {\n transform: translateY(-1px);\n box-shadow: 0 8px 20px -5px rgba(79, 110, 247, 0.6);\n }\n\n \/* ---------- INTERACTIVE FAQ SECTION ---------- *\/\n .faq-container {\n max-width: 800px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n .faq-card {\n background: rgba(255, 255, 255, 0.02);\n border: 1px solid var(--border);\n border-radius: 18px;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .faq-card:hover {\n background: rgba(255, 255, 255, 0.04);\n border-color: rgba(79, 110, 247, 0.25);\n }\n\n .faq-question-btn {\n width: 100%;\n background: transparent;\n border: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 22px 28px;\n color: var(--text);\n font-family: var(--font-display);\n font-size: 16px;\n font-weight: 700;\n text-align: left;\n cursor: pointer;\n }\n\n .faq-icon-holder {\n width: 32px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid rgba(255, 255, 255, 0.08);\n color: var(--cyan);\n transition: all 0.3s ease;\n flex-shrink: 0;\n }\n\n .faq-card:hover .faq-icon-holder {\n background: rgba(79, 110, 247, 0.15);\n color: var(--text);\n }\n\n .faq-icon-holder svg {\n width: 12px;\n height: 12px;\n fill: none;\n stroke: currentColor;\n stroke-width: 2.5;\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n \/* Open State styling *\/\n .faq-card.open {\n border-color: rgba(79, 110, 247, 0.3);\n background: rgba(11, 17, 48, 0.15);\n }\n\n .faq-card.open .faq-icon-holder svg {\n transform: rotate(180deg);\n }\n\n .faq-answer-wrapper {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .faq-answer {\n padding: 0 28px 24px 28px;\n color: var(--text-dim);\n font-size: 14.5px;\n line-height: 1.6;\n }\n\n \/* ---------- ADVANCED CTA APPLICATION FORM ---------- *\/\n .cta-outer {\n position: relative;\n overflow: hidden;\n border-radius: 32px;\n padding: 64px 40px;\n background: linear-gradient(135deg, rgba(11, 17, 36, 0.6) 0%, rgba(6, 10, 22, 0.8) 100%);\n border: 1px solid rgba(79, 110, 247, 0.25);\n isolation: isolate;\n box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.7);\n }\n\n @media (max-width: 768px) {\n .cta-outer {\n padding: 48px 24px;\n border-radius: 24px;\n }\n }\n\n .cta-outer::before {\n content: '';\n position: absolute;\n inset: 0;\n z-index: -1;\n background:\n radial-gradient(circle at 10% 20%, rgba(79, 110, 247, 0.18), transparent 45%),\n radial-gradient(circle at 90% 80%, rgba(138, 107, 255, 0.15), transparent 45%);\n animation: glowPulse 8s ease-in-out infinite alternate;\n }\n\n @keyframes glowPulse {\n 0% { opacity: 0.7; transform: scale(1); }\n 100% { opacity: 1; transform: scale(1.05); }\n }\n\n .cta-outer::after {\n content: '';\n position: absolute;\n inset: -1.5px;\n border-radius: 32px;\n padding: 1.5px;\n background: var(--grad);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n pointer-events: none;\n opacity: 0.45;\n z-index: 0;\n }\n\n .cta-inner {\n position: relative;\n z-index: 1;\n text-align: center;\n }\n\n .cta-inner h2 {\n font-family: var(--font-display);\n font-size: clamp(26px, 4.4vw, 42px);\n font-weight: 800;\n letter-spacing: -0.015em;\n color: var(--text);\n }\n\n .cta-inner p {\n color: var(--text-dim);\n max-width: 600px;\n margin: 16px auto 0;\n font-size: 15px;\n line-height: 1.65;\n }\n\n \/* Custom Advanced Application Form styling *\/\n .cta-advanced-form {\n max-width: 650px;\n margin: 36px auto 0;\n display: flex;\n flex-direction: column;\n gap: 16px;\n text-align: left;\n }\n\n .form-row {\n display: grid;\n grid-template-columns: 1fr;\n gap: 16px;\n }\n\n @media (min-width: 640px) {\n .form-row {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n .form-group {\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n\n .form-group label {\n font-size: 11.5px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--text-dim);\n padding-left: 4px;\n }\n\n .form-group input,\n .form-group select {\n padding: 14px 20px;\n border-radius: 14px;\n background: rgba(0, 0, 0, 0.4);\n border: 1px solid var(--border);\n color: var(--text);\n font-family: inherit;\n font-size: 14px;\n transition: all 0.2s ease;\n width: 100%;\n }\n\n .form-group select {\n cursor: pointer;\n -webkit-appearance: none;\n appearance: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' viewBox='0 0 24 24' stroke='%23bcc4f0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 20px center;\n background-size: 16px;\n padding-right: 48px;\n }\n\n .form-group select option {\n background-color: var(--ayu-bg-navy-2);\n color: var(--text);\n }\n\n .form-group input::placeholder {\n color: var(--text-dimmer);\n }\n\n .form-group input:focus,\n .form-group select:focus {\n outline: none;\n border-color: var(--cyan);\n box-shadow: 0 0 15px rgba(79, 110, 247, 0.2);\n background: rgba(0, 0, 0, 0.5);\n }\n\n .form-checkbox-label {\n font-size: 13px;\n color: var(--text-dimmer);\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 10px;\n user-select: none;\n margin-top: 6px;\n padding-left: 4px;\n }\n\n .form-checkbox-label input {\n accent-color: var(--cyan);\n width: 16px;\n height: 16px;\n cursor: pointer;\n }\n\n .form-submit-btn {\n background: var(--grad);\n color: #060815;\n font-weight: 700;\n padding: 15px 32px;\n border-radius: 999px;\n border: none;\n font-size: 16px;\n box-shadow: 0 8px 25px -8px rgba(79, 110, 247, 0.5);\n transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n margin-top: 14px;\n cursor: pointer;\n }\n\n .form-submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 15px 35px -8px rgba(79, 110, 247, 0.7);\n color: #060815;\n }\n\n .form-submit-btn svg {\n width: 16px;\n height: 16px;\n fill: none;\n stroke: currentColor;\n stroke-width: 2.5;\n transition: transform 0.2s ease;\n }\n\n .form-submit-btn:hover svg {\n transform: translateX(4px);\n }\n\n .cta-footnote {\n font-size: 13px;\n color: var(--text-dimmer);\n margin-top: 24px;\n font-weight: 500;\n }\n\n \/* Custom Styled Success Screen *\/\n .success-overlay {\n display: none;\n position: absolute;\n inset: 0;\n background: rgba(6, 8, 21, 0.95);\n backdrop-filter: blur(16px);\n z-index: 10;\n align-items: center;\n justify-content: center;\n animation: fadeIn 0.4s ease forwards;\n }\n\n .success-box {\n text-align: center;\n max-width: 440px;\n padding: 30px;\n transform: translateY(20px);\n animation: slideUp 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;\n }\n\n @keyframes slideUp {\n to { transform: translateY(0); }\n }\n\n .success-badge-pulse {\n width: 72px;\n height: 72px;\n background: rgba(34, 230, 168, 0.1);\n border: 1px solid rgba(34, 230, 168, 0.3);\n border-radius: 50%;\n color: var(--safe);\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 20px;\n position: relative;\n }\n\n .success-badge-pulse::before {\n content: '';\n position: absolute;\n inset: -8px;\n border-radius: 50%;\n background: radial-gradient(circle, rgba(34, 230, 168, 0.15) 0%, transparent 70%);\n animation: pulsePulse 1.8s infinite;\n }\n\n @keyframes pulsePulse {\n 0%, 100% { transform: scale(1); opacity: 0.5; }\n 50% { transform: scale(1.3); opacity: 0; }\n }\n\n .success-badge-pulse svg {\n width: 32px;\n height: 32px;\n fill: none;\n stroke: currentColor;\n stroke-width: 3;\n }\n\n .success-box h3 {\n font-family: var(--font-display);\n font-size: 24px;\n font-weight: 700;\n color: var(--text);\n margin-bottom: 12px;\n }\n\n .success-box p {\n color: var(--text-dim);\n font-size: 14px;\n line-height: 1.6;\n }\n\n \/* ---------- REDUCED MOTION ---------- *\/\n @media (prefers-reduced-motion: reduce) {\n .reveal {\n opacity: 1;\n transform: none;\n transition: none;\n }\n .cta-outer::before,\n .benefit-card::before,\n .ayu-bg-orb-1,\n .ayu-bg-orb-2 {\n animation: none;\n }\n .benefit-card:hover,\n .program-card:hover,\n .btn-primary:hover,\n .form-submit-btn:hover {\n transform: none;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n\n <!-- \u2500\u2500 PAGE BACKGROUND \u2500\u2500 -->\n <div class=\"page-bg\"><\/div>\n\n <!-- \u2500\u2500 BACKGROUND LAYERS \u2500\u2500 -->\n <div class=\"bg-layers\">\n <div class=\"ayu-bg-world\"><\/div>\n <div class=\"ayu-bg-dots\"><\/div>\n <div class=\"ayu-bg-glow\"><\/div>\n <div class=\"ayu-bg-orb-1\"><\/div>\n <div class=\"ayu-bg-orb-2\"><\/div>\n <\/div>\n\n <div class=\"ayu-content-overlay\">\n <div class=\"container\">\n \n <!-- ====== HERO SECTION ====== -->\n <section class=\"hero-grid\">\n \n <!-- Left Column: Copywriting & CTAs (MAIN LANGUAGE ENGLISH) -->\n <div class=\"hero-content reveal\">\n <div class=\"eyebrow\">\n <span class=\"dot\"><\/span>\n <span>AssistYu \u00b7 Partner Program<\/span>\n <\/div>\n <h1>Grow with us \u2014<br \/><span class=\"grad-text\">become a partner<\/span><\/h1>\n <p>Join our ecosystem of resellers, integrators, and consultants. Offer cutting\u2011edge cybersecurity solutions to your clients and build recurring revenue streams.<\/p>\n <div class=\"hero-btns\">\n <a href=\"#cta\" class=\"btn-primary\">\n <span>Apply now<\/span>\n <svg style=\"width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.5\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"\/>\n <\/svg>\n <\/a>\n <a href=\"#programs\" class=\"btn-outline\">View programs<\/a>\n <\/div>\n <\/div>\n\n <!-- Right Column: Fully Cohesive Living Dashboard with Synchronized Growth, Reset, and Live SVG Curve Mapping -->\n <div class=\"hero-visual reveal\">\n <div class=\"glow-dot-decor\" style=\"top:-30px;right:-30px;\"><\/div>\n \n <div class=\"interactive-dashboard\">\n \n <!-- Dashboard Header -->\n <div class=\"dash-header\">\n <div class=\"dash-title-wrap\">\n <div class=\"dash-header-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/>\n <line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\"\/>\n <line x1=\"9\" y1=\"9\" x2=\"21\" y2=\"9\"\/>\n <line x1=\"9\" y1=\"15\" x2=\"21\" y2=\"15\"\/>\n <\/svg>\n <\/div>\n <div class=\"dash-header-title\">Partner Portal Live Preview<\/div>\n <\/div>\n <div class=\"dash-status\">\n <span class=\"status-dot\"><\/span>\n <span>Live Feed<\/span>\n <\/div>\n <\/div>\n\n <!-- Dashboard Content -->\n <div class=\"dash-content\">\n \n <!-- Metrics Panel -->\n <div class=\"metrics-row\">\n <!-- 1. Commissions Today Card -->\n <div class=\"metric-box\">\n <span>Commissions Today<\/span>\n <h4 id=\"dash-earnings-val\">$0.00<\/h4>\n <span id=\"live-sale-pop\" class=\"sale-pop\">+$49.00<\/span>\n <span class=\"metric-trend trend-up\" id=\"dash-earnings-change\">\u25b2 +0.00%<\/span>\n <\/div>\n <!-- 2. Our Partners Card -->\n <div class=\"metric-box\">\n <span>Our Partners<\/span>\n <h4 id=\"dash-partners-val\">2,857<\/h4>\n <span id=\"live-partner-pop\" class=\"partner-pop\">+1 Partner<\/span>\n <span class=\"metric-trend trend-up\" id=\"dash-partners-change\" style=\"color:var(--safe)\">+0 Today<\/span>\n <\/div>\n <!-- 3. Conversion Rate Card -->\n <div class=\"metric-box\">\n <span>Conversion<\/span>\n <h4 id=\"dash-conversion-val\">29.03%<\/h4>\n <span class=\"metric-trend trend-up\" style=\"color:var(--cyan)\" id=\"dash-conversion-change\">+0.0% this week<\/span>\n <\/div>\n <\/div>\n\n <!-- Live Chart Visualizer -->\n <div class=\"graph-container\">\n <div class=\"graph-header\">\n <div class=\"graph-title\">Commission Performance (YTD)<\/div>\n <div class=\"graph-legend\">\n <div class=\"legend-item\">\n <span class=\"legend-color\"><\/span>\n <span>Real-time Growth<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- SVG Graph with adaptive pointer, glowing path, and live tooltip text synchronization -->\n <svg class=\"chart-svg\" viewBox=\"0 0 450 145\">\n <defs>\n <linearGradient id=\"chart-glow\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"var(--cyan)\" stop-opacity=\"0.25\"\/>\n <stop offset=\"100%\" stop-color=\"var(--cyan)\" stop-opacity=\"0\"\/>\n <\/linearGradient>\n <linearGradient id=\"line-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"var(--cyan)\"\/>\n <stop offset=\"50%\" stop-color=\"var(--indigo)\"\/>\n <stop offset=\"100%\" stop-color=\"var(--violet)\"\/>\n <\/linearGradient>\n <\/defs>\n \n <!-- Grid Lines -->\n <line x1=\"20\" y1=\"20\" x2=\"440\" y2=\"20\" stroke=\"rgba(255,255,255,0.03)\" stroke-width=\"1\"\/>\n <line x1=\"20\" y1=\"65\" x2=\"440\" y2=\"65\" stroke=\"rgba(255,255,255,0.03)\" stroke-width=\"1\"\/>\n <line x1=\"20\" y1=\"110\" x2=\"440\" y2=\"110\" stroke=\"rgba(255,255,255,0.03)\" stroke-width=\"1\"\/>\n \n <!-- Area chart path (Redrawn dynamically in JS) -->\n <path id=\"chart-area-path\" d=\"\" fill=\"url(#chart-glow)\"\/>\n \n <!-- Curved trendline path (Redrawn dynamically in JS) -->\n <path id=\"chart-line-path\" d=\"\" fill=\"none\" stroke=\"url(#line-grad)\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n \n <!-- Historic Node coordinates (Day -3, Day -2, Day -1) -->\n <circle cx=\"30\" cy=\"50\" r=\"4.5\" fill=\"#ffffff\" stroke=\"var(--cyan)\" stroke-width=\"2\" id=\"node-day3\"\/>\n <circle cx=\"160\" cy=\"50\" r=\"4.5\" fill=\"#ffffff\" stroke=\"var(--cyan)\" stroke-width=\"2\" id=\"node-day2\"\/>\n <circle cx=\"290\" cy=\"50\" r=\"4.5\" fill=\"#ffffff\" stroke=\"var(--indigo)\" stroke-width=\"2\" id=\"node-day1\"\/>\n \n <!-- Live tracker pointer group (Vertical Y offset updates dynamically in sync with Commissions Today!) -->\n <g id=\"live-pointer-group\" transform=\"translate(420, 110)\">\n <circle r=\"8\" fill=\"var(--violet)\" opacity=\"0.4\" id=\"live-pointer-ring\">\n <animate attributeName=\"r\" values=\"4;12;4\" dur=\"2s\" repeatCount=\"indefinite\" \/>\n <animate attributeName=\"opacity\" values=\"0.6;0;0.6\" dur=\"2s\" repeatCount=\"indefinite\" \/>\n <\/circle>\n <circle r=\"4\" fill=\"#ffffff\" stroke=\"var(--violet)\" stroke-width=\"2\"\/>\n <\/g>\n\n <!-- Dynamic Tooltip Group (Value text and placement updates instantly with Commissions Today!) -->\n <g id=\"live-tooltip\" transform=\"translate(265, 83)\">\n <rect width=\"145\" height=\"22\" rx=\"6\" fill=\"#0b1124\" stroke=\"rgba(255,255,255,0.12)\" stroke-width=\"1\"\/>\n <text x=\"8\" y=\"14\" fill=\"#ffffff\" font-size=\"9.5\" font-family=\"var(--font-body)\" font-weight=\"600\" id=\"live-tooltip-text\">Live: $0.00<\/text>\n <\/g>\n\n <!-- Chart X-Axis Labels (Perfect dynamic day alignment) -->\n <text x=\"30\" y=\"130\" class=\"chart-label\" text-anchor=\"middle\" id=\"chart-lbl-day3\">Mon<\/text>\n <text x=\"160\" y=\"130\" class=\"chart-label\" text-anchor=\"middle\" id=\"chart-lbl-day2\">Tue<\/text>\n <text x=\"290\" y=\"130\" class=\"chart-label\" text-anchor=\"middle\" id=\"chart-lbl-day1\">Wed<\/text>\n <text x=\"420\" y=\"130\" class=\"chart-label\" text-anchor=\"middle\" id=\"chart-lbl-today\" fill=\"var(--safe)\" font-weight=\"700\" style=\"fill: var(--safe)\">Today (Live)<\/text>\n <\/svg>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n <\/section>\n\n <!-- ====== STATS BAND ====== -->\n <div class=\"stats-band reveal\">\n <div class=\"stat-item\">\n <div class=\"number grad-text\">25%<\/div>\n <div class=\"label\">Recurring Commission<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"number grad-text\">150+<\/div>\n <div class=\"label\">Active Partners<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"number grad-text\">4.9<\/div>\n <div class=\"label\">Partner Satisfaction<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"number grad-text\">20+<\/div>\n <div class=\"label\">Countries Covered<\/div>\n <\/div>\n <\/div>\n\n <!-- ====== BENEFITS SECTION ====== -->\n <section class=\"section\" id=\"advantages\">\n \n <div class=\"section-head reveal\">\n <div class=\"eyebrow\">\n <span class=\"dot\"><\/span>\n <span>Why partner with us<\/span>\n <\/div>\n <h2>Unlock <span class=\"grad-text\">new revenue<\/span> and <span class=\"grad-text\">expertise<\/span><\/h2>\n <p>We equip you with everything you need to sell and deploy our solutions with confidence \u2014 from training and marketing materials to dedicated technical support.<\/p>\n <\/div>\n\n <div class=\"benefits-grid\">\n \n <!-- Benefit 1 -->\n <div class=\"benefit-card reveal\">\n <div class=\"icon-wrapper-svg\">\n <svg viewBox=\"0 0 24 24\">\n <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" \/>\n <line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\" \/>\n <line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\" \/>\n <path d=\"M12 7v5M10 9h4\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Recurring commissions<\/h3>\n <p>Earn up to 25% recurring on every customer you bring, for the life of the subscription.<\/p>\n <\/div>\n\n <!-- Benefit 2 -->\n <div class=\"benefit-card reveal\">\n <div class=\"icon-wrapper-svg\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\" \/>\n <circle cx=\"9\" cy=\"7\" r=\"4\" \/>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\" \/>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\" \/>\n <\/svg>\n <\/div>\n <h3>Co\u2011branded marketing<\/h3>\n <p>Get access to white\u2011label materials, case studies, and joint campaigns to accelerate your sales.<\/p>\n <\/div>\n\n <!-- Benefit 3 -->\n <div class=\"benefit-card reveal\">\n <div class=\"icon-wrapper-svg\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\" \/>\n <path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10M12 22a15.3 15.3 0 0 1-4-10\" \/>\n <\/svg>\n <\/div>\n <h3>Priority support & training<\/h3>\n <p>Receive dedicated account management, technical training, and priority ticket handling.<\/p>\n <\/div>\n\n <!-- Benefit 4 -->\n <div class=\"benefit-card reveal\">\n <div class=\"icon-wrapper-svg\">\n <svg viewBox=\"0 0 24 24\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\" \/>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\" \/>\n <\/svg>\n <\/div>\n <h3>Exclusive product access<\/h3>\n <p>Be the first to test new features and share feedback directly with our product team.<\/p>\n <\/div>\n\n <\/div>\n\n <\/section>\n\n <!-- ====== PROGRAMS (TIERS) SECTION ====== -->\n <section class=\"section\" id=\"programs\">\n \n <div class=\"section-head reveal\">\n <div class=\"eyebrow\">\n <span class=\"dot\"><\/span>\n <span>Choose your path<\/span>\n <\/div>\n <h2>Partner programs <span class=\"grad-text\">for every ambition<\/span><\/h2>\n <p>Whether you're just starting or scaling fast, we have a tier that fits your business model and goals.<\/p>\n <\/div>\n\n <div class=\"programs-grid\">\n \n <!-- Affiliate -->\n <div class=\"program-card reveal\">\n <span class=\"badge\">Affiliate<\/span>\n <div class=\"p-icon-wrapper\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\" stroke-linecap=\"round\"\/>\n <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Affiliate<\/h3>\n <div class=\"price\">10% <small>commission<\/small><\/div>\n <p class=\"desc\">Perfect for content creators, bloggers, and influencers.<\/p>\n <ul>\n <li>Unique referral links & tracking<\/li>\n <li>Monthly payout<\/li>\n <li>Marketing banner pack<\/li>\n <li>Access to partner portal<\/li>\n <\/ul>\n <a href=\"#cta\" class=\"cta-link\">Become an affiliate \u2192<\/a>\n <\/div>\n\n <!-- Reseller -->\n <div class=\"program-card featured reveal\">\n <span class=\"badge\">Popular<\/span>\n <div class=\"p-icon-wrapper\">\n <svg viewBox=\"0 0 24 24\">\n <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\" \/>\n <path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\" \/>\n <\/svg>\n <\/div>\n <h3>Reseller<\/h3>\n <div class=\"price\">20% <small>commission<\/small><\/div>\n <p class=\"desc\">For IT consultants, MSPs, and solution providers.<\/p>\n <ul>\n <li>All Affiliate benefits<\/li>\n <li>Co\u2011branded sales materials<\/li>\n <li>Dedicated partner success manager<\/li>\n <li>Quarterly business reviews<\/li>\n <li>Priority technical support<\/li>\n <\/ul>\n <a href=\"#cta\" class=\"cta-link\">Become a reseller \u2192<\/a>\n <\/div>\n\n <!-- Strategic -->\n <div class=\"program-card reveal\">\n <span class=\"badge\">Strategic<\/span>\n <div class=\"p-icon-wrapper\">\n <svg viewBox=\"0 0 24 24\">\n <polygon points=\"12 2 2 7 12 12 22 7 12 2\" \/>\n <polyline points=\"2 17 12 22 22 17\" \/>\n <polyline points=\"2 12 12 17 22 12\" \/>\n <\/svg>\n <\/div>\n <h3>Strategic<\/h3>\n <div class=\"price\">25% <small>commission<\/small><\/div>\n <p class=\"desc\">For large integrators and global alliances.<\/p>\n <ul>\n <li>All Reseller benefits<\/li>\n <li>Custom commercial models<\/li>\n <li>Joint go\u2011to\u2011market planning<\/li>\n <li>Executive sponsorship<\/li>\n <li>Exclusive product roadmap access<\/li>\n <\/ul>\n <a href=\"#cta\" class=\"cta-link\">Apply as strategic \u2192<\/a>\n <\/div>\n\n <\/div>\n\n <\/section>\n\n <!-- ====== FAQ SECTION ====== -->\n <section class=\"section\" id=\"faq\">\n \n <div class=\"section-head reveal\">\n <div class=\"eyebrow\">\n <span class=\"dot\"><\/span>\n <span>FAQ<\/span>\n <\/div>\n <h2>Frequently <span class=\"grad-text\">Asked Questions<\/span><\/h2>\n <p>Everything you need to know about partnering with AssistYu.<\/p>\n <\/div>\n\n <div class=\"faq-container reveal\">\n \n <!-- Accordion 1 -->\n <div class=\"faq-card\">\n <button class=\"faq-question-btn\" onclick=\"toggleFaq(this)\">\n <span>How are my commissions calculated and paid?<\/span>\n <div class=\"faq-icon-holder\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M19 9l-7 7-7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <\/button>\n <div class=\"faq-answer-wrapper\">\n <div class=\"faq-answer\">\n Commissions are calculated based on the net value of billed subscriptions. They are paid out monthly via bank transfer or PayPal once your balance reaches $100.\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Accordion 2 -->\n <div class=\"faq-card\">\n <button class=\"faq-question-btn\" onclick=\"toggleFaq(this)\">\n <span>Are there any fees to join the partner program?<\/span>\n <div class=\"faq-icon-holder\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M19 9l-7 7-7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <\/button>\n <div class=\"faq-answer-wrapper\">\n <div class=\"faq-answer\">\n No, joining our partner program is completely free for all tiers (Affiliate, Reseller, Strategic).\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Accordion 3 -->\n <div class=\"faq-card\">\n <button class=\"faq-question-btn\" onclick=\"toggleFaq(this)\">\n <span>Can I change my partnership tier later?<\/span>\n <div class=\"faq-icon-holder\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M19 9l-7 7-7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <\/button>\n <div class=\"faq-answer-wrapper\">\n <div class=\"faq-answer\">\n Absolutely. As your client volume grows, you will automatically be upgraded to the next tier to maximize your commission rates.\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Accordion 4 -->\n <div class=\"faq-card\">\n <button class=\"faq-question-btn\" onclick=\"toggleFaq(this)\">\n <span>Do you provide support to help close deals?<\/span>\n <div class=\"faq-icon-holder\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M19 9l-7 7-7-7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <\/button>\n <div class=\"faq-answer-wrapper\">\n <div class=\"faq-answer\">\n Yes, starting from the Reseller tier, a dedicated partner manager can assist you during client demos and in designing custom proposals.\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/section>\n\n <!-- ====== APPLICATION CTA SECTION ====== -->\n <section class=\"section\" id=\"cta\">\n <div class=\"cta-outer reveal\">\n \n <!-- Animated success screen -->\n <div class=\"success-overlay\" id=\"form-success-overlay\">\n <div class=\"success-box\">\n <div class=\"success-badge-pulse\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"20 6 9 17 4 12\" \/>\n <\/svg>\n <\/div>\n <h3>Application received!<\/h3>\n <p>Thank you for your interest in AssistYu. Our team is reviewing your profile and will contact you within 24 business hours.<\/p>\n <\/div>\n <\/div>\n\n <!-- Application Form content -->\n <div class=\"cta-inner\">\n <h2 id=\"form-title\">Ready to <span class=\"grad-text\">grow together<\/span>?<\/h2>\n <p>Complete the short application form and our partner team will contact you within 24 hours to discuss the best fit for you.<\/p>\n \n <form class=\"cta-advanced-form\" id=\"applicationForm\" onsubmit=\"handleFormSubmit(event)\">\n \n <!-- Row 1: Name and Company -->\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"form-name\">Full Name<\/label>\n <input type=\"text\" id=\"form-name\" required placeholder=\"e.g. John Doe\" \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"form-company\">Company Name<\/label>\n <input type=\"text\" id=\"form-company\" required placeholder=\"e.g. Tech Solutions Inc.\" \/>\n <\/div>\n <\/div>\n\n <!-- Row 2: Website and Email -->\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label for=\"form-web\">Website<\/label>\n <input type=\"url\" id=\"form-web\" placeholder=\"e.g. https:\/\/yourwebsite.com\" \/>\n <\/div>\n <div class=\"form-group\">\n <label for=\"form-email\">Professional Email<\/label>\n <input type=\"email\" id=\"form-email\" required placeholder=\"e.g. contact@yourwebsite.com\" \/>\n <\/div>\n <\/div>\n\n <!-- Row 3: Program tier selection -->\n <div class=\"form-group\">\n <label for=\"form-program\">Target Program<\/label>\n <select id=\"form-program\" required>\n <option value=\"affiliate\">Affiliate (10% commission)<\/option>\n <option value=\"reseller\" selected>Reseller (20% commission)<\/option>\n <option value=\"strategic\">Strategic (25% commission)<\/option>\n <\/select>\n <\/div>\n\n <!-- Terms acceptance -->\n <label class=\"form-checkbox-label\">\n <input type=\"checkbox\" required \/>\n <span>I consent to having my data processed for the evaluation of my application.<\/span>\n <\/label>\n\n <!-- Submit button -->\n <div style=\"text-align: center;\">\n <button type=\"submit\" class=\"form-submit-btn\">\n <span>Submit my application<\/span>\n <svg viewBox=\"0 0 24 24\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" stroke=\"currentColor\"\/>\n <polyline points=\"12 5 19 12 12 19\" stroke=\"currentColor\"\/>\n <\/svg>\n <\/button>\n <\/div>\n\n <\/form>\n\n <p class=\"cta-footnote\">No commitment \u00b7 Free to join \u00b7 We Secure You Infinite<\/p>\n <\/div>\n\n <\/div>\n <\/section>\n\n <\/div><!-- \/container -->\n <\/div><!-- \/ayu-content-overlay -->\n\n\n <!-- ============================================================\n DYNAMIC REAL-TIME SYNCHRONIZED DASHBOARD CORE SCRIPT\n ============================================================ -->\n <script>\n \/* ============================================================\n 1. CORE STATE VARIABLES, DATE UTILITIES & SAFE STORAGE WRAPPER\n ============================================================ *\/\n const now = new Date();\n const startOfToday = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n const secondsInDay = 86400;\n\n \/\/ Get time progress of the current day (fraction of 24h that has elapsed)\n const getDayRatio = () => {\n const currentTime = new Date();\n const elapsedMs = currentTime.getTime() - startOfToday.getTime();\n return Math.min(0.9999, Math.max(0.0001, elapsedMs \/ (secondsInDay * 1000)));\n };\n\n const todayDateStr = startOfToday.toDateString(); \/\/ Unique key per calendar day\n\n \/\/ Bulletproof Storage Wrapper to prevent security crashes in Private Browsing \/ strict sandboxes\n const storage = {\n getItem: (key) => {\n try {\n return localStorage.getItem(key);\n } catch (e) {\n return storage.mem[key] || null;\n }\n },\n setItem: (key, val) => {\n try {\n localStorage.setItem(key, val);\n } catch (e) {\n storage.mem[key] = val;\n }\n },\n mem: {}\n };\n\n \/\/ Select Metric elements\n const commissionEl = document.getElementById('dash-earnings-val');\n const partnersEl = document.getElementById('dash-partners-val');\n const conversionEl = document.getElementById('dash-conversion-val');\n\n const earningsChangeEl = document.getElementById('dash-earnings-change');\n const partnersChangeEl = document.getElementById('dash-partners-change');\n const conversionChangeEl = document.getElementById('dash-conversion-change');\n\n \/\/ Select SVG elements for dynamic updating\n const chartLinePath = document.getElementById('chart-line-path');\n const chartAreaPath = document.getElementById('chart-area-path');\n const livePointerGroup = document.getElementById('live-pointer-group');\n const liveTooltip = document.getElementById('live-tooltip');\n const tooltipTextEl = document.getElementById('live-tooltip-text');\n\n \/* ============================================================\n 2. PREVIOUS DAYS AND DYNAMIC AXIS LABELS DEFINITION\n ============================================================ *\/\n \/\/ Compute dynamic day of week labels based on actual current calendar day\n const daysOfWeek = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\n const todayIdx = now.getDay();\n const labelDay1 = daysOfWeek[(todayIdx - 1 + 7) % 7]; \/\/ Yesterday\n const labelDay2 = daysOfWeek[(todayIdx - 2 + 7) % 7]; \/\/ 2 Days Ago\n const labelDay3 = daysOfWeek[(todayIdx - 3 + 7) % 7]; \/\/ 3 Days Ago\n\n \/\/ SVG elements must be manipulated via textContent to comply with XML DOM standards\n document.getElementById('chart-lbl-day3').textContent = labelDay3;\n document.getElementById('chart-lbl-day2').textContent = labelDay2;\n document.getElementById('chart-lbl-day1').textContent = labelDay1;\n\n \/\/ Baseline definitions\n const getRandomCompletedDailyTotal = () => Math.random() * 5000 + 10000; \/\/ strictly $10,000 - $15,000\n\n \/* ============================================================\n 3. UNIFIED LIFE-CYCLE INITIALIZER & SHIFTING ROLLOVER LOGIC\n ============================================================ *\/\n let sysDate = storage.getItem('ay_sys_date');\n let val3 = parseFloat(storage.getItem('ay_chart_val3'));\n let val2 = parseFloat(storage.getItem('ay_chart_val2'));\n let val1 = parseFloat(storage.getItem('ay_chart_val1'));\n\n let commTarget = parseFloat(storage.getItem('ay_comm_target'));\n let commYesterdayFinal = parseFloat(storage.getItem('ay_comm_yesterday'));\n let commCurrent = parseFloat(storage.getItem('ay_comm_current'));\n\n let partnersBaseCount = parseInt(storage.getItem('ay_part_base'));\n let partnersTodayTarget = parseInt(storage.getItem('ay_part_target'));\n let partnersTodayCurrent = parseInt(storage.getItem('ay_part_current'));\n\n if (!sysDate) {\n \/\/ First-time load: build a perfectly consistent baseline scaled to the elapsed hours of today\n const currentDayRatio = getDayRatio();\n \n val3 = getRandomCompletedDailyTotal();\n val2 = getRandomCompletedDailyTotal();\n val1 = getRandomCompletedDailyTotal();\n \n commTarget = Math.random() * 5000 + 10000; \/\/ Today's target: random between $10K and $15K\n commYesterdayFinal = getRandomCompletedDailyTotal();\n commCurrent = currentDayRatio * commTarget; \/\/ proportional starting commission\n \n partnersBaseCount = 2834;\n partnersTodayTarget = Math.floor(Math.random() * (70 - 30 + 1)) + 30; \/\/ grows 30-70 daily\n partnersTodayCurrent = Math.floor(currentDayRatio * partnersTodayTarget); \/\/ proportional starting partners Today\n \n storage.setItem('ay_sys_date', todayDateStr);\n storage.setItem('ay_chart_val3', val3);\n storage.setItem('ay_chart_val2', val2);\n storage.setItem('ay_chart_val1', val1);\n storage.setItem('ay_comm_target', commTarget);\n storage.setItem('ay_comm_yesterday', commYesterdayFinal);\n storage.setItem('ay_comm_current', commCurrent);\n storage.setItem('ay_part_base', partnersBaseCount);\n storage.setItem('ay_part_target', partnersTodayTarget);\n storage.setItem('ay_part_current', partnersTodayCurrent);\n } else if (sysDate !== todayDateStr) {\n \/\/ MIDNIGHT 24H DAY ROLLOVER SHIFT! (The live today total freezes and rolls over into history)\n \n \/\/ Shift chart data points: old val2 shifts to val3, old val1 shifts to val2, yesterday's frozen live total becomes the new val1\n val3 = isNaN(val2) ? getRandomCompletedDailyTotal() : val2;\n val2 = isNaN(val1) ? getRandomCompletedDailyTotal() : val1;\n val1 = (isNaN(commCurrent) || commCurrent <= 0) ? getRandomCompletedDailyTotal() : commCurrent;\n \n \/\/ Yesterday's final value becomes our new percentage baseline\n commYesterdayFinal = val1;\n \n \/\/ Permanently fold yesterday's partner signups into our permanent growing base count\n if (!isNaN(partnersBaseCount) && !isNaN(partnersTodayCurrent)) {\n partnersBaseCount += partnersTodayCurrent;\n } else {\n partnersBaseCount = 2834;\n }\n \n \/\/ Generate clean fresh targets for today (strictly resets back to 0 at midnight)\n commTarget = Math.random() * 5000 + 10000; \/\/ strictly $10k - $15k\n commCurrent = 0; \/\/ Starts fresh at midnight\n \n partnersTodayTarget = Math.floor(Math.random() * (70 - 30 + 1)) + 30; \/\/ grows 30-70 daily\n partnersTodayCurrent = 0; \/\/ Starts fresh at midnight\n \n storage.setItem('ay_sys_date', todayDateStr);\n storage.setItem('ay_chart_val3', val3);\n storage.setItem('ay_chart_val2', val2);\n storage.setItem('ay_chart_val1', val1);\n storage.setItem('ay_comm_yesterday', commYesterdayFinal);\n storage.setItem('ay_comm_target', commTarget);\n storage.setItem('ay_comm_current', commCurrent);\n storage.setItem('ay_part_base', partnersBaseCount);\n storage.setItem('ay_part_target', partnersTodayTarget);\n storage.setItem('ay_part_current', partnersTodayCurrent);\n } else {\n \/\/ Normal reload on the same calendar day. Self-heal and safeguard any NaNs\/stale keys\n if (isNaN(val3)) { val3 = getRandomCompletedDailyTotal(); storage.setItem('ay_chart_val3', val3); }\n if (isNaN(val2)) { val2 = getRandomCompletedDailyTotal(); storage.setItem('ay_chart_val2', val2); }\n if (isNaN(val1)) { val1 = getRandomCompletedDailyTotal(); storage.setItem('ay_chart_val1', val1); }\n if (isNaN(commTarget)) { commTarget = Math.random() * 5000 + 10000; storage.setItem('ay_comm_target', commTarget); }\n if (isNaN(commYesterdayFinal)) { commYesterdayFinal = getRandomCompletedDailyTotal(); storage.setItem('ay_comm_yesterday', commYesterdayFinal); }\n if (isNaN(commCurrent)) { commCurrent = getDayRatio() * commTarget; storage.setItem('ay_comm_current', commCurrent); }\n if (isNaN(partnersBaseCount)) { partnersBaseCount = 2834; storage.setItem('ay_part_base', partnersBaseCount); }\n if (isNaN(partnersTodayTarget)) { partnersTodayTarget = Math.floor(Math.random() * (70 - 30 + 1)) + 30; storage.setItem('ay_part_target', partnersTodayTarget); }\n if (isNaN(partnersTodayCurrent)) { partnersTodayCurrent = Math.floor(getDayRatio() * partnersTodayTarget); storage.setItem('ay_part_current', partnersTodayCurrent); }\n }\n\n\n \/* ============================================================\n 6. UNIFIED REPAINT FUNCTION (DRAWS GRAPH & SYNC TOOLTIPS TO METRICS)\n ============================================================ *\/\n function repaintDashboard() {\n const currentDayRatio = getDayRatio();\n\n \/\/ Display formatted total commission today\n commissionEl.textContent = `$${commCurrent.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;\n\n \/\/ Percentage compared to previous day's complete 24h total (adjusted to current elapsed hour ratio)\n const projectedPercentage = ((commCurrent \/ (commYesterdayFinal * currentDayRatio)) - 1) * 100;\n earningsChangeEl.textContent = `${projectedPercentage >= 0 ? '\u25b2 +' : '\u25bc '}${projectedPercentage.toFixed(2)}%`;\n earningsChangeEl.style.color = projectedPercentage >= 0 ? 'var(--safe)' : 'var(--danger)';\n\n \/\/ Display partners metrics\n partnersEl.textContent = (partnersBaseCount + partnersTodayCurrent).toLocaleString('en-US');\n partnersChangeEl.textContent = `+${partnersTodayCurrent} Today`;\n\n \/\/ Update Conversion rate card (Cohesive formula linked to both metrics)\n const adaptedConversionRate = 27.50 + (partnersTodayCurrent * 0.05) + (commCurrent * 0.0001);\n conversionEl.textContent = `${adaptedConversionRate.toFixed(2)}%`;\n\n const weekChangeFactor = (adaptedConversionRate - 30.5).toFixed(2);\n conversionChangeEl.textContent = `${weekChangeFactor >= 0 ? '+' : ''}${weekChangeFactor}% this week`;\n conversionChangeEl.style.color = weekChangeFactor >= 0 ? 'var(--cyan)' : 'var(--danger)';\n\n\n \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n ADAPT CHART LINE PATH & FLOATING TOOLTIP IN PERFECT SYNC\n \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n \/\/ Convert all completed commission data and current ticking live commissions to Y coordinates\n const y3 = 115 - (val3 \/ 15000) * 95;\n const y2 = 115 - (val2 \/ 15000) * 95;\n const y1 = 115 - (val1 \/ 15000) * 95;\n const yToday = 115 - (commCurrent \/ 15000) * 95; \/\/ Dynamic endpoint\n\n \/\/ Set dynamic height attribute of historic day circular nodes\n document.getElementById('node-day3').setAttribute('cy', y3);\n document.getElementById('node-day2').setAttribute('cy', y2);\n document.getElementById('node-day1').setAttribute('cy', y1);\n\n \/\/ Redraw curved bezier SVG line path ending exactly on today's ticking value\n const dLine = `M 30,${y3} C 95,${y3 - 10} 95,${y2 + 10} 160,${y2} C 225,${y2 - 10} 225,${y1 + 10} 290,${y1} C 355,${y1 - 10} 355,${yToday + 10} 420,${yToday}`;\n chartLinePath.setAttribute('d', dLine);\n\n \/\/ Redraw filled shaded area polygon connecting to the base grid Y=115\n chartAreaPath.setAttribute('d', `${dLine} L 420,115 L 30,115 Z`);\n\n \/\/ Translate the live pointer (pulsing target circle) vertically to Today's Y coordinate\n livePointerGroup.setAttribute('transform', `translate(420, ${yToday})`);\n\n \/\/ UPDATE GRAPH TOOLTIP IN ABSOLUTE REAL-TIME LOCK-STEP (using textContent for XML compliance)\n const formattedCommissionsString = `$${commCurrent.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;\n tooltipTextEl.textContent = `Live: ${formattedCommissionsString}`;\n \n \/\/ Reposition tooltip to hover perfectly above and to the left of the dynamic Today node (prevents container clipping)\n liveTooltip.setAttribute('transform', `translate(265, ${yToday - 27})`);\n }\n\n\n \/* ============================================================\n 7. TRANS-ACTUAL NATURAL RYTHMIC SIMULATORS (RANDOM EVENT LOOPS)\n ============================================================ *\/\n\n \/\/ A. Commission simulated sales transaction event (Random discrete sales prices)\n function simulateLiveSale() {\n \/\/ Pick a random transaction sales size (SMB licenses to Enterprise commissions)\n const salesPrices = [14.50, 29.00, 49.00, 89.00, 115.00, 150.00, 240.00, 450.00, 980.00];\n const saleAmount = salesPrices[Math.floor(Math.random() * salesPrices.length)];\n\n commCurrent = Math.min(commTarget, commCurrent + saleAmount);\n storage.setItem('ay_comm_current', commCurrent);\n\n \/\/ Trigger beautiful Vercel-like slide-up transaction popup on the card\n const popEl = document.getElementById('live-sale-pop');\n popEl.textContent = `+$${saleAmount.toLocaleString('en-US', { minimumFractionDigits: 2 })}`;\n popEl.classList.add('active');\n\n commissionEl.classList.add('flash-green');\n\n repaintDashboard(); \/\/ redraw all values and SVG charts instantly\n\n setTimeout(() => {\n popEl.classList.remove('active');\n commissionEl.classList.remove('flash-green');\n }, 2500);\n }\n\n \/\/ B. Partners simulated dynamic signup event (Randomized partner registrations)\n function simulateLivePartner() {\n if (partnersTodayCurrent >= partnersTodayTarget) return;\n\n const increment = (Math.random() > 0.88) ? 2 : 1;\n partnersTodayCurrent += increment;\n storage.setItem('ay_part_current', partnersTodayCurrent);\n\n \/\/ Trigger cyan signup badge pop feedback on the card\n const partPopEl = document.getElementById('live-partner-pop');\n partPopEl.textContent = `+${increment} Partner${increment > 1 ? 's' : ''}`;\n partPopEl.classList.add('active');\n\n partnersEl.classList.add('flash-cyan');\n\n repaintDashboard(); \/\/ repaint with new partners count and recalculated conversion rate\n\n setTimeout(() => {\n partPopEl.classList.remove('active');\n partnersEl.classList.remove('flash-cyan');\n }, 2500);\n }\n\n \/* ============================================================\n 8. SELF-SCHEDULING NATURAL LOOPS (RANDOM RECURSIVE TIMEOUTS)\n ============================================================ *\/\n \/\/ Instead of artificial static ticks, sales occur at organic intervals (e.g. 8 to 28 seconds)\n function scheduleNextSale() {\n const delay = Math.random() * 20000 + 8000; \/\/ 8s to 28s interval\n setTimeout(() => {\n simulateLiveSale();\n scheduleNextSale();\n }, delay);\n }\n\n \/\/ Partner signups occur at organic intervals (e.g. 15 to 45 seconds)\n function scheduleNextPartner() {\n const delay = Math.random() * 30000 + 15000; \/\/ 15s to 45s interval\n setTimeout(() => {\n simulateLivePartner();\n scheduleNextPartner();\n }, delay);\n }\n\n \/\/ Initial page load rendering\n repaintDashboard();\n\n \/\/ Start recursive random loops\n scheduleNextSale();\n scheduleNextPartner();\n\n\n \/* ============================================================\n INTERACTIVE FAQ ACCORDION TRIGGER\n ============================================================ *\/\n function toggleFaq(btn) {\n const card = btn.parentElement;\n const answerWrapper = card.querySelector('.faq-answer-wrapper');\n const answer = card.querySelector('.faq-answer');\n \n const isOpen = card.classList.contains('open');\n\n \/\/ Close all FAQs first\n document.querySelectorAll('.faq-card').forEach(item => {\n item.classList.remove('open');\n item.querySelector('.faq-answer-wrapper').style.maxHeight = '0px';\n });\n\n if (!isOpen) {\n card.classList.add('open');\n answerWrapper.style.maxHeight = answer.scrollHeight + 'px';\n }\n }\n\n\n \/* ============================================================\n ADVANCED CTA FORM HANDLING & SUCCESS ANIMATION\n ============================================================ *\/\n function handleFormSubmit(event) {\n event.preventDefault();\n \n const submitBtn = document.querySelector('.form-submit-btn');\n\n \/\/ Create glowing spinner state\n submitBtn.disabled = true;\n submitBtn.style.opacity = '0.8';\n const originalBtnHtml = submitBtn.innerHTML;\n\n submitBtn.innerHTML = `<span>Processing...<\/span> <svg class=\"spinner\" style=\"animation: spin 1s linear infinite; width: 16px; height: 16px;\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\" stroke-dasharray=\"31.4 31.4\" fill=\"none\"\/><\/svg>`;\n\n \/\/ Inject custom inline keyframes for spinner if not present\n if (!document.getElementById('spinner-styles')) {\n const style = document.createElement('style');\n style.id = 'spinner-styles';\n style.innerText = '@keyframes spin { 100% { transform: rotate(360deg); } }';\n document.head.appendChild(style);\n }\n\n \/\/ Simulate network request delay (1.5 seconds)\n setTimeout(() => {\n \/\/ Restore button\n submitBtn.disabled = false;\n submitBtn.style.opacity = '1';\n submitBtn.innerHTML = originalBtnHtml;\n\n \/\/ Reveal success overlay screen\n const overlay = document.getElementById('form-success-overlay');\n overlay.style.display = 'flex';\n\n \/\/ Auto close success overlay after 5 seconds and reset\n setTimeout(() => {\n overlay.style.opacity = '0';\n setTimeout(() => {\n overlay.style.display = 'none';\n overlay.style.opacity = '1';\n document.getElementById('applicationForm').reset();\n }, 400);\n }, 5000);\n\n }, 1500);\n }\n\n\n \/* ============================================================\n SCROLL REVEAL (INTERSECTION OBSERVER)\n ============================================================ *\/\n (function() {\n 'use strict';\n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('in');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.08 });\n\n document.querySelectorAll('.reveal').forEach(el => {\n observer.observe(el);\n });\n } else {\n document.querySelectorAll('.reveal').forEach(el => {\n el.classList.add('in');\n });\n }\n })();\n <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<footer class=\"elementor-element elementor-element-3f0237a e-con-full e-flex e-con e-parent\" data-id=\"3f0237a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"gradient"}\">\n\t\t<div class=\"elementor-element elementor-element-38a0acb e-con-full e-flex e-con e-child\" data-id=\"38a0acb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-afadcc8 e-con-full e-flex e-con e-child\" data-id=\"afadcc8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d759353 elementor-widget elementor-widget-int-logo\" data-id=\"d759353\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"int-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <div class=\"tg-logo\">\r\n <a href=\"https:\/\/assistyu.com\/\"><img decoding=\"async\" src=\"https:\/\/assistyu.com\/wp-content\/uploads\/2024\/03\/AssistYu-no-background-2.png\" alt=\"\" title=\"\"><\/a>\r\n <\/div>\r\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66ac761 elementor-mobile-align-center elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"66ac761\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/maps.app.goo.gl\/PnxnHJXGZ3isdPbH6\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Estrategias de Marketing LE Paradise - AssistYu<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4299f1e e-con-full e-flex e-con e-child\" data-id=\"4299f1e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e438711 e-con-full e-flex e-con e-child\" data-id=\"e438711\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eec0c18 elementor-mobile-align-center elementor-icon-list--layout-inline elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"eec0c18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"tel:34951550227\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">+34 951 550 227<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"mailto:office@assistyu.com\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">office@assistyu.com<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/maps.app.goo.gl\/PnxnHJXGZ3isdPbH6\" target=\"_blank\" rel=\"noopener\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-map-marker-alt\" viewBox=\"0 0 384 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">C. Lope de Vega 60, 29631 Benalmadena<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2823da elementor-icon-list--layout-inline elementor-align-center elementor-hidden-mobile elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"a2823da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/assistyu.com\/services\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-greater-than-equal\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M55.22 107.69l175.56 68.09-175.44 68.05c-18.39 6.03-27.88 24.39-21.2 41l12.09 30.08c6.68 16.61 26.99 25.19 45.38 19.15L393.02 214.2c13.77-4.52 22.98-16.61 22.98-30.17v-15.96c0-13.56-9.21-25.65-22.98-30.17L91.3 17.92c-18.29-6-38.51 2.53-45.15 19.06L34.12 66.9c-6.64 16.53 2.81 34.79 21.1 40.79zM424 400H24c-13.25 0-24 10.74-24 24v48c0 13.25 10.75 24 24 24h400c13.25 0 24-10.75 24-24v-48c0-13.26-10.75-24-24-24z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Services<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/assistyu.com\/security-products\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-greater-than-equal\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M55.22 107.69l175.56 68.09-175.44 68.05c-18.39 6.03-27.88 24.39-21.2 41l12.09 30.08c6.68 16.61 26.99 25.19 45.38 19.15L393.02 214.2c13.77-4.52 22.98-16.61 22.98-30.17v-15.96c0-13.56-9.21-25.65-22.98-30.17L91.3 17.92c-18.29-6-38.51 2.53-45.15 19.06L34.12 66.9c-6.64 16.53 2.81 34.79 21.1 40.79zM424 400H24c-13.25 0-24 10.74-24 24v48c0 13.25 10.75 24 24 24h400c13.25 0 24-10.75 24-24v-48c0-13.26-10.75-24-24-24z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Products<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/assistyu.com\/small-business\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-greater-than-equal\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M55.22 107.69l175.56 68.09-175.44 68.05c-18.39 6.03-27.88 24.39-21.2 41l12.09 30.08c6.68 16.61 26.99 25.19 45.38 19.15L393.02 214.2c13.77-4.52 22.98-16.61 22.98-30.17v-15.96c0-13.56-9.21-25.65-22.98-30.17L91.3 17.92c-18.29-6-38.51 2.53-45.15 19.06L34.12 66.9c-6.64 16.53 2.81 34.79 21.1 40.79zM424 400H24c-13.25 0-24 10.74-24 24v48c0 13.25 10.75 24 24 24h400c13.25 0 24-10.75 24-24v-48c0-13.26-10.75-24-24-24z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Small Business<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/assistyu.com\/partnerships\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-greater-than-equal\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M55.22 107.69l175.56 68.09-175.44 68.05c-18.39 6.03-27.88 24.39-21.2 41l12.09 30.08c6.68 16.61 26.99 25.19 45.38 19.15L393.02 214.2c13.77-4.52 22.98-16.61 22.98-30.17v-15.96c0-13.56-9.21-25.65-22.98-30.17L91.3 17.92c-18.29-6-38.51 2.53-45.15 19.06L34.12 66.9c-6.64 16.53 2.81 34.79 21.1 40.79zM424 400H24c-13.25 0-24 10.74-24 24v48c0 13.25 10.75 24 24 24h400c13.25 0 24-10.75 24-24v-48c0-13.26-10.75-24-24-24z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Partnership<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/assistyu.com\/contact\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-greater-than-equal\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M55.22 107.69l175.56 68.09-175.44 68.05c-18.39 6.03-27.88 24.39-21.2 41l12.09 30.08c6.68 16.61 26.99 25.19 45.38 19.15L393.02 214.2c13.77-4.52 22.98-16.61 22.98-30.17v-15.96c0-13.56-9.21-25.65-22.98-30.17L91.3 17.92c-18.29-6-38.51 2.53-45.15 19.06L34.12 66.9c-6.64 16.53 2.81 34.79 21.1 40.79zM424 400H24c-13.25 0-24 10.74-24 24v48c0 13.25 10.75 24 24 24h400c13.25 0 24-10.75 24-24v-48c0-13.26-10.75-24-24-24z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Contact Us<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec7afc1 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"ec7afc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f9991cc e-con-full e-flex e-con e-child\" data-id=\"f9991cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-19d3bb1 e-con-full e-flex e-con e-child\" data-id=\"19d3bb1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8764dc7 elementor-widget elementor-widget-int-footer-nav\" data-id=\"8764dc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"int-footer-nav.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n <div class=\"tg-copyright-right text-center text-md-end\">\r\n <a class=\"text-anim-2\" href=\"https:\/\/assistyu.com\/security-insights\/\">Insights<\/a>\r\n <a class=\"text-anim-2\" href=\"https:\/\/assistyu.com\/about-assistyu\/\">About Us<\/a>\r\n <a class=\"text-anim-2\" href=\"https:\/\/assistyu.com\/documentation-and-guides\/\">Documentation<\/a>\r\n <a class=\"text-anim-2\" href=\"https:\/\/assistyu.com\/consent\/\">Consent Agreement<\/a>\r\n <a class=\"text-anim-2\" href=\"https:\/\/assistyu.com\/privacy-policy\/\">Privacy Policy<\/a>\r\n <a class=\"text-anim-2\" href=\"https:\/\/assistyu.com\/legal-notice-terms-conditions\/\">Terms & Conditions<\/a>\r\n <a class=\"text-anim-2\" href=\"https:\/\/assistyu.com\/delivery-refunds-policy\/\">Delivery & Refunds<\/a>\r\n <\/div>\r\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3955fb elementor-widget elementor-widget-html\" data-id=\"f3955fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n BOUTON DASHBOARD \u2014 STYLE ORIGINAL (GHOST) + ISOL\u00c9\r\n ============================================================ -->\r\n<div style=\"display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; line-height: 0;\">\r\n <button id=\"dashboard-open-btn\" style=\"\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px; \/* \u00e9cart original *\/\r\n background: rgba(44, 134, 255, 0.08); \/* fond transparent *\/\r\n color: #5b6e8c; \/* gris *\/\r\n font-size: 12px; \/* taille originale *\/\r\n font-weight: 500;\r\n font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;\r\n padding: 6px 14px; \/* padding original *\/\r\n border-radius: 40px; \/* arrondi original *\/\r\n cursor: pointer;\r\n transition: all 0.25s ease;\r\n border: 2px solid rgba(44, 134, 255, 0.15);\r\n letter-spacing: -0.2px;\r\n backdrop-filter: blur(2px);\r\n margin: 0; \/* aucune marge externe *\/\r\n \">\r\n <svg class=\"dashboard-btn-icon\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"transition: transform 0.2s ease; opacity: 0.7;\">\r\n <path d=\"M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M18 8C19.6569 8 21 9.34315 21 11V16C21 17.6569 19.6569 19 18 19H6C4.34315 19 3 17.6569 3 16V11C3 9.34315 4.34315 8 6 8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <path d=\"M7 8V6C7 3.23858 9.23858 1 12 1C14.7614 1 17 3.23858 17 6V8\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n Dashboard\r\n <svg class=\"dashboard-btn-arrow\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"opacity: 0.5; transition: transform 0.2s ease, opacity 0.2s ease;\">\r\n <path d=\"M5 12H19M19 12L13 6M19 12L13 18\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/button>\r\n<\/div>\r\n\r\n<!-- ============================================================\r\n MODALE DASHBOARD \u2014 STYLE NEWSLETTER (inchang\u00e9)\r\n ============================================================ -->\r\n<div id=\"dashboard-modal\" style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); backdrop-filter: blur(12px); z-index: 10000; align-items: center; justify-content: center; padding: 1rem; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\">\r\n <div style=\"background: linear-gradient(135deg, #0f0f13 0%, #1a1c23 100%); max-width: 480px; width: 100%; border-radius: 2rem; box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5), 0 0 0 1px rgba(44,134,255,0.15); overflow: hidden; animation: dashboardModalSlideIn 0.3s ease-out;\">\r\n <!-- Barre d'accent -->\r\n <div style=\"height: 4px; background: linear-gradient(90deg, #2c86ff, #4f46e5, #8b5cf6); width: 100%; border-radius: 4px 4px 0 0;\"><\/div>\r\n <!-- Contenu -->\r\n <div style=\"padding: 1.75rem 1.5rem 2rem 1.5rem; position: relative;\">\r\n <!-- Bouton fermer -->\r\n <button onclick=\"dashboardCloseModal()\" style=\"position: absolute; top: 1rem; right: 1rem; background: rgba(255,255,255,0.05); border: none; color: #9ca3af; font-size: 1.25rem; cursor: pointer; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s; backdrop-filter: blur(4px);\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 6L6 18M6 6L18 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/button>\r\n\r\n <!-- Icone et titres -->\r\n <div style=\"text-align: center; margin-bottom: 1.75rem;\">\r\n <div style=\"width: 56px; height: 56px; margin: 0 auto 1rem auto; background: linear-gradient(135deg, rgba(44,134,255,0.15), rgba(79,70,229,0.15)); border-radius: 50%; display: flex; align-items: center; justify-content: center;\">\r\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"color: #2c86ff;\">\r\n <path d=\"M12 2L2 7L12 12L22 7L12 2Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M2 17L12 22L22 17\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <path d=\"M2 12L12 17L22 12\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n <h3 style=\"font-size: 1.75rem; font-weight: 700; background: linear-gradient(135deg, #ffffff, #c084fc); -webkit-background-clip: text; background-clip: text; color: transparent; margin: 0 0 0.5rem 0;\">Technical Dashboard<\/h3>\r\n <p style=\"color: #9ca3af; font-size: 0.875rem; margin: 0; line-height: 1.5;\">Enter access password to continue<\/p>\r\n <\/div>\r\n\r\n <!-- Champ mot de passe -->\r\n <div style=\"margin-bottom: 1.25rem; position: relative;\">\r\n <input type=\"password\" id=\"dashboard-password-input\" placeholder=\"Enter password\" autocomplete=\"off\" style=\"width: 100%; padding: 0.875rem 1rem 0.875rem 2.75rem; background: #0a0b0f; border: 1.5px solid #2a2d3a; border-radius: 1rem; color: white; font-size: 0.9375rem; outline: none; transition: all 0.2s; font-family: inherit; box-sizing: border-box; font-weight: 500;\">\r\n <button onclick=\"dashboardTogglePassword()\" type=\"button\" style=\"position: absolute; right: 14px; top: 50%; transform: translateY(-50%); background: transparent; border: none; cursor: pointer; color: #6b7280; padding: 0; display: flex; align-items: center; transition: color 0.2s;\">\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M1 12C1 12 5 4 12 4C19 4 23 12 23 12C23 12 19 20 12 20C5 20 1 12 1 12Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.5\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- Boutons d'action -->\r\n <div style=\"display: flex; gap: 10px; margin-bottom: 20px;\">\r\n <button onclick=\"dashboardCloseModal()\" style=\"flex: 1; background: rgba(255,255,255,0.08); border: none; padding: 10px 0; border-radius: 1rem; font-size: 0.8rem; font-weight: 500; color: #9ca3af; cursor: pointer; transition: all 0.2s; font-family: inherit;\">Cancel<\/button>\r\n <button onclick=\"dashboardValidatePassword()\" style=\"flex: 1; background: linear-gradient(135deg, #2c86ff, #4f46e5); border: none; padding: 10px 0; border-radius: 1rem; font-size: 0.8rem; font-weight: 500; color: white; cursor: pointer; transition: all 0.25s; font-family: inherit; box-shadow: 0 4px 12px rgba(44,134,255,0.3);\">Access \u2192<\/button>\r\n <\/div>\r\n\r\n <!-- Pied de page -->\r\n <div style=\"display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 0.65rem; color: #6b7280; font-family: inherit;\">\r\n <span style=\"width: 3px; height: 3px; background: #4b5563; border-radius: 50%;\"><\/span>\r\n <span style=\"letter-spacing: 0.3px;\">Authorized access only<\/span>\r\n <span style=\"width: 3px; height: 3px; background: #4b5563; border-radius: 50%;\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- ============================================================\r\n STYLES D'ANIMATION (isol\u00e9es) + HOVER\r\n ============================================================ -->\r\n<style>\r\n @keyframes dashboardModalSlideIn {\r\n from { opacity: 0; transform: scale(0.95) translateY(-10px); }\r\n to { opacity: 1; transform: scale(1) translateY(0); }\r\n }\r\n\r\n \/* Effets de survol du bouton (identiques \u00e0 l'original) *\/\r\n #dashboard-open-btn:hover {\r\n background: rgba(44, 134, 255, 0.12);\r\n border-color: rgba(44, 134, 255, 0.3);\r\n color: #2c86ff;\r\n transform: translateY(-1px);\r\n }\r\n #dashboard-open-btn:hover .dashboard-btn-icon {\r\n transform: scale(1.05);\r\n opacity: 1;\r\n }\r\n #dashboard-open-btn:hover .dashboard-btn-arrow {\r\n opacity: 0.8;\r\n transform: translateX(2px);\r\n }\r\n\r\n \/* Hover du bouton fermer *\/\r\n #dashboard-modal button[onclick=\"dashboardCloseModal()\"]:hover {\r\n background: rgba(255,255,255,0.15);\r\n color: white;\r\n transform: rotate(90deg);\r\n }\r\n\r\n \/* Focus du champ *\/\r\n #dashboard-password-input:focus {\r\n border-color: #2c86ff !important;\r\n box-shadow: 0 0 0 3px rgba(44,134,255,0.2);\r\n }\r\n\r\n \/* Hover des boutons Cancel\/Submit *\/\r\n #dashboard-modal button[onclick=\"dashboardCloseModal()\"]:not(:first-child):hover {\r\n background: rgba(255,255,255,0.15);\r\n color: white;\r\n }\r\n #dashboard-modal button[onclick=\"dashboardValidatePassword()\"]:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 6px 20px rgba(44,134,255,0.35);\r\n background: linear-gradient(135deg, #1e6fd9, #3b36c4);\r\n }\r\n #dashboard-modal button[onclick=\"dashboardValidatePassword()\"]:active {\r\n transform: translateY(0);\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 480px) {\r\n #dashboard-modal > div {\r\n border-radius: 1.5rem !important;\r\n }\r\n #dashboard-modal > div > div {\r\n padding: 1.25rem 1rem 1.5rem 1rem !important;\r\n }\r\n #dashboard-modal h3 {\r\n font-size: 1.5rem !important;\r\n }\r\n }\r\n @media (max-width: 380px) {\r\n #dashboard-modal > div > div {\r\n padding: 1rem 0.875rem 1.25rem 1.875rem !important;\r\n }\r\n #dashboard-modal h3 {\r\n font-size: 1.35rem !important;\r\n }\r\n #dashboard-modal p {\r\n font-size: 0.75rem !important;\r\n }\r\n }\r\n<\/style>\r\n\r\n<!-- ============================================================\r\n JAVASCRIPT \u2014 FONCTIONS ISOL\u00c9ES\r\n ============================================================ -->\r\n<script>\r\n \/\/ Ouverture\r\n document.getElementById('dashboard-open-btn').addEventListener('click', function() {\r\n var modal = document.getElementById('dashboard-modal');\r\n if (modal) {\r\n modal.style.display = 'flex';\r\n document.getElementById('dashboard-password-input').value = '';\r\n setTimeout(function() {\r\n document.getElementById('dashboard-password-input').focus();\r\n }, 100);\r\n }\r\n });\r\n\r\n \/\/ Fermeture\r\n window.dashboardCloseModal = function() {\r\n var modal = document.getElementById('dashboard-modal');\r\n if (modal) modal.style.display = 'none';\r\n };\r\n\r\n \/\/ Toggle password\r\n window.dashboardTogglePassword = function() {\r\n var input = document.getElementById('dashboard-password-input');\r\n input.type = (input.type === 'password') ? 'text' : 'password';\r\n };\r\n\r\n \/\/ Validation\r\n window.dashboardValidatePassword = function() {\r\n var input = document.getElementById('dashboard-password-input');\r\n if (input.value === \"ay1589\") {\r\n window.location.href = \"https:\/\/assistyu.com\/team-dashboard\/\";\r\n } else {\r\n alert(\"Wrong password.\");\r\n input.value = '';\r\n input.focus();\r\n }\r\n };\r\n\r\n \/\/ Fermeture en cliquant \u00e0 l'ext\u00e9rieur\r\n document.addEventListener('click', function(event) {\r\n var modal = document.getElementById('dashboard-modal');\r\n var modalContainer = modal ? modal.querySelector('div') : null;\r\n if (modal && modal.style.display === 'flex' && modalContainer && !modalContainer.contains(event.target) && !event.target.closest('#dashboard-open-btn')) {\r\n dashboardCloseModal();\r\n }\r\n });\r\n\r\n \/\/ Touche Entr\u00e9e\r\n document.getElementById('dashboard-password-input').addEventListener('keypress', function(e) {\r\n if (e.key === 'Enter') dashboardValidatePassword();\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3cb288 elementor-widget elementor-widget-text-editor\" data-id=\"a3cb288\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Copyright @ 2026 <a href=\"https:\/\/assistyu.com\/\">AssistYu<\/a>. All Rights Reserved<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/footer>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AssistYu \u2014 Partners AssistYu \u00b7 Partner Program Grow with us \u2014become a partner Join our ecosystem of resellers, integrators, and consultants. Offer cutting\u2011edge cybersecurity solutions to your clients and build recurring revenue streams. Apply now View programs Partner Portal Live Preview Live Feed Commissions Today $0.00 +$49.00 \u25b2 +0.00% Our Partners 2,857 +1 Partner +0 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-7026","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/pages\/7026","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/comments?post=7026"}],"version-history":[{"count":58,"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/pages\/7026\/revisions"}],"predecessor-version":[{"id":7517,"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/pages\/7026\/revisions\/7517"}],"wp:attachment":[{"href":"https:\/\/assistyu.com\/it\/wp-json\/wp\/v2\/media?parent=7026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}