:root{
  --bg:#07111f;
  --bg-soft:#0d1a2d;
  --panel:#102238;
  --panel-2:#132b46;
  --panel-3:#0d2036;
  --card:#12263d;
  --card-2:#17314f;
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.18);
  --text:#f4f8ff;
  --muted:rgba(236,244,255,.70);
  --muted-2:rgba(236,244,255,.46);
  --accent:#39d0ff;
  --accent-2:#75f7cf;
  --accent-3:#ffd166;
  --good:#22c55e;
  --bad:#ef4444;
  --wait:#3b82f6;
  --shadow:0 24px 60px rgba(0,0,0,.34);
  --radius-xl:28px;
  --radius-lg:20px;
  --radius-md:16px;
  --radius-sm:12px;
  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

*{box-sizing:border-box}
html{
  height:100%;
  scroll-behavior:smooth;
  touch-action:manipulation;
  -webkit-text-size-adjust:100%;
}
body{
  min-height:100%;
  margin:0;
  font-family:var(--sans);
  color:var(--text);
  background:
    radial-gradient(1100px 700px at 8% 8%, rgba(57,208,255,.14), transparent 60%),
    radial-gradient(900px 700px at 92% 10%, rgba(117,247,207,.10), transparent 62%),
    radial-gradient(900px 800px at 50% 100%, rgba(255,209,102,.08), transparent 62%),
    linear-gradient(180deg, #091321 0%, #08111f 100%);
  overflow-x:hidden;
}

.stories-stage{
  display:none !important;
}

[data-open-highlights]{
  display:none !important;
}

body[data-stories-active="true"] .stories-stage.stories-stage--visible{
  display:block !important;
}

body[data-stories-active="true"] [data-open-highlights].highlights-trigger--visible{
  display:inline-flex !important;
}

a{
  color:inherit;
  text-decoration:none;
}

img{max-width:100%;display:block}
button,input{font:inherit}

.viremo-page{
  position:relative;
}

.site-nav{
  position:sticky;
  top:0;
  z-index:1100;
  background:rgba(7,17,31,.76);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.nav-shell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px 0;
}

.brand-lockup{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.brand-mark{
  width:48px;
  height:48px;
  border-radius:16px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 30% 28%, rgba(255,255,255,.24), transparent 28%),
    linear-gradient(145deg, rgba(57,208,255,.95), rgba(117,247,207,.92) 52%, rgba(255,209,102,.92));
  box-shadow:
    0 14px 30px rgba(57,208,255,.18),
    inset 0 1px 0 rgba(255,255,255,.28);
}

.brand-mark::before,
.brand-mark::after{
  content:"";
  position:absolute;
  border-radius:999px;
  background:rgba(5,16,28,.42);
}

.brand-mark::before{
  width:70%;
  height:3px;
  left:15%;
  top:17px;
  transform:rotate(-22deg);
}

.brand-mark::after{
  width:22px;
  height:22px;
  right:-6px;
  bottom:-6px;
  background:rgba(255,255,255,.18);
}

.brand-copy{
  min-width:0;
}

.brand-copy strong{
  display:block;
  font-size:1.02rem;
  letter-spacing:.02em;
}

.brand-copy span{
  display:block;
  color:var(--muted);
  font-size:.83rem;
}

.nav-links{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
  min-width:0;
}

.nav-links a{
  padding:10px 14px;
  border-radius:999px;
  color:var(--muted);
  transition:.18s ease;
}

.nav-links a:hover{
  color:var(--text);
  background:rgba(255,255,255,.06);
}

.nav-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:nowrap;
  justify-content:flex-end;
  min-width:0;
}

.nav-toggle{
  display:none;
  width:48px;
  height:48px;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:none;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  color:var(--text);
  box-shadow:0 14px 28px rgba(0,0,0,.16);
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.nav-toggle:hover,
.nav-toggle:focus-visible{
  transform:translateY(-1px);
  background:rgba(255,255,255,.14);
  box-shadow:0 18px 30px rgba(0,0,0,.18);
}

.nav-toggle span{
  display:block;
  width:20px;
  height:2px;
  border-radius:999px;
  background:currentColor;
  transition:transform .22s ease, opacity .22s ease;
  pointer-events:none;
}

.nav-toggle{
  position:relative;
  z-index:12;
  pointer-events:auto;
}

.nav-shell.is-open .nav-toggle span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}

.nav-shell.is-open .nav-toggle span:nth-child(2){
  opacity:0;
}

.nav-shell.is-open .nav-toggle span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

.member-slot{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.member-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:var(--muted);
}

.mobile-nav-hello{
  display:none;
  align-items:center;
  min-height:40px;
  max-width:min(42vw, 220px);
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  color:var(--text);
  font-size:.78rem;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.nav-btn,
.mobile-member-btn,
.mobile-member-logout{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  color:var(--text);
  font-weight:700;
  transition:.18s ease;
}

.nav-btn:hover,
.mobile-member-btn:hover,
.mobile-member-logout:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.10);
}

.nav-btn.primary{
  border:none;
  color:#07111f;
  background:linear-gradient(135deg, var(--accent), var(--accent-2));
  box-shadow:0 16px 28px rgba(57,208,255,.18);
}

.nav-btn.subtle{
  color:var(--muted);
}

body.member-login-open{
  overflow:hidden;
}

body.member-package-open{
  overflow:hidden;
}

.member-auth-modal[hidden]{
  display:none !important;
}

.member-auth-modal{
  position:fixed;
  inset:0;
  z-index:1600;
  display:grid;
  place-items:center;
  padding:18px;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}

.member-auth-modal.is-active{
  opacity:1;
  pointer-events:auto;
}

.member-auth-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,8,15,.76);
  backdrop-filter:blur(18px);
}

.member-auth-modal__dialog{
  position:relative;
  width:min(520px, calc(100vw - 24px));
  border-radius:28px;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(57,208,255,.16), transparent 48%),
    radial-gradient(100% 100% at 100% 0%, rgba(117,247,207,.14), transparent 44%),
    linear-gradient(180deg, rgba(12,23,39,.96), rgba(7,14,26,.98));
  box-shadow:0 28px 90px rgba(0,0,0,.46);
  overflow:hidden;
}

.member-auth-modal__close{
  position:absolute;
  top:16px;
  right:16px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:none;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:var(--text);
  font-size:1.35rem;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease;
}

.member-auth-modal__close:hover,
.member-auth-modal__close:focus-visible{
  transform:translateY(-1px);
  background:rgba(255,255,255,.14);
}

.member-auth-modal__hero{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  padding:28px 28px 16px;
}

.member-auth-modal__badge{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(135deg, var(--accent), var(--accent-2));
  color:#07111f;
  font-weight:900;
  font-size:1.15rem;
  box-shadow:0 18px 34px rgba(57,208,255,.24);
}

.member-auth-modal__copy{
  min-width:0;
}

.member-auth-modal__eyebrow{
  margin:0 0 6px;
  color:var(--accent-2);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.member-auth-modal__hero h2{
  margin:0;
  font-size:1.45rem;
  letter-spacing:-.02em;
}

.member-auth-modal__lead{
  margin:8px 0 0;
  color:var(--muted);
  line-height:1.55;
}

.member-auth-modal__body{
  display:grid;
  gap:14px;
  padding:0 28px 28px;
}

.member-auth-modal__field{
  display:grid;
  gap:7px;
}

.member-auth-modal__field span{
  color:var(--muted);
  font-size:.88rem;
  font-weight:700;
}

.member-auth-modal__field input{
  width:100%;
  min-height:52px;
  padding:0 15px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  color:var(--text);
  outline:none;
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.member-auth-modal__field input:focus{
  border-color:rgba(57,208,255,.42);
  background:rgba(255,255,255,.08);
  box-shadow:0 0 0 4px rgba(57,208,255,.10);
}

.member-auth-modal__actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.member-auth-modal__status{
  min-height:50px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:var(--muted);
  line-height:1.45;
}

.member-auth-modal__status.is-good{
  border-color:rgba(34,197,94,.30);
  background:rgba(34,197,94,.10);
  color:#dbffea;
}

.member-auth-modal__status.is-bad{
  border-color:rgba(239,68,68,.28);
  background:rgba(239,68,68,.10);
  color:#ffe3e3;
}

.member-account-btn{
  gap:8px;
}

.member-account-btn i{
  font-size:1rem;
}

.nav-package-rail .nav-btn.is-package-locked{
  opacity:.82;
}

.nav-package-rail .nav-btn.is-package-locked::after{
  content:"";
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(255,212,107,.86);
  box-shadow:0 0 0 3px rgba(255,212,107,.12);
}

.member-package-modal[hidden]{
  display:none !important;
}

.member-package-modal{
  position:fixed;
  inset:0;
  z-index:1620;
  display:grid;
  place-items:center;
  padding:18px;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}

.member-package-modal.is-active{
  opacity:1;
  pointer-events:auto;
}

.member-package-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(7,4,17,.78);
  backdrop-filter:blur(18px);
}

.member-package-modal__dialog{
  position:relative;
  width:min(920px, calc(100vw - 24px));
  max-height:calc(100dvh - 28px);
  overflow:auto;
  border-radius:28px;
  border:1px solid rgba(216,180,254,.18);
  background:
    radial-gradient(900px 420px at 0% 0%, rgba(168,85,247,.24), transparent 58%),
    radial-gradient(740px 360px at 100% 0%, rgba(236,72,153,.14), transparent 48%),
    linear-gradient(180deg, rgba(26,15,46,.97), rgba(12,8,25,.98));
  box-shadow:0 34px 100px rgba(0,0,0,.54);
}

.member-package-modal__close{
  position:absolute;
  top:16px;
  right:16px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:none;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  color:var(--text);
  font-size:1.35rem;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease;
}

.member-package-modal__close:hover,
.member-package-modal__close:focus-visible{
  transform:translateY(-1px);
  background:rgba(255,255,255,.15);
}

.member-package-modal__hero{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  padding:30px 30px 18px;
}

.member-package-modal__badge{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(135deg, #d8b4fe, #f0abfc 58%, #f9a8d4);
  color:#170823;
  font-size:1.45rem;
  box-shadow:0 20px 38px rgba(168,85,247,.26);
}

.member-package-modal__eyebrow,
.member-package-detail__eyebrow{
  margin:0 0 6px;
  color:#e9d5ff;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.member-package-modal__hero h2{
  margin:0;
  font-size:1.55rem;
  letter-spacing:0;
}

.member-package-modal__hero p:last-child{
  margin:8px 0 0;
  color:rgba(246,239,255,.72);
}

.member-package-current{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 30px 18px;
  padding:13px 15px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.055);
  color:rgba(246,239,255,.82);
}

.member-package-current strong,
.member-package-current span{
  min-width:0;
}

.member-package-current__text{
  display:grid;
  gap:3px;
  flex:1;
  min-width:0;
}

.member-package-current__expiry{
  color:rgba(246,239,255,.72);
  font-size:.86rem;
  line-height:1.35;
}

.member-package-current__expiry.is-expired{
  color:#fecaca;
}

.member-package-current__expiry.is-scheduled{
  color:#fde68a;
}

.member-package-period{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px;
  margin-top:8px;
  max-width:640px;
}

.member-package-period__item{
  display:grid;
  gap:3px;
  min-width:0;
  padding:9px 10px;
  border-radius:14px;
  border:1px solid rgba(216,180,254,.18);
  background:rgba(255,255,255,.055);
}

.member-package-period__item small{
  color:rgba(246,239,255,.60);
  font-size:.7rem;
  font-weight:800;
  text-transform:uppercase;
}

.member-package-period__item strong{
  color:#fff;
  font-size:.86rem;
  line-height:1.2;
  overflow-wrap:anywhere;
}

.member-package-period.is-expired .member-package-period__item{
  border-color:rgba(248,113,113,.26);
  background:rgba(239,68,68,.10);
}

.member-package-period.is-scheduled .member-package-period__item{
  border-color:rgba(253,230,138,.24);
  background:rgba(234,179,8,.10);
}

.member-expired-notice{
  display:grid;
  gap:5px;
  margin-top:9px;
  padding:12px 14px;
  max-width:640px;
  border-radius:16px;
  border:1px solid rgba(248,113,113,.42);
  background:linear-gradient(135deg, rgba(239,68,68,.18), rgba(251,191,36,.08));
  color:#fee2e2;
}

.member-expired-notice strong{
  color:#fff;
  font-size:.98rem;
}

.member-expired-notice span{
  color:#fecaca;
  line-height:1.45;
}

.member-expired-notice a{
  color:#fff;
  font-weight:900;
  text-decoration:underline;
  text-underline-offset:3px;
}

.member-chat-popup{
  position:fixed;
  inset:0;
  z-index:2300;
  display:grid;
  place-items:center;
  padding:18px;
  pointer-events:none;
}

.member-chat-popup.is-minimized{
  place-items:end;
  justify-items:end;
  align-items:end;
}

.member-chat-popup[hidden]{
  display:none !important;
}

.member-chat-window{
  width:min(440px, 100%);
  max-height:min(620px, calc(100vh - 36px));
  display:grid;
  grid-template-rows:auto minmax(180px, 1fr) auto;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(8,17,31,.96);
  box-shadow:0 28px 90px rgba(0,0,0,.48);
  color:var(--text);
  pointer-events:auto;
  transform:translateY(10px) scale(.98);
  opacity:0;
  transition:opacity .18s ease, transform .18s ease;
}

.member-chat-popup.is-active .member-chat-window{
  transform:translateY(0) scale(1);
  opacity:1;
}

.member-chat-popup.is-minimized .member-chat-window{
  width:min(330px, calc(100vw - 36px));
  max-height:none;
  grid-template-rows:auto;
  border-radius:18px;
}

.member-chat-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg, rgba(57,208,255,.18), rgba(117,247,207,.10));
}

.member-chat-popup.is-minimized .member-chat-head{
  border-bottom:0;
  cursor:pointer;
}

.member-chat-head__copy{
  min-width:0;
}

.member-chat-head strong,
.member-chat-head span{
  display:block;
  min-width:0;
}

.member-chat-head strong{
  color:#fff;
  font-size:1rem;
}

.member-chat-head span{
  margin-top:3px;
  color:rgba(236,244,255,.72);
  font-size:.82rem;
}

.member-chat-minimize{
  width:34px;
  height:34px;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:1.05rem;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  transition:background .18s ease, border-color .18s ease, transform .18s ease;
}

.member-chat-minimize:hover,
.member-chat-minimize:focus-visible{
  background:rgba(57,208,255,.18);
  border-color:rgba(57,208,255,.38);
  transform:translateY(-1px);
}

.member-chat-messages{
  min-height:220px;
  padding:16px;
  overflow:auto;
  display:grid;
  align-content:start;
  gap:10px;
  scrollbar-width:thin;
  scrollbar-color:rgba(57,208,255,.55) rgba(255,255,255,.06);
}

.member-chat-messages::-webkit-scrollbar{
  width:9px;
}

.member-chat-messages::-webkit-scrollbar-track{
  background:rgba(255,255,255,.055);
  border-radius:999px;
}

.member-chat-messages::-webkit-scrollbar-thumb{
  border:2px solid rgba(8,17,31,.96);
  border-radius:999px;
  background:linear-gradient(180deg, rgba(57,208,255,.92), rgba(117,247,207,.76));
}

.member-chat-messages::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg, rgba(117,247,207,.95), rgba(255,209,102,.78));
}

.member-chat-message{
  display:grid;
  gap:4px;
  max-width:86%;
}

.member-chat-message.is-user{
  justify-self:end;
}

.member-chat-message__meta{
  color:rgba(236,244,255,.48);
  font-size:.72rem;
  font-weight:800;
}

.member-chat-message.is-user .member-chat-message__meta{
  text-align:right;
}

.member-chat-message__bubble{
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.07);
  color:#fff;
  line-height:1.45;
  overflow-wrap:anywhere;
}

.member-chat-message.is-user .member-chat-message__bubble{
  border-color:rgba(117,247,207,.24);
  background:rgba(117,247,207,.16);
}

.member-chat-form{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:8px;
  padding:12px;
  border-top:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
}

.member-chat-form input{
  min-width:0;
  min-height:44px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  color:#fff;
  padding:0 12px;
  outline:none;
}

.member-chat-form input:focus{
  border-color:rgba(57,208,255,.55);
  box-shadow:0 0 0 3px rgba(57,208,255,.14);
}

.member-chat-form button{
  min-height:44px;
  border:0;
  border-radius:14px;
  padding:0 16px;
  background:#39d0ff;
  color:#04111e;
  font-weight:900;
  cursor:pointer;
}

.member-chat-popup.is-minimized .member-chat-messages,
.member-chat-popup.is-minimized .member-chat-form{
  display:none;
}

.member-package-current__chips{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
}

.member-package-chip,
.member-package-current-badge,
.member-package-card__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(134,239,172,.34);
  background:rgba(34,197,94,.16);
  color:#dcfce7;
  font-size:.72rem;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
}

.member-package-chip{
  min-height:28px;
  padding:0 10px;
}

.member-package-chip.is-empty{
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:rgba(246,239,255,.72);
}

.member-package-chip.is-expired{
  border-color:rgba(248,113,113,.36);
  background:rgba(239,68,68,.16);
  color:#fee2e2;
}

.member-package-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
  padding:0 30px 18px;
}

.member-package-card{
  min-height:138px;
  display:grid;
  align-content:start;
  gap:8px;
  text-align:left;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.055);
  color:#fff;
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.member-package-card:hover,
.member-package-card:focus-visible,
.member-package-card.is-selected{
  transform:translateY(-2px);
  border-color:rgba(216,180,254,.38);
  background:rgba(216,180,254,.13);
  outline:none;
}

.member-package-card.is-current{
  border-color:rgba(134,239,172,.44);
  background:
    linear-gradient(135deg, rgba(34,197,94,.18), rgba(216,180,254,.10)),
    rgba(255,255,255,.055);
  box-shadow:0 18px 42px rgba(34,197,94,.12);
}

.member-package-card.is-current.is-selected{
  border-color:rgba(134,239,172,.66);
  box-shadow:0 20px 48px rgba(34,197,94,.16), 0 0 0 1px rgba(216,180,254,.20) inset;
}

.member-package-card__badge{
  width:max-content;
  min-height:24px;
  padding:0 9px;
  margin-bottom:2px;
}

.member-package-card span{
  font-weight:900;
  letter-spacing:.04em;
}

.member-package-card strong{
  font-size:1.18rem;
}

.member-package-card small{
  color:rgba(246,239,255,.72);
  line-height:1.45;
}

.member-package-detail{
  display:grid;
  grid-template-columns:minmax(190px, .8fr) 1fr;
  gap:16px;
  margin:0 30px 18px;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(216,180,254,.16);
  background:linear-gradient(135deg, rgba(216,180,254,.11), rgba(236,72,153,.07));
}

.member-package-detail h3{
  margin:0 0 6px;
  font-size:1.25rem;
}

.member-package-detail__titleline{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.member-package-detail__titleline h3{
  margin:0 0 6px;
}

.member-package-current-badge{
  min-height:24px;
  padding:0 9px;
  margin:0 0 6px;
}

.member-package-detail strong{
  color:#fde68a;
}

.member-package-detail p{
  margin:0;
  color:rgba(246,239,255,.78);
  line-height:1.55;
}

.member-package-metrics{
  display:grid;
  gap:8px;
}

.member-package-metrics span{
  display:block;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  color:rgba(250,245,255,.86);
}

.member-package-form{
  display:grid;
  gap:12px;
  padding:0 30px 30px;
}

.member-package-form label{
  display:grid;
  gap:7px;
}

.member-package-form label span{
  color:rgba(246,239,255,.74);
  font-size:.88rem;
  font-weight:800;
}

.member-package-form input,
.member-package-form textarea{
  width:100%;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
  color:var(--text);
  outline:none;
  resize:vertical;
}

.member-package-form input:focus,
.member-package-form textarea:focus{
  border-color:rgba(216,180,254,.42);
  box-shadow:0 0 0 4px rgba(168,85,247,.12);
}

.member-package-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.member-package-mail{
  color:rgba(246,239,255,.82);
}

.member-package-status{
  min-height:46px;
}

.member-package-modal--vip .member-package-modal__dialog{
  border-color:rgba(251,191,36,.28);
  background:
    radial-gradient(820px 390px at 0% 0%, rgba(251,191,36,.22), transparent 58%),
    radial-gradient(700px 340px at 100% 0%, rgba(20,184,166,.15), transparent 50%),
    linear-gradient(180deg, rgba(39,28,12,.98), rgba(13,18,15,.98));
}

.member-package-modal--pro .member-package-modal__dialog{
  border-color:rgba(56,189,248,.27);
  background:
    radial-gradient(820px 390px at 0% 0%, rgba(56,189,248,.24), transparent 58%),
    radial-gradient(700px 340px at 100% 0%, rgba(59,130,246,.16), transparent 50%),
    linear-gradient(180deg, rgba(9,26,46,.98), rgba(6,13,26,.98));
}

.member-package-modal--platin .member-package-modal__dialog{
  border-color:rgba(226,232,240,.28);
  background:
    radial-gradient(820px 390px at 0% 0%, rgba(226,232,240,.18), transparent 58%),
    radial-gradient(700px 340px at 100% 0%, rgba(129,140,248,.16), transparent 50%),
    linear-gradient(180deg, rgba(31,35,52,.98), rgba(13,16,31,.98));
}

.member-package-modal--ultimate .member-package-modal__dialog{
  border-color:rgba(216,180,254,.32);
  background:
    radial-gradient(900px 420px at 0% 0%, rgba(168,85,247,.30), transparent 58%),
    radial-gradient(740px 360px at 100% 0%, rgba(236,72,153,.18), transparent 48%),
    linear-gradient(180deg, rgba(26,15,46,.98), rgba(12,8,25,.98));
}

.member-package-modal--vip .member-package-modal__badge{
  background:linear-gradient(135deg, #fde68a, #5eead4);
  color:#211305;
  box-shadow:0 20px 38px rgba(251,191,36,.22);
}

.member-package-modal--pro .member-package-modal__badge{
  background:linear-gradient(135deg, #bae6fd, #60a5fa);
  color:#061427;
  box-shadow:0 20px 38px rgba(56,189,248,.22);
}

.member-package-modal--platin .member-package-modal__badge{
  background:linear-gradient(135deg, #f8fafc, #c4b5fd);
  color:#111827;
  box-shadow:0 20px 38px rgba(226,232,240,.18);
}

.member-package-modal--ultimate .member-package-modal__badge{
  background:linear-gradient(135deg, #d8b4fe, #f0abfc 58%, #f9a8d4);
  color:#170823;
  box-shadow:0 20px 38px rgba(168,85,247,.26);
}

.member-package-modal--vip .member-package-card.is-selected,
.member-package-modal--vip .member-package-detail{
  border-color:rgba(251,191,36,.34);
  background:linear-gradient(135deg, rgba(251,191,36,.16), rgba(20,184,166,.08));
}

.member-package-modal--pro .member-package-card.is-selected,
.member-package-modal--pro .member-package-detail{
  border-color:rgba(56,189,248,.36);
  background:linear-gradient(135deg, rgba(56,189,248,.15), rgba(59,130,246,.08));
}

.member-package-modal--platin .member-package-card.is-selected,
.member-package-modal--platin .member-package-detail{
  border-color:rgba(226,232,240,.34);
  background:linear-gradient(135deg, rgba(226,232,240,.13), rgba(129,140,248,.10));
}

.member-package-modal--ultimate .member-package-card.is-selected,
.member-package-modal--ultimate .member-package-detail{
  border-color:rgba(216,180,254,.38);
  background:linear-gradient(135deg, rgba(216,180,254,.14), rgba(236,72,153,.09));
}

.mobile-member-dock{
  position:fixed;
  top:14px;
  right:14px;
  left:14px;
  z-index:1120;
  display:none;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  pointer-events:none;
}

/* ================================
   2026-04-24 VIP / public refresh
================================ */
:root{
  --sans:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --display:"Space Grotesk","Manrope",ui-sans-serif,system-ui,sans-serif;
  --bg:#040b13;
  --bg-soft:#09131f;
  --panel:#0d1826;
  --panel-2:#132438;
  --card:#101d2d;
  --card-2:#16263a;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.16);
  --text:#f7fbff;
  --muted:rgba(227,238,250,.72);
  --accent:#7ce7ff;
  --accent-2:#8affc8;
  --accent-3:#ffd36b;
  --shadow:0 30px 70px rgba(0,0,0,.34);
}

body{
  background:
    radial-gradient(1000px 520px at 0% 0%, rgba(124,231,255,.16), transparent 60%),
    radial-gradient(880px 480px at 100% 0%, rgba(255,211,107,.12), transparent 62%),
    linear-gradient(180deg, #07111b 0%, #040b13 100%);
  color:var(--text);
}

body, button, input, textarea{
  font-family:var(--sans);
}

h1,h2,h3,.brand-copy strong,.hero-title,.board-title,.section-heading h2,.top .brand h1{
  font-family:var(--display);
}

.site-nav{
  background:rgba(4,11,19,.78);
  border-bottom:1px solid rgba(255,255,255,.07);
  backdrop-filter:blur(20px);
}

.nav-shell{
  gap:20px;
  padding:18px 0;
}

.brand-lockup{
  gap:16px;
}

.brand-mark{
  width:56px;
  height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:
    linear-gradient(145deg, rgba(124,231,255,.18), rgba(138,255,200,.12)),
    rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 34px rgba(0,0,0,.26);
}

.brand-mark svg{
  width:40px;
  height:40px;
  display:block;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.2));
}

.brand-copy strong{
  font-size:1.08rem;
  letter-spacing:.02em;
}

.brand-copy span{
  color:rgba(227,238,250,.64);
  font-size:.82rem;
}

.brand-copy--single{
  display:flex;
  align-items:center;
}

.brand-copy--single strong{
  font-size:1rem;
  letter-spacing:.08em;
  text-transform:lowercase;
}

.brand-lockup .brand-copy--single{
  display:none !important;
}

.nav-links a{
  padding:10px 15px;
  color:rgba(237,244,255,.72);
  border:1px solid transparent;
}

.nav-links a:hover{
  color:#fff;
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.08);
}

.nav-btn{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
}

.nav-btn.primary{
  color:#08131f;
  background:linear-gradient(135deg, var(--accent), var(--accent-2) 64%, var(--accent-3));
  box-shadow:0 18px 34px rgba(124,231,255,.18);
}

.nav-btn.subtle,.member-pill{
  color:rgba(237,244,255,.76);
  background:rgba(255,255,255,.035);
}

.hero-shell{
  padding:54px 0 26px;
}

.hero-shell::before{
  height:560px;
  background:
    radial-gradient(55% 70% at 10% 0%, rgba(124,231,255,.14), transparent 68%),
    radial-gradient(55% 70% at 100% 10%, rgba(255,211,107,.1), transparent 72%),
    linear-gradient(180deg, rgba(14,28,43,.55) 0%, rgba(4,11,19,0) 100%);
}

.hero-grid--balanced{
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:26px;
}

.hero-eyebrow{
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);
  color:#dbeafe;
  font-size:.74rem;
  letter-spacing:.14em;
}

.hero-title{
  margin:16px 0 14px;
  max-width:11ch;
  font-size:clamp(2.6rem,4vw,4.8rem);
}

.hero-copy p{
  max-width:58ch;
  color:rgba(235,244,252,.74);
}

.hero-board--clean{
  padding:22px;
  border-radius:28px;
  background:
    linear-gradient(180deg, rgba(18,31,46,.96), rgba(9,17,28,.96)),
    rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:var(--shadow);
}

.board-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}

.board-title{
  font-size:1.15rem;
}

.board-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(124,231,255,.14);
  color:#dffcff;
  border:1px solid rgba(124,231,255,.18);
  font-weight:700;
}

.hero-board--vip .board-pill{
  background:rgba(255,211,107,.14);
  color:#fff0ba;
  border-color:rgba(255,211,107,.18);
}

.board-stack{
  display:grid;
  gap:12px;
}

.spot-card{
  padding:16px 18px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
}

.spot-card span{
  display:block;
  color:rgba(233,242,252,.72);
  line-height:1.65;
}

.spot-card strong{
  display:block;
  margin-top:10px;
  font-size:.86rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#ecfeff;
}

.stats-showcase{
  margin-top:10px;
}

.section-heading--compact{
  margin-bottom:18px;
}

.section-heading--compact h2{
  font-size:clamp(1.65rem,2.4vw,2.35rem);
  margin:0 0 8px;
}

.section-heading--compact p{
  margin:0;
  color:rgba(229,240,250,.68);
  max-width:56ch;
}

.stat-strip{
  gap:14px;
}

.stat-card{
  background:linear-gradient(180deg, rgba(18,31,46,.92), rgba(10,19,30,.92));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 22px 44px rgba(0,0,0,.2);
}

.logo{
  background:linear-gradient(145deg, rgba(124,231,255,.18), rgba(138,255,200,.12));
  color:#f8fbff;
  border:1px solid rgba(255,255,255,.1);
}

.logo--vip{
  background:linear-gradient(145deg, rgba(255,211,107,.18), rgba(124,231,255,.14));
}

.feature-grid--minimal{
  gap:16px;
}

.feature-grid--minimal .feature-card{
  background:linear-gradient(180deg, rgba(17,30,45,.96), rgba(10,18,29,.94));
  border:1px solid rgba(255,255,255,.08);
}

.footer-shell--minimal{
  padding-bottom:36px;
}

.footer-note{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
  color:rgba(224,236,246,.56);
  font-size:.92rem;
  line-height:1.65;
  text-align:center;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.story-lounge{
  margin-top:12px;
  margin-bottom:22px;
}

.story-controls{
  display:flex;
  align-items:center;
  gap:10px;
}

.story-nav{
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

.story-nav:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.18);
}

.stories-surface--vip{
  padding:20px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(17,30,45,.96), rgba(9,17,28,.96));
  box-shadow:var(--shadow);
}

.stories-row-wrap{
  overflow:hidden;
}

.stories-row{
  display:flex;
  gap:16px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  padding:4px 2px 6px;
  scroll-behavior:smooth;
}

.stories-row::-webkit-scrollbar{
  display:none;
}

.stories-card{
  flex:0 0 auto;
  width:104px;
  border:0;
  background:transparent;
  color:#fff;
  display:grid;
  justify-items:center;
  gap:10px;
  padding:0;
}

.stories-card__ring{
  width:92px;
  height:92px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:4px;
  background:conic-gradient(from 220deg, #7ce7ff, #8affc8, #ffd36b, #7ce7ff);
  box-shadow:0 14px 28px rgba(0,0,0,.24);
}

.stories-card__ring.tone-emerald{
  background:conic-gradient(from 220deg, #34d399, #8affc8, #dcfce7, #34d399);
}

.stories-card__ring.tone-rose{
  background:conic-gradient(from 220deg, #fb7185, #fecdd3, #ffd36b, #fb7185);
}

.stories-card__ring.tone-indigo{
  background:conic-gradient(from 220deg, #7c9cff, #67e8f9, #c4b5fd, #7c9cff);
}

.stories-card__badge{
  width:84px;
  height:84px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg, rgba(7,17,31,.96), rgba(11,23,37,.92));
  border:1px solid rgba(255,255,255,.08);
  font-family:var(--display);
  font-size:1.05rem;
  font-weight:700;
  letter-spacing:.04em;
}

.stories-card__label{
  max-width:104px;
  color:rgba(235,244,252,.8);
  font-size:.78rem;
  line-height:1.35;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

.stories-card--locked{
  opacity:.86;
}

.stories-empty{
  margin-top:16px;
  color:rgba(225,236,246,.62);
  font-size:.93rem;
}

body.highlights-open,
body.stories-open{
  overflow:hidden;
}

.highlights-modal[hidden]{
  display:none !important;
}

.highlights-modal{
  position:fixed;
  inset:0;
  z-index:1400;
  display:grid;
  place-items:center;
  padding:28px 18px;
  opacity:0;
  pointer-events:none;
  transition:opacity .24s ease;
}

.highlights-modal.is-active{
  opacity:1;
  pointer-events:auto;
}

.highlights-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,9,16,.66);
  backdrop-filter:blur(16px);
}

.highlights-modal__shell{
  position:relative;
  z-index:1;
  width:min(1180px, calc(100vw - 34px));
  max-height:min(82vh, 920px);
  overflow:auto;
  padding:26px;
  border-radius:34px;
  border:1px solid rgba(255,255,255,.1);
  background:
    radial-gradient(42% 58% at 0% 0%, rgba(124,231,255,.14), transparent 72%),
    radial-gradient(38% 52% at 100% 0%, rgba(255,211,107,.12), transparent 72%),
    linear-gradient(180deg, rgba(10,20,32,.96), rgba(6,12,22,.98));
  box-shadow:0 38px 90px rgba(0,0,0,.42);
}

.highlights-modal__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}

.highlights-modal__eyebrow{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(124,231,255,.18);
  background:rgba(124,231,255,.08);
  color:#dcf8ff;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.highlights-modal__top h2{
  margin:14px 0 0;
  font-size:clamp(1.45rem, 2.8vw, 2.2rem);
  letter-spacing:-.04em;
}

.highlights-modal__close{
  width:46px;
  height:46px;
  flex:0 0 auto;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#f8fbff;
  display:grid;
  place-items:center;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

.highlights-modal__close:hover,
.highlights-modal__close:focus-visible{
  transform:translateY(-2px);
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.18);
}

.highlights-modal .stories-surface{
  padding:0;
  border:none;
  background:transparent;
  box-shadow:none;
}

.highlights-modal .stories-surface__head{
  display:flex;
  justify-content:flex-end;
  margin-bottom:12px;
}

.highlights-modal .stories-row-wrap{
  overflow:hidden;
}

.stories-stage__host,
.highlights-modal__mount{
  display:block;
  width:100%;
}

.highlights-modal .stories-card__ring{
  box-shadow:0 18px 34px rgba(0,0,0,.26);
}

body.viremo-page--vip-premium .highlights-modal__shell{
  border-color:rgba(255,223,164,.18);
  background:
    radial-gradient(42% 58% at 0% 0%, rgba(255,214,120,.16), transparent 72%),
    radial-gradient(38% 52% at 100% 0%, rgba(181,121,70,.18), transparent 72%),
    linear-gradient(180deg, rgba(60,36,23,.96), rgba(26,15,11,.98));
}

body.viremo-page--vip-premium .highlights-modal__eyebrow{
  border-color:rgba(255,214,120,.22);
  background:rgba(255,214,120,.10);
  color:#fff0c9;
}

body.viremo-page--vip-premium .highlights-modal__close{
  border-color:rgba(255,223,164,.16);
  background:rgba(255,245,225,.06);
  color:#fff6e6;
}

body.viremo-page--vip-premium .highlights-modal__close:hover,
body.viremo-page--vip-premium .highlights-modal__close:focus-visible{
  border-color:rgba(255,214,120,.28);
  background:rgba(255,245,225,.12);
}

.vip-story-modal[hidden]{
  display:none !important;
}

.vip-story-modal{
  position:fixed;
  inset:0;
  z-index:2000;
}

.vip-story-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,7,12,.78);
  backdrop-filter:blur(8px);
}

.vip-story-shell{
  position:relative;
  z-index:1;
  width:min(440px, calc(100vw - 28px));
  margin:32px auto;
  padding:18px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(10,18,29,.98), rgba(7,13,21,.98));
  box-shadow:0 34px 80px rgba(0,0,0,.42);
}

.vip-story-progress{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(0,1fr));
  gap:6px;
  margin-bottom:14px;
}

.vip-story-bar{
  height:4px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
}

.vip-story-bar.active{
  background:linear-gradient(90deg, #7ce7ff, #ffd36b);
}

.vip-story-head,
.vip-story-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.vip-story-kicker{
  color:rgba(228,239,249,.72);
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.14em;
}

.vip-story-match{
  margin-top:6px;
  font-family:var(--display);
  font-size:1.28rem;
  line-height:1.2;
}

.vip-story-close{
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  background:rgba(255,255,255,.05);
  color:#fff;
}

.vip-story-poster{
  margin:16px 0;
  min-height:430px;
  border-radius:28px;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
}

.vip-story-poster.tone-cyan{
  background:
    radial-gradient(80% 80% at 0% 0%, rgba(124,231,255,.28), transparent 65%),
    linear-gradient(180deg, #102436 0%, #08131f 100%);
}

.vip-story-poster.tone-indigo{
  background:
    radial-gradient(80% 80% at 100% 0%, rgba(124,156,255,.28), transparent 65%),
    linear-gradient(180deg, #171f44 0%, #08131f 100%);
}

.vip-story-poster.tone-emerald{
  background:
    radial-gradient(80% 80% at 0% 0%, rgba(74,222,128,.26), transparent 65%),
    linear-gradient(180deg, #0f2b28 0%, #08131f 100%);
}

.vip-story-poster.tone-rose{
  background:
    radial-gradient(80% 80% at 100% 0%, rgba(251,113,133,.26), transparent 65%),
    linear-gradient(180deg, #331826 0%, #08131f 100%);
}

.vip-story-poster__date{
  color:rgba(244,248,255,.78);
  font-size:.92rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.vip-story-poster__teams{
  font-family:var(--display);
  font-size:clamp(1.8rem,5vw,2.5rem);
  line-height:1.1;
  margin:26px 0;
}

.vip-story-poster__pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.vip-pill{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  font-weight:700;
}

.vip-pill--alt{
  background:rgba(124,231,255,.14);
}

.vip-pill--soft{
  background:rgba(255,211,107,.14);
}

.vip-story-status{
  margin-top:24px;
  color:#f8fbff;
  font-size:1rem;
  font-weight:700;
}

.vip-story-counter{
  color:rgba(228,239,249,.72);
}

@media (max-width: 991.98px){
  .nav-links{
    display:none;
  }

  .nav-shell{
    align-items:flex-start;
  }

  .hero-grid--balanced{
    grid-template-columns:1fr;
  }

  .hero-title{
    max-width:13ch;
  }

  .story-lounge{
    margin-top:4px;
  }
}

@media (max-width: 767.98px){
  .site-nav{
    position:sticky;
  }

  .nav-actions{
    width:auto;
  }

  .hero-shell{
    padding:34px 0 12px;
  }

  .hero-copy{
    padding-top:8px;
  }

  .hero-title{
    font-size:clamp(2.1rem,10vw,3.25rem);
  }

  .hero-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .hero-actions .nav-btn{
    width:100%;
  }

  .stories-surface--vip{
    padding:16px;
    border-radius:24px;
  }

  .stories-card{
    width:92px;
  }

  .stories-card__ring{
    width:82px;
    height:82px;
  }

  .stories-card__badge{
    width:74px;
    height:74px;
    font-size:.94rem;
  }

  .stories-card__label{
    max-width:92px;
    font-size:.74rem;
  }

  .vip-story-shell{
    margin:18px auto;
    width:min(420px, calc(100vw - 20px));
    padding:14px;
  }

  .vip-story-poster{
    min-height:380px;
    padding:20px;
  }
}

.mobile-member-dock > *{
  pointer-events:auto;
}

.mobile-member-hello{
  max-width:56vw;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(7,17,31,.80);
  color:var(--muted);
  backdrop-filter:blur(18px);
}

.hero-shell{
  position:relative;
  padding:52px 0 34px;
}

.hero-shell::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:520px;
  background:
    radial-gradient(55% 70% at 20% 20%, rgba(57,208,255,.16), transparent 70%),
    radial-gradient(48% 62% at 90% 10%, rgba(117,247,207,.11), transparent 72%),
    linear-gradient(180deg, rgba(14,31,51,.66) 0%, rgba(8,17,31,0) 100%);
  pointer-events:none;
}

.hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(320px, .85fr);
  gap:28px;
  align-items:stretch;
}

.hero-copy{
  padding:22px 0 18px;
}

.hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:var(--muted);
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:.76rem;
  font-weight:800;
}

.hero-title{
  margin:18px 0 14px;
  font-size:clamp(2.4rem, 4vw, 4.4rem);
  line-height:1.03;
  letter-spacing:-.05em;
  max-width:10.5ch;
}

.hero-copy p{
  max-width:62ch;
  color:var(--muted);
  font-size:1.05rem;
  line-height:1.7;
  margin-bottom:26px;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:26px;
}

.hero-note{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  color:var(--muted);
  font-size:.94rem;
}

.hero-note span{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.stat-strip{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
}

.stat-card{
  padding:18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  box-shadow:var(--shadow);
  min-height:122px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:12px;
}

.stat-card strong{
  color:var(--muted);
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.stat-value{
  font-size:clamp(1.7rem, 2.5vw, 2.3rem);
  font-weight:900;
  letter-spacing:-.04em;
}

.stat-meta{
  color:var(--muted-2);
  font-size:.9rem;
}

.hero-visual{
  position:relative;
  display:flex;
  align-items:stretch;
}

.hero-board{
  width:100%;
  min-height:100%;
  border-radius:32px;
  border:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(160deg, rgba(18,38,61,.96), rgba(12,26,43,.98));
  box-shadow:var(--shadow);
  padding:20px;
  position:relative;
  overflow:hidden;
}

.hero-board::before{
  content:"";
  position:absolute;
  inset:auto -10% -18% auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(57,208,255,.22), transparent 70%);
}

.hero-board::after{
  content:"";
  position:absolute;
  inset:20px 20px auto auto;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(117,247,207,.18), transparent 68%);
}

.board-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}

.board-title{
  font-size:1.06rem;
  font-weight:800;
}

.board-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:var(--muted);
}

.board-stage{
  padding:18px;
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 10%, rgba(117,247,207,.12), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
}

.signal-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  margin-top:18px;
}

.signal-card{
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}

.signal-card small{
  display:block;
  color:var(--muted-2);
  margin-bottom:6px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.signal-card strong{
  display:block;
  font-size:1.16rem;
}

.feature-section,
.info-section,
.legal-links-section,
.analysis-shell{
  padding:18px 0 0;
}

.section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:20px;
}

.section-heading h2{
  margin:0;
  font-size:clamp(1.6rem, 2.4vw, 2.2rem);
  letter-spacing:-.04em;
}

.section-heading p{
  margin:0;
  max-width:64ch;
  color:var(--muted);
  line-height:1.7;
}

.feature-grid,
.policy-grid,
.legal-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}

.feature-card,
.policy-card,
.legal-card{
  padding:20px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  box-shadow:var(--shadow);
}

.feature-card span,
.policy-card span,
.legal-card span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  margin-bottom:14px;
  font-weight:800;
}

.feature-card h3,
.policy-card h3,
.legal-card h3{
  margin:0 0 10px;
  font-size:1.08rem;
}

.feature-card p,
.policy-card p,
.legal-card p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}

.legal-card a,
.policy-card a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
  color:var(--accent-2);
  font-weight:700;
}

.wrap{
  width:min(1260px, calc(100vw - 28px));
  margin:0 auto;
  padding:18px 0 70px;
}

.top{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto minmax(240px, 320px) auto;
  gap:14px;
  align-items:center;
  margin-bottom:18px;
}

.brand{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.logo{
  width:52px;
  height:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-weight:900;
  font-size:1.05rem;
  color:#07111f;
  background:
    linear-gradient(145deg, var(--accent), var(--accent-2) 55%, var(--accent-3));
  box-shadow:0 18px 34px rgba(57,208,255,.18);
}

.brand h1{
  margin:0;
  font-size:1.16rem;
}

.brand-mark--panel{
  width:44px;
  height:44px;
  border-radius:14px;
  flex:0 0 auto;
}

.brand-mark--panel svg{
  width:100%;
  height:100%;
}

.brand .sub{
  margin-top:3px;
  color:var(--muted);
  font-size:.94rem;
}

.pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:var(--muted);
}

.pill.nav{
  gap:10px;
}

.pill .live-sound-btn{
  width:38px;
  min-width:38px;
  padding:0;
  display:inline-grid;
  place-items:center;
}

.pill .live-sound-btn i{
  font-size:.96rem;
}

.pill .push-bell-btn{
  width:38px;
  min-width:38px;
  padding:0;
  display:inline-grid;
  place-items:center;
}

.pill .push-bell-btn i{
  font-size:.96rem;
}

.push-bell-btn.is-enabled{
  background:linear-gradient(180deg, rgba(57,208,255,.24), rgba(57,208,255,.12));
  color:#f4fbff;
  box-shadow:0 10px 22px rgba(57,208,255,.16), inset 0 1px 0 rgba(255,255,255,.16);
}

.push-bell-btn.is-busy{
  opacity:.72;
  pointer-events:none;
}

.push-bell-btn.is-disabled{
  opacity:.45;
}

.pill.nav .date{
  flex:1 1 auto;
  min-width:120px;
  text-align:center;
  color:var(--text);
  font-weight:700;
}

.pill button{
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.06);
  color:var(--text);
}

.search{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:0 16px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
}

.search input{
  width:100%;
  min-width:0;
  border:none;
  outline:none;
  background:transparent;
  color:var(--text);
}

.search input::placeholder{
  color:var(--muted-2);
}

.vip-system-switch{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-height:52px;
  padding:6px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  justify-self:end;
}

.vip-system-btn{
  min-width:56px;
  min-height:40px;
  padding:0 14px;
  border:none;
  border-radius:14px;
  background:transparent;
  color:var(--muted);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.02em;
  transition:background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.vip-system-btn[data-vip-system="kg"],
.vip-system-btn[data-vip-system="au"]{
  min-width:62px;
}

.vip-system-btn[data-platin-pick]{
  min-width:88px;
  padding-inline:12px;
}

.vip-system-btn:hover,
.vip-system-btn:focus-visible{
  background:rgba(255,255,255,.08);
  color:var(--text);
  outline:none;
}

.vip-system-btn.is-active{
  background:linear-gradient(180deg, rgba(57,208,255,.26), rgba(57,208,255,.14));
  color:#f4fbff;
  box-shadow:0 10px 22px rgba(57,208,255,.18), inset 0 1px 0 rgba(255,255,255,.18);
}

.dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(255,255,255,.22);
}
.dot.green{background:var(--good)}
.dot.orange{background:#f59e0b}
.dot.red{background:var(--bad)}
.muted{color:var(--muted)}
.spacer{display:none}

.card{
  border:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border-radius:30px;
  box-shadow:var(--shadow);
  overflow:hidden;
}

.card-h{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px 22px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.h-title{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  font-weight:900;
}

.h-ico{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  background:rgba(255,255,255,.06);
}

.h-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(57,208,255,.12);
  border:1px solid rgba(57,208,255,.18);
  color:#b9f4ff;
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.h-meta{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  color:var(--muted);
}

.tableWrap{
  overflow:visible;
  max-height:none;
}

table{
  width:100%;
  min-width:1080px;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0;
  font-size:.94rem;
}

thead th{
  position:sticky;
  top:0;
  z-index:2;
  padding:14px 16px;
  text-align:center;
  color:rgba(244,248,255,.74);
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(10,23,39,.94);
  border-bottom:1px solid rgba(255,255,255,.08);
}

tbody td{
  padding:14px 16px;
  color:rgba(244,248,255,.90);
  border-bottom:1px solid rgba(255,255,255,.07);
  vertical-align:middle;
  text-align:center;
}

thead th.table-col-date,
tbody td.table-col-date{
  width:124px;
  min-width:124px;
  padding-inline:12px;
  white-space:nowrap;
}

thead th.table-col-time,
tbody td.table-col-time{width:7%}

thead th.table-col-league,
tbody td.table-col-league{width:17%;text-align:left}

thead th.table-col-match,
tbody td.table-col-match{width:23%;text-align:left}

thead th.table-col-pick,
tbody td.table-col-pick{width:15%;text-align:center}

thead th.table-col-odd,
tbody td.table-col-odd{width:8%;text-align:center}

thead th.table-col-confidence,
tbody td.table-col-confidence{width:9%;text-align:center}

thead th.table-col-score,
tbody td.table-col-score{width:8%;text-align:center}

thead th.table-col-result,
tbody td.table-col-result{width:9%;text-align:center}

tbody td.table-col-pick,
tbody td.table-col-odd,
tbody td.table-col-confidence,
tbody td.table-col-score,
tbody td.table-col-result{
  white-space:nowrap;
}

tbody tr:nth-child(odd) td{
  background:rgba(255,255,255,.015);
}

tbody tr:hover td{
  background:rgba(57,208,255,.055);
}

.empty{
  padding:28px 18px;
  text-align:center;
  color:var(--muted);
}

.tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  color:var(--text);
  font-size:.82rem;
  font-weight:800;
  white-space:nowrap;
  max-width:100%;
}

.tag.pred-tag{min-width:74px}
.tag.guven-pill{min-width:92px}
.tag.score{min-width:70px}

.tag.good,
.tag.score.good,
.tag.guven-pill.good{
  background:rgba(34,197,94,.18) !important;
  border-color:rgba(34,197,94,.34) !important;
  color:#dcfce7 !important;
}

.tag.bad,
.tag.score.bad,
.tag.guven-pill.bad{
  background:rgba(239,68,68,.18) !important;
  border-color:rgba(239,68,68,.34) !important;
  color:#fee2e2 !important;
}

.tag.wait,
.tag.score.wait,
.tag.guven-pill.wait{
  background:rgba(59,130,246,.18) !important;
  border-color:rgba(59,130,246,.34) !important;
  color:#dbeafe !important;
}

.tag.live.good{
  background:rgba(34,197,94,.20) !important;
  border-color:rgba(34,197,94,.44) !important;
}
.tag.live.bad{
  background:rgba(239,68,68,.20) !important;
  border-color:rgba(239,68,68,.44) !important;
}
.tag.live.wait{
  background:rgba(59,130,246,.20) !important;
  border-color:rgba(59,130,246,.44) !important;
}

@keyframes liveMinutePulse{
  0%,100%{transform:translateY(0) scale(1);box-shadow:0 0 0 0 rgba(255,211,107,.42), inset 0 1px 0 rgba(255,255,255,.22)}
  50%{transform:translateY(-1px) scale(1.045);box-shadow:0 0 0 7px rgba(255,211,107,0), 0 0 18px rgba(255,211,107,.36), inset 0 1px 0 rgba(255,255,255,.30)}
}
.tag.live-minute-pill{
  position:relative;
  overflow:visible;
  color:#07111f !important;
  border-color:rgba(255,211,107,.74) !important;
  background:linear-gradient(135deg,#fff1a8,#8affc8) !important;
  animation:liveMinutePulse 1.08s ease-in-out infinite;
}
.tag.live-minute-pill::before{
  content:"";
  width:7px;
  height:7px;
  margin-right:6px;
  border-radius:999px;
  background:#ff4757;
  box-shadow:0 0 0 4px rgba(255,71,87,.18);
  display:inline-block;
  vertical-align:middle;
}

body.member-no-package-access .tag.good,
body.member-no-package-access .tag.bad,
body.member-no-package-access .tag.live.good,
body.member-no-package-access .tag.live.bad,
body.member-no-package-access .tag.score.good,
body.member-no-package-access .tag.score.bad,
body.member-no-package-access .tag.guven-pill.good,
body.member-no-package-access .tag.guven-pill.bad{
  background:rgba(59,130,246,.18) !important;
  border-color:rgba(59,130,246,.34) !important;
  color:#dbeafe !important;
}

.cards{
  display:none;
  padding:14px;
}

.mcard{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  margin-bottom:14px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(130% 110% at 0% 0%, rgba(57,208,255,.12), transparent 44%),
    linear-gradient(180deg, rgba(17,37,60,.98), rgba(10,22,37,.98));
  box-shadow:var(--shadow);
  color:var(--text);
}

.cards .mcard:nth-child(even){
  background:
    radial-gradient(130% 110% at 100% 0%, rgba(117,247,207,.12), transparent 44%),
    linear-gradient(180deg, rgba(13,31,45,.98), rgba(8,18,31,.98));
}

.mcard::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.mcard[data-live-alert]{
  border-width:1px;
}

.mcard[data-live-alert]::before{
  content:attr(data-live-alert-label);
  position:absolute;
  top:14px;
  right:16px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  pointer-events:none;
}

.mcard[data-live-alert="goal"]{
  border-color:rgba(34,197,94,.46);
  box-shadow:0 0 0 1px rgba(34,197,94,.12), 0 18px 38px rgba(34,197,94,.18);
  animation:viremoGoalFocus 1.15s ease-in-out infinite;
}

.mcard[data-live-alert="goal"]::before{
  background:rgba(22,163,74,.18);
  color:#dcfce7;
}

.mcard[data-live-alert="void"]{
  border-color:rgba(245,158,11,.52);
  box-shadow:0 0 0 1px rgba(245,158,11,.12), 0 18px 38px rgba(245,158,11,.18);
  animation:viremoVoidFocus 1.05s ease-in-out infinite;
}

.mcard[data-live-alert="void"]::before{
  background:rgba(245,158,11,.18);
  color:#ffedd5;
}

.mcard-lock{
  min-height:214px;
  padding:26px 22px;
  display:grid;
  place-items:center;
  gap:16px;
  width:100%;
  border:none;
  background:transparent;
  color:inherit;
  text-align:center;
  cursor:pointer;
}

.mcard-lock__icon{
  display:grid;
  place-items:center;
}

.mcard-lock__copy{
  display:grid;
  gap:8px;
  justify-items:center;
  max-width:280px;
}

.mcard-lock .mtitle{
  font-size:1.02rem;
}

.mcard-lock .mmeta{
  max-width:26ch;
}

.mcard-lock__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(57,208,255,.24);
  background:rgba(57,208,255,.10);
  color:#dffaff;
  font-size:.86rem;
  font-weight:800;
  letter-spacing:.02em;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

.mcard-lock:hover .mcard-lock__cta,
.mcard-lock:focus-visible .mcard-lock__cta{
  transform:translateY(-1px);
  background:rgba(57,208,255,.16);
  border-color:rgba(57,208,255,.34);
}

.mcard-lock.is-expired{
  color:#fee2e2;
}

.mcard-lock.is-expired .mmeta{
  color:#fecaca;
}

.mcard-lock.is-expired .mcard-lock__cta{
  border-color:rgba(248,113,113,.38);
  background:rgba(239,68,68,.16);
  color:#fff;
}

.mcard-lock.is-expired:hover .mcard-lock__cta,
.mcard-lock.is-expired:focus-visible .mcard-lock__cta{
  background:rgba(239,68,68,.24);
  border-color:rgba(248,113,113,.56);
}

.mcard-trigger{
  width:100%;
  padding:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:none;
  background:transparent;
  color:inherit;
  text-align:left;
  touch-action:manipulation;
}

.mcard-summary{flex:1;min-width:0}

.mcard-topline{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}

.mleague-chip,
.mkick-chip{
  display:inline-flex;
  align-items:center;
  min-width:0;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.mleague-chip{
  background:rgba(57,208,255,.12);
  color:#b9f4ff;
  position:relative;
  justify-content:flex-start;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mleague-chip__text{
  display:inline-block;
  min-width:max-content;
  max-width:none;
}

.mkick-chip{
  background:rgba(255,255,255,.05);
  color:var(--muted);
  white-space:nowrap;
  justify-self:end;
  flex-shrink:0;
}

.mheadline{
  display:grid;
  gap:6px;
}

.mtitle-row{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.mtitle{
  min-width:0;
  color:var(--text);
  font-size:1rem;
  font-weight:900;
  line-height:1.35;
  letter-spacing:.01em;
}

.mtitle-alert{
  display:none;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:0 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  font-size:.63rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mtitle-alert--goal{
  background:rgba(22,163,74,.18);
  color:#dcfce7;
}

.mtitle-alert--void{
  background:rgba(245,158,11,.18);
  color:#ffedd5;
}

.mmeta{
  color:var(--muted);
  font-size:.84rem;
}

.mcard-arrow{
  flex:0 0 auto;
  width:38px;
  height:38px;
  border-radius:999px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  color:var(--text);
  transition:transform .18s ease, background .18s ease;
}

.mcard.open .mcard-arrow{
  transform:rotate(180deg);
  background:rgba(57,208,255,.12);
}

.mcard-details{
  padding:0 16px 16px;
  border-top:1px solid rgba(255,255,255,.08);
}

.mcard-details[hidden]{display:none !important}

.mstats-inline{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  padding-top:14px;
}

.mstats-inline.is-complete{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.mstat-chip{
  min-width:0;
  padding:10px 8px 12px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  display:grid;
  gap:8px;
  align-content:start;
  justify-items:center;
  text-align:center;
}

.mstat-chip__label{
  color:var(--muted-2);
  font-size:.65rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}

.mstat-chip__value{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
}

.mstat-chip__value .tag{
  width:100%;
  min-width:0;
  justify-content:center;
  padding-inline:8px;
  font-size:.8rem;
}

.mstats-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  padding-top:14px;
}

.mstat-box{
  min-height:86px;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:10px;
}

.mstat-label{
  color:var(--muted-2);
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}

.mstat-value{
  min-height:34px;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
}

.mstat-value .tag{
  min-width:0;
  max-width:100%;
}

tbody tr[data-live-alert="goal"] td{
  background:rgba(22,163,74,.11) !important;
  box-shadow:inset 0 1px 0 rgba(34,197,94,.10), inset 0 -1px 0 rgba(34,197,94,.10);
}

tbody tr[data-live-alert="void"] td{
  background:rgba(245,158,11,.11) !important;
  box-shadow:inset 0 1px 0 rgba(245,158,11,.12), inset 0 -1px 0 rgba(245,158,11,.12);
}

tbody tr[data-row-tier="good"]:not([data-live-alert]) td{
  background:rgba(22,163,74,.075);
  box-shadow:inset 0 1px 0 rgba(34,197,94,.08), inset 0 -1px 0 rgba(34,197,94,.08);
}

tbody tr[data-row-tier="bad"]:not([data-live-alert]) td{
  background:rgba(220,38,38,.075);
  box-shadow:inset 0 1px 0 rgba(239,68,68,.08), inset 0 -1px 0 rgba(239,68,68,.08);
}

tbody tr[data-row-tier="good"] td{
  background:rgba(22,163,74,.115) !important;
  box-shadow:inset 0 1px 0 rgba(34,197,94,.12), inset 0 -1px 0 rgba(34,197,94,.12) !important;
}

tbody tr[data-row-tier="bad"] td{
  background:rgba(220,38,38,.115) !important;
  box-shadow:inset 0 1px 0 rgba(239,68,68,.12), inset 0 -1px 0 rgba(239,68,68,.12) !important;
}

.vip-table-cell{
  min-width:0;
}

.vip-stack{
  display:grid;
  gap:8px;
  width:100%;
}

.vip-rank-list,
.vip-market-list{
  gap:8px;
}

.vip-rank-row,
.vip-market-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}

.vip-rank-meta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  width:100%;
}

.vip-market-title{
  font-size:.72rem;
  font-weight:700;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.04em;
}

.vip-odd-tag{
  min-width:72px;
  background:linear-gradient(135deg, rgba(124,231,255,.18), rgba(255,255,255,.08));
  border-color:rgba(124,231,255,.24);
  color:#eefcff;
  font-weight:800;
}

.vip-panel-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.vip-mstat-box{
  min-height:96px;
}

.vip-mstat-box--wide{
  grid-column:auto;
}

.mcard[data-row-tier="good"]:not([data-live-alert]){
  border-color:rgba(34,197,94,.28);
  box-shadow:0 0 0 1px rgba(34,197,94,.08), var(--shadow);
}

.mcard[data-row-tier="bad"]:not([data-live-alert]){
  border-color:rgba(239,68,68,.28);
  box-shadow:0 0 0 1px rgba(239,68,68,.08), var(--shadow);
}

.mcard[data-row-tier="good"]{
  border-color:rgba(34,197,94,.36) !important;
  background:
    radial-gradient(130% 110% at 0% 0%, rgba(34,197,94,.18), transparent 44%),
    linear-gradient(180deg, rgba(12,50,31,.98), rgba(8,27,20,.98)) !important;
  box-shadow:0 0 0 1px rgba(34,197,94,.12), var(--shadow) !important;
}

.mcard[data-row-tier="bad"]{
  border-color:rgba(239,68,68,.36) !important;
  background:
    radial-gradient(130% 110% at 100% 0%, rgba(239,68,68,.16), transparent 44%),
    linear-gradient(180deg, rgba(58,19,25,.98), rgba(28,12,18,.98)) !important;
  box-shadow:0 0 0 1px rgba(239,68,68,.12), var(--shadow) !important;
}

body.member-no-package-access tbody tr[data-row-tier] td{
  background:rgba(59,130,246,.07) !important;
  box-shadow:inset 0 1px 0 rgba(59,130,246,.10), inset 0 -1px 0 rgba(59,130,246,.10) !important;
}

body.member-no-package-access .mcard[data-row-tier]{
  border-color:rgba(59,130,246,.30) !important;
  background:
    radial-gradient(130% 110% at 0% 0%, rgba(59,130,246,.16), transparent 44%),
    linear-gradient(180deg, rgba(18,35,67,.98), rgba(9,18,34,.98)) !important;
  box-shadow:0 0 0 1px rgba(59,130,246,.10), var(--shadow) !important;
}

.section-stack{
  display:grid;
  gap:16px;
}

.policy-list{
  display:grid;
  gap:10px;
  margin-top:14px;
}

.policy-list a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}

.policy-list a span:last-child{
  color:var(--accent-2);
  font-weight:800;
}

.footer-shell{
  margin-top:36px;
  border-top:1px solid rgba(255,255,255,.08);
  padding:24px 0 34px;
}

.footer-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr .8fr;
  gap:18px;
}

.footer-grid section{
  min-width:0;
}

.footer-grid h3{
  margin:0 0 12px;
  font-size:1rem;
}

.footer-grid p,
.footer-grid li,
.footer-grid a{
  color:var(--muted);
  line-height:1.7;
}

.footer-grid ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
}

.footer-foot{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
  color:var(--muted-2);
  font-size:.88rem;
}

.legal-page .wrap{
  padding-top:52px;
}

.legal-hero{
  padding:34px 0 18px;
}

.legal-hero h1{
  margin:14px 0 12px;
  font-size:clamp(2rem, 3vw, 3rem);
  letter-spacing:-.04em;
}

.legal-hero p{
  max-width:72ch;
  color:var(--muted);
  line-height:1.75;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.legal-shell{
  display:grid;
  gap:18px;
}

.legal-card h2{
  margin:0 0 12px;
  font-size:1.2rem;
}

.legal-card ul{
  margin:0;
  padding-left:18px;
  color:var(--muted);
  line-height:1.8;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.legal-card p{
  color:var(--muted);
  overflow-wrap:anywhere;
  word-break:break-word;
}

.legal-card li,
.legal-card h2,
.footer-foot{
  overflow-wrap:anywhere;
  word-break:break-word;
}

@media (max-width: 1199px){
  .hero-grid{
    grid-template-columns:1fr;
  }
  .hero-title{max-width:none}
}

@media (max-width: 991.98px){
  .stat-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .feature-grid,
  .policy-grid,
  .legal-grid,
  .footer-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 720px){
  .mcard[data-live-alert]::before{
    display:none;
  }

  .mtitle-alert{
    display:inline-flex;
  }

  .hero-shell{
    padding:26px 0 14px;
  }
  .hero-copy{
    padding-top:64px;
  }
  .hero-title{
    font-size:2.1rem;
  }
  .hero-copy p{
    font-size:.98rem;
  }
  .hero-actions{
    flex-direction:column;
  }
  .hero-actions .nav-btn{
    width:100%;
  }
  .wrap{
    width:min(100vw - 22px, 1260px);
    padding-bottom:52px;
  }
  .top{
    grid-template-columns:1fr;
  }
  .top > .brand{order:1}
  .top > .search{order:2}
  .top > .vip-system-switch{order:3}
  .top > .pill.nav{order:4}
  .brand{
    justify-content:center;
    text-align:center;
  }
  .pill,
  .search{
    width:100%;
    justify-content:center;
  }
  .vip-system-switch{
    display:grid;
    width:100%;
    justify-content:center;
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
  .pill.nav{
    justify-content:space-between;
  }
  .card-h{
    flex-direction:column;
    align-items:flex-start;
  }
  .h-meta{
    width:100%;
    gap:10px;
  }
  .tableWrap{max-height:none}
  table{min-width:0}
  thead{display:none}
  #tbl{display:none !important}
  .cards{display:block;padding:14px}
  .stat-strip{
    gap:10px;
  }
  .stat-card{
    min-width:0;
    padding:14px 12px;
  }
  .stat-card strong{
    font-size:.74rem;
  }
  .stat-card .stat-value{
    font-size:1.25rem;
  }
  .footer-shell{
    margin-top:24px;
  }
  .footer-grid{
    gap:12px;
  }
  .footer-grid section{
    padding:18px 16px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.04);
  }
  .footer-grid p,
  .footer-grid li,
  .footer-grid a{
    font-size:.93rem;
    line-height:1.55;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .footer-grid ul{
    gap:6px;
  }
  .footer-note{
    font-size:.88rem;
    padding-inline:8px;
  }
  .legal-page .wrap{
    width:min(100vw - 20px, 980px);
    padding-top:34px;
  }
  .legal-hero{
    padding:24px 0 14px;
  }
  .legal-hero h1{
    font-size:clamp(1.7rem, 6.8vw, 2.35rem);
    line-height:1.14;
  }
  .legal-hero p{
    font-size:.95rem;
    line-height:1.7;
    max-width:none;
  }
  .legal-card{
    padding:18px 16px;
  }
  .legal-card h2{
    font-size:1.06rem;
    line-height:1.35;
  }
  .legal-card p,
  .legal-card li,
  .footer-foot{
    font-size:.93rem;
    line-height:1.65;
  }
}

@media (max-width: 520px){
  .hero-note{
    display:grid;
    gap:8px;
  }
  .stat-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
  }
  .stat-card{
    padding:12px 10px;
  }
  .stat-card strong{
    font-size:.69rem;
  }
  .stat-card .stat-value{
    font-size:1.08rem;
  }
  .mstats-inline{
    gap:8px;
  }
  .mstats-inline.is-complete{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
  .mstat-chip{
    padding:9px 6px 10px;
  }
  .mstat-chip__label{
    font-size:.6rem;
  }
  .mstat-chip__value .tag{
    font-size:.74rem;
    padding-inline:6px;
  }
  .vip-system-switch{
    gap:6px;
    padding:5px;
  }
  .vip-system-btn{
    min-width:0;
    width:100%;
    padding:0 8px;
    font-size:.78rem;
    letter-spacing:0;
  }
  .footer-note{
    font-size:.82rem;
    padding-inline:4px;
  }
  .legal-page .wrap{
    width:min(100vw - 16px, 980px);
    padding-top:26px;
  }
  .legal-hero{
    padding:18px 0 10px;
  }
  .legal-card{
    padding:16px 14px;
  }
  .legal-card ul{
    padding-left:16px;
  }
  .legal-card p,
  .legal-card li,
  .footer-foot{
    font-size:.89rem;
  }
}

/* 2026-04-24 spotlight refresh */
.brand-lockup--aurora .brand-copy strong{
  letter-spacing:-.04em;
}

.brand-mark--aurora{
  width:58px;
  height:58px;
  border-radius:20px;
  box-shadow:0 18px 42px rgba(0,0,0,.22);
}

.brand-mark--aurora svg{
  width:100%;
  height:100%;
  display:block;
}

.page-banner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
  gap:26px;
  align-items:stretch;
}

.page-banner--solo{
  grid-template-columns:1fr;
}

.page-banner__copy,
.page-banner__panel{
  border-radius:34px;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
}

.page-banner__copy{
  padding:34px;
  background:
    radial-gradient(45% 60% at 10% 0%, rgba(124,231,255,.16), transparent 70%),
    linear-gradient(160deg, rgba(16,33,52,.96), rgba(8,16,27,.98));
}

.page-banner__copy--headline{
  min-height:320px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:44px 34px;
  isolation:isolate;
  background:
    linear-gradient(180deg, rgba(4,10,18,.14), rgba(4,10,18,.28)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 760'%3E%3Cdefs%3E%3ClinearGradient id='sky' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%230d2236'/%3E%3Cstop offset='100%25' stop-color='%2307121f'/%3E%3C/linearGradient%3E%3CradialGradient id='glowA' cx='0.16' cy='0.2' r='0.5'%3E%3Cstop offset='0%25' stop-color='%237ce7ff' stop-opacity='.42'/%3E%3Cstop offset='100%25' stop-color='%237ce7ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='glowB' cx='0.86' cy='0.24' r='0.46'%3E%3Cstop offset='0%25' stop-color='%23ffd36b' stop-opacity='.28'/%3E%3Cstop offset='100%25' stop-color='%23ffd36b' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='1600' height='760' fill='url(%23sky)'/%3E%3Crect width='1600' height='760' fill='url(%23glowA)'/%3E%3Crect width='1600' height='760' fill='url(%23glowB)'/%3E%3Cpath d='M0 554 C204 468 374 454 548 466 C698 476 834 518 972 546 C1142 580 1312 580 1600 498 L1600 760 L0 760 Z' fill='%2309121f'/%3E%3Cpath d='M0 578 C208 516 372 506 542 522 C702 538 846 584 1010 600 C1180 618 1358 612 1600 546' fill='none' stroke='rgba(255,255,255,.12)' stroke-width='3'/%3E%3Crect x='256' y='322' width='1088' height='286' rx='26' fill='rgba(255,255,255,.045)' stroke='rgba(255,255,255,.14)'/%3E%3Crect x='362' y='382' width='876' height='164' rx='20' fill='none' stroke='rgba(255,255,255,.18)' stroke-width='3'/%3E%3Cline x1='800' y1='382' x2='800' y2='546' stroke='rgba(255,255,255,.18)' stroke-width='3'/%3E%3Ccircle cx='800' cy='464' r='72' fill='none' stroke='rgba(255,255,255,.18)' stroke-width='3'/%3E%3Ccircle cx='800' cy='464' r='7' fill='rgba(255,255,255,.24)'/%3E%3Cpath d='M800 214 C840 204 874 212 894 234 C918 260 914 302 884 326 C860 344 824 346 800 332 C776 346 740 344 716 326 C686 302 682 260 706 234 C726 212 760 204 800 214 Z' fill='rgba(255,255,255,.12)' stroke='rgba(255,255,255,.24)' stroke-width='2'/%3E%3Cpath d='M800 236 L778 250 L786 276 L814 276 L822 250 Z' fill='rgba(255,255,255,.88)'/%3E%3Cpath d='M778 250 L752 244 L742 270 L760 292 L786 276 Z' fill='rgba(255,255,255,.72)'/%3E%3Cpath d='M822 250 L848 244 L858 270 L840 292 L814 276 Z' fill='rgba(255,255,255,.72)'/%3E%3Cpath d='M760 292 L768 320 L800 332 L832 320 L840 292 L814 276 L786 276 Z' fill='rgba(255,255,255,.6)'/%3E%3C/svg%3E");
  background-size:cover;
  background-position:center;
}

.page-banner__copy--headline::before{
  content:"";
  position:absolute;
  inset:18% 20% auto;
  height:140px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(124,231,255,.24), transparent 68%);
  filter:blur(28px);
  animation:viremoPulse 7s ease-in-out infinite;
  z-index:-1;
}

.page-banner__copy--headline::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(6,10,18,.22), rgba(6,10,18,.46)),
    radial-gradient(50% 58% at 50% 34%, rgba(124,231,255,.08), transparent 70%);
  z-index:-1;
}

.page-banner__panel{
  padding:24px;
  background:
    radial-gradient(48% 68% at 100% 0%, rgba(255,211,107,.12), transparent 72%),
    linear-gradient(170deg, rgba(14,30,48,.96), rgba(8,16,27,.98));
}

.page-banner__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
  color:#d7efff;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.page-banner__eyebrow--vip{
  border-color:rgba(255,211,107,.18);
  background:rgba(255,211,107,.1);
  color:#fff0ba;
}

.page-banner__title{
  margin:18px 0 12px;
  font-size:clamp(2rem,3.6vw,3.4rem);
  line-height:1.08;
  letter-spacing:-.06em;
  max-width:18ch;
}

.page-banner__title--center{
  max-width:20ch;
  margin:0 auto;
  display:grid;
  gap:8px;
  justify-items:center;
  animation:viremoFloat 8s ease-in-out infinite;
  text-shadow:0 12px 34px rgba(0,0,0,.34);
}

.page-banner__title--center > span:last-child{
  color:#dff8ff;
}

.page-banner__title--rotating{
  max-width:min(22ch, 100%);
  width:100%;
}

.hero-slogan-viewport{
  position:relative;
  display:block;
  width:min(820px, 100%);
  min-height:3.6em;
  overflow:hidden;
}

.hero-slogan-line{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding-inline:10px;
  text-align:center;
  line-height:1.18;
  transform:translateX(112%);
  opacity:0;
  filter:blur(8px);
  will-change:transform, opacity, filter;
  transition:
    transform .72s cubic-bezier(.22,.8,.22,1),
    opacity .72s ease,
    filter .72s ease;
}

.hero-slogan-line.is-active{
  transform:translateX(0);
  opacity:1;
  filter:blur(0);
}

.hero-slogan-line.is-leaving{
  transform:translateX(-112%);
  opacity:0;
  filter:blur(8px);
}

.page-banner__lead{
  max-width:58ch;
  color:var(--muted);
  font-size:1.02rem;
  line-height:1.8;
  margin:0;
}

.page-banner__actions{
  margin-top:24px;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

@keyframes viremoFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-8px); }
}

@keyframes viremoPulse{
  0%,100%{ opacity:.65; transform:scale(.96); }
  50%{ opacity:1; transform:scale(1.05); }
}

.signal-ribbon,
.vip-pulse{
  padding:18px 18px 20px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}

.signal-ribbon__label,
.vip-pulse__label{
  display:inline-flex;
  margin-bottom:10px;
  color:#8ce7ff;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.vip-pulse__label{
  color:#ffe498;
}

.signal-ribbon strong,
.vip-pulse strong{
  display:block;
  font-size:1.1rem;
  line-height:1.55;
}

.signal-grid,
.vip-matrix{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:16px;
}

.signal-card,
.vip-matrix__item{
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  min-height:140px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.signal-card span,
.vip-matrix__item span{
  color:var(--muted-2);
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.signal-card strong,
.vip-matrix__item strong{
  font-size:1rem;
  line-height:1.65;
  font-weight:700;
}

.stories-stage{
  position:relative;
  z-index:1;
  margin-top:18px;
}

.stories-stage__intro{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.stories-stage__eyebrow{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,211,107,.18);
  background:rgba(255,211,107,.09);
  color:#ffe7a7;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.stories-stage__intro h2{
  margin:10px 0 8px;
  font-size:clamp(1.7rem,2.8vw,2.5rem);
  letter-spacing:-.04em;
}

.stories-stage__intro p{
  margin:0;
  color:var(--muted);
  max-width:60ch;
}

.hero-shell--spotlight{
  padding-bottom:20px;
}

.hero-shell--vip-refined{
  padding-bottom:18px;
}

.hero-shell--spotlight::before{
  background:
    radial-gradient(55% 70% at 10% 0%, rgba(124,231,255,.16), transparent 68%),
    radial-gradient(55% 70% at 100% 10%, rgba(255,211,107,.1), transparent 72%),
    linear-gradient(180deg, rgba(14,28,43,.58) 0%, rgba(4,11,19,0) 100%);
}

.hero-shell--vip-refined::before{
  background:
    radial-gradient(55% 70% at 16% 0%, rgba(255,211,107,.16), transparent 68%),
    radial-gradient(55% 70% at 100% 12%, rgba(124,231,255,.1), transparent 72%),
    linear-gradient(180deg, rgba(23,18,11,.5) 0%, rgba(4,11,19,0) 100%);
}

.stories-stage .stories-surface{
  padding:22px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(10,19,31,.9), rgba(9,17,27,.72));
  box-shadow:var(--shadow);
}

.stories-stage .stories-row-wrap{
  padding-inline:0;
}

.stories-stage .stories-row{
  padding:4px 2px;
}

.stories-stage .stories-card__title{
  font-size:.78rem;
}

.stories-stage .stories-card__ring{
  box-shadow:0 14px 32px rgba(0,0,0,.22);
}

.contact-section{
  margin-top:30px;
}

.contact-grid-viremo{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:18px;
}

.contact-panel-viremo{
  padding:24px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(50% 68% at 10% 0%, rgba(124,231,255,.08), transparent 72%),
    linear-gradient(180deg, rgba(16,27,42,.94), rgba(9,16,27,.96));
  box-shadow:var(--shadow);
}

.contact-panel-viremo__eyebrow{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(124,231,255,.18);
  background:rgba(124,231,255,.08);
  color:#d7f8ff;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.contact-panel-viremo h3{
  margin:16px 0 10px;
  font-size:1.5rem;
  letter-spacing:-.04em;
}

.contact-panel-viremo p{
  color:var(--muted);
  line-height:1.8;
  margin:0;
}

.contact-panel-viremo--minimal{
  display:flex;
  align-items:center;
}

.contact-panel-viremo--minimal .contact-points{
  width:100%;
  margin-top:0;
}

.contact-points{
  display:grid;
  gap:12px;
  margin-top:18px;
}

.contact-point{
  display:grid;
  gap:5px;
  padding:16px 18px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
}

.contact-point strong{
  font-size:.92rem;
}

.contact-point span{
  color:var(--muted);
  font-size:.95rem;
}

.contact-panel-viremo--form{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
}

.contact-field{
  display:grid;
  gap:8px;
}

.contact-field--full{
  grid-column:1 / -1;
}

.contact-field span{
  color:#dbeafe;
  font-size:.82rem;
  font-weight:700;
}

.contact-field input,
.contact-field textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:rgba(255,255,255,.04);
  color:#f8fbff;
  padding:14px 16px;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.contact-field input:focus,
.contact-field textarea:focus{
  border-color:rgba(124,231,255,.35);
  box-shadow:0 0 0 4px rgba(124,231,255,.08);
  background:rgba(255,255,255,.055);
}

.contact-field textarea{
  resize:vertical;
  min-height:140px;
}

.contact-actions{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}

.contact-status{
  color:var(--muted);
  font-size:.92rem;
  min-height:22px;
}

.contact-hp{
  position:absolute;
  opacity:0;
  pointer-events:none;
  width:1px;
  height:1px;
}

.page-banner--vip .page-banner__copy{
  background:
    radial-gradient(45% 60% at 10% 0%, rgba(255,211,107,.16), transparent 70%),
    linear-gradient(160deg, rgba(31,22,12,.96), rgba(11,15,23,.98));
}

.page-banner--vip .page-banner__panel{
  background:
    radial-gradient(48% 68% at 100% 0%, rgba(124,231,255,.14), transparent 72%),
    linear-gradient(170deg, rgba(30,22,13,.96), rgba(10,16,26,.98));
}

.page-banner--vip .page-banner__title{
  max-width:11ch;
}

@media (max-width: 1199px){
  .page-banner{
    grid-template-columns:1fr;
  }
}

@media (max-width: 991.98px){
  .page-banner__copy,
  .page-banner__panel{
    padding:24px;
  }

  .signal-grid,
  .vip-matrix{
    grid-template-columns:1fr;
  }

  .contact-grid-viremo{
    grid-template-columns:1fr;
  }
}

@media (max-width: 767.98px){
  .page-banner{
    gap:18px;
  }

  .page-banner__title{
    font-size:clamp(1.65rem,7.1vw,2.55rem);
    max-width:none;
  }

  .page-banner__title--rotating{
    max-width:min(100%, 24ch);
  }

  .hero-slogan-viewport{
    min-height:4.3em;
  }

  .page-banner__lead{
    font-size:.96rem;
  }

  .page-banner__actions{
    flex-direction:column;
  }

  .page-banner__actions .nav-btn{
    width:100%;
  }

  .stories-stage__intro{
    margin-bottom:14px;
  }

  .stories-stage__intro h2{
    font-size:1.55rem;
  }

  .stories-stage .stories-surface{
    padding:16px 14px;
    border-radius:24px;
  }

  .contact-panel-viremo{
    padding:18px;
    border-radius:22px;
  }

  .contact-panel-viremo--form{
    grid-template-columns:1fr;
  }

  .contact-actions{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* 2026-04-24 navbar and theme refresh */
:root{
  --bg:#0d1725;
  --bg-soft:#162335;
  --panel:#1a2940;
  --panel-2:#233653;
  --card:#1c2d45;
  --card-2:#273d5b;
  --text:#f7fbff;
  --muted:rgba(227,238,250,.78);
  --muted-2:rgba(227,238,250,.56);
  --line:rgba(255,255,255,.12);
  --line-strong:rgba(255,255,255,.2);
  --shadow:0 30px 70px rgba(5,12,22,.22);
}

body{
  background:
    radial-gradient(1200px 620px at 0% 0%, rgba(124,231,255,.20), transparent 58%),
    radial-gradient(980px 560px at 100% 0%, rgba(255,211,107,.14), transparent 62%),
    radial-gradient(1000px 700px at 50% 100%, rgba(138,255,200,.10), transparent 64%),
    linear-gradient(180deg, #172536 0%, #0f1b2a 56%, #0b1421 100%);
}

.site-nav{
  background:transparent;
  border-bottom:none;
  backdrop-filter:none;
  padding:14px 0 0;
}

.site-nav::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:120px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0));
  pointer-events:none;
}

.nav-shell{
  position:relative;
  padding:14px 18px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04)),
    rgba(16,28,43,.78);
  box-shadow:0 24px 50px rgba(6,13,22,.18);
  backdrop-filter:blur(22px);
}

.nav-links{
  gap:10px;
}

.nav-link-pill,
.nav-dropdown > summary{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.06);
  color:rgba(247,251,255,.84);
  font-weight:700;
  transition:transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease;
  overflow:hidden;
}

.nav-link-pill::before,
.nav-dropdown > summary::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, rgba(124,231,255,.18), rgba(255,255,255,0) 50%, rgba(255,211,107,.16));
  opacity:0;
  transition:opacity .22s ease;
}

.nav-link-pill:hover,
.nav-link-pill:focus-visible,
.nav-dropdown > summary:hover,
.nav-dropdown > summary:focus-visible,
.nav-dropdown[open] > summary{
  color:#fff;
  border-color:rgba(124,231,255,.26);
  background:rgba(255,255,255,.10);
  box-shadow:0 14px 30px rgba(57,208,255,.14);
  transform:translateY(-2px);
}

.nav-link-pill.is-active,
.nav-dropdown.is-active > summary{
  color:#fff;
  border-color:rgba(124,231,255,.34);
  background:linear-gradient(135deg, rgba(124,231,255,.18), rgba(255,255,255,.08));
  box-shadow:0 16px 34px rgba(57,208,255,.18);
  transform:translateY(-2px);
}

.nav-link-pill:hover::before,
.nav-link-pill:focus-visible::before,
.nav-dropdown > summary:hover::before,
.nav-dropdown > summary:focus-visible::before,
.nav-dropdown[open] > summary::before{
  opacity:1;
}

.nav-link-pill.is-active::before,
.nav-dropdown.is-active > summary::before{
  opacity:1;
}

.nav-dropdown{
  position:relative;
}

.nav-dropdown > summary{
  list-style:none;
  cursor:pointer;
  user-select:none;
}

.nav-dropdown--main > summary{
  min-width:112px;
}

.nav-dropdown > summary::-webkit-details-marker{
  display:none;
}

.nav-dropdown > summary i{
  transition:transform .22s ease;
}

.nav-dropdown[open] > summary i{
  transform:rotate(180deg);
}

.nav-dropdown__menu{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  min-width:240px;
  padding:10px;
  display:grid;
  gap:6px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06)),
    rgba(18,29,44,.94);
  box-shadow:0 30px 70px rgba(6,12,20,.26);
  backdrop-filter:blur(18px);
  transform-origin:top right;
  animation:navDropdownIn .24s ease;
  z-index:30;
}

.nav-dropdown--main .nav-dropdown__menu{
  min-width:270px;
}

.nav-dropdown__menu a{
  display:flex;
  align-items:center;
  min-height:42px;
  padding:0 14px;
  border-radius:14px;
  color:rgba(247,251,255,.82);
  transition:background .18s ease, transform .18s ease, color .18s ease;
}

.nav-dropdown__menu a:hover,
.nav-dropdown__menu a:focus-visible{
  background:rgba(255,255,255,.10);
  color:#fff;
  transform:translateX(4px);
}

.nav-dropdown__menu a.is-active{
  background:rgba(124,231,255,.14);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(124,231,255,.18);
}

.nav-package-rail{
  display:inline-grid;
  grid-template-columns:repeat(4, minmax(64px, 1fr));
  align-items:stretch;
  gap:8px;
  padding:5px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:rgba(255,255,255,.05);
  box-shadow:0 18px 34px rgba(6,14,25,.14);
}

.nav-package-rail .nav-btn{
  min-width:0;
  min-height:46px;
  padding:0 12px;
  border-color:transparent;
  background:transparent;
  box-shadow:none;
  justify-content:center;
  font-family:var(--display);
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
}

.nav-package-rail .nav-btn:hover,
.nav-package-rail .nav-btn:focus-visible{
  background:rgba(255,255,255,.08);
}

@keyframes navDropdownIn{
  from{
    opacity:0;
    transform:translateY(-6px) scale(.96);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

.nav-actions .nav-btn,
.nav-package-rail .nav-btn{
  min-height:46px;
}

.nav-actions .nav-btn{
  background:rgba(255,255,255,.08);
}

.nav-actions .nav-btn.primary{
  background:linear-gradient(135deg, #7ce7ff, #9effcd 60%, #ffe08c);
}

.nav-actions .nav-btn.is-active,
.nav-package-rail .nav-btn.is-active{
  border-color:rgba(124,231,255,.30);
  background:rgba(255,255,255,.14);
  color:#fff;
  box-shadow:0 16px 32px rgba(57,208,255,.14);
  transform:translateY(-2px);
}

.nav-actions .nav-btn.primary.is-active{
  color:#07111f;
  border-color:transparent;
  background:linear-gradient(135deg, #9ef4ff, #a7ffd4 58%, #ffe6a1);
  box-shadow:0 20px 36px rgba(124,231,255,.24);
}

.page-banner__copy,
.page-banner__panel,
.stories-stage .stories-surface,
.stat-card,
.card,
.contact-panel-viremo,
.policy-list a{
  border-color:rgba(255,255,255,.14);
  box-shadow:0 26px 60px rgba(8,16,28,.16);
}

.page-banner__copy{
  background:
    radial-gradient(48% 64% at 10% 0%, rgba(124,231,255,.24), transparent 72%),
    linear-gradient(160deg, rgba(33,51,74,.88), rgba(18,29,44,.92));
}

.page-banner__panel{
  background:
    radial-gradient(52% 68% at 100% 0%, rgba(255,211,107,.18), transparent 72%),
    linear-gradient(170deg, rgba(31,48,71,.88), rgba(19,30,44,.92));
}

.stories-stage .stories-surface{
  background:linear-gradient(180deg, rgba(22,36,55,.82), rgba(18,29,44,.74));
}

.stat-card{
  background:
    radial-gradient(42% 56% at 100% 0%, rgba(124,231,255,.10), transparent 72%),
    linear-gradient(180deg, rgba(32,50,74,.82), rgba(22,34,52,.88));
}

.card{
  background:
    radial-gradient(42% 56% at 0% 0%, rgba(255,211,107,.08), transparent 70%),
    linear-gradient(180deg, rgba(29,45,67,.88), rgba(18,29,44,.94));
}

.search,
.pill{
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.12);
}

.policy-list a{
  background:linear-gradient(180deg, rgba(37,56,81,.72), rgba(24,37,55,.82));
}

body:not(.viremo-page--vip-premium){
  background:
    radial-gradient(1200px 620px at 0% 0%, rgba(111,214,150,.18), transparent 58%),
    radial-gradient(980px 560px at 100% 0%, rgba(196,230,138,.10), transparent 62%),
    radial-gradient(1000px 700px at 50% 100%, rgba(68,163,106,.14), transparent 64%),
    linear-gradient(180deg, #13251c 0%, #0f1d16 56%, #0b1611 100%);
}

body:not(.viremo-page--vip-premium) .site-nav::before{
  background:linear-gradient(180deg, rgba(174,255,204,.08), rgba(255,255,255,0));
}

body:not(.viremo-page--vip-premium) .brand-mark{
  background:
    radial-gradient(circle at 30% 28%, rgba(255,255,255,.24), transparent 28%),
    linear-gradient(145deg, rgba(108,205,148,.96), rgba(73,167,109,.94) 54%, rgba(184,221,121,.92));
  box-shadow:
    0 14px 30px rgba(73,167,109,.24),
    inset 0 1px 0 rgba(255,255,255,.28);
}

body:not(.viremo-page--vip-premium) .nav-link-pill::before,
body:not(.viremo-page--vip-premium) .nav-dropdown > summary::before{
  background:linear-gradient(120deg, rgba(108,205,148,.18), rgba(255,255,255,0) 50%, rgba(184,221,121,.18));
}

body:not(.viremo-page--vip-premium) .nav-link-pill:hover,
body:not(.viremo-page--vip-premium) .nav-link-pill:focus-visible,
body:not(.viremo-page--vip-premium) .nav-dropdown > summary:hover,
body:not(.viremo-page--vip-premium) .nav-dropdown > summary:focus-visible,
body:not(.viremo-page--vip-premium) .nav-dropdown[open] > summary{
  border-color:rgba(108,205,148,.28);
  box-shadow:0 14px 30px rgba(73,167,109,.18);
}

body:not(.viremo-page--vip-premium) .nav-link-pill.is-active,
body:not(.viremo-page--vip-premium) .nav-dropdown.is-active > summary{
  border-color:rgba(108,205,148,.34);
  background:linear-gradient(135deg, rgba(108,205,148,.18), rgba(255,255,255,.08));
  box-shadow:0 16px 34px rgba(73,167,109,.22);
}

body:not(.viremo-page--vip-premium) .nav-dropdown__menu a.is-active{
  background:rgba(108,205,148,.14);
  box-shadow:inset 0 0 0 1px rgba(108,205,148,.18);
}

body:not(.viremo-page--vip-premium) .nav-actions .nav-btn.primary{
  background:linear-gradient(135deg, #72d89b, #55b87e 60%, #c2dc80);
  box-shadow:0 18px 34px rgba(73,167,109,.24);
}

body:not(.viremo-page--vip-premium) .nav-package-rail{
  border-color:rgba(108,205,148,.18);
  background:rgba(108,205,148,.08);
}

body:not(.viremo-page--vip-premium) .nav-actions .nav-btn.is-active,
body:not(.viremo-page--vip-premium) .nav-package-rail .nav-btn.is-active{
  border-color:rgba(108,205,148,.30);
  box-shadow:0 16px 32px rgba(73,167,109,.18);
}

body:not(.viremo-page--vip-premium) .nav-actions .nav-btn.primary.is-active{
  background:linear-gradient(135deg, #89e4af, #68c88f 58%, #d2e89a);
  box-shadow:0 20px 36px rgba(73,167,109,.28);
}

body:not(.viremo-page--vip-premium) .hero-shell--spotlight::before{
  background:
    radial-gradient(55% 70% at 10% 0%, rgba(108,205,148,.16), transparent 68%),
    radial-gradient(55% 70% at 100% 10%, rgba(184,221,121,.10), transparent 72%),
    linear-gradient(180deg, rgba(17,40,29,.58) 0%, rgba(4,11,19,0) 100%);
}

body:not(.viremo-page--vip-premium) .page-banner__copy{
  background:
    radial-gradient(48% 64% at 10% 0%, rgba(108,205,148,.22), transparent 72%),
    linear-gradient(160deg, rgba(28,52,38,.90), rgba(15,29,21,.94));
}

body:not(.viremo-page--vip-premium) .stories-stage .stories-surface{
  background:
    radial-gradient(42% 56% at 0% 0%, rgba(108,205,148,.12), transparent 70%),
    linear-gradient(180deg, rgba(17,34,25,.90), rgba(13,24,18,.78));
}

body:not(.viremo-page--vip-premium) .stories-card__ring{
  background:conic-gradient(from 220deg, #74d89a, #4fb375, #c0dc80, #74d89a);
}

body:not(.viremo-page--vip-premium) .stories-surface__control:hover,
body:not(.viremo-page--vip-premium) .stories-surface__control:focus-visible{
  border-color:rgba(108,205,148,.26);
  background:rgba(108,205,148,.12);
}

body:not(.viremo-page--vip-premium) .stat-card{
  background:
    radial-gradient(42% 56% at 100% 0%, rgba(108,205,148,.10), transparent 72%),
    linear-gradient(180deg, rgba(30,57,42,.84), rgba(18,34,25,.90));
}

body:not(.viremo-page--vip-premium) .card{
  background:
    radial-gradient(42% 56% at 0% 0%, rgba(184,221,121,.08), transparent 70%),
    linear-gradient(180deg, rgba(28,50,37,.90), rgba(15,27,20,.95));
}

body:not(.viremo-page--vip-premium) .search,
body:not(.viremo-page--vip-premium) .pill{
  background:rgba(255,255,255,.08);
  border-color:rgba(163,226,186,.14);
}

body:not(.viremo-page--vip-premium) .contact-panel-viremo{
  background:
    radial-gradient(50% 68% at 10% 0%, rgba(108,205,148,.10), transparent 72%),
    linear-gradient(180deg, rgba(22,40,29,.94), rgba(12,23,17,.96));
}

body:not(.viremo-page--vip-premium) .contact-panel-viremo__eyebrow{
  border-color:rgba(108,205,148,.18);
  background:rgba(108,205,148,.08);
  color:#dff8ea;
}

body:not(.viremo-page--vip-premium) .contact-field input:focus,
body:not(.viremo-page--vip-premium) .contact-field textarea:focus{
  border-color:rgba(108,205,148,.35);
  box-shadow:0 0 0 4px rgba(108,205,148,.08);
}

body:not(.viremo-page--vip-premium) .policy-list a,
body:not(.viremo-page--vip-premium) .legal-card{
  background:
    radial-gradient(42% 56% at 100% 0%, rgba(108,205,148,.08), transparent 72%),
    linear-gradient(180deg, rgba(29,48,36,.82), rgba(17,30,22,.90));
}

body:not(.viremo-page--vip-premium) .mcard{
  background:
    radial-gradient(130% 110% at 0% 0%, rgba(108,205,148,.14), transparent 44%),
    linear-gradient(180deg, rgba(20,40,29,.98), rgba(11,25,18,.98));
}

body:not(.viremo-page--vip-premium) .cards .mcard:nth-child(even){
  background:
    radial-gradient(130% 110% at 100% 0%, rgba(184,221,121,.12), transparent 44%),
    linear-gradient(180deg, rgba(26,48,35,.98), rgba(13,28,20,.98));
}

body:not(.viremo-page--vip-premium) .mleague-chip{
  border-color:rgba(108,205,148,.22);
  background:rgba(108,205,148,.12);
  color:#e9fff2;
}

body:not(.viremo-page--vip-premium) .mcard.open .mcard-arrow{
  background:rgba(108,205,148,.14);
}

@media (max-width: 1700px){
  .site-nav{
    padding-top:10px;
  }

  .nav-shell{
    padding:14px;
    gap:12px;
    flex-wrap:wrap;
    align-items:center;
  }

  .nav-toggle{
    display:inline-flex;
    flex-direction:column;
    margin-left:auto;
  }

  .mobile-nav-hello:not(.d-none){
    display:inline-flex;
  }

  .nav-links,
  .nav-actions{
    display:none;
    width:100%;
  }

  .nav-package-rail{
    order:4;
    width:100%;
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  .nav-package-rail .nav-btn{
    width:100%;
    min-height:44px;
    padding:0 8px;
    font-size:.68rem;
    letter-spacing:.04em;
  }

  .nav-shell.is-open .nav-links,
  .nav-shell.is-open .nav-actions{
    display:flex;
  }

  .nav-links{
    order:5;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    padding-top:8px;
  }

  .nav-link-pill,
  .nav-dropdown > summary{
    width:100%;
    justify-content:space-between;
  }

  .nav-dropdown{
    width:100%;
  }

  .nav-dropdown__menu{
    position:static;
    left:auto;
    right:auto;
    min-width:0;
    width:100%;
    margin-top:10px;
    box-shadow:none;
  }

  .nav-actions{
    order:6;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    padding-top:4px;
  }

  .member-slot{
    display:flex !important;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    width:100%;
  }

  .member-pill,
  .nav-actions .nav-btn{
    width:100%;
    justify-content:center;
  }

  .mobile-member-dock{
    display:none !important;
  }
}

/* 2026-04-24 vip premium theme */
body.viremo-page--vip-premium{
  background:
    radial-gradient(1100px 620px at 0% 0%, rgba(255,214,120,.18), transparent 58%),
    radial-gradient(980px 560px at 100% 0%, rgba(176,118,64,.18), transparent 60%),
    radial-gradient(980px 760px at 50% 100%, rgba(255,234,184,.08), transparent 64%),
    linear-gradient(180deg, #26170f 0%, #1c120d 42%, #120b08 100%);
}

body.viremo-page--vip-premium .site-nav::before{
  background:linear-gradient(180deg, rgba(255,218,132,.10), rgba(255,255,255,0));
}

body.viremo-page--vip-premium .nav-shell{
  border-color:rgba(255,223,164,.16);
  background:
    linear-gradient(180deg, rgba(255,223,164,.14), rgba(255,255,255,.04)),
    rgba(40,24,15,.82);
  box-shadow:0 24px 50px rgba(16,8,3,.26);
}

body.viremo-page--vip-premium .nav-link-pill,
body.viremo-page--vip-premium .nav-dropdown > summary{
  border-color:rgba(255,223,164,.12);
  background:rgba(255,245,222,.05);
  color:rgba(255,244,227,.84);
}

body.viremo-page--vip-premium .nav-link-pill::before,
body.viremo-page--vip-premium .nav-dropdown > summary::before{
  background:linear-gradient(120deg, rgba(255,214,120,.20), rgba(255,255,255,0) 48%, rgba(181,121,70,.16));
}

body.viremo-page--vip-premium .nav-link-pill:hover,
body.viremo-page--vip-premium .nav-link-pill:focus-visible,
body.viremo-page--vip-premium .nav-dropdown > summary:hover,
body.viremo-page--vip-premium .nav-dropdown > summary:focus-visible,
body.viremo-page--vip-premium .nav-dropdown[open] > summary{
  border-color:rgba(255,214,120,.28);
  background:rgba(255,248,232,.10);
  box-shadow:0 14px 30px rgba(130,77,32,.22);
}

body.viremo-page--vip-premium .nav-link-pill.is-active,
body.viremo-page--vip-premium .nav-dropdown.is-active > summary{
  border-color:rgba(255,214,120,.34);
  background:linear-gradient(135deg, rgba(255,223,164,.18), rgba(120,74,32,.16));
  color:#fffaf0;
  box-shadow:0 18px 34px rgba(130,77,32,.28);
}

body.viremo-page--vip-premium .nav-link-pill.is-active::before,
body.viremo-page--vip-premium .nav-dropdown.is-active > summary::before{
  opacity:1;
}

body.viremo-page--vip-premium .nav-dropdown__menu{
  border-color:rgba(255,223,164,.16);
  background:
    linear-gradient(180deg, rgba(255,223,164,.16), rgba(255,255,255,.05)),
    rgba(43,27,16,.94);
  box-shadow:0 30px 70px rgba(18,9,4,.34);
}

body.viremo-page--vip-premium .nav-dropdown__menu a{
  color:rgba(255,245,227,.86);
}

body.viremo-page--vip-premium .nav-dropdown__menu a:hover,
body.viremo-page--vip-premium .nav-dropdown__menu a:focus-visible{
  background:rgba(255,241,215,.10);
  color:#fffaf0;
}

body.viremo-page--vip-premium .nav-dropdown__menu a.is-active{
  background:rgba(255,223,164,.18);
  color:#fffaf0;
  box-shadow:inset 0 0 0 1px rgba(255,214,120,.22);
}

body.viremo-page--vip-premium .brand-mark--vip{
  border-color:rgba(255,220,145,.18);
  box-shadow:0 20px 40px rgba(43,22,10,.28);
}

body.viremo-page--vip-premium .member-pill,
body.viremo-page--vip-premium .nav-btn.subtle,
body.viremo-page--vip-premium .nav-actions .nav-btn{
  background:rgba(255,245,225,.06);
  color:rgba(255,245,225,.86);
}

body.viremo-page--vip-premium .nav-package-rail{
  border-color:rgba(255,223,164,.18);
  background:rgba(255,245,225,.07);
}

body.viremo-page--vip-premium .nav-actions .nav-btn.primary{
  color:#24140d;
  background:linear-gradient(135deg, #ffd77a, #f4b36b 58%, #ffeab8);
  box-shadow:0 18px 34px rgba(166,103,39,.28);
}

body.viremo-page--vip-premium .nav-actions .nav-btn.is-active,
body.viremo-page--vip-premium .nav-package-rail .nav-btn.is-active{
  border-color:rgba(255,214,120,.30);
  background:rgba(255,245,225,.12);
  color:#fffaf0;
  box-shadow:0 18px 34px rgba(130,77,32,.20);
}

body.viremo-page--vip-premium .nav-actions .nav-btn.primary.is-active{
  color:#24140d;
  border-color:transparent;
  background:linear-gradient(135deg, #ffe3a2, #f6c97d 58%, #fff1cf);
  box-shadow:0 22px 38px rgba(166,103,39,.34);
}

body.viremo-page--vip-premium .page-banner__copy--vip-premium{
  background:
    linear-gradient(180deg, rgba(18,9,5,.18), rgba(18,9,5,.34)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 760'%3E%3Cdefs%3E%3ClinearGradient id='sky' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23492a18'/%3E%3Cstop offset='100%25' stop-color='%23170d08'/%3E%3C/linearGradient%3E%3CradialGradient id='glowA' cx='0.18' cy='0.14' r='0.5'%3E%3Cstop offset='0%25' stop-color='%23ffd67a' stop-opacity='.36'/%3E%3Cstop offset='100%25' stop-color='%23ffd67a' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='glowB' cx='0.84' cy='0.20' r='0.44'%3E%3Cstop offset='0%25' stop-color='%23c18b52' stop-opacity='.32'/%3E%3Cstop offset='100%25' stop-color='%23c18b52' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='1600' height='760' fill='url(%23sky)'/%3E%3Crect width='1600' height='760' fill='url(%23glowA)'/%3E%3Crect width='1600' height='760' fill='url(%23glowB)'/%3E%3Cpath d='M0 560 C214 486 410 470 588 484 C752 498 882 540 1034 568 C1196 596 1360 592 1600 524 L1600 760 L0 760 Z' fill='%23130a07'/%3E%3Cpath d='M0 584 C214 530 406 520 584 538 C740 554 884 600 1042 618 C1210 638 1382 628 1600 572' fill='none' stroke='rgba(255,244,220,.14)' stroke-width='3'/%3E%3Crect x='262' y='322' width='1076' height='280' rx='28' fill='rgba(255,250,240,.05)' stroke='rgba(255,236,192,.16)'/%3E%3Crect x='352' y='378' width='896' height='168' rx='18' fill='none' stroke='rgba(255,239,204,.20)' stroke-width='3'/%3E%3Cline x1='800' y1='378' x2='800' y2='546' stroke='rgba(255,239,204,.18)' stroke-width='3'/%3E%3Ccircle cx='800' cy='462' r='74' fill='none' stroke='rgba(255,239,204,.18)' stroke-width='3'/%3E%3Ccircle cx='800' cy='462' r='7' fill='rgba(255,239,204,.24)'/%3E%3Cpath d='M800 214 C840 204 874 212 894 234 C918 260 914 302 884 326 C860 344 824 346 800 332 C776 346 740 344 716 326 C686 302 682 260 706 234 C726 212 760 204 800 214 Z' fill='rgba(255,238,202,.14)' stroke='rgba(255,238,202,.24)' stroke-width='2'/%3E%3Cpath d='M800 236 L778 250 L786 276 L814 276 L822 250 Z' fill='rgba(255,245,225,.88)'/%3E%3Cpath d='M778 250 L752 244 L742 270 L760 292 L786 276 Z' fill='rgba(255,233,196,.72)'/%3E%3Cpath d='M822 250 L848 244 L858 270 L840 292 L814 276 Z' fill='rgba(255,233,196,.72)'/%3E%3Cpath d='M760 292 L768 320 L800 332 L832 320 L840 292 L814 276 L786 276 Z' fill='rgba(255,218,132,.56)'/%3E%3C/svg%3E");
  background-size:cover;
  background-position:center;
}

body.viremo-page--vip-premium .page-banner__copy--vip-premium::before{
  background:radial-gradient(circle, rgba(255,214,120,.24), transparent 68%);
}

body.viremo-page--vip-premium .page-banner__copy--vip-premium::after{
  background:
    linear-gradient(180deg, rgba(18,9,6,.18), rgba(18,9,6,.50)),
    radial-gradient(50% 58% at 50% 34%, rgba(255,214,120,.08), transparent 70%);
}

body.viremo-page--vip-premium .page-banner__title--center > span:last-child{
  color:#fff1d7;
}

body.viremo-page--vip-premium .stories-stage .stories-surface{
  border-color:rgba(255,223,164,.16);
  background:
    radial-gradient(42% 56% at 0% 0%, rgba(255,214,120,.12), transparent 70%),
    radial-gradient(38% 52% at 100% 0%, rgba(181,121,70,.14), transparent 72%),
    linear-gradient(180deg, rgba(63,38,24,.88), rgba(28,17,12,.94));
  box-shadow:0 24px 52px rgba(24,14,9,.34);
}

body.viremo-page--vip-premium .stories-stage .stories-card__ring{
  box-shadow:0 16px 34px rgba(23,13,9,.30);
}

body.viremo-page--vip-premium .stories-stage .stories-surface__control{
  border-color:rgba(255,223,164,.16);
  background:rgba(255,248,232,.06);
  color:#fff3dd;
}

body.viremo-page--vip-premium .stories-stage .stories-surface__control:hover,
body.viremo-page--vip-premium .stories-stage .stories-surface__control:focus-visible{
  border-color:rgba(255,214,120,.28);
  background:rgba(255,214,120,.14);
}

body.viremo-page--vip-premium .stat-card{
  background:
    radial-gradient(42% 56% at 100% 0%, rgba(255,214,120,.12), transparent 72%),
    linear-gradient(180deg, rgba(68,42,24,.82), rgba(34,21,15,.90));
}

body.viremo-page--vip-premium .card{
  background:
    radial-gradient(42% 56% at 0% 0%, rgba(255,214,120,.10), transparent 70%),
    linear-gradient(180deg, rgba(61,38,24,.86), rgba(29,18,13,.94));
}

body.viremo-page--vip-premium .pill,
body.viremo-page--vip-premium .search{
  background:rgba(255,245,228,.08);
  border-color:rgba(255,223,164,.16);
}

body.viremo-page--vip-premium .vip-system-switch{
  background:rgba(255,245,228,.08);
  border-color:rgba(255,223,164,.16);
}

body.viremo-page--vip-premium .vip-system-btn{
  color:rgba(255,236,206,.74);
}

body.viremo-page--vip-premium .vip-system-btn:hover,
body.viremo-page--vip-premium .vip-system-btn:focus-visible{
  background:rgba(255,214,120,.10);
  color:#fff8ef;
}

body.viremo-page--vip-premium .vip-system-btn.is-active{
  background:linear-gradient(180deg, rgba(255,214,120,.22), rgba(255,180,92,.12));
  color:#fff8ef;
  box-shadow:0 14px 24px rgba(120,74,24,.20), inset 0 1px 0 rgba(255,255,255,.18);
}

body.viremo-page--vip-premium .contact-panel-viremo--vip{
  background:
    radial-gradient(50% 68% at 10% 0%, rgba(255,214,120,.12), transparent 72%),
    linear-gradient(180deg, rgba(67,41,24,.92), rgba(31,19,13,.96));
}

body.viremo-page--vip-premium .contact-panel-viremo--vip .contact-panel-viremo__eyebrow{
  border-color:rgba(255,214,120,.18);
  background:rgba(255,214,120,.10);
  color:#fff0c9;
}

body.viremo-page--vip-premium .contact-point{
  background:rgba(255,248,233,.04);
  border-color:rgba(255,223,164,.12);
}

body.viremo-page--vip-premium .contact-field input,
body.viremo-page--vip-premium .contact-field textarea{
  background:rgba(255,249,238,.05);
  border-color:rgba(255,223,164,.12);
}

body.viremo-page--vip-premium .contact-field input:focus,
body.viremo-page--vip-premium .contact-field textarea:focus{
  border-color:rgba(255,214,120,.34);
  box-shadow:0 0 0 4px rgba(255,214,120,.08);
  background:rgba(255,249,238,.08);
}

body.viremo-page--vip-premium .footer-shell{
  border-top-color:rgba(255,223,164,.12);
}

body.viremo-page--vip-premium thead th{
  background:rgba(41,24,15,.95);
  color:rgba(255,241,220,.78);
  border-bottom-color:rgba(255,223,164,.14);
}

body.viremo-page--vip-premium tbody tr{
  background:rgba(52,31,20,.58);
}

body.viremo-page--vip-premium tbody tr:nth-child(even){
  background:rgba(66,40,24,.64);
}

body.viremo-page--vip-premium tbody td{
  border-top-color:rgba(255,223,164,.08);
}

body.viremo-page--vip-premium .mcard{
  border-color:rgba(255,223,164,.16);
  background:
    radial-gradient(130% 110% at 0% 0%, rgba(255,214,120,.16), transparent 44%),
    linear-gradient(180deg, rgba(66,40,24,.98), rgba(29,18,13,.98));
  box-shadow:0 22px 48px rgba(27,16,10,.32);
}

body.viremo-page--vip-premium .cards .mcard:nth-child(even){
  background:
    radial-gradient(130% 110% at 100% 0%, rgba(194,132,76,.14), transparent 44%),
    linear-gradient(180deg, rgba(78,47,28,.98), rgba(34,20,14,.98));
}

body.viremo-page--vip-premium .mcard::after{
  background:linear-gradient(180deg, rgba(255,245,225,.04), rgba(255,245,225,0));
}

body.viremo-page--vip-premium .mleague-chip{
  border-color:rgba(255,214,120,.22);
  background:rgba(255,214,120,.12);
  color:#fff1ca;
}

body.viremo-page--vip-premium .mkick-chip{
  border-color:rgba(255,223,164,.14);
  background:rgba(255,248,232,.07);
  color:rgba(255,239,210,.78);
}

body.viremo-page--vip-premium .mcard-arrow{
  border-color:rgba(255,223,164,.14);
  background:rgba(255,248,232,.06);
  color:#ffe5b5;
}

body.viremo-page--vip-premium .mcard.open .mcard-arrow{
  background:rgba(255,214,120,.14);
}

body.viremo-page--vip-premium .mcard-details{
  border-top-color:rgba(255,223,164,.12);
}

body.viremo-page--vip-premium .mstat-chip{
  border-color:rgba(255,223,164,.12);
  background:rgba(255,248,232,.05);
}

body.viremo-page--vip-premium .mstat-chip__label{
  color:rgba(255,236,206,.74);
}

body.viremo-page--vip-premium .mstat-box{
  border-color:rgba(255,223,164,.12);
  background:rgba(255,248,232,.05);
}

body.viremo-page--vip-premium .mstat-label{
  color:rgba(255,236,206,.74);
}

body.viremo-page--vip-premium .mtitle{
  color:#fff8ef;
}

body.viremo-page--vip-premium .mmeta{
  color:rgba(255,235,208,.66);
}

body.viremo-page--pro-diamond{
  background:
    radial-gradient(1100px 620px at 0% 0%, rgba(167,243,255,.18), transparent 58%),
    radial-gradient(980px 560px at 100% 0%, rgba(110,180,255,.18), transparent 60%),
    radial-gradient(980px 760px at 50% 100%, rgba(217,244,255,.08), transparent 64%),
    linear-gradient(180deg, #0e1830 0%, #0a1122 42%, #070c18 100%);
}

body.viremo-page--pro-diamond .site-nav::before{
  background:linear-gradient(180deg, rgba(151,236,255,.14), rgba(255,255,255,0));
}

body.viremo-page--pro-diamond .nav-shell{
  border-color:rgba(173,238,255,.18);
  background:
    linear-gradient(180deg, rgba(167,243,255,.12), rgba(255,255,255,.04)),
    rgba(9,18,36,.84);
  box-shadow:0 24px 54px rgba(4,10,22,.34);
}

body.viremo-page--pro-diamond .nav-package-rail{
  border-color:rgba(173,238,255,.20);
  background:rgba(238,251,255,.08);
}

body.viremo-page--pro-diamond .nav-link-pill,
body.viremo-page--pro-diamond .nav-dropdown > summary{
  border-color:rgba(173,238,255,.12);
  background:rgba(234,249,255,.05);
  color:rgba(232,247,255,.86);
}

body.viremo-page--pro-diamond .nav-link-pill::before,
body.viremo-page--pro-diamond .nav-dropdown > summary::before{
  background:linear-gradient(120deg, rgba(151,236,255,.24), rgba(255,255,255,0) 48%, rgba(109,139,255,.18));
}

body.viremo-page--pro-diamond .nav-link-pill:hover,
body.viremo-page--pro-diamond .nav-link-pill:focus-visible,
body.viremo-page--pro-diamond .nav-dropdown > summary:hover,
body.viremo-page--pro-diamond .nav-dropdown > summary:focus-visible,
body.viremo-page--pro-diamond .nav-dropdown[open] > summary{
  border-color:rgba(151,236,255,.30);
  background:rgba(232,247,255,.10);
  box-shadow:0 16px 30px rgba(28,74,148,.22);
}

body.viremo-page--pro-diamond .nav-link-pill.is-active,
body.viremo-page--pro-diamond .nav-dropdown.is-active > summary{
  border-color:rgba(151,236,255,.36);
  background:linear-gradient(135deg, rgba(167,243,255,.18), rgba(90,132,255,.14));
  color:#f1fbff;
  box-shadow:0 18px 34px rgba(22,64,136,.28);
}

body.viremo-page--pro-diamond .nav-dropdown__menu{
  border-color:rgba(173,238,255,.16);
  background:
    linear-gradient(180deg, rgba(167,243,255,.16), rgba(255,255,255,.05)),
    rgba(11,20,40,.96);
  box-shadow:0 30px 70px rgba(3,8,19,.36);
}

body.viremo-page--pro-diamond .nav-dropdown__menu a{
  color:rgba(234,248,255,.88);
}

body.viremo-page--pro-diamond .nav-dropdown__menu a:hover,
body.viremo-page--pro-diamond .nav-dropdown__menu a:focus-visible{
  background:rgba(167,243,255,.10);
  color:#f5fcff;
}

body.viremo-page--pro-diamond .nav-dropdown__menu a.is-active{
  background:rgba(167,243,255,.18);
  color:#f5fcff;
  box-shadow:inset 0 0 0 1px rgba(151,236,255,.20);
}

body.viremo-page--pro-diamond .member-pill,
body.viremo-page--pro-diamond .nav-btn.subtle,
body.viremo-page--pro-diamond .nav-actions .nav-btn{
  background:rgba(238,251,255,.06);
  color:rgba(239,250,255,.88);
}

body.viremo-page--pro-diamond .nav-actions .nav-btn.primary{
  color:#071524;
  background:linear-gradient(135deg, #b7f8ff, #7dc5ff 58%, #e8fdff);
  box-shadow:0 18px 34px rgba(46,128,194,.28);
}

body.viremo-page--pro-diamond .nav-actions .nav-btn.is-active,
body.viremo-page--pro-diamond .nav-package-rail .nav-btn.is-active{
  border-color:rgba(151,236,255,.30);
  background:rgba(238,251,255,.12);
  color:#f5fcff;
  box-shadow:0 18px 34px rgba(25,88,170,.18);
}

body.viremo-page--pro-diamond .nav-actions .nav-btn.primary.is-active{
  color:#06111d;
  border-color:transparent;
  background:linear-gradient(135deg, #dffcff, #93d9ff 58%, #f2feff);
  box-shadow:0 22px 38px rgba(46,128,194,.32);
}

body.viremo-page--pro-diamond .page-banner__copy--vip-premium{
  background:
    linear-gradient(180deg, rgba(7,14,28,.18), rgba(7,14,28,.38)),
    repeating-linear-gradient(135deg, rgba(214,248,255,.08) 0 2px, transparent 2px 72px),
    repeating-linear-gradient(45deg, rgba(214,248,255,.06) 0 2px, transparent 2px 72px),
    radial-gradient(42% 56% at 14% 12%, rgba(167,243,255,.22), transparent 68%),
    radial-gradient(38% 52% at 88% 18%, rgba(123,166,255,.18), transparent 70%),
    linear-gradient(180deg, #13264a 0%, #0b1730 54%, #091120 100%);
  background-size:cover;
  background-position:center;
}

body.viremo-page--pro-diamond .page-banner__copy--vip-premium::before{
  background:radial-gradient(circle, rgba(190,247,255,.22), transparent 70%);
}

body.viremo-page--pro-diamond .page-banner__copy--vip-premium::after{
  background:
    linear-gradient(180deg, rgba(6,12,24,.14), rgba(6,12,24,.44)),
    radial-gradient(50% 58% at 50% 34%, rgba(167,243,255,.08), transparent 72%);
}

body.viremo-page--pro-diamond .page-banner__title--center > span:last-child{
  color:#ecfbff;
}

body.viremo-page--pro-diamond .stories-stage .stories-surface{
  border-color:rgba(173,238,255,.16);
  background:
    radial-gradient(42% 56% at 0% 0%, rgba(167,243,255,.12), transparent 70%),
    radial-gradient(38% 52% at 100% 0%, rgba(123,166,255,.14), transparent 72%),
    linear-gradient(180deg, rgba(14,29,58,.90), rgba(8,17,33,.96));
  box-shadow:0 24px 52px rgba(4,10,22,.34);
}

body.viremo-page--pro-diamond .stories-stage .stories-card__ring{
  background:conic-gradient(from 220deg, #c9fbff, #7ddfff, #94a8ff, #c9fbff);
  box-shadow:0 16px 34px rgba(6,16,33,.30);
}

body.viremo-page--pro-diamond .stories-stage .stories-surface__control{
  border-color:rgba(173,238,255,.16);
  background:rgba(234,249,255,.06);
  color:#ecfbff;
}

body.viremo-page--pro-diamond .stories-stage .stories-surface__control:hover,
body.viremo-page--pro-diamond .stories-stage .stories-surface__control:focus-visible{
  border-color:rgba(151,236,255,.28);
  background:rgba(151,236,255,.14);
}

body.viremo-page--pro-diamond .stat-card{
  background:
    radial-gradient(42% 56% at 100% 0%, rgba(167,243,255,.12), transparent 72%),
    linear-gradient(180deg, rgba(22,40,76,.84), rgba(10,19,36,.92));
}

body.viremo-page--pro-diamond .card{
  background:
    radial-gradient(42% 56% at 0% 0%, rgba(167,243,255,.10), transparent 70%),
    linear-gradient(180deg, rgba(18,34,66,.88), rgba(9,17,31,.96));
}

body.viremo-page--pro-diamond .pill,
body.viremo-page--pro-diamond .search,
body.viremo-page--pro-diamond .vip-system-switch{
  background:rgba(234,249,255,.08);
  border-color:rgba(173,238,255,.16);
}

body.viremo-page--pro-diamond .contact-panel-viremo--vip{
  background:
    radial-gradient(50% 68% at 10% 0%, rgba(167,243,255,.12), transparent 72%),
    linear-gradient(180deg, rgba(19,38,74,.94), rgba(10,18,34,.98));
}

body.viremo-page--pro-diamond .contact-panel-viremo--vip .contact-panel-viremo__eyebrow,
body.viremo-page--pro-diamond .contact-point,
body.viremo-page--pro-diamond .contact-field input,
body.viremo-page--pro-diamond .contact-field textarea,
body.viremo-page--pro-diamond .mstat-box,
body.viremo-page--pro-diamond .mstat-chip{
  border-color:rgba(173,238,255,.12);
  background:rgba(234,249,255,.05);
}

body.viremo-page--pro-diamond .contact-field input:focus,
body.viremo-page--pro-diamond .contact-field textarea:focus{
  border-color:rgba(151,236,255,.34);
  box-shadow:0 0 0 4px rgba(151,236,255,.08);
  background:rgba(234,249,255,.08);
}

body.viremo-page--pro-diamond .footer-shell{
  border-top-color:rgba(173,238,255,.12);
}

body.viremo-page--pro-diamond thead th{
  background:rgba(12,23,45,.95);
  color:rgba(236,249,255,.80);
  border-bottom-color:rgba(173,238,255,.14);
}

body.viremo-page--pro-diamond tbody tr{
  background:rgba(16,31,58,.62);
}

body.viremo-page--pro-diamond tbody tr:nth-child(even){
  background:rgba(22,40,72,.68);
}

body.viremo-page--pro-diamond tbody td{
  border-top-color:rgba(173,238,255,.08);
}

body.viremo-page--pro-diamond .mcard{
  border-color:rgba(173,238,255,.16);
  background:
    radial-gradient(130% 110% at 0% 0%, rgba(167,243,255,.16), transparent 44%),
    linear-gradient(180deg, rgba(18,35,67,.98), rgba(9,18,34,.98));
  box-shadow:0 22px 48px rgba(5,11,22,.34);
}

body.viremo-page--pro-diamond .cards .mcard:nth-child(even){
  background:
    radial-gradient(130% 110% at 100% 0%, rgba(123,166,255,.16), transparent 44%),
    linear-gradient(180deg, rgba(23,42,78,.98), rgba(10,19,37,.98));
}

body.viremo-page--pro-diamond .mcard::after{
  background:linear-gradient(180deg, rgba(236,249,255,.04), rgba(236,249,255,0));
}

body.viremo-page--pro-diamond .mleague-chip{
  border-color:rgba(151,236,255,.22);
  background:rgba(151,236,255,.12);
  color:#effcff;
}

body.viremo-page--pro-diamond .vip-odd-tag{
  background:linear-gradient(135deg, rgba(167,243,255,.20), rgba(125,197,255,.14));
  border-color:rgba(173,238,255,.28);
  color:#f2fcff;
}

body.viremo-page--pro-diamond .mkick-chip,
body.viremo-page--pro-diamond .mcard-arrow{
  border-color:rgba(173,238,255,.14);
  background:rgba(234,249,255,.07);
  color:rgba(239,250,255,.82);
}

body.viremo-page--pro-diamond .mcard.open .mcard-arrow{
  background:rgba(151,236,255,.14);
}

body.viremo-page--pro-diamond .mcard-details{
  border-top-color:rgba(173,238,255,.12);
}

body.viremo-page--pro-diamond .mstat-label,
body.viremo-page--pro-diamond .mstat-chip__label,
body.viremo-page--pro-diamond .mmeta{
  color:rgba(223,245,255,.74);
}

body.viremo-page--pro-diamond .mtitle{
  color:#f2fcff;
}

body.viremo-page--pro-diamond .vip-panel-grid{
  grid-template-columns:repeat(6, minmax(0, 1fr));
}

body.viremo-page--pro-diamond .vip-panel-grid.is-pre{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

body.viremo-page--pro-diamond .vip-panel-grid.is-live{
  grid-template-columns:repeat(6, minmax(0, 1fr));
}

body.viremo-page--pro-diamond .platin-panel-grid{
  grid-template-columns:repeat(6, minmax(0, 1fr));
}

body.viremo-page--pro-diamond .platin-panel-grid.is-pre{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  justify-content:center;
}

body.viremo-page--pro-diamond .platin-panel-grid.is-live{
  grid-template-columns:repeat(6, minmax(0, 1fr));
}

body.viremo-page--pro-diamond .vip-mstat-box{
  min-width:0;
}

body.viremo-page--pro-diamond .vip-mstat-box .tag{
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}

@media (max-width: 720px){
  body.viremo-page--pro-diamond .mcard-details{
    padding:0 8px 10px;
  }

  body.viremo-page--pro-diamond .mstats-grid{
    gap:6px;
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  body.viremo-page--pro-diamond .vip-panel-grid.is-pre{
    gap:6px;
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  body.viremo-page--pro-diamond .platin-panel-grid.is-pre{
    gap:6px;
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  body.viremo-page--pro-diamond .vip-panel-grid.is-live{
    gap:4px;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    align-items:stretch;
  }

  body.viremo-page--pro-diamond .platin-panel-grid.is-live{
    gap:4px;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    align-items:stretch;
  }

  body.viremo-page--pro-diamond .vip-mstat-box{
    min-height:68px;
    padding:7px 4px;
    gap:5px;
    border-radius:14px;
  }

  body.viremo-page--pro-diamond .vip-mstat-box--wide{
    min-height:68px;
  }

  body.viremo-page--pro-diamond .mstat-label{
    text-align:center;
    font-size:.54rem;
    line-height:1.08;
    letter-spacing:.025em;
  }

  body.viremo-page--pro-diamond .mstat-value{
    min-height:auto;
    align-items:center;
    justify-content:center;
    text-align:center;
  }

  body.viremo-page--pro-diamond .mstat-value .tag{
    width:100%;
    min-width:0 !important;
    max-width:none;
    min-height:34px;
    padding:5px 3px;
    border-radius:12px;
    font-size:.64rem;
    line-height:1.05;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:break-word;
  }

  body.viremo-page--pro-diamond .vip-panel-grid.is-live .vip-mstat-box{
    min-height:64px;
    padding:6px 3px;
  }

  body.viremo-page--pro-diamond .vip-panel-grid.is-live .mstat-label{
    font-size:.5rem;
    letter-spacing:.02em;
  }

  body.viremo-page--pro-diamond .vip-panel-grid.is-live .mstat-value .tag{
    min-height:32px;
    padding:4px 2px;
    font-size:.6rem;
  }

  body.viremo-page--pro-diamond .stories-stage .stories-row{
    gap:8px;
  }

  body.viremo-page--pro-diamond .stories-stage .stories-card{
    width:64px;
    gap:8px;
  }

  body.viremo-page--pro-diamond .stories-stage .stories-card__ring{
    width:56px;
    height:56px;
  }

  body.viremo-page--pro-diamond .stories-stage .stories-card__badge{
    width:50px;
    height:50px;
    font-size:.68rem;
  }

  body.viremo-page--pro-diamond .stories-stage .stories-card__label{
    max-width:64px;
    font-size:.64rem;
    line-height:1.25;
  }
}

@media (max-width: 720px){
  body.viremo-page--vip-premium .top{
    gap:16px;
  }

  body.viremo-page--vip-premium .brand{
    gap:12px;
  }

  body.viremo-page--vip-premium .brand h1{
    font-size:1rem;
  }

  body.viremo-page--vip-premium .pill.nav{
    margin-top:2px;
  }

  body.viremo-page--vip-premium .vip-system-switch{
    justify-content:center;
  }

  body.viremo-page--vip-premium .mcard-details{
    padding:0 12px 12px;
  }

  body.viremo-page--vip-premium .mstats-grid,
  body.viremo-page--vip-premium .vip-panel-grid{
    gap:8px;
  }

  body.viremo-page--vip-premium .vip-panel-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  body.viremo-page--vip-premium .vip-panel-grid.is-pre{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body.viremo-page--vip-premium .vip-panel-grid.is-live{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  body.viremo-page--vip-premium .vip-mstat-box{
    min-height:80px;
    padding:10px 8px;
    gap:8px;
    border-radius:16px;
  }

  body.viremo-page--vip-premium .mstat-label{
    text-align:center;
    font-size:.61rem;
    line-height:1.18;
    letter-spacing:.05em;
  }

  body.viremo-page--vip-premium .mstat-value{
    min-height:auto;
    align-items:center;
    justify-content:center;
    text-align:center;
  }

  body.viremo-page--vip-premium .mstat-value .tag{
    width:100%;
    min-width:0 !important;
    max-width:none;
    min-height:40px;
    padding:8px 6px;
    border-radius:14px;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:break-word;
    line-height:1.15;
    text-align:center;
    justify-content:center;
    font-size:.74rem;
  }

  .mleague-chip[data-marquee="1"] .mleague-chip__text{
    padding-inline-end:18px;
    animation:viremoLeagueMarquee var(--marquee-duration, 7.8s) ease-in-out infinite;
    will-change:transform;
  }
}

@keyframes viremoGoalFocus{
  0%, 100%{
    transform:translateY(0);
    box-shadow:0 0 0 1px rgba(34,197,94,.10), 0 14px 26px rgba(34,197,94,.12);
    filter:saturate(1) brightness(1);
  }
  40%{
    transform:translateY(-2px) scale(1.008);
    box-shadow:0 0 0 2px rgba(34,197,94,.32), 0 24px 48px rgba(34,197,94,.34);
    filter:saturate(1.18) brightness(1.06);
  }
  72%{
    transform:translateY(0) scale(1);
    box-shadow:0 0 0 1px rgba(34,197,94,.18), 0 18px 38px rgba(34,197,94,.22);
    filter:saturate(1.06) brightness(1.02);
  }
}

@keyframes viremoLeagueMarquee{
  0%, 12%{
    transform:translateX(0);
  }
  50%{
    transform:translateX(calc(var(--marquee-shift, 0px) * -1));
  }
  88%, 100%{
    transform:translateX(0);
  }
}

@media (max-width: 520px){
  body.viremo-page--vip-premium .vip-mstat-box{
    min-height:76px;
    padding:9px 6px;
    gap:7px;
  }

  body.viremo-page--vip-premium .mstat-label{
    font-size:.57rem;
    letter-spacing:.04em;
  }

  body.viremo-page--vip-premium .mstat-value .tag{
    min-height:38px;
    padding:7px 5px;
    font-size:.69rem;
  }
}

@media (max-width: 720px){
  body.viremo-page--pro-diamond.viremo-page--vip-premium .vip-panel-grid.is-pre{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:6px !important;
  }

  body.viremo-page--pro-diamond.viremo-page--vip-premium .platin-panel-grid.is-pre{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:6px !important;
  }

  body.viremo-page--pro-diamond.viremo-page--vip-premium .vip-panel-grid.is-live{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:4px !important;
    align-items:stretch;
  }

  body.viremo-page--pro-diamond.viremo-page--vip-premium .platin-panel-grid.is-live{
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:4px !important;
    align-items:stretch;
  }

  body.viremo-page--pro-diamond.viremo-page--vip-premium .vip-panel-grid.is-live > .vip-mstat-box,
  body.viremo-page--pro-diamond.viremo-page--vip-premium .vip-panel-grid.is-live > .vip-mstat-box--wide{
    grid-column:span 1 !important;
    min-width:0;
  }

  body.viremo-page--pro-diamond.viremo-page--vip-premium .vip-panel-grid.is-live .mstat-label{
    font-size:.49rem;
    letter-spacing:.015em;
  }

  body.viremo-page--pro-diamond.viremo-page--vip-premium .vip-panel-grid.is-live .mstat-value .tag{
    min-height:31px;
    padding:4px 2px;
    font-size:.58rem;
    line-height:1;
  }
}

@keyframes viremoVoidFocus{
  0%, 100%{
    transform:translateY(0);
    box-shadow:0 0 0 1px rgba(245,158,11,.12), 0 14px 26px rgba(245,158,11,.14);
    filter:saturate(1) brightness(1);
  }
  40%{
    transform:translateY(-2px) scale(1.008);
    box-shadow:0 0 0 2px rgba(245,158,11,.34), 0 24px 48px rgba(245,158,11,.30);
    filter:saturate(1.16) brightness(1.05);
  }
  72%{
    transform:translateY(0) scale(1);
    box-shadow:0 0 0 1px rgba(245,158,11,.2), 0 18px 38px rgba(245,158,11,.22);
    filter:saturate(1.06) brightness(1.02);
  }
}

/* 2026-05-03 Ultimate first-half score + resilient responsive layout */
body.viremo-page--ultimate .mstats-inline{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}

body.viremo-page--ultimate .mstat-chip{
  flex:0 0 clamp(82px, 17vw, 122px);
  min-width:0;
}

body.viremo-page--ultimate .mstat-chip__value .tag{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body.viremo-page--ultimate thead th.table-col-score,
body.viremo-page--ultimate tbody td.table-col-score{
  width:7%;
}

/* 2026-05-03 Ultimate premium surface + two-row mobile stats */
body.viremo-page--ultimate{
  --bg:#10061f;
  --bg-soft:#21113a;
  --panel:#24153f;
  --panel-2:#321e56;
  --panel-3:#180d2b;
  --card:#24143e;
  --card-2:#332057;
  --line:rgba(236,221,255,.15);
  --line-strong:rgba(216,180,254,.36);
  --accent:#c084fc;
  --accent-2:#f0abfc;
  --accent-3:#fde68a;
  background:
    linear-gradient(135deg, #10061f 0%, #25124a 38%, #3b1a57 68%, #080613 100%);
}

body.viremo-page--ultimate .site-nav{
  background:linear-gradient(180deg, rgba(16,6,31,.96), rgba(20,8,42,.88));
  border-bottom-color:rgba(216,180,254,.20);
}

body.viremo-page--ultimate .site-nav::before{
  background:
    radial-gradient(70% 120% at 12% 0%, rgba(168,85,247,.22), transparent 62%),
    radial-gradient(58% 120% at 92% 0%, rgba(236,72,153,.16), transparent 66%),
    linear-gradient(180deg, rgba(245,235,255,.10), rgba(245,235,255,0));
}

body.viremo-page--ultimate .nav-shell{
  border-color:rgba(216,180,254,.24);
  background:
    linear-gradient(180deg, rgba(245,235,255,.10), rgba(245,235,255,.035)),
    radial-gradient(74% 140% at 0% 0%, rgba(168,85,247,.18), transparent 68%),
    rgba(18,8,34,.88);
  box-shadow:0 24px 54px rgba(15,6,29,.44), inset 0 1px 0 rgba(245,235,255,.10);
}

body.viremo-page--ultimate .nav-package-rail,
body.viremo-page--ultimate .nav-link-pill,
body.viremo-page--ultimate .nav-dropdown > summary,
body.viremo-page--ultimate .nav-actions .nav-btn,
body.viremo-page--ultimate .member-pill,
body.viremo-page--ultimate .vip-system-switch{
  border-color:rgba(216,180,254,.18);
  background:rgba(245,235,255,.075);
  color:rgba(250,245,255,.88);
}

body.viremo-page--ultimate .nav-link-pill::before,
body.viremo-page--ultimate .nav-dropdown > summary::before{
  background:linear-gradient(120deg, rgba(240,171,252,.22), rgba(245,235,255,0) 52%, rgba(253,230,138,.18));
}

body.viremo-page--ultimate .nav-link-pill:hover,
body.viremo-page--ultimate .nav-link-pill:focus-visible,
body.viremo-page--ultimate .nav-dropdown > summary:hover,
body.viremo-page--ultimate .nav-dropdown > summary:focus-visible,
body.viremo-page--ultimate .nav-dropdown[open] > summary,
body.viremo-page--ultimate .nav-actions .nav-btn:hover,
body.viremo-page--ultimate .nav-actions .nav-btn:focus-visible,
body.viremo-page--ultimate .nav-package-rail .nav-btn:hover,
body.viremo-page--ultimate .nav-package-rail .nav-btn:focus-visible{
  border-color:rgba(240,171,252,.34);
  background:rgba(240,171,252,.12);
  color:#fff;
  box-shadow:0 16px 32px rgba(168,85,247,.18);
}

body.viremo-page--ultimate .nav-link-pill.is-active,
body.viremo-page--ultimate .nav-dropdown.is-active > summary,
body.viremo-page--ultimate .nav-actions .nav-btn.is-active,
body.viremo-page--ultimate .nav-package-rail .nav-btn.is-active{
  border-color:rgba(240,171,252,.42);
  background:linear-gradient(135deg, rgba(168,85,247,.26), rgba(236,72,153,.14));
  color:#fff;
  box-shadow:0 18px 34px rgba(168,85,247,.24);
}

body.viremo-page--ultimate .nav-actions .nav-btn.primary,
body.viremo-page--ultimate .nav-actions .nav-btn.primary.is-active{
  color:#1a0b2f;
  border-color:transparent;
  background:linear-gradient(135deg, #f0abfc, #c084fc 56%, #fde68a);
  box-shadow:0 20px 36px rgba(216,180,254,.24);
}

body.viremo-page--ultimate .nav-package-rail .nav-btn.is-package-locked::after{
  background:#fde68a;
  box-shadow:0 0 0 3px rgba(253,230,138,.16);
}

body.viremo-page--ultimate .nav-dropdown__menu{
  border-color:rgba(216,180,254,.22);
  background:
    radial-gradient(80% 90% at 0% 0%, rgba(168,85,247,.18), transparent 70%),
    linear-gradient(180deg, rgba(30,13,54,.98), rgba(16,6,31,.98));
  box-shadow:0 26px 54px rgba(11,4,22,.52);
}

body.viremo-page--ultimate .nav-dropdown__menu a{
  color:rgba(250,245,255,.82);
}

body.viremo-page--ultimate .nav-dropdown__menu a:hover,
body.viremo-page--ultimate .nav-dropdown__menu a:focus-visible,
body.viremo-page--ultimate .nav-dropdown__menu a.is-active{
  background:rgba(240,171,252,.14);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(240,171,252,.16);
}

body.viremo-page--ultimate .nav-toggle{
  border-color:rgba(216,180,254,.22);
  background:rgba(245,235,255,.08);
  color:#f5e8ff;
}

body.viremo-page--ultimate .nav-toggle:hover,
body.viremo-page--ultimate .nav-toggle:focus-visible{
  background:rgba(240,171,252,.16);
  box-shadow:0 18px 30px rgba(168,85,247,.18);
}

body.viremo-page--ultimate .hero-shell,
body.viremo-page--ultimate .analysis-shell,
body.viremo-page--ultimate .stats-showcase,
body.viremo-page--ultimate .contact-section{
  position:relative;
}

body.viremo-page--ultimate .stat-card,
body.viremo-page--ultimate .card,
body.viremo-page--ultimate .contact-panel-viremo{
  border-color:rgba(216,180,254,.24);
  background:
    linear-gradient(145deg, rgba(36,18,72,.88), rgba(24,13,43,.94) 58%, rgba(58,27,83,.78));
  box-shadow:0 24px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(216,180,254,.12);
}

body.viremo-page--ultimate .page-banner{
  border:0;
  background:transparent;
  box-shadow:none;
}

body.viremo-page--ultimate .top,
body.viremo-page--ultimate .pill,
body.viremo-page--ultimate .search{
  border-color:rgba(216,180,254,.26);
  background:linear-gradient(145deg, rgba(49,25,88,.76), rgba(28,16,49,.88));
}

body.viremo-page--ultimate thead th{
  background:rgba(17,8,33,.96);
  border-bottom-color:rgba(216,180,254,.22);
}

body.viremo-page--ultimate tbody tr{
  background:rgba(36,18,66,.72);
}

body.viremo-page--ultimate tbody tr:nth-child(even){
  background:rgba(48,24,82,.78);
}

body.viremo-page--ultimate .mcard{
  border-color:rgba(216,180,254,.26);
  background:
    linear-gradient(145deg, rgba(47,24,86,.92), rgba(22,13,40,.96) 60%, rgba(57,26,76,.74));
  box-shadow:0 18px 46px rgba(0,0,0,.34), inset 0 1px 0 rgba(216,180,254,.12);
}

body.viremo-page--ultimate .mleague-chip,
body.viremo-page--ultimate .mkick-chip,
body.viremo-page--ultimate .mcard-arrow,
body.viremo-page--ultimate .mstat-chip,
body.viremo-page--ultimate .mstat-box{
  border-color:rgba(216,180,254,.22);
  background:rgba(245,235,255,.07);
}

body.viremo-page--ultimate .mstats-inline--ultimate{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px 8px;
  overflow:visible;
  padding-bottom:0;
}

body.viremo-page--ultimate .mstats-inline--ultimate .mstat-chip{
  flex:auto;
  min-width:0;
  width:100%;
}

body.viremo-page--ultimate .mstats-inline--ultimate .mstat-chip--status{
  margin-top:8px;
}

body.viremo-page--ultimate .mstats-inline--ultimate .mstat-chip__value .tag{
  max-width:100%;
}

body.viremo-page--ultimate .hero-shell--spotlight::before{
  background:
    radial-gradient(58% 72% at 10% 0%, rgba(168,85,247,.22), transparent 68%),
    radial-gradient(54% 68% at 100% 10%, rgba(236,72,153,.14), transparent 72%),
    linear-gradient(180deg, rgba(31,13,58,.64) 0%, rgba(16,6,31,0) 100%);
}

body.viremo-page--ultimate .page-banner__copy,
body.viremo-page--ultimate .page-banner__copy--headline{
  border-color:rgba(216,180,254,.28);
  background:
    radial-gradient(48% 64% at 10% 0%, rgba(168,85,247,.24), transparent 72%),
    radial-gradient(42% 56% at 100% 0%, rgba(236,72,153,.14), transparent 72%),
    linear-gradient(160deg, rgba(41,20,78,.94), rgba(19,9,36,.96));
}

body.viremo-page--ultimate .page-banner__copy--headline::before{
  background:radial-gradient(circle, rgba(216,180,254,.24), transparent 72%);
}

body.viremo-page--ultimate .page-banner__copy--headline::after{
  background:
    linear-gradient(180deg, rgba(17,8,33,.12), rgba(17,8,33,.46)),
    radial-gradient(52% 58% at 50% 34%, rgba(168,85,247,.10), transparent 72%);
}

body.viremo-page--ultimate .page-banner__title--center > span:last-child{
  color:#f3e8ff;
}

body.viremo-page--ultimate .stories-stage .stories-surface{
  border-color:rgba(216,180,254,.22);
  background:
    radial-gradient(42% 56% at 0% 0%, rgba(168,85,247,.18), transparent 70%),
    radial-gradient(38% 52% at 100% 0%, rgba(236,72,153,.12), transparent 72%),
    linear-gradient(180deg, rgba(35,18,66,.90), rgba(19,10,37,.80));
  box-shadow:0 22px 58px rgba(0,0,0,.34), inset 0 1px 0 rgba(216,180,254,.10);
}

body.viremo-page--ultimate .stories-stage .stories-card__ring{
  background:conic-gradient(from 220deg, #f0abfc, #a855f7, #ec4899, #f0abfc);
  box-shadow:0 16px 34px rgba(21,9,38,.34);
}

body.viremo-page--ultimate .stories-stage .stories-surface__control{
  border-color:rgba(216,180,254,.18);
  background:rgba(245,235,255,.07);
  color:#f5e8ff;
}

body.viremo-page--ultimate .stories-stage .stories-surface__control:hover,
body.viremo-page--ultimate .stories-stage .stories-surface__control:focus-visible{
  border-color:rgba(216,180,254,.34);
  background:rgba(168,85,247,.18);
}

/* 2026-05-05 Platin royal theme */
body.viremo-page--platin-royal{
  background:
    radial-gradient(1100px 620px at 0% 0%, rgba(52,211,153,.20), transparent 58%),
    radial-gradient(920px 580px at 100% 0%, rgba(250,204,21,.13), transparent 62%),
    radial-gradient(980px 760px at 50% 100%, rgba(196,181,253,.10), transparent 64%),
    linear-gradient(180deg, #071c18 0%, #0b1614 44%, #070d10 100%);
}

body.viremo-page--platin-royal .site-nav::before{
  background:linear-gradient(180deg, rgba(52,211,153,.16), rgba(255,255,255,0));
}

body.viremo-page--platin-royal .nav-shell{
  border-color:rgba(167,243,208,.18);
  background:
    linear-gradient(180deg, rgba(52,211,153,.13), rgba(255,255,255,.04)),
    rgba(7,24,22,.88);
  box-shadow:0 24px 54px rgba(0,12,10,.34);
}

body.viremo-page--platin-royal .nav-package-rail,
body.viremo-page--platin-royal .nav-link-pill,
body.viremo-page--platin-royal .nav-dropdown > summary,
body.viremo-page--platin-royal .pill,
body.viremo-page--platin-royal .search,
body.viremo-page--platin-royal .vip-system-switch{
  border-color:rgba(167,243,208,.16);
  background:rgba(236,253,245,.07);
  color:rgba(236,253,245,.88);
}

body.viremo-page--platin-royal .nav-link-pill::before,
body.viremo-page--platin-royal .nav-dropdown > summary::before{
  background:linear-gradient(120deg, rgba(52,211,153,.24), rgba(255,255,255,0) 48%, rgba(250,204,21,.18));
}

body.viremo-page--platin-royal .nav-link-pill:hover,
body.viremo-page--platin-royal .nav-link-pill:focus-visible,
body.viremo-page--platin-royal .nav-dropdown > summary:hover,
body.viremo-page--platin-royal .nav-dropdown > summary:focus-visible,
body.viremo-page--platin-royal .nav-dropdown[open] > summary,
body.viremo-page--platin-royal .nav-actions .nav-btn.is-active,
body.viremo-page--platin-royal .nav-package-rail .nav-btn.is-active{
  border-color:rgba(110,231,183,.34);
  background:rgba(236,253,245,.12);
  color:#f7fffb;
  box-shadow:0 18px 34px rgba(4,120,87,.20);
}

body.viremo-page--platin-royal .nav-actions .nav-btn.primary{
  color:#04130f;
  background:linear-gradient(135deg, #a7f3d0, #facc15 58%, #dcfce7);
  box-shadow:0 18px 34px rgba(16,185,129,.24);
}

body.viremo-page--platin-royal .nav-actions .nav-btn.primary.is-active{
  color:#04130f;
  border-color:transparent;
  background:linear-gradient(135deg, #d1fae5, #fde047 58%, #f0fdf4);
  box-shadow:0 22px 38px rgba(16,185,129,.30);
}

body.viremo-page--platin-royal .nav-dropdown__menu{
  border-color:rgba(167,243,208,.16);
  background:
    linear-gradient(180deg, rgba(52,211,153,.16), rgba(255,255,255,.05)),
    rgba(6,25,22,.96);
  box-shadow:0 30px 70px rgba(0,10,8,.38);
}

body.viremo-page--platin-royal .nav-dropdown__menu a{
  color:rgba(236,253,245,.88);
}

body.viremo-page--platin-royal .nav-dropdown__menu a:hover,
body.viremo-page--platin-royal .nav-dropdown__menu a:focus-visible,
body.viremo-page--platin-royal .nav-dropdown__menu a.is-active{
  background:rgba(52,211,153,.12);
  color:#f7fffb;
}

body.viremo-page--platin-royal .page-banner__copy--vip-premium{
  background:
    linear-gradient(180deg, rgba(4,16,14,.14), rgba(4,16,14,.42)),
    repeating-linear-gradient(135deg, rgba(167,243,208,.08) 0 2px, transparent 2px 76px),
    radial-gradient(42% 56% at 12% 12%, rgba(52,211,153,.26), transparent 68%),
    radial-gradient(38% 52% at 88% 18%, rgba(250,204,21,.18), transparent 70%),
    radial-gradient(36% 54% at 50% 96%, rgba(196,181,253,.12), transparent 72%),
    linear-gradient(180deg, #0d332b 0%, #0a201d 54%, #071012 100%);
}

body.viremo-page--platin-royal .page-banner__copy--vip-premium::before{
  background:radial-gradient(circle, rgba(167,243,208,.22), transparent 70%);
}

body.viremo-page--platin-royal .page-banner__copy--vip-premium::after{
  background:
    linear-gradient(180deg, rgba(4,14,13,.10), rgba(4,14,13,.44)),
    radial-gradient(50% 58% at 50% 34%, rgba(250,204,21,.08), transparent 72%);
}

body.viremo-page--platin-royal .page-banner__title--center > span:last-child{
  color:#ecfdf5;
}

body.viremo-page--platin-royal .stories-stage .stories-surface{
  border-color:rgba(167,243,208,.18);
  background:
    radial-gradient(42% 56% at 0% 0%, rgba(52,211,153,.14), transparent 70%),
    radial-gradient(38% 52% at 100% 0%, rgba(250,204,21,.12), transparent 72%),
    linear-gradient(180deg, rgba(9,39,34,.92), rgba(5,18,17,.96));
  box-shadow:0 24px 52px rgba(0,12,10,.34);
}

body.viremo-page--platin-royal .stories-stage .stories-card__ring{
  background:conic-gradient(from 220deg, #d1fae5, #34d399, #facc15, #d1fae5);
  box-shadow:0 16px 34px rgba(0,18,14,.32);
}

body.viremo-page--platin-royal .stories-stage .stories-surface__control{
  border-color:rgba(167,243,208,.16);
  background:rgba(236,253,245,.06);
  color:#ecfdf5;
}

body.viremo-page--platin-royal .stories-stage .stories-surface__control:hover,
body.viremo-page--platin-royal .stories-stage .stories-surface__control:focus-visible{
  border-color:rgba(110,231,183,.30);
  background:rgba(52,211,153,.14);
}

body.viremo-page--platin-royal .stat-card,
body.viremo-page--platin-royal .card{
  background:
    radial-gradient(42% 56% at 100% 0%, rgba(52,211,153,.12), transparent 72%),
    linear-gradient(180deg, rgba(9,36,32,.86), rgba(5,17,16,.94));
}

body.viremo-page--platin-royal tbody tr,
body.viremo-page--platin-royal .mcard{
  border-color:rgba(167,243,208,.12);
  background:
    radial-gradient(42% 56% at 100% 0%, rgba(52,211,153,.10), transparent 72%),
    linear-gradient(180deg, rgba(9,34,31,.84), rgba(5,17,16,.94));
}

body.viremo-page--platin-royal tbody tr:nth-child(even){
  background:rgba(13,45,39,.70);
}

body.viremo-page--platin-royal thead th{
  border-color:rgba(167,243,208,.16);
  background:
    linear-gradient(180deg, rgba(52,211,153,.18), rgba(236,253,245,.065)),
    rgba(7,26,23,.96);
  color:#ecfdf5;
  box-shadow:inset 0 -1px 0 rgba(250,204,21,.10);
}

body.viremo-page--platin-royal .vip-odd-tag{
  background:linear-gradient(135deg, rgba(52,211,153,.22), rgba(250,204,21,.14));
  border-color:rgba(167,243,208,.28);
  color:#f7fffb;
}

body.viremo-page--platin-royal .contact-section{
  position:relative;
}

body.viremo-page--platin-royal .contact-panel-viremo--vip{
  border-color:rgba(167,243,208,.18);
  background:
    radial-gradient(54% 72% at 12% 0%, rgba(52,211,153,.14), transparent 72%),
    radial-gradient(44% 68% at 96% 12%, rgba(250,204,21,.12), transparent 70%),
    linear-gradient(180deg, rgba(9,36,32,.92), rgba(5,18,17,.96));
  box-shadow:0 24px 52px rgba(0,12,10,.34), inset 0 1px 0 rgba(236,253,245,.08);
}

body.viremo-page--platin-royal .contact-point,
body.viremo-page--platin-royal .contact-field input,
body.viremo-page--platin-royal .contact-field textarea{
  border-color:rgba(167,243,208,.16);
  background:rgba(236,253,245,.055);
}

body.viremo-page--platin-royal .contact-field span{
  color:#d1fae5;
}

body.viremo-page--platin-royal .contact-field input:focus,
body.viremo-page--platin-royal .contact-field textarea:focus{
  border-color:rgba(110,231,183,.36);
  box-shadow:0 0 0 4px rgba(52,211,153,.09);
  background:rgba(236,253,245,.08);
}

body.viremo-page--platin-royal .contact-point:hover,
body.viremo-page--platin-royal .contact-point:focus-visible{
  border-color:rgba(250,204,21,.28);
  background:rgba(250,204,21,.08);
}

@media (max-width:1180px){
  .site-nav{padding-top:10px}
  .nav-shell{flex-wrap:wrap;align-items:center;gap:12px}
  .nav-toggle{display:inline-flex;flex-direction:column;margin-left:auto}
  .nav-links,
  .nav-actions{display:none;width:100%}
  .nav-package-rail{
    order:4;
    width:100%;
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
  .nav-package-rail .nav-btn{
    width:100%;
    min-width:0;
    min-height:42px;
    padding-inline:6px;
    font-size:clamp(.62rem, 1.6vw, .78rem);
    letter-spacing:.02em;
  }
  .nav-shell.is-open .nav-links,
  .nav-shell.is-open .nav-actions{display:flex}
}

@media (max-width:1040px){
  .top{
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .top > .brand{order:1}
  .top > .pill.nav{order:2}
  .top > .search{order:3}
  .top > .vip-system-switch{order:4}
  .pill.nav,
  .search,
  .vip-system-switch{
    width:100%;
    min-width:0;
  }
  .pill.nav{
    display:grid;
    grid-template-columns:42px 42px minmax(128px, 1fr) 42px;
    justify-items:center;
    gap:8px;
    padding-inline:10px;
  }
  .pill.nav.date-nav--sound{
    grid-template-columns:42px 42px 42px minmax(128px, 1fr) 42px;
  }
  .pill.nav .date{
    min-width:0;
    width:100%;
    font-size:clamp(.84rem, 2.4vw, 1rem);
    white-space:nowrap;
  }
  .pill.nav button{
    min-width:34px;
    padding-inline:10px;
  }
}

@media (max-width:720px){
  .wrap{width:min(100vw - 18px, 1260px)}
  .pill.nav{
    grid-template-columns:40px 46px minmax(128px, 1fr) 46px;
    gap:8px;
    min-height:46px;
    width:min(100%, 430px);
    margin-inline:auto;
    padding:6px 8px;
  }
  .pill.nav.date-nav--sound{
    grid-template-columns:38px 38px 44px minmax(118px, 1fr) 44px;
    width:min(100%, 470px);
  }
  .pill.nav .date{
    justify-self:center;
    text-align:center;
    font-size:clamp(1.1rem, 7.2vw, 1.72rem);
    font-weight:900;
    letter-spacing:.01em;
  }
  .pill.nav button{
    min-width:0;
    width:100%;
    height:44px;
    padding-inline:0;
  }
  .search{
    min-height:48px;
    padding-inline:12px;
  }
  .vip-system-switch{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:6px;
  }
  .vip-system-btn{
    min-width:0;
    padding-inline:6px;
    font-size:clamp(.66rem, 2.5vw, .78rem);
    white-space:nowrap;
  }
  body.viremo-page--ultimate .mstat-chip{
    padding-inline:6px;
  }
  body.viremo-page--ultimate .mstats-inline--ultimate{
    gap:10px 7px;
  }
}

@media (max-width:420px){
  .nav-package-rail .nav-btn{
    font-size:.58rem;
    padding-inline:4px;
  }
  .pill.nav{
    grid-template-columns:38px 42px minmax(112px, 1fr) 42px;
    width:100%;
    gap:6px;
  }
  .pill.nav.date-nav--sound{
    grid-template-columns:34px 34px 38px minmax(96px, 1fr) 38px;
  }
  body.viremo-page--ultimate .mstats-inline--ultimate{
    gap:9px 6px;
  }
  body.viremo-page--ultimate .mstat-chip{
    padding-inline:5px;
  }
}

/* 2026-05-03 Platin/Ultimate card open-close control */
.pill.nav .card-toggle-btn{
  width:38px;
  min-width:38px;
  padding-inline:0;
  display:none;
  place-items:center;
}

.pill.nav .card-toggle-btn i{
  pointer-events:none;
}

.pill.nav .card-toggle-btn.is-closed-all{
  color:#f8fff6;
  background:rgba(124,58,237,.28);
  border-color:rgba(216,180,254,.52);
}

@media (max-width:1040px){
  .pill.nav.date-nav--cards{
    grid-template-columns:42px 42px minmax(128px, 1fr) 42px;
  }
  .pill.nav.date-nav--sound.date-nav--cards{
    grid-template-columns:42px 42px 42px minmax(128px, 1fr) 42px;
  }
}

@media (max-width:720px){
  .pill.nav .card-toggle-btn{
    display:inline-grid;
  }
  .pill.nav.date-nav--cards{
    grid-template-columns:38px 38px 42px minmax(106px, 1fr) 42px;
    width:min(100%, 500px);
    gap:6px;
  }
  .pill.nav.date-nav--sound.date-nav--cards{
    grid-template-columns:31px 31px 31px 36px minmax(88px, 1fr) 36px;
    width:100%;
    gap:5px;
  }
  .pill.nav.date-nav--cards .card-toggle-btn{
    min-width:0;
    width:100%;
  }
  .pill.nav.date-nav--cards .date{
    font-size:clamp(1rem, 6.2vw, 1.54rem);
  }
}

@media (max-width:420px){
  .pill.nav.date-nav--cards{
    grid-template-columns:32px 34px 38px minmax(84px, 1fr) 38px;
  }
  .pill.nav.date-nav--sound.date-nav--cards{
    grid-template-columns:27px 27px 27px 32px minmax(72px, 1fr) 32px;
    gap:4px;
  }
  .pill.nav.date-nav--sound.date-nav--cards .date{
    font-size:clamp(.96rem, 6vw, 1.32rem);
  }
}

/* 2026-05-03 navbar label fit */
.nav-link-pill,
.nav-dropdown > summary{
  min-width:max-content;
  flex-shrink:0;
  white-space:nowrap;
}

.nav-link-pill[data-nav-id="stories"]{min-width:132px}
.nav-link-pill[data-nav-id="analysis"]{min-width:98px}
.nav-link-pill[data-nav-id="contact"]{min-width:98px}
.nav-dropdown > summary{min-width:132px}

.nav-link-pill,
.nav-link-pill span,
.nav-dropdown > summary span,
.nav-dropdown > summary i{
  position:relative;
  z-index:1;
}

@media (max-width:1700px){
  .nav-link-pill,
  .nav-dropdown > summary{
    width:100%;
    min-width:0;
    justify-content:center;
    text-align:center;
  }

  .nav-dropdown > summary{
    gap:10px;
  }
}

/* 2026-05-03 desktop member controls alignment */
@media (min-width:1700.02px){
  .nav-actions{
    align-self:center;
    align-items:center;
    flex:0 0 auto;
    gap:10px;
  }

  .member-slot{
    align-items:center;
    flex-wrap:nowrap;
    gap:8px;
  }

  .member-pill,
  .nav-actions .nav-btn{
    min-height:46px;
    height:46px;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    line-height:1;
  }

  .member-pill{
    max-width:190px;
    padding-inline:14px;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  #logoutBtn{
    flex:0 0 auto;
  }
}

@media (max-width: 767.98px){
  .member-package-modal{
    padding:10px;
    align-items:end;
  }

  .member-package-modal__dialog{
    width:100%;
    max-height:calc(100dvh - 18px);
    border-radius:24px 24px 18px 18px;
  }

  .member-package-modal__hero{
    grid-template-columns:44px 1fr;
    gap:12px;
    padding:22px 18px 14px;
  }

  .member-package-modal__badge{
    width:44px;
    height:44px;
    border-radius:15px;
    font-size:1.14rem;
  }

  .member-package-modal__hero h2{
    font-size:1.24rem;
  }

  .member-package-current{
    margin:0 18px 14px;
    display:grid;
  }

  .member-package-current__chips{
    justify-content:flex-start;
  }

  .member-package-period{
    grid-template-columns:1fr;
  }

  .member-chat-popup{
    padding:48px 14px;
    padding-top:max(42px, env(safe-area-inset-top));
    padding-bottom:max(48px, env(safe-area-inset-bottom));
  }

  .member-chat-window{
    width:min(400px, calc(100vw - 28px));
    max-height:min(560px, calc(100vh - 96px));
    max-height:min(560px, calc(100svh - 96px));
    grid-template-rows:auto minmax(0, 1fr) auto;
    border-radius:16px;
  }

  .member-chat-messages{
    min-height:120px;
    max-height:calc(100vh - 250px);
    max-height:calc(100svh - 250px);
    padding:12px;
  }

  .member-chat-form{
    grid-template-columns:1fr;
  }

  .member-chat-form button{
    width:100%;
  }

  .member-package-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
    padding:0 18px 14px;
  }

  .member-package-card{
    min-height:126px;
    padding:13px;
    border-radius:17px;
  }

  .member-package-card strong{
    font-size:1.02rem;
  }

  .member-package-detail{
    grid-template-columns:1fr;
    margin:0 18px 14px;
    padding:15px;
  }

  .member-package-form{
    padding:0 18px 20px;
  }

  .member-package-actions .nav-btn{
    width:100%;
  }
}

@media (max-width: 420px){
  .member-package-grid{
    grid-template-columns:1fr;
  }
}

@supports (padding-top: env(safe-area-inset-top)){
  @media (max-width: 767.98px){
    html.is-ios-device .site-nav{
      padding-top:calc(10px + env(safe-area-inset-top)) !important;
    }

    html.is-ios-device .mobile-member-dock{
      top:calc(14px + env(safe-area-inset-top)) !important;
    }

    html.is-ios-device .member-auth-modal,
    html.is-ios-device .member-package-modal,
    html.is-ios-device .highlights-modal,
    html.is-ios-device .vip-story-modal{
      padding-top:calc(18px + env(safe-area-inset-top)) !important;
    }
  }
}

tbody tr[data-row-tier="wait"] td{
  background:rgba(59,130,246,.055) !important;
  box-shadow:inset 0 1px 0 rgba(59,130,246,.09), inset 0 -1px 0 rgba(59,130,246,.09) !important;
}

.mcard[data-row-tier="wait"],
body.viremo-page--vip-premium .mcard[data-row-tier="wait"],
body.viremo-page--pro-diamond .mcard[data-row-tier="wait"],
body.viremo-page--ultimate .mcard[data-row-tier="wait"]{
  border-color:rgba(59,130,246,.30) !important;
  background:
    radial-gradient(130% 110% at 0% 0%, rgba(59,130,246,.15), transparent 44%),
    linear-gradient(180deg, rgba(18,35,67,.98), rgba(8,19,39,.98)) !important;
  box-shadow:0 0 0 1px rgba(59,130,246,.08), var(--shadow) !important;
}

/* Ultimate weekly coupon showcase */
.ultimate-coupon-stage{margin-top:18px;margin-bottom:10px}
.ultimate-coupon-stage[hidden]{display:none!important}
.ultimate-coupon-panel{position:relative;overflow:hidden;border:1px solid rgba(124,231,255,.22);border-radius:8px;background:radial-gradient(85% 130% at 12% 0%,rgba(138,255,200,.18),transparent 48%),radial-gradient(80% 120% at 100% 20%,rgba(124,231,255,.14),transparent 46%),linear-gradient(135deg,rgba(9,21,38,.96),rgba(15,27,51,.98));box-shadow:0 26px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)}
.ultimate-coupon-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(138,255,200,.16),transparent 36%,rgba(255,211,107,.10));opacity:.72;pointer-events:none}
.ultimate-coupon-panel__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px}
.ultimate-coupon-panel__eyebrow{display:block;color:#8affc8;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.ultimate-coupon-panel__head strong{display:block;margin-top:6px;color:#f8fbff;font-family:var(--display);font-size:clamp(1.3rem,2.4vw,2rem);line-height:1.05}
.ultimate-coupon-panel__btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border-radius:8px;background:#8affc8;color:#07141e;font-weight:900;text-decoration:none;white-space:nowrap;box-shadow:0 14px 34px rgba(138,255,200,.22)}
.ultimate-coupon-panel__btn:hover{color:#07141e;filter:brightness(1.04)}
.ultimate-coupon-stage--full{margin-top:22px;margin-bottom:0}
.ultimate-coupon-panel--full{
  border-color:rgba(138,255,200,.20);
  background:
    radial-gradient(74% 120% at 8% 0%,rgba(138,255,200,.18),transparent 52%),
    radial-gradient(74% 120% at 100% 12%,rgba(124,231,255,.15),transparent 50%),
    radial-gradient(70% 110% at 50% 120%,rgba(255,211,107,.10),transparent 58%),
    linear-gradient(135deg,rgba(7,17,31,.96),rgba(14,28,48,.98));
}
.ultimate-coupon-panel--full .ultimate-coupon-panel__head{
  padding:22px 22px 18px;
  border-bottom:1px solid rgba(138,255,200,.14);
}
.ultimate-coupon-panel__head small{
  display:block;
  margin-top:7px;
  color:rgba(227,238,250,.68);
  font-size:.92rem;
  font-weight:800;
}
.ultimate-coupon-panel__meta{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}
.ultimate-coupon-lines{
  position:relative;
  z-index:1;
  display:grid;
  padding:4px 18px;
}
.ultimate-coupon-group{
  display:grid;
  padding:12px 0 16px;
  border-top:1px solid rgba(255,255,255,.07);
}
.ultimate-coupon-group:first-child{border-top:0}
.ultimate-coupon-group__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:4px 2px 12px;
}
.ultimate-coupon-group__head strong{
  color:#8affc8;
  font-family:var(--display);
  font-size:1.05rem;
}
.ultimate-coupon-group__head span{
  color:#fff2bd;
  font-weight:900;
  font-size:.86rem;
}
.ultimate-coupon-line{
  display:grid;
  grid-template-columns:46px minmax(0,1fr) minmax(110px,150px) 42px;
  align-items:center;
  gap:13px;
  padding:13px 4px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.ultimate-coupon-line:last-child{border-bottom:0}
.ultimate-coupon-line__no{
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:rgba(255,255,255,.07);
  color:rgba(227,238,250,.62);
  font-weight:900;
  font-size:.78rem;
}
.ultimate-coupon-line__main,
.ultimate-coupon-line__pick{
  min-width:0;
  display:grid;
  gap:4px;
}
.ultimate-coupon-line__main span,
.ultimate-coupon-line__main small{
  color:rgba(227,238,250,.62);
  font-size:.76rem;
  line-height:1.25;
}
.ultimate-coupon-line__main strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:.98rem;
  line-height:1.2;
}
.ultimate-coupon-line__pick{
  justify-items:end;
}
.ultimate-coupon-line__pick span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  max-width:100%;
  padding:0 10px;
  border:1px solid rgba(255,211,107,.24);
  border-radius:8px;
  background:rgba(255,211,107,.12);
  color:#fff2bd;
  font-weight:900;
  font-size:.86rem;
  line-height:1;
  white-space:nowrap;
}
.ultimate-coupon-line__pick strong{
  color:#fff;
  font-size:1rem;
  font-weight:900;
}
.ultimate-coupon-line__state{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  justify-self:end;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  color:#fff2bd;
  background:rgba(255,211,107,.13);
}
.ultimate-coupon-line__state.is-win{color:#07141e;background:#8affc8;border-color:rgba(138,255,200,.62)}
.ultimate-coupon-line__state.is-loss{color:#fff;background:#ef476f;border-color:rgba(239,71,111,.44)}
.ultimate-coupon-panel__foot{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:17px 22px 20px;
  border-top:1px solid rgba(138,255,200,.14);
  background:rgba(255,255,255,.035);
}
.ultimate-coupon-panel__foot span{
  color:rgba(227,238,250,.66);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ultimate-coupon-panel__foot strong{
  color:#fff2bd;
  font-family:var(--display);
  font-size:2rem;
  line-height:1;
}
@media (max-width:900px){
  .ultimate-coupon-panel__head{gap:16px}
}
@media (max-width:560px){
  .ultimate-coupon-panel__head{align-items:stretch;flex-direction:column;padding:18px}
  .ultimate-coupon-panel__btn{width:100%}
  .ultimate-coupon-panel__meta{align-items:stretch;flex-direction:column}
  .ultimate-coupon-lines{padding:2px 14px}
  .ultimate-coupon-group__head{align-items:flex-start;flex-direction:column;gap:4px}
  .ultimate-coupon-line{
    grid-template-columns:36px minmax(0,1fr) 38px;
    gap:10px;
    padding:14px 0;
  }
  .ultimate-coupon-line__no{width:30px;height:30px}
  .ultimate-coupon-line__main strong{white-space:normal;font-size:.94rem}
  .ultimate-coupon-line__main span,
  .ultimate-coupon-line__main small{font-size:.72rem}
  .ultimate-coupon-line__pick{
    grid-column:2 / 3;
    grid-row:2;
    justify-items:start;
  }
  .ultimate-coupon-line__pick span{font-size:.8rem}
  .ultimate-coupon-line__state{grid-column:3;grid-row:1 / span 2}
  .ultimate-coupon-panel__foot{align-items:flex-start;flex-direction:column;padding:16px 18px 18px}
}

/* Weekly coupon page */
.viremo-page--kupon{min-height:100vh;background:radial-gradient(900px 620px at 12% 2%,rgba(138,255,200,.14),transparent 58%),radial-gradient(820px 620px at 86% 6%,rgba(124,231,255,.13),transparent 56%),linear-gradient(180deg,#07111f 0%,#091321 46%,#07101d 100%)}
.kupon-shell{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:46px 0 76px}
.kupon-hero--ultimate{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:stretch;gap:22px;margin-bottom:22px}
.kupon-hero__copy,.kupon-spotlight{position:relative;overflow:hidden;border:1px solid rgba(124,231,255,.18);border-radius:8px;background:radial-gradient(120% 140% at 0% 0%,rgba(138,255,200,.17),transparent 46%),linear-gradient(135deg,rgba(13,29,49,.96),rgba(8,18,32,.98));box-shadow:0 28px 70px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.08)}
.kupon-hero__copy{padding:28px}
.kupon-hero__copy:after,.kupon-spotlight:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(138,255,200,.62),transparent)}
.kupon-eyebrow{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid rgba(138,255,200,.24);background:rgba(138,255,200,.10);color:#8affc8;border-radius:999px;font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.kupon-hero h1{max-width:720px;margin:14px 0 0;font-family:var(--display);font-size:clamp(2.25rem,5vw,5.4rem);line-height:.95;letter-spacing:0}
.kupon-hero p{max-width:640px;margin:16px 0 0;color:rgba(227,238,250,.72);font-size:1rem;line-height:1.65}
.kupon-hero__badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.kupon-hero__badges span{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);color:#eff8ff;font-size:.82rem;font-weight:900}
.kupon-hero__badges i{color:#fff2bd}
.kupon-spotlight{display:grid;align-content:end;min-height:230px;padding:24px;background:radial-gradient(92% 100% at 100% 0%,rgba(255,211,107,.16),transparent 44%),linear-gradient(145deg,rgba(14,33,55,.97),rgba(10,20,35,.98))}
.kupon-orbit{position:absolute;right:22px;top:22px;width:118px;height:118px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}
.kupon-orbit__ring{position:absolute;inset:12px;border-radius:50%;border:1px dashed rgba(138,255,200,.42);animation:kuponOrbitSpin 10s linear infinite}
.kupon-orbit__dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#8affc8;box-shadow:0 0 20px rgba(138,255,200,.65)}
.kupon-orbit__dot--one{top:10px;left:52px;animation:kuponPulse 1.8s ease-in-out infinite}
.kupon-orbit__dot--two{right:18px;bottom:28px;background:#fff2bd;animation:kuponPulse 1.8s ease-in-out .35s infinite}
.kupon-orbit__dot--three{left:20px;bottom:24px;background:#7ce7ff;animation:kuponPulse 1.8s ease-in-out .7s infinite}
.kupon-orbit strong{position:relative;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#8affc8;color:#07111f;font-family:var(--display);font-size:2rem;box-shadow:0 18px 40px rgba(138,255,200,.24)}
@keyframes kuponOrbitSpin{to{transform:rotate(360deg)}}
@keyframes kuponPulse{0%,100%{transform:scale(1);opacity:.78}50%{transform:scale(1.35);opacity:1}}
.kupon-spotlight__label{width:max-content;min-height:30px;display:inline-flex;align-items:center;padding:0 11px;border-radius:999px;background:rgba(255,211,107,.13);color:#fff2bd;font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.kupon-spotlight>strong{display:block;margin-top:14px;color:#fff;font-family:var(--display);font-size:1.6rem;line-height:1.05}
.kupon-spotlight p{margin-top:10px;color:rgba(227,238,250,.72);font-size:.92rem}
.kupon-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.kupon-week-picker{display:grid;gap:9px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:linear-gradient(180deg,rgba(15,34,57,.96),rgba(9,20,34,.98));box-shadow:0 18px 46px rgba(0,0,0,.22)}
.kupon-week-picker span{color:#8affc8;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.kupon-week-picker select{min-height:48px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0a1728;color:#f7fbff;padding:0 12px;outline:none;font-weight:800}
.kupon-side{display:grid;gap:14px;position:sticky;top:92px}
.kupon-promo{position:relative;overflow:hidden;display:grid;gap:8px;padding:18px;border:1px solid rgba(124,231,255,.16);border-radius:8px;background:linear-gradient(180deg,rgba(16,35,59,.96),rgba(9,21,36,.98));box-shadow:0 18px 46px rgba(0,0,0,.20)}
.kupon-promo i{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(124,231,255,.12);color:#8ee8ff}
.kupon-promo strong{color:#fff;font-size:1rem;line-height:1.25}
.kupon-promo p{margin:0;color:rgba(227,238,250,.68);font-size:.86rem;line-height:1.5}
.kupon-promo--warm{border-color:rgba(255,211,107,.20)}
.kupon-promo--warm i{background:rgba(255,211,107,.13);color:#fff2bd}
.kupon-ticket-stack{display:grid;gap:18px}
.kupon-ticket,
.kupon-ticket-stack > .kupon-group{overflow:hidden;border:1px solid rgba(124,231,255,.18);border-radius:8px;background:radial-gradient(90% 120% at 0% 0%,rgba(124,231,255,.10),transparent 44%),linear-gradient(180deg,rgba(17,36,58,.98),rgba(7,16,29,.99));box-shadow:0 30px 76px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.08)}
.kupon-ticket__head,.kupon-ticket__foot{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px}
.kupon-ticket__head{border-bottom:1px dashed rgba(138,255,200,.22)}
.kupon-ticket__head strong{display:block;margin-top:5px;font-family:var(--display);font-size:1.55rem;line-height:1.05}
.kupon-ticket__week,.kupon-ticket__foot span{color:rgba(227,238,250,.66);font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.kupon-status{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#dbeafe;font-weight:900;white-space:nowrap}
.kupon-status.is-win,.kupon-line__state.is-win{color:#07141e;background:#8affc8;border-color:rgba(138,255,200,.55)}
.kupon-status.is-loss,.kupon-line__state.is-loss{color:#fff;background:#ef476f;border-color:rgba(239,71,111,.72)}
.kupon-status.is-pending,.kupon-line__state.is-pending{color:#fff2bd;background:rgba(255,211,107,.13);border-color:rgba(255,211,107,.28)}
.kupon-lines{display:grid}
.kupon-group{display:grid;border-top:1px dashed rgba(138,255,200,.18)}
.kupon-ticket-stack > .kupon-group{border-top:1px solid rgba(124,231,255,.18)}
.kupon-group:first-child{border-top:0}
.kupon-ticket-stack > .kupon-group:first-child{border-top:1px solid rgba(124,231,255,.18)}
.kupon-group__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px 24px 8px;
}
.kupon-ticket-stack > .kupon-group > .kupon-group__head{
  padding:22px 24px;
  border-bottom:1px dashed rgba(138,255,200,.22);
}
.kupon-group__head strong{
  color:#8affc8;
  font-family:var(--display);
  font-size:1.2rem;
}
.kupon-group__head span{
  color:#fff2bd;
  font-weight:900;
  font-size:.9rem;
}
.kupon-group__meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.kupon-group__odd{color:#fff2bd;font-weight:900;font-size:.9rem}
.kupon-status--compact{min-height:32px;padding:0 12px;font-size:.78rem}
.kupon-line{display:grid;grid-template-columns:52px minmax(0,1fr) minmax(130px,180px) 46px;align-items:center;gap:17px;padding:17px 24px;border-bottom:1px solid rgba(255,255,255,.075)}
.kupon-line:last-child{border-bottom:0}
.kupon-line__no{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.055);color:rgba(227,238,250,.64);font-family:var(--display);font-size:.94rem;font-weight:900}
.kupon-line__main,.kupon-line__pick{min-width:0;display:grid;gap:4px}
.kupon-line__main span,.kupon-line__main small{color:rgba(227,238,250,.62);font-size:.78rem}
.kupon-line__main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem}
.kupon-line__scores{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}
.kupon-line__scores span{display:inline-flex;align-items:center;gap:5px;width:max-content;border:1px solid rgba(124,231,255,.16);border-radius:999px;background:rgba(124,231,255,.07);padding:3px 8px;color:rgba(227,238,250,.68);font-size:.72rem;font-weight:800}
.kupon-line__scores b{color:#fff2bd;font-size:.78rem}
.kupon-line__pick{justify-items:end}
.kupon-line__pick span{color:#dffcff;font-weight:900}
.kupon-line__pick strong{color:#fff2bd;font-size:1.08rem}
.kupon-line__state{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;justify-self:end;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:1rem}
.kupon-ticket__foot{border-top:1px dashed rgba(138,255,200,.22);background:rgba(255,255,255,.035)}
.kupon-ticket__foot strong{color:#fff2bd;font-family:var(--display);font-size:2.2rem;line-height:1}
.kupon-empty{padding:30px 24px;color:rgba(227,238,250,.7)}
.kupon-empty--locked{display:grid;gap:10px}
.kupon-empty--locked strong{color:#f8fbff;font-size:1.05rem}
.kupon-empty--locked span{display:block;color:rgba(227,238,250,.72)}
.kupon-empty--locked .nav-btn{width:max-content;margin-top:4px}
.viremo-page--test-kupon .kupon-hero__copy{
  background:
    radial-gradient(100% 140% at 0% 0%,rgba(124,231,255,.18),transparent 48%),
    radial-gradient(90% 120% at 100% 0%,rgba(138,255,200,.14),transparent 46%),
    linear-gradient(135deg,rgba(10,24,44,.97),rgba(8,17,31,.99));
}
.viremo-page--test-kupon .kupon-eyebrow,
.viremo-page--test-kupon .kupon-group__head strong{
  color:#7ce7ff;
}
.viremo-page--test-kupon .kupon-ticket-stack > .kupon-group{
  background:
    radial-gradient(85% 120% at 4% 0%,rgba(124,231,255,.12),transparent 48%),
    radial-gradient(80% 115% at 100% 5%,rgba(138,255,200,.11),transparent 46%),
    linear-gradient(180deg,rgba(15,33,58,.98),rgba(7,16,29,.99));
}
.viremo-page--test-kupon .test-kupon-group--upcoming{
  border-color:rgba(255,211,107,.34);
  background:
    radial-gradient(88% 125% at 2% 0%,rgba(255,211,107,.16),transparent 48%),
    radial-gradient(80% 115% at 100% 5%,rgba(138,255,200,.12),transparent 46%),
    linear-gradient(180deg,rgba(20,37,57,.98),rgba(7,16,29,.99));
}
.viremo-page--test-kupon .test-kupon-group--upcoming .kupon-group__head strong{
  color:#fff2bd;
}
.test-kupon-target{
  display:block;
  margin-top:6px;
  color:rgba(227,238,250,.66)!important;
  font-size:.78rem!important;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
@media (max-width:920px){
  .kupon-hero--ultimate,.kupon-content-grid{grid-template-columns:1fr}
  .kupon-side{position:static;grid-template-columns:1fr 1fr}
  .kupon-week-picker{grid-column:1 / -1}
}
@media (max-width:760px){
  .kupon-shell{width:min(100% - 20px,680px);padding:28px 0 48px}
  .kupon-hero__copy{padding:22px}
  .kupon-spotlight{min-height:0;padding:138px 20px 20px;align-content:start}
  .kupon-orbit{left:20px;right:auto;top:18px;width:96px;height:96px}
  .kupon-orbit__ring{inset:10px}
  .kupon-orbit__dot--one{top:8px;left:42px}
  .kupon-orbit__dot--two{right:14px;bottom:22px}
  .kupon-orbit__dot--three{left:16px;bottom:20px}
  .kupon-orbit strong{width:48px;height:48px;font-size:1.7rem}
  .kupon-side{grid-template-columns:1fr}
  .kupon-ticket__head,.kupon-ticket__foot{align-items:flex-start;flex-direction:column}
  .kupon-group__head{align-items:flex-start;flex-direction:column;padding:16px 14px 6px}
  .kupon-group__meta{justify-content:flex-start}
  .kupon-line{grid-template-columns:38px minmax(0,1fr) 40px;gap:11px;padding:16px 14px}
  .kupon-line__no{width:32px;height:32px}
  .kupon-line__pick{grid-column:2 / 3;justify-items:start;grid-row:2}
  .kupon-line__state{grid-column:3;grid-row:1 / span 2}
}