:root{--cyan:#FFB800;--purple:#FF6A00;--bg:#0B0C10}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:#fafafa;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body::before{content:'';position:fixed;inset:0;z-index:-2;background:url('img/hero-tv-8k.webp') center/cover no-repeat;filter:blur(70px) brightness(.4) saturate(1.3);transform:scale(1.15)}body::after{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,12,16,.78) 0,rgba(11,12,16,.9) 45%,rgba(11,12,16,.96) 100%)}.font-display,h1,h2,h3,h4{font-family:'Space Grotesk',Inter,system-ui,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:rgba(255,184,0,.35)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0b0c10}::-webkit-scrollbar-thumb{background:#23262e;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#2e323c}.container{max-width:80rem;margin:0 auto;padding:0 1rem}@media(min-width:640px){.container{padding:0 1.5rem}}@media(min-width:1024px){.container{padding:0 2rem}}.text-gradient{background:linear-gradient(100deg,var(--cyan),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.shimmer-text{background:linear-gradient(110deg,#fff 30%,var(--cyan) 50%,#fff 70%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 5s linear infinite}.glass{background:rgba(255,255,255,.045);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.09)}.glass-strong{background:rgba(14,16,22,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1)}.glow-cyan{box-shadow:0 0 40px -8px rgba(255,184,0,.45)}.glow-purple{box-shadow:0 0 40px -8px rgba(255,106,0,.5)}.ring-gradient{position:relative}.ring-gradient::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,184,0,.6),rgba(255,106,0,.6),rgba(255,184,0,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.bg-grid{background-image:linear-gradient(to right,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,black,transparent);mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,black,transparent)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:9999px;padding:1rem 2rem;font-weight:700;font-size:1rem;color:#fff;background:linear-gradient(90deg,var(--cyan),var(--purple));box-shadow:0 10px 30px -8px rgba(255,184,0,.35);transition:transform .2s,opacity .2s}.btn-primary:hover{transform:scale(1.03);opacity:.95}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;padding:1rem 2rem;font-weight:600;font-size:1rem;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);transition:background .2s}.btn-ghost:hover{background:rgba(255,255,255,.1)}.badge-pill{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;padding:.4rem 1rem;font-size:.72rem;font-weight:600;letter-spacing:.12em;color:rgba(255,255,255,.8)}#navbar{position:fixed;inset-inline:0;top:0;z-index:50;padding:1rem 0;transition:all .3s}#navbar.scrolled{padding:.5rem 0;background:rgba(14,16,22,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.3)}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-links{display:none;align-items:center;gap:.25rem}.nav-links a{border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:rgba(255,255,255,.7);transition:.2s}.nav-links a:hover{background:rgba(255,255,255,.05);color:#fff}@media(min-width:1024px){.nav-links{display:flex}.nav-cta-desktop{display:inline-flex!important}.burger{display:none!important}}.nav-cta-desktop{display:none;padding:.65rem 1.25rem;font-size:.9rem}.burger{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#fff}#mobile-menu{position:fixed;inset:0;z-index:60;display:none}#mobile-menu.open{display:block}#mobile-menu .panel{position:absolute;right:0;top:0;bottom:0;width:18rem;background:#0e1016;border-left:1px solid rgba(255,255,255,.1);padding:1.5rem;display:flex;flex-direction:column;gap:.25rem}#mobile-menu .backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}#mobile-menu a{border-radius:.75rem;padding:.8rem 1rem;font-weight:500;color:rgba(255,255,255,.8)}#mobile-menu a:hover{background:rgba(255,255,255,.05);color:#fff}.hero{position:relative;overflow:hidden;padding:8rem 0 5rem}@media(min-width:640px){.hero{padding-top:10rem}}.hero-grid{position:relative;display:grid;gap:3.5rem;align-items:center}@media(min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr;gap:2rem}}.hero h1{font-size:2.4rem;font-weight:700;line-height:1.08;letter-spacing:-.02em}@media(min-width:640px){.hero h1{font-size:3rem}}@media(min-width:1280px){.hero h1{font-size:3.6rem}}.dot-pulse{position:relative;width:.5rem;height:.5rem;border-radius:9999px;background:var(--cyan)}.dot-pulse::after{content:'';position:absolute;inset:0;border-radius:9999px;background:var(--cyan);opacity:.75;animation:ping 1.4s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{100%,75%{transform:scale(2.4);opacity:0}}@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}@keyframes marqueeX{from{transform:translateX(0)}to{transform:translateX(-50%)}}.animate-float{animation:floatY 6s ease-in-out infinite}.animate-float-slow{animation:floatY 9s ease-in-out infinite}.section{position:relative;padding:6rem 0;overflow:hidden}.section-head{max-width:42rem;margin:0 auto 3.5rem;text-align:center}.section-head h2{font-size:1.9rem;font-weight:700;letter-spacing:-.02em}@media(min-width:640px){.section-head h2{font-size:2.25rem}}.section-head p{margin-top:1rem;color:rgba(255,255,255,.55)}.kicker{display:inline-block;border-radius:9999px;padding:.4rem 1rem;font-size:.7rem;font-weight:600;letter-spacing:.18em;color:var(--cyan);margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.05);border-radius:1.5rem;overflow:hidden}@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-cell{background:rgba(13,15,21,.95);padding:2.5rem 1rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem}.stat-num{font-size:2.2rem;font-weight:700}@media(min-width:640px){.stat-num{font-size:2.8rem}}.grid-3{display:grid;gap:1.25rem}@media(min-width:640px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.feature-card{position:relative;overflow:hidden;border-radius:1.5rem;padding:1.75rem;transition:.3s}.feature-card:hover{transform:translateY(-6px);border-color:rgba(255,184,0,.3);box-shadow:0 0 40px -8px rgba(255,184,0,.45)}.icon-box{display:grid;place-items:center;width:3rem;height:3rem;border-radius:1rem;background:linear-gradient(135deg,rgba(255,184,0,.2),rgba(255,106,0,.2));border:1px solid rgba(255,255,255,.1);margin-bottom:1.25rem}.filter-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-bottom:2.5rem}.filter-btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;color:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);transition:.2s}.filter-btn:hover{color:#fff}.filter-btn.active{background:linear-gradient(90deg,var(--cyan),var(--purple));color:#fff;border-color:transparent;box-shadow:0 10px 24px -8px rgba(255,184,0,.4)}.grid-4{display:grid;gap:1.25rem}@media(min-width:640px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.shot{position:relative;overflow:hidden;border-radius:1rem;border:1px solid rgba(255,255,255,.1);transition:.3s}.shot:hover{transform:translateY(-4px);border-color:rgba(255,184,0,.4)}.shot .frame{aspect-ratio:4/3;background:#11141c;overflow:hidden}.shot img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.shot:hover img{transform:scale(1.05)}.shot figcaption{position:absolute;inset-inline:0;bottom:0;padding:2.5rem 1rem 1rem;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.5),transparent)}.shot figcaption b{font-family:'Space Grotesk',sans-serif;font-size:.875rem;display:block}.shot figcaption span{font-size:.72rem;color:var(--cyan)}.conn-toggle{display:flex;justify-content:center;margin-bottom:3rem}.conn-toggle .wrap{display:inline-flex;border-radius:9999px;padding:.35rem}.conn-btn{border:none;border-radius:9999px;padding:.55rem 1.25rem;font-size:.875rem;font-weight:600;color:rgba(255,255,255,.6);background:0 0;transition:.2s}.conn-btn.active{background:linear-gradient(90deg,var(--cyan),var(--purple));color:#fff}.plans{display:grid;gap:1.25rem}@media(min-width:768px){.plans{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.plans{grid-template-columns:repeat(4,1fr)}}.plan{position:relative;display:flex;flex-direction:column;border-radius:1.5rem;padding:1.75rem;transition:.3s}.plan:hover{transform:translateY(-6px)}.plan.popular{background:#101320;box-shadow:0 0 40px -8px rgba(255,106,0,.5)}@media(min-width:1024px){.plan.popular{transform:scale(1.04)}.plan.popular:hover{transform:scale(1.04) translateY(-6px)}}.popular-badge{position:absolute;top:-.9rem;left:50%;transform:translateX(-50%);white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem;border-radius:9999px;padding:.35rem 1rem;font-size:.68rem;font-weight:700;color:#fff;background:linear-gradient(90deg,var(--cyan),var(--purple));box-shadow:0 8px 20px -6px rgba(0,0,0,.5)}.check-list{list-style:none;margin-top:1.5rem;flex:1;display:flex;flex-direction:column;gap:.65rem}.check-list li{display:flex;gap:.6rem;align-items:flex-start;font-size:.82rem;color:rgba(255,255,255,.7)}.check-list svg{flex-shrink:0;margin-top:.1rem}.pay-badge{border-radius:.5rem;padding:.5rem 1rem;font-size:.72rem;font-weight:700;letter-spacing:.05em;color:rgba(255,255,255,.7)}.split{display:grid;gap:3rem;align-items:center}@media(min-width:1024px){.split{grid-template-columns:1fr 1fr}}.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:2rem}.device-item{display:flex;align-items:center;gap:.75rem;border-radius:1rem;padding:.9rem 1rem;transition:.2s}.device-item:hover{border-color:rgba(255,184,0,.3)}.marquee-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent);mask-image:linear-gradient(to right,transparent,black 12%,black 88%,transparent)}.marquee{display:flex;width:max-content;gap:.75rem;animation:marqueeX 32s linear infinite}.marquee:hover{animation-play-state:paused}.marquee span{white-space:nowrap;border-radius:9999px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:rgba(255,255,255,.75)}.review-card{display:flex;flex-direction:column;border-radius:1.5rem;padding:1.75rem;transition:.3s}.review-card:hover{transform:translateY(-4px);border-color:rgba(255,184,0,.3)}.faq-item{border-radius:1rem;margin-bottom:.75rem;overflow:hidden}.faq-item.open{border-color:rgba(255,184,0,.3)}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left;background:0 0;border:none;color:#fff;padding:1.25rem 1.5rem;font-family:'Space Grotesk',sans-serif;font-size:.95rem;font-weight:700}.faq-q:hover{color:var(--cyan)}.faq-q .chev{transition:transform .3s;flex-shrink:0}.faq-item.open .chev{transform:rotate(180deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-a p{padding:0 1.5rem 1.25rem;font-size:.875rem;line-height:1.7;color:rgba(255,255,255,.6)}.input,.select{width:100%;height:3rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;padding:0 1rem;font-size:.9rem;font-family:inherit}.input::placeholder{color:rgba(255,255,255,.35)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23ffffff88' stroke-width='2'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.select option{background:#12141d;color:#fff}.footer-link{display:block;font-size:.875rem;color:rgba(255,255,255,.5);padding:.3rem 0;transition:.2s}.footer-link:hover{color:var(--cyan)}#wa-float{position:fixed;bottom:1.5rem;right:1.5rem;z-index:50;display:flex;align-items:center;gap:.6rem;border-radius:9999px;background:#25d366;color:#fff;font-weight:600;font-size:.875rem;padding:.75rem 1rem .75rem .9rem;box-shadow:0 12px 30px -6px rgba(37,211,102,.4);transition:transform .2s}#wa-float:hover{transform:scale(1.05)}#wa-float .live{position:absolute;top:-2px;right:-2px;width:.9rem;height:.9rem;border-radius:9999px;background:#25d366;border:2px solid #0b0c10}#wa-float .live::after{content:'';position:absolute;inset:0;border-radius:9999px;background:#25d366;animation:ping 1.4s infinite}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.lang-switch{position:relative}.lang-switch summary{list-style:none;cursor:pointer;border:1px solid rgba(255,255,255,.15);border-radius:9999px;padding:.55rem .95rem;font-size:.8rem;font-weight:600;color:rgba(255,255,255,.8);user-select:none;transition:.2s}.lang-switch summary::-webkit-details-marker{display:none}.lang-switch summary:hover{color:#fff}.lang-switch[open] summary{border-color:rgba(255,184,0,.5);color:#fff}.lang-menu{position:absolute;right:0;top:calc(100% + .5rem);min-width:9.5rem;border-radius:.9rem;padding:.4rem;display:flex;flex-direction:column;z-index:70;background:rgba(14,16,22,.96);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px rgba(0,0,0,.5)}.lang-menu a{padding:.55rem .8rem;border-radius:.6rem;font-size:.82rem;color:rgba(255,255,255,.75)}.lang-menu a:hover{background:rgba(255,255,255,.06);color:#fff}.mobile-langs{margin-top:.9rem;font-size:.85rem;color:rgba(255,255,255,.55)}.mobile-langs a{display:inline-block;padding:.35rem .35rem}@media(min-width:640px){.two-col{grid-template-columns:1fr 1fr!important}.hero-ctas{flex-direction:row!important;justify-content:center}.hero-ctas a{width:auto!important}.footer-grid{grid-template-columns:repeat(2,1fr)!important}.footer-bottom{flex-direction:row!important}}@media(min-width:1024px){.hero-copy{text-align:left!important}.hero-copy p{margin-left:0!important}.hero-copy .hero-ctas{justify-content:flex-start!important}.hero-copy div[style*="justify-content:center"]{justify-content:flex-start!important}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr!important}}.wa-label{display:none}@media(min-width:640px){.wa-label{display:inline}}
/* ===== Real WhatsApp reviews gallery ===== */
.wa-reviews{margin-top:3.5rem;text-align:center}
.wa-reviews h3{font-size:clamp(1.35rem,3vw,1.9rem);font-weight:800}
.wa-sub{color:rgba(255,255,255,.55);font-size:.9rem;max-width:38rem;margin:.6rem auto 1.6rem}
.wa-strip{display:flex;gap:1rem;overflow-x:auto;padding:.25rem .25rem 1rem;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(255,184,0,.5) transparent;-webkit-overflow-scrolling:touch}
.wa-strip::-webkit-scrollbar{height:6px}
.wa-strip::-webkit-scrollbar-track{background:transparent}
.wa-strip::-webkit-scrollbar-thumb{background:rgba(255,184,0,.4);border-radius:99px}
.wa-shot{flex:0 0 auto;scroll-snap-align:start;margin:0;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#12131a;transition:transform .35s ease,border-color .35s ease}
.wa-shot:hover{transform:translateY(-5px);border-color:rgba(255,184,0,.45)}
.wa-shot img{height:360px;width:auto;max-width:none;display:block}
.wa-shot figcaption{padding:.55rem .8rem;font-size:.72rem;color:rgba(255,255,255,.6);white-space:nowrap;background:rgba(255,255,255,.03);border-top:1px solid rgba(255,255,255,.06)}
@media(max-width:640px){.wa-shot img{height:300px}}
