*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#0a1a35;color:#fff;font-family:'Plus Jakarta Sans',-apple-system,'Segoe UI','Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:#fff;text-decoration:none}
img{max-width:100%;height:auto;vertical-align:middle}
ul{list-style:none}

/* Device selector tabs */
.dev-tab{padding:.5rem 1.1rem;border-radius:9999px;border:none;background:transparent;color:rgba(255,255,255,.55);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}
.dev-tab.active{background:#E74F51;color:#fff;box-shadow:0 0 18px rgba(231,79,81,.4)}
.dev-tab:hover:not(.active){background:rgba(255,255,255,.08);color:#fff}
@media(max-width:600px){.dev-tab{font-size:.75rem;padding:.4rem .7rem}}

/* Page background */
.page-bg{background:radial-gradient(38% 30% at 12% 8%,rgba(59,110,220,.3),transparent 60%),radial-gradient(30% 26% at 88% 4%,rgba(231,79,81,.16),transparent 62%),radial-gradient(42% 34% at 80% 42%,rgba(41,86,180,.22),transparent 66%),radial-gradient(46% 42% at 16% 68%,rgba(59,110,220,.16),transparent 70%),radial-gradient(34% 30% at 62% 96%,rgba(251,191,36,.07),transparent 66%),#08152b;animation:drift 22s ease-in-out infinite alternate}
.page-bg::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(125% 105% at 50% 42%,transparent 55%,rgba(3,8,20,.55) 100%)}
.page-bg::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px}
@keyframes drift{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.1)}}
@media(prefers-reduced-motion:reduce){.page-bg{animation:none}}

/* Live dot */
.live-dot{animation:live-glow 1.6s ease-in-out infinite}
@keyframes live-glow{0%{box-shadow:0 0 0 0 rgba(231,79,81,.7),0 0 6px 1px rgba(231,79,81,.55);transform:scale(.9)}60%{box-shadow:0 0 0 7px rgba(231,79,81,0),0 0 14px 4px rgba(231,79,81,.95);transform:scale(1.15)}100%{box-shadow:0 0 0 0 rgba(231,79,81,0),0 0 6px 1px rgba(231,79,81,.55);transform:scale(.9)}}
.live-dot--gold{animation-name:live-glow-gold}
@keyframes live-glow-gold{0%{box-shadow:0 0 0 0 rgba(251,191,36,.7),0 0 6px 1px rgba(251,191,36,.55);transform:scale(.9)}60%{box-shadow:0 0 0 7px rgba(251,191,36,0),0 0 14px 4px rgba(251,191,36,.95);transform:scale(1.15)}100%{box-shadow:0 0 0 0 rgba(251,191,36,0),0 0 6px 1px rgba(251,191,36,.55);transform:scale(.9)}}
@media(prefers-reduced-motion:reduce){.live-dot{animation:none;box-shadow:0 0 8px 2px rgba(231,79,81,.6)}.live-dot--gold{box-shadow:0 0 8px 2px rgba(251,191,36,.6)}}

/* Section dividers */
.main-content>section{position:relative}
.main-content>section:not(:first-child)::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1120px,84%);height:1px;pointer-events:none;z-index:1;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 26%,rgba(231,79,81,.55) 50%,rgba(255,255,255,.1) 74%,transparent 100%);box-shadow:0 0 14px rgba(231,79,81,.28)}
.main-content>section:nth-child(even){background:radial-gradient(130% 82% at 50% 0%,rgba(255,255,255,.022),transparent 62%)}

/* Signal decoration */
.signal-bg{background:repeating-radial-gradient(circle at 50% 22%,transparent 0 47px,rgba(255,255,255,.05) 47px 48px);-webkit-mask-image:radial-gradient(58% 62% at 50% 22%,#000 0%,transparent 72%);mask-image:radial-gradient(58% 62% at 50% 22%,#000 0%,transparent 72%)}

/* Logos marquee */
.logos-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}
.logos-track{display:flex;align-items:center;width:max-content;animation:logos-scroll 20s linear infinite}
@keyframes logos-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.logos-track{animation:none}}

/* Poster track */
.mp-track{scrollbar-width:none;-ms-overflow-style:none}
.mp-track::-webkit-scrollbar{display:none}

/* Utility */
.container{max-width:1152px;margin:0 auto;padding:0 1rem}
@media(min-width:640px){.container{padding:0 1.5rem}}
@media(min-width:1024px){.container{padding:0 2rem}}

.badge{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border:1px solid rgba(231,79,81,.3);background:rgba(231,79,81,.1);padding:.375rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#FF7E80}
.badge-dot{height:.375rem;width:.375rem;border-radius:9999px;background:#E74F51}

.card{border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:all .3s}
.card:hover{border-color:rgba(231,79,81,.4);background:rgba(255,255,255,.06)}


.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;background:#E74F51;padding:.875rem 2rem;font-size:1rem;font-weight:600;color:#fff;box-shadow:0 8px 24px -6px rgba(231,79,81,.4);transition:all .2s;text-decoration:none}
.btn:hover{background:#D23E40;transform:translateY(-2px)}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;background:#E74F51;padding:.875rem 2rem;font-size:1rem;font-weight:600;color:#fff;box-shadow:0 8px 24px -6px rgba(231,79,81,.4);transition:all .2s}
.btn-primary:hover{background:#D23E40;transform:translateY(-2px)}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;border:1.5px solid #E74F51;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#FF7E80;transition:all .2s}
.btn-outline:hover{background:#E74F51;color:#fff}

/* Platform logos */
.platform-logo{filter:brightness(0) invert(1);opacity:.55;transition:opacity .2s}
.platform-logo:hover{opacity:.85}

/* LAYOUT */
header{position:fixed;top:0;left:0;right:0;z-index:50}

/* Banner */
.banner{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.5rem .75rem;background:#000;padding:.75rem 1rem;text-align:center;min-height:auto}
.banner-inner{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.35rem;font-size:.875rem;line-height:1.4;white-space:nowrap;overflow:hidden}
.banner-badge{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;background:rgba(231,79,81,.15);padding:.25rem .625rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#FF7E80;flex-shrink:0}
.banner-text-long{display:inline}
.banner-text-short{display:none}
@media(max-width:639px){
  .banner{padding:.5rem .75rem;gap:.35rem}
  .banner-inner{font-size:.72rem;gap:.25rem}
  .banner-badge{display:none}
  .banner-text-long{display:none}
  .banner-text-short{display:inline;white-space:nowrap}
  #btn-banner{padding:.35rem .75rem;font-size:.75rem !important}
  .stat-label-text{font-size:.7rem !important;line-height:1.2}
}

/* Nav */
nav{background:transparent;transition:background .3s,backdrop-filter .3s,box-shadow .3s}
nav.scrolled{background:rgba(8,21,43,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.06)}
.nav-inner{max-width:88rem;margin:0 auto;padding:0 1rem;display:flex;height:4rem;align-items:center;gap:1.5rem}
@media(min-width:640px){.nav-inner{padding:0 1.5rem}}
@media(min-width:1024px){.nav-inner{padding:0 2rem}}
.nav-logo{display:flex;align-items:center;gap:.625rem;flex-shrink:0}
.nav-logo-text{font-family:'Barlow Condensed',sans-serif;font-size:1.85rem;font-weight:800;letter-spacing:-.01em;line-height:1;display:flex;align-items:baseline;gap:0}
.logo-white{color:#fff}
.logo-orange{color:#FF6B00}
.logo-tv{font-size:.6rem;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.4);text-transform:uppercase;margin-left:.15em;align-self:flex-start;margin-top:.2em}
.nav-links{display:none;flex:1;align-items:center;justify-content:center;gap:.25rem}
@media(min-width:1024px){.nav-links{display:flex}}
.nav-link{display:inline-flex;align-items:center;padding:.5rem .75rem;border-radius:.5rem;font-size:.985rem;font-weight:500;color:rgba(255,255,255,.9);transition:background .2s;white-space:nowrap}
.nav-link:hover{background:rgba(255,255,255,.1)}
.nav-cta{display:none;align-items:center;gap:.5rem;flex-shrink:0}
@media(min-width:1024px){.nav-cta{display:flex}}
.nav-cta-btn{display:inline-flex;height:2.5rem;align-items:center;gap:.25rem;border-radius:9999px;border:1.5px solid #E74F51;background:#E74F51;padding:0 1rem;font-size:.9375rem;font-weight:500;color:#fff;transition:all .2s}
.nav-cta-btn:hover{background:#D23E40;border-color:#D23E40}
.menu-btn{margin-left:auto;padding:.5rem;color:#fff;background:none;border:none;cursor:pointer}
@media(min-width:1024px){.menu-btn{display:none}}

/* Mobile menu */
.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#0a1a35;border-bottom:1px solid rgba(255,255,255,.1);padding:1rem}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;color:rgba(255,255,255,.9)}
.mobile-menu a:hover{background:rgba(255,255,255,.1)}
.mobile-menu .mobile-cta{margin-top:.75rem;text-align:center;background:#E74F51;border-radius:.75rem;padding:.875rem;font-weight:600}

/* HERO */
.hero{position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;padding:0}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,21,43,.97) 0%,rgba(8,21,43,.95) 28%,rgba(8,21,43,.7) 48%,rgba(8,21,43,.2) 70%,transparent 88%)}
.hero-inner{position:relative;z-index:1;width:100%;padding:7rem 0 4rem}
@media(min-width:768px){.hero-inner{padding:9rem 0 5rem}}
.hero-content{max-width:500px;flex:none}
.hero-pill{margin-bottom:1.25rem;display:inline-flex;align-items:center;gap:.625rem;border-radius:9999px;border:1px solid rgba(231,79,81,.5);background:rgba(231,79,81,.12);padding:.5rem 1rem;font-size:.8125rem;font-weight:600;letter-spacing:.025em;box-shadow:0 0 28px rgba(231,79,81,.22)}
@media(min-width:640px){.hero-pill{font-size:.875rem}}
h1{font-size:1.75rem;font-weight:700;line-height:1.2;text-wrap:balance}
@media(min-width:768px){h1{font-size:2.5rem}}
@media(min-width:1024px){h1{font-size:3.75rem}}
.hero-sub{margin-top:.875rem;font-size:.97rem;color:rgba(255,255,255,.75);line-height:1.65}
@media(min-width:768px){.hero-sub{font-size:1.1rem}}
.hero-cta{margin:2.5rem 0}
.hero-img{flex:1;display:flex;align-items:center;justify-content:center}
.hero-img-wrap{position:relative;width:100%}
.hero-img-wrap::before{content:"";position:absolute;inset:4% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(255,214,170,.22),transparent 72%);filter:blur(34px);z-index:0}

/* Sections common */
section.section{padding:2rem 0 5rem}
@media(min-width:768px){section.section{padding:3rem 0 7rem}}
.section-header{max-width:48rem;margin:0 auto 3rem;text-align:center}
.section-header.wide{max-width:64rem}
h2{font-size:1.875rem;font-weight:700;line-height:1.2;text-wrap:balance;margin-top:1.5rem}
@media(min-width:768px){h2{font-size:2.5rem}}
@media(min-width:1024px){h2{font-size:2.75rem}}
h3.card-title{font-size:1.125rem;font-weight:700;margin-top:1rem}
.text-accent{color:#FF7E80}
.text-muted{color:rgba(255,255,255,.6)}
.underline-accent{text-decoration:underline;text-decoration-color:#E74F51;text-decoration-thickness:3px;text-underline-offset:8px}

/* Feature cards */
.cards-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:2rem}
@media(min-width:640px){.cards-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.cards-grid{grid-template-columns:repeat(4,1fr)}}
.feat-card{padding:1.5rem;text-align:center}
.feat-card:hover{transform:translateY(-6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 40px -12px rgba(231,79,81,.25)}
.feat-icon{margin:0 auto;display:flex;height:3rem;width:3rem;align-items:center;justify-content:center;border-radius:.75rem;background:rgba(231,79,81,.15);color:#FF7E80;transition:all .2s}
.feat-card:hover .feat-icon{background:#E74F51;color:#fff}
.feat-card p{margin-top:.5rem;font-size:.875rem;line-height:1.6;color:rgba(255,255,255,.55)}

/* Highlight box */
.highlight-box{margin-top:2.5rem;overflow:hidden;border-radius:1rem;border:1px solid rgba(251,191,36,.3);background:linear-gradient(135deg,#1b1a2b,#0c1526);padding:2rem 1.5rem;box-shadow:0 0 55px -12px rgba(251,191,36,.22);position:relative}
@media(min-width:768px){.highlight-box{padding:2.25rem 2.5rem}}
.highlight-box::before{content:"";pointer-events:none;position:absolute;right:-4rem;top:-5rem;height:13rem;width:13rem;border-radius:50%;background:rgba(251,191,36,.1);filter:blur(3rem)}
.highlight-inner{position:relative;display:flex;flex-direction:column;gap:1rem}
@media(min-width:640px){.highlight-inner{flex-direction:row;align-items:flex-start}}
.highlight-icon{display:flex;flex-shrink:0;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:.75rem;background:rgba(251,191,36,.15);color:#fcd34d;ring:1px solid rgba(251,191,36,.3)}
.highlight-text{font-size:1rem;line-height:1.6;color:rgba(251,191,36,.9)}
@media(min-width:768px){.highlight-text{font-size:1.125rem}}

/* Pricing */
#pricing{padding:2rem 0 5rem}
@media(min-width:768px){#pricing{padding:3rem 0 7rem}}
.pricing-grid{display:grid;grid-template-columns:1fr;gap:1.75rem;margin-top:3rem}
@media(min-width:640px){.pricing-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.pricing-grid{grid-template-columns:repeat(4,1fr);gap:2rem}}
.price-card{display:flex;flex-direction:column;border-radius:1.5rem;padding:2.25rem 2rem;transition:all .3s;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.price-card:hover{border-color:rgba(231,79,81,.4);background:rgba(255,255,255,.06)}
.price-card.featured{background:#E74F51;border-color:#E74F51;box-shadow:0 24px 60px -18px rgba(231,79,81,.6)}
@media(min-width:1024px){.price-card.featured{margin:-.875rem 0;padding:2.75rem 2.25rem}}
.price-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}
.price-card.featured h3{color:#fff}
.price-amount{margin-top:.875rem;display:flex;align-items:baseline;gap:.625rem}
.price-from{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.5)}
.price-card.featured .price-from{color:rgba(255,255,255,.8)}
.price-num{font-size:2.25rem;font-weight:700;letter-spacing:-.025em}
.price-period{font-size:.875rem;color:rgba(255,255,255,.5)}
.price-card.featured .price-period{color:rgba(255,255,255,.8)}
.price-features{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.1rem}
.price-feat{display:flex;align-items:flex-start;gap:.75rem}
.price-feat-check{margin-top:.125rem;display:flex;flex-shrink:0;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:9999px;background:rgba(231,79,81,.15);color:#FF7E80}
.price-card.featured .price-feat-check{background:rgba(255,255,255,.2);color:#fff}
.price-feat span{font-size:.9rem;line-height:1.35;color:rgba(255,255,255,.75)}
.price-card.featured .price-feat span{color:rgba(255,255,255,.95)}
.price-action{margin-top:auto;padding-top:1.75rem}
.price-badge-row{margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}
.price-dots{display:flex;gap:-.375rem}
.price-dot{height:.75rem;width:.75rem;border-radius:9999px;ring:2px solid #0a1a35}
.price-dot-1{background:rgba(231,79,81,.3)}
.price-dot-2{background:rgba(231,79,81,.55)}
.price-dot-3{background:rgba(231,79,81,.8)}
.price-dot-4{background:#E74F51}
.price-card.featured .price-dot-1{background:rgba(255,255,255,.4)}
.price-card.featured .price-dot-2{background:rgba(255,255,255,.6)}
.price-card.featured .price-dot-3{background:rgba(255,255,255,.8)}
.price-card.featured .price-dot-4{background:#fff}
.price-badge-label{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;color:#FF7E80}
.price-card.featured .price-badge-label{color:#fff}
.price-btn{display:flex;height:3rem;width:100%;align-items:center;justify-content:center;border-radius:.75rem;font-size:.875rem;font-weight:600;transition:all .2s}
.price-btn-outline{border:1.5px solid #E74F51;color:#FF7E80}
.price-btn-outline:hover{background:#E74F51;color:#fff}
.price-btn-solid{background:#fff;color:#E74F51}
.price-btn-solid:hover{background:rgba(255,255,255,.9)}
.price-card.featured .price-btn-solid:hover{background:#0B1A35 !important;color:#fff !important}
.price-note{margin-top:.75rem;display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:.75rem;font-weight:500;color:rgba(255,255,255,.5)}
.price-card.featured .price-note{color:rgba(255,255,255,.85)}
.guarantee-bar{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;border-radius:.75rem;background:rgba(255,255,255,.04);padding:.875rem 1rem;text-align:center;backdrop-filter:blur(8px)}
@media(min-width:640px){.guarantee-bar{flex-direction:row;gap:.875rem;text-align:left;max-width:36rem;margin-left:auto;margin-right:auto}}
.guarantee-icon{display:flex;height:2.25rem;width:2.25rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.5rem;background:rgba(231,79,81,.15);color:#FF7E80;ring:1px solid rgba(231,79,81,.3)}
.guarantee-text h4{font-size:.875rem;font-weight:700}
.guarantee-text p{margin-top:.125rem;font-size:.75rem;line-height:1.5;color:rgba(255,255,255,.55)}

/* Channels section */
.channels-img{margin-top:3rem;max-width:56rem;border-radius:1.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 80px rgba(0,0,0,.5);ring:1px solid rgba(255,255,255,.05) inset}
.channel-tags{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.625rem;justify-content:center}
.channel-tag{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);padding:.375rem .875rem;font-size:.75rem;font-weight:600;color:rgba(255,255,255,.75);backdrop-filter:blur(8px)}
.channel-tag-dot{height:.375rem;width:.375rem;border-radius:9999px;background:#E74F51}
.stats-row{margin-top:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);padding:1.5rem;backdrop-filter:blur(8px);max-width:42rem;margin-left:auto;margin-right:auto;divide-x:1px solid rgba(255,255,255,.1)}
.stat{flex:1;padding:0 .5rem;text-align:center;border-right:1px solid rgba(255,255,255,.1)}
.stat:last-child{border-right:none}
@media(min-width:640px){.stat{padding:0 .75rem}}
.stat-num{font-size:1.25rem;font-weight:700;letter-spacing:-.025em}
@media(min-width:640px){.stat-num{font-size:1.875rem}}
@media(min-width:768px){.stat-num{font-size:2.5rem}}
.stat-label{margin-top:.25rem;font-size:.75rem;color:rgba(255,255,255,.5)}
@media(min-width:768px){.stat-label{font-size:.875rem}}

/* Devices */
.devices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:56rem;margin:2.5rem auto 0}
@media(min-width:640px){.devices-grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1024px){.devices-grid{grid-template-columns:repeat(6,1fr)}}
.device-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);padding:.875rem .75rem;backdrop-filter:blur(8px);transition:all .3s}
.device-card:hover{transform:translateY(-4px);border-color:rgba(231,79,81,.4);background:rgba(255,255,255,.06)}
.device-img{display:flex;height:2rem;align-items:center;justify-content:center}
.device-img img{max-height:1.75rem;max-width:4.75rem;width:auto;object-fit:contain;opacity:.8;transition:opacity .2s}
.device-card:hover .device-img img{opacity:1}
.device-label{font-size:.75rem;font-weight:500;color:rgba(255,255,255,.6)}
.support-bar{margin-top:2.25rem;display:flex;align-items:center;justify-content:center;gap:.75rem;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);padding:.75rem 1.25rem;font-size:.875rem;color:rgba(255,255,255,.6);max-width:42rem;margin-left:auto;margin-right:auto}

/* Comparison */
.compare-table{margin-top:3rem;overflow:hidden;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.compare-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr}
.compare-head{border-bottom:1px solid rgba(255,255,255,.1);padding:.875rem .75rem}
@media(min-width:640px){.compare-head{padding:1.25rem}}
.compare-head-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.4)}
@media(min-width:640px){.compare-head-label{font-size:.75rem}}
.compare-head.mojo{border-bottom-color:rgba(231,79,81,.4);background:rgba(231,79,81,.08);text-align:center}
.compare-head.other{border-bottom:1px solid rgba(255,255,255,.1);text-align:center}
.compare-brand{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:700}
@media(min-width:640px){.compare-brand{font-size:1rem}}
.compare-brand-dot{height:.375rem;width:.375rem;border-radius:9999px;background:#E74F51}
.compare-brand-sub{margin-top:.125rem;display:block;font-size:.625rem;color:#FF7E80}
@media(min-width:640px){.compare-brand-sub{font-size:.75rem}}
.compare-other-name{display:block;font-size:.875rem;font-weight:700;color:rgba(255,255,255,.7)}
@media(min-width:640px){.compare-other-name{font-size:1rem}}
.compare-other-sub{display:block;font-size:.625rem;color:rgba(255,255,255,.35)}
@media(min-width:640px){.compare-other-sub{font-size:.75rem}}
.compare-row{display:contents}
.compare-cell{padding:.875rem .75rem;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center}
@media(min-width:640px){.compare-cell{padding:1rem 1.25rem}}
.compare-cell.label{font-size:.75rem;font-weight:600}
@media(min-width:640px){.compare-cell.label{font-size:.875rem;font-size:1rem}}
.compare-cell.mojo{background:rgba(231,79,81,.06);border-bottom-color:rgba(231,79,81,.1);justify-content:center;text-align:center;gap:.5rem}
.compare-cell.other{justify-content:center;text-align:center;gap:.5rem}
.compare-cell.last{border-bottom:none}
.check-icon{display:flex;flex-shrink:0;height:1rem;width:1rem;align-items:center;justify-content:center;border-radius:9999px;background:rgba(52,211,153,.15);color:rgb(110,231,183)}
@media(min-width:640px){.check-icon{height:1.25rem;width:1.25rem}}
.cross-icon{display:flex;flex-shrink:0;height:1rem;width:1rem;align-items:center;justify-content:center;border-radius:9999px;background:rgba(231,79,81,.15);color:#E74F51}
@media(min-width:640px){.cross-icon{height:1.25rem;width:1.25rem}}
.compare-cell-text{font-size:.75rem;font-weight:600}
@media(min-width:640px){.compare-cell-text{font-size:.875rem;font-size:15px}}
.compare-cell-text.dim{font-size:.75rem;color:rgba(255,255,255,.45)}
@media(min-width:640px){.compare-cell-text.dim{font-size:.875rem;font-size:15px}}
.compare-note{margin-top:2rem;overflow:hidden;border-radius:1rem;border:1px solid rgba(255,255,255,.1);border-left:4px solid #E74F51;background:rgba(231,79,81,.06);padding:1.25rem 1.5rem}
@media(min-width:768px){.compare-note{padding:1.75rem}}
.compare-note-head{display:flex;align-items:center;gap:.625rem}
.compare-note-badge{display:flex;height:1.5rem;width:1.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;background:#E74F51;color:#fff}
.compare-note-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#FF7E80}
.compare-note p{margin-top:.75rem;font-size:.875rem;line-height:1.6;color:rgba(255,255,255,.7)}
@media(min-width:768px){.compare-note p{font-size:1rem}}

/* Steps */
.steps-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:3rem}
@media(min-width:640px){.steps-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.steps-grid{grid-template-columns:repeat(4,1fr)}}
.step-card{border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);padding:1.5rem;backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.step-num{display:flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:.75rem;background:#E74F51;font-size:1.125rem;font-weight:700;color:#fff;box-shadow:0 8px 24px -6px rgba(231,79,81,.4)}
.step-card h3{margin-top:1rem;font-size:1.125rem;font-weight:700}
.step-card p{margin-top:.5rem;font-size:.875rem;line-height:1.6;color:rgba(255,255,255,.55)}

/* Reviews */
.reviews-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-top:3rem}
@media(min-width:768px){.reviews-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.reviews-grid{grid-template-columns:repeat(3,1fr)}}
.review-card{display:flex;flex-direction:column;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);padding:1.5rem;backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:all .3s}
.review-card:hover{transform:translateY(-4px);border-color:rgba(231,79,81,.4);background:rgba(255,255,255,.06)}
.stars{display:flex;align-items:center;gap:.125rem;color:#fbbf24}
.review-quote{margin-top:1rem;flex:1;font-size:.875rem;line-height:1.6;color:rgba(255,255,255,.7)}
.review-footer{margin-top:1.25rem;display:flex;align-items:center;gap:.75rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}
.review-avatar{display:flex;height:2.5rem;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;background:rgba(231,79,81,.15);font-size:.875rem;font-weight:700;color:#FF7E80}
.review-name{font-size:.875rem;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.review-loc{font-size:.75rem;color:rgba(255,255,255,.45);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* FAQ */
.faq-list{margin-top:2.5rem;display:flex;flex-direction:column;gap:.75rem}
.faq-item{overflow:hidden;border-radius:1rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);backdrop-filter:blur(8px);transition:border-color .2s}
.faq-item.open{border-color:rgba(231,79,81,.4);background:rgba(255,255,255,.06)}
.faq-btn{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;text-align:left;background:none;border:none;color:#fff;cursor:pointer}
@media(min-width:768px){.faq-btn{padding:1.25rem 1.5rem}}
.faq-q{font-size:1rem;font-weight:600}
@media(min-width:768px){.faq-q{font-size:1.125rem}}
.faq-icon{flex-shrink:0;color:#FF7E80;transition:transform .3s}
.faq-item.open .faq-icon{transform:rotate(180deg)}
.faq-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-item.open .faq-body{max-height:20rem}
.faq-body p{padding:.25rem 1.25rem 1.25rem;font-size:.875rem;line-height:1.6;color:rgba(255,255,255,.65)}
@media(min-width:768px){.faq-body p{padding:.25rem 1.5rem 1.5rem;font-size:1rem}}

/* Why Mojo 4K */
.about-card{position:relative;overflow:hidden;border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);background:rgba(11,26,51,.8);padding:1.5rem;backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
@media(min-width:768px){.about-card{padding:2.25rem}}
.about-text{position:relative;font-size:.9375rem;line-height:1.7;color:rgba(255,255,255,.7);max-height:14rem;overflow:hidden;transition:max-height .5s ease}
@media(min-width:768px){.about-text{max-height:13rem;font-size:1rem}}
.about-text.expanded{max-height:none}
.about-text h3{font-size:1.25rem;font-weight:700;color:#fff;margin-top:1.25rem;padding-top:.5rem}
.about-text p{margin-bottom:1rem}
.about-fade{pointer-events:none;position:absolute;inset-x:0;bottom:0;height:6rem;background:linear-gradient(to top,#0b1a33,rgba(11,26,51,.8),transparent)}
.about-text.expanded+.about-fade{display:none}
.read-more-btn{margin-top:1.5rem;display:flex;justify-content:center}

/* Final CTA */
.cta-section{padding:1rem 0 6rem}
@media(min-width:768px){.cta-section{padding:1rem 0 8rem}}
.cta-card{position:relative;overflow:hidden;border-radius:1.5rem;border:1px solid rgba(231,79,81,.3);background:radial-gradient(120% 140% at 50% 0%,rgba(231,79,81,.28),rgba(10,26,53,.4) 60%);padding:3.5rem 1.5rem;text-align:center;box-shadow:0 0 80px -20px rgba(0,0,0,.6);backdrop-filter:blur(8px)}
@media(min-width:768px){.cta-card{padding:4rem 3rem}}
.cta-glow{pointer-events:none;position:absolute;left:-2.5rem;right:-2.5rem;top:-6rem;height:12rem;background:radial-gradient(50% 100% at 50% 50%,rgba(231,79,81,.35),transparent 70%);filter:blur(2rem)}
.cta-inner{position:relative;max-width:42rem;margin:0 auto}
.cta-pill{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);padding:.375rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgba(255,255,255,.8)}
.cta-inner h2{font-size:1.875rem;margin-top:1.5rem}
@media(min-width:768px){.cta-inner h2{font-size:2.5rem}}
@media(min-width:1024px){.cta-inner h2{font-size:2.625rem}}
.cta-inner p{margin:1rem auto 0;max-width:36rem;font-size:1rem;line-height:1.6;color:rgba(255,255,255,.65)}
@media(min-width:768px){.cta-inner p{font-size:1.125rem}}
.cta-btns{margin-top:2.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.875rem}
@media(min-width:640px){.cta-btns{flex-direction:row}}
.cta-fine{margin-top:1.5rem;font-size:.75rem;color:rgba(255,255,255,.45)}

/* Footer */
footer{position:relative;z-index:10;border-top:1px solid rgba(255,255,255,.1);background:rgba(8,18,38,.8);backdrop-filter:blur(8px)}
.footer-inner{max-width:72rem;margin:0 auto;padding:0 1rem}
@media(min-width:640px){.footer-inner{padding:0 1.5rem}}
@media(min-width:1024px){.footer-inner{padding:0 2rem}}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:3.5rem 0}
@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:2rem}}
.footer-brand{grid-column:span 2}
@media(min-width:768px){.footer-brand{grid-column:span 1}}
.footer-brand p{margin-top:1rem;max-width:20rem;font-size:.875rem;line-height:1.6;color:rgba(255,255,255,.55)}
.footer-status{margin-top:1.25rem;display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border:1px solid rgba(52,211,153,.2);background:rgba(52,211,153,.1);padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:rgb(110,231,183)}
.status-dot{height:.375rem;width:.375rem;border-radius:9999px;background:rgb(52,211,153);animation:pulse 2s ease infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
footer h4{font-size:.875rem;font-weight:600}footer .footer-col-head{font-size:.875rem;font-weight:600;margin:0 0 .5rem}
.footer-links{margin-top:1rem;display:flex;flex-direction:column;gap:.625rem}
.footer-links a{font-size:.875rem;color:rgba(255,255,255,.55);transition:color .2s}
.footer-links a:hover{color:#FF7E80}
.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:.75rem;border-top:1px solid rgba(255,255,255,.1);padding:1.5rem 0;text-align:center}
@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}
.footer-bottom p{font-size:.875rem;color:rgba(255,255,255,.5)}
.footer-bottom small{font-size:.75rem;color:rgba(255,255,255,.35)}

/* Responsive overrides */
@media(max-width:639px){
  .hero{padding:12rem 0 5rem}
}

/* ─── Discount badge & original price ─── */
.price-was{font-size:.82rem;color:rgba(255,255,255,.45);margin-top:.75rem;letter-spacing:.01em}
.price-was s{color:rgba(255,255,255,.35);text-decoration:line-through}
.discount-badge-50{display:inline-flex;align-items:center;justify-content:center;
  background:#E74F51;color:#fff;font-size:.78rem;font-weight:800;
  padding:3px 9px;border-radius:6px;margin-left:8px;letter-spacing:.02em;
  animation:badge-pop 2.4s ease-in-out infinite;flex-shrink:0}
.price-card.featured .discount-badge-50{background:rgba(255,255,255,.25);color:#fff}

/* ─── Animations ─── */
@keyframes badge-pop{0%,100%{transform:scale(1) rotate(-1deg)}50%{transform:scale(1.08) rotate(1deg)}}
@keyframes glow-ring{0%,100%{box-shadow:0 24px 60px -18px rgba(231,79,81,.6),0 0 0 0 rgba(231,79,81,.4)}
  50%{box-shadow:0 24px 80px -10px rgba(231,79,81,.95),0 0 40px rgba(231,79,81,.35)}}
@keyframes orb-float{0%,100%{transform:translateY(0) scale(1);opacity:.55}
  50%{transform:translateY(-18px) scale(1.04);opacity:.85}}
@keyframes btn-pulse{0%,100%{box-shadow:0 4px 18px rgba(231,79,81,.4)}
  50%{box-shadow:0 6px 32px rgba(231,79,81,.75),0 0 18px rgba(231,79,81,.3)}}
@keyframes fade-in-up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes shimmer-gold{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes dot-ping{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}

/* ─── Apply animations ─── */
.price-card{transition:transform .25s,box-shadow .25s,border-color .25s}
.price-card:not(.featured):hover{transform:translateY(-6px);
  box-shadow:0 20px 50px rgba(231,79,81,.25),0 0 0 1px rgba(231,79,81,.35);
  border-color:rgba(231,79,81,.45) !important}
.price-card.featured{animation:glow-ring 3s ease-in-out infinite}
.price-btn-solid,.btn-primary{animation:btn-pulse 2.8s ease-in-out infinite}
.orb{animation:orb-float 7s ease-in-out infinite}
.orb-b{animation-delay:2.5s}
.orb-c{animation-delay:1.2s}
.hero-title,.hero-h1{animation:fade-in-up .7s ease-out both}
.hero-sub,.lead{animation:fade-in-up .7s .2s ease-out both}
.hero-ctas{animation:fade-in-up .7s .4s ease-out both}
.trust-row{animation:fade-in-up .7s .6s ease-out both}
.badge-dot{animation:dot-ping 2s ease-in-out infinite}
.section-header h2,.section-head h2{animation:fade-in-up .6s ease-out both}
.price-card.featured .price-num{
  background:linear-gradient(90deg,#fff 0%,#ffeaa7 40%,#fff 60%,#ffeaa7 100%);
  background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;animation:shimmer-gold 3s linear infinite}
/* Glow behind featured card */
.price-card.featured::before{content:'';position:absolute;inset:-1px;border-radius:inherit;
  background:linear-gradient(135deg,rgba(231,79,81,.6),rgba(231,79,81,.15),rgba(231,79,81,.4));
  z-index:-1;filter:blur(18px);opacity:.7;transition:opacity .3s}
.price-card.featured:hover::before{opacity:1}


/* ══════════════════════════════════════════
   MOJO 4K — ANIMATION SYSTEM (fixed)
══════════════════════════════════════════ */
@keyframes hero-glow-breathe{0%,100%{opacity:.55;transform:scale(1) translateY(0)}50%{opacity:.9;transform:scale(1.12) translateY(-18px)}}
@keyframes orb-drift-a{0%,100%{transform:translate(0,0) scale(1);opacity:.45}33%{transform:translate(30px,-25px) scale(1.08);opacity:.7}66%{transform:translate(-15px,20px) scale(.95);opacity:.55}}
@keyframes orb-drift-b{0%,100%{transform:translate(0,0) scale(1);opacity:.4}40%{transform:translate(-28px,18px) scale(1.1);opacity:.65}70%{transform:translate(20px,-12px) scale(.9);opacity:.5}}
@keyframes orb-drift-c{0%,100%{transform:translate(0,0) scale(1);opacity:.35}50%{transform:translate(22px,30px) scale(1.06);opacity:.6}}
@keyframes star-twinkle{0%,100%{opacity:.15;transform:scale(.8)}50%{opacity:.9;transform:scale(1.3)}}
@keyframes count-flip{from{transform:rotateX(-90deg);opacity:0}60%{transform:rotateX(8deg);opacity:1}to{transform:rotateX(0);opacity:1}}
@keyframes card-spotlight{0%{opacity:0}100%{opacity:1}}
@keyframes shimmer-sweep{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes cta-arrow-bounce{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@keyframes ripple-out{0%{transform:scale(0);opacity:.6}100%{transform:scale(4);opacity:0}}
@keyframes fade-in-up{from{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes feat-card-glow{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 rgba(231,79,81,0)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 30px rgba(231,79,81,.18)}}
@keyframes hero-pill-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes live-ring{0%{box-shadow:0 0 0 0 rgba(251,191,36,.7)}70%{box-shadow:0 0 0 8px rgba(251,191,36,0)}100%{box-shadow:0 0 0 0 rgba(251,191,36,0)}}
@keyframes bg-gradient-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes price-glow-intense{0%,100%{box-shadow:0 24px 60px -18px rgba(231,79,81,.6),0 0 0 1px rgba(231,79,81,.4)}50%{box-shadow:0 30px 80px -10px rgba(231,79,81,1),0 0 50px rgba(231,79,81,.35),0 0 0 1px rgba(231,79,81,.7)}}
@keyframes badge-spin-bounce{0%,100%{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.1)}}
@keyframes btn-pulse{0%,100%{box-shadow:0 4px 18px rgba(231,79,81,.4)}50%{box-shadow:0 6px 32px rgba(231,79,81,.75),0 0 18px rgba(231,79,81,.3)}}

/* ─── Page BG ─── */
.page-bg{background:radial-gradient(ellipse 80% 60% at 10% 15%,rgba(231,79,81,.15) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 90% 80%,rgba(99,102,241,.12) 0%,transparent 55%),#0a1a35;background-size:200% 200%;animation:bg-gradient-shift 12s ease-in-out infinite}
.page-bg .orb-a{animation:orb-drift-a 9s ease-in-out infinite}
.page-bg .orb-b{animation:orb-drift-b 11s ease-in-out infinite}
.page-bg .orb-c{animation:orb-drift-c 8s ease-in-out infinite}
.hero-pill{animation:hero-pill-float 4s ease-in-out infinite}
.live-dot--gold{animation:live-ring 2s ease-out infinite}
.badge-dot{animation:live-ring 2s .5s ease-out infinite}

/* ─── Pricing cards — FULLY FIXED ─── */
.price-card{position:relative;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s}

/* Pseudo-elements MUST have pointer-events:none so content stays clickable */
.price-card::before{
  content:'';position:absolute;inset:-1px;border-radius:inherit;
  background:transparent;z-index:0;transition:background .3s;
  pointer-events:none}
.price-card:not(.featured):hover::before{
  background:linear-gradient(135deg,rgba(231,79,81,.1),rgba(231,79,81,.02))}
.price-card:not(.featured):hover{
  transform:translateY(-8px) scale(1.015);
  box-shadow:0 24px 60px -12px rgba(231,79,81,.3),0 0 0 1px rgba(231,79,81,.4),0 0 40px rgba(231,79,81,.08)}

/* Featured card glow — no ::after since it interferes */
.price-card.featured{animation:price-glow-intense 3s ease-in-out infinite;background:#E74F51 !important}
.price-card.featured:hover{transform:translateY(-6px)}

/* Spotlight ::after — pointer-events:none is CRITICAL */
.price-card::after{
  content:'';position:absolute;inset:0;border-radius:inherit;
  background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,.06) 0%,transparent 60%);
  opacity:0;transition:opacity .3s;
  pointer-events:none;z-index:0}
.price-card:not(.featured):hover::after{opacity:1}

/* Ensure all card content stays above pseudo-elements */
.price-card>*{position:relative;z-index:1}

/* Featured price number shimmer */
.price-card.featured .price-num{
  background:linear-gradient(90deg,#fff 0%,#ffeaa7 40%,#fff 60%,#ffeaa7 100%);
  background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;animation:shimmer-sweep 2.5s linear infinite}
.price-card.featured .price-from,.price-card.featured .price-period,
.price-card.featured .price-was,.price-card.featured .price-feat span,
.price-card.featured h3{color:#fff !important}
.price-card.featured .price-was s{color:rgba(255,255,255,.6) !important}

/* ─── Discount badge ─── */
.discount-badge-50{animation:badge-spin-bounce 2.2s ease-in-out infinite}

/* ─── Feature cards ─── */
.feat-card{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;animation:feat-card-glow 4s ease-in-out infinite}
.feat-card:nth-child(2){animation-delay:.6s}
.feat-card:nth-child(3){animation-delay:1.2s}
.feat-card:nth-child(4){animation-delay:1.8s}
.feat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 50px -12px rgba(231,79,81,.3),0 0 0 1px rgba(231,79,81,.3)}
.feat-icon{transition:all .3s cubic-bezier(.34,1.56,.64,1)}
.feat-card:hover .feat-icon{background:#E74F51;color:#fff;transform:scale(1.2) rotate(-5deg);box-shadow:0 8px 20px rgba(231,79,81,.5)}

/* ─── Stats ─── */
.stat-num{background:linear-gradient(135deg,#fff 0%,rgba(255,180,180,.9) 50%,#fff 100%);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer-sweep 4s linear infinite}
.stat{transition:transform .25s}
.stat:hover{transform:scale(1.06)}

/* ─── CTA buttons ─── */
.btn-primary,.price-btn-solid{position:relative;overflow:hidden;animation:btn-pulse 2.8s ease-in-out infinite}
.btn-primary::after,.price-btn-solid::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer-sweep 3s linear infinite;pointer-events:none;z-index:1}

/* ─── Compare rows ─── */
.compare-row{transition:background .2s}
.compare-row:hover{background:rgba(231,79,81,.05)}

/* ─── Review cards ─── */
.rv-tp-inner{transition:transform .3s,box-shadow .3s}
.rv-tp-inner:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 0 1px rgba(0,183,122,.3)}
.rv-mini-card{transition:transform .25s,box-shadow .25s}
.rv-mini-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.5),0 0 0 1px rgba(37,211,102,.25)}

/* ─── Device cards ─── */
.dc-new{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}
.dc-new:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 12px 30px rgba(0,0,0,.2),0 0 0 2px currentColor}

/* ─── Hero canvas ─── */
#hero-canvas{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.7}

/* ─── Scroll reveal ─── */
.reveal-ready{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}
.reveal-visible{opacity:1 !important;transform:none !important}
h2 .underline-accent{position:relative;text-decoration:none}
h2 .underline-accent::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:3px;background:#E74F51;border-radius:2px;transition:width .8s cubic-bezier(.22,1,.36,1);pointer-events:none}
.reveal-visible h2 .underline-accent::after{width:100%}

/* ─── Nav ─── */
nav.scrolled{box-shadow:0 4px 30px rgba(231,79,81,.12),0 1px 0 rgba(255,255,255,.08);background:rgba(10,26,53,.97)}

/* ─── Twemoji flags ─── */
.twemoji-flag{width:20px;height:20px;vertical-align:middle;margin-left:5px;border-radius:3px}
img.emoji{height:1.1em;width:auto;vertical-align:middle;margin-left:4px;border-radius:2px}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}


/* ── HERO — left-aligned on desktop ── */
.hero-inner{display:flex;align-items:center;justify-content:flex-start}
.hero-content{
  max-width:560px;
  text-align:left
}
.hero-content h1{
  font-size:clamp(28px,4vw,52px);
  line-height:1.12;
  text-align:left
}
.hero-sub{
  font-size:.95rem;
  line-height:1.7;
  text-align:left
}
.hero-pill{
  display:inline-flex;
  text-align:left;
  max-width:100%;
  white-space:normal
}
.hero-cta{
  justify-content:flex-start;
  text-align:left
}
@media(max-width:767px){
  .hero-content{text-align:left}
  .hero-content h1{font-size:clamp(26px,6vw,36px)}
}
@media(min-width:900px){
  .hero-inner{padding:8rem 0 5rem}
}



    .ch-wrap{overflow:hidden;padding:12px 0;mask-image:linear-gradient(to right,transparent 0%,#000 4%,#000 96%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 4%,#000 96%,transparent 100%)}
    .ch-track{display:flex;align-items:center;gap:10px;width:max-content;animation:ch-rtl 36s linear infinite}
    .ch-track.ltr{animation:ch-ltr 42s linear infinite}
    @keyframes ch-rtl{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
    @keyframes ch-ltr{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}
    .ch-card{flex-shrink:0;background:#0e1628;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:11px 22px;min-width:140px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;white-space:nowrap}
  

    .mp-row{overflow:hidden;padding:8px 0;mask-image:linear-gradient(to right,transparent 0%,#000 3%,#000 97%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 3%,#000 97%,transparent 100%)}
    .mp-track{display:flex;gap:14px;width:max-content;animation:mp-scroll 45s linear infinite}
    .mp-track.mp-r2{animation-direction:reverse;animation-duration:52s}
    @keyframes mp-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
    .mp-item{flex-shrink:0;width:185px;height:278px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 48px rgba(0,0,0,.7);transition:transform .3s,box-shadow .3s}
    .mp-item:hover{transform:scale(1.04) translateY(-6px);box-shadow:0 24px 64px rgba(0,0,0,.85);border-color:rgba(231,79,81,.4);z-index:2}
    .mp-item img{width:100%;height:100%;object-fit:cover;display:block}
  

    .steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}
    @media(max-width:767px){.steps-row{grid-template-columns:repeat(2,1fr)}}
    .step-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:1rem;padding:1.25rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}
    .step-card.step-final{background:linear-gradient(135deg,rgba(231,79,81,.2),rgba(231,79,81,.08));border-color:rgba(231,79,81,.45)}
    .step-num{width:2.5rem;height:2.5rem;border-radius:50%;background:#E74F51;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:900;color:#fff;flex-shrink:0}
    .step-title{font-size:.95rem;font-weight:700;color:#fff;margin:0;line-height:1.3}
    .step-card.step-final .step-title{color:#FF7E80}
    .step-desc{color:rgba(255,255,255,.6);font-size:.82rem;line-height:1.5;margin:0}
    

#mojo-reviews{--tp:#00b67a;--wa:#25D366;--gg:#FBBC04;--red2:#fd0322;}
.rv-inner{max-width:1100px;margin:0 auto;}
.rv-head{text-align:center;margin-bottom:44px;}
.rv-kicker{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:#fd0322;font-weight:700;margin-bottom:10px;}
.rv-title{font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:900;color:#fff;margin-bottom:12px;}
.rv-title span{color:#fd0322;}
@media(max-width:600px){.rv-title{font-size:clamp(1.05rem,5.2vw,1.7rem);}}
.rv-subtitle{color:rgba(232,224,255,.55);font-size:.9rem;}
.rv-stats{display:flex;flex-wrap:nowrap;justify-content:center;gap:8px;margin-bottom:52px;}
.rv-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:10px 12px;text-align:center;flex:1;min-width:0;}
.rv-stat-num{font-size:1.1rem;font-weight:900;}
.rv-stat-label{font-size:.68rem;color:rgba(232,224,255,.55);margin-top:4px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;}
.rv-block{margin-bottom:56px;}
.rv-block-head{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px;}
.rv-block-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.rv-block-name{font-weight:800;font-size:1.25rem;}
.rv-carousel{position:relative;overflow:hidden;}
.rv-track-wrap{overflow:hidden;}
.rv-track{display:flex;transition:transform .42s cubic-bezier(.25,.46,.45,.94);}
.rv-tp-card{min-width:100%;padding:0 4px;box-sizing:border-box;}
.rv-tp-inner{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:32px 36px;box-shadow:0 8px 40px rgba(0,0,0,.4);max-width:780px;margin:0 auto;}
.rv-stars{display:flex;gap:4px;margin-bottom:16px;}
.rv-star-tp{width:28px;height:28px;background:#00b67a;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700;}
.rv-card-title{font-weight:800;font-size:1.05rem;color:#fff;margin-bottom:10px;}
.rv-card-body{color:rgba(232,224,255,.65);line-height:1.8;font-size:.88rem;margin-bottom:18px;}
.rv-card-author{font-weight:600;font-size:.82rem;display:flex;align-items:center;gap:6px;}
.rv-multi-card{min-width:100%;padding:0 4px;box-sizing:border-box;}
.rv-multi-grid{display:grid;gap:18px;}
.rv-multi-grid.cols2{grid-template-columns:repeat(2,1fr);}
.rv-multi-grid.cols3{grid-template-columns:repeat(3,1fr);}
.rv-mini-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:22px;box-shadow:0 6px 28px rgba(0,0,0,.32);}
.rv-mini-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.rv-mini-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.rv-mini-body{color:rgba(232,224,255,.6);line-height:1.75;font-size:.85rem;margin-bottom:12px;}
.rv-mini-author{font-weight:600;font-size:.8rem;display:flex;align-items:center;gap:5px;}
.rv-dots{display:flex;justify-content:center;gap:7px;margin-top:20px;}
.rv-dot{height:9px!important;width:9px!important;min-width:9px!important;max-width:9px!important;min-height:9px!important;border-radius:99px!important;border:none!important;cursor:pointer!important;padding:0!important;margin:0!important;background:rgba(255,255,255,.15)!important;transition:all .4s cubic-bezier(.34,1.56,.64,1)!important;display:inline-block!important;box-shadow:none!important;outline:none!important;font-size:0!important;line-height:0!important;flex-shrink:0!important;}
.rv-dot.active{background:#fd0322!important;width:24px!important;max-width:24px!important;}
@media(max-width:768px){.rv-multi-grid.cols2,.rv-multi-grid.cols3{grid-template-columns:1fr;}.rv-tp-inner{padding:24px 20px;}}


    .dg-new{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:2.5rem;max-width:880px;margin-left:auto;margin-right:auto;}
    .dc-new{background:#ffffff;border-radius:12px;padding:16px 14px;font-size:.9rem;font-weight:700;display:flex;align-items:center;justify-content:center;text-align:center;min-height:58px;line-height:1.3;letter-spacing:-.01em;box-shadow:0 2px 8px rgba(0,0,0,.18);opacity:1!important;transform:none!important;}
    @media(max-width:680px){.dg-new{grid-template-columns:repeat(3,1fr);gap:10px;}}
    @media(max-width:440px){.dg-new{grid-template-columns:repeat(2,1fr);}}
    

.hub-section{position:relative;z-index:20;padding:3.5rem 0;background:rgba(0,0,0,.2)}
.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;position:relative;z-index:1}
@media(min-width:768px){.hub-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.hub-grid{grid-template-columns:repeat(4,1fr)}}
.hub-card{display:block!important;visibility:visible!important;opacity:1!important;text-decoration:none;border-radius:.875rem;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);padding:1rem 1.1rem;transition:border-color .2s,background .2s;color:#fff!important}
.hub-card:hover{border-color:rgba(231,79,81,.55);background:rgba(231,79,81,.12)}
.hub-label{font-size:.72rem!important;font-weight:700!important;color:#FF7E80!important;margin-bottom:.3rem;line-height:1;display:block!important;visibility:visible!important;opacity:1!important}
.hub-title{font-weight:700!important;font-size:.875rem!important;color:#fff!important;line-height:1.35;display:block!important;visibility:visible!important;opacity:1!important}
.hub-sub{font-size:.75rem!important;color:rgba(255,255,255,.55)!important;margin-top:.25rem;line-height:1.4;display:block!important;visibility:visible!important;opacity:1!important}

@keyframes wa-pulse{0%,100%{box-shadow:0 8px 22px rgba(0,0,0,.4),0 0 0 0 rgba(37,211,102,.55)}50%{box-shadow:0 8px 22px rgba(0,0,0,.4),0 0 0 10px rgba(37,211,102,0)}}

/* ─── Footer bottom centering ─── */
.footer-bottom{text-align:center !important;display:flex;flex-direction:column;align-items:center;gap:.75rem}
.footer-bottom img{display:block !important;margin:0 auto !important;max-width:520px;width:100%}
.footer-bottom p,.footer-bottom small,.footer-bottom span{text-align:center !important}

@keyframes np-pulse{0%,100%{box-shadow:0 0 0 3px rgba(231,79,81,.25)}50%{box-shadow:0 0 0 6px rgba(231,79,81,.08)}}
/* ─── Free Trial Page (pp-*) ─── */
.pp-page{padding-top:0}
.pp-hero{padding:7rem 1.25rem 2.5rem;text-align:center;position:relative;z-index:1}
@media(min-width:768px){.pp-hero{padding:8rem 1.25rem 3rem}}
.pp-hero-inner{max-width:640px;margin:0 auto}
.pp-badge{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border:1px solid rgba(231,79,81,.4);background:rgba(231,79,81,.12);padding:.4rem 1rem;font-size:.8rem;font-weight:700;color:#FF7E80;margin-bottom:1.25rem}
.pp-badge-dot{width:.5rem;height:.5rem;border-radius:9999px;background:#E74F51;flex-shrink:0;animation:live-glow 1.6s ease-in-out infinite}
.pp-hero h1{font-size:clamp(1.6rem,4vw,2.5rem);font-weight:800;line-height:1.2;text-wrap:balance;color:#fff;margin-bottom:.75rem}
.pp-hero em{font-style:normal;color:#FF7E80}
.pp-hero-sub{font-size:1rem;color:rgba(255,255,255,.7);line-height:1.6;margin-top:.75rem}
@media(min-width:768px){.pp-hero-sub{font-size:1.1rem}}

.pp-wrap{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1000px;margin:0 auto;padding:0 1.25rem 3rem;position:relative;z-index:1}
@media(min-width:900px){.pp-wrap{grid-template-columns:1fr 360px;align-items:start}}

.pp-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;padding:1.75rem;backdrop-filter:blur(12px)}
@media(min-width:640px){.pp-card{padding:2rem}}

.pp-sum{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}
.pp-sum-label h3{font-size:1rem;font-weight:700;color:#fff;margin:0 0 .25rem}
.pp-sum-label p{font-size:.8rem;color:rgba(255,255,255,.5);margin:0}
.pp-sum-val{font-size:1.9rem;font-weight:900;color:#2ecc71;flex-shrink:0}

.pp-instruction{font-size:.875rem;color:rgba(255,255,255,.6);margin-bottom:1.25rem;line-height:1.5}

.pp-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:.75rem}
@media(min-width:500px){.pp-grid{grid-template-columns:1fr 1fr}}

.pp-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}
.pp-label{font-size:.8rem;font-weight:600;color:rgba(255,255,255,.75)}

.pp-input,.pp-select,.pp-textarea{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:.625rem;padding:.65rem .875rem;color:#fff;font-size:.9rem;font-family:inherit;transition:border-color .2s,background .2s;outline:none}
.pp-input::placeholder,.pp-textarea::placeholder{color:rgba(255,255,255,.3)}
.pp-select option{background:#0d1f3c;color:#fff}
.pp-input:focus,.pp-select:focus,.pp-textarea:focus{border-color:rgba(231,79,81,.6);background:rgba(255,255,255,.1)}
.pp-textarea{min-height:80px;resize:vertical}

.pp-submit{width:100%;margin-top:.5rem;padding:.85rem 1.5rem;border-radius:9999px;border:none;background:#E74F51;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s,transform .15s;box-shadow:0 6px 20px -4px rgba(231,79,81,.45)}
.pp-submit:hover:not(:disabled){background:#D23E40;transform:translateY(-1px)}
.pp-submit:disabled{opacity:.65;cursor:not-allowed}

.pp-err{display:none;margin-top:.75rem;padding:.6rem .875rem;border-radius:.5rem;background:rgba(231,79,81,.15);border:1px solid rgba(231,79,81,.3);color:#FF7E80;font-size:.85rem}

.pp-note{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:rgba(255,255,255,.4);margin-top:.75rem}

.pp-trust{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.07)}
.pp-trust-item{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:rgba(255,255,255,.5)}

/* Success state — full-screen modal */
.pp-success{display:none;position:fixed;inset:0;z-index:9999;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1.5rem;background:rgba(5,12,26,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:pp-suc-fade .25s ease}
.pp-success-card{max-width:460px;width:100%;background:rgba(15,32,60,.96);border:1px solid rgba(255,255,255,.14);border-radius:1.5rem;padding:2.5rem 2rem;box-shadow:0 24px 70px -12px rgba(0,0,0,.6);animation:pp-suc-pop .4s cubic-bezier(.175,.885,.32,1.275) both}
.pp-check{width:80px;height:80px;border-radius:50%;background:rgba(46,204,113,.15);border:2px solid rgba(46,204,113,.5);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}
.pp-check-svg{width:40px;height:40px;fill:none;stroke:#2ecc71;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.pp-suc-title{font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:.625rem}
.pp-suc-sub{font-size:1rem;color:rgba(255,255,255,.7);line-height:1.6;margin-bottom:1.5rem}
.pp-suc-link{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.75rem;border-radius:9999px;background:#E74F51;color:#fff;font-weight:700;font-size:.95rem;text-decoration:none;transition:background .2s,transform .15s;box-shadow:0 8px 24px -6px rgba(231,79,81,.5)}
.pp-suc-link:hover{background:#D23E40;transform:translateY(-1px)}
@keyframes pp-suc-fade{from{opacity:0}to{opacity:1}}
@keyframes pp-suc-pop{0%{opacity:0;transform:scale(.85)}100%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.pp-success,.pp-success-card{animation:none}}

/* Secondary column */
.pp-secondary{position:relative;z-index:1}
.pp-feats-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;padding:1.5rem;backdrop-filter:blur(12px)}
.pp-feats-title{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}
.pp-feats-grid{display:flex;flex-direction:column;gap:.6rem}
.pp-feat-row{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:rgba(255,255,255,.75)}
.pp-feat-chk{color:#2ecc71;font-weight:700;flex-shrink:0;font-size:.9rem}

/* ─── FAQ chevron icon (pricing page) ─── */
.faq-chevron{width:1.25rem;height:1.25rem;flex-shrink:0;color:#FF7E80;transition:transform .3s}
.faq-item.open .faq-chevron{transform:rotate(180deg)}