/* ============================================================
   MAX EXAM LAB — 3D ORBIT COCKPIT LANDING PAGE STYLESHEET
   Adopted from the exact preview specification.
   Scoped to body.max-landing-mode and #view-landing.
   ============================================================ */

:root {
  --orbit-bg: #08131d;
  --orbit-bg2: #0d1a27;
  --orbit-line: rgba(105, 172, 190, 0.18);
  --orbit-cyan: #50edf1;
  --orbit-cyan2: #7af7f4;
  --orbit-muted: #8f9ca7;
  --orbit-panel: rgba(23, 42, 54, 0.82);
  --orbit-panel2: rgba(13, 29, 39, 0.88);

  /* Orbit-card component scale */
  --card-scale: 1.5;
  --card-w: calc(148px * var(--card-scale));
  --card-h: calc(232px * var(--card-scale));
  --card-pad-y: calc(18px * var(--card-scale));
  --card-pad-x: calc(14px * var(--card-scale));
  --card-radius: calc(10px * var(--card-scale));
  --card-icon-box: calc(55px * var(--card-scale));
  --card-icon-size: calc(46px * var(--card-scale));
  --card-title-size: calc(16px * var(--card-scale));
  --card-body-size: calc(10.3px * var(--card-scale));
  --card-button-size: calc(10px * var(--card-scale));
  --card-button-pad: calc(9px * var(--card-scale));
}

/* Base landing mode body override — allow vertical scrolling to content sections */
html body.max-landing-mode,
body.max-landing-mode {
  background: var(--orbit-bg) !important;
  color: #eefaff !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  min-height: 100vh !important;
}

/* Landing view container override */
html body.max-landing-mode #view-landing,
#view-landing {
  min-height: 100vh !important;
  height: auto !important;
  position: relative !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  padding: 0 0 40px 0 !important;
  margin: 0 !important;
  background:
    radial-gradient(circle at 50% 40%, rgba(55, 212, 218, 0.13), transparent 25%),
    radial-gradient(circle at 80% 25%, rgba(82, 132, 165, 0.08), transparent 18%),
    linear-gradient(180deg, #101c2a 0%, #0a1621 66%, #07131c 100%) !important;
}

#view-landing::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.22 !important;
  background-image:
    linear-gradient(rgba(83, 135, 150, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(83, 135, 150, 0.06) 1px, transparent 1px) !important;
  background-size: 70px 70px !important;
  mask-image: linear-gradient(to bottom, transparent 0%, black 48%, black 100%) !important;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 48%, black 100%) !important;
  border-radius: 0 !important;
  animation: none !important;
  filter: none !important;
}

#view-landing::after {
  display: none !important;
}

/* ------------------------------------------------------------
   Persistent Site Header in Landing Mode (Dark Cockpit Standard)
   ------------------------------------------------------------ */
html body.max-landing-mode .site-header,
body.max-landing-mode .site-header {
  height: 76px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 4.8vw !important;
  border-bottom: 1px solid rgba(121, 164, 179, 0.16) !important;
  background: linear-gradient(180deg, rgba(6, 14, 22, 0.92), rgba(8, 17, 26, 0.75)) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  position: relative !important;
  z-index: 60 !important;
}

html body.max-landing-mode .site-header .brand-row,
body.max-landing-mode .site-header .brand-row {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 0 !important;
  gap: 12px !important;
}

/* Brand Lockup: Ultra-crisp, razor-sharp, bright contrast */
html body.max-landing-mode .site-header .brand-clickable,
html body.max-landing-mode .site-header .brand-clickable.max-brand-lockup,
body.max-landing-mode .site-header .brand-clickable,
body.max-landing-mode .brand-clickable {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  text-align: left !important;
  opacity: 1 !important;
  filter: none !important;
}

html body.max-landing-mode .site-header .brand-orbit-mark,
body.max-landing-mode .brand-orbit-mark {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  border: 3.5px solid #50edf1 !important;
  border-right-color: rgba(80, 237, 241, 0.25) !important;
  box-shadow: 0 0 16px rgba(80, 237, 241, 0.5), inset 0 0 8px rgba(80, 237, 241, 0.25) !important;
  position: relative !important;
  flex: 0 0 38px !important;
  display: block !important;
  opacity: 1 !important;
}

html body.max-landing-mode .site-header .brand-orbit-mark::before,
body.max-landing-mode .brand-orbit-mark::before {
  content: "" !important;
  position: absolute !important;
  inset: 5px !important;
  border-radius: 50% !important;
  border: 1.8px solid rgba(122, 247, 244, 0.55) !important;
}

html body.max-landing-mode .site-header .brand-orbit-mark::after,
body.max-landing-mode .brand-orbit-mark::after {
  content: "" !important;
  position: absolute !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  right: -3px !important;
  top: 2px !important;
  box-shadow: 0 0 10px #7af7f4, 0 0 4px #ffffff !important;
}

html body.max-landing-mode .site-header .brand-wordmark,
body.max-landing-mode .brand-wordmark {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  line-height: 1.15 !important;
  text-align: left !important;
  opacity: 1 !important;
}

html body.max-landing-mode .site-header .brand-wordmark strong,
body.max-landing-mode .brand-wordmark strong {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
}

html body.max-landing-mode .site-header .brand-wordmark small,
body.max-landing-mode .brand-wordmark small {
  margin-top: 3px !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 0.22em !important;
  color: #7af7f4 !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 8px rgba(122, 247, 244, 0.35) !important;
  -webkit-font-smoothing: antialiased !important;
  opacity: 1 !important;
}

/* Nav links in landing mode: Crisp cyan/slate typography */
html body.max-landing-mode .site-header .header-quick-link,
body.max-landing-mode .header-quick-links a {
  color: #cde9f2 !important;
  text-decoration: none !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 8px 14px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  transition: all 0.18s ease !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
}

html body.max-landing-mode .site-header .header-quick-link:hover,
body.max-landing-mode .header-quick-links a:hover {
  color: #50edf1 !important;
  background: rgba(80, 237, 241, 0.10) !important;
  border-color: rgba(80, 237, 241, 0.25) !important;
}

html body.max-landing-mode .site-header .header-quick-link.active,
body.max-landing-mode .header-quick-links a.active {
  color: #50edf1 !important;
  background: rgba(80, 237, 241, 0.15) !important;
  border-color: rgba(80, 237, 241, 0.35) !important;
}

/* Language selector: High-contrast, polished dark-glass pill */
html body.max-landing-mode .site-header .language-menu,
body.max-landing-mode .language-menu {
  position: relative !important;
  display: inline-block !important;
}

html body.max-landing-mode .site-header .language-menu-toggle,
body.max-landing-mode .language-menu-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  background: rgba(18, 36, 48, 0.75) !important;
  border: 1px solid rgba(121, 164, 179, 0.35) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  transition: all 0.18s ease !important;
}

html body.max-landing-mode .site-header .language-menu-toggle:hover,
body.max-landing-mode .language-menu-toggle:hover {
  background: rgba(28, 54, 72, 0.9) !important;
  border-color: #50edf1 !important;
  color: #7af7f4 !important;
  box-shadow: 0 0 16px rgba(80, 237, 241, 0.25) !important;
}

html body.max-landing-mode .site-header .language-menu-toggle .language-menu-icon,
body.max-landing-mode .language-menu-icon {
  width: 16px !important;
  height: 16px !important;
  stroke: #50edf1 !important;
  stroke-width: 2 !important;
  fill: none !important;
  flex: 0 0 16px !important;
}

html body.max-landing-mode .site-header .language-menu-toggle [data-language-current],
body.max-landing-mode .language-menu-toggle [data-language-current] {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  display: inline-block !important;
}

html body.max-landing-mode .site-header .language-menu-toggle .language-menu-chevron,
body.max-landing-mode .language-menu-chevron {
  width: 14px !important;
  height: 14px !important;
  stroke: #8f9ca7 !important;
  stroke-width: 2 !important;
  fill: none !important;
  transition: transform 0.2s ease, stroke 0.2s ease !important;
  flex: 0 0 14px !important;
}

html body.max-landing-mode .site-header .language-menu.open .language-menu-chevron,
body.max-landing-mode .language-menu.open .language-menu-chevron {
  transform: rotate(180deg) !important;
  stroke: #50edf1 !important;
}

/* Language dropdown popover: Sleek dark cockpit panel */
html body.max-landing-mode .site-header .language-menu-list,
body.max-landing-mode .language-menu-list {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  z-index: 500 !important;
  min-width: 165px !important;
  padding: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  background: linear-gradient(180deg, #0c1c28, #07131d) !important;
  border: 1px solid rgba(80, 237, 241, 0.35) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.6), 0 0 25px rgba(80, 237, 241, 0.12) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

html body.max-landing-mode .site-header .language-menu-list[hidden],
body.max-landing-mode .language-menu-list[hidden] {
  display: none !important;
}

html body.max-landing-mode .site-header .language-menu-list button,
body.max-landing-mode .language-menu-list button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 10px 14px !important;
  border: none !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #c9d8e2 !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  text-align: left !important;
  transition: all 0.16s ease !important;
  box-shadow: none !important;
}

html body.max-landing-mode .site-header .language-menu-list button:hover,
body.max-landing-mode .language-menu-list button:hover {
  background: rgba(80, 237, 241, 0.12) !important;
  color: #50edf1 !important;
  transform: translateX(2px) !important;
}

html body.max-landing-mode .site-header .language-menu-list button.active,
body.max-landing-mode .language-menu-list button.active {
  background: rgba(80, 237, 241, 0.18) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-left: 3px solid #50edf1 !important;
}

html body.max-landing-mode .site-header .language-menu-list button.active::after,
body.max-landing-mode .language-menu-list button.active::after {
  content: "✓" !important;
  color: #50edf1 !important;
  font-weight: 800 !important;
  font-size: 13px !important;
}

/* Account CTA buttons in landing mode */
html body.max-landing-mode .site-header .account-actions,
body.max-landing-mode .account-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-left: auto !important;
}

/* Sign In button: EXACTLY matches the nav items typography */
html body.max-landing-mode .site-header .account-actions #signInBtn,
body.max-landing-mode .account-actions #signInBtn,
body.max-landing-mode #signInBtn {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(18, 36, 48, 0.75) !important;
  border: 1px solid rgba(121, 164, 179, 0.35) !important;
  border-radius: 999px !important;
  color: #cde9f2 !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  transition: all 0.18s ease !important;
}

html body.max-landing-mode .site-header .account-actions #signInBtn:hover,
body.max-landing-mode .account-actions #signInBtn:hover,
body.max-landing-mode #signInBtn:hover {
  color: #50edf1 !important;
  background: rgba(28, 54, 72, 0.9) !important;
  border-color: #50edf1 !important;
  box-shadow: 0 0 16px rgba(80, 237, 241, 0.25) !important;
}

/* Join Free button */
html body.max-landing-mode .site-header .account-actions #createAccountBtn,
body.max-landing-mode .account-actions #createAccountBtn,
body.max-landing-mode #createAccountBtn {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(90deg, #2fa3a7, #51e0db) !important;
  color: #06131c !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  border-radius: 999px !important;
  border: none !important;
  box-shadow: 0 0 16px rgba(81, 224, 219, 0.35) !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
}

html body.max-landing-mode .site-header .account-actions #createAccountBtn:hover,
body.max-landing-mode .account-actions #createAccountBtn:hover,
body.max-landing-mode #createAccountBtn:hover {
  background: linear-gradient(90deg, #35d8d2, #72f5ef) !important;
  box-shadow: 0 0 22px rgba(114, 245, 239, 0.5) !important;
  transform: translateY(-1px) !important;
}

/* Profile button: Matches nav item typography */
html body.max-landing-mode .site-header .profile-trigger,
html body.max-landing-mode .site-header #profileBtn,
body.max-landing-mode .profile-trigger,
body.max-landing-mode #profileBtn {
  height: 38px !important;
  min-height: 38px !important;
  padding: 4px 14px 4px 5px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  background: rgba(18, 36, 48, 0.75) !important;
  border: 1px solid rgba(121, 164, 179, 0.35) !important;
  border-radius: 999px !important;
  color: #cde9f2 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  transition: all 0.18s ease !important;
}

html body.max-landing-mode .site-header .profile-trigger:hover,
html body.max-landing-mode .site-header #profileBtn:hover,
body.max-landing-mode .profile-trigger:hover,
body.max-landing-mode #profileBtn:hover {
  border-color: #50edf1 !important;
  background: rgba(28, 54, 72, 0.9) !important;
  box-shadow: 0 0 16px rgba(80, 237, 241, 0.25) !important;
}

html body.max-landing-mode .profile-avatar,
body.max-landing-mode .profile-avatar {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #2fa3a7, #50edf1) !important;
  color: #06131c !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 28px !important;
}

html body.max-landing-mode .profile-trigger-copy,
body.max-landing-mode .profile-trigger-copy {
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
  line-height: 1.15 !important;
}

html body.max-landing-mode .profile-trigger-copy strong,
body.max-landing-mode .profile-trigger-copy strong,
html body.max-landing-mode #accountChip,
body.max-landing-mode #accountChip {
  color: #cde9f2 !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  transition: color 0.18s ease !important;
}

html body.max-landing-mode .profile-trigger:hover .profile-trigger-copy strong,
html body.max-landing-mode .profile-trigger:hover #accountChip {
  color: #50edf1 !important;
}

html body.max-landing-mode .profile-trigger-copy small,
body.max-landing-mode .profile-trigger-copy small {
  color: #7af7f4 !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body.max-landing-mode .profile-trigger svg,
body.max-landing-mode .profile-trigger svg {
  width: 14px !important;
  height: 14px !important;
  stroke: #8f9ca7 !important;
  fill: none !important;
  stroke-width: 2 !important;
}

/* ------------------------------------------------------------
   3D Hero Stage & Orbit Grid
   ------------------------------------------------------------ */
#view-landing .hero {
  position: relative !important;
  width: 100% !important;
  height: calc(100vh - 76px) !important;
  min-height: 680px !important;
  overflow: hidden !important;
  perspective: 1500px !important;
}

#view-landing .stage {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
}

#view-landing .grid {
  position: absolute;
  left: 50%;
  bottom: -150px;
  width: 1500px;
  height: 520px;
  transform: translateX(-50%) rotateX(72deg);
  background-image:
    linear-gradient(rgba(75, 128, 143, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(75, 128, 143, 0.08) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to top, #000, transparent 95%);
  -webkit-mask-image: linear-gradient(to top, #000, transparent 95%);
}

/* Exact visual orbit ring */
#view-landing .ring-wrap {
  position: absolute;
  left: 50%;
  top: 52%;
  width: min(1120px, 82vw);
  height: 350px;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

#view-landing .ring-visual {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  transform: rotateX(67deg);
  border: 1px solid rgba(98, 158, 176, 0.22);
  box-shadow:
    0 0 0 46px rgba(63, 119, 135, 0.024),
    0 0 0 92px rgba(63, 119, 135, 0.016);
}

#view-landing .ring-visual:before {
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: 50%;
  border: 4px solid rgba(74, 237, 240, 0.88);
  box-shadow:
    0 0 11px #51f0f3,
    0 0 28px rgba(81, 240, 243, 0.43),
    0 0 58px rgba(81, 240, 243, 0.14);
}

#view-landing .ring-visual:after {
  content: "";
  position: absolute;
  inset: 64px;
  border-radius: 50%;
  border: 1px solid rgba(111, 179, 196, 0.17);
}

#view-landing .trail {
  position: absolute;
  left: 50%;
  top: 52%;
  width: min(980px, 72vw);
  height: 245px;
  transform: translate(-50%, -50%) rotateX(67deg);
  border-radius: 50%;
  border-top: 16px solid rgba(76, 220, 229, 0.075);
  border-bottom: 10px solid rgba(56, 152, 172, 0.045);
  filter: blur(11px);
  pointer-events: none;
}

/* Center heading */
#view-landing .explore {
  position: absolute;
  left: 50%;
  top: 43%;
  transform: translate(-50%, -50%);
  z-index: 4;
  text-align: center;
  pointer-events: none;
}

#view-landing .explore h1 {
  margin: 0;
  color: #8c98a2;
  font-size: 43px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-shadow: 0 2px 18px rgba(255, 255, 255, 0.03);
}

#view-landing .explore p {
  margin: 9px 0 0;
  color: #657984;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

/* ------------------------------------------------------------
   Orbit Cards
   ------------------------------------------------------------ */
#view-landing .orbit {
  position: absolute;
  left: 50%;
  top: 52%;
  width: min(1120px, 82vw);
  height: 350px;
  transform: translate(-50%, -50%);
  transform-style: preserve-3d;
  overflow: visible !important;
}

#view-landing .card {
  --x: 0px; --y: 0px; --z: 0px; --s: 1; --ry: 0deg;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: min(var(--card-w), 18vw) !important;
  height: min(var(--card-h), 28.25vw) !important;
  margin: 0 !important;
  transform-origin: center center !important;
  padding: min(var(--card-pad-y), 2.2vw) min(var(--card-pad-x), 1.7vw) !important;
  text-align: center !important;
  background: linear-gradient(180deg, var(--orbit-panel), var(--orbit-panel2)) !important;
  border: 1px solid rgba(114, 179, 195, 0.42) !important;
  border-radius: min(var(--card-radius), 1.2vw) !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  will-change: transform !important;
  cursor: pointer !important;
  transform-style: preserve-3d !important;
  contain: paint;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  transition:
    box-shadow 240ms cubic-bezier(0.16, 1, 0.3, 1),
    border-color 240ms cubic-bezier(0.16, 1, 0.3, 1),
    filter 240ms cubic-bezier(0.16, 1, 0.3, 1),
    opacity 240ms ease !important;
}

#view-landing .card * {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

#view-landing .card .icon {
  height: min(var(--card-icon-box), 6.7vw);
  display: grid;
  place-items: center;
  margin-bottom: min(calc(4px * var(--card-scale)), 0.5vw);
}

#view-landing .card svg {
  width: min(var(--card-icon-size), 5.6vw);
  height: min(var(--card-icon-size), 5.6vw);
  filter: drop-shadow(0 0 9px currentColor);
}

#view-landing .card h3 {
  margin: min(calc(4px * var(--card-scale)), 0.5vw) 0 min(calc(8px * var(--card-scale)), 1vw);
  font-size: min(var(--card-title-size), 1.95vw);
  letter-spacing: -0.02em;
  color: #eefaff;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  transform: translateZ(0);
}

#view-landing .card p {
  margin: 0 0 min(calc(13px * var(--card-scale)), 1.6vw);
  color: #a7b3bd;
  font-size: min(var(--card-body-size), 1.25vw);
  line-height: 1.42;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  transform: translateZ(0);
}

#view-landing .card button {
  width: 100%;
  padding: min(var(--card-button-pad), 1.1vw);
  border: 0;
  border-radius: min(calc(7px * var(--card-scale)), 0.85vw);
  background: #2b4757;
  color: #75eff0;
  font-size: min(var(--card-button-size), 1.22vw);
  font-weight: 800;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  transform: translateZ(0);
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

/* Hover breakout interaction */
#view-landing .card.is-hovered {
  z-index: 999 !important;
  border-color: #79f4f0 !important;
  box-shadow:
    0 0 10px rgba(121, 244, 240, 0.95),
    0 0 28px rgba(72, 239, 235, 0.38),
    0 0 54px rgba(72, 239, 235, 0.18),
    0 26px 52px rgba(0, 0, 0, 0.42) !important;
  filter: none !important;
}

#view-landing .card.is-hovered button {
  background: linear-gradient(90deg, #35d8d2, #72f5ef) !important;
  color: #082029 !important;
  box-shadow: 0 0 16px rgba(76, 231, 235, 0.32) !important;
}

#view-landing .orbit.has-hover .card:not(.is-hovered) {
  filter: blur(0.65px) brightness(0.84);
  opacity: 0.62 !important;
}

/* Hover Glow & Particle Trails */
#view-landing .card.is-hovered::before,
#view-landing .card.is-hovered::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  width: 220%;
  height: 14%;
  border-radius: 999px;
  transform-origin: center;
  pointer-events: none;
  filter: blur(9px);
  opacity: 0.82;
}

#view-landing .card.is-hovered::before {
  background: linear-gradient(90deg, transparent, #47eee8 30%, #91fff8 52%, transparent);
  animation: hoverTrailCyan 0.55s ease-out both;
}

#view-landing .card.is-hovered::after {
  background: linear-gradient(90deg, transparent, #d9ae48 30%, #ffe47c 52%, transparent);
  animation: hoverTrailGold 0.62s ease-out both;
}

@keyframes hoverTrailCyan {
  0% { opacity: 0; transform: translate(-50%, -50%) rotate(-30deg) scaleX(0.15); }
  45% { opacity: 0.95; }
  100% { opacity: 0.10; transform: translate(-50%, -50%) rotate(18deg) scaleX(1.45); }
}

@keyframes hoverTrailGold {
  0% { opacity: 0; transform: translate(-50%, -50%) rotate(28deg) scaleX(0.12); }
  45% { opacity: 0.82; }
  100% { opacity: 0.08; transform: translate(-50%, -50%) rotate(-20deg) scaleX(1.55); }
}

@media (prefers-reduced-motion: reduce) {
  #view-landing .card.is-hovered::before,
  #view-landing .card.is-hovered::after {
    animation: none !important;
  }
}

/* ------------------------------------------------------------
   Footer Banner
   ------------------------------------------------------------ */
#view-landing .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  border-top: 1px solid rgba(121, 164, 179, 0.15);
  background: linear-gradient(180deg, rgba(7, 14, 22, 0.38), rgba(5, 11, 17, 0.72));
  color: #83909a;
  font-size: 11px;
  letter-spacing: 0.04em;
  z-index: 20;
}

#view-landing .footer span {
  cursor: pointer;
  transition: color 0.16s ease;
}

#view-landing .footer span:hover {
  color: #79efef;
}

/* ------------------------------------------------------------
   Responsive Styles
   ------------------------------------------------------------ */
@media (max-width: 900px) {
  :root { --card-scale: 1.28; }
  body.max-landing-mode { overflow: auto; }
  #view-landing { min-height: 900px !important; }
  #view-landing .hero { position: relative; inset: auto; height: 760px; }
  body.max-landing-mode .site-header { padding: 0 18px !important; }
  body.max-landing-mode .header-quick-links { display: none !important; }
  #view-landing .orbit,
  #view-landing .ring-wrap { width: min(900px, 96vw); height: 320px; }
  #view-landing .card {
    width: min(var(--card-w), 31vw) !important;
    height: min(var(--card-h), 48.6vw) !important;
    padding: min(var(--card-pad-y), 3.4vw) min(var(--card-pad-x), 2.7vw) !important;
  }
  #view-landing .card .icon { height: min(var(--card-icon-box), 10.5vw); }
  #view-landing .card svg { width: min(var(--card-icon-size), 8.8vw); height: min(var(--card-icon-size), 8.8vw); }
  #view-landing .card h3 { font-size: min(var(--card-title-size), 3.05vw); }
  #view-landing .card p { font-size: min(var(--card-body-size), 2vw); }
  #view-landing .card button { font-size: min(var(--card-button-size), 1.95vw); }
  #view-landing .footer {
    gap: 16px;
    font-size: 10px;
    padding: 0 16px;
    overflow-x: auto;
    white-space: nowrap;
    justify-content: flex-start;
  }
}

@media (max-width: 560px) {
  :root { --card-scale: 1.12; }
  #view-landing .orbit,
  #view-landing .ring-wrap { width: 96vw; height: 300px; }
  #view-landing .card {
    width: min(var(--card-w), 38vw) !important;
    height: min(var(--card-h), 59.6vw) !important;
  }
  #view-landing .footer {
    gap: 12px;
    font-size: 9px;
  }
}

/* ------------------------------------------------------------
   Modal for Games / Coming Soon
   ------------------------------------------------------------ */
.orbit-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(4, 10, 16, 0.78);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease;
}

.orbit-modal-backdrop.is-open {
  opacity: 1;
  pointer-events: auto;
}

.orbit-modal-card {
  width: min(480px, 92vw);
  background: linear-gradient(180deg, rgba(23, 42, 54, 0.94), rgba(13, 29, 39, 0.98));
  border: 1px solid rgba(121, 244, 240, 0.35);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 0 35px rgba(80, 237, 241, 0.18);
  border-radius: 18px;
  padding: 32px 28px;
  text-align: center;
  color: #eefaff;
  transform: translateY(14px) scale(0.96);
  transition: transform 0.24s cubic-bezier(0.16, 1, 0.3, 1);
}

.orbit-modal-backdrop.is-open .orbit-modal-card {
  transform: translateY(0) scale(1);
}

.orbit-modal-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 16px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(80, 237, 241, 0.12);
  border: 1px solid rgba(80, 237, 241, 0.38);
  box-shadow: 0 0 20px rgba(80, 237, 241, 0.25);
}

.orbit-modal-card h3 {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #ffffff;
}

.orbit-modal-card p {
  margin: 0 0 24px;
  color: #a7b3bd;
  font-size: 14px;
  line-height: 1.55;
}

.orbit-modal-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
}

.orbit-modal-btn {
  padding: 10px 20px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.18s ease;
  border: none;
}

.orbit-modal-btn.primary {
  background: linear-gradient(90deg, #35d8d2, #72f5ef);
  color: #082029;
  box-shadow: 0 0 16px rgba(76, 231, 235, 0.35);
}

.orbit-modal-btn.primary:hover {
  filter: brightness(1.1);
  transform: translateY(-1px);
}

.orbit-modal-btn.ghost {
  background: rgba(255, 255, 255, 0.08);
  color: #c9fbfb;
  border: 1px solid rgba(121, 244, 240, 0.22);
}

.orbit-modal-btn.ghost:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: #79f4f0;
}

/* Ensure no legacy trust box or duplicate business footers overlay the 3D orbit landing */
body.max-landing-mode #max-lemon-trust-section,
body.max-landing-mode .max-lemon-trust,
body.max-landing-mode #max-business-footer,
body.max-landing-mode .max-business-footer,
body.max-landing-mode .ultimate-page-copyright {
  display: none !important;
}

/* ------------------------------------------------------------
   Account Panel & Mobile Navigation in Landing Mode
   ------------------------------------------------------------ */
html body.max-landing-mode .account-panel,
body.max-landing-mode .account-panel {
  background: linear-gradient(180deg, #0c1c28, #07131d) !important;
  border: 1px solid rgba(80, 237, 241, 0.35) !important;
  border-radius: 18px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 25px rgba(80, 237, 241, 0.12) !important;
  color: #eefaff !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

html body.max-landing-mode .account-panel #profileName {
  color: #ffffff !important;
  font-weight: 700 !important;
}

html body.max-landing-mode .account-panel .account-meta {
  color: #7af7f4 !important;
}

html body.max-landing-mode .account-panel .account-stat {
  background: rgba(18, 36, 48, 0.7) !important;
  border: 1px solid rgba(121, 164, 179, 0.25) !important;
  border-radius: 12px !important;
}

html body.max-landing-mode .account-panel .account-stat strong {
  color: #50edf1 !important;
}

html body.max-landing-mode .account-panel .account-menu-link {
  color: #c9d8e2 !important;
  border-radius: 10px !important;
  transition: all 0.16s ease !important;
}

html body.max-landing-mode .account-panel .account-menu-link:hover {
  background: rgba(80, 237, 241, 0.12) !important;
  color: #50edf1 !important;
}

html body.max-landing-mode .account-panel .account-menu-link strong {
  color: #ffffff !important;
}

html body.max-landing-mode .account-panel .account-menu-link small {
  color: #8f9ca7 !important;
}

html body.max-landing-mode .account-panel .account-signout {
  background: rgba(239, 68, 68, 0.12) !important;
  color: #f87171 !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
  border-radius: 999px !important;
}

html body.max-landing-mode .header-mobile-menu summary {
  background: rgba(18, 36, 48, 0.85) !important;
  border: 1px solid rgba(121, 164, 179, 0.35) !important;
  color: #ffffff !important;
  border-radius: 999px !important;
}

html body.max-landing-mode .header-mobile-menu nav {
  background: linear-gradient(180deg, #0c1c28, #07131d) !important;
  border: 1px solid rgba(80, 237, 241, 0.35) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.6) !important;
}

html body.max-landing-mode .header-mobile-menu nav a {
  color: #c9d8e2 !important;
}

html body.max-landing-mode .header-mobile-menu nav a:hover {
  background: rgba(80, 237, 241, 0.14) !important;
  color: #50edf1 !important;
}

/* ------------------------------------------------------------
   Launch Content Sections (Why Max Exam Lab, How it works, etc.)
   ------------------------------------------------------------ */
html body.max-landing-mode #view-landing .launch-content,
body.max-landing-mode #view-landing .launch-content {
  max-width: 1120px !important;
  margin: 60px auto 0 !important;
  padding: 0 24px !important;
  display: grid !important;
  gap: 32px !important;
  position: relative !important;
  z-index: 10 !important;
}

html body.max-landing-mode #view-landing .launch-section,
body.max-landing-mode #view-landing .launch-section {
  padding: clamp(28px, 4.5vw, 54px) !important;
  border: 1px solid rgba(114, 179, 195, 0.28) !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg, rgba(22, 42, 54, 0.78), rgba(12, 28, 38, 0.88)) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  color: #eefaff !important;
}

html body.max-landing-mode #view-landing .launch-heading > span,
html body.max-landing-mode #view-landing .showcase-copy > span,
html body.max-landing-mode #view-landing .trust-section > div > span,
html body.max-landing-mode #view-landing .early-access span {
  color: #50edf1 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 12px rgba(80, 237, 241, 0.35) !important;
  display: block !important;
  margin-bottom: 8px !important;
}

html body.max-landing-mode #view-landing .launch-heading h2,
html body.max-landing-mode #view-landing .showcase-copy h2,
html body.max-landing-mode #view-landing .trust-section h2,
html body.max-landing-mode #view-landing .early-access h2 {
  color: #ffffff !important;
  font-size: clamp(24px, 3.2vw, 38px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
  margin: 0 0 14px 0 !important;
}

html body.max-landing-mode #view-landing .launch-heading p,
html body.max-landing-mode #view-landing .showcase-copy p,
html body.max-landing-mode #view-landing .trust-section p,
html body.max-landing-mode #view-landing .early-access p {
  color: #b8c8d2 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

html body.max-landing-mode #view-landing .launch-feature-grid article,
html body.max-landing-mode #view-landing .coverage-grid div,
html body.max-landing-mode #view-landing .launch-pricing-grid article,
html body.max-landing-mode #view-landing .faq-grid details,
html body.max-landing-mode #view-landing .support-entry-grid a {
  background: rgba(14, 29, 41, 0.78) !important;
  border: 1px solid rgba(114, 179, 195, 0.22) !important;
  border-radius: 18px !important;
  color: #eefaff !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.2s ease !important;
}

html body.max-landing-mode #view-landing .launch-feature-grid article:hover,
html body.max-landing-mode #view-landing .coverage-grid div:hover,
html body.max-landing-mode #view-landing .support-entry-grid a:hover {
  border-color: #50edf1 !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35), 0 0 20px rgba(80, 237, 241, 0.15) !important;
  transform: translateY(-3px) !important;
}

html body.max-landing-mode #view-landing .launch-feature-grid b {
  color: #50edf1 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

html body.max-landing-mode #view-landing .launch-feature-grid h3,
html body.max-landing-mode #view-landing .coverage-grid strong {
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

html body.max-landing-mode #view-landing .launch-feature-grid p,
html body.max-landing-mode #view-landing .coverage-grid span {
  color: #9cb0bd !important;
  font-size: 13px !important;
}

html body.max-landing-mode #view-landing .launch-steps article {
  background: linear-gradient(145deg, rgba(24, 48, 62, 0.85), rgba(12, 28, 38, 0.9)) !important;
  border: 1px solid rgba(114, 179, 195, 0.28) !important;
  border-radius: 18px !important;
  color: #ffffff !important;
}

html body.max-landing-mode #view-landing .launch-steps i {
  background: rgba(80, 237, 241, 0.15) !important;
  color: #50edf1 !important;
  border: 1px solid rgba(80, 237, 241, 0.3) !important;
}

html body.max-landing-mode #view-landing .launch-steps h3 {
  color: #ffffff !important;
}

html body.max-landing-mode #view-landing .launch-steps p {
  color: #9cb0bd !important;
}

html body.max-landing-mode #view-landing .dashboard-demo {
  background: rgba(12, 26, 37, 0.85) !important;
  border: 1px solid rgba(114, 179, 195, 0.28) !important;
  border-radius: 22px !important;
  color: #eefaff !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.4) !important;
}

html body.max-landing-mode #view-landing .demo-top {
  border-bottom-color: rgba(114, 179, 195, 0.18) !important;
}

html body.max-landing-mode #view-landing .demo-top strong {
  color: #ffffff !important;
}

html body.max-landing-mode #view-landing .demo-top span {
  color: #7af7f4 !important;
}

html body.max-landing-mode #view-landing .demo-metrics div {
  background: rgba(22, 44, 58, 0.7) !important;
  border: 1px solid rgba(114, 179, 195, 0.15) !important;
}

html body.max-landing-mode #view-landing .demo-metrics b {
  color: #50edf1 !important;
}

html body.max-landing-mode #view-landing .demo-metrics span {
  color: #8fa2af !important;
}

html body.max-landing-mode #view-landing .demo-skill span {
  color: #c9d8e2 !important;
}

html body.max-landing-mode #view-landing .demo-skill i {
  background: rgba(22, 44, 58, 0.6) !important;
}

html body.max-landing-mode #view-landing .demo-skill i b {
  background: linear-gradient(90deg, #2fa3a7, #50edf1) !important;
}

html body.max-landing-mode #view-landing .demo-skill strong {
  color: #50edf1 !important;
}

html body.max-landing-mode #view-landing .demo-review {
  background: rgba(22, 48, 62, 0.8) !important;
  border: 1px solid rgba(80, 237, 241, 0.25) !important;
  color: #ffffff !important;
}

html body.max-landing-mode #view-landing .launch-button {
  background: linear-gradient(90deg, #2fa3a7, #51e0db) !important;
  color: #06131c !important;
  font-weight: 800 !important;
  box-shadow: 0 0 16px rgba(81, 224, 219, 0.3) !important;
}

/* Pricing Section */
html body.max-landing-mode #view-landing .launch-pricing-grid article span {
  color: #50edf1 !important;
}

html body.max-landing-mode #view-landing .launch-pricing-grid article h3 {
  color: #ffffff !important;
}

html body.max-landing-mode #view-landing .launch-pricing-grid article strong {
  color: #ffffff !important;
}

html body.max-landing-mode #view-landing .launch-pricing-grid article small {
  color: #9cb0bd !important;
}

html body.max-landing-mode #view-landing .launch-pricing-grid article li {
  color: #b8c8d2 !important;
}

html body.max-landing-mode #view-landing .launch-pricing-grid article a,
html body.max-landing-mode #view-landing .launch-pricing-grid article button {
  background: rgba(80, 237, 241, 0.12) !important;
  border: 1px solid #50edf1 !important;
  color: #50edf1 !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  transition: all 0.18s ease !important;
}

html body.max-landing-mode #view-landing .launch-pricing-grid article a:hover,
html body.max-landing-mode #view-landing .launch-pricing-grid article button:hover {
  background: #50edf1 !important;
  color: #06131c !important;
  box-shadow: 0 0 18px rgba(80, 237, 241, 0.4) !important;
}

html body.max-landing-mode #view-landing .launch-pricing-grid article.premium-plan {
  border: 2px solid #50edf1 !important;
  background: linear-gradient(180deg, rgba(28, 54, 70, 0.9), rgba(15, 34, 46, 0.95)) !important;
  box-shadow: 0 0 35px rgba(80, 237, 241, 0.2), 0 20px 50px rgba(0, 0, 0, 0.4) !important;
}

html body.max-landing-mode #view-landing .launch-pricing-grid article.premium-plan a {
  background: linear-gradient(90deg, #2fa3a7, #51e0db) !important;
  color: #06131c !important;
  border: none !important;
  box-shadow: 0 0 16px rgba(81, 224, 219, 0.35) !important;
}

html body.max-landing-mode #view-landing .launch-pricing-grid article.premium-plan em {
  background: #50edf1 !important;
  color: #06131c !important;
}

html body.max-landing-mode #view-landing .annual-price {
  color: #ffd36f !important;
}

/* Trust Section */
html body.max-landing-mode #view-landing .trust-points p {
  background: rgba(18, 36, 48, 0.7) !important;
  border: 1px solid rgba(114, 179, 195, 0.2) !important;
  color: #eefaff !important;
}

html body.max-landing-mode #view-landing .trust-points b {
  color: #50edf1 !important;
}

/* Early Access */
html body.max-landing-mode #view-landing .early-access a {
  background: rgba(80, 237, 241, 0.12) !important;
  border: 1px solid #50edf1 !important;
  color: #50edf1 !important;
  border-radius: 999px !important;
}

/* FAQ */
html body.max-landing-mode #view-landing .faq-grid summary {
  color: #ffffff !important;
}

html body.max-landing-mode #view-landing .faq-grid p {
  color: #9cb0bd !important;
}

/* Support Entry */
html body.max-landing-mode #view-landing .support-entry {
  max-width: 1120px !important;
  margin: 32px auto 0 !important;
}

html body.max-landing-mode #view-landing .support-entry-grid a b {
  color: #ffffff !important;
}

html body.max-landing-mode #view-landing .support-entry-grid a span {
  color: #9cb0bd !important;
}

html body.max-landing-mode #view-landing .support-entry-grid a i {
  color: #50edf1 !important;
}

/* Launch Footer */
html body.max-landing-mode #view-landing .launch-footer,
body.max-landing-mode #view-landing .launch-footer {
  max-width: 1120px !important;
  margin: 32px auto 0 !important;
  padding: 32px 24px !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 22px !important;
  border-radius: 24px !important;
  background: rgba(8, 19, 29, 0.95) !important;
  border: 1px solid rgba(105, 172, 190, 0.22) !important;
  color: #8f9ca7 !important;
}

html body.max-landing-mode #view-landing .launch-footer strong,
body.max-landing-mode .launch-footer strong {
  font-size: 18px !important;
  color: #ffffff !important;
}

html body.max-landing-mode #view-landing .launch-footer strong span,
body.max-landing-mode .launch-footer strong span {
  color: #50edf1 !important;
}

html body.max-landing-mode #view-landing .launch-footer p,
body.max-landing-mode .launch-footer p {
  color: #8f9ca7 !important;
}

html body.max-landing-mode #view-landing .launch-footer a,
body.max-landing-mode .launch-footer a {
  color: #b8c8d2 !important;
  text-decoration: none !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  transition: color 0.16s ease !important;
}

html body.max-landing-mode #view-landing .launch-footer a:hover,
body.max-landing-mode .launch-footer a:hover {
  color: #50edf1 !important;
  text-decoration: underline !important;
}

html body.max-landing-mode #view-landing .launch-footer small,
body.max-landing-mode .launch-footer small {
  border-top-color: rgba(105, 172, 190, 0.15) !important;
  color: #6d808d !important;
}