:root{--bg:#050617;--hero:#30004b;--card:#11152b;--card2:#151633;--border:#28304b;--white:#f5f1fa;--muted:#9392a8;--cyan:#02c7ca;--violet:#a847e8;--pink:#d853e9;--orange:#ff9d20;--green:#20d979}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#30004b 0 13%,#080019 27%,var(--bg) 44%);color:var(--white);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.55}.container{width:min(1110px,calc(100% - 40px));margin:auto}.narrow{width:min(720px,calc(100% - 40px));margin-left:auto;margin-right:auto}.nav-wrap{height:62px;background:rgba(8,0,23,.5);border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:5}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{color:#faf7ff;text-decoration:none;font-size:13px;font-weight:900;letter-spacing:.35px}.logo span:first-child{color:#fff}.logo span:last-child{color:#d759ea}.nav-links{display:flex;gap:28px}.nav-links a,.footer-links a{color:#a8a2b4;text-decoration:none;font-size:12px}.nav-links a:hover{color:#fff}.menu{display:none;background:none;border:0}.hero{padding:76px 0 98px}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:80px}.eyebrow{display:inline-block;color:var(--cyan);font-weight:800;letter-spacing:1.5px;font-size:10px;background:#0d1730;border:1px solid #17425a;border-radius:20px;padding:2px 10px}.hero h1{font-size:43px;line-height:1.02;letter-spacing:-1.5px;margin:9px 0 20px}.hero-copy>p{color:#aaa1b2;max-width:610px;font-size:14px}.actions{display:flex;gap:12px;margin:27px 0}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:40px;padding:0 22px;border-radius:22px;text-decoration:none;color:white;font-weight:700;font-size:12px;border:1px solid #33344d;transition:.15s}.btn:active,.outline-btn:active,.submit:active{transform:translateY(2px);filter:brightness(.86)}.primary,.submit{background:linear-gradient(100deg,var(--orange),#d653e6);border:0;box-shadow:0 0 22px rgba(210,68,210,.22)}.dark{background:#101127}.stats{display:flex;gap:54px;margin-top:26px}.stats div{display:flex;flex-direction:column}.stats strong{font-size:24px;line-height:1}.stats span{font-size:10px;color:#908b9d;margin-top:5px}.perks{display:block;color:#31d7d2;margin-top:10px;font-size:10px}.dashboard{background:linear-gradient(145deg,#202044,#0d1730);border:1px solid #3a315c;border-radius:25px;padding:15px;box-shadow:0 25px 70px rgba(7,0,17,.35)}.window-bar{height:26px;font-size:10px;color:#be86ce}.window-bar b{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff5579;margin-right:4px}.window-bar b:nth-child(2){background:#ffb134}.window-bar b:nth-child(3){background:#24d795}.window-bar span{margin-left:6px}.dash-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:13px}.now,.devices{background:#151732;border:1px solid #292c4c;border-radius:14px;padding:15px}.now small{display:block;color:#b145e7;font-size:8px;font-weight:800;letter-spacing:1px}.now strong{display:block;font-size:15px}.now span,.devices small{display:block;color:#7e819a;font-size:9px}.dash-grid label{display:block;color:#b3aec3;font-size:10px;margin:15px 0 5px}.signal{display:flex;align-items:end;height:30px;gap:4px}.signal i{width:7px;background:#25d98a;border-radius:3px;height:10px}.signal i:nth-child(2){height:16px}.signal i:nth-child(3){height:23px}.signal i:nth-child(4){height:30px}.dash-grid em{font-size:9px;color:#23dd90;font-style:normal}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.chips span{font-size:8px;border:1px solid #5b437b;border-radius:10px;padding:3px 7px;color:#d8d4e4}.devices p{font-size:10px;line-height:1.35;margin:8px 0}.devices p i{display:inline-block;width:6px;height:6px;background:#18da78;border-radius:50%}.section{padding-top:102px;padding-bottom:20px}.answer{text-align:center;padding-top:30px}.answer h2,.section-head h2{font-size:22px;margin:5px 0}.answer p,.section-head p{color:#9290a4;font-size:13px}.center{justify-content:center}.section-head{text-align:center;margin-bottom:43px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.features article,.plans article,.posts article{background:linear-gradient(145deg,#181631,#0d1629);border:1px solid var(--border);border-radius:20px;padding:22px}.features article{min-height:202px}.features h3,.posts h3{font-size:13px;line-height:1.35;margin:0 0 10px}.features p,.posts p{font-size:11px;color:#9996a8;margin:0}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;align-items:stretch}.plans article{text-align:center;position:relative;overflow:hidden;padding:30px 22px}.plans article.popular{border-color:#70318e;box-shadow:0 0 35px rgba(171,54,215,.14);transform:scale(1.035)}.plan-tag{font-size:9px;letter-spacing:1px;border-radius:10px;color:#bab6c9;background:#181a35;padding:3px 9px}.plans h3{margin:13px 0 0;font-size:18px}.plans p{font-size:11px;color:#9995aa;margin:1px}.price{font-size:37px;font-weight:800;margin:16px 0}.price sup{font-size:18px}.price small{font-size:9px;color:#aaa5b5;margin-left:4px}.plans ul{list-style:none;padding:0;margin:0 0 22px}.plans li{font-size:11px;margin:7px;color:#c3bfd0}.plans li:before{content:'✓';color:#a742e7;margin-right:8px}.outline-btn{display:inline-flex;color:#fff;text-decoration:none;border:1px solid #43445a;border-radius:20px;padding:8px 17px;font-size:10px;font-weight:700}.ribbon{position:absolute;right:-40px;top:22px;width:150px;transform:rotate(40deg);background:#b34be8;font-size:8px;padding:4px}.install ol{list-style:none;padding:0;margin-top:55px}.install li{display:flex;gap:23px;margin:25px 0;position:relative}.install li:not(:last-child):after{content:'';position:absolute;left:15px;top:34px;height:38px;width:1px;background:#61307a}.install li>b{display:flex;flex:0 0 31px;height:31px;border-radius:50%;align-items:center;justify-content:center;background:linear-gradient(135deg,#8d3ae5,#f557d3);box-shadow:0 0 20px #9f36c7;font-size:12px}.install h3{font-size:12px;margin:0}.install p{font-size:10px;color:#9895a6;margin:3px 0}.faq details{background:#10162a;border:1px solid #303854;border-radius:12px;margin:10px 0;overflow:hidden}.faq summary{padding:13px 17px;cursor:pointer;font-size:11px;font-weight:700;list-style:none}.faq summary:after{content:'+';float:right;color:#777d9a}.faq details[open] summary:after{content:'–'}.faq details p{color:#9995a8;padding:0 17px 13px;margin:0;font-size:11px}.blog{padding-top:130px}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:72px}.posts article{border-radius:0 0 15px 15px;padding:16px;position:relative}.posts .thumb{height:7px;margin:-16px -16px 12px;background:linear-gradient(90deg,#43320a,#111c36,#6c3d09)}.posts .two{background:linear-gradient(90deg,#354a18,#1a1d38,#425014)}.posts .three{background:linear-gradient(90deg,#742f18,#1b1d34,#355826)}.posts h3{font-size:12px}.posts a{display:block;color:#1bc7d1;text-decoration:none;font-size:10px;margin-top:12px}.contact{display:grid;grid-template-columns:1.05fr .95fr;gap:150px;align-items:center;padding-top:170px;padding-bottom:80px}.contact-copy h2{font-size:24px;margin:0}.contact-copy p{color:#9290a4}.whatsapp{background:#26d878;border:0}.contact-copy small,form small{color:#868395;font-size:9px}form{background:#0d1327;border:1px solid #29304a;border-radius:17px;padding:20px;box-shadow:0 14px 35px rgba(0,0,0,.25)}form label{display:block;color:#aaa7b8;font-size:9px;margin-bottom:8px}input,select,textarea{display:block;width:100%;margin-top:4px;background:#0d1427;color:#d8d6df;border:1px solid #343c59;border-radius:7px;padding:9px 12px;font:inherit;font-size:11px}input,select{height:37px}textarea{height:78px;resize:none}.submit{width:100%;border:0;border-radius:18px;color:white;height:36px;font-size:10px}form small{display:block;margin-top:7px}footer{background:#0e1024;border-top:1px solid #24263d;padding:36px 0}.footer-grid{display:flex;justify-content:space-between}.footer-grid p{color:#858397;font-size:10px}.footer-grid small{font-size:9px;color:#767486}.footer-links{display:flex;gap:19px}.footer-links a{font-size:9px}.floating-wa{position:fixed;right:23px;bottom:20px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#20d978;border:4px solid rgba(255,255,255,.18);border-radius:50%;color:#fff;text-decoration:none;font-size:23px;box-shadow:0 0 22px rgba(32,217,120,.5);z-index:10}
@media(max-width:800px){body{font-size:13px}.nav-links{display:none}.nav-links.open{display:flex;position:absolute;left:20px;right:20px;top:54px;flex-direction:column;gap:0;padding:10px;background:#111027;border:1px solid #302c48;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.45)}.nav-links.open a{padding:11px 12px}.menu{display:block}.menu i{display:block;width:21px;height:2px;background:#fff;margin:4px}.hero{padding:50px 0}.hero-grid{grid-template-columns:1fr;gap:42px}.hero h1{font-size:35px}.stats{gap:25px}.features{grid-template-columns:1fr 1fr}.plans{grid-template-columns:1fr}.plans article.popular{transform:none}.posts{grid-template-columns:1fr}.contact{grid-template-columns:1fr;gap:45px;padding-top:100px}.footer-grid{display:block}.footer-links{margin-top:25px;flex-wrap:wrap}}
@media(max-width:480px){.container,.narrow{width:min(100% - 28px,1110px)}.hero h1{font-size:31px}.dashboard{padding:10px}.dash-grid{grid-template-columns:1fr}.features{grid-template-columns:1fr}.features article{min-height:0}.stats{justify-content:space-between}.stats strong{font-size:20px}.section{padding-top:75px}.contact{padding-top:95px}.footer-links{gap:13px}.actions{flex-wrap:wrap}}
.logo{display:inline-flex;align-items:center}.logo img{display:block;width:56px;height:56px;object-fit:contain}
.hero{position:relative;isolation:isolate;overflow:hidden}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(35,0,56,.97) 0%,rgba(35,0,56,.86) 43%,rgba(14,3,31,.7) 100%)}.hero-background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}.feature-icon{display:block;width:48px;height:48px;margin-bottom:17px}
.logo:after{content:'smartONE IPTV';margin-left:8px;color:#f8f4fc;font-size:13px;font-weight:800;letter-spacing:.25px;white-space:nowrap}.logo:hover:after{color:#fff}.dynamic-menu{display:none}.hero-copy>*{opacity:0;animation:heroEnter .72s cubic-bezier(.2,.75,.2,1) forwards}.hero-copy>*:nth-child(1){animation-delay:.08s}.hero-copy>*:nth-child(2){animation-delay:.16s}.hero-copy>*:nth-child(3){animation-delay:.24s}.hero-copy>*:nth-child(4){animation-delay:.32s}.hero-copy>*:nth-child(5){animation-delay:.4s}.hero-copy>*:nth-child(6){animation-delay:.48s}.eyebrow{background-size:200% 100%;animation:eyebrowGlow 3.2s ease-in-out infinite}.primary{position:relative;overflow:hidden}.primary:after{content:'';position:absolute;top:-70%;bottom:-70%;left:-45%;width:28%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);animation:buttonShine 3.8s ease-in-out infinite}.feature-icon{animation:iconFloat 3.4s ease-in-out infinite}.features article:nth-child(2) .feature-icon{animation-delay:.35s}.features article:nth-child(3) .feature-icon{animation-delay:.7s}.features article:nth-child(4) .feature-icon{animation-delay:1.05s}.logo img{animation:logoGlow 4s ease-in-out infinite}.floating-wa{animation:whatsappPulse 2.4s ease-in-out infinite}@keyframes heroEnter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes eyebrowGlow{0%,100%{box-shadow:0 0 0 rgba(2,199,202,0)}50%{box-shadow:0 0 16px rgba(2,199,202,.18)}}@keyframes buttonShine{0%,58%{left:-45%}78%,100%{left:125%}}@keyframes iconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes logoGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(255,157,32,0))}50%{filter:drop-shadow(0 0 6px rgba(255,157,32,.42))}}@keyframes whatsappPulse{0%,100%{box-shadow:0 0 18px rgba(32,217,120,.42);transform:scale(1)}50%{box-shadow:0 0 30px rgba(32,217,120,.68);transform:scale(1.045)}}@media(max-width:360px){.logo:after{font-size:11px;margin-left:5px}}@media(max-width:480px){.dynamic-menu{display:block}}@media(prefers-reduced-motion:reduce){.hero-copy>*,.eyebrow,.primary:after,.feature-icon,.logo img,.floating-wa{animation:none!important;opacity:1!important;transform:none!important}}
.nav-wrap{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(8,0,23,.74)}.scroll-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:100;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#ff9d20,#d853e9,#02c7ca);box-shadow:0 0 12px rgba(216,83,233,.75);pointer-events:none}.btn,.outline-btn,.submit,.features article,.plans article,.posts article,.info-card,.policy-card,.offer-focus,.dashboard{will-change:transform}.btn:hover,.outline-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 10px 28px rgba(168,71,232,.24)}.submit:hover{filter:brightness(1.08);box-shadow:0 8px 24px rgba(216,83,233,.28)}.features article:hover,.posts article:hover,.info-card:hover,.policy-card:hover{transform:translateY(-6px);border-color:#47516f;box-shadow:0 18px 38px rgba(0,0,0,.25)}.plans article:hover,.offer-focus:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(130,40,173,.22)}.plans article.popular:hover{transform:scale(1.035) translateY(-7px)}.features article,.plans article,.posts article,.info-card,.policy-card,.offer-focus{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.hero-background{transition:transform .6s cubic-bezier(.2,.7,.2,1);transform:scale(1.02)}.dashboard{animation:dashboardFloat 5s ease-in-out infinite}.devices p i{animation:statusPulse 1.8s ease-in-out infinite}.signal i{animation:signalPulse 1.5s ease-in-out infinite alternate}.signal i:nth-child(2){animation-delay:.15s}.signal i:nth-child(3){animation-delay:.3s}.signal i:nth-child(4){animation-delay:.45s}.reveal{opacity:0;transform:translateY(22px);transition:opacity .62s ease var(--reveal-delay,0ms),transform .62s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}.reveal.visible{opacity:1;transform:none}.menu{cursor:pointer}.menu i{transition:transform .25s ease,opacity .2s ease}.menu.active i:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu.active i:nth-child(2){opacity:0}.menu.active i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@keyframes dashboardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes statusPulse{50%{box-shadow:0 0 0 5px rgba(24,218,120,0)}}@keyframes signalPulse{from{filter:brightness(.8)}to{filter:brightness(1.35);box-shadow:0 0 8px rgba(37,217,138,.45)}}@media(max-width:800px){.plans article.popular:hover{transform:translateY(-7px)}.dashboard{animation:none}}@media(max-width:480px){.global-nav.open{display:flex;position:absolute;left:14px;right:14px;top:57px;max-width:none;flex-direction:column;gap:0;padding:10px;background:#111027;border:1px solid #302c48;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.45)}.global-nav.open a{padding:11px 12px}.dynamic-menu{display:block;margin-left:auto}.dynamic-menu i{display:block;width:21px;height:2px;background:#fff;margin:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dashboard,.devices p i,.signal i{animation:none}.reveal{opacity:1;transform:none;transition:none}.hero-background,.btn,.outline-btn,.submit,.features article,.plans article,.posts article,.info-card,.policy-card,.offer-focus{transition:none!important}.btn:hover,.outline-btn:hover,.features article:hover,.plans article:hover,.posts article:hover,.info-card:hover,.policy-card:hover,.offer-focus:hover{transform:none}}