/* ============================================================
   IPTV SMARTERS PRO — styles.css
   Thème : Bleu électrique / Noir profond / Cyan
   ============================================================ */

:root {
  --bg: #060912;
  --bg2: #0C1020;
  --surface: #111828;
  --surface2: #1A2236;
  --border: rgba(0,198,255,.12);
  --border2: rgba(0,198,255,.22);
  --blue: #00C6FF;
  --blue2: #0072FF;
  --cyan: #00E5FF;
  --gold: #FFB800;
  --text: #F0F4FF;
  --muted: #8896B3;
  --r1: 12px;
  --r2: 20px;
  --r3: 30px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Segoe UI',system-ui,sans-serif;line-height:1.65;overflow-x:hidden}
img{max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
ul{list-style:none}

/* ---- Buttons ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:50px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .25s;border:2px solid transparent}
.btn--primary{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,198,255,.4)}
.btn--outline{background:transparent;border-color:var(--blue);color:var(--blue)}
.btn--outline:hover{background:var(--blue);color:#fff;transform:translateY(-2px)}
.btn--gold{background:linear-gradient(135deg,#f59e0b,var(--gold));color:#000;font-weight:800}
.btn--gold:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,184,0,.4)}
.btn--whatsapp{background:#25D366;color:#fff}
.btn--whatsapp:hover{background:#20b558;transform:translateY(-2px)}
.btn--telegram{background:#2CA5E0;color:#fff}
.btn--telegram:hover{background:#1e8bbf;transform:translateY(-2px)}
.btn--lg{padding:16px 36px;font-size:1.05rem}
.btn--full{width:100%}

/* ---- Topbar ---- */
.topbar{background:linear-gradient(90deg,var(--blue2),var(--blue));display:flex;align-items:center;justify-content:space-between;padding:9px 24px;font-size:.8rem;font-weight:600;overflow:hidden}
.topbar__ticker{display:flex;gap:40px;overflow:hidden;white-space:nowrap;animation:ticker 28s linear infinite}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.topbar__cta{background:#fff;color:var(--blue2);padding:5px 16px;border-radius:50px;font-weight:700;font-size:.78rem;flex-shrink:0;margin-left:20px}

/* ---- Navbar ---- */
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 5%;position:sticky;top:0;z-index:100;background:rgba(6,9,18,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.nav__logo img{height:44px;width:auto;filter:brightness(0) invert(1) sepia(1) saturate(3) hue-rotate(190deg);}
.nav__links{display:flex;gap:32px}
.nav__links a{font-size:.9rem;color:var(--muted);font-weight:500;transition:color .2s}
.nav__links a:hover{color:var(--blue)}
.nav__cta{}

/* ---- Hero ---- */
.hero{min-height:92vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:80px 5% 60px;position:relative;overflow:hidden}
.hero__bg{position:absolute;inset:0;z-index:0}
.hero__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35}
.hero__orb--1{width:500px;height:500px;background:radial-gradient(circle,var(--blue2),transparent);top:-100px;left:-100px}
.hero__orb--2{width:400px;height:400px;background:radial-gradient(circle,var(--blue),transparent);bottom:0;right:100px}
.hero__orb--3{width:300px;height:300px;background:radial-gradient(circle,#7B2FFF,transparent);top:50%;left:40%}
.hero__content{position:relative;z-index:1}
.hero__badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,198,255,.1);border:1px solid var(--border2);padding:7px 18px;border-radius:50px;font-size:.78rem;font-weight:700;letter-spacing:.1em;color:var(--blue);margin-bottom:24px}
.pulse-blue{width:8px;height:8px;background:var(--blue);border-radius:50%;animation:pulse-b 1.4s ease-in-out infinite}
@keyframes pulse-b{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
.hero__title{font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:900;line-height:1.12;margin-bottom:20px}
.text-blue{background:linear-gradient(135deg,var(--blue2),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.text-glow{color:var(--cyan);text-shadow:0 0 30px rgba(0,229,255,.5)}
.hero__sub{color:var(--muted);font-size:1.05rem;margin-bottom:32px;max-width:540px}
.hero__sub strong{color:var(--text)}

/* Hero plans inline */
.hero__plans{display:flex;gap:14px;margin-bottom:32px;flex-wrap:wrap}
.hplan{background:var(--surface);border:1px solid var(--border);border-radius:var(--r1);padding:16px 18px;text-align:center;flex:1;min-width:130px;position:relative;transition:all .25s}
.hplan:hover{border-color:var(--blue);transform:translateY(-3px)}
.hplan--pop{border-color:var(--blue);background:rgba(0,114,255,.1)}
.hplan--best{border-color:var(--gold);background:rgba(255,184,0,.07)}
.hplan__badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;font-size:.65rem;font-weight:700;padding:3px 10px;border-radius:50px;white-space:nowrap}
.hplan--best .hplan__badge{background:var(--gold);color:#000}
.hplan__icon{font-size:1.4rem;margin-bottom:6px}
.hplan__device{font-size:.8rem;color:var(--muted);margin-bottom:6px;font-weight:600}
.hplan__price{font-size:1.3rem;font-weight:900;color:var(--blue)}
.hplan--best .hplan__price{color:var(--gold)}
.hplan__price span{font-size:.7rem;font-weight:500;color:var(--muted)}

.hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.hero__trust{display:flex;gap:20px;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}

/* Hero visual */
.hero__visual{position:relative;z-index:1;display:flex;justify-content:center;align-items:center}
.mockup-wrap{position:relative;display:inline-block}
.mockup-img{width:100%;max-width:600px;border-radius:var(--r2);box-shadow:0 40px 100px rgba(0,114,255,.4),0 0 60px rgba(0,198,255,.15);border:none;background:transparent;}
.mockup-badge{position:absolute;background:var(--surface);border:1px solid var(--border2);border-radius:var(--r1);padding:10px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 30px rgba(0,0,0,.4);animation:float-badge 3s ease-in-out infinite}
.mockup-badge--tl{top:20px;left:-20px;animation-delay:0s}
.mockup-badge--tr{top:60px;right:-20px;animation-delay:.7s}
.mockup-badge--bl{bottom:40px;left:-20px;animation-delay:1.4s}
@keyframes float-badge{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.badge-icon{font-size:1.4rem}
.mockup-badge strong{display:block;font-size:.9rem;font-weight:800;color:var(--text)}
.mockup-badge small{font-size:.72rem;color:var(--muted)}

/* ---- Stats ---- */
.stats-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:0;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stat{flex:1;min-width:140px;padding:24px 16px;text-align:center;border-right:1px solid var(--border)}
.stat:last-child{border-right:none}
.stat__num{display:block;font-size:1.7rem;font-weight:900;color:var(--blue)}
.stat__label{font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--muted)}
.stat{opacity:0;transform:translateY(20px);transition:all .5s}
.stat.in-view{opacity:1;transform:none}

/* ---- Why ---- */
.why{padding:100px 5%}
.container{max-width:1200px;margin:0 auto}
.why .container{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.section-label{font-size:.72rem;font-weight:700;letter-spacing:.15em;color:var(--blue);display:block;margin-bottom:14px}
.section-title{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:900;line-height:1.2;margin-bottom:20px}
.section-sub{color:var(--muted);font-size:1rem;margin-bottom:40px}
.why h2{margin-bottom:20px}
.why p{color:var(--muted);margin-bottom:24px}
.why__list{display:flex;flex-direction:column;gap:12px}
.why__list li{color:var(--text);font-size:.95rem}

/* Device stack */
.device-stack{display:flex;flex-direction:column;gap:16px}
.device-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:24px 28px;display:flex;align-items:center;gap:20px;transition:all .3s;opacity:0;transform:translateX(30px)}
.device-card.in-view{opacity:1;transform:none}
.device-card:hover{border-color:var(--blue);transform:translateX(6px)}
.device-card span{font-size:2rem}
.device-card p{font-weight:700;font-size:1rem}
.device-card small{color:var(--muted);font-size:.8rem}
.device-card--tv{transition-delay:.1s}
.device-card--phone{transition-delay:.2s}
.device-card--pc{transition-delay:.3s}

/* ---- Features ---- */
.features{padding:60px 0}
.features .container{margin-bottom:60px}
.feat-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:80px 5%;border-top:1px solid var(--border)}
.feat-row--reverse{direction:rtl}
.feat-row--reverse>*{direction:ltr}
.feat-num{font-size:5rem;font-weight:900;color:rgba(0,198,255,.1);line-height:1;display:block;margin-bottom:-20px}
.feat-row__text h3{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;line-height:1.3;margin-bottom:16px}
.feat-row__text p{color:var(--muted);margin-bottom:20px}
.feat-list{display:flex;flex-direction:column;gap:10px}
.feat-list li{color:var(--text);font-size:.92rem;padding-left:4px}
.feat-ok::before{content:'✅ '}
.feat-no::before{content:'❌ ';opacity:.5}
.feat-row{opacity:0;transform:translateY(30px);transition:all .6s}
.feat-row.in-view{opacity:1;transform:none}
.feat-row__visual{display:flex;justify-content:center;align-items:center}

/* Channels grid */
.channels-grid{display:flex;flex-wrap:wrap;gap:8px;max-width:460px}
.ch-badge{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:.82rem;font-weight:600;color:var(--text);transition:all .2s}
.ch-badge:hover{border-color:var(--blue);color:var(--blue)}
.ch-badge--live{border-color:rgba(255,68,68,.4)}
.ch-badge--hd{border-color:rgba(0,198,255,.4)}
.ch-badge--more{background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;border:none}
.live-tag{background:#ff4444;color:#fff;font-size:.6rem;padding:2px 6px;border-radius:4px;margin-left:4px}
.hd-tag{background:var(--blue2);color:#fff;font-size:.6rem;padding:2px 6px;border-radius:4px;margin-left:4px}

/* Sport card */
.sport-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r2);padding:28px;width:100%;max-width:340px}
.sport-card__header{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;letter-spacing:.1em;color:#ff4444;margin-bottom:20px}
.live-dot{width:8px;height:8px;background:#ff4444;border-radius:50%;animation:pulse-dot 1.4s ease-in-out infinite}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.3}}
.sport-icons-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.sport-icon-item{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:.9rem;font-weight:600;color:#fff;text-align:center}
.sport-card__quality{font-size:.75rem;color:var(--muted);text-align:center;margin-bottom:14px;background:var(--surface2);padding:6px 12px;border-radius:50px}
.sport-card__status{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--muted)}
.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.status-dot--blue{background:var(--blue);animation:pulse-b 1.4s ease-in-out infinite}

/* Cinema card */
.cinema-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r2);padding:24px;width:100%;max-width:340px}
.cinema-card__label{font-size:.72rem;font-weight:700;color:var(--blue);letter-spacing:.1em;margin-bottom:16px}
.cinema-movie{display:flex;gap:14px;align-items:center;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.cinema-movie:last-of-type{border-bottom:none}
.movie-cover{width:54px;height:72px;border-radius:8px;background:linear-gradient(135deg,var(--blue2),#7B2FFF);flex-shrink:0}
.movie-cover--2{background:linear-gradient(135deg,#7B2FFF,#E91E63)}
.movie-info{display:flex;flex-direction:column;gap:4px}
.movie-quality{font-size:.65rem;font-weight:700;background:var(--blue2);color:#fff;padding:2px 8px;border-radius:4px;width:fit-content}
.movie-title{font-size:.88rem;font-weight:700;color:var(--text)}
.movie-sub{font-size:.75rem;color:var(--muted)}
.cinema-note{font-size:.75rem;color:var(--muted);margin-top:8px}

/* Multi device card */
.multi-device-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r2);padding:28px;width:100%;max-width:340px}
.md-header{font-size:.75rem;font-weight:700;color:var(--blue);letter-spacing:.1em;margin-bottom:20px}
.md-plans{display:flex;flex-direction:column;gap:12px}
.md-plan{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r1);padding:14px 16px;display:flex;align-items:center;gap:12px;position:relative;transition:all .2s}
.md-plan--active{border-color:var(--blue);background:rgba(0,114,255,.1)}
.md-plan__devices{font-size:1.2rem}
.md-plan__info strong{display:block;font-size:.9rem;font-weight:700}
.md-plan__info span{font-size:.8rem;color:var(--blue)}
.md-badge{position:absolute;right:12px;font-size:.65rem;background:var(--blue);color:#fff;padding:2px 8px;border-radius:50px}

/* ---- Pricing ---- */
.pricing{padding:100px 5%;background:var(--bg2)}
.pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}
.pcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:36px 28px;position:relative;display:flex;flex-direction:column;gap:6px;transition:all .3s;opacity:0;transform:translateY(30px)}
.pcard.in-view{opacity:1;transform:none}
.pcard:hover{transform:translateY(-6px);border-color:var(--blue)}
.pcard--popular{border-color:var(--blue);box-shadow:0 0 40px rgba(0,114,255,.2)}
.pcard--elite{border-color:var(--gold);box-shadow:0 0 40px rgba(255,184,0,.15)}
.pcard__ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;font-size:.72rem;font-weight:700;padding:4px 18px;border-radius:50px;white-space:nowrap}
.pcard__ribbon--gold{background:var(--gold);color:#000}
.pcard__label{font-size:.68rem;font-weight:700;letter-spacing:.12em;color:var(--blue);margin-bottom:4px}
.pcard--elite .pcard__label{color:var(--gold)}
.pcard__name{font-size:1.2rem;font-weight:800;color:var(--text);margin-bottom:8px}
.pcard__price{font-size:2.8rem;font-weight:900;color:var(--blue);line-height:1}
.pcard--elite .pcard__price{color:var(--gold)}
.pcard__price span{font-size:.85rem;font-weight:500;color:var(--muted)}
.pcard__sub{font-size:.8rem;color:var(--muted);margin-bottom:16px}
.pcard__features{display:flex;flex-direction:column;gap:9px;margin-bottom:28px;flex:1}
.pcard__features li{font-size:.85rem;color:var(--text)}

/* ---- Compatibility ---- */
.compat{padding:80px 5%}
.compat__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:40px}
.compat-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:28px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .25s;opacity:0;transform:translateY(20px)}
.compat-item.in-view{opacity:1;transform:none}
.compat-item:hover{border-color:var(--blue);transform:translateY(-4px)}
.compat-item span{font-size:2rem}
.compat-item>span:first-child{font-size:2.2rem}
.compat-item>span:nth-child(2){font-size:.9rem;font-weight:700;color:var(--text)}
.compat-item small{font-size:.72rem;color:var(--muted)}

/* ---- Reviews ---- */
.reviews{padding:80px 5%;background:var(--bg2)}
.reviews .container{max-width:1200px;margin:0 auto;text-align:center}
.reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.review-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:28px;text-align:left;opacity:0;transform:translateY(20px);transition:all .5s}
.review-card.in-view{opacity:1;transform:none}
.review-stars{color:#FFB800;font-size:1.1rem;margin-bottom:14px}
.review-card p{color:var(--muted);font-size:.9rem;line-height:1.7;margin-bottom:16px;font-style:italic}
.review-author{font-size:.82rem;font-weight:700;color:var(--blue)}

/* ---- FAQ ---- */
.faq{padding:80px 5%}
.faq .container{max-width:800px;margin:0 auto}
.faq__list{display:flex;flex-direction:column;gap:14px;margin-top:40px}
.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r1);overflow:hidden;transition:border-color .2s;opacity:0;transform:translateY(15px)}
.faq-item.in-view{opacity:1;transform:none}
.faq-item[open]{border-color:var(--blue)}
.faq-item summary{padding:20px 24px;font-weight:700;font-size:.95rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;color:var(--text)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'＋';color:var(--blue);font-size:1.2rem;transition:transform .3s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item p{padding:0 24px 20px;color:var(--muted);font-size:.9rem;line-height:1.7}

/* ---- Contact ---- */
.contact{padding:80px 5%;background:linear-gradient(135deg,var(--bg2) 0%,rgba(0,114,255,.05) 100%)}
.contact .container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.contact__left h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:900;line-height:1.25;margin-bottom:28px}
.contact__list{display:flex;flex-direction:column;gap:14px}
.contact__list li{color:var(--muted);font-size:.95rem}
.contact__list strong{color:var(--text)}
.contact__right{display:flex;flex-direction:column;gap:14px}
.contact__options{display:flex;flex-direction:column;gap:10px}
.contact__options span{font-size:.8rem;color:var(--muted);font-weight:600;margin-bottom:4px}
.contact__option{background:var(--surface);border:1px solid var(--border);border-radius:var(--r1);padding:14px 20px;font-size:.88rem;font-weight:600;color:var(--text);transition:all .2s;text-align:center}
.contact__option:hover,.contact__option--pop{border-color:var(--blue);color:var(--blue);background:rgba(0,114,255,.08)}
.contact__note{font-size:.78rem;color:var(--muted);text-align:center}

/* ---- Footer ---- */
.footer{background:var(--bg2);border-top:1px solid var(--border);padding:60px 5% 30px}
.footer__top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer__brand img{height:40px;width:auto;margin-bottom:14px}
.footer__brand p{font-size:.83rem;color:var(--muted);line-height:1.7}
.footer__col h4{font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--blue);margin-bottom:16px}
.footer__col{display:flex;flex-direction:column;gap:10px}
.footer__col a{font-size:.83rem;color:var(--muted);transition:color .2s}
.footer__col a:hover{color:var(--blue)}
.footer__bottom{border-top:1px solid var(--border);padding-top:24px;text-align:center;font-size:.78rem;color:var(--muted)}
.footer__bottom strong{color:var(--text)}
.footer__bottom em{color:var(--blue);font-style:normal}

/* ---- WhatsApp float ---- */
.wa-float{position:fixed;bottom:28px;right:28px;background:#25D366;color:#fff;border-radius:50px;padding:14px 22px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:.9rem;box-shadow:0 8px 30px rgba(37,211,102,.4);z-index:999;transition:all .3s}
.wa-float:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(37,211,102,.6)}

/* ---- Responsive Tablette ---- */
@media(max-width:1100px){
  .hero{grid-template-columns:1fr;padding:60px 5%;text-align:center}
  .hero__content{max-width:640px;margin:0 auto}
  .hero__visual{display:none}
  .hero__actions{justify-content:center}
  .hero__trust{justify-content:center}
  .why .container{grid-template-columns:1fr}
  .feat-row{grid-template-columns:1fr;gap:40px}
  .feat-row--reverse{direction:ltr}
  .pricing__grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}
  .compat__grid{grid-template-columns:repeat(3,1fr)}
  .reviews__grid{grid-template-columns:1fr}
  .contact .container{grid-template-columns:1fr;gap:40px}
  .footer__top{grid-template-columns:1fr 1fr}
}

/* ---- Responsive Mobile ---- */
@media(max-width:700px){
  /* Topbar */
  .topbar{padding:7px 12px;font-size:.72rem}
  .topbar__ticker{display:none}
  .topbar__cta{margin-left:0;width:100%;text-align:center}

  /* Nav */
  .nav{padding:12px 4%}
  .nav__links{display:none}
  .nav__logo img{height:36px}
  .nav__cta{padding:10px 18px;font-size:.85rem}

  /* Hero */
  .hero{padding:40px 4% 50px;min-height:auto;grid-template-columns:1fr;text-align:center}
  .hero__visual{display:none}
  .hero__badge{font-size:.7rem;padding:5px 14px;margin-bottom:16px}
  .hero__title{font-size:2rem;margin-bottom:14px}
  .hero__sub{font-size:.92rem;margin-bottom:20px}
  .hero__plans{flex-direction:column;gap:10px;margin-bottom:20px}
  .hplan{min-width:auto;width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;text-align:left}
  .hplan__icon{font-size:1.6rem;margin-bottom:0}
  .hplan__device{font-size:.85rem}
  .hplan__price{font-size:1.5rem}
  .hero__actions{flex-direction:column;gap:10px;align-items:center}
  .hero__actions .btn{width:100%;max-width:320px}
  .hero__trust{flex-direction:column;align-items:center;gap:8px;font-size:.78rem}

  /* Stats */
  .stats-bar{flex-direction:column}
  .stat{border-right:none;border-bottom:1px solid var(--border);padding:16px}
  .stat__num{font-size:1.4rem}

  /* Why */
  .why{padding:50px 4%}
  .why .container{grid-template-columns:1fr;gap:30px}
  .device-stack{gap:10px}
  .device-card{padding:16px 20px}

  /* Features */
  .features{padding:30px 0}
  .features .container{padding:0 4%;margin-bottom:30px}
  .feat-row{padding:40px 4%;gap:24px}
  .feat-num{font-size:3rem;margin-bottom:-10px}
  .feat-row__text h3{font-size:1.4rem}
  .channels-grid{gap:6px}
  .ch-badge{font-size:.75rem;padding:6px 10px}
  .sport-card,.multi-device-card,.cinema-card{max-width:100%;width:100%}
  .sport-icons-grid{grid-template-columns:1fr 1fr}

  /* Pricing */
  .pricing{padding:50px 4%}
  .pricing__grid{grid-template-columns:1fr;max-width:100%;gap:16px}
  .pcard{padding:28px 20px}
  .pcard__price{font-size:2.2rem}

  /* Compatibility */
  .compat{padding:50px 4%}
  .compat__grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .compat-item{padding:20px 10px}

  /* Reviews */
  .reviews{padding:50px 4%}
  .reviews__grid{grid-template-columns:1fr;gap:16px}
  .review-card{padding:20px}

  /* FAQ */
  .faq{padding:50px 4%}
  .faq-item summary{font-size:.88rem;padding:16px 18px}
  .faq-item p{padding:0 18px 16px;font-size:.85rem}

  /* Contact */
  .contact{padding:50px 4%}
  .contact .container{grid-template-columns:1fr;gap:30px}
  .contact__left h2{font-size:1.8rem}
  .btn--whatsapp,.btn--telegram{font-size:.9rem;padding:14px 20px}

  /* Footer */
  .footer{padding:40px 4% 24px}
  .footer__top{grid-template-columns:1fr;gap:28px}
  .footer__bottom{font-size:.72rem}

  /* WhatsApp float */
  .wa-float{bottom:16px;right:16px;padding:12px 18px;font-size:.82rem}
  .wa-float svg{width:22px;height:22px}
  .pricing__grid{grid-template-columns:1fr}
}