/* NoWay Scores V1.1 — narrow bugfix layer for the V1 editorial landing.
   Never modifies account modal, checkout, Cloudflare Worker or Flutter app. */

/* Fallback only: never show duplicate legacy features strip. */
html body main .signal-strip {display:none!important}

/* Old menu may still be injected from a cached legacy mobile script.
   Keep the new native <details> menu; do not remove application scripts. */
@media (max-width:900px) {
  html body .noway-mobile-menu-button,
  html body .noway-mobile-drawer,
  html body .noway-mobile-backdrop {display:none!important;pointer-events:none!important}
  html body .nw-mobile-menu {display:block!important;position:relative!important;flex:0 0 auto!important;z-index:100!important}
  html body .nw-mobile-menu nav {z-index:101!important}
  html body .topbar .top-actions {min-width:0!important;gap:5px!important;flex:0 0 auto!important}
  html body .topbar .brand {min-width:0!important;flex:1 1 auto!important}
  html body .topbar .brand-text {min-width:0!important}
}

/* New mobile Manage Premium is a proxy to the ORIGINAL #managePremiumTopBtn,
   so Stripe access and account/session handling stay exactly as before. */
html body .nw-mobile-menu nav .nw-mobile-manage {
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-height:43px!important;margin:4px 0 8px!important;
  border:1px solid #dcae37!important;border-radius:10px!important;
  background:linear-gradient(110deg,#ffe580,#e4ae28)!important;color:#091522!important;
  font:inherit!important;font-size:13px!important;font-weight:900!important;
  white-space:nowrap!important;cursor:pointer!important;
  box-shadow:0 5px 18px rgba(233,172,44,.15)!important;
}
html body .nw-mobile-menu nav .nw-mobile-manage:focus-visible {
  outline:2px solid #fff!important;outline-offset:3px!important;
}

/* New content replaces the old repeated band on all devices. */
@media (max-width:900px) {
  html body main .hero {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;min-height:0!important}
  html body main .hero .hero-copy {flex:0 0 auto!important;position:relative!important;z-index:1!important}
  html body main .hero .hero-visual {
    position:relative!important;display:block!important;flex:0 0 auto!important;
    width:100%!important;min-height:0!important;height:auto!important;
    margin:28px auto 0!important;padding:0!important;
  }
  html body main .hero .hero-device-composition {
    position:relative!important;display:flex!important;flex-direction:column!important;
    align-items:center!important;justify-content:center!important;
    width:100%!important;min-height:0!important;height:auto!important;
    padding:24px 0!important;overflow:visible!important;
  }
  html body main .hero .hero-device-composition:before {
    inset:4% 5% 4%!important;border-radius:28px!important;
  }
  html body main .hero .hero-device-composition .laptop-frame {display:none!important}
  html body main .hero .hero-device-composition .hero-phone-frame {
    position:relative!important;inset:auto!important;
    width:min(65vw,268px)!important;max-width:100%!important;
    height:auto!important;aspect-ratio:863/1822!important;
    margin:0 auto!important;transform:none!important;
  }
  html body main .hero .hero-device-composition .hero-phone-frame img {
    display:block!important;width:100%!important;height:auto!important;
    max-height:none!important;aspect-ratio:863/1822!important;
    object-fit:contain!important;object-position:center top!important;
  }
}
@media (max-width:620px) {
  html body {padding-top:82px!important}
  html body main .hero {padding:27px 0 25px!important}
  html body main .hero .nw-hero-copy h1 {
    font-size:clamp(31px,9vw,43px)!important;line-height:1.09!important;
    max-width:100%!important;margin:15px 0 19px!important;
  }
  html body main .hero .nw-hero-copy .hero-actions {display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  html body main .hero .nw-hero-copy .hero-actions > * {min-width:0!important;width:100%!important}
  html body main .hero .nw-hero-copy .nw-hero-disclaimer {margin:15px 0 0!important}
  html body main .hero .hero-visual {margin-top:26px!important;clear:both!important}
  html body .topbar .top-actions .noway-language-switch {flex:0 0 auto!important}
  html body .topbar .top-actions .account-auth-btn {flex:0 0 auto!important}
  html body .topbar .brand .brand-text strong {font-size:12px!important}
  html body .topbar .nw-mobile-menu summary {width:34px!important;height:34px!important}
  html body .topbar .nw-mobile-menu nav {right:0!important;top:43px!important}
}
@media (max-width:355px){
  html body .topbar .brand .brand-text strong {font-size:11px!important}
  html body .topbar .brand .brand-icon {width:32px!important;height:32px!important;flex:0 0 32px!important}
  html body .topbar .account-auth-btn {font-size:10px!important;padding:0 7px!important}
  html body main .hero .hero-device-composition .hero-phone-frame {width:min(70vw,235px)!important}
}