{"id":708,"date":"2025-08-10T17:55:13","date_gmt":"2025-08-10T17:55:13","guid":{"rendered":"https:\/\/iptv4kcanada.com\/best-iptv-canada\/?page_id=708"},"modified":"2026-04-15T18:48:18","modified_gmt":"2026-04-15T18:48:18","slug":"iptv-reseller","status":"publish","type":"page","link":"https:\/\/iptv4kcanada.com\/iptv-from-canada\/iptv-reseller\/","title":{"rendered":"IPTV Reseller"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"708\" class=\"elementor elementor-708\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d969c2 e-flex e-con-boxed e-con e-parent\" data-id=\"2d969c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a771f4 elementor-widget elementor-widget-html\" data-id=\"8a771f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n<title>StreamForce \u2014 IPTV Reseller Panel<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Barlow:wght@300;400;500;600;700&family=Barlow+Condensed:wght@400;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n  :root {\r\n    --bg: #080c12;\r\n    --bg2: #0d1420;\r\n    --bg3: #111827;\r\n    --accent: #00d4ff;\r\n    --accent2: #ff3d6b;\r\n    --accent3: #7c3aed;\r\n    --gold: #f59e0b;\r\n    --text: #e2e8f0;\r\n    --muted: #64748b;\r\n    --border: rgba(0,212,255,0.15);\r\n    --glow: 0 0 40px rgba(0,212,255,0.25);\r\n  }\r\n\r\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n  html { scroll-behavior: smooth; }\r\n\r\n  body {\r\n    background: var(--bg);\r\n    color: var(--text);\r\n    font-family: 'Barlow', sans-serif;\r\n    overflow-x: hidden;\r\n    cursor: none;\r\n  }\r\n\r\n  \/* Custom cursor *\/\r\n  .cursor {\r\n    width: 12px; height: 12px;\r\n    background: var(--accent);\r\n    border-radius: 50%;\r\n    position: fixed; top: 0; left: 0;\r\n    pointer-events: none;\r\n    z-index: 9999;\r\n    transition: transform 0.1s;\r\n    mix-blend-mode: screen;\r\n  }\r\n  .cursor-ring {\r\n    width: 36px; height: 36px;\r\n    border: 1px solid var(--accent);\r\n    border-radius: 50%;\r\n    position: fixed; top: 0; left: 0;\r\n    pointer-events: none;\r\n    z-index: 9998;\r\n    opacity: 0.5;\r\n    transition: transform 0.15s, width 0.2s, height 0.2s;\r\n  }\r\n\r\n  \/* Background grid *\/\r\n  body::before {\r\n    content: '';\r\n    position: fixed; inset: 0;\r\n    background-image:\r\n      linear-gradient(rgba(0,212,255,0.03) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(0,212,255,0.03) 1px, transparent 1px);\r\n    background-size: 50px 50px;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* NAV *\/\r\n  nav {\r\n    position: fixed; top: 0; left: 0; right: 0;\r\n    z-index: 100;\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    padding: 0 5%;\r\n    height: 70px;\r\n    border-bottom: 1px solid var(--border);\r\n    background: rgba(8,12,18,0.9);\r\n    backdrop-filter: blur(20px);\r\n  }\r\n  .nav-logo {\r\n    font-family: 'Bebas Neue', sans-serif;\r\n    font-size: 1.8rem;\r\n    letter-spacing: 4px;\r\n    color: var(--accent);\r\n    text-shadow: 0 0 20px rgba(0,212,255,0.5);\r\n  }\r\n  .nav-logo span { color: var(--accent2); }\r\n  .nav-links { display: flex; gap: 2rem; list-style: none; }\r\n  .nav-links a {\r\n    text-decoration: none;\r\n    color: var(--muted);\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    transition: color 0.2s;\r\n  }\r\n  .nav-links a:hover { color: var(--accent); }\r\n  .nav-cta {\r\n    padding: 8px 22px;\r\n    border: 1px solid var(--accent);\r\n    color: var(--accent);\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    transition: all 0.3s;\r\n    clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);\r\n  }\r\n  .nav-cta:hover {\r\n    background: var(--accent);\r\n    color: var(--bg);\r\n    box-shadow: var(--glow);\r\n  }\r\n\r\n  \/* HERO *\/\r\n  .hero {\r\n    position: relative;\r\n    min-height: 100vh;\r\n    display: flex; align-items: center;\r\n    padding: 70px 5% 0;\r\n    overflow: hidden;\r\n  }\r\n  .hero-bg {\r\n    position: absolute; inset: 0;\r\n    background:\r\n      radial-gradient(ellipse 80% 60% at 70% 50%, rgba(0,212,255,0.06) 0%, transparent 70%),\r\n      radial-gradient(ellipse 50% 40% at 80% 20%, rgba(124,58,237,0.08) 0%, transparent 60%);\r\n  }\r\n  .hero-content { position: relative; z-index: 1; max-width: 700px; }\r\n  .hero-badge {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    padding: 6px 16px;\r\n    border: 1px solid rgba(0,212,255,0.3);\r\n    background: rgba(0,212,255,0.05);\r\n    font-size: 0.72rem;\r\n    font-weight: 700;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n    color: var(--accent);\r\n    margin-bottom: 2rem;\r\n    clip-path: polygon(6px 0%, 100% 0%, calc(100% - 6px) 100%, 0% 100%);\r\n  }\r\n  .hero-badge::before {\r\n    content: '';\r\n    width: 6px; height: 6px;\r\n    background: var(--accent);\r\n    border-radius: 50%;\r\n    animation: pulse 1.5s infinite;\r\n  }\r\n  @keyframes pulse {\r\n    0%,100% { opacity: 1; transform: scale(1); }\r\n    50% { opacity: 0.4; transform: scale(1.4); }\r\n  }\r\n  .hero h1 {\r\n    font-family: 'Bebas Neue', sans-serif;\r\n    font-size: clamp(3.5rem, 8vw, 7rem);\r\n    line-height: 0.95;\r\n    letter-spacing: 3px;\r\n    margin-bottom: 1.5rem;\r\n  }\r\n  .hero h1 .line1 { color: var(--text); display: block; }\r\n  .hero h1 .line2 {\r\n    color: transparent;\r\n    -webkit-text-stroke: 1px var(--accent);\r\n    display: block;\r\n    animation: glitch 8s infinite;\r\n  }\r\n  @keyframes glitch {\r\n    0%,95%,100% { text-shadow: none; }\r\n    96% { text-shadow: 2px 0 var(--accent2), -2px 0 var(--accent); }\r\n    97% { text-shadow: -2px 0 var(--accent2), 2px 0 var(--accent); }\r\n    98% { text-shadow: none; }\r\n    99% { text-shadow: 3px 0 var(--accent), -3px 0 var(--accent2); }\r\n  }\r\n  .hero h1 .line3 { color: var(--accent); display: block; }\r\n  .hero-sub {\r\n    font-size: 1.1rem;\r\n    color: var(--muted);\r\n    line-height: 1.7;\r\n    max-width: 500px;\r\n    margin-bottom: 2.5rem;\r\n    font-weight: 300;\r\n  }\r\n  .hero-actions { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; }\r\n  .btn-primary {\r\n    padding: 14px 36px;\r\n    background: linear-gradient(135deg, var(--accent), var(--accent3));\r\n    color: var(--bg);\r\n    font-weight: 800;\r\n    font-size: 0.85rem;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    border: none;\r\n    text-decoration: none;\r\n    display: inline-block;\r\n    clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);\r\n    transition: all 0.3s;\r\n    box-shadow: 0 0 30px rgba(0,212,255,0.3);\r\n  }\r\n  .btn-primary:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 0 50px rgba(0,212,255,0.5);\r\n  }\r\n  .btn-secondary {\r\n    padding: 14px 36px;\r\n    border: 1px solid var(--border);\r\n    color: var(--text);\r\n    font-weight: 600;\r\n    font-size: 0.85rem;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    display: inline-block;\r\n    clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);\r\n    transition: all 0.3s;\r\n  }\r\n  .btn-secondary:hover { border-color: var(--accent); color: var(--accent); }\r\n\r\n  .hero-visual {\r\n    position: absolute; right: 0; top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 45%;\r\n    display: flex; align-items: center; justify-content: center;\r\n  }\r\n  .tv-frame {\r\n    width: 420px; height: 270px;\r\n    border: 2px solid var(--border);\r\n    background: var(--bg2);\r\n    position: relative;\r\n    box-shadow: 0 0 60px rgba(0,212,255,0.1), inset 0 0 30px rgba(0,0,0,0.5);\r\n    clip-path: polygon(15px 0%, 100% 0%, calc(100% - 15px) 100%, 0% 100%);\r\n  }\r\n  .tv-screen {\r\n    position: absolute; inset: 12px;\r\n    background: linear-gradient(135deg, #0a1628 0%, #0d2040 100%);\r\n    overflow: hidden;\r\n  }\r\n  .tv-channels {\r\n    position: absolute; top: 10px; right: 10px;\r\n    display: flex; flex-direction: column; gap: 6px;\r\n  }\r\n  .ch {\r\n    width: 50px; height: 30px;\r\n    background: rgba(0,212,255,0.1);\r\n    border: 1px solid rgba(0,212,255,0.2);\r\n    border-radius: 3px;\r\n    animation: flicker 3s infinite;\r\n  }\r\n  .ch:nth-child(1) { animation-delay: 0s; background: rgba(255,61,107,0.15); border-color: rgba(255,61,107,0.3); }\r\n  .ch:nth-child(2) { animation-delay: 0.5s; }\r\n  .ch:nth-child(3) { animation-delay: 1s; background: rgba(124,58,237,0.15); border-color: rgba(124,58,237,0.3); }\r\n  @keyframes flicker {\r\n    0%,100% { opacity: 1; } 50% { opacity: 0.6; }\r\n  }\r\n  .tv-stats {\r\n    position: absolute; bottom: 10px; left: 10px; right: 70px;\r\n  }\r\n  .stat-bar {\r\n    height: 4px; background: rgba(0,212,255,0.1);\r\n    border-radius: 2px; margin-bottom: 6px; overflow: hidden;\r\n  }\r\n  .stat-fill {\r\n    height: 100%; background: linear-gradient(90deg, var(--accent), var(--accent3));\r\n    border-radius: 2px;\r\n    animation: fill 2s ease-in-out infinite alternate;\r\n  }\r\n  .stat-fill:nth-child(1) { width: 80%; animation-delay: 0s; }\r\n  @keyframes fill { from { opacity: 0.5; } to { opacity: 1; } }\r\n  .tv-label {\r\n    position: absolute; top: 10px; left: 10px;\r\n    font-family: 'Bebas Neue', sans-serif;\r\n    font-size: 0.75rem; letter-spacing: 3px;\r\n    color: var(--accent); opacity: 0.7;\r\n  }\r\n  .tv-count {\r\n    position: absolute; bottom: 10px; right: 10px; bottom: 40px;\r\n    font-family: 'Bebas Neue', sans-serif;\r\n    font-size: 2.5rem;\r\n    color: var(--accent);\r\n    line-height: 1;\r\n    text-shadow: 0 0 20px rgba(0,212,255,0.5);\r\n  }\r\n  .tv-count small {\r\n    display: block;\r\n    font-size: 0.5rem;\r\n    letter-spacing: 3px;\r\n    color: var(--muted);\r\n    font-family: 'Barlow', sans-serif;\r\n  }\r\n  .tv-scanline {\r\n    position: absolute; inset: 0;\r\n    background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.05) 2px, rgba(0,0,0,0.05) 4px);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* STATS BAR *\/\r\n  .stats-bar {\r\n    position: relative; z-index: 1;\r\n    display: grid; grid-template-columns: repeat(4, 1fr);\r\n    border-top: 1px solid var(--border);\r\n    border-bottom: 1px solid var(--border);\r\n    background: rgba(13,20,32,0.8);\r\n  }\r\n  .stat-item {\r\n    padding: 2rem;\r\n    text-align: center;\r\n    border-right: 1px solid var(--border);\r\n    transition: background 0.3s;\r\n  }\r\n  .stat-item:last-child { border-right: none; }\r\n  .stat-item:hover { background: rgba(0,212,255,0.03); }\r\n  .stat-num {\r\n    font-family: 'Bebas Neue', sans-serif;\r\n    font-size: 2.5rem;\r\n    color: var(--accent);\r\n    letter-spacing: 2px;\r\n    line-height: 1;\r\n  }\r\n  .stat-label {\r\n    font-size: 0.7rem; letter-spacing: 2px; text-transform: uppercase;\r\n    color: var(--muted); margin-top: 4px;\r\n  }\r\n\r\n  \/* SECTIONS *\/\r\n  section { position: relative; z-index: 1; }\r\n  .section-header {\r\n    text-align: center;\r\n    margin-bottom: 4rem;\r\n  }\r\n  .section-tag {\r\n    display: inline-block;\r\n    font-size: 0.7rem; letter-spacing: 4px; text-transform: uppercase;\r\n    color: var(--accent); margin-bottom: 1rem;\r\n    font-weight: 700;\r\n  }\r\n  .section-title {\r\n    font-family: 'Bebas Neue', sans-serif;\r\n    font-size: clamp(2.5rem, 5vw, 4rem);\r\n    letter-spacing: 3px;\r\n    line-height: 1;\r\n  }\r\n\r\n  \/* PLANS *\/\r\n  .plans { padding: 6rem 5%; }\r\n  .plans-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n    gap: 1.5px;\r\n    background: var(--border);\r\n  }\r\n  .plan-card {\r\n    background: var(--bg2);\r\n    padding: 2.5rem;\r\n    position: relative;\r\n    transition: all 0.3s;\r\n    overflow: hidden;\r\n  }\r\n  .plan-card::before {\r\n    content: '';\r\n    position: absolute; top: 0; left: 0; right: 0;\r\n    height: 3px;\r\n  }\r\n  .plan-card.starter::before { background: var(--muted); }\r\n  .plan-card.pro::before { background: linear-gradient(90deg, var(--accent), var(--accent3)); }\r\n  .plan-card.elite::before { background: linear-gradient(90deg, var(--gold), var(--accent2)); }\r\n  .plan-card.reseller::before { background: linear-gradient(90deg, var(--accent3), var(--accent2)); }\r\n  .plan-card.featured {\r\n    background: linear-gradient(135deg, rgba(0,212,255,0.05), rgba(124,58,237,0.05));\r\n    box-shadow: 0 0 60px rgba(0,212,255,0.1);\r\n  }\r\n  .plan-card:hover { transform: translateY(-4px); }\r\n  .plan-badge {\r\n    position: absolute; top: 1rem; right: 1rem;\r\n    padding: 3px 10px;\r\n    font-size: 0.6rem; font-weight: 800; letter-spacing: 2px; text-transform: uppercase;\r\n    background: var(--accent); color: var(--bg);\r\n  }\r\n  .plan-name {\r\n    font-family: 'Barlow Condensed', sans-serif;\r\n    font-size: 0.75rem; letter-spacing: 4px; text-transform: uppercase;\r\n    color: var(--muted); margin-bottom: 0.5rem;\r\n  }\r\n  .plan-price {\r\n    font-family: 'Bebas Neue', sans-serif;\r\n    font-size: 3.5rem; letter-spacing: 2px;\r\n    line-height: 1; margin-bottom: 0.25rem;\r\n  }\r\n  .plan-price span { font-size: 1.5rem; color: var(--muted); vertical-align: top; margin-top: 0.5rem; display: inline-block; }\r\n  .plan-period { font-size: 0.75rem; color: var(--muted); letter-spacing: 2px; margin-bottom: 2rem; text-transform: uppercase; }\r\n  .plan-features { list-style: none; margin-bottom: 2rem; }\r\n  .plan-features li {\r\n    padding: 0.6rem 0;\r\n    border-bottom: 1px solid rgba(255,255,255,0.04);\r\n    font-size: 0.85rem; color: #94a3b8;\r\n    display: flex; align-items: center; gap: 8px;\r\n  }\r\n  .plan-features li::before {\r\n    content: '\u25b8';\r\n    color: var(--accent);\r\n    font-size: 0.6rem;\r\n    flex-shrink: 0;\r\n  }\r\n  .plan-btn {\r\n    display: block; width: 100%;\r\n    padding: 12px;\r\n    text-align: center;\r\n    font-weight: 700; font-size: 0.8rem; letter-spacing: 2px; text-transform: uppercase;\r\n    text-decoration: none;\r\n    transition: all 0.3s;\r\n    clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%);\r\n  }\r\n  .plan-btn.outline {\r\n    border: 1px solid var(--border);\r\n    color: var(--muted);\r\n  }\r\n  .plan-btn.outline:hover { border-color: var(--accent); color: var(--accent); }\r\n  .plan-btn.filled {\r\n    background: linear-gradient(135deg, var(--accent), var(--accent3));\r\n    color: var(--bg);\r\n    box-shadow: 0 0 30px rgba(0,212,255,0.2);\r\n  }\r\n  .plan-btn.filled:hover { box-shadow: 0 0 50px rgba(0,212,255,0.4); }\r\n  .plan-btn.gold {\r\n    background: linear-gradient(135deg, var(--gold), var(--accent2));\r\n    color: var(--bg);\r\n  }\r\n\r\n  \/* FEATURES *\/\r\n  .features { padding: 6rem 5%; background: var(--bg2); }\r\n  .features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n    gap: 1px;\r\n    background: var(--border);\r\n  }\r\n  .feature-card {\r\n    background: var(--bg2);\r\n    padding: 2.5rem;\r\n    transition: all 0.3s;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .feature-card::after {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    background: linear-gradient(135deg, rgba(0,212,255,0.03), transparent);\r\n    opacity: 0;\r\n    transition: opacity 0.3s;\r\n  }\r\n  .feature-card:hover::after { opacity: 1; }\r\n  .feature-icon {\r\n    font-size: 2rem; margin-bottom: 1.2rem;\r\n    display: block;\r\n    filter: drop-shadow(0 0 10px rgba(0,212,255,0.3));\r\n  }\r\n  .feature-title {\r\n    font-family: 'Barlow Condensed', sans-serif;\r\n    font-size: 1.1rem; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;\r\n    color: var(--text); margin-bottom: 0.75rem;\r\n  }\r\n  .feature-desc { font-size: 0.85rem; color: var(--muted); line-height: 1.7; }\r\n\r\n  \/* HOW IT WORKS *\/\r\n  .how { padding: 6rem 5%; }\r\n  .steps {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n    gap: 2rem;\r\n    position: relative;\r\n  }\r\n  .step {\r\n    text-align: center;\r\n    padding: 2rem;\r\n    position: relative;\r\n  }\r\n  .step-num {\r\n    font-family: 'Bebas Neue', sans-serif;\r\n    font-size: 4rem; letter-spacing: 4px;\r\n    color: transparent;\r\n    -webkit-text-stroke: 1px rgba(0,212,255,0.3);\r\n    line-height: 1;\r\n    margin-bottom: 1rem;\r\n  }\r\n  .step h3 {\r\n    font-family: 'Barlow Condensed', sans-serif;\r\n    font-size: 1rem; letter-spacing: 3px; text-transform: uppercase;\r\n    color: var(--accent); margin-bottom: 0.75rem;\r\n  }\r\n  .step p { font-size: 0.85rem; color: var(--muted); line-height: 1.7; }\r\n\r\n  \/* TESTIMONIALS *\/\r\n  .testimonials { padding: 6rem 5%; background: var(--bg2); }\r\n  .testi-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    gap: 1px;\r\n    background: var(--border);\r\n  }\r\n  .testi-card {\r\n    background: var(--bg2);\r\n    padding: 2.5rem;\r\n    position: relative;\r\n  }\r\n  .testi-quote {\r\n    font-size: 0.9rem; color: #94a3b8;\r\n    line-height: 1.8; margin-bottom: 1.5rem;\r\n    font-style: italic;\r\n  }\r\n  .testi-quote::before {\r\n    content: '\"';\r\n    font-family: 'Bebas Neue', sans-serif;\r\n    font-size: 4rem;\r\n    color: var(--accent);\r\n    opacity: 0.3;\r\n    line-height: 0;\r\n    vertical-align: -1.5rem;\r\n    margin-right: 4px;\r\n  }\r\n  .testi-author { display: flex; align-items: center; gap: 1rem; }\r\n  .testi-avatar {\r\n    width: 42px; height: 42px;\r\n    border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-family: 'Bebas Neue', sans-serif;\r\n    font-size: 1.2rem;\r\n    background: linear-gradient(135deg, var(--accent3), var(--accent));\r\n    color: white;\r\n    flex-shrink: 0;\r\n  }\r\n  .testi-name { font-weight: 700; font-size: 0.9rem; }\r\n  .testi-role { font-size: 0.75rem; color: var(--muted); letter-spacing: 1px; }\r\n  .testi-stars { color: var(--gold); font-size: 0.75rem; margin-top: 2px; }\r\n\r\n  \/* CTA *\/\r\n  .cta-section {\r\n    padding: 8rem 5%;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .cta-section::before {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    background: radial-gradient(ellipse 80% 60% at 50% 50%, rgba(0,212,255,0.06) 0%, transparent 70%);\r\n  }\r\n  .cta-section h2 {\r\n    font-family: 'Bebas Neue', sans-serif;\r\n    font-size: clamp(3rem, 6vw, 5rem);\r\n    letter-spacing: 4px;\r\n    line-height: 1;\r\n    margin-bottom: 1.5rem;\r\n  }\r\n  .cta-section p {\r\n    color: var(--muted); font-size: 1rem; max-width: 500px;\r\n    margin: 0 auto 2.5rem;\r\n  }\r\n  .cta-btns { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }\r\n\r\n  \/* FOOTER *\/\r\n  footer {\r\n    border-top: 1px solid var(--border);\r\n    padding: 2rem 5%;\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    flex-wrap: wrap; gap: 1rem;\r\n    background: var(--bg);\r\n  }\r\n  .footer-logo {\r\n    font-family: 'Bebas Neue', sans-serif;\r\n    font-size: 1.3rem; letter-spacing: 4px;\r\n    color: var(--accent);\r\n  }\r\n  .footer-logo span { color: var(--accent2); }\r\n  .footer-links { display: flex; gap: 2rem; }\r\n  .footer-links a {\r\n    color: var(--muted); text-decoration: none;\r\n    font-size: 0.75rem; letter-spacing: 2px; text-transform: uppercase;\r\n    transition: color 0.2s;\r\n  }\r\n  .footer-links a:hover { color: var(--accent); }\r\n  .footer-copy { font-size: 0.75rem; color: var(--muted); }\r\n\r\n  \/* SCROLL ANIMATIONS *\/\r\n  .fade-in {\r\n    opacity: 0; transform: translateY(20px);\r\n    transition: opacity 0.6s ease, transform 0.6s ease;\r\n  }\r\n  .fade-in.visible { opacity: 1; transform: translateY(0); }\r\n\r\n  @media (max-width: 768px) {\r\n    .hero-visual { display: none; }\r\n    .stats-bar { grid-template-columns: repeat(2, 1fr); }\r\n    .nav-links { display: none; }\r\n    nav { padding: 0 4%; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"cursor\" id=\"cursor\"><\/div>\r\n<div class=\"cursor-ring\" id=\"cursorRing\"><\/div>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n  <div class=\"nav-logo\">Stream<span>Force<\/span><\/div>\r\n  <ul class=\"nav-links\">\r\n    <li><a href=\"#plans\">Plans<\/a><\/li>\r\n    <li><a href=\"#features\">Features<\/a><\/li>\r\n    <li><a href=\"#how\">How It Works<\/a><\/li>\r\n    <li><a href=\"#testimonials\">Reviews<\/a><\/li>\r\n  <\/ul>\r\n  <a href=\"#plans\" class=\"nav-cta\">Become Reseller<\/a>\r\n<\/nav>\r\n\r\n<!-- HERO -->\r\n<div class=\"hero\">\r\n  <div class=\"hero-bg\"><\/div>\r\n  <div class=\"hero-content\">\r\n    <div class=\"hero-badge\">\ud83d\udd34 Live Now \u2014 20,000+ Channels<\/div>\r\n    <h1>\r\n      <span class=\"line1\">BUILD YOUR<\/span>\r\n      <span class=\"line2\">STREAMING<\/span>\r\n      <span class=\"line3\">EMPIRE.<\/span>\r\n    <\/h1>\r\n    <p class=\"hero-sub\">Become an IPTV reseller with the most reliable infrastructure on the market. White-label panel, instant activation, 99.9% uptime.<\/p>\r\n    <div class=\"hero-actions\">\r\n      <a href=\"#plans\" class=\"btn-primary\">Start Reselling Today<\/a>\r\n      <a href=\"#how\" class=\"btn-secondary\">How It Works<\/a>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"hero-visual\">\r\n    <div class=\"tv-frame\">\r\n      <div class=\"tv-screen\">\r\n        <div class=\"tv-scanline\"><\/div>\r\n        <div class=\"tv-label\">LIVE CHANNELS<\/div>\r\n        <div class=\"tv-count\">20K+<small>ACTIVE CHANNELS<\/small><\/div>\r\n        <div class=\"tv-channels\">\r\n          <div class=\"ch\"><\/div>\r\n          <div class=\"ch\"><\/div>\r\n          <div class=\"ch\"><\/div>\r\n        <\/div>\r\n        <div class=\"tv-stats\">\r\n          <div class=\"stat-bar\"><div class=\"stat-fill\" style=\"width:88%\"><\/div><\/div>\r\n          <div class=\"stat-bar\"><div class=\"stat-fill\" style=\"width:72%\"><\/div><\/div>\r\n          <div class=\"stat-bar\"><div class=\"stat-fill\" style=\"width:95%\"><\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- STATS BAR -->\r\n<div class=\"stats-bar\">\r\n  <div class=\"stat-item\">\r\n    <div class=\"stat-num\">20K+<\/div>\r\n    <div class=\"stat-label\">Live Channels<\/div>\r\n  <\/div>\r\n  <div class=\"stat-item\">\r\n    <div class=\"stat-num\">99.9%<\/div>\r\n    <div class=\"stat-label\">Uptime SLA<\/div>\r\n  <\/div>\r\n  <div class=\"stat-item\">\r\n    <div class=\"stat-num\">150+<\/div>\r\n    <div class=\"stat-label\">Countries Covered<\/div>\r\n  <\/div>\r\n  <div class=\"stat-item\">\r\n    <div class=\"stat-num\">24\/7<\/div>\r\n    <div class=\"stat-label\">Reseller Support<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- PLANS -->\r\n<section class=\"plans\" id=\"plans\">\r\n  <div class=\"section-header fade-in\">\r\n    <div class=\"section-tag\">\ud83d\udcb0 Reseller Plans<\/div>\r\n    <h2 class=\"section-title\">Choose Your Package<\/h2>\r\n  <\/div>\r\n  <div class=\"plans-grid\">\r\n    <!-- Starter -->\r\n    <div class=\"plan-card starter fade-in\">\r\n      <div class=\"plan-name\">Starter<\/div>\r\n      <div class=\"plan-price\"><span>$<\/span>19<\/div>\r\n      <div class=\"plan-period\">\/ month \u2014 10 credits<\/div>\r\n      <ul class=\"plan-features\">\r\n        <li>10 User Credits<\/li>\r\n        <li>20,000+ Channels<\/li>\r\n        <li>Full HD Streams<\/li>\r\n        <li>1 Connection \/ User<\/li>\r\n        <li>VOD & Series Library<\/li>\r\n        <li>Basic Reseller Panel<\/li>\r\n        <li>Email Support<\/li>\r\n      <\/ul>\r\n      <a href=\"#\" class=\"plan-btn outline\">Get Started<\/a>\r\n    <\/div>\r\n    <!-- Pro -->\r\n    <div class=\"plan-card pro featured fade-in\">\r\n      <div class=\"plan-badge\">Popular<\/div>\r\n      <div class=\"plan-name\">Pro<\/div>\r\n      <div class=\"plan-price\"><span>$<\/span>49<\/div>\r\n      <div class=\"plan-period\">\/ month \u2014 30 credits<\/div>\r\n      <ul class=\"plan-features\">\r\n        <li>30 User Credits<\/li>\r\n        <li>20,000+ Channels<\/li>\r\n        <li>4K Ultra HD Streams<\/li>\r\n        <li>2 Connections \/ User<\/li>\r\n        <li>VOD & Series Library<\/li>\r\n        <li>White-Label Panel<\/li>\r\n        <li>Priority Support<\/li>\r\n        <li>Anti-freeze Technology<\/li>\r\n      <\/ul>\r\n      <a href=\"#\" class=\"plan-btn filled\">Get Started<\/a>\r\n    <\/div>\r\n    <!-- Elite -->\r\n    <div class=\"plan-card elite fade-in\">\r\n      <div class=\"plan-name\">Elite<\/div>\r\n      <div class=\"plan-price\"><span>$<\/span>99<\/div>\r\n      <div class=\"plan-period\">\/ month \u2014 75 credits<\/div>\r\n      <ul class=\"plan-features\">\r\n        <li>75 User Credits<\/li>\r\n        <li>20,000+ Channels<\/li>\r\n        <li>4K + HDR Streams<\/li>\r\n        <li>3 Connections \/ User<\/li>\r\n        <li>Full VOD Library<\/li>\r\n        <li>Custom Branding<\/li>\r\n        <li>Dedicated Manager<\/li>\r\n        <li>API Access<\/li>\r\n      <\/ul>\r\n      <a href=\"#\" class=\"plan-btn gold\">Get Started<\/a>\r\n    <\/div>\r\n    <!-- Reseller Pro -->\r\n    <div class=\"plan-card reseller fade-in\">\r\n      <div class=\"plan-name\">Reseller Pro<\/div>\r\n      <div class=\"plan-price\"><span>$<\/span>199<\/div>\r\n      <div class=\"plan-period\">\/ month \u2014 200 credits<\/div>\r\n      <ul class=\"plan-features\">\r\n        <li>200 User Credits<\/li>\r\n        <li>20,000+ Channels<\/li>\r\n        <li>4K + HDR + Dolby<\/li>\r\n        <li>Unlimited Connections<\/li>\r\n        <li>Complete VOD Access<\/li>\r\n        <li>Full White-Label<\/li>\r\n        <li>24\/7 VIP Support<\/li>\r\n        <li>Sub-Reseller Panel<\/li>\r\n        <li>Revenue Dashboard<\/li>\r\n      <\/ul>\r\n      <a href=\"#\" class=\"plan-btn filled\">Contact Sales<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FEATURES -->\r\n<section class=\"features\" id=\"features\">\r\n  <div class=\"section-header fade-in\">\r\n    <div class=\"section-tag\">\u26a1 What You Get<\/div>\r\n    <h2 class=\"section-title\">Everything You Need to Scale<\/h2>\r\n  <\/div>\r\n  <div class=\"features-grid\">\r\n    <div class=\"feature-card fade-in\">\r\n      <span class=\"feature-icon\">\ud83d\udce1<\/span>\r\n      <div class=\"feature-title\">20,000+ Live Channels<\/div>\r\n      <p class=\"feature-desc\">Premium sports, news, entertainment, and international channels. Updated daily with zero dead links.<\/p>\r\n    <\/div>\r\n    <div class=\"feature-card fade-in\">\r\n      <span class=\"feature-icon\">\ud83d\udd12<\/span>\r\n      <div class=\"feature-title\">White-Label Panel<\/div>\r\n      <p class=\"feature-desc\">Your brand, your domain, your business. Fully branded reseller dashboard with custom colors and logo.<\/p>\r\n    <\/div>\r\n    <div class=\"feature-card fade-in\">\r\n      <span class=\"feature-icon\">\u26a1<\/span>\r\n      <div class=\"feature-title\">Anti-Freeze Tech<\/div>\r\n      <p class=\"feature-desc\">Proprietary buffer-reduction technology eliminates freezing and buffering on any internet connection.<\/p>\r\n    <\/div>\r\n    <div class=\"feature-card fade-in\">\r\n      <span class=\"feature-icon\">\ud83d\udcca<\/span>\r\n      <div class=\"feature-title\">Live Revenue Stats<\/div>\r\n      <p class=\"feature-desc\">Real-time dashboard showing active subscriptions, revenue, renewals, and user analytics.<\/p>\r\n    <\/div>\r\n    <div class=\"feature-card fade-in\">\r\n      <span class=\"feature-icon\">\ud83c\udf0d<\/span>\r\n      <div class=\"feature-title\">Global CDN Network<\/div>\r\n      <p class=\"feature-desc\">150+ server locations worldwide ensure low latency and fast stream delivery for every user.<\/p>\r\n    <\/div>\r\n    <div class=\"feature-card fade-in\">\r\n      <span class=\"feature-icon\">\ud83c\udfac<\/span>\r\n      <div class=\"feature-title\">VOD & Series Library<\/div>\r\n      <p class=\"feature-desc\">80,000+ movies and TV series on demand. Updated weekly with the latest releases.<\/p>\r\n    <\/div>\r\n    <div class=\"feature-card fade-in\">\r\n      <span class=\"feature-icon\">\ud83d\udcf1<\/span>\r\n      <div class=\"feature-title\">All Device Support<\/div>\r\n      <p class=\"feature-desc\">Works on Smart TV, Firestick, Android, iOS, MAG, and web browsers. Auto-config M3U links.<\/p>\r\n    <\/div>\r\n    <div class=\"feature-card fade-in\">\r\n      <span class=\"feature-icon\">\ud83e\udd1d<\/span>\r\n      <div class=\"feature-title\">24\/7 Reseller Support<\/div>\r\n      <p class=\"feature-desc\">Dedicated Telegram & WhatsApp support channels exclusively for resellers. Avg. 5-minute response.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- HOW IT WORKS -->\r\n<section class=\"how\" id=\"how\">\r\n  <div class=\"section-header fade-in\">\r\n    <div class=\"section-tag\">\ud83d\ude80 Get Started<\/div>\r\n    <h2 class=\"section-title\">Up & Running in Minutes<\/h2>\r\n  <\/div>\r\n  <div class=\"steps\">\r\n    <div class=\"step fade-in\">\r\n      <div class=\"step-num\">01<\/div>\r\n      <h3>Choose a Plan<\/h3>\r\n      <p>Select the reseller package that matches your target market size and profit goals.<\/p>\r\n    <\/div>\r\n    <div class=\"step fade-in\">\r\n      <div class=\"step-num\">02<\/div>\r\n      <h3>Get Your Panel<\/h3>\r\n      <p>Receive instant access to your white-label reseller panel with your custom branding applied.<\/p>\r\n    <\/div>\r\n    <div class=\"step fade-in\">\r\n      <div class=\"step-num\">03<\/div>\r\n      <h3>Set Your Prices<\/h3>\r\n      <p>Define your own subscription prices. You control your margins \u2014 we handle the infrastructure.<\/p>\r\n    <\/div>\r\n    <div class=\"step fade-in\">\r\n      <div class=\"step-num\">04<\/div>\r\n      <h3>Sell & Profit<\/h3>\r\n      <p>Start selling credits to your customers and watch your revenue grow month over month.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- TESTIMONIALS -->\r\n<section class=\"testimonials\" id=\"testimonials\">\r\n  <div class=\"section-header fade-in\">\r\n    <div class=\"section-tag\">\u2b50 Reviews<\/div>\r\n    <h2 class=\"section-title\">What Resellers Say<\/h2>\r\n  <\/div>\r\n  <div class=\"testi-grid\">\r\n    <div class=\"testi-card fade-in\">\r\n      <p class=\"testi-quote\">Started with 10 credits and now running 300+ active subscribers. The panel is clean and the streams never go down. Best reseller I've worked with.<\/p>\r\n      <div class=\"testi-author\">\r\n        <div class=\"testi-avatar\">AK<\/div>\r\n        <div>\r\n          <div class=\"testi-name\">Ahmed K.<\/div>\r\n          <div class=\"testi-role\">Reseller \u2014 Dubai<\/div>\r\n          <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"testi-card fade-in\">\r\n      <p class=\"testi-quote\">The white-label feature is a game changer. My customers think it's my own service. Revenue went from $0 to $2,000\/month in 3 months.<\/p>\r\n      <div class=\"testi-author\">\r\n        <div class=\"testi-avatar\">ML<\/div>\r\n        <div>\r\n          <div class=\"testi-name\">Marco L.<\/div>\r\n          <div class=\"testi-role\">Reseller \u2014 Italy<\/div>\r\n          <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"testi-card fade-in\">\r\n      <p class=\"testi-quote\">Support team responds in minutes. Had an issue at 3am and it was resolved before I even finished my coffee. Unmatched reliability.<\/p>\r\n      <div class=\"testi-author\">\r\n        <div class=\"testi-avatar\">SR<\/div>\r\n        <div>\r\n          <div class=\"testi-name\">Sofia R.<\/div>\r\n          <div class=\"tuted-role\">Reseller \u2014 Spain<\/div>\r\n          <div class=\"testi-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- CTA -->\r\n<section class=\"cta-section\">\r\n  <h2>READY TO<br>START EARNING?<\/h2>\r\n  <p>Join 500+ active resellers generating passive income with StreamForce infrastructure.<\/p>\r\n  <div class=\"cta-btns\">\r\n    <a href=\"#plans\" class=\"btn-primary\">View Plans & Pricing<\/a>\r\n    <a href=\"#\" class=\"btn-secondary\">Talk to Sales<\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n  <div class=\"footer-logo\">Stream<span>Force<\/span><\/div>\r\n  <div class=\"footer-links\">\r\n    <a href=\"#\">Terms<\/a>\r\n    <a href=\"#\">Privacy<\/a>\r\n    <a href=\"#\">Support<\/a>\r\n    <a href=\"#\">Telegram<\/a>\r\n  <\/div>\r\n  <div class=\"footer-copy\">\u00a9 2026 StreamForce. All rights reserved.<\/div>\r\n<\/footer>\r\n\r\n<script>\r\n  \/\/ Custom cursor\r\n  const cursor = document.getElementById('cursor');\r\n  const ring = document.getElementById('cursorRing');\r\n  let mx = 0, my = 0, rx = 0, ry = 0;\r\n  document.addEventListener('mousemove', e => {\r\n    mx = e.clientX; my = e.clientY;\r\n    cursor.style.transform = `translate(${mx - 6}px, ${my - 6}px)`;\r\n  });\r\n  function animateRing() {\r\n    rx += (mx - rx - 18) * 0.12;\r\n    ry += (my - ry - 18) * 0.12;\r\n    ring.style.transform = `translate(${rx}px, ${ry}px)`;\r\n    requestAnimationFrame(animateRing);\r\n  }\r\n  animateRing();\r\n\r\n  document.querySelectorAll('a, button').forEach(el => {\r\n    el.addEventListener('mouseenter', () => { cursor.style.transform += ' scale(2)'; });\r\n    el.addEventListener('mouseleave', () => { });\r\n  });\r\n\r\n  \/\/ Scroll animations\r\n  const observer = new IntersectionObserver(entries => {\r\n    entries.forEach((entry, i) => {\r\n      if (entry.isIntersecting) {\r\n        setTimeout(() => entry.target.classList.add('visible'), 100);\r\n      }\r\n    });\r\n  }, { threshold: 0.1 });\r\n\r\n  document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\r\n\r\n  \/\/ Staggered children\r\n  document.querySelectorAll('.plans-grid .plan-card, .features-grid .feature-card, .steps .step, .testi-grid .testi-card').forEach((el, i) => {\r\n    el.style.transitionDelay = `${(i % 4) * 0.1}s`;\r\n  });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>StreamForce \u2014 IPTV Reseller Panel StreamForce Plans Features How It Works Reviews Become Reseller \ud83d\udd34 Live Now \u2014 20,000+ Channels [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"two_page_speed":[],"footnotes":""},"class_list":["post-708","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iptv4kcanada.com\/iptv-from-canada\/wp-json\/wp\/v2\/pages\/708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iptv4kcanada.com\/iptv-from-canada\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iptv4kcanada.com\/iptv-from-canada\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iptv4kcanada.com\/iptv-from-canada\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iptv4kcanada.com\/iptv-from-canada\/wp-json\/wp\/v2\/comments?post=708"}],"version-history":[{"count":4,"href":"https:\/\/iptv4kcanada.com\/iptv-from-canada\/wp-json\/wp\/v2\/pages\/708\/revisions"}],"predecessor-version":[{"id":1615,"href":"https:\/\/iptv4kcanada.com\/iptv-from-canada\/wp-json\/wp\/v2\/pages\/708\/revisions\/1615"}],"wp:attachment":[{"href":"https:\/\/iptv4kcanada.com\/iptv-from-canada\/wp-json\/wp\/v2\/media?parent=708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}