/* Spectate Live LUX Platinum adaptation — only /apps & Spectate policy pages. */
/* From spectate_luxury_tokens.dart: platinum gradient, graphite text and teal details. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600&display=swap');
.apps-page {
  --lux-primary:#0C7778;--lux-bright:#22C7CB;--lux-deep:#07585A;
  --lux-pale:#A8E4E3;--lux-highlight:#F5F5F2;--lux-light:#E8E8E4;
  --lux-main:#D8D8D4;--lux-mid:#B9B9B4;--lux-dark:#7C7D79;
  --lux-graphite:#484A48;--lux-ink:#111312;--lux-secondary:#4B4D4B;
  background:linear-gradient(180deg,#F4F4F1 0%,#E4E4E0 52%,#D2D3CF 100%);
  color:var(--lux-ink);font-family:Inter,Arial,sans-serif;
}
.apps-page .site-header,.apps-page .site-footer {background:#111716;border-color:#36524f;}
.apps-page .site-header a,.apps-page .site-footer a {color:#F3F3F0;}
.apps-page .apps-nav a{color:#C9D5D2;}
.apps-page .apps-nav a:hover,.apps-page .apps-nav a:focus-visible,
.apps-page .apps-nav [aria-current="page"]{color:var(--lux-pale);}
.apps-page .apps-eyebrow{color:var(--lux-deep);}
.apps-page .apps-redline{background:linear-gradient(90deg,var(--lux-deep),var(--lux-bright));}
.apps-page .apps-hero h1{font-family:'Playfair Display',Georgia,serif;font-weight:600;
  font-size:clamp(3.4rem,7vw,7.2rem);line-height:1.04;letter-spacing:.02em;
  color:var(--lux-ink);text-shadow:none;}
.apps-page .apps-hero h1 em{background:linear-gradient(145deg,#0A5556 3%,#0C7778 45%,#22C7CB 78%,#07585A);
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.apps-page .apps-title-period{color:var(--lux-primary);}
.apps-page .apps-lede{color:var(--lux-graphite);}
.apps-page .apps-lede strong{color:var(--lux-deep);}
.apps-page .apps-intro,.apps-page .apps-features p,.apps-page .apps-guidance p:not(.apps-eyebrow){color:var(--lux-secondary);}
.apps-page .apps-store-button{border-radius:18px;border:1px solid #7C7D79;
  background:linear-gradient(145deg,#F5F5F2 0%,#E8E8E4 58%,#D8D8D4 100%);
  color:var(--lux-ink);box-shadow:0 3px 6px #484A4826;}
.apps-page .apps-store-button:hover{border-color:var(--lux-primary);
  box-shadow:0 6px 18px #484A4830;}
.apps-page .apps-store-button small{color:var(--lux-secondary);}
.apps-page .apps-store-icon,.apps-page .apps-apple,.apps-page .apps-external{color:var(--lux-deep);}
.apps-page .apps-visual{aspect-ratio:1;overflow:visible;max-width:540px;
  background:radial-gradient(circle at center,#f7f8f4 0%,#DFE8E5 37%,#D0D3CF 62%,transparent 72%);}
.apps-page .apps-visual::before{background:conic-gradient(from 25deg,transparent 0 14%,#22C7CB6b 20%,transparent 31%,transparent 53%,#07585A44 62%,transparent 76%);filter:blur(26px);}
.apps-page .apps-visual-grid{background-image:linear-gradient(#07585A17 1px,transparent 1px),linear-gradient(90deg,#07585A17 1px,transparent 1px);}
.apps-page .apps-halo{border-color:#7C7D7960;box-shadow:inset 0 0 22px #FFFFFF33,0 0 25px #0C777820;}
.apps-page .apps-halo-outer{border-left-color:var(--lux-primary);border-bottom-color:transparent;}
.apps-page .apps-halo-inner{border-right-color:var(--lux-mid);border-top-color:transparent;}
.apps-page .apps-lux-icon{display:block;width:59%;aspect-ratio:1;height:auto;object-fit:contain;z-index:1;
  border-radius:26%;box-shadow:0 22px 46px #11131240,0 0 0 2px #F5F5F29c;}
.apps-page .apps-visual-top,.apps-page .apps-visual-bottom{color:var(--lux-deep);}
.apps-page .apps-visual-bottom span{color:var(--lux-primary);text-shadow:0 0 8px #22C7CB96;}
.apps-page .apps-features article{border:1px solid #B9B9B4;border-top:2px solid var(--lux-primary);
  border-radius:24px;background:linear-gradient(145deg,#F5F5F2 0%,#E8E8E4 58%,#D8D8D4);
  box-shadow:0 5px 12px #484A481A;}
.apps-page .apps-features article>span{color:var(--lux-deep);}
.apps-page .apps-features h2{color:var(--lux-ink);font-family:Inter,Arial,sans-serif;font-weight:600;letter-spacing:0;}
.apps-page .apps-guidance h2{color:var(--lux-ink);font-family:'Playfair Display',Georgia,serif;font-weight:600;letter-spacing:.02em;}
.apps-page .apps-policy-links>a{border:1px solid #B9B9B4;border-radius:18px;color:var(--lux-ink);
  background:linear-gradient(145deg,#F5F5F2,#E8E8E4 65%,#D8D8D4);box-shadow:0 2px 6px #484A4812;}
.apps-page .apps-policy-links>a:hover{border-color:var(--lux-primary);background:#E7F3F0;color:var(--lux-deep);}
.apps-page :is(a,button):focus-visible{outline:2px solid var(--lux-primary);outline-offset:4px;}
/* The archived legal text is never changed; only the container is restyled. */
.rd-policy-page .rd-policy-main>h1{font-family:'Playfair Display',Georgia,serif;color:var(--lux-ink);
 font-weight:600;letter-spacing:-.04em;}
.rd-policy-page .rd-policy-back,.rd-policy-page .rd-policy-bottom a{color:var(--lux-deep);}
.rd-policy-page .rd-policy-back:hover,.rd-policy-page .rd-policy-bottom a:hover{color:var(--lux-primary);}
.rd-policy-page .rd-policy-origin{color:var(--lux-secondary);border-bottom-color:var(--lux-mid);}
.rd-policy-page .rd-policy-origin a{color:var(--lux-deep);}
.rd-policy-page .rd-policy-document{color:var(--lux-ink);border:1px solid var(--lux-mid);border-radius:26px;
  background:linear-gradient(145deg,#F5F5F2 0%,#E8E8E4 58%,#D8D8D4);
  box-shadow:0 5px 12px #484A481A;padding:clamp(22px,5vw,56px);}
.rd-policy-page .rd-policy-document h2,.rd-policy-page .rd-policy-document h3{color:var(--lux-ink);font-family:'Playfair Display',Georgia,serif;}
.rd-policy-page .rd-policy-document p,.rd-policy-page .rd-policy-document li{color:var(--lux-ink);}
.rd-policy-page .rd-policy-document strong,.rd-policy-page .rd-policy-document b{color:#071E1E;}
.rd-policy-page .rd-policy-document a{color:#07585A;text-decoration-thickness:1.5px;}
.rd-policy-page .rd-policy-bottom{border-top-color:var(--lux-mid);}
@media(max-width:480px){.apps-page .apps-hero h1{font-size:clamp(3rem,13vw,4.5rem)}.rd-policy-page .rd-policy-document{padding:20px}}
@media(prefers-reduced-motion:reduce){.apps-page .apps-store-button{transition:none}}


/* OFFICIAL APP STORE BADGES V4 — Apps page only */
.apps-page .apps-official-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform .2s ease;
}
.apps-page .apps-official-badge img {
    display: block;
    width: auto;
    height: 54px;
    max-width: 100%;
}
.apps-page .apps-official-badge:hover {
    transform: translateY(-3px);
}
.apps-page .apps-official-badge:focus-visible {
    outline: 2px solid #0C7778;
    outline-offset: 5px;
}
@media (prefers-reduced-motion: reduce) {
    .apps-page .apps-official-badge {
        transition: none;
    }
}