*{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-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-text-long{display:inline}
.banner-text-short{display:none}
.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}

/* 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,.93) 0%,rgba(8,21,43,.78) 50%,rgba(8,21,43,.2) 100%)}
.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:640px;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:1rem;font-size:1.125rem;color:rgba(255,255,255,.75);line-height:1.6}
@media(min-width:768px){.hero-sub{font-size:1.5rem}}
.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.25rem;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)}}
.price-card{display:flex;flex-direction:column;border-radius:1rem;padding:1.5rem;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:-0.5rem 0;padding:2.25rem 1.75rem}}
.price-card h3{font-size:1.125rem;font-weight:700}
.price-card.featured h3{color:#fff}
.price-amount{margin-top:.75rem;display:flex;align-items:baseline;gap:.5rem}
.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:.875rem}
.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:.875rem;line-height:1.3;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-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-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}
  .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}
}

/* ─── 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}
/* Banner */
.banner{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:.5rem .75rem;background:#000;padding:.75rem 1rem;text-align:center}
.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}
.live-dot{display:inline-block;height:.5rem;width:.5rem;border-radius:9999px;background:#E74F51;margin-right:.125rem}
.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}}
/* Nav */
header{position:fixed;top:0;left:0;right:0;z-index:50}
nav{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-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,.nav-link.active{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}}
.btn-nav{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;background:#E74F51;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;color:#fff;transition:background .2s}
.btn-nav:hover{background:#c8383a}
.menu-btn{display:flex;flex-direction:column;gap:.3rem;background:none;border:none;cursor:pointer;padding:.5rem;margin-left:auto}
.menu-btn span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s}
@media(min-width:1024px){.menu-btn{display:none}}
.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(8,21,43,.98);backdrop-filter:blur(14px);padding:1rem;border-top:1px solid rgba(255,255,255,.1)}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;color:rgba(255,255,255,.85)}
.mobile-menu a:hover{background:rgba(255,255,255,.08)}


/* ── ORDER PAGE STYLES ── */
.op-wrap{max-width:660px;margin:0 auto;padding:0 20px 60px}

/* Hero */
.op-hero{padding:52px 24px 36px;text-align:center;position:relative;overflow:hidden}
.op-hero::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:700px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(231,79,81,.16) 0%,transparent 70%);pointer-events:none}
.op-hero-inner{position:relative;z-index:1;max-width:580px;margin:0 auto}
.op-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:rgba(231,79,81,.12);border:1px solid rgba(231,79,81,.3);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#FF7E80;margin-bottom:16px}
.op-badge-dot{width:7px;height:7px;border-radius:50%;background:#E74F51;animation:op-pulse 1.6s ease-in-out infinite;flex-shrink:0}
@keyframes op-pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(231,79,81,.5)}50%{opacity:.7;box-shadow:0 0 0 6px rgba(231,79,81,0)}}
.op-hero h1{font-size:clamp(26px,5vw,48px);font-weight:900;line-height:1.1;margin-bottom:10px}
.op-hero h1 em{font-style:normal;background:linear-gradient(90deg,#E74F51,#ff7a50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.op-hero-sub{font-size:.97rem;color:rgba(255,255,255,.65);line-height:1.65;max-width:500px;margin:0 auto}

/* Card */
.op-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px 24px;margin-bottom:18px}
.op-plan-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(135deg,rgba(231,79,81,.1),rgba(10,26,53,.6));border:1px solid rgba(231,79,81,.3);border-radius:14px;padding:14px 18px;margin-bottom:22px}
.op-plan-left h3{font-size:.97rem;font-weight:800;color:#fff}
.op-plan-left p{font-size:.78rem;color:rgba(255,255,255,.45);margin-top:3px}
.op-plan-price-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}
.op-plan-was{font-size:.78rem;color:rgba(255,255,255,.4)}
.op-plan-was s{color:rgba(255,255,255,.35)}
.op-plan-price{display:flex;align-items:center;gap:8px}
.op-plan-price-val{font-size:1.9rem;font-weight:900;color:#2ecc71;line-height:1}
.op-plan-badge{background:#E74F51;color:#fff;font-size:.72rem;font-weight:800;padding:3px 9px;border-radius:6px;white-space:nowrap}

/* Connection selector */
.op-conn-label{font-size:.78rem;font-weight:700;color:rgba(255,255,255,.5);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}
.op-conn-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.op-conn-btn{padding:7px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:rgba(255,255,255,.7);font-size:.82rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s}
.op-conn-btn:hover{border-color:rgba(231,79,81,.4);color:#fff}
.op-conn-btn.active{background:rgba(231,79,81,.15);border-color:rgba(231,79,81,.5);color:#fff}

/* Features inside plan bar */
.op-feats{margin:0 0 18px}

/* Form */
.op-intro{font-size:.95rem;font-weight:700;color:#fff;text-align:center;margin-bottom:5px}
.op-intro-sub{font-size:.82rem;color:rgba(255,255,255,.45);text-align:center;margin-bottom:20px;line-height:1.6}
.op-intro-sub strong{color:rgba(255,255,255,.65)}
.op-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.op-grid{grid-template-columns:1fr}}
.op-field{margin-bottom:12px}
.op-label{display:block;font-size:.71rem;font-weight:700;color:rgba(255,255,255,.45);margin-bottom:5px;letter-spacing:.05em;text-transform:uppercase}
.op-input,.op-select,.op-textarea{width:100%;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#fff;font-family:inherit;font-size:.875rem;outline:none;transition:border-color .2s}
.op-input:focus,.op-select:focus,.op-textarea:focus{border-color:rgba(231,79,81,.5);background:rgba(255,255,255,.07)}
.op-input::placeholder,.op-textarea::placeholder{color:rgba(255,255,255,.22)}
.op-select option{background:#0d1e3c;color:#fff}
.op-textarea{resize:vertical;min-height:66px}
.op-submit{width:100%;padding:15px;background:#E74F51;border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:800;cursor:pointer;transition:all .2s;font-family:inherit;margin-top:6px;position:relative;overflow:hidden}
.op-submit:hover:not(:disabled){background:#c8383a;transform:translateY(-2px);box-shadow:0 8px 28px rgba(231,79,81,.45)}
.op-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}
.op-err{display:none;margin-top:10px;padding:11px 14px;background:rgba(231,79,81,.1);border:1px solid rgba(231,79,81,.35);border-radius:10px;color:#FF7E80;font-size:.82rem}
.op-note{font-size:.75rem;color:rgba(255,255,255,.3);text-align:center;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:4px}

/* Success — full-screen modal */
.op-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:op-fade .25s ease}
.op-success-card{max-width:460px;width:100%;background:rgba(15,32,60,.96);border:1px solid rgba(46,204,113,.3);border-radius:20px;padding:2.75rem 2rem;box-shadow:0 24px 70px -12px rgba(0,0,0,.6);animation:op-pop-card .4s cubic-bezier(.175,.885,.32,1.275) both}
@keyframes op-fade{from{opacity:0}to{opacity:1}}
@keyframes op-pop-card{0%{opacity:0;transform:scale(.85)}100%{opacity:1;transform:scale(1)}}
.op-check{width:80px;height:80px;border-radius:50%;background:rgba(46,204,113,.12);border:3px solid #2ecc71;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;animation:op-pop .5s .1s cubic-bezier(.175,.885,.32,1.275) both}
@keyframes op-pop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
.op-check-svg{width:38px;height:38px;stroke:#2ecc71;stroke-width:2.5;fill:none;stroke-dasharray:60;stroke-dashoffset:60;animation:op-draw .5s .5s ease forwards}
@keyframes op-draw{to{stroke-dashoffset:0}}
.op-suc-title{color:#2ecc71;font-size:1.75rem;font-weight:900;margin-bottom:.5rem}
.op-suc-sub{color:rgba(255,255,255,.8);font-size:1rem;line-height:1.7}
.op-suc-sub strong{color:#fff}
.op-suc-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;padding:12px 26px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-weight:700;font-size:.9rem;transition:all .2s}
.op-suc-link:hover{background:rgba(255,255,255,.12)}
@media(prefers-reduced-motion:reduce){.op-success,.op-success-card,.op-check,.op-check-svg{animation:none;stroke-dashoffset:0}}

/* What's included section */
.op-section{padding:44px 0 0}
.op-kicker{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#E74F51;font-weight:700;margin-bottom:7px;text-align:center}
.op-sec-title{font-size:clamp(20px,3vw,28px);font-weight:900;color:#fff;margin-bottom:7px;text-align:center}
.op-sec-sub{font-size:.88rem;color:rgba(255,255,255,.6);text-align:center;max-width:480px;margin:0 auto 24px;line-height:1.7}
.op-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:44px}
@media(max-width:600px){.op-feat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.op-feat-grid{grid-template-columns:1fr}}
.op-feat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:16px 14px;transition:all .2s}
.op-feat:hover{border-color:rgba(231,79,81,.25);transform:translateY(-2px)}
.op-feat-icon{font-size:1.4rem;margin-bottom:7px}
.op-feat h3{font-size:.85rem;font-weight:800;color:#fff;margin-bottom:3px}
.op-feat p{font-size:.76rem;color:rgba(255,255,255,.55);line-height:1.55}

@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}


/* ─── 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)}}