:root{--bg:#050507;--panel:rgba(16,16,22,.72);--panel2:#101017;--text:#f5f7fb;--muted:#a9acb7;--line:rgba(255,255,255,.10);--red:#e11d2e;--red2:#ff3348;--silver:#d7d9de;--shadow:0 25px 70px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Be Vietnam Pro',system-ui,sans-serif;background:radial-gradient(circle at 20% 0%,#261017 0,transparent 34%),radial-gradient(circle at 85% 24%,#121525 0,transparent 30%),linear-gradient(180deg,#07070a 0%,#050507 60%,#09090d 100%);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.section-shell{width:min(1180px,calc(100% - 36px));margin:0 auto}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.ambient{position:fixed;border-radius:50%;filter:blur(100px);opacity:.17;pointer-events:none;z-index:-2}.ambient-a{width:400px;height:400px;background:#ff1e37;top:8%;left:-180px}.ambient-b{width:460px;height:460px;background:#7a849d;right:-240px;top:48%}
.preloader{position:fixed;inset:0;background:#030305;z-index:99999;display:grid;place-items:center;transition:opacity .55s ease,visibility .55s ease}.preloader.hide{opacity:0;visibility:hidden}.preloader-inner{text-align:center;width:min(320px,80vw);position:relative}.preloader-logo{width:160px;margin:0 auto 24px;filter:drop-shadow(0 0 26px rgba(255,255,255,.12))}.preloader p{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#b9bbc2}.loading-line{height:3px;background:#19191f;border-radius:99px;overflow:hidden}.loading-line span{display:block;height:100%;width:45%;background:linear-gradient(90deg,transparent,var(--red2),#fff);animation:load 1.25s ease-in-out infinite}.signal-rings{position:absolute;left:50%;top:72px;transform:translate(-50%,-50%);width:210px;height:210px}.signal-rings span{position:absolute;inset:50%;border:1px solid rgba(255,51,72,.35);border-radius:50%;animation:ring 2.2s ease-out infinite}.signal-rings span:nth-child(2){animation-delay:.6s}.signal-rings span:nth-child(3){animation-delay:1.2s}@keyframes ring{0%{inset:48%;opacity:1}100%{inset:0;opacity:0}}@keyframes load{0%{transform:translateX(-120%)}100%{transform:translateX(300%)}}
.topbar{width:min(1180px,calc(100% - 36px));margin:18px auto 0;padding:10px 14px;position:sticky;top:14px;z-index:50;border:1px solid var(--line);background:rgba(8,8,12,.72);backdrop-filter:blur(18px);border-radius:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 35px rgba(0,0,0,.2)}.brand-mini{display:flex;align-items:center;gap:10px}.brand-mini img{width:48px;height:48px;object-fit:contain;border-radius:12px}.brand-mini span{display:flex;flex-direction:column}.brand-mini strong{font-size:14px}.brand-mini small{color:#aeb0b9;font-size:11px}.nav{display:flex;gap:6px}.nav a{font-size:13px;color:#c8cad1;padding:10px 13px;border-radius:12px}.nav a:hover{background:#17171d;color:#fff}
.hero{min-height:700px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:78px 0 70px}.eyebrow{display:inline-flex;gap:9px;align-items:center;padding:8px 12px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.03);border-radius:999px;color:#d4d6dc;font-size:11px;font-weight:700;letter-spacing:.14em}.live-dot{width:8px;height:8px;background:#ff2b43;border-radius:50%;box-shadow:0 0 0 6px rgba(255,43,67,.13);animation:pulse 1.5s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(255,43,67,.12)}50%{box-shadow:0 0 0 9px rgba(255,43,67,.04)}}.hero h1{font-size:clamp(54px,8vw,94px);line-height:.92;letter-spacing:-.055em;margin:22px 0}.hero h1 span{background:linear-gradient(90deg,#fff,#aeb1ba 45%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{padding:14px 18px;border-radius:14px;font-weight:700;font-size:14px;display:inline-flex;gap:10px;align-items:center;transition:.25s ease}.btn-primary{background:linear-gradient(135deg,#ef1f36,#a70619);box-shadow:0 12px 30px rgba(225,29,46,.28)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(225,29,46,.4)}.btn-ghost{border:1px solid var(--line);background:rgba(255,255,255,.04)}.btn-ghost:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}.social-strip{display:flex;gap:10px;margin-top:26px}.social-strip a{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;border:1px solid var(--line);background:#0d0d12;font-size:19px;transition:.22s}.social-strip a:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.28)}.hero-visual{position:relative;display:grid;place-items:center;min-height:510px}.logo-panel{position:relative;width:min(460px,88vw);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.11),rgba(255,255,255,.025) 52%,rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 70px rgba(255,255,255,.025),0 35px 90px rgba(0,0,0,.5)}.logo-panel:before{content:"";position:absolute;inset:7%;border-radius:50%;border:1px dashed rgba(255,255,255,.12)}.logo-panel img{width:76%;filter:drop-shadow(0 18px 24px rgba(0,0,0,.65));animation:float 4.2s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px)}}.logo-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.orbit-1{width:520px;height:520px;animation:spin 28s linear infinite}.orbit-2{width:585px;height:585px;border-style:dashed;animation:spin 45s linear reverse infinite}@keyframes spin{to{transform:rotate(360deg)}}
.player-section,.apps-section,.connect{padding:88px 0}.section-heading{text-align:center;max-width:720px;margin:0 auto 38px}.section-heading span{font-size:11px;color:#ff6678;letter-spacing:.17em;font-weight:800}.section-heading h2{font-size:clamp(34px,5vw,58px);letter-spacing:-.04em;margin:8px 0 10px}.section-heading p{color:var(--muted);line-height:1.7}.player-card{position:relative;width:min(520px,100%);margin:auto;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:30px;padding:42px 28px 28px;box-shadow:var(--shadow);overflow:hidden}.player-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(225,29,46,.18);filter:blur(65px);top:-120px;left:50%;transform:translateX(-50%)}.player-badge{position:absolute;top:16px;left:18px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.16em;color:#fff}.player-wrap{position:relative;z-index:2;background:#fff;border-radius:22px;padding:8px;overflow:hidden;min-height:450px}
.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.app-flyer{min-height:270px;position:relative;overflow:hidden;border-radius:28px;padding:28px;display:flex;align-items:center;gap:20px;background:linear-gradient(140deg,#14141a,#0b0b10 58%,#1f1014);border:1px solid var(--line);box-shadow:var(--shadow);transition:.28s ease}.app-flyer:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 50%,rgba(255,255,255,.04));pointer-events:none}.app-flyer:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.22)}.app-flyer>img{position:absolute;width:210px;right:-42px;bottom:-58px;opacity:.18;filter:grayscale(.4)}.app-icon{width:72px;height:72px;min-width:72px;border-radius:22px;display:grid;place-items:center;font-size:34px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);position:relative;z-index:2}.app-icon.android{box-shadow:inset 0 0 30px rgba(225,29,46,.12)}.app-copy{position:relative;z-index:2}.app-copy small{font-size:10px;letter-spacing:.15em;color:#f08390;font-weight:800}.app-copy h3{font-size:30px;margin:6px 0}.app-copy p{color:var(--muted);font-size:14px}.app-cta{display:inline-flex;gap:8px;align-items:center;margin-top:12px;font-size:13px;font-weight:700}
.social-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.social-cards a{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);transition:.22s}.social-cards a:hover{transform:translateY(-3px);background:rgba(255,255,255,.06)}.social-cards a>i:first-child{font-size:25px}.social-cards div{display:flex;flex-direction:column}.social-cards strong{font-size:14px}.social-cards small{font-size:11px;color:var(--muted)}.social-cards a>i:last-child{font-size:12px;color:#777b87}
footer{text-align:center;padding:64px 20px 46px;border-top:1px solid var(--line);background:rgba(0,0,0,.2)}footer img{width:88px;margin:0 auto 16px}footer p{margin:5px 0}.location{color:#c6c8ce}.location i{color:var(--red2);margin-right:6px}.copyright{color:#777b85;font-size:11px;margin-top:15px}.floating-whatsapp{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:18px;background:#25D366;display:grid;place-items:center;font-size:27px;z-index:45;box-shadow:0 14px 35px rgba(37,211,102,.35);transition:.22s}.floating-whatsapp:hover{transform:translateY(-3px) scale(1.03)}
@media(max-width:900px){.nav{display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:58px}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero-visual{min-height:390px}.logo-panel{width:min(390px,88vw)}.orbit-1{width:430px;height:430px}.orbit-2{width:485px;height:485px}.app-grid,.social-cards{grid-template-columns:1fr}.app-flyer{min-height:220px}.hero h1{font-size:clamp(55px,14vw,78px)}}
@media(max-width:520px){.section-shell,.topbar{width:min(100% - 22px,1180px)}.topbar{top:8px;margin-top:8px}.brand-mini img{width:42px;height:42px}.hero{min-height:auto;padding-top:45px;gap:20px}.lead{font-size:15px}.hero-actions{width:100%;display:grid}.btn{justify-content:center}.hero-visual{min-height:330px}.logo-panel{width:300px}.orbit-1{width:330px;height:330px}.orbit-2{width:365px;height:365px}.player-section,.apps-section,.connect{padding:66px 0}.player-card{padding:42px 10px 12px;border-radius:24px}.player-wrap{padding:3px}.app-flyer{padding:22px 18px;gap:14px}.app-icon{width:58px;height:58px;min-width:58px;border-radius:18px;font-size:28px}.app-copy h3{font-size:25px}.social-cards a{grid-template-columns:42px 1fr auto}.floating-whatsapp{width:52px;height:52px;border-radius:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.logo-panel img,.signal-rings span,.loading-line span,.orbit-1,.orbit-2,.live-dot{animation:none!important}}