/* NOPE — App Store CTA visibility layer (2026-10-27)
   Loaded on every page after the base styles. Makes the App Store button the one green thing on the page. */
.btn-app{background:#26D85F !important;color:#06130a !important;box-shadow:0 12px 30px -10px rgba(38,216,95,.6) !important}
.btn-app:hover{box-shadow:0 16px 40px -12px rgba(38,216,95,.85) !important}
.btn-app .lbl small{opacity:.78}
.btn-app::after{background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%)}
a.btn-app[href="/quiz"]{background:#fff !important;color:#000 !important;box-shadow:none !important}
.hero .hero-cta .btn-app{min-height:62px;padding:17px 32px 17px 26px}
.hero .hero-cta .btn-app .lbl{font-size:1.2rem}
.hero .hero-cta .btn-app .ic,.hero .hero-cta .btn-app .ic svg{width:25px;height:25px}
.hero .hero-cta .btn-ghost{opacity:.85}
@media(max-width:640px){
  .hero .hero-cta{flex-direction:column;align-items:stretch;gap:10px}
  .hero .hero-cta .btn-app,.hero .hero-cta .btn-ghost{width:100%;justify-content:center}
}
/* Compact App Store pill in the mobile header (next to the menu button) */
.nav-cta-m{display:none}
@media(max-width:1080px){
  .nav-cta-m{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 13px;margin-left:auto;margin-right:8px;
    border-radius:999px;background:#26D85F;color:#06130a !important;font-weight:800;font-size:.84rem;letter-spacing:-.01em;
    text-decoration:none !important;white-space:nowrap;box-shadow:0 8px 20px -8px rgba(38,216,95,.7)}
  .nav-cta-m svg{width:15px;height:15px;flex:none}
}