/* Our layer over Nat's pages: the film in the Flashkut hero, Coming soon wherever an app is not out yet, and
   Flashroom's plan details and top-ups as the app sells them. */
.fv-stage{position:relative;cursor:pointer}
.fv-stage:focus-visible{outline:3px solid #F97066;outline-offset:3px}
.fv-video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:inherit}
.fv.is-auto .fv-play{opacity:0;transition:opacity .3s}
.fv.is-live .fv-play,.fv.is-live .fv-dur,.fv.is-live .fv-tap{display:none}
.fv.is-live .fv-stage{cursor:default}
.tile .soon-tag{display:block;margin-top:5px;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ci,#6B6B7B);opacity:.8}
.fs-soon{background:transparent!important;color:#4A4A5A!important;border:1px dashed rgba(26,26,46,.32)!important;box-shadow:none!important;cursor:default;pointer-events:none}
.spec-cap{padding:18px 0 7px;border-bottom:1px solid var(--hairline);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--dim)}
.spec b small{font-weight:400;font-size:13px;color:var(--dim)}
.topups{margin-top:20px;padding:24px 26px 26px;background:var(--surface);border:1px solid var(--hairline);border-radius:16px}
.topups .eyebrow{margin-bottom:8px}
.topups h3{font-size:23px}
.tu-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;border-top:1px solid var(--hairline)}
.tu{padding:22px 26px 0}
.tu:first-child{padding-left:0}
.tu:last-child{padding-right:0}
.tu+.tu{border-left:1px solid var(--hairline)}
.tu-price{font-family:var(--serif);font-size:34px;font-weight:600;line-height:1}
.tu-price small{font-family:var(--ui);font-size:13.5px;font-weight:500;color:var(--dim);margin-left:6px}
.tu b{display:block;margin-top:14px;font-size:15px;font-weight:600}
.tu p{margin:5px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
@media (max-width:720px){
  .tu-cols{grid-template-columns:1fr}
  .tu,.tu:first-child,.tu:last-child{padding:18px 0}
  .tu:last-child{padding-bottom:0}
  .tu+.tu{border-left:0;border-top:1px solid var(--hairline)}
}
.nav-links a[href="/flashkut/"] b{color:var(--kut)}
.nav-links a[href="/flashadz/"] b{color:var(--adz)}
.nav-links a[href="/flashroom/"] b{color:var(--room)}
.nav-r .fs-join{min-height:38px;padding:0 16px;font-size:14.5px;border-radius:10px}
.nav-r .signin{white-space:nowrap}
@media (max-width:420px){.nav-r{gap:12px}.nav-r .fs-join{padding:0 12px;font-size:14px}}