.sh-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
.sh-wrap {
font-family: 'DM Sans', 'Helvetica Neue', sans-serif;
background: #ffffff;
position: relative;
overflow: hidden;
padding: 88px 48px 80px;
}
/* ── Ambient background orbs ── */
.sh-orb-1 {
position: absolute; top: -120px; left: 50%;
transform: translateX(-50%);
width: 700px; height: 400px; border-radius: 50%;
background: radial-gradient(ellipse, rgba(225,29,72,0.055), transparent 68%);
pointer-events: none;
}
.sh-orb-2 {
position: absolute; bottom: -80px; left: -60px;
width: 300px; height: 300px; border-radius: 50%;
background: radial-gradient(circle, rgba(14,165,233,0.04), transparent 70%);
pointer-events: none;
}
.sh-orb-3 {
position: absolute; top: 30%; right: -40px;
width: 220px; height: 220px; border-radius: 50%;
background: radial-gradient(circle, rgba(139,92,246,0.03), transparent 70%);
pointer-events: none;
}
/* ── Inner ── */
.sh-inner {
position: relative; z-index: 2;
max-width: 900px; margin: 0 auto;
text-align: center;
}
/* Eyebrow */
.sh-eyebrow {
display: inline-flex; align-items: center; gap: 8px;
font-size: 11px; font-weight: 700;
letter-spacing: 0.13em; text-transform: uppercase;
color: #E11D48;
background: rgba(225,29,72,0.07);
border: 1px solid rgba(225,29,72,0.15);
padding: 7px 16px; border-radius: 999px;
margin-bottom: 32px;
opacity: 0; transform: translateY(14px);
animation: shFadeUp 0.65s cubic-bezier(0.22,1,0.36,1) 0.1s forwards;
}
.sh-eyebrow-dot {
width: 6px; height: 6px; border-radius: 50%;
background: #E11D48;
animation: shPulse 2s ease-in-out infinite;
}
@keyframes shPulse { 0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.35;transform:scale(0.7);} }
/* Headline */
.sh-title {
font-size: clamp(3rem, 7vw, 5.6rem);
font-weight: 900; color: #0f172a;
line-height: 0.92; letter-spacing: -0.035em;
margin-bottom: 22px;
opacity: 0; transform: translateY(22px);
animation: shFadeUp 0.75s cubic-bezier(0.22,1,0.36,1) 0.22s forwards;
}
.sh-title em {
font-family: 'DM Serif Display', Georgia, serif;
font-style: italic; font-weight: 400; color: #E11D48;
display: block;
}
/* Subtitle */
.sh-subtitle {
font-size: 17px; font-weight: 300; color: #64748b;
max-width: 560px; margin: 0 auto 44px;
line-height: 1.75;
opacity: 0; transform: translateY(18px);
animation: shFadeUp 0.7s cubic-bezier(0.22,1,0.36,1) 0.36s forwards;
}
.sh-subtitle strong { font-weight: 600; color: #334155; }
/* ── CTA row ── */
.sh-ctas {
display: flex; align-items: center; justify-content: center;
gap: 12px; flex-wrap: wrap;
margin-bottom: 52px;
opacity: 0; transform: translateY(16px);
animation: shFadeUp 0.7s cubic-bezier(0.22,1,0.36,1) 0.48s forwards;
}
.sh-btn-primary {
display: inline-flex; align-items: center; gap: 9px;
background: #E11D48; color: #fff;
font-size: 14px; font-weight: 800; letter-spacing: 0.02em;
padding: 15px 32px; border-radius: 14px;
border: none; cursor: pointer; font-family: inherit;
box-shadow: 0 10px 36px rgba(225,29,72,0.28);
transition: transform 0.18s ease, box-shadow 0.18s ease;
text-decoration: none;
}
.sh-btn-primary:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 16px 48px rgba(225,29,72,0.38); }
.sh-btn-primary:active { transform: scale(0.97); }
.sh-btn-ghost {
display: inline-flex; align-items: center; gap: 9px;
background: #f8fafc; color: #475569;
font-size: 14px; font-weight: 600;
padding: 15px 26px; border-radius: 14px;
border: 1px solid #e2e8f0; cursor: pointer; font-family: inherit;
transition: all 0.18s ease; text-decoration: none;
}
.sh-btn-ghost:hover { background: #f1f5f9; border-color: #cbd5e1; }
/* ── Quick info chips ── */
.sh-chips {
display: flex; align-items: center; justify-content: center;
gap: 10px; flex-wrap: wrap;
margin-bottom: 60px;
opacity: 0; transform: translateY(14px);
animation: shFadeUp 0.7s cubic-bezier(0.22,1,0.36,1) 0.60s forwards;
}
.sh-chip {
display: inline-flex; align-items: center; gap: 7px;
font-size: 12px; font-weight: 600; color: #475569;
background: #F9FAFB; border: 1px solid #f1f5f9;
padding: 8px 16px; border-radius: 999px;
transition: border-color 0.2s;
}
.sh-chip:hover { border-color: rgba(225,29,72,0.2); }
.sh-chip-green { background: #22c55e; width: 6px; height: 6px; border-radius: 50%; }
/* ── Device selector visual ── */
.sh-devices {
display: flex; align-items: center; justify-content: center;
gap: 12px; flex-wrap: wrap;
opacity: 0; transform: translateY(16px);
animation: shFadeUp 0.7s cubic-bezier(0.22,1,0.36,1) 0.72s forwards;
}
.sh-device-btn {
display: flex; flex-direction: column; align-items: center; gap: 8px;
padding: 18px 20px; border-radius: 20px;
background: #fff; border: 1px solid #f1f5f9;
box-shadow: 0 2px 12px rgba(0,0,0,0.04);
cursor: pointer; transition: all 0.22s ease;
min-width: 90px;
}
.sh-device-btn:hover, .sh-device-btn.active {
border-color: rgba(225,29,72,0.25);
box-shadow: 0 8px 28px rgba(225,29,72,0.09);
transform: translateY(-3px);
}
.sh-device-btn.active { background: rgba(225,29,72,0.03); }
.sh-device-icon {
width: 48px; height: 48px;
display: flex; align-items: center; justify-content: center;
}
.sh-device-label {
font-size: 11px; font-weight: 700; color: #475569;
letter-spacing: 0.01em; text-align: center;
}
.sh-device-sub {
font-size: 9.5px; font-weight: 400; color: #94a3b8;
text-align: center; line-height: 1.4;
margin-top: -4px;
}
/* Active indicator dot */
.sh-device-btn.active .sh-device-label { color: #E11D48; }
.sh-device-btn.active .sh-device-icon svg { stroke: #E11D48; }
/* ── Divider ── */
.sh-section-divider {
width: 60px; height: 3px;
background: linear-gradient(90deg, #E11D48, rgba(225,29,72,0.2));
border-radius: 2px;
margin: 40px auto 0;
opacity: 0;
animation: shFadeUp 0.6s ease 0.85s forwards;
}
/* ── Animations ── */
@keyframes shFadeUp {
to { opacity: 1; transform: translateY(0); }
}
/* Responsive */
@media (max-width: 768px) {
.sh-wrap { padding: 64px 24px 60px; }
.sh-device-btn { min-width: 74px; padding: 14px 14px; }
.sh-device-icon { width: 38px; height: 38px; }
}
@media (max-width: 480px) {
.sh-devices { gap: 8px; }
.sh-device-btn { min-width: 66px; padding: 12px 10px; }
}
(function(){
window.shSelect = function(btn){
document.querySelectorAll('.sh-device-btn').forEach(function(b){ b.classList.remove('active'); });
btn.classList.add('active');
/* Animate selection */
btn.style.transition = 'transform 0.1s ease';
btn.style.transform = 'scale(0.95) translateY(-3px)';
setTimeout(function(){ btn.style.transform = 'translateY(-3px)'; }, 100);
};
})();
Step-by-Step Setup Guide
Up & Streaming in 2 Minutes.
Follow our simple guides to get Smartiflix IPTV running on any device. No technical knowledge required — just copy, paste and watch.
Takes under 2 minutes
No technical knowledge needed
Free M3U & EPG included
Works on all devices
Smart TV
Samsung · LG
Sony · Hisense
Sony · Hisense
Firestick
Fire TV · 4K
Fire Cube
Fire Cube
Android
Phone · Tablet
Android TV
Android TV
iOS
iPhone · iPad
Apple TV
Apple TV
Windows
PC · Laptop
Windows 10/11
Windows 10/11
Mac
MacBook · iMac
All macOS
All macOS
MAG Box
MAG 250–349
All models
All models
Enigma2
Dreambox · Vu+
Receivers
Receivers
.sf-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
.sf-wrap { font-family: 'DM Sans', 'Helvetica Neue', sans-serif; }
/* ══════════════════════════════════════
TICKER
══════════════════════════════════════ */
.sf-ticker {
overflow: hidden;
background: rgba(225,29,72,0.045);
border-top: 1px solid rgba(225,29,72,0.10);
border-bottom: 1px solid rgba(225,29,72,0.10);
padding: 13px 0;
position: relative;
}
.sf-ticker::before,
.sf-ticker::after {
content: '';
position: absolute;
top: 0; width: 80px; height: 100%;
z-index: 2; pointer-events: none;
}
.sf-ticker::before { left: 0; background: linear-gradient(90deg, rgba(255,255,255,0.96), transparent); }
.sf-ticker::after { right: 0; background: linear-gradient(270deg, rgba(255,255,255,0.96), transparent); }
.sf-ticker-track {
display: flex;
white-space: nowrap;
animation: sfTicker 44s linear infinite;
}
.sf-ticker-track:hover { animation-play-state: paused; }
.sf-ticker-item {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 0 28px;
font-size: 12.5px;
font-weight: 500;
color: #475569;
letter-spacing: 0.01em;
flex-shrink: 0;
}
.sf-ticker-item .sf-dot {
width: 5px; height: 5px;
border-radius: 50%; flex-shrink: 0;
}
.sf-ticker-item .sf-sep {
width: 1px; height: 12px;
background: #e2e8f0; margin-left: 28px;
}
.sf-dot-green { background: #22c55e; }
.sf-dot-red { background: #E11D48; }
.sf-dot-blue { background: #3b82f6; }
.sf-dot-amber { background: #f59e0b; }
@keyframes sfTicker {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
/* ══════════════════════════════════════
SOCIAL PROOF SECTION
══════════════════════════════════════ */
.sf-proof {
background: #ffffff;
padding: 80px 48px 88px;
border-bottom: 1px solid #f1f5f9;
}
.sf-eyebrow {
font-size: 11px; font-weight: 700;
letter-spacing: 0.12em; text-transform: uppercase;
color: #E11D48; text-align: center; margin-bottom: 14px;
}
.sf-heading {
text-align: center;
font-size: clamp(2.2rem, 4vw, 3.4rem);
font-weight: 900; color: #0f172a;
line-height: 0.95; letter-spacing: -0.03em;
margin-bottom: 14px;
}
.sf-heading em {
font-family: 'DM Serif Display', Georgia, serif;
font-style: italic; font-weight: 400; color: #E11D48;
}
.sf-subhead {
text-align: center;
font-size: 15px; font-weight: 300;
color: #94a3b8; max-width: 460px;
margin: 0 auto 60px; line-height: 1.7;
}
/* ── Country Cards ── */
.sf-country-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
max-width: 960px;
margin: 0 auto 52px;
}
.sf-cc {
background: #fff;
border: 1px solid #f1f5f9;
border-radius: 24px;
padding: 30px 26px 26px;
position: relative;
overflow: hidden;
transition: transform 0.25s ease, box-shadow 0.25s ease;
cursor: default;
opacity: 0;
transform: translateY(24px);
}
.sf-cc:hover {
transform: translateY(-4px) !important;
box-shadow: 0 16px 48px rgba(225,29,72,0.08);
}
.sf-cc::before {
content: '';
position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, transparent, rgba(225,29,72,0.40), transparent);
}
.sf-cc-flag { font-size: 34px; line-height: 1; display: block; margin-bottom: 14px; }
.sf-cc-region { font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #E11D48; margin-bottom: 4px; }
.sf-cc-name { font-size: 18px; font-weight: 800; color: #0f172a; margin-bottom: 18px; letter-spacing: -0.02em; }
.sf-cc-num { font-size: 44px; font-weight: 900; color: #0f172a; line-height: 1; letter-spacing: -0.03em; margin-bottom: 4px; }
.sf-cc-lbl { font-size: 11px; font-weight: 500; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 18px; }
.sf-bar-wrap { height: 4px; background: #f1f5f9; border-radius: 4px; overflow: hidden; margin-bottom: 16px; }
.sf-bar { height: 100%; background: #E11D48; border-radius: 4px; width: 0; transition: width 1.6s cubic-bezier(0.22,1,0.36,1); }
.sf-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.sf-tag { font-size: 10px; font-weight: 600; background: rgba(225,29,72,0.07); color: #be123c; padding: 4px 11px; border-radius: 999px; letter-spacing: 0.03em; }
/* ── Metrics Strip ── */
.sf-metrics {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1px;
background: #f1f5f9;
border: 1px solid #f1f5f9;
border-radius: 22px;
overflow: hidden;
max-width: 960px;
margin: 0 auto 36px;
}
.sf-metric {
background: #fff;
padding: 28px 16px;
display: flex; flex-direction: column;
align-items: center; text-align: center; gap: 4px;
opacity: 0; transform: translateY(16px);
}
.sf-metric-icon {
width: 38px; height: 38px;
border-radius: 11px;
background: rgba(225,29,72,0.07);
display: flex; align-items: center; justify-content: center;
margin-bottom: 10px;
}
.sf-metric-val { font-size: 30px; font-weight: 900; color: #0f172a; letter-spacing: -0.03em; line-height: 1; }
.sf-metric-lbl { font-size: 10.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #94a3b8; }
.sf-metric-delta { font-size: 11px; font-weight: 700; color: #16a34a; background: rgba(34,197,94,0.09); padding: 3px 9px; border-radius: 999px; margin-top: 6px; }
/* ── Verified Chips ── */
.sf-uptime-row { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }
.sf-chip {
display: inline-flex; align-items: center; gap: 7px;
font-size: 12px; font-weight: 600; color: #475569;
background: #f8fafc; border: 1px solid #f1f5f9;
padding: 8px 16px; border-radius: 999px;
}
.sf-live-dot {
width: 6px; height: 6px; border-radius: 50%;
background: #22c55e;
animation: sfLivePulse 2s ease-in-out infinite;
}
@keyframes sfLivePulse {
0%,100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.35; transform: scale(0.7); }
}
/* ── Responsive ── */
@media (max-width: 760px) {
.sf-country-grid { grid-template-columns: 1fr; }
.sf-metrics { grid-template-columns: repeat(2, 1fr); }
.sf-proof { padding: 56px 20px 64px; }
}
@media (max-width: 480px) {
.sf-metrics { grid-template-columns: 1fr; }
}
Trusted Across
(function(){
/* ── TICKER BUILD ── */
var ITEMS = [
{dot:'sf-dot-green', text:'99.98% Uptime — Last 365 Days'},
{dot:'sf-dot-red', text:'25,000+ Live Channels'},
{flag:'🇺🇸', text:'847,293 Active Users — USA'},
{dot:'sf-dot-blue', text:'4K Ultra HD · 120fps · HDR10+'},
{flag:'🇨🇦', text:'312,841 Active Users — Canada'},
{dot:'sf-dot-red', text:'Anti-Freeze™ Technology'},
{dot:'sf-dot-amber', text:'< 2ms Average Latency'},
{flag:'🇦🇺', text:'198,472 Active Users — Australia'},
{dot:'sf-dot-green', text:'150,000+ VOD Titles'},
{dot:'sf-dot-blue', text:'AES-256 Encrypted Streams'},
{dot:'sf-dot-red', text:'24/7 Premium Support'},
{dot:'sf-dot-green', text:'4.9 / 5 Customer Rating'},
{flag:'🇺🇸', text:'NFL · NBA · MLB · NHL · MLS'},
{dot:'sf-dot-amber', text:'Global Edge CDN — 180 PoPs'},
{dot:'sf-dot-red', text:'Zero Buffering Guarantee'},
];
var doubled = ITEMS.concat(ITEMS);
var track = document.getElementById('sf-ticker-track');
track.innerHTML = doubled.map(function(item){
var icon = item.flag
? '' + item.flag + ''
: '';
return '' + icon + item.text + '';
}).join('');
/* ── COUNTER ANIMATION ── */
function animCount(el, target, duration) {
var start = null;
function step(ts) {
if (!start) start = ts;
var p = Math.min((ts - start) / duration, 1);
var ease = 1 - Math.pow(1 - p, 3);
el.textContent = Math.floor(ease * target).toLocaleString();
if (p < 1) requestAnimationFrame(step);
}
requestAnimationFrame(step);
}
function animDecimal(el, target, suffix, duration) {
var start = null;
function step(ts) {
if (!start) start = ts;
var p = Math.min((ts - start) / duration, 1);
var ease = 1 - Math.pow(1 - p, 3);
el.textContent = (ease * target).toFixed(2) + suffix;
if (p < 1) requestAnimationFrame(step);
}
requestAnimationFrame(step);
}
/* ── INTERSECTION OBSERVER ── */
var triggered = false;
var obs = new IntersectionObserver(function(entries){
entries.forEach(function(entry){
if (!entry.isIntersecting || triggered) return;
triggered = true;
/* Country cards */
document.querySelectorAll('.sf-cc').forEach(function(card){
var delay = parseInt(card.dataset.delay) || 0;
setTimeout(function(){
card.style.transition = 'opacity 0.65s cubic-bezier(0.22,1,0.36,1), transform 0.65s cubic-bezier(0.22,1,0.36,1)';
card.style.opacity = '1';
card.style.transform = 'translateY(0)';
setTimeout(function(){
card.querySelector('.sf-bar').style.width = (card.dataset.bar || '50') + '%';
}, 200);
}, delay);
var numEl = card.querySelector('[data-count]');
if (numEl) {
setTimeout(function(){
animCount(numEl, parseInt(numEl.dataset.count), 2000);
}, delay);
}
});
/* Metric cells */
document.querySelectorAll('.sf-metric').forEach(function(cell){
var delay = parseInt(cell.dataset.delay) || 0;
setTimeout(function(){
cell.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
cell.style.opacity = '1';
cell.style.transform = 'translateY(0)';
var countEl = cell.querySelector('[data-count]');
if (countEl) animCount(countEl, parseInt(countEl.dataset.count), 1800);
var decEl = cell.querySelector('[data-count-decimal]');
if (decEl) animDecimal(decEl, parseFloat(decEl.dataset.countDecimal), decEl.dataset.suffix || '', 1800);
}, 320 + delay);
});
});
}, { threshold: 0.15 });
var section = document.querySelector('.sf-proof');
if (section) obs.observe(section);
})();
Verified Social Proof
Trusted Across
Three Continents
Real subscribers. Real uptime. Independently verified numbers updated every 24 hours.
🇺🇸
North America
United States
0
Active Subscribers
🇨🇦
North America
Canada
0
Active Subscribers
🇦🇺
Asia Pacific
Australia
0
Active Subscribers
0%
Uptime SLA
+0.02% this month
0
Live Channels
+340 this week
1.3M+
Total Subscribers
+12k this week
<2ms
Avg Latency
Global edge CDN
All Systems Operational
Verified by UptimeRobot
ISO 27001 Compliant
GDPR & CCPA Compliant
.bf-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
.bf-wrap {
font-family: 'DM Sans', 'Helvetica Neue', sans-serif;
background: #F9FAFB;
padding: 88px 48px 96px;
}
/* ── Section Header ── */
.bf-header { text-align: center; margin-bottom: 64px; }
.bf-eyebrow {
font-size: 11px; font-weight: 700;
letter-spacing: 0.13em; text-transform: uppercase;
color: #E11D48; margin-bottom: 14px;
}
.bf-title {
font-size: clamp(2.6rem, 5vw, 4rem);
font-weight: 900; color: #0f172a;
line-height: 0.94; letter-spacing: -0.03em;
margin-bottom: 16px;
}
.bf-title em {
font-family: 'DM Serif Display', Georgia, serif;
font-style: italic; font-weight: 400; color: #E11D48;
}
.bf-subtitle {
font-size: 16px; font-weight: 300; color: #94a3b8;
max-width: 500px; margin: 0 auto; line-height: 1.72;
}
/* ── Bento Grid ── */
.bf-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: auto auto;
gap: 16px;
max-width: 1100px;
margin: 0 auto;
}
/* ── Base Card ── */
.bf-card {
background: #fff;
border: 1px solid #f1f5f9;
border-radius: 28px;
padding: 32px 28px;
position: relative;
overflow: hidden;
transition: transform 0.25s ease, box-shadow 0.25s ease;
cursor: default;
opacity: 0;
transform: translateY(28px) scale(0.97);
}
.bf-card:hover {
transform: translateY(-4px) scale(1) !important;
box-shadow: 0 16px 48px rgba(0,0,0,0.07);
}
/* Subtle radial halo top-right */
.bf-card::before {
content: '';
position: absolute; top: -40px; right: -40px;
width: 160px; height: 160px; border-radius: 50%;
background: radial-gradient(circle, rgba(225,29,72,0.06), transparent 70%);
pointer-events: none;
}
/* ── Card Sizes ── */
.bf-big { grid-column: span 2; grid-row: span 2; }
.bf-wide { grid-column: span 2; }
.bf-tall { grid-row: span 2; }
.bf-red {
background: #E11D48;
border-color: #E11D48;
box-shadow: 0 20px 60px rgba(225,29,72,0.28);
}
.bf-red::before { display: none; }
.bf-red:hover { box-shadow: 0 24px 64px rgba(225,29,72,0.38) !important; }
/* ── Icon Box ── */
.bf-icon {
width: 48px; height: 48px; border-radius: 16px;
display: flex; align-items: center; justify-content: center;
margin-bottom: 20px; flex-shrink: 0;
}
.bf-icon-default { background: rgba(225,29,72,0.08); }
.bf-icon-red { background: rgba(255,255,255,0.20); }
/* ── Typography ── */
.bf-card-title {
font-size: 18px; font-weight: 800;
color: #0f172a; margin-bottom: 10px;
letter-spacing: -0.02em; line-height: 1.2;
}
.bf-card-desc {
font-size: 14px; font-weight: 300;
color: #64748b; line-height: 1.72;
}
.bf-red .bf-card-title { color: #fff; }
.bf-red .bf-card-desc { color: rgba(255,255,255,0.75); }
/* ── Big card extras ── */
.bf-big .bf-card-title { font-size: 24px; margin-bottom: 12px; }
.bf-big .bf-card-desc { font-size: 15px; max-width: 320px; }
/* ── Stats table inside big card ── */
.bf-stat-table { margin-top: 28px; width: 100%; }
.bf-stat-row {
display: flex; align-items: center; justify-content: space-between;
padding: 13px 0;
border-bottom: 1px solid #f8fafc;
}
.bf-stat-row:last-child { border-bottom: none; }
.bf-stat-label { font-size: 13px; font-weight: 500; color: #64748b; }
.bf-stat-value { font-size: 13px; font-weight: 800; color: #E11D48; }
/* ── Live signal bars (big card) ── */
.bf-signal {
display: flex; align-items: flex-end; gap: 4px;
margin-top: 24px;
}
.bf-signal-bar {
width: 6px; border-radius: 3px;
background: #E11D48; opacity: 0.25;
}
.bf-signal-bar.active {
opacity: 0.85;
animation: sfBar 1.4s ease-in-out infinite;
}
.bf-signal-label {
font-size: 11px; font-weight: 700;
color: #E11D48; margin-left: 8px;
letter-spacing: 0.05em; text-transform: uppercase;
align-self: center;
}
@keyframes sfBar {
0%,100% { transform: scaleY(1); opacity: 0.85; }
50% { transform: scaleY(0.4); opacity: 0.3; }
}
/* ── Channel count animated ── */
.bf-big-num {
font-size: 56px; font-weight: 900;
color: #0f172a; letter-spacing: -0.04em;
line-height: 1; margin-bottom: 4px;
}
.bf-big-num span { color: #E11D48; }
/* ── Tags row (red card) ── */
.bf-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.bf-tag-white {
font-size: 11px; font-weight: 700;
background: rgba(255,255,255,0.18);
color: #fff; padding: 5px 13px; border-radius: 999px;
letter-spacing: 0.04em;
}
/* ── Support card ── */
.bf-support-avatars {
display: flex; margin-top: 22px; margin-bottom: 16px;
}
.bf-avatar {
width: 36px; height: 36px; border-radius: 50%;
border: 2px solid #fff;
display: flex; align-items: center; justify-content: center;
font-size: 12px; font-weight: 800; color: #fff;
margin-left: -8px; flex-shrink: 0;
}
.bf-avatar:first-child { margin-left: 0; }
.bf-status-chip {
display: inline-flex; align-items: center; gap: 6px;
font-size: 11px; font-weight: 700;
background: rgba(34,197,94,0.10); color: #15803d;
padding: 5px 12px; border-radius: 999px;
}
.bf-online-dot {
width: 6px; height: 6px; border-radius: 50%;
background: #22c55e;
animation: sfLive 2s ease-in-out infinite;
}
@keyframes sfLive { 0%,100%{opacity:1;}50%{opacity:0.3;} }
/* ── Device icons strip ── */
.bf-devices {
display: flex; gap: 12px;
margin-top: 20px; flex-wrap: wrap;
}
.bf-device {
display: flex; flex-direction: column; align-items: center; gap: 6px;
font-size: 10px; font-weight: 600; color: #94a3b8;
text-transform: uppercase; letter-spacing: 0.06em;
}
.bf-device-icon {
width: 40px; height: 40px; border-radius: 12px;
background: #f8fafc; border: 1px solid #f1f5f9;
display: flex; align-items: center; justify-content: center;
}
/* ── Sparkline (uptime card) ── */
.bf-sparkline { margin-top: 20px; }
.bf-uptime-pct {
font-size: 40px; font-weight: 900;
color: #0f172a; letter-spacing: -0.03em;
line-height: 1; margin-bottom: 4px;
}
.bf-uptime-sub { font-size: 12px; color: #94a3b8; font-weight: 400; }
/* ── Encryption visual ── */
.bf-encrypt-row {
display: flex; align-items: center; gap: 10px;
margin-top: 20px;
}
.bf-encrypt-bar {
height: 6px; border-radius: 3px;
background: linear-gradient(90deg, rgba(225,29,72,0.15), #E11D48);
flex: 1;
animation: sfEncrypt 3s ease-in-out infinite;
}
@keyframes sfEncrypt {
0%,100% { opacity: 0.6; }
50% { opacity: 1; }
}
.bf-lock-badge {
font-size: 10px; font-weight: 700;
color: #E11D48; background: rgba(225,29,72,0.08);
padding: 4px 10px; border-radius: 999px;
white-space: nowrap;
}
/* ── Responsive ── */
@media (max-width: 900px) {
.bf-grid { grid-template-columns: repeat(2, 1fr); }
.bf-big { grid-column: span 2; grid-row: span 1; }
.bf-wrap { padding: 56px 20px 64px; }
}
@media (max-width: 560px) {
.bf-grid { grid-template-columns: 1fr; }
.bf-big, .bf-wide, .bf-tall { grid-column: span 1; grid-row: span 1; }
}
Built for
(function(){
/* ── Scroll-triggered card animations ── */
var cards = document.querySelectorAll('.bf-card');
var triggered = false;
var obs = new IntersectionObserver(function(entries){
entries.forEach(function(entry){
if (!entry.isIntersecting || triggered) return;
triggered = true;
cards.forEach(function(card){
var delay = parseInt(card.dataset.delay) || 0;
setTimeout(function(){
card.style.transition = 'opacity 0.65s cubic-bezier(0.22,1,0.36,1), transform 0.65s cubic-bezier(0.22,1,0.36,1)';
card.style.opacity = '1';
card.style.transform = 'translateY(0) scale(1)';
}, delay);
});
/* Channel count-up */
var el = document.getElementById('bf-ch-count');
if (el) {
var start = null;
var target = 25000;
(function step(ts){
if (!start) start = ts;
var p = Math.min((ts - start) / 1800, 1);
var ease = 1 - Math.pow(1 - p, 3);
el.textContent = Math.floor(ease * target).toLocaleString();
if (p < 1) requestAnimationFrame(step);
})(performance.now());
}
});
}, { threshold: 0.10 });
var grid = document.getElementById('bf-grid');
if (grid) obs.observe(grid);
})();
The Experience
Built for
Perfectionists.
Every feature is engineered to deliver a seamless, interruption-free entertainment experience — regardless of your network condition.
Anti-Freeze™ Technology
Our proprietary buffering engine uses predictive pre-loading algorithms and a global edge network to guarantee zero freeze, zero buffer — even on 3G connections.
Predictive Pre-Load Buffer
99.97%
Network Adaptive Bitrate
Auto
Edge Node Failover
< 50ms
Global CDN Nodes
180+ PoPs
Live Signal
0+
Live Channels
Every Genre. Every Region.
Sports, news, entertainment, kids, Bollywood, Latino, Arabic & more — all in one subscription.
Instant Channel Switch
Sub-100ms channel switching. No loading screens, no spinners — just instant entertainment at your fingertips.
24/7 Premium Support
Real humans, real answers. Our engineers are online around the clock across all time zones.
A
B
C
D
+12
16 Agents Online Now
Multi-Device Sync
Watch on 5 screens simultaneously. Your stream follows you everywhere.
Smart TV
Mobile
Laptop
Tablet
99.9%
Uptime SLA — last 365 days
Guaranteed Reliability
AES-256 Encrypted
Military-grade stream encryption. Your viewing history is 100% private.
256-bit SSL
GDPR Safe
150K+
VOD Titles
Movies & Series On Demand
Latest releases, classics, documentaries and box sets — all included.
.pr-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
.pr-wrap {
font-family: 'DM Sans', 'Helvetica Neue', sans-serif;
background: #F9FAFB;
padding: 88px 48px 96px;
}
/* ── Header ── */
.pr-header { text-align: center; margin-bottom: 64px; }
.pr-eyebrow {
font-size: 11px; font-weight: 700;
letter-spacing: 0.13em; text-transform: uppercase;
color: #E11D48; margin-bottom: 14px;
}
.pr-title {
font-size: clamp(2.4rem, 5vw, 4rem);
font-weight: 900; color: #0f172a;
line-height: 0.93; letter-spacing: -0.03em;
margin-bottom: 16px;
}
.pr-title em {
font-family: 'DM Serif Display', Georgia, serif;
font-style: italic; font-weight: 400; color: #E11D48;
}
.pr-subtitle {
font-size: 15px; font-weight: 300; color: #94a3b8;
max-width: 480px; margin: 0 auto 32px; line-height: 1.72;
}
/* ── Screen selector ── */
.pr-screen-wrap {
display: flex; align-items: center; justify-content: center;
gap: 10px; flex-wrap: wrap;
}
.pr-screen-label {
font-size: 13px; font-weight: 600; color: #64748b;
margin-right: 4px;
}
.pr-screen-btn {
width: 44px; height: 44px; border-radius: 12px;
border: 1.5px solid #e2e8f0;
background: #fff; color: #64748b;
font-size: 13px; font-weight: 800;
cursor: pointer; transition: all 0.18s;
display: flex; align-items: center; justify-content: center;
flex-direction: column; gap: 1px;
}
.pr-screen-btn span { font-size: 8px; font-weight: 500; color: #94a3b8; }
.pr-screen-btn:hover { border-color: rgba(225,29,72,0.35); color: #E11D48; }
.pr-screen-btn.active {
background: #E11D48; color: #fff; border-color: #E11D48;
box-shadow: 0 6px 18px rgba(225,29,72,0.28);
}
.pr-screen-btn.active span { color: rgba(255,255,255,0.75); }
/* ── Grid ── */
.pr-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
max-width: 1100px;
margin: 48px auto 0;
}
/* row 2: 2 cards centered */
.pr-grid-row2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 18px;
max-width: 730px;
margin: 18px auto 0;
}
/* ── Base Card ── */
.pr-card {
background: #fff;
border: 1px solid #f1f5f9;
border-radius: 24px;
padding: 32px 26px 28px;
display: flex; flex-direction: column;
box-shadow: 0 2px 16px rgba(0,0,0,0.04);
transition: transform 0.25s ease, box-shadow 0.25s ease;
cursor: default;
opacity: 0; transform: translateY(28px);
position: relative; overflow: hidden;
}
.pr-card:hover {
transform: translateY(-5px) !important;
box-shadow: 0 18px 52px rgba(0,0,0,0.08) !important;
}
/* Best value — floating glass crimson glow */
.pr-card.pr-best {
border: 1.5px solid rgba(225,29,72,0.22);
background: rgba(255,255,255,0.92);
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
box-shadow:
0 0 60px rgba(225,29,72,0.10),
0 20px 56px rgba(0,0,0,0.06),
inset 0 1px 0 rgba(255,255,255,0.95);
}
.pr-card.pr-best:hover {
box-shadow:
0 0 80px rgba(225,29,72,0.18),
0 28px 64px rgba(0,0,0,0.09),
inset 0 1px 0 rgba(255,255,255,0.95) !important;
}
.pr-card.pr-best::after {
content: '';
position: absolute; inset: 0; border-radius: 24px; pointer-events: none;
background: radial-gradient(ellipse at 50% -10%, rgba(225,29,72,0.06), transparent 65%);
}
.pr-card.pr-best::before {
content: '';
position: absolute; top: 0; left: 50%;
transform: translateX(-50%);
width: 70%; height: 1px;
background: linear-gradient(90deg, transparent, rgba(225,29,72,0.55), transparent);
}
/* Ribbon */
.pr-ribbon {
position: absolute; top: 0; right: 0;
width: 86px; height: 86px;
overflow: hidden; pointer-events: none; z-index: 1;
}
.pr-ribbon span {
position: absolute; top: 16px; right: -22px;
transform: rotate(45deg);
background: #E11D48; color: #fff;
font-size: 8px; font-weight: 900;
letter-spacing: 0.10em; text-transform: uppercase;
padding: 5px 26px; white-space: nowrap;
box-shadow: 0 2px 8px rgba(225,29,72,0.35);
}
/* ── Plan label ── */
.pr-plan {
font-size: 10px; font-weight: 700;
letter-spacing: 0.14em; text-transform: uppercase;
color: #94a3b8; margin-bottom: 10px; text-align: center;
}
.pr-best .pr-plan { color: #E11D48; }
/* ── Price ── */
.pr-price-row {
display: flex; align-items: flex-start;
justify-content: center; gap: 1px; margin-bottom: 6px;
}
.pr-dollar { font-size: 22px; font-weight: 900; color: #0f172a; margin-top: 9px; line-height: 1; }
.pr-amount { font-size: 62px; font-weight: 900; color: #0f172a; line-height: 1; letter-spacing: -0.04em; }
.pr-cents { font-size: 22px; font-weight: 900; color: #0f172a; margin-top: 9px; line-height: 1; }
.pr-permonth {
text-align: center; font-size: 12px; color: #94a3b8;
margin-bottom: 22px; font-weight: 400; min-height: 18px;
}
.pr-save { font-weight: 700; color: #f59e0b; margin-left: 4px; }
/* ── Screens table ── */
.pr-divider { height: 1px; background: #f1f5f9; margin-bottom: 18px; }
.pr-best .pr-divider { background: rgba(225,29,72,0.12); }
.pr-screens { list-style: none; margin-bottom: 26px; flex: 1; }
.pr-screen-row {
display: flex; align-items: center; justify-content: space-between;
padding: 8px 0; border-bottom: 1px solid #f8fafc;
font-size: 13px;
}
.pr-screen-row:last-child { border-bottom: none; }
.pr-screen-left {
display: flex; align-items: center; gap: 8px;
font-weight: 500; color: #475569;
}
.pr-screen-icon {
width: 20px; height: 20px; border-radius: 5px;
background: rgba(225,29,72,0.07);
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
}
.pr-screen-price {
font-weight: 900; color: #E11D48;
font-size: 13.5px; letter-spacing: -0.01em;
}
.pr-screen-row.active-row {
background: rgba(225,29,72,0.04);
border-radius: 8px; padding: 8px 8px;
margin: 0 -8px;
border-bottom: none !important;
}
.pr-screen-row.active-row .pr-screen-left { color: #E11D48; font-weight: 700; }
/* ── CTA ── */
.pr-btn {
display: block; width: 100%;
padding: 14px 0; border-radius: 999px;
font-size: 14px; font-weight: 800;
text-align: center; border: none; cursor: pointer;
transition: transform 0.18s, box-shadow 0.18s;
letter-spacing: 0.01em; font-family: inherit;
}
.pr-btn:hover { transform: scale(1.02); }
.pr-btn:active { transform: scale(0.97); }
.pr-btn-ghost {
background: #f8fafc; color: #475569;
border: 1px solid #e2e8f0;
}
.pr-btn-ghost:hover { background: #f1f5f9; border-color: #cbd5e1; }
.pr-btn-primary {
background: #E11D48; color: #fff;
box-shadow: 0 8px 28px rgba(225,29,72,0.28);
}
.pr-btn-primary:hover { box-shadow: 0 12px 40px rgba(225,29,72,0.42); }
/* ── Guarantee ── */
.pr-guarantee {
display: flex; align-items: center; justify-content: center;
gap: 22px; flex-wrap: wrap;
padding-top: 36px; margin-top: 48px;
border-top: 1px solid #f1f5f9;
max-width: 1100px; margin-left: auto; margin-right: auto;
opacity: 0;
}
.pr-g-item {
display: flex; align-items: center; gap: 7px;
font-size: 12px; font-weight: 500; color: #64748b;
}
.pr-g-icon {
width: 28px; height: 28px; border-radius: 8px;
background: rgba(225,29,72,0.07);
display: flex; align-items: center; justify-content: center;
}
.pr-g-sep { width: 1px; height: 18px; background: #e2e8f0; }
/* ── Responsive ── */
@media (max-width: 900px) {
.pr-grid { grid-template-columns: repeat(2, 1fr); }
.pr-grid-row2 { grid-template-columns: 1fr; max-width: 380px; }
.pr-wrap { padding: 56px 20px 64px; }
}
@media (max-width: 560px) {
.pr-grid { grid-template-columns: 1fr; max-width: 380px; margin-left: auto; margin-right: auto; }
.pr-grid-row2 { grid-template-columns: 1fr; }
}
Choose Your
(function(){
/* ── Full pricing matrix from the image ── */
/* PLANS[planIndex][screenCount] = { whole, decimal } */
var PLANS = [
/* 0 = 1 Month */ { 1:{w:12,d:'.99'}, 2:{w:22,d:'.99'}, 3:{w:32,d:'.99'}, 4:{w:42,d:'.99'}, 5:{w:52,d:'.99'} },
/* 1 = 3 Months */ { 1:{w:34,d:'.99'}, 2:{w:54,d:'.99'}, 3:{w:74,d:'.99'}, 4:{w:94,d:'.99'}, 5:{w:114,d:'.99'} },
/* 2 = 6 Months */ { 1:{w:54,d:'.99'}, 2:{w:74,d:'.99'}, 3:{w:94,d:'.99'}, 4:{w:124,d:'.99'}, 5:{w:144,d:'.99'} },
/* 3 = 12 Months*/ { 1:{w:74,d:'.99'}, 2:{w:115,d:''}, 3:{w:165,d:''}, 4:{w:215,d:''}, 5:{w:255,d:''} },
/* 4 = 24 Months*/ { 1:{w:115,d:''}, 2:{w:175,d:''}, 3:{w:235,d:''}, 4:{w:295,d:''}, 5:{w:355,d:''} },
];
var PER_MONTH = [
/* 1M */ {1:'$12.99/mo', 2:'$22.99/mo', 3:'$32.99/mo', 4:'$42.99/mo', 5:'$52.99/mo'},
/* 3M */ {1:'$11.66/mo · Save 10%', 2:'$18.33/mo · Save 10%', 3:'$24.99/mo · Save 10%', 4:'$31.66/mo · Save 10%', 5:'$38.33/mo · Save 10%'},
/* 6M */ {1:'$9.16/mo · Save 30%', 2:'$12.49/mo · Save 30%', 3:'$15.83/mo · Save 30%', 4:'$20.83/mo · Save 30%', 5:'$24.16/mo · Save 30%'},
/* 12M */ {1:'$6.25/mo · Save 52%', 2:'$9.58/mo · Save 52%', 3:'$13.75/mo · Save 52%', 4:'$17.91/mo · Save 52%', 5:'$21.25/mo · Save 52%'},
/* 24M */ {1:'$4.79/mo · Save 63%', 2:'$7.29/mo · Save 63%', 3:'$9.79/mo · Save 63%', 4:'$12.29/mo · Save 63%', 5:'$14.79/mo · Save 63%'},
];
var SCREEN_LABELS = ['1 Screen','2 Screens','3 Screens','4 Screens','5 Screens'];
var activeScreen = 1;
function screenIcon(){
return '';
}
function buildRows(planIdx, activeS){
var html='';
for(var s=1;s<=5;s++){
var p = PLANS[planIdx][s];
var price = '$'+p.w+(p.d||'');
var isActive = s===activeS;
html+=''
+''+SCREEN_LABELS[s-1]+''
+''+price+''
+' ';
}
return html;
}
function updateAll(s){
/* Card 1 — 1 Month */
var p1=PLANS[0][s];
document.getElementById('pr-amt1').textContent=p1.w;
document.getElementById('pr-cts1').textContent=p1.d;
document.getElementById('pr-note1').textContent='$'+p1.w+(p1.d||'')+' total';
document.getElementById('pr-rows1').innerHTML=buildRows(0,s);
/* Card 2 — 3 Months */
var p2=PLANS[1][s];
document.getElementById('pr-amt2').textContent=p2.w;
document.getElementById('pr-cts2').textContent=p2.d;
document.getElementById('pr-note2').textContent='$'+p2.w+(p2.d||'')+' total';
document.getElementById('pr-rows2').innerHTML=buildRows(1,s);
/* Card 3 — 6 Months */
var p3=PLANS[2][s];
document.getElementById('pr-amt3').textContent=p3.w;
document.getElementById('pr-cts3').textContent=p3.d;
document.getElementById('pr-note3').textContent='$'+p3.w+(p3.d||'')+' total';
document.getElementById('pr-rows3').innerHTML=buildRows(2,s);
/* Card 4 — 12 Months */
var p4=PLANS[3][s];
document.getElementById('pr-amt4').textContent=p4.w;
document.getElementById('pr-cts4').textContent=p4.d;
document.getElementById('pr-note4').textContent='$'+p4.w+(p4.d||'')+' total';
document.getElementById('pr-rows4').innerHTML=buildRows(3,s);
/* Card 5 — 24 Months */
var p5=PLANS[4][s];
document.getElementById('pr-amt5').textContent=p5.w;
document.getElementById('pr-cts5').textContent=p5.d;
document.getElementById('pr-note5').textContent='$'+p5.w+(p5.d||'')+' total';
document.getElementById('pr-rows5').innerHTML=buildRows(4,s);
}
window.prScreen = function(s, btn){
activeScreen = s;
document.querySelectorAll('.pr-screen-btn').forEach(function(b){ b.classList.remove('active'); });
btn.classList.add('active');
updateAll(s);
};
/* ── Scroll-in animation ── */
var triggered = false;
var obs = new IntersectionObserver(function(entries){
entries.forEach(function(entry){
if (!entry.isIntersecting || triggered) return;
triggered = true;
document.querySelectorAll('.pr-card').forEach(function(card){
var delay = parseInt(card.dataset.delay)||0;
setTimeout(function(){
card.style.transition='opacity 0.65s cubic-bezier(0.22,1,0.36,1), transform 0.65s cubic-bezier(0.22,1,0.36,1), box-shadow 0.25s ease';
card.style.opacity='1';
card.style.transform='translateY(0)';
}, delay);
});
var g=document.getElementById('pr-guarantee');
if(g) setTimeout(function(){ g.style.transition='opacity 0.6s ease'; g.style.opacity='1'; }, 600);
});
}, { threshold: 0.10 });
var r1=document.getElementById('pr-grid-row1');
if(r1) obs.observe(r1);
/* Init */
updateAll(1);
})();
Simple Pricing
Choose Your
Perfect Plan.
All plans include 25,000+ live channels, 100,000+ VOD titles, 4K quality, EPG guide, Anti-Freeze™ tech and 24/7 support. No contracts.
Connections:
1 Month
$
12
.99
$12.99 / month
3 Months
$
34
.99
$11.66 / month· Save 10%
6 Months
$
54
.99
$9.16 / month· Save 30%
Best Value
12 Months
$
74
.99
$6.25 / month· Save 52%
24 Months
$
115
$4.79 / month· Save 63%
7-Day Money-Back Guarantee
No Credit Card to Start
Cancel Any Time
256-bit SSL Secured
Instant Activation
.dv-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
.dv-wrap {
font-family: 'DM Sans', 'Helvetica Neue', sans-serif;
background: #ffffff;
padding: 88px 48px 96px;
}
/* ── Header ── */
.dv-header { text-align: center; margin-bottom: 64px; }
.dv-eyebrow {
font-size: 11px; font-weight: 700;
letter-spacing: 0.13em; text-transform: uppercase;
color: #E11D48; margin-bottom: 14px;
}
.dv-title {
font-size: clamp(2.4rem, 4.5vw, 3.8rem);
font-weight: 900; color: #0f172a;
line-height: 0.94; letter-spacing: -0.03em;
margin-bottom: 14px;
}
.dv-title em {
font-family: 'DM Serif Display', Georgia, serif;
font-style: italic; font-weight: 400; color: #E11D48;
}
.dv-subtitle {
font-size: 15px; font-weight: 300; color: #94a3b8;
max-width: 480px; margin: 0 auto; line-height: 1.72;
}
/* ── Device Grid ── */
.dv-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 16px;
max-width: 1060px;
margin: 0 auto 72px;
}
/* ── Device Card ── */
.dv-card {
background: #fff;
border: 1px solid #f1f5f9;
border-radius: 28px;
padding: 36px 20px 28px;
display: flex; flex-direction: column;
align-items: center; text-align: center;
gap: 0;
box-shadow: 0 2px 16px rgba(0,0,0,0.04);
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
cursor: default;
opacity: 0;
transform: translateY(24px) scale(0.97);
position: relative;
overflow: hidden;
}
.dv-card::before {
content: '';
position: absolute; top: 0; left: 50%;
transform: translateX(-50%);
width: 0; height: 2px;
background: linear-gradient(90deg, transparent, #E11D48, transparent);
transition: width 0.35s ease;
}
.dv-card:hover {
transform: translateY(-6px) scale(1) !important;
box-shadow: 0 20px 52px rgba(225,29,72,0.09) !important;
border-color: rgba(225,29,72,0.18) !important;
}
.dv-card:hover::before { width: 70%; }
/* ── SVG icon container ── */
.dv-icon-wrap {
width: 80px; height: 80px;
display: flex; align-items: center; justify-content: center;
margin-bottom: 22px;
position: relative;
}
/* Soft halo behind icon */
.dv-icon-wrap::after {
content: '';
position: absolute; inset: -8px;
border-radius: 50%;
background: radial-gradient(circle, rgba(225,29,72,0.07), transparent 70%);
}
.dv-name {
font-size: 14px; font-weight: 800;
color: #0f172a; margin-bottom: 5px;
letter-spacing: -0.01em;
}
.dv-sub {
font-size: 11.5px; font-weight: 400;
color: #94a3b8; margin-bottom: 20px;
line-height: 1.5;
}
.dv-badge {
display: inline-flex; align-items: center; gap: 5px;
font-size: 10px; font-weight: 700;
letter-spacing: 0.06em; text-transform: uppercase;
color: #E11D48; background: rgba(225,29,72,0.07);
padding: 5px 12px; border-radius: 999px;
}
.dv-badge-dot {
width: 5px; height: 5px; border-radius: 50%;
background: #22c55e;
}
/* ── Setup strip ── */
.dv-setup {
background: #F9FAFB;
border: 1px solid #f1f5f9;
border-radius: 24px;
padding: 40px 48px;
max-width: 1060px;
margin: 0 auto 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 32px;
opacity: 0;
transform: translateY(20px);
}
.dv-step {
display: flex; align-items: flex-start; gap: 16px;
}
.dv-step-num {
width: 40px; height: 40px; border-radius: 14px;
background: #E11D48;
display: flex; align-items: center; justify-content: center;
font-size: 15px; font-weight: 900; color: #fff;
flex-shrink: 0;
box-shadow: 0 6px 20px rgba(225,29,72,0.25);
}
.dv-step-body {}
.dv-step-title {
font-size: 14px; font-weight: 800;
color: #0f172a; margin-bottom: 4px;
}
.dv-step-desc {
font-size: 12.5px; font-weight: 300;
color: #94a3b8; line-height: 1.6;
}
/* connector line between steps */
.dv-setup-inner {
display: grid;
grid-template-columns: 1fr auto 1fr auto 1fr;
gap: 0;
align-items: center;
max-width: 1060px;
margin: 0 auto 0;
}
.dv-connector {
height: 1px;
background: linear-gradient(90deg, #f1f5f9, rgba(225,29,72,0.2), #f1f5f9);
margin: 0 8px;
margin-bottom: 18px;
align-self: flex-start;
margin-top: 20px;
}
/* ── Responsive ── */
@media (max-width: 900px) {
.dv-grid { grid-template-columns: repeat(3, 1fr); }
.dv-setup-inner { grid-template-columns: 1fr; }
.dv-connector { display: none; }
.dv-wrap { padding: 56px 20px 64px; }
}
@media (max-width: 560px) {
.dv-grid { grid-template-columns: repeat(2, 1fr); }
}
Every Screen.
(function(){
/* ── Device cards stagger in ── */
var cards = document.querySelectorAll('.dv-card');
var triggered = false;
var obs = new IntersectionObserver(function(entries){
entries.forEach(function(entry){
if (!entry.isIntersecting || triggered) return;
triggered = true;
cards.forEach(function(card){
var delay = parseInt(card.dataset.delay) || 0;
setTimeout(function(){
card.style.transition = 'opacity 0.65s cubic-bezier(0.22,1,0.36,1), transform 0.65s cubic-bezier(0.22,1,0.36,1), box-shadow 0.25s ease, border-color 0.25s ease';
card.style.opacity = '1';
card.style.transform = 'translateY(0) scale(1)';
}, delay);
});
/* Steps fade in */
['dv-s1','dv-s2','dv-s3'].forEach(function(id, i){
var el = document.getElementById(id);
if (!el) return;
setTimeout(function(){
el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
el.style.opacity = '1';
el.style.transform = 'translateY(0)';
}, 500 + i * 150);
});
});
}, { threshold: 0.12 });
var grid = document.getElementById('dv-grid');
if (grid) obs.observe(grid);
})();
Device Ecosystem
Every Screen.
One Subscription.
Smartiflix IPTV works natively on every device you own. Install in under 2 minutes — no technical knowledge required.
Smart TV
Samsung · LG · Sony
Hisense · TCL
Supported
Amazon Firestick
Fire TV Stick · 4K
Fire TV Cube
Supported
iOS & Android
iPhone · Android
All versions
Supported
iPad & Tablets
iPad · Android Tabs
All screen sizes
Supported
PC & Mac
Windows · macOS
Browser & App
Supported
1
Choose Your Plan
Pick any subscription — monthly, 3, 6, or 12 months. Start with a free 7-day trial, no card needed.
2
Receive Your Credentials
Get your M3U playlist URL and EPG link instantly via email — within 60 seconds of checkout.
3
Start Streaming
Open your IPTV player, paste the URL, and enjoy 25,000+ channels in crystal-clear 4K instantly.
.tc-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
.tc-wrap {
font-family: 'DM Sans', 'Helvetica Neue', sans-serif;
}
/* ══════════════════════════════
TESTIMONIALS
══════════════════════════════ */
.tc-testimonials {
background: #F9FAFB;
padding: 88px 48px 96px;
}
.tc-header { text-align: center; margin-bottom: 64px; }
.tc-eyebrow {
font-size: 11px; font-weight: 700;
letter-spacing: 0.13em; text-transform: uppercase;
color: #E11D48; margin-bottom: 14px;
}
.tc-title {
font-size: clamp(2.2rem, 4vw, 3.4rem);
font-weight: 900; color: #0f172a;
line-height: 0.95; letter-spacing: -0.03em;
}
.tc-title em {
font-family: 'DM Serif Display', Georgia, serif;
font-style: italic; font-weight: 400; color: #E11D48;
}
/* ── Grid ── */
.tc-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
max-width: 1060px;
margin: 0 auto 56px;
}
/* ── Card ── */
.tc-card {
background: #fff;
border: 1px solid #f1f5f9;
border-radius: 24px;
padding: 32px 28px;
display: flex; flex-direction: column; gap: 20px;
box-shadow: 0 2px 16px rgba(0,0,0,0.04);
transition: transform 0.25s ease, box-shadow 0.25s ease;
position: relative; overflow: hidden;
cursor: default;
opacity: 0; transform: translateY(24px) scale(0.97);
}
.tc-card:hover {
transform: translateY(-5px) scale(1) !important;
box-shadow: 0 16px 48px rgba(225,29,72,0.08) !important;
}
.tc-card::before {
content: '';
position: absolute; top: 0; left: 0; right: 0; height: 2px;
background: linear-gradient(90deg, transparent, rgba(225,29,72,0.35), transparent);
}
/* Quote mark */
.tc-quote-mark {
font-size: 64px; font-weight: 900;
color: rgba(225,29,72,0.10);
line-height: 1; margin-bottom: -10px;
font-family: Georgia, serif;
}
/* Stars */
.tc-stars { display: flex; gap: 3px; }
.tc-star {
width: 14px; height: 14px;
}
/* Text */
.tc-text {
font-size: 14px; font-weight: 300;
color: #475569; line-height: 1.78; flex: 1;
font-style: italic;
}
/* Author */
.tc-author {
display: flex; align-items: center; gap: 12px;
padding-top: 16px;
border-top: 1px solid #f8fafc;
}
.tc-avatar {
width: 42px; height: 42px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
font-size: 14px; font-weight: 900; color: #fff;
flex-shrink: 0;
}
.tc-author-name {
font-size: 13.5px; font-weight: 800; color: #0f172a;
margin-bottom: 2px;
}
.tc-author-loc {
font-size: 11.5px; font-weight: 400; color: #94a3b8;
}
/* ── Rating summary bar ── */
.tc-rating-bar {
display: flex; align-items: center; justify-content: center;
gap: 32px; flex-wrap: wrap;
max-width: 1060px; margin: 0 auto;
padding: 28px 36px;
background: #fff;
border: 1px solid #f1f5f9;
border-radius: 20px;
box-shadow: 0 2px 16px rgba(0,0,0,0.03);
opacity: 0; transform: translateY(16px);
}
.tc-rating-item {
display: flex; flex-direction: column;
align-items: center; text-align: center; gap: 4px;
}
.tc-rating-val {
font-size: 28px; font-weight: 900;
color: #0f172a; letter-spacing: -0.03em; line-height: 1;
}
.tc-rating-lbl {
font-size: 10.5px; font-weight: 600;
text-transform: uppercase; letter-spacing: 0.08em; color: #94a3b8;
}
.tc-rating-stars { display: flex; gap: 2px; margin-top: 2px; }
.tc-r-sep { width: 1px; height: 40px; background: #f1f5f9; }
/* ══════════════════════════════
CTA BANNER
══════════════════════════════ */
.tc-cta {
background: #E11D48;
padding: 88px 48px 96px;
text-align: center;
position: relative; overflow: hidden;
}
/* Abstract radial orbs on crimson bg */
.tc-cta::before {
content: '';
position: absolute;
top: -180px; right: -120px;
width: 520px; height: 520px; border-radius: 50%;
background: radial-gradient(circle, rgba(255,255,255,0.07), transparent 65%);
pointer-events: none;
}
.tc-cta::after {
content: '';
position: absolute;
bottom: -160px; left: -100px;
width: 400px; height: 400px; border-radius: 50%;
background: radial-gradient(circle, rgba(0,0,0,0.09), transparent 65%);
pointer-events: none;
}
.tc-cta-inner {
position: relative; z-index: 2;
max-width: 720px; margin: 0 auto;
}
.tc-cta-eyebrow {
display: inline-flex; align-items: center; gap: 8px;
font-size: 11px; font-weight: 700;
letter-spacing: 0.12em; text-transform: uppercase;
color: rgba(255,255,255,0.75);
background: rgba(255,255,255,0.12);
padding: 7px 16px; border-radius: 999px;
margin-bottom: 32px;
}
.tc-cta-dot {
width: 6px; height: 6px; border-radius: 50%;
background: #fff;
animation: tcPulse 2s ease-in-out infinite;
}
@keyframes tcPulse { 0%,100%{opacity:1;}50%{opacity:0.3;} }
.tc-cta-title {
font-size: clamp(2.6rem, 5vw, 4.4rem);
font-weight: 900; color: #fff;
line-height: 0.93; letter-spacing: -0.03em;
margin-bottom: 22px;
}
.tc-cta-title em {
font-family: 'DM Serif Display', Georgia, serif;
font-style: italic; font-weight: 400;
color: rgba(255,255,255,0.85);
}
.tc-cta-sub {
font-size: 16px; font-weight: 300;
color: rgba(255,255,255,0.75);
max-width: 520px; margin: 0 auto 44px;
line-height: 1.72;
}
/* CTA buttons */
.tc-cta-btns {
display: flex; align-items: center; justify-content: center;
gap: 14px; flex-wrap: wrap;
margin-bottom: 44px;
}
.tc-btn-white {
display: inline-flex; align-items: center; gap: 9px;
background: #fff; color: #E11D48;
font-size: 14px; font-weight: 900;
padding: 16px 36px; border-radius: 999px;
border: none; cursor: pointer;
box-shadow: 0 12px 40px rgba(0,0,0,0.18);
transition: transform 0.18s ease, box-shadow 0.18s ease;
text-decoration: none;
}
.tc-btn-white:hover {
transform: scale(1.03);
box-shadow: 0 18px 52px rgba(0,0,0,0.25);
}
.tc-btn-white:active { transform: scale(0.97); }
.tc-btn-outline {
display: inline-flex; align-items: center; gap: 9px;
background: transparent; color: #fff;
font-size: 14px; font-weight: 700;
padding: 16px 32px; border-radius: 999px;
border: 1.5px solid rgba(255,255,255,0.35);
cursor: pointer;
transition: background 0.18s ease, border-color 0.18s ease;
text-decoration: none;
}
.tc-btn-outline:hover {
background: rgba(255,255,255,0.12);
border-color: rgba(255,255,255,0.6);
}
/* Trust micro-row */
.tc-cta-trust {
display: flex; align-items: center; justify-content: center;
gap: 20px; flex-wrap: wrap;
}
.tc-trust-item {
display: flex; align-items: center; gap: 6px;
font-size: 12px; font-weight: 500;
color: rgba(255,255,255,0.65);
}
.tc-trust-sep { width: 1px; height: 14px; background: rgba(255,255,255,0.2); }
/* ── Animations ── */
.tc-cta-anim {
opacity: 0; transform: translateY(24px);
}
/* ── Responsive ── */
@media (max-width: 820px) {
.tc-grid { grid-template-columns: 1fr; max-width: 440px; margin-left: auto; margin-right: auto; }
.tc-testimonials, .tc-cta { padding: 56px 20px 64px; }
.tc-rating-bar { gap: 20px; padding: 20px; }
}
@media (max-width: 560px) {
.tc-r-sep { display: none; }
}
Ready to cut the cord
(function(){
/* ── Testimonial cards ── */
var cards = document.querySelectorAll('.tc-card');
var ratingBar = document.getElementById('tc-rating-bar');
var tcTriggered = false;
var tcObs = new IntersectionObserver(function(entries){
entries.forEach(function(e){
if (!e.isIntersecting || tcTriggered) return;
tcTriggered = true;
cards.forEach(function(card){
var delay = parseInt(card.dataset.delay) || 0;
setTimeout(function(){
card.style.transition = 'opacity 0.65s cubic-bezier(0.22,1,0.36,1), transform 0.65s cubic-bezier(0.22,1,0.36,1), box-shadow 0.25s ease';
card.style.opacity = '1';
card.style.transform = 'translateY(0) scale(1)';
}, delay);
});
/* Rating bar */
setTimeout(function(){
ratingBar.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
ratingBar.style.opacity = '1';
ratingBar.style.transform = 'translateY(0)';
/* Count up reviews */
var el = document.getElementById('tc-rev-count');
if (el) {
var start = null;
(function step(ts){
if (!start) start = ts;
var p = Math.min((ts - start) / 1800, 1);
var ease = 1 - Math.pow(1 - p, 3);
el.textContent = Math.floor(ease * 47832).toLocaleString();
if (p < 1) requestAnimationFrame(step);
})(performance.now());
}
}, 450);
});
}, { threshold: 0.12 });
var grid = document.getElementById('tc-grid');
if (grid) tcObs.observe(grid);
/* ── CTA banner animations ── */
var ctaTriggered = false;
var ctaObs = new IntersectionObserver(function(entries){
entries.forEach(function(e){
if (!e.isIntersecting || ctaTriggered) return;
ctaTriggered = true;
['cta-a1','cta-a2','cta-a3','cta-a4','cta-a5'].forEach(function(id, i){
var el = document.getElementById(id);
if (!el) return;
setTimeout(function(){
el.style.transition = 'opacity 0.7s cubic-bezier(0.22,1,0.36,1), transform 0.7s cubic-bezier(0.22,1,0.36,1)';
el.style.opacity = '1';
el.style.transform = 'translateY(0)';
}, i * 120);
});
});
}, { threshold: 0.15 });
var cta = document.querySelector('.tc-cta');
if (cta) ctaObs.observe(cta);
})();
Customer Reviews
Loved by 1.3M+ Streamers
"
Switched from cable 18 months ago and never looked back. The 4K quality on NFL games is genuinely better than broadcast. Anti-Freeze™ tech is the real deal — not once has it buffered during a live game.
"
Three kids on three different screens simultaneously and Smartiflix handles everything flawlessly. The parental controls, multi-device sync and French-language package make it absolutely perfect for our family.
"
Skeptical at first but the free trial converted me in 20 minutes. The AFL and NRL coverage is incredible — crystal clear even on my rural NBN connection. Best value subscription I pay for, full stop.
Limited Time — 7 Days Free
Ready to cut the cord
for good?
Join 1.3 million subscribers who have already made the switch. Your first 7 days are completely free — no credit card required. Cancel any time.
No Credit Card
Cancel Any Time
Instant Activation
256-bit SSL Secured