/* Generated conservative public-page bundle from styles.css. */
:root { --bg-page: #0b0c10; --bg-panel: #12141a; --bg-panel-soft: #171923; --border-soft: rgba(35, 38, 52, 0.85); --border-strong: rgba(35, 38, 52, 1); --text-main: #edf0ff; --text-muted: #cfcfe6; --text-dim: #9aa3c0; --text-soft: var(--text-muted); --accent-pink: #ff2d9a; --accent-cyan: #00e5ff; --accent-purple: #7a5cff; --accent-green: #41d69d; --accent-red: #ff4d4d; --accent-yellow: #ffd26b; --accent-orange: #ff9b43; --neon-purple: var(--accent-purple); --neon-pink: var(--accent-pink); --neon-cyan: var(--accent-cyan); --neon-blue: #4f8cff; --neon-orange: var(--accent-orange); --border-glow: var(--border-soft); --shadow-panel: 0 18px 46px rgba(0, 0, 0, 0.42); --blur: blur(10px); --glow-soft: 0 0 12px rgba(122, 92, 255, 0.18); --glow-medium: 0 0 16px rgba(122, 92, 255, 0.24); --glow-strong: 0 0 22px rgba(255, 45, 154, 0.28); --radius-lg: 16px; --radius-md: 16px; --radius-sm: 10px; --ui-radius-card: 16px; --ui-radius-control: 10px; --ui-card-padding: 16px; --ui-card-padding-lg: 18px; --ui-gap: 18px; --ui-gap-tight: 10px; --ui-title-size: clamp(2.2rem, 4vw, 3.75rem); --ui-section-size: 1.02rem; --ui-body-size: 0.88rem; --ui-label-size: 0.72rem; --ui-success: var(--accent-green); --ui-warning: var(--accent-yellow); --ui-error: var(--accent-red); --ui-active: var(--accent-cyan); --space-section: 40px; --space-card: 18px; --space-tight: 10px; --transition-fast: 160ms ease; --transition-med: 240ms ease; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { margin: 0px; padding: 0px; min-height: 100%; }
body { background: radial-gradient(circle at 18% 16%, rgba(122, 92, 255, 0.08), transparent 38%), radial-gradient(circle at 80% 12%, rgba(0, 229, 255, 0.06), transparent 40%), radial-gradient(circle at 50% 92%, rgba(255, 45, 154, 0.04), transparent 44%), linear-gradient(rgb(11, 12, 16) 0%, rgb(7, 8, 14) 70%, rgb(6, 7, 12) 100%); color: var(--text-main); font-family: Inter, "Segoe UI", sans-serif; position: relative; line-height: 1.5; }
body::before { content: ""; position: fixed; inset: 0px; z-index: -1; pointer-events: none; background: radial-gradient(circle at 10% 20%, rgba(102, 84, 180, 0.08), transparent 30%), radial-gradient(circle at 90% 10%, rgba(79, 140, 255, 0.09), transparent 30%), radial-gradient(circle at 50% 90%, rgba(38, 59, 106, 0.05), transparent 40%); }
body, p, span, div, label, li, td, th, input, select, textarea, button { color: var(--text-main); }
a { color: var(--neon-cyan); text-decoration: none; transition: opacity 0.2s, box-shadow 0.2s; }
a:hover { opacity: 0.92; text-decoration: underline; }
@keyframes livePulse { 
  0% { box-shadow: rgba(0, 229, 255, 0) 0px 0px 0px; }
  50% { box-shadow: rgba(0, 229, 255, 0.18) 0px 0px 16px; }
  100% { box-shadow: rgba(0, 229, 255, 0) 0px 0px 0px; }
}
.nav-btn.active { background: rgba(122, 92, 255, 0.18); border-color: rgba(122, 92, 255, 0.55); color: rgb(255, 255, 255); box-shadow: rgba(122, 92, 255, 0.22) 0px 0px 14px; }
@keyframes heroGlowMove { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(460%); }
}
@keyframes heroGlowPulse { 
  0%, 100% { transform: scale(0.98); opacity: 0.78; filter: blur(28px); }
  50% { transform: scale(1.04); opacity: 1; filter: blur(34px); }
}
@keyframes heroShimmerSweep { 
  0% { transform: translateX(-120%); opacity: 0; }
  18% { opacity: 0.9; }
  55% { transform: translateX(120%); opacity: 0; }
  100% { transform: translateX(120%); opacity: 0; }
}
@keyframes heroFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-6px); }
}
@keyframes heroTextFadeIn { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.hero-link, .btn, .ghost-button, .button-secondary, .button-primary, button { appearance: none; border: 1px solid rgba(35, 38, 52, 0.95); border-radius: 999px; padding: 10px 15px; font-weight: 700; background: rgba(18, 20, 26, 0.72); color: var(--text-main); cursor: pointer; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s, background 0.2s; }
.button-primary, button.button-primary { position: relative; overflow: hidden; background: linear-gradient(135deg, var(--accent-pink), var(--accent-purple)); border-color: transparent; color: rgb(255, 255, 255); box-shadow: rgba(255, 45, 154, 0.28) 0px 0px 12px; }
.button-primary::after, button.button-primary::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.2), transparent); opacity: 0; transition: opacity 0.2s; }
.button-primary:hover::after, button.button-primary:hover::after { opacity: 1; }
.ghost-button:hover, .btn:hover, .hero-link:hover, .button-secondary:hover, .button-primary:hover, button:hover { transform: translateY(-1px); box-shadow: rgba(122, 92, 255, 0.16) 0px 0px 12px; text-decoration: none; }
.button-primary.is-disabled, .button-secondary.is-disabled, .ghost-button.is-disabled, .button-primary[aria-disabled="true"], .button-secondary[aria-disabled="true"], .ghost-button[aria-disabled="true"] { cursor: not-allowed; opacity: 0.58; filter: grayscale(0.18); }
@keyframes heartbeatPulse { 
  0%, 100% { box-shadow: rgba(125, 249, 255, 0.12) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 8px 18px; }
  50% { box-shadow: rgba(125, 249, 255, 0.22) 0px 0px 0px 1px, rgba(125, 249, 255, 0.16) 0px 0px 16px, rgba(0, 0, 0, 0.24) 0px 8px 18px; }
}
@keyframes warningGlow { 
  0%, 100% { box-shadow: rgba(255, 202, 107, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 8px 18px; }
  50% { box-shadow: rgba(255, 202, 107, 0.22) 0px 0px 0px 1px, rgba(255, 202, 107, 0.12) 0px 0px 16px, rgba(0, 0, 0, 0.22) 0px 8px 18px; }
}
@keyframes issueFlicker { 
  0%, 100% { box-shadow: rgba(255, 143, 157, 0.12) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 8px 18px; }
  45% { box-shadow: rgba(255, 143, 157, 0.22) 0px 0px 0px 1px, rgba(255, 79, 120, 0.12) 0px 0px 18px, rgba(0, 0, 0, 0.24) 0px 8px 18px; }
  48% { box-shadow: rgba(255, 143, 157, 0.12) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 8px 18px; }
  55% { box-shadow: rgba(255, 143, 157, 0.22) 0px 0px 0px 1px, rgba(255, 79, 120, 0.1) 0px 0px 14px, rgba(0, 0, 0, 0.24) 0px 8px 18px; }
}
input, select, textarea { background: rgba(6, 12, 24, 0.9); color: var(--text-main); border: 1px solid rgba(129, 140, 248, 0.18); border-radius: 12px; padding: 10px 12px; font: inherit; }
input::placeholder, textarea::placeholder { color: var(--text-dim); }
input:focus, select:focus, textarea:focus { outline: none; border-color: rgba(110, 231, 255, 0.45); box-shadow: rgba(110, 231, 255, 0.08) 0px 0px 0px 3px; }
textarea { min-height: 110px; resize: vertical; }
.overlay-link-actions .button-secondary, .overlay-link-actions .button-primary { min-height: 38px; padding: 0px 14px; }
.engagement-tabs .active, .engagement-setup-card.active { border-color: rgba(0, 229, 255, 0.52); color: var(--text-main); box-shadow: rgba(0, 229, 255, 0.16) 0px 0px 0px 1px; }
.boss-event-phase-list span.active { border-color: rgba(34, 211, 238, 0.52); background: linear-gradient(135deg, rgba(34, 211, 238, 0.18), rgba(255, 47, 216, 0.12)), rgba(15, 23, 42, 0.72); color: rgb(248, 251, 255); box-shadow: rgba(34, 211, 238, 0.14) 0px 0px 24px; }
@keyframes bossLevelShift { 
  0% { opacity: 0.25; transform: scale(0.965); filter: saturate(1.3) brightness(1.25); }
  100% { opacity: 1; transform: scale(1); filter: none; }
}
@keyframes raidWelcomeShake { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  16% { transform: translate3d(-10px, 5px, 0px) rotate(-0.7deg); }
  32% { transform: translate3d(9px, -6px, 0px) rotate(0.8deg); }
  48% { transform: translate3d(-7px, -3px, 0px) rotate(-0.45deg); }
  64% { transform: translate3d(6px, 4px, 0px) rotate(0.35deg); }
  80% { transform: translate3d(-3px, 2px, 0px) rotate(-0.15deg); }
}
@keyframes raidWelcomeEmote { 
  0% { opacity: 0; transform: translateY(26px) scale(0.7) rotate(-12deg); }
  46% { opacity: 1; transform: translateY(-8px) scale(1.08) rotate(4deg); }
  100% { opacity: 1; transform: translateY(0px) scale(1) rotate(0deg); }
}
@keyframes raidWelcomeConfetti { 
  0% { opacity: 0; transform: translateY(-18px) scale(0.98); }
  18% { opacity: 0.9; }
  100% { opacity: 0.55; transform: translateY(18px) scale(1.04); }
}
hr { border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(122, 149, 224, 0.1) currentcolor currentcolor; border-image: initial; }
@keyframes pulse { 
  0% { opacity: 0.6; }
  50% { opacity: 1; }
  100% { opacity: 0.6; }
}
@keyframes connectionSpotlight { 
  0% { box-shadow: rgba(110, 231, 255, 0) 0px 0px 0px, rgba(0, 0, 0, 0.35) 0px 12px 30px; }
  40% { box-shadow: rgba(110, 231, 255, 0.18) 0px 0px 30px, rgba(168, 85, 247, 0.14) 0px 0px 60px, rgba(0, 0, 0, 0.42) 0px 14px 34px; }
  100% { box-shadow: rgba(110, 231, 255, 0) 0px 0px 0px, rgba(0, 0, 0, 0.35) 0px 12px 30px; }
}
.dashboard-page[data-dashboard-role="operator"] .nav-btn.active, .dashboard-page[data-dashboard-role="operator"] .tab.active { border-color: rgba(0, 229, 255, 0.32); background: rgba(0, 229, 255, 0.11); box-shadow: rgba(0, 229, 255, 0.04) 0px 0px 16px inset; }
.dashboard-page[data-dashboard-role="mod"] .section-command-actions .button-primary { box-shadow: rgba(52, 215, 255, 0.18) 0px 0px 22px; }
.dashboard-page[data-dashboard-role="streamer"] .nav-btn, .dashboard-page[data-dashboard-role="mod"] .nav-btn, .dashboard-page[data-dashboard-role="streamer"] .btn, .dashboard-page[data-dashboard-role="mod"] .btn, .dashboard-page[data-dashboard-role="streamer"] .ghost-button, .dashboard-page[data-dashboard-role="mod"] .ghost-button, .dashboard-page[data-dashboard-role="streamer"] .button-secondary, .dashboard-page[data-dashboard-role="mod"] .button-secondary, .dashboard-page[data-dashboard-role="streamer"] .button-primary, .dashboard-page[data-dashboard-role="mod"] .button-primary { min-height: 36px; border-radius: 10px; border-color: rgba(129, 140, 248, 0.18); font-size: 0.82rem; font-weight: 780; }
.dashboard-page[data-dashboard-role="streamer"] .nav-btn.active, .dashboard-page[data-dashboard-role="mod"] .nav-btn.active { border-color: rgba(0, 229, 255, 0.36); background: rgba(0, 229, 255, 0.12); color: rgb(247, 251, 255); box-shadow: rgba(0, 229, 255, 0.05) 0px 0px 16px inset; }
@media (max-width: 640px){.dashboard-page[data-dashboard-role="streamer"] .nav-btn, .dashboard-page[data-dashboard-role="mod"] .nav-btn, .dashboard-page[data-dashboard-role="streamer"] .btn, .dashboard-page[data-dashboard-role="mod"] .btn, .dashboard-page[data-dashboard-role="streamer"] .ghost-button, .dashboard-page[data-dashboard-role="mod"] .ghost-button, .dashboard-page[data-dashboard-role="streamer"] .button-secondary, .dashboard-page[data-dashboard-role="mod"] .button-secondary, .dashboard-page[data-dashboard-role="streamer"] .button-primary, .dashboard-page[data-dashboard-role="mod"] .button-primary { min-width: 0px; white-space: normal; }
}
.dashboard-page[data-dashboard-role="operator"] .tab, .dashboard-page[data-dashboard-role="operator"] .nav-btn, .dashboard-page[data-dashboard-role="operator"] .btn, .dashboard-page[data-dashboard-role="operator"] .button-secondary, .dashboard-page[data-dashboard-role="operator"] .button-primary { min-height: 36px; border-radius: 10px; border-color: rgba(129, 140, 248, 0.18); }
.dashboard-page[data-dashboard-role="operator"] .tab.active, .dashboard-page[data-dashboard-role="operator"] .nav-btn.active { border-color: rgba(0, 229, 255, 0.36); background: rgba(0, 229, 255, 0.12); color: rgb(247, 251, 255); }
.dashboard-page[data-dashboard-role="operator"] button, .dashboard-page[data-dashboard-role="operator"] .btn, .dashboard-page[data-dashboard-role="operator"] .button-primary, .dashboard-page[data-dashboard-role="operator"] .button-secondary, .dashboard-page[data-dashboard-role="operator"] .ghost-button, .dashboard-page[data-dashboard-role="operator"] .tab, .dashboard-page[data-dashboard-role="operator"] .nav-btn, .dashboard-page[data-dashboard-role="streamer"] button, .dashboard-page[data-dashboard-role="streamer"] .btn, .dashboard-page[data-dashboard-role="streamer"] .button-primary, .dashboard-page[data-dashboard-role="streamer"] .button-secondary, .dashboard-page[data-dashboard-role="streamer"] .ghost-button, .dashboard-page[data-dashboard-role="streamer"] .tab, .dashboard-page[data-dashboard-role="streamer"] .nav-btn, .dashboard-page[data-dashboard-role="mod"] button, .dashboard-page[data-dashboard-role="mod"] .btn, .dashboard-page[data-dashboard-role="mod"] .button-primary, .dashboard-page[data-dashboard-role="mod"] .button-secondary, .dashboard-page[data-dashboard-role="mod"] .ghost-button, .dashboard-page[data-dashboard-role="mod"] .tab, .dashboard-page[data-dashboard-role="mod"] .nav-btn { min-height: 36px; font-weight: 800; letter-spacing: 0px; border-radius: var(--ui-radius-control) !important; padding: 9px 13px !important; font-size: 0.82rem !important; }
.dashboard-page[data-dashboard-role="operator"] .button-primary, .dashboard-page[data-dashboard-role="operator"] button.button-primary, .dashboard-page[data-dashboard-role="streamer"] .button-primary, .dashboard-page[data-dashboard-role="streamer"] button.button-primary, .dashboard-page[data-dashboard-role="mod"] .button-primary, .dashboard-page[data-dashboard-role="mod"] button.button-primary { border-color: rgba(255, 45, 154, 0.42); background: linear-gradient(135deg, rgba(255, 45, 154, 0.9), rgba(0, 229, 255, 0.72)); color: rgb(7, 16, 29); box-shadow: rgba(255, 45, 154, 0.16) 0px 0px 16px; }
.dashboard-page[data-dashboard-role="operator"] .tab.active, .dashboard-page[data-dashboard-role="operator"] .nav-btn.active, .dashboard-page[data-dashboard-role="streamer"] .tab.active, .dashboard-page[data-dashboard-role="streamer"] .nav-btn.active, .dashboard-page[data-dashboard-role="mod"] .tab.active, .dashboard-page[data-dashboard-role="mod"] .nav-btn.active { border-color: rgba(0, 229, 255, 0.42); background: rgba(0, 229, 255, 0.13); color: rgb(248, 251, 255); }
.dashboard-page[data-dashboard-role="operator"] .badge.active, .dashboard-page[data-dashboard-role="operator"] .status.active, .dashboard-page[data-dashboard-role="operator"] .live-indicator, .dashboard-page[data-dashboard-role="operator"] .origin-source, .dashboard-page[data-dashboard-role="operator"] .platform-live-chip-ready, .dashboard-page[data-dashboard-role="streamer"] .badge.active, .dashboard-page[data-dashboard-role="streamer"] .status.active, .dashboard-page[data-dashboard-role="streamer"] .live-indicator, .dashboard-page[data-dashboard-role="streamer"] .origin-source, .dashboard-page[data-dashboard-role="streamer"] .platform-live-chip-ready, .dashboard-page[data-dashboard-role="mod"] .badge.active, .dashboard-page[data-dashboard-role="mod"] .status.active, .dashboard-page[data-dashboard-role="mod"] .live-indicator, .dashboard-page[data-dashboard-role="mod"] .origin-source, .dashboard-page[data-dashboard-role="mod"] .platform-live-chip-ready { border-color: rgba(0, 229, 255, 0.34) !important; background: rgba(0, 229, 255, 0.1) !important; color: var(--ui-active) !important; }
.dashboard-page button, .dashboard-page .btn, .dashboard-page .button-primary, .dashboard-page .button-secondary, .dashboard-page .ghost-button, .dashboard-page .nav-btn, .dashboard-page .tab { transition: transform 140ms, border-color 140ms, box-shadow 140ms, background 140ms, opacity 140ms; }
.dashboard-page button:hover, .dashboard-page .btn:hover, .dashboard-page .button-primary:hover, .dashboard-page .button-secondary:hover, .dashboard-page .ghost-button:hover, .dashboard-page .nav-btn:hover, .dashboard-page .tab:hover { transform: translateY(-1px); box-shadow: rgba(0, 229, 255, 0.12) 0px 0px 18px; }
.dashboard-page button:active, .dashboard-page .btn:active, .dashboard-page .button-primary:active, .dashboard-page .button-secondary:active, .dashboard-page .ghost-button:active, .dashboard-page .nav-btn:active, .dashboard-page .tab:active { transform: translateY(0px) scale(0.985); }
.dashboard-page button:disabled, .dashboard-page .btn:disabled, .dashboard-page .button-primary:disabled, .dashboard-page .button-secondary:disabled, .dashboard-page .ghost-button:disabled { cursor: not-allowed; opacity: 0.48; transform: none; box-shadow: none !important; }
@keyframes dashboardGlowSweep { 
  0% { opacity: 0; transform: translateX(-120%); }
  25% { opacity: 1; }
  100% { opacity: 0; transform: translateX(120%); }
}
@media (prefers-reduced-motion: reduce){.dashboard-page button, .dashboard-page .btn, .dashboard-page .button-primary, .dashboard-page .button-secondary, .dashboard-page .ghost-button, .dashboard-page .panel, .dashboard-page .card, .dashboard-page .summaryCard, .dashboard-page .metric { transition: none; }
}
@keyframes premiumHeroAura { 
  0% { transform: translate3d(-1.5%, 0px, 0px) scale(1); }
  100% { transform: translate3d(1.5%, 4%, 0px) scale(1.03); }
}
@keyframes readyWakePulse { 
  0% { box-shadow: rgba(0, 0, 0, 0.3) 0px 18px 42px, rgba(0, 229, 255, 0) 0px 0px 0px; }
  38% { box-shadow: rgba(0, 0, 0, 0.36) 0px 22px 58px, rgba(0, 229, 255, 0.18) 0px 0px 34px, rgba(255, 45, 154, 0.12) 0px 0px 42px; }
  100% { box-shadow: rgba(0, 0, 0, 0.3) 0px 18px 42px, rgba(0, 229, 255, 0) 0px 0px 0px; }
}
.workspace-nav .ghost-button.active, .studio-section-nav .ghost-button.active { box-shadow: rgba(0, 229, 255, 0.1) 0px 0px 18px; border-color: rgba(0, 229, 255, 0.38) !important; background: rgba(0, 229, 255, 0.12) !important; color: rgb(248, 251, 255) !important; }
.dashboard-page[data-dashboard-role="streamer"] .quick-start-nudge-actions .button-primary, .dashboard-page[data-dashboard-role="streamer"] .quick-start-nudge-actions .button-secondary { min-height: 36px; padding: 8px 12px; }
.platform-connect-card .button-primary, .platform-connect-card .button-secondary { width: 100%; justify-content: center; min-height: 42px; }
.alert-layout-preview-choice.active, .alert-layout-preview-choice:hover { border-color: color-mix(in srgb, var(--preview-secondary, #22d3ee) 54%, transparent); background: radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--preview-primary, #ff2fd8) 20%, transparent), transparent 62%),
    rgba(9, 14, 30, 0.82); color: rgb(248, 250, 252); box-shadow: 0 0 22px color-mix(in srgb, var(--preview-secondary, #22d3ee) 12%, transparent); }
@keyframes previewCinematicFlash { 
  0%, 100% { opacity: 0; transform: translateX(-8%) skewX(-4deg); }
  8%, 18%, 38% { opacity: 0.62; }
  12%, 28%, 44% { opacity: 0.18; }
  62% { opacity: 0.4; transform: translateX(8%) skewX(3deg); }
}
@keyframes previewCinematicDrift { 
  0% { opacity: 0; transform: translate3d(-3%, 5%, 0px) scale(1); }
  18% { opacity: 0.55; }
  72% { opacity: 0.42; transform: translate3d(4%, -4%, 0px) scale(1.04); }
  100% { opacity: 0; transform: translate3d(8%, -8%, 0px) scale(1.06); }
}
@keyframes previewCinematicSweep { 
  0% { opacity: 0; transform: translateX(-42%) skewX(-8deg); }
  24% { opacity: 0.62; }
  78% { opacity: 0.38; }
  100% { opacity: 0; transform: translateX(42%) skewX(-8deg); }
}
@keyframes previewCinematicPulse { 
  0%, 100% { opacity: 0; transform: scale(0.88); }
  12% { opacity: 0.64; transform: scale(1.02); }
  22% { opacity: 0.22; transform: scale(0.96); }
  38% { opacity: 0.48; transform: scale(1.08); }
  72% { opacity: 0.2; transform: scale(1.14); }
}
@keyframes previewCinematicMelt { 
  0% { opacity: 0; transform: translateY(-8%) scaleY(0.96); }
  18% { opacity: 0.58; }
  46% { opacity: 0.42; transform: translateY(4%) scaleY(1.08) skewX(-2deg); }
  100% { opacity: 0; transform: translateY(12%) scaleY(1.12) skewX(2deg); }
}
@keyframes previewCinematicEmbers { 
  0% { opacity: 0; transform: translateY(10%) scale(0.96); }
  20% { opacity: 0.6; }
  76% { opacity: 0.38; transform: translateY(-10%) scale(1.04); }
  100% { opacity: 0; transform: translateY(-18%) scale(1.08); }
}
@keyframes previewCinematicFreeze { 
  0% { opacity: 0; clip-path: circle(8% at 50% 50%); transform: scale(0.98); }
  24% { opacity: 0.62; }
  74% { opacity: 0.36; clip-path: circle(78% at 50% 50%); }
  100% { opacity: 0; clip-path: circle(94% at 50% 50%); transform: scale(1.02); }
}
@keyframes previewCinematicWave { 
  0% { opacity: 0; transform: scale(0.68); }
  20% { opacity: 0.52; }
  70% { opacity: 0.36; transform: scale(1.18); }
  100% { opacity: 0; transform: scale(1.42); }
}
@keyframes previewCinematicRetro { 
  0% { opacity: 0; transform: rotate(-8deg) scale(0.94); }
  22% { opacity: 0.6; }
  80% { opacity: 0.42; transform: rotate(18deg) scale(1.08); }
  100% { opacity: 0; transform: rotate(26deg) scale(1.12); }
}
.login-card .button-primary, #submitAccount { min-height: 46px; font-size: 0.98rem; }
@keyframes previewOrbit { 
  0% { transform: rotate(0deg) scale(1); }
  100% { transform: rotate(360deg) scale(1.04); }
}
@keyframes previewPop { 
  0% { transform: scale(0.96); box-shadow: rgba(0, 229, 255, 0) 0px 0px 0px; }
  48% { transform: scale(1.025); box-shadow: rgba(255, 45, 154, 0.24) 0px 0px 42px; }
  100% { transform: scale(1); box-shadow: rgba(0, 0, 0, 0.42) 0px 22px 60px, rgba(0, 229, 255, 0.12) 0px 0px 28px; }
}
@keyframes previewShake { 
  0%, 100% { translate: 0px; }
  20% { translate: calc(var(--preview-shake, 0px) * -1) calc(var(--preview-shake, 0px) * 0.55); }
  40% { translate: var(--preview-shake, 0px) calc(var(--preview-shake, 0px) * -0.55); }
  60% { translate: calc(var(--preview-shake, 0px) * -0.5) calc(var(--preview-shake, 0px) * -0.42); }
  80% { translate: calc(var(--preview-shake, 0px) * 0.5) calc(var(--preview-shake, 0px) * 0.42); }
}
@keyframes previewParticleBurst { 
  0% { opacity: 0; transform: translate3d(0px, 20px, 0px) scale(0.4); }
  20% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(calc((var(--i) - 7) * 8px), calc(-72px - (var(--i) * 3px)), 0) scale(1); }
}
@keyframes loginGlowDrift { 
  0% { transform: translate3d(0px, 0px, 0px) scale(0.94); opacity: 0.52; }
  100% { transform: translate3d(-38px, 34px, 0px) scale(1.08); opacity: 0.82; }
}
.dashboard-page .button-primary, .dashboard-page .streamer-primary-action, .dashboard-page #dashboardPrimaryTestAlert, .dashboard-page #streamerPrimaryTestAlert { min-height: 44px; padding-inline: 18px; box-shadow: rgba(255, 45, 154, 0.22) 0px 14px 34px, rgba(0, 229, 255, 0.12) 0px 0px 26px; }
.dashboard-page .button-primary:hover, .dashboard-page .streamer-primary-action:hover, .dashboard-page #dashboardPrimaryTestAlert:hover, .dashboard-page #streamerPrimaryTestAlert:hover { transform: translateY(-2px); box-shadow: rgba(255, 45, 154, 0.26) 0px 18px 40px, rgba(0, 229, 255, 0.16) 0px 0px 30px; }
.dashboard-page .live-indicator:has(.ok), .dashboard-page .status.good, .dashboard-page .status.active, .dashboard-page .status-pill.status-live { animation: 2.8s ease-in-out 0s infinite normal none running statusBreath; }
.dashboard-page[data-dashboard-role="mod"] .moderation-command-card .button-primary, .dashboard-page[data-dashboard-role="mod"] #discordComposerPanel .button-primary { background: linear-gradient(100deg, rgb(255, 210, 107) 0%, rgb(0, 229, 255) 100%); color: rgb(6, 17, 27); box-shadow: rgba(255, 210, 107, 0.18) 0px 14px 30px, rgba(0, 229, 255, 0.1) 0px 0px 22px; }
@keyframes previewAmbientDrift { 
  0% { transform: rotate(0deg) scale(1); }
  100% { transform: rotate(360deg) scale(1.04); }
}
@keyframes statusBreath { 
  0%, 100% { box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset, rgba(0, 229, 255, 0) 0px 0px 0px; }
  50% { box-shadow: rgba(255, 255, 255, 0.04) 0px 1px 0px inset, rgba(0, 229, 255, 0.11) 0px 0px 16px; }
}
@keyframes softItemArrive { 
  0% { opacity: 0.72; transform: translateY(4px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (prefers-reduced-motion: reduce){.dashboard-page .live-overlay-preview::before, .dashboard-page .preview-cinematic-layer, .dashboard-page .preview-cinematic-layer::before, .dashboard-page .preview-cinematic-layer::after, .dashboard-page .live-indicator:has(.ok), .dashboard-page .status.good, .dashboard-page .status.active, .dashboard-page .status-pill.status-live, .dashboard-page .activity-feed-item:first-child, .dashboard-page .feedItem:first-child, .dashboard-page .reviewItem:first-child, .dashboard-page [aria-busy="true"]::before, .dashboard-page .is-loading::before { animation: auto ease 0s 1 normal none running none !important; }
}
.quick-start-progress span.active, .quick-start-progress span.done { background: linear-gradient(90deg, var(--tink-pink), var(--tink-cyan)); box-shadow: rgba(34, 211, 238, 0.16) 0px 0px 18px; }
.quick-step.active { display: grid; align-content: center; gap: 16px; animation: 180ms ease-out 0s 1 normal none running quickStepIn; }
@keyframes quickStepIn { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes quickAlertPop { 
  0% { transform: scale(0.94); opacity: 0.7; }
  48% { transform: scale(1.035); opacity: 1; }
  100% { transform: scale(1); }
}
.segmented-control .ghost-button.active { border-color: rgba(0, 229, 255, 0.34); background: rgba(0, 229, 255, 0.12); color: rgb(245, 254, 255); box-shadow: rgba(0, 229, 255, 0.1) 0px 0px 18px; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-card-actions .button-primary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-card-actions .button-secondary { min-height: 34px; padding: 7px 10px; font-size: 0.78rem; white-space: normal; }
.alert-studio-tabs .ghost-button.active { border-color: rgba(0, 229, 255, 0.42); background: radial-gradient(circle at 20% 0%, rgba(255, 45, 154, 0.14), transparent 40%), rgba(0, 229, 255, 0.1); color: rgb(247, 251, 255); box-shadow: rgba(0, 229, 255, 0.12) 0px 0px 18px; }
.alert-studio-primary-actions .button-primary { min-width: 150px; }
.alert-pack-card-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; }
.alert-pack-card { display: grid; gap: 8px; padding: 12px; border: 1px solid rgba(133, 151, 200, 0.16); border-radius: 10px; background: radial-gradient(circle at left top, rgba(255, 45, 154, 0.12), transparent 42%), rgba(7, 12, 26, 0.68); transition: border-color 160ms, box-shadow 160ms, transform 160ms; }
.alert-pack-card.active { border-color: rgba(34, 211, 238, 0.62); box-shadow: rgba(255, 47, 216, 0.16) 0px 0px 0px 1px, rgba(34, 211, 238, 0.16) 0px 0px 26px, rgba(0, 0, 0, 0.24) 0px 16px 36px; transform: translateY(-1px); }
.alert-pack-card-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.alert-pack-card p { margin: 0px; color: var(--text-muted); line-height: 1.4; }
.alert-pack-card small { color: var(--text-dim); }
.alert-pack-thumb, .alert-selected-pack-preview { display: block; width: 100%; aspect-ratio: 266 / 590; border: 1px solid rgba(34, 211, 238, 0.2); border-radius: 10px; object-fit: cover; object-position: center top; background: radial-gradient(circle at 20% 20%, rgba(255, 47, 216, 0.16), transparent 36%), rgba(3, 7, 18, 0.62); }
.alert-pack-vibe-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: rgba(190, 242, 255, 0.88); font-size: 0.78rem; font-weight: 850; line-height: 1.25; }
.alert-pack-tag { display: inline-flex; align-items: center; min-height: 24px; padding: 4px 8px; border: 1px solid rgba(34, 211, 238, 0.2); border-radius: 999px; background: linear-gradient(135deg, rgba(34, 211, 238, 0.09), rgba(255, 47, 216, 0.08)), rgba(3, 7, 18, 0.44); color: rgba(226, 232, 240, 0.88); }
.alert-studio-tab-panel .alert-studio-actions:not(.alert-studio-primary-actions) .button-secondary, .alert-studio-tab-panel .alert-studio-actions:not(.alert-studio-primary-actions) .button-primary { min-height: 34px; padding: 7px 10px; }
.alert-selected-pack-hero .field-label, .alert-selected-pack-hero .alert-studio-primary-actions, .alert-selected-pack-hero .recommended-alert-packs, .alert-selected-pack-hero .alert-pack-browse-button { grid-column: 1 / -1; }
.alert-studio-primary-actions .button-primary { min-width: 172px; min-height: 44px; font-size: 0.98rem; box-shadow: rgba(255, 47, 216, 0.22) 0px 0px 28px, rgba(34, 211, 238, 0.16) 0px 0px 26px; }
.alert-pack-recommendation { display: grid; grid-template-columns: 58px minmax(0px, 1fr); gap: 4px 10px; min-height: 96px; padding: 11px 12px; border: 1px solid rgba(148, 163, 184, 0.16); border-radius: 10px; background: rgba(3, 7, 18, 0.46); color: rgba(226, 232, 240, 0.86); text-align: left; cursor: pointer; }
.alert-pack-recommendation img { grid-row: span 2; width: 58px; height: 82px; border: 1px solid rgba(34, 211, 238, 0.18); border-radius: 10px; object-fit: cover; object-position: center top; background: rgba(3, 7, 18, 0.58); }
.alert-pack-recommendation:hover, .alert-pack-recommendation.active { border-color: rgba(34, 211, 238, 0.42); background: linear-gradient(135deg, rgba(34, 211, 238, 0.12), rgba(255, 47, 216, 0.08)), rgba(3, 7, 18, 0.56); color: rgb(248, 251, 255); }
.alert-pack-recommendation span { color: var(--text-muted); font-size: 0.78rem; font-weight: 800; }
.alert-pack-modal { width: min(980px, -28px + 100vw); max-height: min(820px, -28px + 100vh); padding: 0px; border: 1px solid rgba(34, 211, 238, 0.28); border-radius: 14px; background: radial-gradient(circle at 12% 0%, rgba(255, 47, 216, 0.18), transparent 34%), linear-gradient(rgba(9, 13, 29, 0.98), rgba(4, 7, 16, 0.98)); color: rgb(248, 251, 255); box-shadow: rgba(0, 0, 0, 0.64) 0px 34px 120px, rgba(34, 211, 238, 0.14) 0px 0px 44px; }
.alert-pack-modal::backdrop { background: rgba(0, 0, 0, 0.72); backdrop-filter: blur(8px); }
.alert-pack-modal-shell { display: grid; gap: 16px; padding: clamp(16px, 3vw, 24px); }
.alert-pack-modal .alert-pack-card-grid { max-height: min(620px, -180px + 100vh); overflow: auto; padding-right: 4px; }
.dashboard-page[data-product-page="dashboard"] .connection-summary-actions .button-primary, .dashboard-page[data-product-page="dashboard"] .connection-summary-actions .button-secondary { min-height: 32px; padding: 7px 10px; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-sidebar-link.active { border-color: rgba(0, 229, 255, 0.42); color: rgb(247, 251, 255); background: linear-gradient(135deg, rgba(0, 229, 255, 0.13), rgba(255, 47, 216, 0.09)), rgba(9, 14, 28, 0.76); box-shadow: rgba(0, 229, 255, 0.13) 0px 0px 22px; }
@keyframes studioPanelIn { 
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.platform-setup-actions .button-primary, .platform-setup-actions .button-secondary { min-height: 36px; padding: 8px 12px; }
.dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .section-command-actions .button-primary { min-height: 38px; border-color: rgba(0, 229, 255, 0.46); box-shadow: rgba(0, 229, 255, 0.14) 0px 0px 24px; }
@keyframes modLivePulse { 
  0%, 100% { box-shadow: rgba(34, 197, 94, 0.12) 0px 0px 0px 3px, rgba(34, 197, 94, 0.18) 0px 0px 14px; }
  50% { box-shadow: rgba(34, 197, 94, 0.04) 0px 0px 0px 6px, rgba(34, 197, 94, 0.24) 0px 0px 22px; }
}
.dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .mod-workspace-link.active { border-color: rgba(0, 229, 255, 0.42); color: rgb(247, 251, 255); background: linear-gradient(135deg, rgba(0, 229, 255, 0.13), rgba(255, 47, 216, 0.09)), rgba(9, 14, 28, 0.76); box-shadow: rgba(0, 229, 255, 0.13) 0px 0px 22px; }
.dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .mod-dashboard-link.active { border-color: rgba(0, 229, 255, 0.38); }
.dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] #modWorkspaceReviews .mod-review-command-card .button-primary { min-width: 150px; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-sidebar-link.active, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .mod-workspace-link.active { border-color: rgba(0, 229, 255, 0.4); background: linear-gradient(90deg, rgba(0, 229, 255, 0.16), rgba(255, 47, 216, 0.08)), rgba(6, 13, 26, 0.86); box-shadow: rgba(0, 229, 255, 0.88) 3px 0px 0px inset, rgba(0, 229, 255, 0.09) 0px 0px 18px; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .button-primary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] button.button-primary, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .button-primary, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] button.button-primary { min-height: 40px; padding: 9px 15px; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .streamer-primary-action, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #quickStartPromptStart, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] #modWorkspaceReviews .button-primary { min-height: 44px; box-shadow: rgba(255, 47, 216, 0.18) 0px 16px 34px, rgba(0, 229, 255, 0.12) 0px 0px 24px !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .live-indicator:has(.ok), .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .live-indicator:has(.ok), .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .status.active, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .status.active { animation: 2.6s ease-in-out 0s infinite normal none running premiumStatusPulse; }
@keyframes premiumStatusPulse { 
  0%, 100% { box-shadow: rgba(0, 229, 255, 0) 0px 0px 0px; }
  50% { box-shadow: rgba(0, 229, 255, 0.12) 0px 0px 18px; }
}
@keyframes premiumItemArrive { 
  0% { opacity: 0.72; transform: translateY(3px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (prefers-reduced-motion: reduce){.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .live-indicator:has(.ok), .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .live-indicator:has(.ok), .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .status.active, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .status.active, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .activity-feed-item:first-child, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .feedItem:first-child, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .reviewItem:first-child, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .feedItem:first-child { animation: auto ease 0s 1 normal none running none !important; }
}
.landing-page { min-height: 100vh; overflow-x: hidden; color-scheme: dark; background: radial-gradient(circle at 18% 8%, rgba(255, 45, 154, 0.18), transparent 34%), radial-gradient(circle at 82% 10%, rgba(0, 229, 255, 0.14), transparent 32%), radial-gradient(circle at 50% 58%, rgba(122, 92, 255, 0.12), transparent 42%), linear-gradient(rgb(7, 8, 14) 0%, rgb(11, 12, 16) 44%, rgb(7, 8, 14) 100%) rgb(7, 8, 14); }
.landing-shell { width: min(1180px, 100% - 40px); margin: 0px auto; padding: 22px 0px 64px; }
.landing-nav { position: sticky; top: 14px; z-index: 10; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; min-height: 62px; padding: 10px 12px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 18px; background: rgba(9, 11, 18, 0.72); box-shadow: rgba(0, 0, 0, 0.32) 0px 18px 58px; backdrop-filter: blur(20px); }
.landing-brand, .landing-nav-links, .landing-nav-cta { display: inline-flex; align-items: center; }
.landing-brand { gap: 10px; color: var(--text-main); font-weight: 850; letter-spacing: 0px; }
.landing-brand:hover, .landing-nav a:hover, .landing-button:hover { text-decoration: none; }
.landing-brand-mark { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 12px; background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.32), transparent 28%), linear-gradient(135deg, rgba(255, 45, 154, 0.9), rgba(0, 229, 255, 0.8)); color: rgb(255, 255, 255); box-shadow: rgba(255, 45, 154, 0.25) 0px 0px 24px; }
.landing-nav-links { justify-content: center; gap: 6px; padding: 5px; border-radius: 999px; background: rgba(255, 255, 255, 0.043); }
.landing-nav-links a { padding: 8px 12px; border-radius: 999px; color: var(--text-muted); font-size: 0.82rem; font-weight: 750; }
.landing-nav-links a:hover { background: rgba(255, 255, 255, 0.07); color: rgb(255, 255, 255); }
.landing-nav-cta { justify-self: end; padding: 10px 14px; border: 1px solid rgba(0, 229, 255, 0.42); border-radius: 999px; color: rgb(234, 255, 255); font-size: 0.84rem; font-weight: 850; background: rgba(0, 229, 255, 0.1); box-shadow: rgba(0, 229, 255, 0.12) 0px 0px 24px; }
.landing-hero { position: relative; display: grid; grid-template-columns: minmax(0px, 0.95fr) minmax(480px, 1.05fr); gap: 42px; align-items: center; min-height: calc(-98px + 100vh); padding: 54px 0px 70px; }
.landing-hero::before, .landing-final-cta::before { content: ""; position: absolute; inset: 10% -10% auto auto; width: 420px; height: 420px; border-radius: 50%; background: conic-gradient(from 110deg, rgba(255, 45, 154, 0.34), rgba(0, 229, 255, 0.28), rgba(122, 92, 255, 0.34), rgba(255, 45, 154, 0.34)); filter: blur(54px); opacity: 0.5; pointer-events: none; animation: 10s ease-in-out 0s infinite normal none running landingGlowDrift; }
.landing-hero-copy { position: relative; z-index: 1; }
.landing-kicker { margin: 0px 0px 12px; color: var(--accent-cyan); font-size: 0.76rem; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; }
.landing-hero h1, .landing-section h2, .landing-final-cta h2 { margin: 0px; color: rgb(255, 255, 255); letter-spacing: 0px; }
.landing-hero h1 { max-width: 760px; font-size: clamp(3.4rem, 7vw, 6.8rem); line-height: 0.92; }
.landing-lede { max-width: 610px; margin: 22px 0px 0px; color: var(--text-muted); font-size: clamp(1.02rem, 1.7vw, 1.22rem); line-height: 1.7; }
.landing-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.landing-button { min-height: 48px; align-items: center; justify-content: center; padding-inline: 18px; font-weight: 900; }
.landing-hero-stats { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.landing-hero-stats span { display: inline-flex; gap: 6px; align-items: center; padding: 9px 11px; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 999px; background: rgba(255, 255, 255, 0.043); color: var(--text-muted); font-size: 0.78rem; font-weight: 750; }
.landing-hero-stats strong { color: rgb(255, 255, 255); }
.landing-showcase { position: relative; z-index: 1; min-height: 560px; perspective: 1200px; }
.landing-product-window { position: absolute; inset: 38px 0px auto auto; width: min(100%, 680px); min-height: 440px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 26px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.043)), rgba(11, 12, 18, 0.9); box-shadow: rgba(0, 0, 0, 0.48) 0px 36px 90px, rgba(0, 229, 255, 0.12) 0px 0px 70px, rgba(255, 45, 154, 0.1) 0px 0px 84px; transform: rotateY(-7deg) rotateX(4deg); transform-origin: center center; backdrop-filter: blur(22px); animation: 7s ease-in-out 0s infinite normal none running landingWindowFloat; }
.landing-window-bar { display: flex; align-items: center; gap: 8px; min-height: 46px; padding: 0px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.043); }
.landing-window-bar span { width: 10px; height: 10px; border-radius: 999px; background: var(--accent-pink); box-shadow: rgba(255, 45, 154, 0.4) 0px 0px 16px; }
.landing-window-bar span:nth-child(2) { background: var(--accent-yellow); }
.landing-window-bar span:nth-child(3) { background: var(--accent-cyan); }
.landing-window-bar strong { margin-left: 10px; color: var(--text-muted); font-size: 0.8rem; }
.landing-dashboard-preview { display: grid; grid-template-columns: 1fr 190px; gap: 16px; padding: 18px; }
.landing-preview-main, .landing-preview-side { min-height: 338px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; background: rgba(5, 7, 13, 0.56); }
.landing-preview-main { position: relative; overflow: hidden; padding: 18px; }
.landing-live-card { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border: 1px solid rgba(0, 229, 255, 0.18); border-radius: 18px; background: rgba(0, 229, 255, 0.08); }
.landing-live-card strong, .landing-alert-pop strong, .landing-mod-chip, .landing-alert-card span, .landing-workspace-card strong, .landing-obs-steps strong, .landing-mod-grid strong { color: rgb(255, 255, 255); }
.landing-live-card p { margin: 3px 0px 0px; color: var(--text-muted); font-size: 0.82rem; }
.landing-live-dot { flex: 0 0 auto; width: 12px; height: 12px; margin-top: 4px; border-radius: 999px; background: var(--accent-green); box-shadow: rgba(65, 214, 157, 0.12) 0px 0px 0px 7px, rgba(65, 214, 157, 0.44) 0px 0px 22px; }
.landing-mini-chart { position: absolute; right: 18px; bottom: 18px; left: 18px; display: grid; grid-template-columns: repeat(5, 1fr); align-items: end; gap: 10px; height: 150px; }
.landing-mini-chart span { display: block; min-height: 42px; border-radius: 14px 14px 7px 7px; background: linear-gradient(rgba(255, 45, 154, 0.7), rgba(0, 229, 255, 0.18)); box-shadow: rgba(255, 45, 154, 0.1) 0px 0px 24px; animation: 4.6s ease-in-out 0s infinite normal none running landingBars; }
.landing-mini-chart span:nth-child(2) { min-height: 92px; animation-delay: -1s; }
.landing-mini-chart span:nth-child(3) { min-height: 118px; animation-delay: -2s; }
.landing-mini-chart span:nth-child(4) { min-height: 74px; animation-delay: -1.4s; }
.landing-mini-chart span:nth-child(5) { min-height: 132px; animation-delay: -2.4s; }
.landing-alert-pop { position: absolute; left: 30px; top: 126px; width: min(72%, 330px); padding: 14px; border: 1px solid rgba(255, 45, 154, 0.32); border-radius: 18px; background: rgba(10, 12, 20, 0.88); box-shadow: rgba(255, 45, 154, 0.18) 0px 20px 54px; animation: 4.8s ease-in-out 0s infinite normal none running landingAlertPulse; }
.landing-alert-pop small { display: block; margin-bottom: 4px; color: var(--accent-pink); font-size: 0.7rem; font-weight: 900; text-transform: uppercase; }
.landing-preview-side { display: flex; flex-direction: column; gap: 10px; padding: 14px; }
.landing-chat-row { height: 42px; border-radius: 14px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)); }
.landing-chat-row.cyan { box-shadow: inset 4px 0 0 var(--accent-cyan); }
.landing-chat-row.pink { box-shadow: inset 4px 0 0 var(--accent-pink); }
.landing-chat-row.purple { box-shadow: inset 4px 0 0 var(--accent-purple); }
.landing-mod-chip { margin-top: auto; padding: 12px; border: 1px solid rgba(65, 214, 157, 0.22); border-radius: 16px; background: rgba(65, 214, 157, 0.08); font-size: 0.78rem; font-weight: 850; }
.landing-floating-overlay { position: absolute; right: -8px; bottom: 8px; width: min(48%, 330px); padding: 14px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 24px; background: rgba(8, 10, 18, 0.68); box-shadow: rgba(0, 0, 0, 0.42) 0px 28px 70px, rgba(255, 45, 154, 0.16) 0px 0px 50px; backdrop-filter: blur(18px); animation: 5.6s ease-in-out 0s infinite normal none running landingOverlayHover; }
.landing-floating-overlay img, .landing-alert-card img { display: block; width: 100%; height: auto; }
.landing-section { position: relative; padding: 72px 0px; }
.landing-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 24px; }
.landing-section-heading.compact { align-items: start; flex-direction: column; gap: 0px; }
.landing-section h2, .landing-final-cta h2 { max-width: 760px; font-size: clamp(2.1rem, 4vw, 4.2rem); line-height: 1; }
.landing-alert-grid, .landing-workspace-grid, .landing-mod-grid { display: grid; gap: 16px; }
.landing-alert-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.landing-alert-card { position: relative; overflow: hidden; min-height: 280px; padding: 16px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 22px; background: radial-gradient(circle at 50% 28%, rgba(255, 255, 255, 0.12), transparent 36%), rgba(255, 255, 255, 0.043); box-shadow: rgba(0, 0, 0, 0.22) 0px 24px 70px; transform: translateY(0px); transition: transform var(--transition-med), border-color var(--transition-med), box-shadow var(--transition-med); }
.landing-alert-card::after { content: ""; position: absolute; inset: auto 16px 16px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--accent-pink), var(--accent-cyan)); box-shadow: rgba(0, 229, 255, 0.24) 0px 0px 24px; }
.landing-alert-card:hover { transform: translateY(-8px); border-color: rgba(255, 255, 255, 0.2); box-shadow: rgba(0, 0, 0, 0.34) 0px 34px 82px, rgba(255, 45, 154, 0.12) 0px 0px 50px; }
.landing-alert-card img { max-height: 210px; object-fit: contain; filter: drop-shadow(rgba(0, 0, 0, 0.34) 0px 22px 28px); animation: 6s ease-in-out 0s infinite normal none running landingAssetFloat; }
.landing-alert-card:nth-child(2) img { animation-delay: -1.1s; }
.landing-alert-card:nth-child(3) img { animation-delay: -2.2s; }
.landing-alert-card:nth-child(4) img { animation-delay: -3.3s; }
.landing-alert-card span { position: absolute; left: 18px; bottom: 28px; font-size: 1.1rem; font-weight: 950; }
.alert-pack-showcase { --alert-pack-glow-a: rgba(255, 47, 216, 0.22); --alert-pack-glow-b: rgba(34, 211, 238, 0.2); --pack-primary: #ff2fd8; --pack-secondary: #22d3ee; --pack-accent: #ffffff; position: relative; padding-block: clamp(18px, 4vw, 44px); }
.alert-pack-showcase::before { content: ""; position: absolute; inset: -40px -6vw; z-index: 0; pointer-events: none; background: linear-gradient(transparent, rgba(34, 211, 238, 0.043) 26%, rgba(255, 47, 216, 0.043) 70%, transparent), radial-gradient(circle at 18% 28%, rgba(255, 47, 216, 0.1), transparent 30%), radial-gradient(circle at 88% 52%, rgba(34, 211, 238, 0.09), transparent 32%); }
.alert-pack-showcase > * { position: relative; z-index: 1; }
.alert-pack-showcase-panel { position: relative; display: grid; gap: clamp(16px, 2.4vw, 24px); overflow: hidden; padding: clamp(18px, 3vw, 30px); border: 1px solid rgba(34, 211, 238, 0.28); border-radius: 24px; background: radial-gradient(circle at 14% 8%, rgba(255, 47, 216, 0.18), transparent 34%), radial-gradient(circle at 90% 14%, rgba(34, 211, 238, 0.16), transparent 34%), linear-gradient(145deg, rgba(13, 18, 36, 0.9), rgba(6, 8, 18, 0.86)); box-shadow: 0 30px 90px rgba(0, 0, 0, 0.38),
    0 0 44px var(--alert-pack-glow-a),
    inset 0 1px 0 rgba(255, 255, 255, 0.1); isolation: isolate; }
.alert-pack-showcase-panel::before, .alert-pack-showcase-panel::after { content: ""; position: absolute; pointer-events: none; }
.alert-pack-showcase-panel::before { inset: 0px; border-radius: inherit; background: linear-gradient(120deg, rgba(255, 255, 255, 0.1), transparent 26%, transparent 68%, rgba(34, 211, 238, 0.1)), linear-gradient(90deg, rgba(255, 47, 216, 0.14), rgba(34, 211, 238, 0.12)); opacity: 0.55; }
.alert-pack-showcase-panel::after { inset: -28%; background: radial-gradient(circle at 28% 24%, rgba(255, 47, 216, 0.14), transparent 22%), radial-gradient(circle at 70% 18%, rgba(34, 211, 238, 0.12), transparent 24%); filter: blur(22px); }
.alert-pack-showcase-panel > * { position: relative; z-index: 1; }
.alert-pack-showcase-copy { display: grid; gap: 8px; max-width: 760px; }
.alert-pack-showcase-copy h2 { margin: 0px; }
.alert-pack-showcase-copy p:not(.landing-kicker):not(.card-label) { margin: 0px; color: rgba(220, 235, 248, 0.84); font-size: clamp(1rem, 1.6vw, 1.18rem); line-height: 1.55; }
.alert-pack-experience-grid { display: grid; grid-template-columns: 1fr; gap: clamp(22px, 4vw, 38px); }
.alert-pack-live-preview, .alert-pack-support-column { display: grid; gap: 14px; min-width: 0px; }
.alert-pack-live-preview { width: min(100%, 1080px); margin-inline: auto; padding: clamp(12px, 2vw, 18px); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 22px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.024)), rgba(4, 8, 18, 0.42); box-shadow: rgba(0, 0, 0, 0.28) 0px 24px 70px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; }
.alert-pack-support-column { width: min(100%, 860px); margin-inline: auto; padding-top: clamp(16px, 3vw, 26px); border-top: 1px solid rgba(255, 255, 255, 0.12); opacity: 0.92; }
.alert-pack-glance-heading { display: grid; gap: 6px; }
.alert-pack-glance-heading h3 { margin: 0px; color: rgb(248, 251, 255); font-size: clamp(1.15rem, 2vw, 1.55rem); }
.alert-pack-stream-frame { position: relative; display: grid; align-content: center; min-height: clamp(300px, 34vw, 430px); overflow: hidden; padding: clamp(16px, 3vw, 28px); border: 1px solid color-mix(in srgb, var(--pack-secondary) 46%, rgba(255, 255, 255, 0.18)); border-radius: 22px; background: radial-gradient(circle at 20% 18%, color-mix(in srgb, var(--pack-primary) 28%, transparent), transparent 27%),
    radial-gradient(circle at 82% 22%, color-mix(in srgb, var(--pack-secondary) 24%, transparent), transparent 30%),
    linear-gradient(145deg, rgba(4, 8, 18, 0.96), rgba(8, 11, 24, 0.88)); box-shadow: 0 28px 82px rgba(0, 0, 0, 0.42),
    0 0 42px color-mix(in srgb, var(--pack-primary) 24%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.09); isolation: isolate; }
.alert-pack-stream-frame::before, .alert-pack-stream-frame::after { content: ""; position: absolute; inset: 0px; pointer-events: none; }
.alert-pack-stream-frame::before { opacity: 0.5; background: linear-gradient(rgba(255, 255, 255, 0.043) 1px, transparent 1px) 0% 0% / 44px 44px, linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px); mask-image: linear-gradient(transparent, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 74%, transparent); }
.alert-pack-stream-frame::after { background: linear-gradient(110deg, transparent 0 36%, color-mix(in srgb, var(--pack-secondary) 14%, transparent) 45%, transparent 58%),
    radial-gradient(circle at 50% 110%, color-mix(in srgb, var(--pack-primary) 24%, transparent), transparent 42%); }
.alert-pack-stream-topbar { position: absolute; top: 14px; left: 14px; right: 14px; z-index: 2; display: flex; align-items: center; gap: 9px; min-width: 0px; color: rgba(239, 246, 255, 0.84); font-size: 0.82rem; font-weight: 850; flex-wrap: wrap; }
.alert-pack-stream-topbar strong { color: rgb(248, 251, 255); }
.alert-pack-stream-topbar b { color: rgb(255, 255, 255); font-weight: 950; }
.alert-pack-stream-topbar span:last-child { margin-left: auto; min-width: 0px; overflow: hidden; color: color-mix(in srgb, var(--pack-secondary) 72%, #ffffff); text-overflow: ellipsis; white-space: nowrap; }
.alert-pack-live-dot { width: 9px; height: 9px; flex: 0 0 auto; border-radius: 999px; background: var(--pack-primary); box-shadow: 0 0 16px var(--pack-primary); }
.alert-pack-stream-chat { position: absolute; right: 16px; bottom: 18px; z-index: 1; display: grid; gap: 8px; width: min(210px, 42%); opacity: 0.7; }
.alert-pack-stream-chat span { height: 14px; border-radius: 999px; background: linear-gradient(90deg, color-mix(in srgb, var(--pack-secondary) 30%, transparent), rgba(255, 255, 255, 0.08)); }
.alert-pack-stream-chat span:nth-child(2) { width: 76%; justify-self: end; }
.alert-pack-stream-chat span:nth-child(3) { width: 88%; justify-self: end; }
.alert-pack-particles { position: absolute; inset: 0px; z-index: 1; pointer-events: none; }
.alert-pack-particles i { position: absolute; width: 7px; height: 7px; border-radius: 999px; background: var(--pack-secondary); box-shadow: 0 0 18px var(--pack-secondary); opacity: 0.78; animation: 5.6s ease-in-out 0s infinite normal none running alertPackParticleFloat; }
.alert-pack-particles i:nth-child(1) { left: 14%; top: 34%; animation-delay: -0.2s; }
.alert-pack-particles i:nth-child(2) { left: 28%; top: 68%; animation-delay: -1.1s; background: var(--pack-primary); }
.alert-pack-particles i:nth-child(3) { left: 52%; top: 24%; animation-delay: -2s; }
.alert-pack-particles i:nth-child(4) { left: 70%; top: 60%; animation-delay: -2.8s; background: var(--pack-primary); }
.alert-pack-particles i:nth-child(5) { left: 84%; top: 38%; animation-delay: -3.5s; }
.alert-pack-particles i:nth-child(6) { left: 38%; top: 42%; animation-delay: -4.3s; background: var(--pack-accent); }
.alert-pack-live-card { position: relative; z-index: 3; display: grid; grid-template-columns: minmax(128px, 180px) minmax(0px, 1fr); gap: 16px; align-items: center; width: min(100%, 640px); margin: auto; padding: clamp(18px, 3vw, 24px); border: 1px solid color-mix(in srgb, var(--pack-secondary) 52%, rgba(255, 255, 255, 0.2)); border-radius: 20px; background: linear-gradient(135deg, color-mix(in srgb, var(--pack-primary) 24%, transparent), color-mix(in srgb, var(--pack-secondary) 18%, transparent)),
    rgba(4, 8, 18, 0.82); box-shadow: 0 26px 64px rgba(0, 0, 0, 0.42),
    0 0 42px color-mix(in srgb, var(--pack-primary) 28%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.12); backdrop-filter: blur(14px); }
.alert-pack-live-card::after { content: ""; position: absolute; inset: -1px; pointer-events: none; border-radius: inherit; background: linear-gradient(105deg, transparent, color-mix(in srgb, var(--pack-accent) 18%, transparent), transparent); opacity: 0; }
.alert-pack-live-card.is-previewing::after { animation: 760ms ease-out 0s 1 normal none running alertPackCardSweep; }
.alert-pack-live-art { display: block; width: 100%; aspect-ratio: 3.1 / 1; object-fit: contain; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 12px; background: rgba(2, 6, 16, 0.72); box-shadow: 0 0 28px color-mix(in srgb, var(--pack-primary) 32%, transparent); }
.alert-pack-live-icon { display: grid; place-items: center; width: 68px; height: 68px; border-radius: 18px; color: rgb(255, 255, 255); font-size: 1.5rem; font-weight: 950; background: radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.45), transparent 34%),
    linear-gradient(135deg, var(--pack-primary), var(--pack-secondary)); box-shadow: 0 0 28px color-mix(in srgb, var(--pack-primary) 40%, transparent); }
.alert-pack-live-card span { color: color-mix(in srgb, var(--pack-secondary) 74%, #ffffff); font-size: 0.78rem; font-weight: 950; letter-spacing: 0px; text-transform: uppercase; }
.alert-pack-live-card em { display: inline-flex; width: fit-content; margin-top: 5px; padding: 3px 8px; border: 1px solid color-mix(in srgb, var(--pack-secondary) 42%, transparent); border-radius: 999px; color: color-mix(in srgb, var(--pack-accent) 70%, #ffffff); font-size: 0.72rem; font-style: normal; font-weight: 900; background: rgba(5, 10, 24, 0.48); }
.alert-pack-live-card strong { display: block; margin-top: 4px; color: rgb(255, 255, 255); font-size: clamp(1.45rem, 3vw, 2.2rem); line-height: 1.05; }
.alert-pack-live-card p { margin: 6px 0px 0px; color: rgba(239, 246, 255, 0.84); font-size: clamp(1rem, 1.8vw, 1.18rem); font-weight: 850; }
.alert-pack-showcase.is-previewing .alert-pack-stream-frame { box-shadow: 0 34px 96px rgba(0, 0, 0, 0.5),
    0 0 68px color-mix(in srgb, var(--pack-primary) 36%, transparent),
    0 0 54px color-mix(in srgb, var(--pack-secondary) 26%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.12); }
.alert-pack-showcase[data-pack-effect="cosmic"] .alert-pack-stream-frame::before { background-image: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position: 0px 0px, 22px 18px; background-size: 54px 54px, 72px 72px; }
.alert-pack-showcase[data-pack-effect="electric"] .alert-pack-stream-frame::after, .alert-pack-showcase[data-pack-effect="hud"] .alert-pack-stream-frame::after { background: linear-gradient(100deg, transparent 0 34%, color-mix(in srgb, var(--pack-secondary) 28%, transparent) 35% 38%, transparent 42%),
    linear-gradient(160deg, transparent 0 58%, color-mix(in srgb, var(--pack-primary) 22%, transparent) 60% 62%, transparent 66%); }
.alert-pack-showcase[data-pack-effect="toxic"] .alert-pack-live-card { border-radius: 16px 24px 18px 26px; background: repeating-linear-gradient(135deg, rgba(124, 255, 0, 0.16) 0px, rgba(124, 255, 0, 0.16) 8px, transparent 8px, transparent 18px), linear-gradient(135deg, rgba(124, 255, 0, 0.2), rgba(182, 255, 61, 0.1)), rgba(4, 8, 18, 0.84); }
.alert-pack-showcase[data-pack-effect="toxic"] .alert-pack-stream-frame::after { background: radial-gradient(circle at 18% 72%, rgba(124, 255, 0, 0.2), transparent 28%), linear-gradient(100deg, transparent 0px, transparent 35%, rgba(182, 255, 61, 0.2) 36%, rgba(182, 255, 61, 0.2) 38%, transparent 42%); }
.alert-pack-showcase[data-pack-effect="toxic"] .alert-pack-live-icon { border-radius: 12px 22px; }
.alert-pack-showcase[data-pack-effect="ember"] .alert-pack-particles i, .alert-pack-showcase[data-pack-effect="retro"] .alert-pack-particles i { border-radius: 3px; }
.alert-pack-showcase[data-pack-effect="ember"] .alert-pack-stream-frame { background: radial-gradient(circle at 18% 72%, rgba(255, 107, 47, 0.28), transparent 28%), radial-gradient(circle at 78% 20%, rgba(255, 209, 102, 0.2), transparent 26%), linear-gradient(145deg, rgba(24, 8, 4, 0.96), rgba(8, 11, 24, 0.88)); }
.alert-pack-showcase[data-pack-effect="ember"] .alert-pack-live-card { background: linear-gradient(135deg, rgba(255, 107, 47, 0.28), rgba(255, 209, 102, 0.12)), rgba(18, 8, 4, 0.86); }
.alert-pack-showcase[data-pack-effect="frost"] .alert-pack-live-card { background: linear-gradient(135deg, color-mix(in srgb, var(--pack-secondary) 22%, transparent), rgba(255, 255, 255, 0.08)),
    rgba(4, 8, 18, 0.82); }
.alert-pack-showcase[data-pack-effect="luxe"] .alert-pack-live-card { border-radius: 28px 16px; }
.alert-pack-showcase[data-pack-effect="pulse"] .alert-pack-live-icon { border-radius: 999px; }
.alert-pack-showcase[data-pack-effect="pulse"] .alert-pack-stream-frame::before { background: radial-gradient(circle, rgba(57, 255, 136, 0.22), transparent 12%) 0% 0% / 100% 100%, radial-gradient(circle, transparent 18%, rgba(184, 255, 77, 0.16) 19%, rgba(184, 255, 77, 0.16) 20%, transparent 21%), radial-gradient(circle, transparent 34%, rgba(57, 255, 136, 0.12) 35%, rgba(57, 255, 136, 0.12) 36%, transparent 37%); opacity: 0.78; }
.alert-pack-showcase[data-pack-effect="pulse"] .alert-pack-live-card { border-radius: 999px 22px 22px 999px; background: linear-gradient(135deg, rgba(57, 255, 136, 0.24), rgba(184, 255, 77, 0.12)), rgba(4, 18, 10, 0.86); }
.alert-pack-preview-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; background: rgba(5, 10, 24, 0.52); }
.alert-pack-selector-wrap { position: relative; display: grid; gap: 10px; padding: 13px; border: 1px solid color-mix(in srgb, var(--pack-secondary) 30%, rgba(255, 255, 255, 0.14)); border-radius: 18px; background: linear-gradient(135deg, color-mix(in srgb, var(--pack-primary) 9%, transparent), color-mix(in srgb, var(--pack-secondary) 8%, transparent)),
    rgba(5, 10, 24, 0.62); box-shadow: 0 18px 46px rgba(0, 0, 0, 0.18),
    0 0 28px color-mix(in srgb, var(--pack-secondary) 10%, transparent); }
.alert-pack-selector-wrap::before { content: ""; position: absolute; left: clamp(28px, 10%, 76px); top: -15px; width: 2px; height: 15px; border-radius: 999px; background: linear-gradient(180deg, var(--pack-secondary), color-mix(in srgb, var(--pack-primary) 56%, transparent)); box-shadow: 0 0 18px var(--pack-secondary); }
.alert-pack-selector-wrap p { margin: 0px; color: rgba(190, 242, 255, 0.86); font-size: 0.82rem; font-weight: 950; text-transform: uppercase; }
.alert-pack-live-preview .alert-pack-detail-panel { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px 14px; }
.alert-pack-live-preview .alert-pack-detail-selected { grid-column: 1 / -1; }
.alert-pack-type-selector { display: inline-flex; flex-wrap: wrap; gap: 8px; }
.alert-pack-type-selector button { min-height: 38px; padding: 8px 12px; border: 1px solid rgba(148, 163, 184, 0.2); border-radius: 999px; color: rgba(239, 246, 255, 0.86); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.86rem; font-weight: 900; background: rgba(5, 10, 24, 0.72); cursor: pointer; }
.alert-pack-type-selector button:hover, .alert-pack-type-selector button.active, .alert-pack-type-selector button[aria-selected="true"] { border-color: color-mix(in srgb, var(--pack-secondary) 62%, rgba(255, 255, 255, 0.22)); color: rgb(255, 255, 255); background: linear-gradient(135deg, color-mix(in srgb, var(--pack-primary) 20%, transparent), color-mix(in srgb, var(--pack-secondary) 18%, transparent)),
    rgba(8, 13, 28, 0.86); }
.alert-pack-type-selector button:focus-visible, .alert-pack-preview-button:focus-visible { outline: 3px solid color-mix(in srgb, var(--pack-secondary) 78%, #ffffff); outline-offset: 3px; }
.alert-pack-preview-button { min-height: 42px; white-space: nowrap; }
.alert-pack-preview-frame { position: relative; overflow: hidden; width: 100%; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 20px; background: linear-gradient(135deg, rgba(255, 47, 216, 0.16), rgba(34, 211, 238, 0.12)), rgba(3, 7, 18, 0.74); box-shadow: rgba(0, 0, 0, 0.42) 0px 24px 70px, rgba(34, 211, 238, 0.16) 0px 0px 42px, rgba(255, 47, 216, 0.12) 0px 0px 38px; transform: translateY(0px); transition: transform var(--transition-med), border-color var(--transition-med), box-shadow var(--transition-med); }
.alert-pack-preview-frame::after { content: ""; position: absolute; inset: 1px; z-index: 1; pointer-events: none; border-radius: inherit; box-shadow: rgba(34, 211, 238, 0.12) 0px 0px 44px inset, rgba(3, 7, 18, 0.28) 0px -34px 70px inset; }
.alert-pack-preview-frame::before { content: ""; position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, 0.16) 42%, transparent 58%), radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.12), transparent 34%); opacity: 0.52; }
.alert-pack-preview-frame img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; object-position: center center; filter: saturate(1.08) contrast(1.04); transition: transform var(--transition-med), filter var(--transition-med); }
.alert-pack-preview-caption { position: absolute; left: clamp(12px, 2vw, 18px); bottom: clamp(12px, 2vw, 18px); z-index: 2; display: inline-grid; gap: 2px; max-width: min(320px, 100% - 24px); padding: 9px 12px; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 14px; background: rgba(5, 10, 24, 0.82); box-shadow: rgba(0, 0, 0, 0.34) 0px 16px 40px, rgba(34, 211, 238, 0.14) 0px 0px 24px; backdrop-filter: blur(12px); }
.alert-pack-preview-caption span { color: rgba(220, 235, 248, 0.72); font-size: 0.72rem; font-weight: 850; text-transform: uppercase; }
.alert-pack-preview-caption strong { color: rgb(248, 251, 255); font-size: 1rem; }
.alert-pack-showcase-panel:hover .alert-pack-preview-frame { transform: translateY(-4px); border-color: rgba(34, 211, 238, 0.36); box-shadow: rgba(0, 0, 0, 0.5) 0px 30px 86px, rgba(34, 211, 238, 0.2) 0px 0px 54px, rgba(255, 47, 216, 0.16) 0px 0px 48px; }
.alert-pack-showcase-panel:hover .alert-pack-preview-frame img { transform: scale(1.018); filter: saturate(1.16) contrast(1.06); }
.alert-pack-tags, .alert-pack-feature-row { display: flex; flex-wrap: wrap; gap: 10px; }
.alert-pack-tags span, .alert-pack-tags button, .alert-pack-feature-row span { display: inline-flex; align-items: center; min-height: 34px; border-radius: 999px; white-space: nowrap; }
.alert-pack-tags span, .alert-pack-tags button { padding: 7px 12px; border: 1px solid rgba(148, 163, 184, 0.18); color: rgba(239, 246, 255, 0.9); font-size: 0.86rem; font-weight: 850; background: linear-gradient(135deg, rgba(255, 47, 216, 0.1), rgba(34, 211, 238, 0.08)), rgba(5, 10, 24, 0.72); }
.alert-pack-tags button { font: inherit; cursor: pointer; transition: transform 160ms, border-color 160ms, background 160ms, box-shadow 160ms; }
.alert-pack-tags button:hover { transform: translateY(-1px); border-color: rgba(34, 211, 238, 0.42); background: linear-gradient(135deg, rgba(34, 211, 238, 0.15), rgba(255, 47, 216, 0.12)), rgba(8, 13, 28, 0.84); box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 26px, rgba(34, 211, 238, 0.12) 0px 0px 22px; }
.alert-pack-tags button:focus-visible { outline: rgba(34, 211, 238, 0.72) solid 3px; outline-offset: 3px; }
.alert-pack-tags button.active, .alert-pack-tags button[aria-selected="true"] { border-color: rgba(34, 211, 238, 0.62); color: rgb(255, 255, 255); background: linear-gradient(135deg, rgba(255, 47, 216, 0.28), rgba(34, 211, 238, 0.24)), rgba(8, 13, 28, 0.92); box-shadow: rgba(255, 255, 255, 0.06) 0px 0px 0px 1px, rgba(34, 211, 238, 0.2) 0px 0px 26px, rgba(255, 255, 255, 0.12) 0px 1px 0px inset; }
.alert-pack-tags button:disabled, .alert-pack-tags button[aria-disabled="true"] { cursor: not-allowed; opacity: 0.5; }
.alert-pack-detail-panel { display: grid; gap: 6px; padding: clamp(14px, 2vw, 18px); border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 18px; background: linear-gradient(135deg, rgba(34, 211, 238, 0.1), rgba(255, 47, 216, 0.08)), rgba(5, 10, 24, 0.68); box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset, rgba(0, 0, 0, 0.2) 0px 18px 46px; }
.alert-pack-detail-panel p { margin: 0px; color: rgba(220, 235, 248, 0.8); line-height: 1.45; }
.alert-pack-detail-panel span, .alert-pack-detail-selected { color: rgba(190, 242, 255, 0.9); font-weight: 900; }
.alert-pack-detail-panel strong { color: rgb(248, 251, 255); font-weight: 850; }
@supports not (color: color-mix(in srgb, #fff 50%, #000)){.alert-pack-stream-frame { border-color: rgba(34, 211, 238, 0.34); background: radial-gradient(circle at 20% 18%, rgba(255, 47, 216, 0.22), transparent 30%), radial-gradient(circle at 82% 22%, rgba(34, 211, 238, 0.18), transparent 32%), linear-gradient(145deg, rgba(4, 8, 18, 0.96), rgba(8, 11, 24, 0.88)); box-shadow: rgba(0, 0, 0, 0.42) 0px 28px 82px, rgba(255, 47, 216, 0.18) 0px 0px 42px, rgba(255, 255, 255, 0.09) 0px 1px 0px inset; }
.alert-pack-live-card, .alert-pack-selector-wrap, .alert-pack-type-selector button:hover, .alert-pack-type-selector button.active, .alert-pack-type-selector button[aria-selected="true"] { border-color: rgba(34, 211, 238, 0.34); background: linear-gradient(135deg, rgba(255, 47, 216, 0.14), rgba(34, 211, 238, 0.12)), rgba(4, 8, 18, 0.82); }
.alert-pack-live-card span, .alert-pack-stream-topbar span:last-child { color: rgba(190, 242, 255, 0.92); }
.alert-pack-live-art, .alert-pack-live-icon { box-shadow: rgba(255, 47, 216, 0.28) 0px 0px 28px; }
.alert-pack-selector-wrap::before { background: linear-gradient(rgba(34, 211, 238, 0.9), rgba(255, 47, 216, 0.48)); }
}
.alert-pack-feature-row { padding-top: 2px; }
.alert-pack-feature-row span { padding: 8px 13px; border: 1px solid rgba(34, 211, 238, 0.24); color: rgb(236, 254, 255); font-size: 0.9rem; font-weight: 900; background: radial-gradient(circle at 20% 20%, rgba(255, 47, 216, 0.14), transparent 42%), rgba(8, 13, 28, 0.76); box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset; }
.landing-workspace-grid { grid-template-columns: 1.15fr 0.85fr; grid-auto-rows: minmax(220px, auto); }
.landing-workspace-card, .landing-mod-grid article, .landing-obs-steps article, .landing-final-cta { border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 22px; background: rgba(255, 255, 255, 0.055); box-shadow: rgba(0, 0, 0, 0.22) 0px 22px 70px; backdrop-filter: blur(18px); }
.landing-workspace-card { position: relative; overflow: hidden; padding: 20px; }
.landing-workspace-card.primary { grid-row: span 2; min-height: 456px; background: radial-gradient(circle at 20% 20%, rgba(255, 45, 154, 0.16), transparent 32%), radial-gradient(circle at 88% 20%, rgba(0, 229, 255, 0.15), transparent 32%), rgba(255, 255, 255, 0.055); }
.landing-workspace-card span, .landing-mod-grid span { display: block; margin-bottom: 8px; color: var(--accent-cyan); font-size: 0.76rem; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
.landing-workspace-card strong { display: block; max-width: 320px; font-size: clamp(1.45rem, 2.8vw, 2.9rem); line-height: 1.02; }
.landing-card-lines { position: absolute; inset: auto 24px 26px; display: grid; gap: 12px; }
.landing-card-lines i, .landing-queue-preview b, .landing-studio-preview em { display: block; border-radius: 999px; background: linear-gradient(90deg, rgba(255, 45, 154, 0.72), rgba(0, 229, 255, 0.2)); }
.landing-card-lines i { height: 28px; }
.landing-card-lines i:nth-child(2) { width: 78%; }
.landing-card-lines i:nth-child(3) { width: 58%; }
.landing-queue-preview, .landing-studio-preview, .landing-workspace-dots { position: absolute; right: 18px; bottom: 18px; left: 18px; display: flex; gap: 10px; }
.landing-queue-preview { flex-direction: column; }
.landing-queue-preview b { height: 18px; background: linear-gradient(90deg, rgba(255, 210, 107, 0.7), rgba(255, 45, 154, 0.2)); }
.landing-studio-preview em { width: 64px; height: 64px; border-radius: 18px; background: radial-gradient(circle at 35% 30%, rgba(255, 255, 255, 0.26), transparent 28%), linear-gradient(135deg, rgba(255, 45, 154, 0.72), rgba(0, 229, 255, 0.32)); }
.landing-workspace-dots i { width: 42px; height: 42px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset, rgba(0, 229, 255, 0.1) 0px 0px 20px; }
.landing-obs-section { display: grid; grid-template-columns: 0.65fr 1.35fr; gap: 28px; align-items: center; }
.landing-obs-steps { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; }
.landing-obs-steps article { display: grid; align-content: center; min-height: 190px; padding: 20px; }
.landing-obs-steps span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 18px; border-radius: 14px; background: linear-gradient(135deg, var(--accent-pink), var(--accent-cyan)); color: rgb(255, 255, 255); font-weight: 950; box-shadow: rgba(0, 229, 255, 0.18) 0px 0px 28px; }
.landing-obs-steps strong { font-size: clamp(1.2rem, 1.8vw, 1.8rem); line-height: 1.08; }
.landing-platform-strip { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.landing-platform-strip span { padding: 14px 16px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 999px; background: rgba(255, 255, 255, 0.055); color: rgb(255, 255, 255); font-weight: 900; box-shadow: rgba(0, 0, 0, 0.16) 0px 14px 34px; }
.landing-policy-line { margin: 16px 0px 0px; color: rgb(217, 226, 242); font-size: 0.98rem; line-height: 1.55; }
.landing-policy-line a { color: var(--accent-cyan); font-weight: 950; text-decoration: underline; text-underline-offset: 4px; }
.landing-purpose-card { max-width: 940px; padding: clamp(22px, 4vw, 34px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 22px; background: radial-gradient(circle at 0% 0%, rgba(0, 229, 255, 0.1), transparent 34%), rgba(255, 255, 255, 0.055); color: rgb(217, 226, 242); box-shadow: rgba(0, 0, 0, 0.2) 0px 22px 70px; backdrop-filter: blur(18px); }
.landing-purpose-card p { max-width: 820px; margin: 0px 0px 14px; font-size: 1rem; line-height: 1.65; }
.landing-purpose-card p:last-child { margin-bottom: 0px; }
.landing-purpose-card a, .landing-footer a { color: var(--accent-cyan); font-weight: 900; }
.landing-mod-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.landing-mod-grid article { min-height: 210px; padding: 20px; }
.landing-mod-grid strong { display: block; font-size: clamp(1.1rem, 1.7vw, 1.55rem); line-height: 1.18; }
.landing-final-cta { position: relative; overflow: hidden; margin-top: 62px; padding: clamp(30px, 6vw, 64px); background: radial-gradient(circle at 15% 30%, rgba(255, 45, 154, 0.18), transparent 36%), radial-gradient(circle at 86% 24%, rgba(0, 229, 255, 0.17), transparent 34%), rgba(255, 255, 255, 0.06); }
.landing-final-cta::before { inset: auto -12% -42% auto; opacity: 0.38; }
.landing-footer { display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 30px 0px 46px; color: rgb(155, 168, 193); }
.landing-footer div { display: grid; gap: 4px; }
.landing-footer strong { color: rgb(255, 255, 255); }
.landing-footer nav { display: flex; flex-wrap: wrap; gap: 14px; }
@keyframes landingGlowDrift { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) rotate(0deg); }
  50% { transform: translate3d(-34px, 28px, 0px) rotate(18deg); }
}
@keyframes landingWindowFloat { 
  0%, 100% { transform: rotateY(-7deg) rotateX(4deg) translateY(0px); }
  50% { transform: rotateY(-5deg) rotateX(3deg) translateY(-12px); }
}
@keyframes landingOverlayHover { 
  0%, 100% { transform: translateY(0px) rotate(2deg); }
  50% { transform: translateY(-14px) rotate(-1deg); }
}
@keyframes landingBars { 
  0%, 100% { transform: scaleY(0.78); opacity: 0.78; }
  50% { transform: scaleY(1); opacity: 1; }
}
@keyframes landingAlertPulse { 
  0%, 100% { transform: translateY(0px) scale(1); }
  50% { transform: translateY(-6px) scale(1.02); }
}
@keyframes landingAssetFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
@keyframes alertPackParticleFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) scale(1); opacity: 0.5; }
  50% { transform: translate3d(10px, -18px, 0px) scale(1.35); opacity: 0.92; }
}
@keyframes alertPackCardSweep { 
  0% { opacity: 0; transform: translateX(-28%); }
  22% { opacity: 0.86; }
  100% { opacity: 0; transform: translateX(32%); }
}
@media (max-width: 1020px){.landing-nav { grid-template-columns: 1fr auto; }
.landing-nav-links { display: none; }
.landing-hero { grid-template-columns: 1fr; min-height: auto; padding-top: 58px; }
.landing-showcase { min-height: 510px; }
.landing-product-window { inset: 0px auto auto 0px; width: 100%; transform: none; }
.landing-alert-grid, .landing-mod-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.landing-obs-section, .landing-workspace-grid { grid-template-columns: 1fr; }
.landing-workspace-card.primary { grid-row: auto; min-height: 320px; }
}
@media (max-width: 720px){.landing-page { background: radial-gradient(circle at 16% 5%, rgba(255, 45, 154, 0.18), transparent 32%), radial-gradient(circle at 86% 8%, rgba(0, 229, 255, 0.14), transparent 34%), linear-gradient(rgb(7, 8, 14) 0%, rgb(9, 11, 20) 44%, rgb(6, 7, 13) 100%) rgb(7, 8, 14) !important; }
.landing-shell { width: min(100% - 28px, 1180px); padding-top: 14px; }
.landing-nav { position: relative; top: auto; border-color: rgba(255, 255, 255, 0.16); background: rgba(14, 17, 27, 0.94); box-shadow: rgba(0, 0, 0, 0.46) 0px 18px 42px; }
.landing-brand { font-size: 0.95rem; }
.landing-nav-cta { padding: 9px 11px; font-size: 0.76rem; }
.landing-hero { gap: 26px; padding: 40px 0px 44px; }
.landing-hero h1 { font-size: clamp(2.75rem, 15vw, 4.4rem); color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.65) 0px 2px 18px; }
.landing-section h2, .landing-final-cta h2 { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.55) 0px 2px 18px; }
.landing-lede, .landing-live-card p { color: rgb(220, 230, 255); }
.landing-showcase { min-height: 560px; }
.landing-product-window, .landing-preview-main, .landing-preview-side, .landing-floating-overlay, .landing-alert-card, .landing-workspace-card, .landing-mod-grid article, .landing-obs-steps article, .landing-final-cta, .alert-pack-showcase-panel { background: radial-gradient(circle at 18% 12%, rgba(255, 45, 154, 0.1), transparent 34%), radial-gradient(circle at 84% 10%, rgba(0, 229, 255, 0.09), transparent 34%), rgba(9, 11, 18, 0.92); border-color: rgba(255, 255, 255, 0.16); box-shadow: rgba(0, 0, 0, 0.42) 0px 20px 52px; }
.landing-workspace-card.primary, .landing-final-cta { background: radial-gradient(circle at 20% 18%, rgba(255, 45, 154, 0.16), transparent 34%), radial-gradient(circle at 86% 16%, rgba(0, 229, 255, 0.14), transparent 34%), rgba(9, 11, 18, 0.94); }
.landing-dashboard-preview { grid-template-columns: 1fr; }
.landing-preview-side { min-height: 160px; }
.landing-floating-overlay { right: 12px; bottom: 0px; width: min(64%, 280px); }
.landing-section { padding: 48px 0px; }
.landing-section-heading { display: block; }
.landing-alert-grid, .landing-mod-grid, .landing-obs-steps { grid-template-columns: 1fr; }
.landing-alert-card { min-height: 250px; }
.landing-alert-card span { padding: 5px 9px; border-radius: 999px; background: rgba(5, 7, 13, 0.72); text-shadow: rgba(0, 0, 0, 0.78) 0px 2px 10px; }
.landing-hero-stats span, .landing-platform-strip span { background: rgba(9, 11, 18, 0.82); border-color: rgba(255, 255, 255, 0.16); color: rgb(220, 230, 255); }
.landing-obs-steps article, .landing-mod-grid article { min-height: 170px; }
}
@media (prefers-reduced-motion: reduce){.landing-hero::before, .landing-final-cta::before, .landing-product-window, .landing-floating-overlay, .landing-mini-chart span, .landing-alert-pop, .landing-alert-card img, .alert-pack-particles i, .alert-pack-live-card.is-previewing::after { animation: auto ease 0s 1 normal none running none !important; }
.landing-alert-card, .alert-pack-preview-frame, .alert-pack-preview-frame img, .alert-pack-stream-frame, .alert-pack-live-card, .alert-pack-tags button, .alert-pack-type-selector button, .landing-product-window, .landing-floating-overlay { transition: none !important; }
}
.landing-page { background: radial-gradient(circle at 16% 8%, rgba(255, 45, 154, 0.16), transparent 28%), radial-gradient(circle at 84% 12%, rgba(0, 229, 255, 0.13), transparent 28%), linear-gradient(rgb(7, 8, 14) 0%, rgb(10, 13, 23) 36%, rgb(8, 9, 18) 72%, rgb(5, 6, 11) 100%) !important; }
.landing-shell { padding-bottom: 22px; }
.landing-section { position: relative; padding: clamp(42px, 6vw, 76px) 0px; }
.landing-section + .landing-section { border-top: 1px solid rgba(255, 255, 255, 0.043); }
.landing-section:nth-of-type(2n+1)::before, .landing-section:nth-of-type(2n)::before { content: ""; position: absolute; inset: 0px; z-index: -1; pointer-events: none; }
.landing-section:nth-of-type(2n+1)::before { background: linear-gradient(90deg, rgba(255, 47, 216, 0.043), transparent 34%, rgba(34, 211, 238, 0.035)); }
.landing-section:nth-of-type(2n)::before { background: linear-gradient(90deg, rgba(34, 211, 238, 0.035), transparent 34%, rgba(255, 47, 216, 0.04)); }
.landing-hero { min-height: min(780px, -90px + 100vh); padding: clamp(38px, 5.2vw, 58px) 0px clamp(44px, 5vw, 60px); }
.landing-proof-chips { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 16px; }
.landing-proof-chips span { display: inline-flex; align-items: center; min-height: 32px; padding: 7px 11px; border: 1px solid rgba(34, 211, 238, 0.18); border-radius: 999px; background: linear-gradient(135deg, rgba(255, 47, 216, 0.09), rgba(34, 211, 238, 0.08)), rgba(6, 10, 22, 0.72); color: rgba(238, 246, 255, 0.9); font-size: 0.78rem; font-weight: 850; white-space: nowrap; }
.landing-alert-grid { gap: clamp(14px, 2vw, 20px); }
.landing-alert-card { isolation: isolate; min-height: clamp(250px, 28vw, 360px); }
.landing-alert-card::before { content: ""; position: absolute; inset: 12px; z-index: 0; border-radius: 18px; border: 1px solid rgba(255, 255, 255, 0.08); background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), transparent 48%), rgba(2, 6, 16, 0.22); pointer-events: none; }
.landing-alert-card small, .landing-alert-card span, .landing-alert-card img { position: relative; z-index: 1; }
.landing-alert-card small { position: absolute; left: 18px; top: 18px; max-width: calc(100% - 36px); padding: 6px 9px; border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 999px; background: rgba(4, 8, 18, 0.7); color: rgba(220, 235, 248, 0.78); font-size: 0.72rem; font-weight: 850; }
.alert-pack-showcase { padding-top: clamp(38px, 5vw, 68px); padding-bottom: clamp(38px, 5vw, 68px); }
.alert-pack-showcase-panel { position: relative; overflow: hidden; }
.alert-pack-showcase-panel::before { content: ""; position: absolute; inset: -1px; pointer-events: none; background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.08) 38%, transparent 58%),
    radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--pack-primary, #ff2fd8) 22%, transparent), transparent 30%),
    radial-gradient(circle at 86% 12%, color-mix(in srgb, var(--pack-secondary, #22d3ee) 18%, transparent), transparent 32%); opacity: 0.58; }
.alert-pack-showcase-panel > * { position: relative; z-index: 1; }
.alert-pack-stream-frame { min-height: clamp(340px, 39vw, 470px); }
.alert-pack-stream-moment { position: absolute; left: clamp(16px, 3vw, 28px); bottom: clamp(18px, 3vw, 30px); display: grid; gap: 3px; max-width: min(240px, 100% - 32px); padding: 10px 13px; border: 1px solid color-mix(in srgb, var(--pack-secondary, #22d3ee) 36%, transparent); border-radius: 16px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.024)), rgba(5, 10, 24, 0.78); box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28), 0 0 24px color-mix(in srgb, var(--pack-primary, #ff2fd8) 18%, transparent); }
.alert-pack-stream-moment span { color: color-mix(in srgb, var(--pack-secondary, #22d3ee) 80%, #ffffff); font-size: 0.72rem; font-weight: 900; text-transform: uppercase; }
.alert-pack-stream-moment strong { color: rgb(255, 255, 255); font-size: 0.98rem; }
.alert-pack-preview-button { min-height: 48px; padding-inline: 18px; box-shadow: 0 16px 40px color-mix(in srgb, var(--pack-primary, #ff2fd8) 22%, transparent),
    0 0 28px color-mix(in srgb, var(--pack-secondary, #22d3ee) 18%, transparent); }
.alert-pack-tags button { flex: 0 1 auto; }
.landing-workspace-section { padding-bottom: clamp(46px, 5.5vw, 70px); }
.landing-workspace-card { min-height: 238px; }
.landing-workspace-card.primary { min-height: 484px; }
.landing-status-pills, .landing-card-pill-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.landing-status-pills b, .landing-card-pill-row b { display: inline-flex; align-items: center; min-height: 28px; padding: 6px 9px; border: 1px solid rgba(65, 214, 157, 0.2); border-radius: 999px; background: rgba(65, 214, 157, 0.08); color: rgb(223, 253, 242); font-size: 0.72rem; font-weight: 850; }
.landing-card-pill-row b:nth-child(2) { border-color: rgba(255, 210, 107, 0.24); background: rgba(255, 210, 107, 0.08); color: rgb(255, 241, 194); }
.landing-mini-alert-card, .landing-obs-link-preview { position: relative; margin-top: 22px; max-width: 360px; padding: 14px; border: 1px solid rgba(255, 47, 216, 0.24); border-radius: 18px; background: linear-gradient(135deg, rgba(255, 47, 216, 0.13), rgba(34, 211, 238, 0.09)), rgba(4, 8, 18, 0.72); box-shadow: rgba(0, 0, 0, 0.24) 0px 18px 44px, rgba(255, 47, 216, 0.12) 0px 0px 28px; }
.landing-mini-alert-card small, .landing-obs-link-preview small { display: block; margin-bottom: 5px; color: rgba(190, 242, 255, 0.9); font-size: 0.72rem; font-weight: 900; text-transform: uppercase; }
.landing-mini-alert-card strong { font-size: 1.05rem; line-height: 1.2; }
.landing-mini-alert-card em { display: block; margin-top: 6px; color: rgba(220, 235, 248, 0.72); font-style: normal; font-size: 0.82rem; }
.landing-queue-preview { gap: 8px; }
.landing-queue-preview b { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: center; height: auto; min-height: 34px; padding: 8px 10px; border: 1px solid rgba(255, 210, 107, 0.16); border-radius: 13px; }
.landing-queue-preview span { margin: 0px; color: rgb(255, 241, 194); font-size: 0.68rem; letter-spacing: 0px; text-transform: none; }
.landing-queue-preview em { overflow: hidden; color: rgba(255, 255, 255, 0.82); font-style: normal; font-size: 0.76rem; text-overflow: ellipsis; white-space: nowrap; }
.landing-studio-preview { align-items: end; }
.landing-studio-preview em { box-shadow: rgba(255, 47, 216, 0.2) 0px 0px 24px, rgba(255, 255, 255, 0.16) 0px 1px 0px inset; }
.landing-obs-link-preview { border-color: rgba(34, 211, 238, 0.2); }
.landing-obs-link-preview code { display: block; overflow: hidden; max-width: 100%; color: rgb(255, 255, 255); font-family: inherit; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.landing-obs-link-preview b { display: inline-flex; margin-top: 9px; padding: 5px 8px; border-radius: 999px; background: rgba(34, 211, 238, 0.12); color: rgb(191, 247, 255); font-size: 0.72rem; }
.landing-obs-section { padding-top: clamp(38px, 5vw, 64px); padding-bottom: clamp(38px, 5vw, 64px); }
.landing-obs-steps article { min-height: 160px; }
.landing-platform-section { padding-top: clamp(34px, 4.4vw, 58px); padding-bottom: clamp(34px, 4.4vw, 58px); }
.landing-platform-strip span { gap: 9px; align-items: center; }
.landing-platform-strip b { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 9px; background: linear-gradient(135deg, rgba(255, 47, 216, 0.65), rgba(34, 211, 238, 0.56)); color: rgb(255, 255, 255); font-size: 0.78rem; }
.landing-purpose-section, .landing-moderation-section { padding-top: clamp(38px, 5vw, 64px); padding-bottom: clamp(38px, 5vw, 64px); }
.landing-final-cta { margin-top: clamp(30px, 4vw, 46px); padding: clamp(30px, 5.4vw, 56px); border-color: rgba(34, 211, 238, 0.22); background: linear-gradient(135deg, rgba(255, 47, 216, 0.16), rgba(34, 211, 238, 0.12)), rgba(7, 10, 20, 0.88); }
.landing-final-copy { max-width: 650px; margin: 14px 0px 0px; color: rgba(226, 238, 255, 0.82); font-size: clamp(1rem, 1.5vw, 1.16rem); line-height: 1.55; }
.landing-footer { padding: 22px 0px 18px; }
html:has(body.landing-page), html:has(body.pricing-page) { overflow-x: hidden; }
.landing-page .tink-copyright { margin: 8px auto; padding: 8px 12px; }
.pricing-page .pricing-shell, .pricing-page .alert-pack-showcase-panel, .pricing-page .pricing-plan-grid, .pricing-page .quick-start-card { max-width: 100%; overflow-x: clip; }
@media (max-width: 1020px){.landing-hero { min-height: auto; }
.landing-workspace-card.primary { min-height: 360px; }
.landing-obs-link-preview, .landing-mini-alert-card { max-width: none; }
}
@media (max-width: 720px){.landing-shell { padding-bottom: 14px; }
.landing-section { padding: 38px 0px; }
.landing-proof-chips span { white-space: normal; }
.landing-alert-card { min-height: 230px; }
.alert-pack-stream-frame { min-height: 390px; }
.alert-pack-stream-moment { left: 14px; right: 14px; bottom: 14px; max-width: none; }
.landing-workspace-card.primary, .landing-workspace-card { min-height: 300px; }
.landing-queue-preview, .landing-studio-preview, .landing-workspace-dots, .landing-card-lines { position: relative; inset: auto; margin-top: 18px; }
.landing-queue-preview b { grid-template-columns: 1fr; }
.landing-platform-strip span { flex: 1 1 calc(50% - 10px); justify-content: flex-start; }
.landing-final-cta { margin-top: 24px; }
.landing-footer { padding-bottom: 12px; }
}
@keyframes presentationPulse { 
  0%, 100% { opacity: 0.24; transform: scaleX(0.72); }
  50% { opacity: 1; transform: scaleX(1); }
}
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .simple-experience-actions .button-primary { min-width: 170px; box-shadow: rgba(255, 47, 216, 0.18) 0px 0px 26px, rgba(0, 229, 255, 0.1) 0px 0px 24px; }
@keyframes tinkSimpleReadyPulse { 
  0% { box-shadow: rgba(124, 255, 209, 0) 0px 0px 0px; }
  45% { box-shadow: rgba(124, 255, 209, 0.2) 0px 0px 28px; }
  100% { box-shadow: rgba(0, 0, 0, 0.28) 0px 16px 46px; }
}
@keyframes tinkReadySweep { 
  0% { transform: translateX(-120%); }
  100% { transform: translateX(120%); }
}
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .simple-setup-primary .button-primary { min-width: 168px; min-height: 46px; font-size: 1rem; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .simple-setup-step.is-done .simple-card-action .button-primary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .simple-setup-step.is-done .simple-card-action .button-secondary { border-color: rgba(124, 255, 209, 0.2); background: rgba(5, 10, 23, 0.52); color: rgb(223, 249, 255); box-shadow: none; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .simple-setup-step.is-done .simple-card-action .button-primary { border-color: rgba(0, 229, 255, 0.34); background: linear-gradient(135deg, rgba(255, 47, 216, 0.16), rgba(0, 229, 255, 0.14)), rgba(5, 10, 23, 0.64); }
@keyframes tinkTinyPulse { 
  0%, 100% { opacity: 0.58; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.08); }
}
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .simple-setup-primary .button-primary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .simple-card-action .button-primary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .simple-card-action .button-secondary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .simple-setup-extra-actions .ghost-button { transition: transform 160ms, box-shadow 160ms, border-color 160ms; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .simple-setup-primary .button-primary:hover, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .simple-card-action .button-primary:hover, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .simple-card-action .button-secondary:hover, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .simple-setup-extra-actions .ghost-button:hover { transform: translateY(-1px); }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .simple-step-result.active { color: rgb(6, 17, 29); border-color: rgba(0, 229, 255, 0.7); background: linear-gradient(135deg, rgb(255, 47, 216), rgb(0, 229, 255)); }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .full-control-setup-actions .button-primary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .full-control-setup-actions .button-secondary { min-height: 34px; padding: 7px 12px; }
@keyframes giveawayExplosionCore { 
  0% { opacity: 0; transform: scale(0.08) rotate(-14deg); }
  18% { opacity: 1; transform: scale(0.88) rotate(6deg); }
  42% { opacity: 0.92; transform: scale(1.24) rotate(16deg); }
  100% { opacity: 0.2; transform: scale(1.9) rotate(28deg); }
}
@keyframes giveawayExplosionSparks { 
  0% { opacity: 0; transform: scale(0.2) rotate(-10deg); }
  20% { opacity: 1; transform: scale(1.05) rotate(7deg); }
  100% { opacity: 0.44; transform: scale(1.62) rotate(22deg); }
}
@keyframes giveawayShockwave { 
  0% { opacity: 0; transform: scale(0.24); filter: blur(0px); }
  22% { opacity: 0.95; }
  100% { opacity: 0; transform: scale(2.1); filter: blur(2px); }
}
@keyframes giveawayComets { 
  0% { opacity: 0.15; transform: translate3d(-4%, 4%, 0px) scale(0.96); }
  28% { opacity: 0.92; }
  100% { opacity: 0.48; transform: translate3d(3%, -3%, 0px) scale(1.04); }
}
@keyframes giveawayWinnerPop { 
  0% { opacity: 0; transform: translateY(14px) scale(0.86); }
  55% { opacity: 1; transform: translateY(-4px) scale(1.04); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .button-primary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .button-secondary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .ghost-button, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .btn, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .button-primary, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .button-secondary, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .ghost-button, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .btn { line-height: 1.15; text-align: center; overflow-wrap: anywhere; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"][data-experience-mode="full"] .status.good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"][data-experience-mode="full"] .status.active, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"][data-experience-mode="full"] .status.status-good { border-color: rgba(34, 197, 94, 0.42) !important; background: rgba(34, 197, 94, 0.12) !important; color: rgb(187, 247, 208) !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"][data-experience-mode="full"] .button-primary { border-color: rgba(0, 229, 255, 0.52) !important; background: linear-gradient(135deg, rgba(0, 229, 255, 0.24), rgba(34, 197, 94, 0.18)), rgba(8, 18, 30, 0.94) !important; box-shadow: rgba(0, 229, 255, 0.12) 0px 14px 32px !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"][data-experience-mode="full"] #workspaceEngagement .engagement-setup-card.active { border-color: rgba(34, 211, 238, 0.52) !important; background: linear-gradient(145deg, rgba(34, 211, 238, 0.16), rgba(255, 47, 216, 0.08)), rgba(4, 8, 18, 0.66) !important; }
@media (max-width: 1080px){.alert-pack-experience-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px){.alert-pack-showcase-panel { border-radius: 18px; }
.alert-pack-live-preview { padding: 10px; border-radius: 18px; }
.alert-pack-stream-frame { min-height: 300px; border-radius: 18px; }
.alert-pack-live-card { grid-template-columns: 1fr; gap: 12px; padding: 16px; }
.alert-pack-live-art { max-width: 280px; }
.alert-pack-live-icon { width: 52px; height: 52px; border-radius: 14px; }
.alert-pack-stream-topbar { align-items: flex-start; }
.alert-pack-stream-topbar span:last-child { white-space: normal; text-align: right; }
.alert-pack-preview-actions { align-items: stretch; }
.alert-pack-live-preview .alert-pack-detail-panel { grid-template-columns: 1fr; }
.alert-pack-type-selector, .alert-pack-preview-button { width: 100%; }
.alert-pack-type-selector { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.alert-pack-type-selector button { justify-content: center; padding-inline: 8px; }
.alert-pack-preview-frame { border-radius: 16px; }
.alert-pack-tags, .alert-pack-feature-row { gap: 8px; }
.alert-pack-tags span, .alert-pack-tags button, .alert-pack-feature-row span { min-height: 32px; padding-inline: 10px; white-space: normal; }
}
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"][data-experience-mode="full"] .creator-sidebar-link.active, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"][data-experience-mode="full"] .creator-sidebar-link[aria-current="true"] { border-color: rgba(34, 211, 238, 0.48) !important; background: linear-gradient(135deg, rgba(255, 47, 216, 0.12), rgba(34, 211, 238, 0.1)), rgba(15, 23, 42, 0.78) !important; box-shadow: rgba(34, 211, 238, 0.85) 3px 0px 0px inset, rgba(34, 211, 238, 0.08) 0px 0px 26px !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"][data-experience-mode="full"] .go-live-panel .streamer-primary-action, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"][data-experience-mode="full"] .button-primary { border-color: rgba(255, 91, 221, 0.46) !important; border-radius: 11px !important; background: linear-gradient(135deg, rgba(255, 47, 216, 0.94), rgba(34, 211, 238, 0.9)) !important; box-shadow: rgba(255, 47, 216, 0.18) 0px 14px 34px, rgba(34, 211, 238, 0.11) 0px 0px 20px !important; }
@keyframes tinkStatusBreath { 
  0%, 100% { box-shadow: rgba(52, 211, 153, 0) 0px 0px 0px; }
  50% { box-shadow: rgba(52, 211, 153, 0.12) 0px 0px 18px; }
}
@keyframes tinkGoLiveAmbient { 
  0%, 100% { opacity: 0.48; transform: scale(0.985); }
  50% { opacity: 0.68; transform: scale(1.015); }
}
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .readiness-actions .button-primary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .readiness-actions .button-secondary { min-height: 30px !important; padding: 6px 10px !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-sidebar-link.active { border-color: rgba(34, 211, 238, 0.46) !important; color: rgb(248, 250, 252) !important; background: linear-gradient(90deg, rgba(34, 211, 238, 0.16), rgba(255, 47, 216, 0.12)), rgba(12, 20, 38, 0.78) !important; box-shadow: rgba(34, 211, 238, 0.9) 3px 0px 0px inset, rgba(34, 211, 238, 0.06) 0px 0px 20px !important; }
@keyframes tinkGoLiveBreath { 
  0%, 100% { box-shadow: rgba(0, 0, 0, 0.22) 0px 26px 86px, rgba(34, 211, 238, 0.055) 0px 0px 48px, rgba(255, 255, 255, 0.043) 0px 1px 0px inset; }
  50% { box-shadow: rgba(0, 0, 0, 0.24) 0px 28px 90px, rgba(255, 47, 216, 0.075) 0px 0px 68px, rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }
}
@keyframes tinkStatusPulse { 
  0%, 100% { transform: scale(1); opacity: 0.86; }
  50% { transform: scale(1.25); opacity: 1; }
}
@media (max-width: 760px){.alert-studio-primary-actions .button-primary, .alert-studio-primary-actions .button-secondary, .alert-studio-primary-actions .ghost-button { width: 100%; }
}
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .button-primary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .streamer-primary-action { min-height: 40px; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .panel, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .metric, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .live-health-card, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .connection-summary-card, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .connection-platform-card, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .alert-control-card, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .alert-pack-card, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-sidebar-link, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .button-primary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .button-secondary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .ghost-button, .pricing-plan-card { transition: transform 180ms, border-color 180ms, background-color 180ms, box-shadow 220ms, opacity 180ms; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-workspace-grid > .panel:hover, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-workspace-grid > .streamer-action-card:hover, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .live-health-card:hover, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .connection-platform-card:hover, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .alert-control-card:hover, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .alert-pack-card:hover, .pricing-plan-card:hover { transform: translateY(-2px); border-color: rgba(34, 211, 238, 0.24) !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 22px 70px, rgba(34, 211, 238, 0.06) 0px 0px 34px, rgba(255, 255, 255, 0.035) 0px 1px 0px inset !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .button-primary:hover, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .streamer-primary-action:hover { transform: translateY(-1px); box-shadow: rgba(255, 47, 216, 0.2) 0px 14px 34px, rgba(34, 211, 238, 0.13) 0px 0px 28px !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .status.good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .status.active, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .status.status-good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .badge.good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .badge-green, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .live-ops-pill.is-good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .live-ops-pill.is-ready, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .platform-setup-card-status.status-good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .billing-status-card .status.good { animation: 4.4s ease-in-out 0s infinite normal none running creatorStatusPulse; }
.plan-premium-badge, .pricing-popular-badge, .pricing-plan-premium, .pricing-plan-ultimate, .pricing-plan-featured, .plan-locked, .alert-studio-premium, .enhanced-effects-panel, .alert-pack-card.is-locked, .alert-pack-card[data-premium="true"] { position: relative; overflow: hidden; }
.plan-premium-badge::after, .pricing-popular-badge::after, .pricing-plan-premium::after, .pricing-plan-ultimate::after, .pricing-plan-featured::after, .plan-locked::after, .alert-studio-premium::after, .enhanced-effects-panel::after, .alert-pack-card.is-locked::after, .alert-pack-card[data-premium="true"]::after { content: ""; position: absolute; inset: -35% auto -35% -45%; width: 42%; pointer-events: none; background: linear-gradient(110deg, transparent, rgba(255, 255, 255, 0.16), transparent); opacity: 0; transform: translateX(-20%) rotate(10deg); animation: 7.5s ease-in-out 0s infinite normal none running creatorPremiumShimmer; }
@keyframes creatorAmbientDrift { 
  0% { opacity: 0.28; transform: translate3d(-1%, 0px, 0px) scale(1); }
  100% { opacity: 0.46; transform: translate3d(1.4%, -1%, 0px) scale(1.03); }
}
@keyframes creatorStatusPulse { 
  0%, 100% { box-shadow: rgba(52, 211, 153, 0) 0px 0px 0px, rgba(255, 255, 255, 0.02) 0px 1px 0px inset; }
  50% { box-shadow: rgba(52, 211, 153, 0.12) 0px 0px 18px, rgba(255, 255, 255, 0.035) 0px 1px 0px inset; }
}
@keyframes creatorPremiumShimmer { 
  0%, 64%, 100% { opacity: 0; transform: translateX(-20%) rotate(10deg); }
  74% { opacity: 0.78; }
  88% { opacity: 0; transform: translateX(360%) rotate(10deg); }
}
@keyframes creatorSuccessPulse { 
  0% { transform: translateY(0px) scale(1); box-shadow: rgba(52, 211, 153, 0) 0px 0px 0px; }
  38% { transform: translateY(-1px) scale(1.015); box-shadow: rgba(52, 211, 153, 0.12) 0px 0px 0px 1px, rgba(52, 211, 153, 0.22) 0px 0px 26px; }
  100% { transform: translateY(0px) scale(1); box-shadow: rgba(52, 211, 153, 0) 0px 0px 0px; }
}
@media (prefers-reduced-motion: reduce){.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .panel, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .metric, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .live-health-card, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .connection-summary-card, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .connection-platform-card, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .alert-control-card, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .alert-pack-card, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-sidebar-link, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .button-primary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .button-secondary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .ghost-button, .pricing-plan-card { transition-duration: 0.01ms !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceHome .go-live-panel::after, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .status.good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .status.active, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .status.status-good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .badge.good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .badge-green, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .live-ops-pill.is-good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .live-ops-pill.is-ready, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .platform-setup-card-status.status-good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .billing-status-card .status.good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .tink-success-pulse, .plan-premium-badge::after, .pricing-popular-badge::after, .pricing-plan-premium::after, .pricing-plan-ultimate::after, .pricing-plan-featured::after, .plan-locked::after, .alert-studio-premium::after, .enhanced-effects-panel::after, .alert-pack-card.is-locked::after, .alert-pack-card[data-premium="true"]::after { animation: auto ease 0s 1 normal none running none !important; transform: none !important; }
}
.dashboard-page .panel, .dashboard-page .quick-start-card, .dashboard-page .connection-summary-card, .dashboard-page .live-health-card, .dashboard-page .alert-control-card, .dashboard-page .alert-pack-card, .dashboard-page .metric, .dashboard-page .section-command-card, .trust-page .quick-start-card, .trust-page .connection-summary-card, .pricing-plan-card, .plan-upgrade-dialog { border-color: var(--tink-border-idle); border-radius: var(--tink-radius-lg); background-color: var(--tink-surface-idle); box-shadow: var(--tink-shadow-soft); }
.dashboard-page .button-primary, .dashboard-page button.button-primary, .trust-page .button-primary, .trust-page button.button-primary { min-height: 40px; border-color: rgba(34, 211, 238, 0.36); box-shadow: rgba(255, 47, 216, 0.18) 0px 14px 34px, rgba(34, 211, 238, 0.11) 0px 0px 24px; }
.dashboard-page .status.good, .dashboard-page .status.active, .dashboard-page .status-live, .trust-page .status.good, .trust-page .status.active, .pricing-popular-badge { border-color: rgba(52, 211, 153, 0.34); box-shadow: rgba(52, 211, 153, 0.1) 0px 0px 18px; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-sidebar-link.active, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .creator-sidebar-link.active { border-color: var(--tink-border-active); background: linear-gradient(135deg, rgba(255, 47, 216, 0.13), rgba(34, 211, 238, 0.12)), rgba(10, 18, 36, 0.92); box-shadow: var(--tink-glow-active); }
@media (max-width: 760px){.dashboard-page .button-primary, .dashboard-page .button-secondary, .dashboard-page .ghost-button, .trust-page .button-primary, .trust-page .button-secondary, .trust-page .ghost-button { min-height: 42px; }
}
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .button-primary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] button.button-primary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .streamer-primary-action { border-color: rgba(34, 211, 238, 0.42) !important; color: rgb(6, 17, 30) !important; background: linear-gradient(135deg, var(--brand-pink), var(--brand-cyan)) !important; box-shadow: var(--elevation-level-4) !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .status.good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .status.active, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .badge.good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .badge-green, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .platform-setup-card-status.status-good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .billing-status-card .status.good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .live-ops-pill.is-good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .live-ops-pill.is-ready { color: rgb(200, 245, 233) !important; border-color: var(--status-ok-border) !important; background: linear-gradient(180deg, var(--status-ok-soft), rgba(4, 13, 18, 0.66)) !important; box-shadow: rgba(85, 191, 167, 0.08) 0px 0px 14px !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .status.good::before, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .status.active::before, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .badge.good::before, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .badge-green::before { background: var(--status-ok) !important; box-shadow: rgba(85, 191, 167, 0.28) 0px 0px 8px !important; }
@media (prefers-reduced-motion: no-preference){.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .status.good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .status.active, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .badge.good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .badge-green, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .live-ops-pill.is-good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .live-ops-pill.is-ready { animation: 6.2s ease-in-out 0s infinite normal none running creatorMutedStatusPulse !important; }
}
@keyframes creatorMutedStatusPulse { 
  0%, 100% { box-shadow: rgba(85, 191, 167, 0.05) 0px 0px 8px; }
  50% { box-shadow: rgba(85, 191, 167, 0.12) 0px 0px 14px; }
}
@media (prefers-reduced-motion: reduce){.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .status.good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .status.active, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .badge.good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .badge-green, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .live-ops-pill.is-good, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .live-ops-pill.is-ready { animation: auto ease 0s 1 normal none running none !important; }
}
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-sidebar-link.active, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-sidebar-link[aria-current="page"] { border-color: rgba(34, 211, 238, 0.38) !important; background: linear-gradient(90deg, rgba(34, 211, 238, 0.14), rgba(255, 47, 216, 0.08)) !important; box-shadow: rgba(34, 211, 238, 0.8) 3px 0px 0px inset !important; }
:root { --tink-bg-deep: #050912; --tink-bg-page: #070b16; --tink-bg-vignette: rgba(3, 6, 13, 0.82); --tink-surface: rgba(11, 18, 34, 0.82); --tink-surface-soft: rgba(14, 23, 42, 0.62); --tink-surface-elevated: rgba(16, 26, 48, 0.9); --tink-surface-focus: rgba(13, 31, 53, 0.88); --tink-border-quiet: rgba(148, 163, 184, 0.12); --tink-border-focus: rgba(34, 211, 238, 0.28); --tink-text-strong: #f4f7ff; --tink-text-body: #dbe4f4; --tink-text-muted: #9aa8bd; --tink-brand-pink: #ff2fd8; --tink-brand-cyan: #22d3ee; --tink-brand-purple: #8b5cf6; --tink-status-green: #55bfa7; --tink-status-green-bg: rgba(85, 191, 167, 0.13); --tink-status-amber: #d9a441; --tink-status-amber-bg: rgba(217, 164, 65, 0.13); --tink-status-red: #e0717b; --tink-status-red-bg: rgba(224, 113, 123, 0.13); --tink-status-blue: #60a5fa; --tink-status-blue-bg: rgba(96, 165, 250, 0.12); --tink-shadow-level-1: 0 12px 36px rgba(0, 0, 0, 0.24); --tink-shadow-level-2: 0 20px 54px rgba(0, 0, 0, 0.34); --tink-shadow-focus: 0 24px 80px rgba(34, 211, 238, 0.12), 0 12px 44px rgba(255, 47, 216, 0.08); --tink-glow-brand-soft: 0 0 28px rgba(255, 47, 216, 0.16), 0 0 38px rgba(34, 211, 238, 0.1); --tink-glow-status-soft: 0 0 18px rgba(85, 191, 167, 0.14); --tink-radius-shell: 22px; --tink-radius-card: 18px; --tink-radius-control: 12px; }
body.dashboard-page, body.trust-page, body.quick-start-page, body.landing-page { color: var(--tink-text-body); background: radial-gradient(circle at 16% 0%, rgba(34, 211, 238, 0.1), transparent 32%), radial-gradient(circle at 88% 6%, rgba(255, 47, 216, 0.1), transparent 34%), linear-gradient(145deg, rgb(5, 9, 18) 0%, rgb(7, 16, 29) 44%, rgb(5, 9, 18) 100%) !important; }
body.dashboard-page::before, body.trust-page::before, body.landing-page::before { opacity: 0.42 !important; filter: saturate(0.72) brightness(0.58) !important; }
.dashboard-page .hero.topbar, .trust-page .quick-start-hero, .landing-page .hero-card, .pricing-hero { border: 1px solid rgba(34, 211, 238, 0.14) !important; border-radius: var(--tink-radius-shell) !important; background: linear-gradient(90deg, rgba(8, 13, 27, 0.92), rgba(11, 24, 42, 0.78)), rgba(6, 10, 20, 0.9) !important; box-shadow: var(--tink-shadow-level-2) !important; }
.dashboard-page .hero.topbar::before, .dashboard-page .hero.topbar::after, .trust-page .quick-start-hero::before, .landing-page .hero-card::before { opacity: 0.24 !important; }
.dashboard-page .hero-main h1, .trust-page h1, .landing-page h1 { color: var(--tink-text-strong); letter-spacing: 0px !important; }
.dashboard-page .hero-copy, .trust-page .hero-copy, .landing-page .hero-copy, .dashboard-page .muted, .trust-page .muted { color: var(--tink-text-muted) !important; }
.dashboard-page .panel, .dashboard-page .setupPanel, .dashboard-page .connection-summary-card, .dashboard-page .discord-card, .dashboard-page .tool-panel, .dashboard-page .streamer-action-card, .trust-page .quick-start-card, .trust-page .connection-summary-card, .trust-page .pricing-plan-card, .trust-page .pricing-audience-card, .trust-page .pricing-compare-card, .trust-page .billing-card, .trust-page .support-card, .landing-page .feature-card { border: 1px solid var(--tink-border-quiet) !important; border-radius: var(--tink-radius-card) !important; background: linear-gradient(145deg, rgba(17, 25, 45, 0.82), rgba(7, 12, 24, 0.78)),
    var(--tink-surface) !important; box-shadow: var(--tink-shadow-level-1) !important; }
.dashboard-page .panel:hover, .dashboard-page .connection-summary-card:hover, .dashboard-page .discord-card:hover, .dashboard-page .tool-panel:hover, .trust-page .quick-start-card:hover, .trust-page .pricing-plan-card:hover, .landing-page .feature-card:hover { border-color: rgba(34, 211, 238, 0.22) !important; box-shadow: var(--tink-shadow-level-2) !important; }
.dashboard-page .button-primary, .dashboard-page button.button-primary, .trust-page .button-primary, .trust-page button.button-primary, .landing-page .button-primary { border-color: rgba(255, 255, 255, 0.1) !important; background: linear-gradient(135deg, var(--tink-brand-pink), var(--tink-brand-cyan)) !important; color: rgb(6, 16, 29) !important; box-shadow: rgba(255, 47, 216, 0.18) 0px 14px 34px, rgba(34, 211, 238, 0.14) 0px 10px 28px !important; }
.dashboard-page .button-primary:hover, .dashboard-page button.button-primary:hover, .trust-page .button-primary:hover, .trust-page button.button-primary:hover, .landing-page .button-primary:hover { transform: translateY(-1px); box-shadow: rgba(255, 47, 216, 0.24) 0px 18px 42px, rgba(34, 211, 238, 0.18) 0px 12px 32px !important; }
.dashboard-page .button-secondary, .dashboard-page .ghost-button, .dashboard-page .btn, .trust-page .button-secondary, .trust-page .ghost-button, .trust-page .btn, .landing-page .button-secondary, .landing-page .ghost-button { border-color: rgba(148, 163, 184, 0.16) !important; background: rgba(9, 14, 27, 0.74) !important; color: var(--tink-text-body) !important; box-shadow: none !important; }
.dashboard-page .button-secondary:hover, .dashboard-page .ghost-button:hover, .dashboard-page .btn:hover, .trust-page .button-secondary:hover, .trust-page .ghost-button:hover, .trust-page .btn:hover, .landing-page .button-secondary:hover, .landing-page .ghost-button:hover { border-color: rgba(34, 211, 238, 0.28) !important; background: rgba(15, 24, 43, 0.86) !important; }
.dashboard-page .status.good, .dashboard-page .status.active, .dashboard-page .live-ops-pill.is-good, .dashboard-page .live-ops-pill.is-ready, .dashboard-page .live-ops-pill.is-live, .trust-page .status.good, .trust-page .status.active { border-color: rgba(85, 191, 167, 0.38) !important; background: var(--tink-status-green-bg) !important; color: rgb(186, 247, 230) !important; box-shadow: var(--tink-glow-status-soft) !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-sidebar-link.active, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-sidebar-link[aria-current="page"], .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .mod-workspace-link.active, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .mod-workspace-link[aria-current="page"] { border-color: rgba(255, 47, 216, 0.34) !important; background: linear-gradient(90deg, rgba(255, 47, 216, 0.15), rgba(34, 211, 238, 0.08)) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(255, 47, 216, 0.78) 3px 0px 0px inset !important; }
.pricing-page .pricing-popular-badge, .pricing-page .status.active, .trust-page .beta-reminder strong { background: linear-gradient(135deg, rgba(255, 47, 216, 0.2), rgba(34, 211, 238, 0.14)) !important; border-color: rgba(255, 47, 216, 0.3) !important; }
@media (prefers-reduced-motion: reduce){.dashboard-page .button-primary, .dashboard-page .button-secondary, .dashboard-page .ghost-button, .dashboard-page .panel, .dashboard-page .connection-summary-card, .trust-page .quick-start-card, .trust-page .pricing-plan-card { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
:root { --tink-command-max: 1840px; --tink-command-gutter: clamp(18px, 2.6vw, 42px); --tink-command-sidebar: clamp(214px, 13vw, 250px); --tink-focus-surface: rgba(18, 32, 56, 0.9); --tink-support-surface: rgba(10, 17, 32, 0.7); }
.trust-page .quick-start-shell, .pricing-shell, .landing-page .landing-shell { width: min(1440px, calc(100% - var(--tink-command-gutter))) !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-sidebar-link.active, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-sidebar-link[aria-current="page"], .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .mod-workspace-link.active, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .mod-workspace-link[aria-current="page"] { box-shadow: inset 4px 0 0 var(--tink-brand-pink), 0 0 28px rgba(255, 47, 216, 0.12) !important; }
:root { --tink-command-max: 1960px; --tink-command-gutter: clamp(12px, 1.45vw, 28px); --tink-command-sidebar: clamp(224px, 12vw, 252px); --tink-home-panel: rgba(16, 27, 46, 0.9); --tink-home-panel-bright: rgba(22, 39, 64, 0.94); --tink-home-border: rgba(148, 163, 184, 0.18); }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-sidebar-link.active, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-sidebar-link[aria-current="page"] { color: rgb(255, 255, 255) !important; background: linear-gradient(135deg, rgba(255, 47, 216, 0.2), rgba(34, 211, 238, 0.12)) !important; border-color: rgba(255, 255, 255, 0.16) !important; box-shadow: inset 3px 0 0 var(--tink-brand-cyan), 0 14px 30px rgba(34, 211, 238, 0.08) !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .alert-pack-thumb { max-height: 150px; padding: 8px; aspect-ratio: 4 / 3 !important; object-fit: contain !important; object-position: center center !important; border-radius: 14px !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .alert-pack-recommendation img { padding: 5px; object-fit: contain !important; object-position: center top !important; }
:root { --tink-global-shell-max: 1920px; --tink-global-gutter: clamp(12px, 1.4vw, 24px); --tink-global-panel: rgba(10, 18, 34, 0.82); --tink-global-panel-soft: rgba(12, 23, 42, 0.72); --tink-global-panel-bright: rgba(17, 34, 60, 0.76); --tink-global-border: rgba(129, 168, 255, 0.14); --tink-global-border-active: rgba(34, 211, 238, 0.34); --tink-global-shadow: 0 22px 60px rgba(0, 0, 0, 0.26); --tink-global-focus-glow: 0 24px 70px rgba(139, 92, 246, 0.18), 0 0 48px rgba(34, 211, 238, 0.08); }
body.dashboard-page, body.trust-page, body.landing-page { background: radial-gradient(circle at 10% 8%, rgba(34, 211, 238, 0.11), transparent 28%), radial-gradient(circle at 88% 0%, rgba(255, 47, 216, 0.11), transparent 30%), linear-gradient(135deg, rgb(5, 9, 22) 0%, rgb(7, 17, 31) 44%, rgb(6, 8, 22) 100%) !important; }
.dashboard-page main.shell, .dashboard-page .shell.wrap, .trust-page .quick-start-shell, .pricing-page .pricing-shell, .landing-shell { width: min(100%, var(--tink-global-shell-max)) !important; max-width: none !important; }
.landing-shell { padding-inline: var(--tink-global-gutter) !important; }
.dashboard-page .hero.topbar, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .hero.topbar, .trust-page .quick-start-hero, .pricing-page .quick-start-hero, .landing-hero { border-color: var(--tink-global-border) !important; background: linear-gradient(90deg, rgba(7, 12, 26, 0.9), rgba(11, 25, 45, 0.72)), rgba(8, 13, 28, 0.82) !important; box-shadow: var(--tink-global-shadow) !important; }
.dashboard-page .panel, .dashboard-page .card, .dashboard-page .metric, .dashboard-page .summaryCard, .dashboard-page .setupPanel, .dashboard-page .section-command-card, .dashboard-page .connection-summary-card, .dashboard-page .streamer-action-card, .dashboard-page .overlay-link-card, .dashboard-page .platform-card, .dashboard-page .command-center-card, .trust-page .quick-start-card, .trust-page .connection-summary-card, .pricing-page .pricing-plan-card, .pricing-page .alert-pack-showcase-panel, .pricing-page .pricing-audience-card, .pricing-page .pricing-compare-card, .landing-workspace-card, .landing-purpose-card, .landing-alert-card, .landing-dashboard-preview, .alert-pack-showcase-panel { border-color: var(--tink-global-border) !important; background: radial-gradient(circle at 12% 0%, rgba(34, 211, 238, 0.055), transparent 34%),
    linear-gradient(145deg, var(--tink-global-panel-soft), rgba(7, 12, 26, 0.78)) !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 44px !important; }
.dashboard-page .panel:hover, .dashboard-page .connection-summary-card:hover, .dashboard-page .streamer-action-card:hover, .dashboard-page .overlay-link-card:hover, .trust-page .connection-summary-card:hover, .pricing-page .pricing-plan-card:hover, .landing-workspace-card:hover { border-color: rgba(34, 211, 238, 0.24) !important; box-shadow: rgba(0, 0, 0, 0.25) 0px 22px 58px, rgba(34, 211, 238, 0.055) 0px 0px 26px !important; }
.dashboard-page .button-primary, .dashboard-page .primary-action, .trust-page .button-primary, .pricing-page .button-primary, .landing-page .button-primary { box-shadow: rgba(255, 47, 216, 0.2) 0px 14px 34px, rgba(34, 211, 238, 0.1) 0px 0px 24px !important; }
.dashboard-page .button-secondary, .dashboard-page .ghost-button, .trust-page .button-secondary, .trust-page .ghost-button, .pricing-page .button-secondary, .pricing-page .ghost-button, .landing-page .button-secondary, .landing-page .ghost-button { border-color: rgba(129, 168, 255, 0.18) !important; background: rgba(8, 13, 28, 0.72) !important; box-shadow: none !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-sidebar-link.active, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .mod-workspace-link.active { border-color: rgba(255, 47, 216, 0.36) !important; background: linear-gradient(135deg, rgba(255, 47, 216, 0.18), rgba(34, 211, 238, 0.1)) !important; color: rgb(255, 255, 255) !important; box-shadow: rgba(255, 47, 216, 0.78) 3px 0px 0px inset, rgba(255, 47, 216, 0.1) 0px 10px 24px !important; }
.trust-page .quick-start-card, .pricing-page .pricing-plan-grid, .pricing-page .pricing-audience-card, .pricing-page .pricing-compare-card, .beta-page .beta-request-card, .support-page .quick-start-card, .landing-section, .alert-pack-showcase { margin-top: clamp(18px, 2vw, 30px) !important; }
.trust-page .connection-summary-grid, .beta-page .beta-steps-row, .pricing-page .pricing-next-grid, .pricing-page .pricing-highlight-grid, .pricing-page .pricing-explain-grid, .landing-workspace-grid { gap: clamp(14px, 1.2vw, 20px) !important; }
.landing-hero { min-height: min(700px, -48px + 100vh) !important; }
.landing-dashboard-preview, .alert-pack-detail-panel, .alert-pack-live-card { border-color: rgba(255, 47, 216, 0.22) !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 24px 70px, rgba(255, 47, 216, 0.1) 0px 0px 42px !important; }
@media (max-width: 860px){.dashboard-page main.shell, .dashboard-page .shell.wrap, .trust-page .quick-start-shell, .pricing-page .pricing-shell, .landing-shell { padding-inline: 12px !important; }
}
:root { --tink-workspace-sidebar: clamp(218px, 12vw, 252px); --tink-workspace-gap: clamp(16px, 1.35vw, 26px); --tink-workspace-pad: clamp(18px, 1.45vw, 30px); --tink-workspace-min: calc(100vh - 190px); }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-workspace.active, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .mod-workspace.active { display: grid !important; }
@media (max-width: 900px){:root { --tink-workspace-min: auto; }
}
:root { --tink-cyber-bg: #050914; --tink-cyber-bg-2: #081224; --tink-cyber-surface: rgba(8, 18, 35, 0.78); --tink-cyber-surface-2: rgba(11, 24, 46, 0.72); --tink-cyber-surface-3: rgba(15, 31, 58, 0.62); --tink-cyber-line: rgba(121, 154, 255, 0.16); --tink-cyber-line-strong: rgba(34, 211, 238, 0.36); --tink-cyber-pink: #ff2fd8; --tink-cyber-cyan: #22d3ee; --tink-cyber-purple: #8b5cf6; --tink-cyber-green: #37d99b; --tink-cyber-amber: #e0b857; --tink-cyber-red: #ef6f8a; --tink-cyber-text: #f6f8ff; --tink-cyber-muted: #9fb1ce; --tink-cyber-radius: 18px; --tink-cyber-radius-lg: 24px; --tink-cyber-shadow: 0 24px 70px rgba(0, 0, 0, 0.38); --tink-cyber-glow: 0 0 34px rgba(255, 47, 216, 0.14), 0 0 42px rgba(34, 211, 238, 0.08); }
body.dashboard-page, body.trust-page, body.landing-page { color: var(--tink-cyber-text) !important; background: radial-gradient(circle at 18% 0%, rgba(139, 92, 246, 0.18), transparent 30%),
    radial-gradient(circle at 84% 10%, rgba(34, 211, 238, 0.12), transparent 26%),
    linear-gradient(135deg, var(--tink-cyber-bg) 0%, #07101f 48%, #050712 100%) !important; }
body.dashboard-page::before, body.trust-page::before, body.landing-page::before { content: ""; position: fixed; inset: 0px; z-index: -1; pointer-events: none; background: linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px) 0% 0% / 46px 46px, linear-gradient(90deg, rgba(255, 255, 255, 0.016) 1px, transparent 1px); mask-image: linear-gradient(rgba(0, 0, 0, 0.7), transparent 72%); }
.dashboard-page main.shell, .dashboard-page .shell.wrap, .trust-page .quick-start-shell, .pricing-page .pricing-shell, .landing-shell { width: min(100%, 1920px) !important; }
.dashboard-page .hero.topbar, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .hero.topbar, .trust-page .quick-start-hero, .pricing-page .quick-start-hero, .landing-nav, .landing-hero { backdrop-filter: blur(18px) saturate(135%); border: 1px solid rgba(34, 211, 238, 0.18) !important; background: linear-gradient(90deg, rgba(10, 16, 34, 0.92), rgba(16, 31, 57, 0.74)), rgba(8, 18, 35, 0.76) !important; box-shadow: var(--tink-cyber-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important; }
.dashboard-page .hero.topbar h1, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .hero.topbar h1, .trust-page .quick-start-hero h1, .pricing-page .quick-start-hero h1, .landing-hero h1 { text-shadow: rgba(34, 211, 238, 0.08) 0px 0px 24px; color: var(--tink-cyber-text) !important; }
.dashboard-page .hero-copy, .dashboard-page .muted, .trust-page .hero-copy, .trust-page .muted, .pricing-page .hero-copy, .pricing-page .muted, .landing-page .muted { color: var(--tink-cyber-muted) !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .live-ops-pill, .dashboard-page .status.good, .dashboard-page .status.active, .dashboard-page .status.status-good, .dashboard-page .badge.connected, .dashboard-page .pill.connected { border-color: rgba(55, 217, 155, 0.38) !important; color: rgb(214, 255, 240) !important; background: rgba(55, 217, 155, 0.1) !important; box-shadow: rgba(55, 217, 155, 0.08) 0px 0px 18px !important; }
.dashboard-page .panel, .dashboard-page .card, .dashboard-page .metric, .dashboard-page .summaryCard, .dashboard-page .setupPanel, .dashboard-page .section-command-card, .dashboard-page .streamer-action-card, .dashboard-page .connection-summary-card, .dashboard-page .overlay-link-card, .dashboard-page .platform-card, .trust-page .quick-start-card, .trust-page .connection-summary-card, .pricing-page .pricing-plan-card, .pricing-page .alert-pack-showcase-panel, .landing-workspace-card, .landing-purpose-card, .landing-alert-card, .landing-dashboard-preview, .alert-pack-showcase-panel { backdrop-filter: blur(12px); border-color: var(--tink-cyber-line) !important; border-radius: var(--tink-cyber-radius) !important; background: radial-gradient(circle at 18% 0%, rgba(139, 92, 246, 0.08), transparent 34%),
    linear-gradient(145deg, var(--tink-cyber-surface), rgba(6, 13, 27, 0.74)) !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 18px 48px, rgba(255, 255, 255, 0.04) 0px 1px 0px inset !important; }
.dashboard-page .panel:hover, .dashboard-page .section-command-card:hover, .dashboard-page .streamer-action-card:hover, .dashboard-page .connection-summary-card:hover, .dashboard-page .overlay-link-card:hover, .pricing-page .pricing-plan-card:hover, .landing-workspace-card:hover { transform: translateY(-1px); border-color: rgba(34, 211, 238, 0.28) !important; box-shadow: rgba(0, 0, 0, 0.32) 0px 24px 64px, rgba(34, 211, 238, 0.06) 0px 0px 34px !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-sidebar-link.active, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-sidebar-link[aria-current="page"], .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .mod-workspace-link.active, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .mod-workspace-link[aria-current="page"] { border-color: rgba(255, 47, 216, 0.54) !important; color: rgb(255, 255, 255) !important; background: linear-gradient(135deg, rgba(255, 47, 216, 0.28), rgba(139, 92, 246, 0.2) 52%, rgba(34, 211, 238, 0.12)) !important; box-shadow: inset 4px 0 0 var(--tink-cyber-pink), 0 0 34px rgba(255, 47, 216, 0.16) !important; }
.dashboard-page .button-primary, .dashboard-page .primary-action, .trust-page .button-primary, .pricing-page .button-primary, .landing-page .button-primary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .streamer-primary-action { border-color: rgba(255, 47, 216, 0.5) !important; color: rgb(255, 255, 255) !important; background: linear-gradient(135deg, var(--tink-cyber-pink), var(--tink-cyber-purple) 52%, var(--tink-cyber-cyan)) !important; box-shadow: rgba(255, 47, 216, 0.22) 0px 18px 42px, rgba(34, 211, 238, 0.12) 0px 0px 34px !important; }
.dashboard-page .button-secondary, .dashboard-page .ghost-button, .dashboard-page .btn, .trust-page .button-secondary, .trust-page .ghost-button, .pricing-page .button-secondary, .pricing-page .ghost-button, .landing-page .button-secondary, .landing-page .ghost-button { border-color: rgba(129, 168, 255, 0.2) !important; color: rgba(244, 248, 255, 0.9) !important; background: rgba(7, 13, 28, 0.72) !important; box-shadow: rgba(255, 255, 255, 0.035) 0px 1px 0px inset !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceHome .streamer-action-copy h2, .landing-hero h1 strong, .pricing-page .pricing-plan-premium h2, .pricing-page .pricing-plan-ultimate h2 { color: rgb(255, 255, 255) !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .home-preview-stage, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .preview-alert-frame, .landing-dashboard-preview { border-color: rgba(255, 47, 216, 0.24) !important; background: radial-gradient(circle at 50% 35%, rgba(255, 47, 216, 0.24), transparent 32%), radial-gradient(circle at 22% 72%, rgba(34, 211, 238, 0.15), transparent 30%), linear-gradient(135deg, rgba(14, 24, 54, 0.9), rgba(8, 10, 24, 0.92)) !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .connection-summary-grid, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .platform-card-grid, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .overlay-grid, .pricing-page .pricing-plan-grid, .trust-page .connection-summary-grid, .landing-workspace-grid { gap: clamp(14px, 1.25vw, 22px) !important; }
.pricing-page .pricing-popular-badge, .pricing-page .pricing-check.strong, .landing-page .landing-pill, .dashboard-page .card-label, .dashboard-page .eyebrow { color: rgb(223, 250, 255) !important; }
@media (prefers-reduced-motion: no-preference){.dashboard-page .panel, .dashboard-page .button-primary, .dashboard-page .button-secondary, .dashboard-page .ghost-button, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .creator-sidebar-link, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .mod-workspace-link, .pricing-page .pricing-plan-card, .landing-workspace-card { transition: transform 160ms, border-color 160ms, box-shadow 160ms, background 160ms; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .live-ops-pill.is-live, .dashboard-page .status.good, .dashboard-page .status.active { animation: 3.2s ease-in-out 0s infinite normal none running cyberStatusPulse; }
}
@keyframes cyberStatusPulse { 
  0%, 100% { box-shadow: rgba(55, 217, 155, 0.05) 0px 0px 14px; }
  50% { box-shadow: rgba(55, 217, 155, 0.16) 0px 0px 24px; }
}
.dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .mod-workspace-link.active, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .mod-workspace-link[aria-current="page"] { border-color: rgba(255, 47, 216, 0.42) !important; background: linear-gradient(135deg, rgba(255, 47, 216, 0.22), rgba(34, 211, 238, 0.08)) !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .status.active, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .badge.active, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] [data-status-state="ready"] .status { border-color: rgba(55, 217, 155, 0.42) !important; color: rgb(214, 255, 240) !important; background: rgba(55, 217, 155, 0.1) !important; }
.optimized-picture { display: contents; }
:root { --tink-compact-radius: 10px; --tink-compact-card-padding: clamp(12px, 1.15vw, 18px); --tink-compact-gap: clamp(10px, 1vw, 16px); --tink-quiet-shadow: 0 12px 30px rgba(0, 0, 0, 0.2); }
.landing-shell { padding-top: 16px !important; padding-bottom: 14px !important; }
.landing-hero { min-height: auto !important; padding: clamp(30px, 4vw, 48px) 0px clamp(34px, 4vw, 52px) !important; gap: clamp(22px, 3vw, 34px) !important; }
.landing-section { padding: clamp(30px, 4.2vw, 54px) 0px !important; }
.landing-section + .landing-section { border-top-color: rgba(255, 255, 255, 0.035) !important; }
.landing-hero::before, .landing-final-cta::before, .landing-section::before { opacity: 0.22 !important; }
.landing-hero h1 { font-size: clamp(2.85rem, 5.6vw, 5.7rem) !important; }
.landing-lede { margin-top: 16px !important; line-height: 1.55 !important; }
.landing-hero-actions, .landing-hero-stats { margin-top: 18px !important; }
.landing-proof-chips { margin-top: 12px !important; }
.landing-hero-stats span, .landing-proof-chips span, .landing-platform-strip span, .alert-pack-feature-row span { min-height: 28px !important; padding: 6px 10px !important; box-shadow: none !important; }
.landing-product-window, .landing-floating-overlay, .landing-alert-card, .landing-workspace-card, .landing-mod-grid article, .landing-obs-steps article, .landing-purpose-card, .landing-final-cta, .alert-pack-showcase-panel { border-radius: var(--tink-compact-radius) !important; box-shadow: var(--tink-quiet-shadow) !important; }
.landing-showcase { min-height: clamp(420px, 42vw, 520px) !important; }
.landing-product-window { min-height: 390px !important; }
.landing-alert-grid, .landing-workspace-grid, .landing-mod-grid, .landing-obs-steps, .alert-pack-experience-grid, .alert-pack-tags, .alert-pack-feature-row { gap: var(--tink-compact-gap) !important; }
.landing-alert-card { min-height: clamp(210px, 24vw, 310px) !important; }
.landing-workspace-card, .landing-mod-grid article, .landing-obs-steps article { padding: var(--tink-compact-card-padding) !important; min-height: 160px !important; }
.landing-workspace-card.primary { min-height: 360px !important; }
.landing-final-cta { margin-top: 26px !important; padding: clamp(24px, 4vw, 42px) !important; }
.landing-footer { padding: 18px 0px 10px !important; }
.dashboard-page .button-primary, .dashboard-page button.button-primary { min-height: 36px !important; padding: 7px 12px !important; }
@media (max-width: 720px){.landing-hero, .landing-section, .quick-start-shell, .dashboard-page .shell { padding-inline: 12px !important; }
.landing-showcase { min-height: 420px !important; }
.landing-alert-card, .landing-workspace-card, .landing-workspace-card.primary, .landing-mod-grid article, .landing-obs-steps article { min-height: 150px !important; }
}
.landing-page .landing-shell { max-width: 1180px !important; }
.landing-page .landing-nav { margin-bottom: 10px !important; }
.landing-page .landing-hero { grid-template-columns: minmax(0px, 1fr) minmax(340px, 0.82fr) !important; gap: clamp(18px, 2.8vw, 30px) !important; padding: clamp(22px, 3.2vw, 38px) 0px clamp(26px, 3.6vw, 42px) !important; }
.landing-page .landing-hero::before, .landing-page .landing-final-cta::before, .landing-page .landing-section::before, .landing-page .alert-pack-showcase::before { opacity: 0.16 !important; }
.landing-page .landing-kicker { margin-bottom: 8px !important; letter-spacing: 0.08em !important; }
.landing-page .landing-hero h1 { max-width: 660px !important; font-size: clamp(2.45rem, 4.8vw, 4.7rem) !important; line-height: 0.98 !important; }
.landing-page .landing-lede { max-width: 560px !important; margin-top: 14px !important; font-size: clamp(0.98rem, 1.25vw, 1.12rem) !important; }
.landing-page .landing-hero-actions { align-items: center !important; gap: 14px !important; margin-top: 20px !important; }
.landing-page .landing-button { min-height: 44px !important; padding-inline: 16px !important; }
.landing-secondary-link { display: inline-flex; align-items: center; min-height: 34px; color: rgba(219, 237, 255, 0.78); font-size: 0.88rem; font-weight: 850; text-decoration: none; }
.landing-secondary-link:hover, .landing-secondary-link:focus-visible { color: rgb(255, 255, 255); text-decoration: underline; text-underline-offset: 4px; }
.landing-page .landing-hero-stats, .landing-page .landing-proof-chips { gap: 8px !important; margin-top: 12px !important; }
.landing-page .landing-hero-stats span, .landing-page .landing-proof-chips span { min-height: 26px !important; padding: 5px 9px !important; border-color: rgba(255, 255, 255, 0.1) !important; background: rgba(255, 255, 255, 0.035) !important; font-size: 0.74rem !important; }
.landing-page .landing-showcase { min-height: clamp(330px, 34vw, 430px) !important; }
.landing-page .landing-product-window { inset: 16px 0px auto auto !important; width: min(100%, 540px) !important; min-height: 310px !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important; }
.landing-page .landing-window-bar { min-height: 38px !important; }
.landing-page .landing-dashboard-preview { grid-template-columns: 1fr 130px !important; gap: 10px !important; padding: 12px !important; }
.landing-page .landing-preview-main, .landing-page .landing-preview-side { min-height: 238px !important; border-radius: 10px !important; }
.landing-page .landing-live-card, .landing-page .landing-alert-pop, .landing-page .landing-mod-chip, .landing-page .landing-chat-row { border-radius: 9px !important; }
.landing-page .landing-alert-pop { top: 104px !important; left: 18px !important; width: min(78%, 300px) !important; padding: 12px !important; box-shadow: rgba(255, 45, 154, 0.12) 0px 14px 34px !important; }
.landing-page .landing-chat-row { height: 30px !important; }
.landing-page .landing-hero-logo-card { right: 12px !important; bottom: -2px !important; width: clamp(92px, 13vw, 146px) !important; padding: 8px !important; border-radius: 18px !important; animation: auto ease 0s 1 normal none running none !important; }
.landing-page .landing-hero-logo-card img { max-height: 124px !important; object-fit: contain !important; }
.landing-page .landing-section { padding: clamp(24px, 3.5vw, 44px) 0px !important; }
.landing-page .landing-section-heading { align-items: start !important; flex-direction: column !important; gap: 4px !important; margin-bottom: 16px !important; }
.landing-page .landing-section h2, .landing-page .landing-final-cta h2 { max-width: 680px !important; font-size: clamp(1.7rem, 3vw, 3.1rem) !important; line-height: 1.05 !important; }
.landing-page .landing-alert-card { min-height: clamp(168px, 18vw, 230px) !important; padding: 12px !important; }
.landing-page .landing-alert-card img { max-height: 150px !important; }
.landing-page .landing-alert-card:hover { transform: translateY(-3px) !important; }
.landing-page .alert-pack-showcase, .landing-page .landing-obs-section, .landing-page .landing-platform-section, .landing-page .landing-purpose-section, .landing-page .landing-moderation-section, .landing-page .landing-workspace-section { padding-top: clamp(24px, 3.5vw, 44px) !important; padding-bottom: clamp(24px, 3.5vw, 44px) !important; }
.landing-page .alert-pack-showcase-panel { padding: clamp(14px, 2.2vw, 24px) !important; }
.landing-page .alert-pack-stream-frame { min-height: clamp(280px, 32vw, 390px) !important; }
.landing-page .landing-workspace-card.primary, .landing-page .landing-workspace-card, .landing-page .landing-mod-grid article, .landing-page .landing-obs-steps article { min-height: 142px !important; }
.landing-page .landing-status-pills b:nth-child(n+3), .landing-page .landing-queue-preview b:nth-child(n+3) { display: none !important; }
.landing-page .landing-mini-alert-card, .landing-page .landing-obs-link-preview { margin-top: 14px !important; padding: 12px !important; box-shadow: none !important; }
.landing-page .landing-purpose-card { padding: clamp(16px, 2vw, 22px) !important; }
.landing-page .landing-final-cta { margin-top: 18px !important; padding: clamp(22px, 3.2vw, 34px) !important; }
@media (max-width: 1020px){.landing-page .landing-hero { grid-template-columns: 1fr !important; }
.landing-page .landing-showcase { min-height: 390px !important; }
.landing-page .landing-product-window { position: relative !important; inset: auto !important; width: 100% !important; }
}
@media (max-width: 720px){.landing-page .landing-hero { padding-top: 18px !important; }
.landing-page .landing-hero h1 { font-size: clamp(2.05rem, 11vw, 3.3rem) !important; }
.landing-page .landing-showcase { display: grid !important; place-items: center !important; min-height: auto !important; }
.landing-page .landing-product-window { display: none !important; min-height: 0px !important; }
.landing-page .landing-dashboard-preview, .landing-page .landing-alert-grid { grid-template-columns: 1fr !important; }
.landing-page .landing-preview-side { display: none !important; }
.landing-page .landing-hero-logo-card { position: relative !important; right: auto !important; bottom: auto !important; width: 104px !important; margin: 4px auto 0px !important; }
}
.landing-page { background: radial-gradient(circle at 16% 8%, rgba(255, 45, 154, 0.1), transparent 24%), radial-gradient(circle at 84% 12%, rgba(0, 229, 255, 0.08), transparent 24%), linear-gradient(rgb(7, 8, 14) 0%, rgb(9, 12, 21) 42%, rgb(5, 6, 11) 100%) !important; }
.landing-page .landing-section, .landing-page .alert-pack-showcase, .landing-page .landing-obs-section, .landing-page .landing-platform-section, .landing-page .landing-purpose-section, .landing-page .landing-moderation-section, .landing-page .landing-workspace-section { padding-top: clamp(18px, 2.8vw, 34px) !important; padding-bottom: clamp(18px, 2.8vw, 34px) !important; }
.landing-page .landing-section-heading { margin-bottom: 12px !important; }
.landing-page .landing-section + .landing-section { border-top-color: rgba(255, 255, 255, 0.03) !important; }
.landing-page .landing-hero { grid-template-columns: minmax(0px, 1fr) minmax(300px, 0.72fr) !important; padding-top: clamp(18px, 2.8vw, 32px) !important; padding-bottom: clamp(20px, 3vw, 36px) !important; }
.landing-page .landing-showcase { min-height: clamp(260px, 28vw, 350px) !important; }
.landing-page .landing-product-window { width: min(100%, 470px) !important; min-height: 268px !important; border-radius: 12px !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 14px 34px !important; }
.landing-page .landing-dashboard-preview { grid-template-columns: 1fr 104px !important; gap: 8px !important; padding: 10px !important; }
.landing-page .landing-preview-main, .landing-page .landing-preview-side { min-height: 200px !important; border-radius: 10px !important; }
.landing-page .landing-live-card, .landing-page .landing-alert-pop, .landing-page .landing-mod-chip { padding: 10px !important; }
.landing-page .landing-alert-pop { top: 88px !important; width: min(78%, 260px) !important; }
.landing-page .landing-floating-overlay { box-shadow: rgba(0, 0, 0, 0.22) 0px 12px 28px, rgba(255, 45, 154, 0.1) 0px 0px 24px !important; }
.landing-page .landing-hero-logo-card { width: clamp(82px, 11vw, 126px) !important; }
.landing-page .landing-alert-grid, .landing-page .landing-workspace-grid, .landing-page .landing-mod-grid, .landing-page .landing-obs-steps, .landing-page .alert-pack-tags, .landing-page .alert-pack-feature-row { gap: clamp(8px, 1.2vw, 12px) !important; }
.landing-page .landing-alert-card, .landing-page .landing-workspace-card, .landing-page .landing-mod-grid article, .landing-page .landing-obs-steps article, .landing-page .landing-purpose-card, .landing-page .alert-pack-showcase-panel, .landing-page .alert-pack-stream-frame, .landing-page .alert-pack-detail-panel { border-radius: 12px !important; box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 26px !important; }
.landing-page .landing-alert-card, .landing-page .landing-workspace-card, .landing-page .landing-mod-grid article, .landing-page .landing-obs-steps article { padding: clamp(10px, 1.4vw, 14px) !important; }
.landing-page .landing-alert-card { min-height: clamp(150px, 15vw, 196px) !important; background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)), rgba(7, 10, 20, 0.72) !important; }
.landing-page .landing-alert-card::after { height: 2px !important; box-shadow: none !important; }
.landing-page .landing-alert-card img { max-height: 124px !important; filter: drop-shadow(rgba(0, 0, 0, 0.26) 0px 12px 18px) !important; }
.landing-page .landing-alert-card small { padding: 5px 8px !important; font-size: 0.68rem !important; }
.landing-page .landing-alert-card span { bottom: 20px !important; font-size: 1rem !important; }
.landing-page .alert-pack-showcase-panel { border-color: rgba(34, 211, 238, 0.18) !important; background: linear-gradient(145deg, rgba(13, 18, 36, 0.88), rgba(6, 8, 18, 0.84)) !important; }
.landing-page .alert-pack-showcase-panel::before, .landing-page .alert-pack-showcase-panel::after, .landing-page .alert-pack-particles { opacity: 0.25 !important; }
.landing-page .alert-pack-support-column { display: none !important; }
.landing-page .alert-pack-stream-frame { min-height: clamp(240px, 27vw, 330px) !important; }
.landing-page .alert-pack-live-card { max-width: min(520px, 100% - 28px) !important; padding: 12px !important; }
.landing-page .alert-pack-live-art { width: clamp(112px, 24vw, 172px) !important; height: clamp(72px, 15vw, 106px) !important; aspect-ratio: 3.1 / 1 !important; object-fit: contain !important; object-position: center center !important; padding: 6px !important; }
.landing-page .landing-workspace-card.primary, .landing-page .landing-workspace-card { min-height: 132px !important; }
.landing-page .landing-card-lines, .landing-page .landing-workspace-dots, .landing-page .landing-studio-preview { display: none !important; }
.landing-page .landing-mini-alert-card, .landing-page .landing-obs-link-preview { border-radius: 10px !important; background: rgba(5, 9, 18, 0.66) !important; }
.landing-page .landing-status-pills, .landing-page .landing-card-pill-row { margin-top: 10px !important; }
.landing-page .landing-platform-strip { gap: 8px !important; }
.landing-page .landing-platform-strip span { min-height: 30px !important; padding: 5px 9px !important; font-size: 0.76rem !important; }
.landing-page .landing-platform-strip b { width: 20px !important; height: 20px !important; border-radius: 7px !important; font-size: 0.7rem !important; }
.landing-page .landing-final-cta { border-radius: 12px !important; box-shadow: rgba(0, 0, 0, 0.24) 0px 14px 36px, rgba(255, 47, 216, 0.1) 0px 0px 30px !important; }
.landing-final-secondary { margin: 10px 0px 0px; color: rgba(219, 237, 255, 0.62); font-size: 0.82rem; }
.landing-final-secondary a { color: rgba(219, 237, 255, 0.74); font-weight: 850; text-decoration: none; }
.landing-final-secondary a:hover, .landing-final-secondary a:focus-visible { color: rgb(255, 255, 255); text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 1020px){.landing-page .landing-product-window { width: 100% !important; }
}
@media (max-width: 720px){.landing-page .landing-alert-grid { grid-template-columns: 1fr !important; }
.landing-page .landing-alert-card { min-height: 132px !important; }
.landing-page .alert-pack-stream-frame { min-height: 300px !important; }
}
.landing-page .alert-pack-live-preview { gap: 10px !important; }
.landing-page .alert-pack-selector-wrap, .landing-page .alert-pack-detail-panel, .landing-page .alert-pack-preview-actions { padding: 10px !important; border-radius: 10px !important; }
.landing-page .alert-pack-detail-panel { display: none !important; }
.landing-page .alert-pack-tags button, .landing-page .alert-pack-type-selector button { min-height: 28px !important; padding: 5px 8px !important; font-size: 0.72rem !important; }
.landing-page .alert-pack-feature-row span { padding: 5px 8px !important; font-size: 0.74rem !important; box-shadow: none !important; }
.landing-page .landing-workspace-grid { grid-auto-rows: minmax(130px, auto) !important; }
.landing-page .landing-workspace-card.primary { grid-row: span 1 !important; min-height: 170px !important; background: linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)), rgba(7, 10, 20, 0.72) !important; }
.landing-page .landing-workspace-card strong { max-width: 260px !important; font-size: clamp(1.08rem, 1.8vw, 1.7rem) !important; line-height: 1.12 !important; }
.landing-page .landing-queue-preview { position: relative !important; inset: auto !important; margin-top: 12px !important; }
.landing-page .landing-queue-preview b { min-height: 30px !important; height: auto !important; padding: 7px 9px !important; border-radius: 9px !important; }
.landing-page .landing-obs-steps article { min-height: 112px !important; }
@media (max-width: 1020px){.landing-page .landing-showcase { min-height: 300px !important; }
}
@media (max-width: 720px){.landing-page .landing-hero { grid-template-columns: 1fr !important; }
.landing-page .landing-showcase { display: grid !important; place-items: center !important; min-height: 124px !important; }
.landing-page .landing-product-window { display: none !important; }
.landing-page .landing-hero-logo-card { position: relative !important; right: auto !important; bottom: auto !important; }
.landing-page .landing-workspace-grid, .landing-page .landing-obs-section { grid-template-columns: 1fr !important; }
}
body.landing-page { min-height: auto !important; }
.landing-page .landing-shell { padding-bottom: 6px !important; }
.landing-page .landing-hero { align-items: center !important; grid-template-columns: minmax(0px, 1fr) minmax(280px, 0.66fr) !important; column-gap: clamp(16px, 2.4vw, 26px) !important; }
.landing-page .landing-hero h1 { font-size: clamp(2.28rem, 4.35vw, 4.25rem) !important; }
.landing-page .landing-showcase { align-self: center !important; min-height: clamp(230px, 24vw, 316px) !important; }
.landing-page .landing-product-window { inset: 50% 0px auto auto !important; width: min(100%, 408px) !important; min-height: 236px !important; transform: translateY(-50%) !important; }
.landing-page .landing-dashboard-preview { grid-template-columns: 1fr 86px !important; padding: 9px !important; }
.landing-page .landing-preview-main, .landing-page .landing-preview-side { min-height: 170px !important; }
.landing-page .landing-live-card { gap: 9px !important; }
.landing-page .landing-alert-pop { top: 78px !important; width: min(78%, 230px) !important; }
.landing-page .landing-preview-side { gap: 7px !important; }
.landing-page .landing-chat-row { height: 24px !important; }
.landing-page .landing-hero-logo-card { width: clamp(76px, 9.8vw, 112px) !important; }
.landing-page #alerts .landing-section-heading { align-items: start !important; justify-content: start !important; text-align: left !important; }
.landing-page #alerts .landing-kicker { order: 0; }
.landing-page #alerts h2 { order: 1; }
.landing-page .landing-alert-grid { align-items: stretch !important; }
.landing-page .landing-alert-card { display: grid !important; align-content: start !important; height: clamp(148px, 13.5vw, 178px) !important; min-height: 0px !important; padding: 10px !important; }
.landing-page .landing-alert-card img { max-height: 106px !important; margin: 18px auto 0px !important; }
.landing-page .landing-alert-card small { left: 10px !important; top: 10px !important; max-width: calc(100% - 20px) !important; }
.landing-page .landing-alert-card span { left: 12px !important; bottom: 14px !important; }
.landing-page .alert-pack-support-column { display: none !important; }
.landing-page .alert-pack-experience-grid { gap: 12px !important; }
.landing-page .landing-workspace-grid { grid-auto-rows: minmax(112px, auto) !important; }
.landing-page .landing-workspace-card { display: grid !important; align-content: start !important; gap: 8px !important; min-height: 116px !important; padding: 12px !important; }
.landing-page .landing-workspace-card.primary { min-height: 138px !important; }
.landing-page .landing-workspace-card span { margin-bottom: 2px !important; }
.landing-page .landing-status-pills, .landing-page .landing-card-pill-row, .landing-page .landing-queue-preview { margin-top: 4px !important; }
.landing-page .landing-mini-alert-card, .landing-page .landing-obs-link-preview { margin-top: 6px !important; padding: 9px !important; }
.landing-page .landing-queue-preview b { min-height: 26px !important; padding: 6px 8px !important; }
.landing-page .landing-footer { padding-bottom: 6px !important; }
.landing-page .tink-copyright { margin-bottom: 0px !important; padding-bottom: 4px !important; }
@media (max-width: 1020px){.landing-page .landing-product-window { inset: auto !important; transform: none !important; }
}
@media (max-width: 720px){.landing-page .landing-hero { grid-template-columns: 1fr !important; }
.landing-page .landing-hero h1 { font-size: clamp(2rem, 10vw, 3.05rem) !important; }
.landing-page .landing-alert-card { height: auto !important; min-height: 126px !important; }
}
.landing-page .landing-shell { display: flex !important; flex-direction: column !important; gap: 0px !important; padding-bottom: 0px !important; }
.landing-page .landing-nav { order: 0; }
.landing-page .landing-hero { order: 1; }
.landing-page #workspace { order: 2; }
.landing-page #action-preview { order: 3; }
.landing-page #setup-flow { order: 4; }
.landing-page .landing-final-cta { order: 5; }
.landing-page .landing-footer { order: 6; }
.landing-page #alerts, .landing-page .landing-platform-section, .landing-page .landing-purpose-section, .landing-page .landing-moderation-section { display: none !important; }
.landing-page .landing-hero { min-height: auto !important; align-items: center !important; padding-top: clamp(20px, 3vw, 36px) !important; padding-bottom: clamp(22px, 3.2vw, 38px) !important; }
.landing-page .landing-lede { max-width: 590px !important; }
.landing-page .landing-hero-stats { max-width: 610px !important; }
.landing-page .landing-proof-chips { display: none !important; }
.landing-page .landing-showcase { min-height: clamp(210px, 22vw, 292px) !important; }
.landing-page .landing-product-window { width: min(100%, 384px) !important; min-height: 220px !important; }
.landing-page .landing-dashboard-preview { grid-template-columns: 1fr 76px !important; }
.landing-page .landing-preview-main, .landing-page .landing-preview-side { min-height: 154px !important; }
.landing-page .landing-live-card p { display: none !important; }
.landing-page .landing-alert-pop { top: 70px !important; width: min(82%, 220px) !important; }
.landing-page .landing-hero-logo-card { width: clamp(70px, 8vw, 98px) !important; }
.landing-page #workspace .landing-section-heading, .landing-page #action-preview .alert-pack-showcase-copy, .landing-page #setup-flow .landing-section-heading { max-width: 680px !important; }
.landing-page #workspace .landing-workspace-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; grid-auto-rows: 1fr !important; }
.landing-page #workspace .landing-workspace-card { min-height: 132px !important; padding: clamp(14px, 1.7vw, 18px) !important; }
.landing-page #workspace .landing-workspace-card:nth-child(n+4) { display: none !important; }
.landing-page #workspace .landing-status-pills, .landing-page #workspace .landing-card-pill-row, .landing-page #workspace .landing-mini-alert-card, .landing-page #workspace .landing-queue-preview, .landing-page #workspace .landing-studio-preview, .landing-page #workspace .landing-obs-link-preview, .landing-page #workspace .landing-card-lines, .landing-page #workspace .landing-workspace-dots { display: none !important; }
.landing-page #workspace .landing-workspace-card strong { max-width: 100% !important; font-size: clamp(1.02rem, 1.45vw, 1.24rem) !important; line-height: 1.32 !important; }
.landing-page #action-preview .alert-pack-showcase-panel { gap: 14px !important; }
.landing-page #action-preview .alert-pack-showcase-copy p:not(.landing-kicker) { max-width: 620px !important; font-size: 0.98rem !important; }
.landing-page #action-preview .alert-pack-support-column, .landing-page #action-preview .alert-pack-feature-row, .landing-page #action-preview .alert-pack-detail-panel { display: none !important; }
.landing-page #action-preview .alert-pack-stream-frame { min-height: clamp(230px, 24vw, 306px) !important; }
.landing-page #action-preview .alert-pack-live-art { width: 82px !important; height: 82px !important; }
.landing-page #setup-flow { display: grid !important; grid-template-columns: minmax(0px, 0.7fr) minmax(0px, 1.3fr) !important; gap: clamp(14px, 2vw, 22px) !important; }
.landing-page #setup-flow .landing-obs-steps article { min-height: 96px !important; padding: 14px !important; }
.landing-page #setup-flow .landing-obs-steps span { width: 34px !important; height: 34px !important; margin-bottom: 10px !important; border-radius: 10px !important; }
.landing-page .landing-final-cta { margin-top: clamp(14px, 2vw, 22px) !important; margin-bottom: 0px !important; }
.landing-page .landing-footer { margin-top: 0px !important; padding-top: 14px !important; padding-bottom: 6px !important; }
.landing-page .tink-copyright { margin-top: 0px !important; }
@media (max-width: 900px){.landing-page #workspace .landing-workspace-grid, .landing-page #setup-flow { grid-template-columns: 1fr !important; }
}
@media (max-width: 720px){.landing-page .landing-nav-links { display: none !important; }
.landing-page .landing-hero { grid-template-columns: 1fr !important; }
.landing-page .landing-showcase { min-height: 106px !important; }
.landing-page #action-preview .alert-pack-stream-frame { min-height: 280px !important; }
}
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio #selectedAlertPackCard > .field-label, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio #selectedAlertPackCard > .alert-pack-variation-field, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio #selectedAlertPackCard > .alert-studio-primary-actions, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio #selectedAlertPackCard > .recommended-alert-packs, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio #selectedAlertPackCard > .alert-pack-browse-button { grid-column: 1 / -1 !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-pack-variation-field { margin-top: 2px !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-pack-recommendation { min-height: 58px !important; padding: 6px !important; border-radius: 14px !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-pack-recommendation img { max-height: 42px !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-pack-recommendation span { font-size: 0.68rem !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-pack-recommendation.active { border-color: rgba(255, 47, 216, 0.62) !important; box-shadow: rgba(34, 211, 238, 0.22) 0px 0px 0px 1px, rgba(255, 47, 216, 0.18) 0px 0px 26px !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-studio-primary-actions .button-primary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-studio-primary-actions .button-secondary, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-studio-primary-actions .ghost-button { width: 100% !important; min-width: 0px !important; min-height: 42px !important; justify-content: center !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-pack-recommendation { display: grid !important; grid-template-columns: 54px minmax(0px, 1fr) !important; grid-template-rows: auto auto !important; align-items: center !important; min-height: 84px !important; padding: 9px !important; column-gap: 10px !important; overflow: hidden !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-pack-recommendation img { grid-row: 1 / span 2 !important; width: 54px !important; height: 54px !important; max-height: 54px !important; padding: 4px !important; object-fit: contain !important; object-position: center center !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-pack-recommendation strong, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-pack-recommendation span { min-width: 0px !important; overflow-wrap: anywhere !important; line-height: 1.18 !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-pack-recommendation strong { font-size: 0.86rem !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-pack-recommendation span { font-size: 0.72rem !important; }
.dashboard-page[data-product-page="dashboard"] .alert-pack-modal { width: min(1040px, -32px + 100vw) !important; }
.dashboard-page[data-product-page="dashboard"] .alert-pack-modal .alert-pack-card-grid { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important; align-items: stretch !important; gap: 12px !important; padding: 2px 6px 8px 0px !important; }
.dashboard-page[data-product-page="dashboard"] .alert-pack-modal .alert-pack-card { grid-template-rows: auto auto minmax(54px, auto) auto auto !important; align-content: start !important; min-height: 0px !important; padding: 12px !important; gap: 9px !important; overflow: hidden !important; }
.dashboard-page[data-product-page="dashboard"] .alert-pack-modal .alert-pack-thumb { width: 100% !important; height: 132px !important; min-height: 124px !important; max-height: 146px !important; aspect-ratio: 16 / 9 !important; object-fit: contain !important; object-position: center center !important; padding: 8px !important; border-radius: 12px !important; }
.dashboard-page[data-product-page="dashboard"] .alert-pack-modal .alert-pack-card p { min-height: 42px !important; font-size: 0.88rem !important; line-height: 1.38 !important; }
.dashboard-page[data-product-page="dashboard"] .alert-pack-modal .alert-pack-card .overlay-link-actions { display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 8px !important; }
.dashboard-page[data-product-page="dashboard"] .alert-pack-modal .alert-pack-card .button-primary, .dashboard-page[data-product-page="dashboard"] .alert-pack-modal .alert-pack-card .button-secondary { min-width: 0px !important; width: 100% !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio img[data-alert-pack="cyber-pulse"][data-alert-type="subscription"], .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio img[data-alert-pack="cyber-pulse"][data-alert-type="raid"] { transform: translateY(7%) !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-pack-recommendation { grid-template-columns: minmax(0px, 1fr) !important; grid-template-rows: auto auto auto !important; align-content: start !important; min-height: 112px !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-pack-recommendation img { grid-row: auto !important; width: 100% !important; height: 34px !important; max-height: 34px !important; padding: 3px !important; border-radius: 9px !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-pack-recommendation strong { margin-top: 2px !important; }
.dashboard-page[data-product-page="dashboard"] .alert-pack-modal .alert-pack-card-grid { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important; }
.dashboard-page[data-product-page="dashboard"] .alert-pack-modal .alert-pack-card { grid-template-rows: auto auto minmax(50px, auto) auto auto !important; }
.dashboard-page[data-product-page="dashboard"] .alert-pack-modal .alert-pack-thumb { height: clamp(50px, 5vw, 70px) !important; min-height: 50px !important; max-height: 74px !important; aspect-ratio: 5.4 / 1 !important; padding: 5px !important; background: radial-gradient(circle, rgba(34, 211, 238, 0.1), transparent 62%), rgba(3, 7, 18, 0.62) !important; }
.dashboard-page[data-product-page="dashboard"] .alert-pack-modal { width: min(1080px, -44px + 100vw) !important; }
.dashboard-page[data-product-page="dashboard"] .alert-pack-modal .alert-pack-card-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important; gap: 12px !important; }
.dashboard-page[data-product-page="dashboard"] .alert-pack-modal .alert-pack-card { grid-template-rows: auto auto minmax(40px, auto) auto auto !important; padding: 12px !important; cursor: pointer !important; }
.dashboard-page[data-product-page="dashboard"] .alert-pack-modal .alert-pack-card:focus-visible { outline: rgba(34, 211, 238, 0.78) solid 2px !important; outline-offset: 3px !important; }
.dashboard-page[data-product-page="dashboard"] .alert-pack-modal .alert-pack-thumb { height: clamp(88px, 7.5vw, 120px) !important; min-height: 88px !important; max-height: 120px !important; aspect-ratio: 4 / 1 !important; padding: 6px !important; object-fit: contain !important; object-position: center center !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-pack-recommendation img { height: clamp(82px, 6.5vw, 108px) !important; max-height: 110px !important; object-fit: contain !important; }
.dashboard-page[data-product-page="dashboard"] .alert-pack-modal .alert-pack-thumb { height: clamp(90px, 7.5vw, 120px) !important; min-height: 90px !important; max-height: 120px !important; object-fit: contain !important; object-position: center center !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-pack-recommendation img { min-height: 70px !important; object-fit: contain !important; object-position: center center !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] #workspaceAlertStudio .alert-pack-browse-button { align-self: end !important; }
.hero h1, .login-hero h1, .quick-start-hero h1, .landing-hero h1, .dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .hero h1, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .hero h1 { line-height: 1.08 !important; letter-spacing: 0px !important; padding-bottom: 0.08em !important; }
.dashboard-page .button-primary, .dashboard-page .button-secondary, .dashboard-page .ghost-button, .dashboard-page .btn, .dashboard-page .nav-btn, .dashboard-page .creator-sidebar-link, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .mod-workspace-link { max-width: 100% !important; white-space: normal !important; overflow-wrap: anywhere !important; }
.quick-start-page .quick-step.active { align-content: start !important; gap: 12px !important; }
.pricing-page .alert-pack-preview-frame img { max-height: clamp(180px, 28vw, 360px) !important; object-fit: contain !important; }
@media print{body.pricing-page::before, body.pricing-page::after, .pricing-page .pricing-plan-card::before, .pricing-page .pricing-plan-card::after, .pricing-page .pricing-popular-badge::after, .pricing-page .alert-pack-showcase, .pricing-page .pricing-alert-pack-showcase, .pricing-page script { display: none !important; }
.pricing-page .pricing-plan-card > a, .pricing-page .button-primary, .pricing-page .button-secondary { border: 1px solid rgb(148, 163, 184) !important; color: rgb(17, 24, 39) !important; background: rgb(255, 255, 255) !important; padding: 7pt 9pt !important; }
}
@media screen{.dashboard-page .creator-sidebar-link.active, .dashboard-page .creator-sidebar-link[aria-current="page"], .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .mod-workspace-link.active, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .mod-workspace-link[aria-current="page"] { border-color: rgba(255, 47, 216, 0.42) !important; background: linear-gradient(135deg, rgba(255, 47, 216, 0.22), rgba(34, 211, 238, 0.12)), rgba(10, 20, 42, 0.78) !important; }
.dashboard-page .button-primary, .dashboard-page .primary-action, .trust-page .button-primary, .pricing-page .button-primary { min-height: 40px !important; border-radius: 12px !important; font-weight: 900 !important; }
.dashboard-page .status-pill:not(.status-live):not(.status-offline), .dashboard-page .badge:not(.good):not(.warn):not(.bad):not(.active), .dashboard-page .pill, .dashboard-page .runtime-pill, .dashboard-page .hero-identity-chip, .dashboard-page .origin-chip, .landing-status-pills b, .alert-pack-feature-row span, .alert-pack-tags span, .trust-page .connection-summary-card > .status.good:not([id]), .pricing-page .pricing-plan-card > .status.good, .pricing-page .pricing-highlight-grid .status.good, .pricing-page .pricing-action-card .status.good { border-color: rgba(0, 229, 255, 0.28) !important; background: rgba(0, 229, 255, 0.09) !important; color: rgb(141, 239, 255) !important; box-shadow: none !important; }
.dashboard-page .status.active, .dashboard-page .badge.active, .dashboard-page .tab.active, .dashboard-page .nav-btn.active, .dashboard-page .ghost-button.active, .dashboard-page .workspace-nav .ghost-button.active, .dashboard-page .studio-section-nav .ghost-button.active, .dashboard-page .segmented-control .ghost-button.active, .dashboard-page .alert-studio-tabs .ghost-button.active, .dashboard-page .alert-pack-card.active, .dashboard-page .alert-pack-recommendation.active, .dashboard-page .alert-layout-preview-choice.active, .dashboard-page .platform-setup-adapter-card.is-active, .dashboard-page .platform-setup-choice.is-active, .dashboard-page .platform-setup-choice-new.is-active, .dashboard-page .simple-setup-step.is-active, .dashboard-page .simple-step-result.active, .dashboard-page .platform-setup-flow-step.is-active { border-color: rgba(0, 229, 255, 0.42) !important; background: linear-gradient(135deg, rgba(0, 229, 255, 0.16), rgba(255, 47, 216, 0.08)), rgba(6, 14, 28, 0.78) !important; color: rgb(174, 246, 255) !important; box-shadow: rgba(0, 229, 255, 0.1) 0px 0px 22px !important; }
.dashboard-page .button-primary { background: linear-gradient(135deg, rgba(0, 229, 255, 0.26), rgba(255, 47, 216, 0.2)), rgba(8, 18, 30, 0.94) !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"][data-experience-mode="full"] .status.active, .dashboard-page[data-product-page="moderation"][data-dashboard-role="mod"] .status.active { border-color: rgba(0, 229, 255, 0.42) !important; background: rgba(0, 229, 255, 0.12) !important; color: rgb(174, 246, 255) !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"][data-experience-mode="full"] .button-primary { background: linear-gradient(135deg, rgba(0, 229, 255, 0.24), rgba(255, 47, 216, 0.18)), rgba(8, 18, 30, 0.94) !important; }
.dashboard-page .status.good, .dashboard-page .status.status-good, .dashboard-page .status-live, .dashboard-page .badge.good, .dashboard-page .badge-green, .dashboard-page .live-ops-pill.is-good, .dashboard-page .live-ops-pill.is-ready, .dashboard-page .live-ops-pill.is-live, .dashboard-page .platform-setup-card-status.status-good, .dashboard-page .billing-status-card .status.good, .trust-page .status.good, .trust-page .status.active, .pricing-page .status.good { border-color: rgba(0, 229, 255, 0.3) !important; background: linear-gradient(rgba(0, 229, 255, 0.106), rgba(6, 13, 28, 0.72)), rgba(7, 13, 28, 0.72) !important; color: rgb(217, 251, 255) !important; box-shadow: rgba(0, 229, 255, 0.08) 0px 0px 16px !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .hero-switch-nav.dashboard-look-nav .nav-btn.active { border-color: rgba(0, 229, 255, 0.38) !important; background: rgba(0, 229, 255, 0.1) !important; color: rgb(230, 253, 255) !important; }
.dashboard-page[data-product-page="dashboard"][data-dashboard-role="streamer"] .hero-primary-actions .button-primary { box-shadow: rgba(255, 47, 216, 0.18) 0px 0px 18px !important; }
}