[hidden]{display:none!important}

:root{
  --primary:#ff2d55;
  --secondary:#d42a48;
  --accent:#34c759;
  --background:#0a0a0f;
  --text:#fff;
  --muted:#a1a1aa;
  --panel:#14141a;
  --hero-mobile:url('/assets/og.jpg');
  --hero-desktop:url('/assets/og.jpg');
}

*{box-sizing:border-box}
html{background:#000;color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-size-adjust:100%}
body{min-height:100vh;margin:0;background:var(--background);color:var(--text)}
button,a{-webkit-tap-highlight-color:transparent}
button{border:0;font:inherit;color:inherit;cursor:pointer}
img{display:block;max-width:100%}

/* ===== Announce Bar ===== */
.announce{position:fixed;inset:0 0 auto;z-index:80;padding:10px 16px;background:#7f1d1d;color:#fff;text-align:center;font-size:14px;font-weight:800}

/* ===== Hero ===== */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:88px 20px 56px;text-align:center;background-image:linear-gradient(rgba(10,10,15,.82),rgba(10,10,15,.58)),var(--hero-mobile);background-position:center;background-size:cover;background-repeat:no-repeat}
.hero-inner{width:min(720px,100%)}

.badge{display:inline-flex;align-items:center;max-width:100%;margin-bottom:20px;padding:8px 18px;border:1px solid var(--primary);border-radius:999px;background:rgba(0,0,0,.72);font-size:14px;font-weight:800}
.badge::before{width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--primary);content:""}

.brand-title{margin:0;color:var(--primary);font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:72px;line-height:.92;font-weight:900;letter-spacing:0}
.brand-subtitle{margin:8px 0 18px;font-size:36px;line-height:1.1;font-weight:900}

.hero-lead{max-width:620px;margin:0 auto 32px;color:#fecaca;font-size:22px;line-height:1.45;font-weight:700}

/* ===== Download Buttons ===== */
.download-stack{display:grid;gap:14px;justify-items:center}

.btn-download{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:min(360px,100%);min-height:72px;padding:18px 34px;border-radius:10px;background:linear-gradient(135deg,#ff2d55,#d42a48);box-shadow:0 0 28px rgba(255,45,85,.6),0 18px 34px rgba(0,0,0,.45);color:#fff;font-size:26px;font-weight:950;transition:transform 160ms ease,filter 160ms ease}
.btn-download:active{transform:scale(.97)}
.btn-download[disabled]{cursor:default;filter:grayscale(.35) brightness(.85)}

/* Android + Download icons (pure CSS) */
.android-mark,.icon-download{position:relative;width:28px;height:28px;flex:0 0 28px}
.android-mark::before{position:absolute;inset:5px 3px 3px;border-radius:6px 6px 4px 4px;background:currentColor;content:""}
.android-mark::after{position:absolute;left:7px;top:0;width:14px;height:8px;border:3px solid currentColor;border-bottom:0;border-radius:12px 12px 0 0;content:""}
.icon-download::before{position:absolute;left:12px;top:3px;width:4px;height:15px;border-radius:2px;background:currentColor;content:""}
.icon-download::after{position:absolute;left:5px;top:12px;width:18px;height:18px;border-right:4px solid currentColor;border-bottom:4px solid currentColor;transform:rotate(45deg);content:""}

.secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(440px,100%)}

.btn-line{min-height:46px;padding:10px 14px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(0,0,0,.58);color:#fff;font-size:15px;font-weight:800}

/* ===== Highlights ===== */
.highlights{display:grid;gap:10px;margin-top:30px;font-size:16px;line-height:1.4;font-weight:800}
.highlights div:nth-child(1){color:#facc15}
.highlights div:nth-child(2){color:#4ade80}
.highlights div:nth-child(3),.social-proof{color:#34d399;font-size:18px}
.social-proof{margin-top:12px;font-weight:900}

/* ===== Sections ===== */
.section{padding:52px 20px}
.section-features{background:linear-gradient(180deg,#0a0a0f,#18181b)}
.section-live{background:linear-gradient(180deg,#12121a,#0a0a0f)}

.section-title{margin:0 auto 34px;color:var(--primary);text-align:center;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:40px;line-height:1.08;font-weight:900;letter-spacing:0;display:flex;align-items:center;justify-content:center;gap:12px}
.section-title.compact{font-family:inherit;font-size:30px}

/* ===== Live Embed ===== */
.live-embed-wrap{width:min(860px,100%);margin:0 auto;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 8px 40px rgba(255,45,85,.25),0 0 80px rgba(255,45,85,.08)}
.live-embed-wrap iframe{display:block;width:100%;height:500px;border:0}
.live-dot-big{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px var(--primary);animation:livePulse 1.4s ease-in-out infinite}

/* ===== Features ===== */
.feature-list{display:grid;gap:46px;width:min(440px,100%);margin:0 auto}
.feature-item{text-align:center}
.thumb{position:relative;width:min(320px,100%);margin:0 auto 14px;overflow:hidden;border-radius:8px;aspect-ratio:16/9;background:#111;box-shadow:0 4px 15px rgba(255,45,85,.35)}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform 220ms ease}
.thumb:hover img{transform:scale(1.06)}
.feature-item h3{margin:0 0 8px;font-size:24px;line-height:1.25;font-weight:900}
.feature-item p{margin:0;color:#d4d4d8;line-height:1.55}

/* ===== Final CTA ===== */
.final-cta{padding:64px 20px;background:linear-gradient(0deg,#2d0a14,#0a0a0f);text-align:center}
.final-cta h2{margin:0 0 18px;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:48px;line-height:1.05;font-weight:900;letter-spacing:0}
.final-cta p{margin:0 0 30px;font-size:20px;font-weight:700}
.btn-download.final{min-width:min(420px,100%)}
.security{margin-top:22px!important;color:#a1a1aa;font-size:14px!important}

/* ===== Footer ===== */
.footer{padding:28px 20px;border-top:1px solid #27272a;background:#0a0a0f;color:#71717a;text-align:center;font-size:12px}
.footer p{margin:6px 0}

/* ===== Floating Button ===== */
.float-download{position:fixed;right:22px;bottom:22px;z-index:60;display:none;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 18px 36px rgba(180,20,40,.7)}
.contact-btn{position:fixed;right:18px;bottom:96px;z-index:58;max-width:min(180px,calc(100vw - 36px));padding:11px 14px;border-radius:8px;background:#111827;color:#fff;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 16px 28px rgba(0,0,0,.45)}

/* ===== State Masks & Guide ===== */
.state-mask,.guide{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(0,0,0,.88)}
.state-panel,.guide-panel{width:min(460px,100%);border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#111;padding:28px;text-align:center;box-shadow:0 22px 60px rgba(0,0,0,.52)}
.state-panel h1,.guide-panel h2{margin:0 0 12px;font-size:28px;line-height:1.2}
.state-panel p,.guide-panel p{margin:0;color:#d4d4d8;line-height:1.65}
.guide-panel{position:relative;text-align:left}
.guide-close{position:absolute;top:8px;right:8px;width:38px;height:38px;border-radius:8px;background:#27272a;color:#fff;font-size:24px}
.guide-hint{margin-top:12px!important;color:#fca5a5!important}

/* ===== Keyframes ===== */
@keyframes livePulse{0%,100%{opacity:1}50%{opacity:.35}}

/* ===== Responsive ===== */
@media (min-width:768px){
  .hero{background-image:linear-gradient(rgba(10,10,15,.82),rgba(10,10,15,.58)),var(--hero-desktop);background-attachment:fixed}
  .brand-title{font-size:96px}
  .brand-subtitle{font-size:48px}
  .hero-lead{font-size:24px}
  .btn-download{font-size:30px}
}

@media (max-width:767px){
  .float-download{display:flex}
  .brand-title{font-size:60px}
  .brand-subtitle{font-size:32px}
  .btn-download{width:100%;min-width:0;font-size:23px}
  .live-embed-wrap iframe{height:340px}
}

@media (max-width:420px){
  .secondary-actions{grid-template-columns:1fr}
  .brand-title{font-size:52px}
  .section-title{font-size:34px}
}