/* UI/UX upgrade layer for the preserved full-content EDS build. */
:root {
  --ui-ink: #000030;
  --ui-muted: #526982;
  --ui-paper: #f7fbff;
  --ui-panel: rgba(255, 255, 255, 0.96);
  --ui-panel-strong: #ffffff;
  --ui-line: rgba(0, 16, 80, 0.15);
  --ui-navy: #000030;
  --ui-navy-2: #001050;
  --ui-blue: #002070;
  --ui-blue-bright: #0080c0;
  --ui-cyan: #00a0d0;
  --ui-cyan-soft: #17e9ef;
  --ui-gold: #f4c95d;
  --ui-green: #26b99a;
  --ui-shadow: 0 18px 46px rgba(0, 0, 48, 0.14);
  --ui-shadow-soft: 0 10px 26px rgba(0, 0, 48, 0.09);
  --primary-color: var(--ui-blue-bright);
  --accent-color: var(--ui-cyan-soft);
  --primary-glow: rgba(23, 233, 239, 0.22);
  --card-bg: var(--ui-panel);
  --border-color: var(--ui-line);
  --text-color: var(--ui-ink);
  --bg-color: var(--ui-paper);
}

html {
  scroll-padding-top: 92px;
}

body {
  color: var(--ui-ink) !important;
  background:
    linear-gradient(90deg, rgba(23, 233, 239, 0.1), transparent 36%, rgba(0, 32, 112, 0.08)),
    linear-gradient(180deg, #f8fbff 0%, #edf6ff 52%, #f8fbff 100%) !important;
  letter-spacing: 0 !important;
}

body.dark-mode {
  --ui-ink: #edf8ff;
  --ui-muted: #aec3d9;
  --ui-paper: #000030;
  --ui-panel: rgba(0, 16, 80, 0.95);
  --ui-panel-strong: #001050;
  --ui-line: rgba(23, 233, 239, 0.2);
  --card-bg: var(--ui-panel);
  --border-color: var(--ui-line);
  --text-color: var(--ui-ink);
  --bg-color: var(--ui-paper);
  background:
    linear-gradient(90deg, rgba(23, 233, 239, 0.18), transparent 42%, rgba(0, 128, 192, 0.22)),
    linear-gradient(180deg, #000030 0%, #001050 56%, #000030 100%) !important;
}

body.eds-ui-loading main,
body.eds-ui-loading footer {
  opacity: 0;
  animation: edsContentFailSafe 5.8s ease forwards;
}

.eds-upgrade-loader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  color: var(--ui-ink);
  background: var(--ui-paper);
  animation: edsLoaderFailSafe 5.8s ease forwards;
}

.eds-upgrade-loader-inner {
  width: min(420px, calc(100% - 40px));
  padding: 22px;
  border: 1px solid var(--ui-line);
  border-radius: 8px;
  background: var(--ui-panel);
  box-shadow: var(--ui-shadow);
}

.eds-upgrade-loader-title {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 850;
}

.eds-upgrade-loader-copy {
  display: block;
  margin-bottom: 16px;
  color: var(--ui-muted);
}

.eds-upgrade-loader-bar {
  height: 8px;
  overflow: hidden;
  border-radius: 8px;
  background: rgba(0, 124, 137, 0.12);
}

.eds-upgrade-loader-bar::before {
  content: "";
  display: block;
  width: 42%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--ui-blue), var(--ui-cyan-soft));
  animation: edsLoaderMove 1.1s ease-in-out infinite alternate;
}

@keyframes edsLoaderMove {
  from { transform: translateX(0); }
  to { transform: translateX(140%); }
}

@keyframes edsLoaderFailSafe {
  0%, 82% {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}

@keyframes edsContentFailSafe {
  0%, 82% { opacity: 0; }
  100% { opacity: 1; }
}

.egety-nav,
#egetyNav {
  top: 0 !important;
  width: min(1240px, calc(100% - 28px)) !important;
  margin: 12px auto 0 !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: var(--ui-shadow-soft) !important;
  backdrop-filter: blur(18px) !important;
}

body.dark-mode .egety-nav,
body.dark-mode #egetyNav {
  background: rgba(20, 31, 35, 0.92) !important;
}

.egety-nav-inner {
  min-height: 68px !important;
  padding: 10px 14px !important;
  gap: 12px !important;
}

.egety-nav-logo {
  min-width: 142px;
}

.egety-nav-logo span {
  color: var(--ui-ink) !important;
  font-size: 17px !important;
  letter-spacing: 0 !important;
}

.egety-nav-links {
  gap: 6px !important;
  padding: 5px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 8px !important;
  background: rgba(16, 33, 38, 0.04) !important;
}

.egety-nav-page-btn,
.egety-nav-link {
  min-height: 42px !important;
  border-radius: 8px !important;
  color: var(--ui-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.egety-nav-page-btn.active,
.egety-nav-page-btn.nav-active,
.egety-nav-link.active {
  color: #fff !important;
  background: linear-gradient(135deg, var(--ui-blue), var(--ui-cyan-soft)) !important;
}

.egety-nav-cta,
.interactive-btn.active,
.link-btn,
.plo-cta-btn,
button[type="submit"] {
  border-radius: 8px !important;
  background: linear-gradient(135deg, var(--ui-blue), var(--ui-cyan-soft)) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(23, 233, 239, 0.22) !important;
}

.egety-nav-cta:hover,
.interactive-btn.active:hover,
.link-btn:hover,
.plo-cta-btn:hover {
  background: var(--ui-navy-2) !important;
}

.egety-nav-theme-toggle,
.egety-nav-currency,
.egety-nav-settings-btn,
.language-switcher-pill {
  border-radius: 8px !important;
  border-color: var(--ui-line) !important;
  background: var(--ui-panel-strong) !important;
  color: var(--ui-ink) !important;
}

.page-content {
  width: min(1240px, calc(100% - 28px)) !important;
  margin: 18px auto 0 !important;
  gap: 18px !important;
}

.page-content > section,
.page-content > div,
#hero-redesigned,
#builder-section,
#trust-app-section,
#staking-hero-section {
  border-radius: 8px !important;
}

.card,
.simulator-card,
.results-box,
.trust-icon-card,
.feature-card,
.goal-card,
.package-card,
.founder-card-new,
.staking-section-block,
.staking-chart-card,
.installment-suggestion-card,
.live-simulation-card {
  border: 1px solid var(--ui-line) !important;
  border-radius: 8px !important;
  background: var(--ui-panel) !important;
  box-shadow: var(--ui-shadow-soft) !important;
  backdrop-filter: none !important;
}

.card:hover,
.simulator-card:hover,
.results-box:hover,
.trust-icon-card:hover,
.feature-card:hover,
.goal-card:hover,
.package-card:hover,
.founder-card-new:hover,
.staking-section-block:hover,
.staking-chart-card:hover,
.installment-suggestion-card:hover,
.live-simulation-card:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(23, 233, 239, 0.44) !important;
  box-shadow: var(--ui-shadow) !important;
}

#hero-redesigned {
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  background:
    linear-gradient(120deg, rgba(23, 233, 239, 0.16), rgba(0, 32, 112, 0.16)),
    var(--ui-panel) !important;
  box-shadow: var(--ui-shadow) !important;
}

#hero-redesigned .eds-hero-story-shell,
#hero-redesigned .eds-hero-story-card,
#hero-redesigned .eds-hero-story-main {
  border-radius: 8px !important;
}

h1,
h2,
h3,
.title-text,
.section-title,
.eg-section-title,
.hero-r-title {
  color: var(--ui-ink) !important;
  letter-spacing: 0 !important;
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode .title-text,
.dark-mode .section-title,
.dark-mode .eg-section-title,
.dark-mode .hero-r-title {
  color: var(--ui-ink) !important;
}

p,
li,
.text-gray-500,
.text-gray-600,
.eg-section-copy,
.eds-hero-story-copy,
.staking-plan-detail p,
.staking-chart-head p {
  color: var(--ui-muted) !important;
}

input,
select,
textarea,
.number-input {
  min-height: 42px !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 8px !important;
  background: var(--ui-panel-strong) !important;
  color: var(--ui-ink) !important;
  box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus {
  transform: none !important;
  border-color: var(--ui-cyan-soft) !important;
  box-shadow: 0 0 0 3px rgba(23, 233, 239, 0.16) !important;
}

input[type="range"] {
  accent-color: var(--ui-cyan-soft);
  -webkit-appearance: none !important;
  appearance: none !important;
  height: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background:
    linear-gradient(90deg, rgba(23, 233, 239, 0.92), rgba(0, 128, 192, 0.92)) 0 50% / var(--eds-range-fill, 0%) 8px no-repeat,
    linear-gradient(90deg, rgba(0, 16, 80, 0.9), rgba(0, 160, 208, 0.22)) 0 50% / 100% 8px no-repeat !important;
  box-shadow: inset 0 0 0 1px rgba(23, 233, 239, 0.16) !important;
  cursor: pointer !important;
}

input[type="range"]::-webkit-slider-runnable-track {
  height: 8px !important;
  border-radius: 999px !important;
  background: transparent !important;
}

input[type="range"]::-moz-range-track {
  height: 8px !important;
  border-radius: 999px !important;
  background: rgba(0, 160, 208, 0.22) !important;
}

input[type="range"]::-moz-range-progress {
  height: 8px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(23, 233, 239, 0.92), rgba(0, 128, 192, 0.92)) !important;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 28px !important;
  height: 28px !important;
  margin-top: -10px !important;
  border-radius: 999px !important;
  border: 3px solid rgba(237, 248, 255, 0.95) !important;
  background: linear-gradient(135deg, #17e9ef, #2f7df6) !important;
  box-shadow: 0 0 0 6px rgba(23, 233, 239, 0.1), 0 10px 24px rgba(0, 0, 48, 0.34) !important;
}

input[type="range"]::-moz-range-thumb {
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  border: 3px solid rgba(237, 248, 255, 0.95) !important;
  background: linear-gradient(135deg, #17e9ef, #2f7df6) !important;
  box-shadow: 0 0 0 6px rgba(23, 233, 239, 0.1), 0 10px 24px rgba(0, 0, 48, 0.34) !important;
}

.slider-ticks-container {
  height: 44px !important;
  margin-top: 0.35rem !important;
  padding-inline: 8px !important;
  overflow: visible !important;
}

.slider-tick {
  top: 0 !important;
  width: 2px !important;
  height: 12px !important;
  border-radius: 999px !important;
  background: rgba(23, 233, 239, 0.34) !important;
  transform: translateX(-50%) !important;
}

.slider-tick-label {
  top: 18px !important;
  max-width: 5rem !important;
  padding: 0.16rem 0.34rem !important;
  border-radius: 6px !important;
  background: rgba(0, 16, 80, 0.7) !important;
  border: 1px solid rgba(23, 233, 239, 0.16) !important;
  color: rgba(237, 248, 255, 0.86) !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  transform: translateX(-50%) !important;
}

.slider-tick-label--start {
  transform: translateX(0) !important;
}

.slider-tick-label--near-end {
  transform: translateX(-72%) !important;
}

.slider-tick-label--end {
  transform: translateX(-100%) !important;
}

body.light-mode .slider-tick-label {
  background: rgba(237, 248, 255, 0.95) !important;
  color: #000333 !important;
  border-color: rgba(0, 160, 208, 0.22) !important;
}

@media (max-width: 560px) {
  .slider-tick-label {
    font-size: 0.68rem !important;
    padding-inline: 0.22rem !important;
  }
}

.styled-table {
  overflow: hidden !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 8px !important;
  background: var(--ui-panel) !important;
}

.styled-table thead tr {
  background: linear-gradient(135deg, var(--ui-navy-2), var(--ui-blue)) !important;
}

.styled-table tbody tr:hover {
  background: rgba(23, 233, 239, 0.08) !important;
}

.styled-table tbody tr.active {
  background: rgba(23, 233, 239, 0.16) !important;
  color: var(--ui-ink) !important;
}

canvas {
  border-radius: 8px !important;
}

.sticky-bubble,
#egetyPriceBubble,
#batchBubble,
#whitePaperBubble,
#whatsappBubble {
  border-radius: 8px !important;
  border-color: var(--ui-line) !important;
  background: var(--ui-panel) !important;
  color: var(--ui-ink) !important;
  box-shadow: var(--ui-shadow-soft) !important;
}

.mobile-bottom-page-nav {
  width: min(640px, calc(100% - 20px)) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  border: 1px solid var(--ui-line) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: var(--ui-shadow) !important;
}

body.dark-mode .mobile-bottom-page-nav {
  background: rgba(20, 31, 35, 0.94) !important;
}

img.eds-image-fallback {
  object-fit: contain !important;
  padding: 12px !important;
  background:
    linear-gradient(145deg, rgba(0, 0, 48, 0.98), rgba(0, 128, 192, 0.72)),
    var(--ui-navy) !important;
}

img.eds-emblem-img {
  object-fit: contain !important;
  filter: drop-shadow(0 0 10px rgba(23, 233, 239, 0.24));
}

.eds-img-shell {
  background:
    linear-gradient(145deg, rgba(0, 0, 48, 0.98), rgba(0, 128, 192, 0.72)),
    var(--ui-navy) !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

.egety-nav-page-btn,
.egety-nav-external-btn {
  flex: 0 0 138px !important;
  width: 138px !important;
  min-width: 138px !important;
  max-width: 138px !important;
  overflow: visible !important;
}

.egety-nav-page-btn span,
.egety-nav-external-btn span {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

#egetyNavLinks,
.egety-nav-links {
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

#egetyNavLinks::-webkit-scrollbar,
.egety-nav-links::-webkit-scrollbar {
  display: none !important;
}

@media (max-width: 1180px) {
  .egety-nav-page-btn,
  .egety-nav-external-btn {
    flex-basis: 128px !important;
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
  }
}

@media (max-width: 760px) {
  .egety-nav-page-btn,
  .egety-nav-external-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
  }
}

.ux-founders-partners-row {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(390px, 0.82fr) !important;
  gap: clamp(1rem, 1.6vw, 1.4rem) !important;
  align-items: stretch !important;
  margin: 1rem 0 !important;
}

.ux-founders-partners-row #founders-section {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  height: 100% !important;
}

#partnersCard.ux-partners-next-to-founders {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(1.25rem, 2vw, 2rem) !important;
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 1.1rem !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 50% 6%, rgba(23, 233, 239, 0.24), transparent 34%),
    linear-gradient(145deg, rgba(7, 26, 48, 0.96), rgba(0, 3, 51, 0.9)) !important;
}

#partnersCard.ux-partners-next-to-founders h2 {
  font-size: clamp(1.65rem, 2.7vw, 2.65rem) !important;
  margin: 0 !important;
}

#partnersCard.ux-partners-next-to-founders .partners-logo-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(0.85rem, 1.3vw, 1.15rem) !important;
}

#partnersCard.ux-partners-next-to-founders .partner-logo {
  min-height: clamp(118px, 10vw, 150px) !important;
  padding: clamp(1rem, 1.7vw, 1.35rem) !important;
  background:
    radial-gradient(circle at 28% 18%, rgba(126, 238, 255, 0.32), transparent 42%),
    linear-gradient(135deg, rgba(18, 92, 126, 0.98), rgba(6, 38, 88, 0.96)) !important;
  border-color: rgba(126, 238, 255, 0.5) !important;
}

#partnersCard.ux-partners-next-to-founders .partner-logo img {
  max-width: min(100%, 230px) !important;
  max-height: 86px !important;
  transform: scale(1.08) !important;
  filter:
    drop-shadow(0 1px 1px rgba(255, 255, 255, 0.35))
    drop-shadow(0 8px 16px rgba(0, 3, 51, 0.34)) !important;
}

#partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img,
#partnersCard.ux-partners-next-to-founders .partner-logo[href*="plenvida"] img {
  max-height: 102px !important;
  max-width: min(100%, 240px) !important;
}

@media (max-width: 1180px) {
  .ux-founders-partners-row {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 560px) {
  #partnersCard.ux-partners-next-to-founders .partners-logo-grid {
    grid-template-columns: 1fr !important;
  }
}

body[data-active-page="page5"] #uxFoundersPartnersRow,
body[data-active-page="page5"] #founders-section,
body[data-active-page="page5"] #partnersCard {
  display: none !important;
}

.ux-founders-partners-row #founders-section .founders-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1rem !important;
  align-items: stretch !important;
}

.ux-founders-partners-row #founders-section .founder-card-new {
  width: 100% !important;
}

.ux-founders-partners-row #founders-section .stat-grid-new {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(0.65rem, 1vw, 0.9rem) !important;
}

.ux-founders-partners-row #founders-section .stat-box-new {
  min-height: 150px !important;
  padding: clamp(0.8rem, 1.25vw, 1.05rem) !important;
  border-radius: 8px !important;
}

.ux-founders-partners-row #founders-section .stat-box-new i {
  font-size: clamp(1.15rem, 1.7vw, 1.55rem) !important;
}

.ux-founders-partners-row #founders-section .stat-box-new .stat-num {
  font-size: clamp(1.15rem, 2vw, 1.9rem) !important;
  line-height: 1.08 !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

.ux-founders-partners-row #founders-section .stat-box-new .stat-lbl {
  font-size: clamp(0.76rem, 1vw, 0.95rem) !important;
  line-height: 1.25 !important;
}

@media (max-width: 920px) {
  .ux-founders-partners-row #founders-section .stat-grid-new {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
.ux-founders-partners-row #founders-section .stat-grid-new {
    grid-template-columns: 1fr !important;
  }
}

#whatsappPopup {
  position: fixed !important;
  overflow: visible !important;
}

#whatsappPopupClose.close-btn,
#whatsappPopup #whatsappPopupClose {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  border: 1px solid rgba(126, 238, 255, 0.35) !important;
  background: rgba(0, 3, 51, 0.72) !important;
  color: #ffffff !important;
  font-size: 1.45rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  z-index: 5 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#whatsappPopupClose::before {
  display: none !important;
}

#whatsappPopup h4 {
  padding-right: 46px !important;
}

.academy-course-meta span,
.academy-course-meta span i {
  display: inline-flex !important;
  align-items: center !important;
}

.academy-course-meta span {
  gap: 0.5rem !important;
}

.academy-course-meta span i {
  width: 1.15rem !important;
  justify-content: center !important;
  margin-right: 0.15rem !important;
  color: #7eeeff !important;
}

.academy-admin-access {
  border-radius: 8px !important;
  border: 1px solid rgba(23, 233, 239, 0.24) !important;
  background:
    radial-gradient(circle at 16% 14%, rgba(23, 233, 239, 0.16), transparent 34%),
    linear-gradient(135deg, rgba(7, 26, 48, 0.86), rgba(0, 3, 51, 0.7)) !important;
  box-shadow: 0 22px 62px rgba(0, 3, 51, 0.24) !important;
  padding: clamp(1rem, 1.7vw, 1.35rem) !important;
  color: #edf8ff !important;
}

.academy-admin-login-form,
.academy-admin-access {
  display: grid !important;
  gap: 0.8rem !important;
}

.academy-admin-access-head h2 {
  color: #f8fbff !important;
  margin: 0.25rem 0 !important;
}

.academy-admin-access-head p,
.academy-admin-login-form small {
  color: #c8d9ea !important;
  line-height: 1.55 !important;
}

.academy-admin-login-form label {
  display: grid !important;
  gap: 0.35rem !important;
  color: #edf8ff !important;
  font-weight: 800 !important;
}

.academy-admin-login-form input {
  width: 100% !important;
  border-radius: 8px !important;
  border: 1px solid rgba(23, 233, 239, 0.22) !important;
  background: rgba(0, 3, 51, 0.42) !important;
  color: #f8fbff !important;
  padding: 0.78rem 0.85rem !important;
}

.academy-admin-locked {
  display: none !important;
}

@media (max-width: 900px) {
  html {
    scroll-padding-top: 18px;
  }

  .egety-nav,
  #egetyNav {
    position: relative !important;
    width: min(100% - 20px, 1240px) !important;
    margin-top: 10px !important;
  }

  .egety-nav-inner {
    align-items: stretch !important;
  }

  .egety-nav-links {
    width: 100% !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity;
  }

  .egety-nav-page-btn {
    min-width: 106px !important;
    scroll-snap-align: start;
  }

  .page-content {
    width: min(100% - 20px, 1240px) !important;
    margin-top: 12px !important;
  }

  .card,
  .simulator-card,
  .staking-section-block {
    padding: 14px !important;
  }
}

@media (max-width: 520px) {
  .egety-nav-logo span {
    font-size: 15px !important;
  }

  h1,
  .hero-r-title,
  .title-text {
    font-size: 26px !important;
    line-height: 1.14 !important;
  }

  h2,
  .section-title,
  .eg-section-title {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  .sticky-bubble,
  #egetyPriceBubble,
  #batchBubble,
  #whitePaperBubble {
    max-width: calc(100vw - 24px) !important;
  }
}

@media (min-width: 1280px) {
  .egety-nav,
  #egetyNav,
  .page-content {
    width: min(1320px, calc(100% - 40px)) !important;
  }
}

@media (min-width: 1600px) {
  .egety-nav,
  #egetyNav,
  .page-content {
    width: min(1480px, calc(100% - 56px)) !important;
  }

  #purchaseTablesSection,
  .eds-top-width,
  .staking-page-shell,
  .builder-flow-grid,
  .trust-app-grid {
    max-width: 1480px !important;
  }
}

@media (min-width: 1920px) {
  .egety-nav,
  #egetyNav,
  .page-content {
    width: min(1680px, calc(100% - 72px)) !important;
  }

  #purchaseTablesSection,
  .eds-top-width,
  .staking-page-shell,
  .builder-flow-grid,
  .trust-app-grid {
    max-width: 1680px !important;
  }
}

@media (min-width: 2400px) {
  .egety-nav,
  #egetyNav,
  .page-content {
    width: 1840px !important;
  }
}

@media (max-width: 1180px) {
  #purchaseTablesSection,
  .builder-flow-grid,
  .trust-app-grid,
  .staking-layout-grid,
  .staking-plan-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .egety-nav-inner {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
  }

  .egety-nav-links,
  #egetyNavLinks {
    grid-column: 1 / -1 !important;
  }

  .egety-nav-logo {
    min-width: 0 !important;
  }

  .results-box,
  .metric-card,
  .live-card,
  .staking-metric-card {
    min-width: 0 !important;
  }

  table,
  .styled-table {
    min-width: 680px;
  }

  .overflow-x-auto,
  .eds-table-scroll {
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 420px) {
  .egety-nav-inner {
    padding: 8px !important;
  }

  .egety-nav-page-btn {
    min-width: 92px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .card,
  .simulator-card,
  .staking-section-block {
    padding: 12px !important;
  }
}

.founder-avatar-img {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  border: 2px solid rgba(23, 233, 239, 0.72) !important;
  background: linear-gradient(135deg, rgba(0, 0, 48, 0.92), rgba(0, 160, 208, 0.28)) !important;
  box-shadow: 0 0 0 4px rgba(0, 160, 208, 0.12), 0 16px 28px rgba(0, 0, 48, 0.28) !important;
}

#installmentSection .installment-premium-toggle-card {
  align-items: center;
  border-radius: 8px;
}

#installmentSection .installment-premium-toggle-control {
  position: relative !important;
  width: 3.5rem !important;
  height: 1.8rem !important;
  min-width: 3.5rem !important;
  flex: 0 0 3.5rem !important;
  overflow: visible !important;
}

#installmentSection .installment-premium-toggle-control .toggle-label {
  position: relative !important;
  display: block !important;
  width: 3.5rem !important;
  height: 1.8rem !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, rgba(0, 16, 80, 0.72), rgba(0, 128, 192, 0.2)) !important;
  border: 1px solid rgba(23, 233, 239, 0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 20px rgba(0, 0, 48, 0.22) !important;
  z-index: 1 !important;
}

#installmentSection .installment-premium-toggle-control .toggle-label::after {
  content: "OFF";
  position: absolute;
  right: 0.46rem;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(237, 248, 255, 0.68);
  font-size: 0.55rem;
  font-weight: 800;
  line-height: 1;
}

#installmentSection .installment-premium-toggle-control .toggle-checkbox {
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 1.45rem !important;
  height: 1.45rem !important;
  min-width: 1.45rem !important;
  min-height: 1.45rem !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 6px 15px rgba(0, 0, 48, 0.32) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: left 0.22s ease, box-shadow 0.22s ease !important;
  z-index: 2 !important;
}

#installmentSection .installment-premium-toggle-control .toggle-checkbox:checked {
  left: calc(100% - 1.45rem - 3px) !important;
  background: #ffffff !important;
  box-shadow: 0 0 12px rgba(23, 233, 239, 0.5), 0 6px 15px rgba(0, 0, 48, 0.28) !important;
}

#installmentSection .installment-premium-toggle-control .toggle-checkbox:checked + .toggle-label {
  background: linear-gradient(135deg, #002070, #00a0d0 62%, #17e9ef) !important;
  border-color: rgba(237, 248, 255, 0.34) !important;
  box-shadow: 0 0 0 1px rgba(23, 233, 239, 0.12), 0 0 18px rgba(0, 160, 208, 0.42) !important;
}

#installmentSection .installment-premium-toggle-control .toggle-checkbox:checked + .toggle-label::after {
  content: "ON";
  left: 0.48rem;
  right: auto;
  color: #ffffff;
}

[dir="rtl"] #installmentSection .installment-premium-toggle-control .toggle-checkbox {
  left: auto !important;
  right: 3px !important;
}

[dir="rtl"] #installmentSection .installment-premium-toggle-control .toggle-checkbox:checked {
  right: calc(100% - 1.45rem - 3px) !important;
  left: auto !important;
}

.page-content > section:hover,
.page-content > div:hover,
.page-content .card:hover,
.page-content .simulator-card:hover,
.page-content .results-box:hover,
.page-content .trust-icon-card:hover,
.page-content .feature-card:hover,
.page-content .goal-card:hover,
.page-content .package-card:hover,
.page-content .founder-card-new:hover,
.page-content .installment-suggestion-card:hover,
.page-content .live-simulation-card:hover,
.page-content .staking-section-block:hover,
.page-content .staking-story-card:hover,
.page-content .staking-simulator-card:hover,
.page-content .staking-packages-card:hover,
.page-content .staking-fx-card:hover,
.page-content .staking-feature-card:hover,
.page-content .staking-flow-card:hover,
.page-content .staking-live-card:hover,
.page-content .staking-mini-stat:hover,
.page-content .staking-detail-surface:hover,
.page-content .interactive-shell:hover {
  transform: none !important;
}

#whatsappPopupClose {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#whatsappPopupClose::before {
  content: "\00d7";
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

#resultsContainer.results-carousel {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)) !important;
  grid-auto-columns: unset !important;
  gap: 1rem !important;
  overflow-x: visible !important;
  scroll-snap-type: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

#resultsContainer.results-carousel > * {
  min-width: 0 !important;
  scroll-snap-align: unset !important;
}

#resultsContainer .results-side-wrapper,
#resultsContainer.results-side .results-side-wrapper,
#resultsContainer.results-side.results-lock .results-side-wrapper {
  display: grid !important;
  grid-template-columns: 1fr !important;
  width: 100% !important;
  overflow-x: visible !important;
  gap: 1rem !important;
  padding-bottom: 0 !important;
}

#resultsContainer .results-live-col,
#resultsContainer .results-saved-col,
#resultsContainer.results-side.results-lock .results-live-col,
#resultsContainer.results-side.results-lock .results-saved-col {
  position: static !important;
  flex: initial !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

#resultsContainer .results-saved-scroll,
#resultsContainer.results-side.results-lock .results-saved-scroll {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
  width: 100% !important;
  overflow-x: visible !important;
  gap: 1rem !important;
  padding-bottom: 0 !important;
}

#resultsContainer .results-saved-scroll > .card {
  flex: initial !important;
  width: 100% !important;
  min-width: 0 !important;
}

#page4 .staking-control-grid,
body[data-active-page="page4"] .staking-control-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important;
}

#page4 .staking-results-grid,
#page4 .staking-year-mix-grid,
body[data-active-page="page4"] .staking-results-grid,
body[data-active-page="page4"] .staking-year-mix-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)) !important;
}

#page4 .staking-fee-grid,
#page4 .staking-live-grid,
body[data-active-page="page4"] .staking-fee-grid,
body[data-active-page="page4"] .staking-live-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)) !important;
}

#page4 .staking-icon-row,
body[data-active-page="page4"] .staking-icon-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.65rem !important;
  margin: 1rem 0 1.15rem !important;
}

#page4 .staking-icon-pill,
body[data-active-page="page4"] .staking-icon-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.5rem !important;
  min-width: 0 !important;
  padding: 0.58rem 0.82rem !important;
  border-radius: 8px !important;
  border: 1px solid rgba(23, 233, 239, 0.22) !important;
  background: rgba(0, 160, 208, 0.1) !important;
  color: #edf8ff !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

#page4 .staking-icon-pill i,
body[data-active-page="page4"] .staking-icon-pill i {
  width: 1rem !important;
  min-width: 1rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #17e9ef !important;
  font-size: 0.95rem !important;
  margin: 0 !important;
}

#page4 .staking-icon-pill span,
body[data-active-page="page4"] .staking-icon-pill span {
  display: inline !important;
  min-width: 0 !important;
}

@media (max-width: 560px) {
  #page4 .staking-icon-row,
  body[data-active-page="page4"] .staking-icon-row {
    align-items: stretch !important;
  }

  #page4 .staking-icon-pill,
  body[data-active-page="page4"] .staking-icon-pill {
    width: 100% !important;
  }
}

#page4 .staking-plan-list,
body[data-active-page="page4"] .staking-plan-list {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#page4 .staking-plan-card,
body[data-active-page="page4"] .staking-plan-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 1rem !important;
  min-width: 0 !important;
}

#page4 .staking-plan-copy,
body[data-active-page="page4"] .staking-plan-copy {
  min-width: 0 !important;
}

#page4 .staking-plan-mini-icons,
body[data-active-page="page4"] .staking-plan-mini-icons {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.45rem 0.55rem !important;
  margin-top: 0.7rem !important;
}

#page4 .staking-plan-mini-icons span,
body[data-active-page="page4"] .staking-plan-mini-icons span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.38rem !important;
  min-width: 0 !important;
  padding: 0.32rem 0.5rem !important;
  border-radius: 8px !important;
  border: 1px solid rgba(103, 232, 249, 0.24) !important;
  background: rgba(0, 160, 208, 0.11) !important;
  color: #d9f7ff !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

#page4 .staking-plan-mini-icons i,
body[data-active-page="page4"] .staking-plan-mini-icons i {
  width: 0.9rem !important;
  min-width: 0.9rem !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #67e8f9 !important;
  font-size: 0.78rem !important;
}

#page4 .staking-plan-prices,
body[data-active-page="page4"] .staking-plan-prices {
  margin-left: auto !important;
}

#page4 .staking-plan-card img,
body[data-active-page="page4"] .staking-plan-card img {
  width: 76px !important;
  height: 76px !important;
  flex: 0 0 76px !important;
}

#page4 .staking-plan-card h3,
#page4 .staking-plan-card p,
body[data-active-page="page4"] .staking-plan-card h3,
body[data-active-page="page4"] .staking-plan-card p {
  word-break: normal !important;
  overflow-wrap: normal !important;
}

@media (max-width: 900px) {
  #page4 .staking-plan-list,
  body[data-active-page="page4"] .staking-plan-list {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 1120px) {
  #resultsContainer .results-side-wrapper,
  #resultsContainer.results-side .results-side-wrapper,
  #resultsContainer.results-side.results-lock .results-side-wrapper {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
  }
}

:root {
  --eds-shell-width: min(1800px, calc(100vw - 48px));
}

@media (min-width: 1600px) {
  :root {
    --eds-shell-width: min(1880px, calc(100vw - 72px));
  }
}

@media (min-width: 1920px) {
  :root {
    --eds-shell-width: min(2080px, calc(100vw - 96px));
  }
}

@media (min-width: 2400px) {
  :root {
    --eds-shell-width: min(2280px, calc(100vw - 120px));
  }
}

@media (max-width: 900px) {
  :root {
    --eds-shell-width: calc(100vw - 20px);
  }
}

@media (max-width: 520px) {
  :root {
    --eds-shell-width: calc(100vw - 14px);
  }
}

.egety-nav,
#egetyNav,
.page-content,
.footer-redesigned,
#partnersAndFaqContainer {
  width: var(--eds-shell-width) !important;
  max-width: var(--eds-shell-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.page-content {
  align-items: stretch !important;
}

.page-content > section,
.page-content > div {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.page-content [class*="max-w-7xl"],
.page-content [class*="max-w-screen-2xl"],
.page-content [class*="max-w-screen-3xl"],
.page-content .eds-top-width,
.page-content #hero-redesigned,
.page-content #hero-redesigned .hero-redesigned-inner,
.page-content #purchaseTablesSection,
.page-content #builder-section,
.page-content #trust-banner-section,
.page-content #trust-app-section,
.page-content #founders-section,
.page-content .staking-page-shell {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.page-content .mx-auto {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.egety-nav,
#egetyNav {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.42)),
    rgba(255, 255, 255, 0.42) !important;
  border: 1px solid rgba(23, 233, 239, 0.34) !important;
  box-shadow:
    0 22px 60px rgba(0, 3, 51, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.42) !important;
  backdrop-filter: blur(22px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(140%) !important;
}

body.dark-mode .egety-nav,
body.dark-mode #egetyNav {
  background:
    linear-gradient(135deg, rgba(8, 22, 38, 0.74), rgba(0, 3, 51, 0.46)),
    rgba(0, 3, 51, 0.42) !important;
  border-color: rgba(23, 233, 239, 0.32) !important;
  box-shadow:
    0 24px 70px rgba(0, 3, 51, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

.egety-nav-links,
#egetyNavLinks,
.egety-nav-theme-toggle,
.egety-nav-currency {
  background: rgba(255, 255, 255, 0.24) !important;
  border-color: rgba(23, 233, 239, 0.24) !important;
  backdrop-filter: blur(14px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
}

body.dark-mode .egety-nav-links,
body.dark-mode #egetyNavLinks,
body.dark-mode .egety-nav-theme-toggle,
body.dark-mode .egety-nav-currency {
  background: rgba(4, 15, 27, 0.34) !important;
}

.egety-nav-external-btn {
  text-decoration: none !important;
  min-height: 42px !important;
}

.egety-nav-external-btn:hover,
.egety-nav-external-btn:focus-visible {
  color: #fff !important;
  background: rgba(0, 160, 208, 0.24) !important;
  outline: none !important;
}

#hero-redesigned,
#builder-section,
#builder-section > .builder-section,
#trust-app-section,
#trust-banner-section,
#trust-banner-section > .trust-banner-section,
#staking-hero-section,
#staking-hero-section .staking-story-card,
header.card {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.34)),
    rgba(255, 255, 255, 0.32) !important;
  border: 1px solid rgba(23, 233, 239, 0.26) !important;
  box-shadow:
    0 24px 70px rgba(0, 3, 51, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
  backdrop-filter: blur(20px) saturate(138%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(138%) !important;
}

body.dark-mode #hero-redesigned,
body.dark-mode #builder-section,
body.dark-mode #builder-section > .builder-section,
body.dark-mode #trust-app-section,
body.dark-mode #trust-banner-section,
body.dark-mode #trust-banner-section > .trust-banner-section,
body.dark-mode #staking-hero-section,
body.dark-mode #staking-hero-section .staking-story-card,
body.dark-mode header.card {
  background:
    linear-gradient(135deg, rgba(10, 27, 44, 0.72), rgba(0, 3, 51, 0.42)),
    rgba(0, 3, 51, 0.34) !important;
  border-color: rgba(23, 233, 239, 0.28) !important;
  box-shadow:
    0 26px 80px rgba(0, 3, 51, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

@media (max-width: 900px) {
  .egety-nav-link,
  .egety-nav-external-btn {
    min-width: 106px !important;
    scroll-snap-align: start;
  }

  .mobile-bottom-page-nav {
    width: min(780px, calc(100% - 16px)) !important;
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.34)),
      rgba(255, 255, 255, 0.32) !important;
    border-color: rgba(23, 233, 239, 0.3) !important;
    backdrop-filter: blur(20px) saturate(138%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(138%) !important;
  }

  body.dark-mode .mobile-bottom-page-nav {
    background:
      linear-gradient(135deg, rgba(8, 22, 38, 0.76), rgba(0, 3, 51, 0.46)),
      rgba(0, 3, 51, 0.4) !important;
  }

  .mobile-bottom-page-nav .mobile-bottom-page-nav-inner {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 0.34rem !important;
  }

  .mobile-bottom-page-nav .egety-nav-link {
    min-width: 0 !important;
    width: 100% !important;
    min-height: 56px !important;
    padding: 0.48rem 0.28rem !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.24rem !important;
    white-space: normal !important;
    text-align: center !important;
    font-size: 0.66rem !important;
    line-height: 1.05 !important;
  }

  .mobile-bottom-page-nav .egety-nav-link i {
    display: inline-flex !important;
    font-size: 0.86rem !important;
  }
}

@media (max-width: 420px) {
  .mobile-bottom-page-nav {
    width: calc(100% - 10px) !important;
    padding: 0.3rem !important;
  }

  .mobile-bottom-page-nav .mobile-bottom-page-nav-inner {
    gap: 0.22rem !important;
  }

  .mobile-bottom-page-nav .egety-nav-link {
    min-height: 52px !important;
    padding: 0.42rem 0.16rem !important;
    font-size: 0.6rem !important;
  }

  .mobile-bottom-page-nav .egety-nav-link i {
    font-size: 0.8rem !important;
  }
}

.ux-guide-section,
.ux-summary-band,
.ux-final-action,
.ux-beginner-faq {
  width: 100% !important;
  border: 1px solid rgba(23, 233, 239, 0.26) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0.32)),
    rgba(255, 255, 255, 0.3) !important;
  box-shadow:
    0 22px 62px rgba(0, 3, 51, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.36) !important;
  backdrop-filter: blur(18px) saturate(136%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(136%) !important;
}

body.dark-mode .ux-guide-section,
body.dark-mode .ux-summary-band,
body.dark-mode .ux-final-action,
body.dark-mode .ux-beginner-faq {
  background:
    linear-gradient(135deg, rgba(9, 24, 42, 0.72), rgba(0, 3, 51, 0.42)),
    rgba(0, 3, 51, 0.34) !important;
  border-color: rgba(23, 233, 239, 0.28) !important;
  box-shadow:
    0 26px 74px rgba(0, 3, 51, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

.ux-guide-section {
  padding: clamp(1rem, 2vw, 1.55rem) !important;
  margin: 1rem 0 !important;
  display: grid !important;
  gap: 1rem !important;
}

.ux-start-guide {
  grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.2fr) auto !important;
  align-items: center !important;
}

.ux-page-guide {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}

.ux-guide-copy h2,
.ux-faq-head h2,
.ux-final-action h2,
.ux-tutorial-panel h2 {
  margin: 0.22rem 0 0.35rem !important;
  color: var(--ui-ink) !important;
  font-size: clamp(1.25rem, 2vw, 1.9rem) !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

body.dark-mode .ux-guide-copy h2,
body.dark-mode .ux-faq-head h2,
body.dark-mode .ux-final-action h2,
body.dark-mode .ux-tutorial-panel h2 {
  color: #f8fbff !important;
}

.ux-guide-copy p,
.ux-faq-head p,
.ux-final-action p,
.ux-tutorial-panel p {
  margin: 0 !important;
  color: #526477 !important;
  line-height: 1.65 !important;
  font-size: 0.95rem !important;
}

body.dark-mode .ux-guide-copy p,
body.dark-mode .ux-faq-head p,
body.dark-mode .ux-final-action p,
body.dark-mode .ux-tutorial-panel p {
  color: #c5d7e8 !important;
}

.ux-kicker,
.ux-tutorial-badge,
.ux-plan-label {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  border-radius: 8px !important;
  border: 1px solid rgba(23, 233, 239, 0.28) !important;
  background: rgba(0, 160, 208, 0.12) !important;
  color: #047d98 !important;
  font-size: 0.74rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  padding: 0.38rem 0.56rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

body.dark-mode .ux-kicker,
body.dark-mode .ux-tutorial-badge,
body.dark-mode .ux-plan-label {
  color: #7eeeff !important;
}

.ux-step-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.7rem !important;
}

.ux-step-card,
.ux-tutorial-step,
.ux-glossary-grid > div,
.ux-faq-item {
  border: 1px solid rgba(23, 233, 239, 0.2) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.18) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .ux-step-card,
body.dark-mode .ux-tutorial-step,
body.dark-mode .ux-glossary-grid > div,
body.dark-mode .ux-faq-item {
  background: rgba(0, 3, 51, 0.22) !important;
}

.ux-step-card {
  padding: 0.82rem !important;
  min-height: 128px !important;
}

.ux-step-card > span,
.ux-tutorial-step > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2rem !important;
  height: 2rem !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, var(--ui-blue), var(--ui-cyan-soft)) !important;
  color: #fff !important;
  font-weight: 900 !important;
  margin-bottom: 0.55rem !important;
}

.ux-step-card strong,
.ux-tutorial-step strong,
.ux-glossary-grid strong {
  display: block !important;
  color: var(--ui-ink) !important;
  font-size: 0.95rem !important;
  margin-bottom: 0.28rem !important;
}

body.dark-mode .ux-step-card strong,
body.dark-mode .ux-tutorial-step strong,
body.dark-mode .ux-glossary-grid strong {
  color: #f8fbff !important;
}

.ux-step-card p,
.ux-glossary-grid p {
  margin: 0 !important;
  color: #5d7084 !important;
  line-height: 1.5 !important;
  font-size: 0.84rem !important;
}

body.dark-mode .ux-step-card p,
body.dark-mode .ux-glossary-grid p {
  color: #bfd1e3 !important;
}

.ux-guide-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.55rem !important;
  align-items: center !important;
}

.ux-action-primary,
.ux-action-secondary,
.ux-tutorial-skip {
  min-height: 42px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(23, 233, 239, 0.28) !important;
  padding: 0.7rem 0.95rem !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  letter-spacing: 0 !important;
}

.ux-action-primary {
  background: linear-gradient(135deg, var(--ui-blue), var(--ui-cyan-soft)) !important;
  color: #fff !important;
}

.ux-action-secondary,
.ux-tutorial-skip {
  background: rgba(255, 255, 255, 0.18) !important;
  color: var(--ui-ink) !important;
}

body.dark-mode .ux-action-secondary,
body.dark-mode .ux-tutorial-skip {
  color: #edf8ff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

.ux-summary-band {
  margin: 1rem 0 !important;
  padding: 1rem !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr) !important;
  align-items: center !important;
  gap: 1rem !important;
}

.ux-summary-band h3 {
  margin: 0.28rem 0 0 !important;
  color: var(--ui-ink) !important;
  font-size: clamp(1rem, 1.5vw, 1.35rem) !important;
}

body.dark-mode .ux-summary-band h3 {
  color: #f8fbff !important;
}

.ux-summary-band ul,
.ux-mini-steps {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.55rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ux-summary-band li,
.ux-mini-steps span,
.ux-field-guide span {
  border-radius: 8px !important;
  background: rgba(0, 160, 208, 0.1) !important;
  border: 1px solid rgba(23, 233, 239, 0.2) !important;
  padding: 0.55rem 0.68rem !important;
  color: var(--ui-ink) !important;
  font-weight: 800 !important;
  font-size: 0.82rem !important;
}

body.dark-mode .ux-summary-band li,
body.dark-mode .ux-mini-steps span,
body.dark-mode .ux-field-guide span {
  color: #edf8ff !important;
}

.ux-field-guide {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  margin-bottom: 0.9rem !important;
}

.ux-field-guide b {
  color: #17e9ef !important;
  margin-right: 0.28rem !important;
}

.ux-plan-label {
  margin-bottom: 0.45rem !important;
  text-transform: none !important;
}

.ux-plan-label-mini {
  font-size: 0.64rem !important;
  padding: 0.28rem 0.42rem !important;
  margin-bottom: 0.28rem !important;
}

.ux-final-action,
.ux-beginner-faq {
  margin: 1.1rem 0 !important;
  padding: clamp(1rem, 2vw, 1.5rem) !important;
}

.ux-final-action {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
}

.ux-faq-head {
  max-width: 920px !important;
  margin-bottom: 1rem !important;
}

.ux-faq-grid,
.ux-glossary-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.7rem !important;
}

.ux-faq-item {
  overflow: hidden !important;
}

.ux-faq-item summary {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 0.75rem !important;
  cursor: pointer !important;
  padding: 0.9rem 1rem !important;
  color: var(--ui-ink) !important;
  font-weight: 900 !important;
}

body.dark-mode .ux-faq-item summary {
  color: #edf8ff !important;
}

.ux-faq-item p {
  margin: 0 !important;
  padding: 0 1rem 1rem !important;
  color: #526477 !important;
  line-height: 1.65 !important;
  font-size: 0.92rem !important;
}

body.dark-mode .ux-faq-item p {
  color: #c5d7e8 !important;
}

.ux-glossary-grid > div {
  padding: 0.9rem !important;
}

.ux-floating-glossary,
.ux-tutorial-replay,
.ux-need-help {
  position: fixed !important;
  right: 18px !important;
  z-index: 2147483645 !important;
  border-radius: 8px !important;
  border: 1px solid rgba(23, 233, 239, 0.28) !important;
  background:
    linear-gradient(135deg, rgba(10, 27, 44, 0.86), rgba(0, 3, 51, 0.72)) !important;
  color: #edf8ff !important;
  box-shadow: 0 18px 46px rgba(0, 3, 51, 0.34) !important;
  backdrop-filter: blur(18px) saturate(136%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(136%) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  min-height: 44px !important;
  padding: 0.72rem 0.9rem !important;
  font-weight: 900 !important;
}

.ux-floating-glossary {
  bottom: 138px !important;
}

.ux-tutorial-replay {
  bottom: 86px !important;
}

.ux-need-help {
  bottom: 24px !important;
  background: linear-gradient(135deg, #007a4d, #10b981) !important;
}

.ux-glossary-modal,
.ux-tutorial-modal {
  position: fixed !important;
  inset: 0 !important;
  display: none !important;
  place-items: center !important;
  padding: 18px !important;
  background: rgba(0, 3, 51, 0.68) !important;
  z-index: 2147483647 !important;
}

.ux-glossary-modal.is-open,
.ux-tutorial-modal.is-open {
  display: grid !important;
}

.ux-glossary-panel,
.ux-tutorial-panel {
  width: min(920px, calc(100vw - 28px)) !important;
  max-height: min(84vh, 820px) !important;
  overflow-y: auto !important;
  border-radius: 8px !important;
  border: 1px solid rgba(23, 233, 239, 0.32) !important;
  background:
    linear-gradient(135deg, rgba(248, 253, 255, 0.94), rgba(226, 247, 255, 0.86)) !important;
  box-shadow: 0 30px 90px rgba(0, 3, 51, 0.42) !important;
  padding: clamp(1rem, 2.2vw, 1.6rem) !important;
  position: relative !important;
}

body.dark-mode .ux-glossary-panel,
body.dark-mode .ux-tutorial-panel {
  background:
    linear-gradient(135deg, rgba(10, 27, 44, 0.96), rgba(0, 3, 51, 0.92)) !important;
}

.ux-glossary-close,
.ux-tutorial-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(23, 233, 239, 0.26) !important;
  background: rgba(255, 255, 255, 0.16) !important;
  color: var(--ui-ink) !important;
  font-size: 1.4rem !important;
  cursor: pointer !important;
}

body.dark-mode .ux-glossary-close,
body.dark-mode .ux-tutorial-close {
  color: #edf8ff !important;
}

.ux-tutorial-hero {
  padding-right: 2.7rem !important;
  margin-bottom: 1rem !important;
}

.ux-tutorial-steps {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.7rem !important;
}

.ux-tutorial-step {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 0.75rem !important;
  padding: 1rem !important;
}

.ux-tutorial-step > span {
  margin: 0 !important;
}

.ux-tutorial-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.55rem !important;
  margin-top: 1rem !important;
}

.ux-visual-banner {
  position: relative !important;
  width: 100% !important;
  min-height: clamp(150px, 18vw, 280px) !important;
  margin: 1.15rem 0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid rgba(23, 233, 239, 0.26) !important;
  background:
    radial-gradient(circle at 18% 28%, rgba(23, 233, 239, 0.34), transparent 28%),
    radial-gradient(circle at 78% 66%, rgba(0, 96, 176, 0.28), transparent 32%),
    linear-gradient(135deg, rgba(8, 22, 38, 0.92), rgba(0, 3, 51, 0.82)) !important;
  box-shadow:
    0 26px 74px rgba(0, 3, 51, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

.ux-visual-banner::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,0.04) 1px, transparent 1px) !important;
  background-size: 42px 42px !important;
  mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent) !important;
  pointer-events: none !important;
}

.ux-visual-node {
  position: absolute !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(56px, 6vw, 90px) !important;
  height: clamp(56px, 6vw, 90px) !important;
  border-radius: 8px !important;
  border: 1px solid rgba(126, 238, 255, 0.45) !important;
  background:
    linear-gradient(135deg, rgba(23, 233, 239, 0.24), rgba(0, 96, 176, 0.18)),
    rgba(255, 255, 255, 0.08) !important;
  color: #e8fbff !important;
  font-size: clamp(1.3rem, 2.4vw, 2.2rem) !important;
  box-shadow: 0 18px 42px rgba(0, 192, 224, 0.18) !important;
  z-index: 2 !important;
}

.ux-visual-line {
  position: absolute !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(23, 233, 239, 0.1), rgba(126, 238, 255, 0.86), rgba(23, 233, 239, 0.1)) !important;
  transform-origin: left center !important;
  z-index: 1 !important;
}

.ux-orbit {
  position: absolute !important;
  border: 1px solid rgba(126, 238, 255, 0.18) !important;
  border-radius: 50% !important;
}

.ux-orbit-one {
  width: 260px !important;
  height: 260px !important;
  left: 5% !important;
  top: -56px !important;
}

.ux-orbit-two {
  width: 360px !important;
  height: 360px !important;
  right: -80px !important;
  bottom: -140px !important;
}

.ux-node-package { left: 12% !important; top: 50% !important; transform: translateY(-50%) !important; }
.ux-node-batch { left: 46% !important; top: 50% !important; transform: translate(-50%, -50%) !important; }
.ux-node-eds { right: 12% !important; top: 50% !important; transform: translateY(-50%) !important; }
.ux-line-one { left: 22% !important; top: 50% !important; width: 22% !important; }
.ux-line-two { left: 51% !important; top: 50% !important; width: 24% !important; }

.ux-meter-card {
  position: absolute !important;
  left: 10% !important;
  top: 24% !important;
  width: 28% !important;
  min-width: 180px !important;
  height: 52% !important;
  border-radius: 8px !important;
  border: 1px solid rgba(126, 238, 255, 0.28) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  padding: 18px !important;
  display: grid !important;
  gap: 12px !important;
}

.ux-meter-card span {
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(23, 233, 239, 0.92), rgba(126, 238, 255, 0.26)) !important;
}

.ux-meter-card span:nth-child(2) { width: 72% !important; }
.ux-meter-card span:nth-child(3) { width: 46% !important; }

.ux-slider-visual {
  position: absolute !important;
  left: 45% !important;
  right: 12% !important;
  top: 38% !important;
  height: 16px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.14) !important;
}

.ux-slider-visual b {
  position: absolute !important;
  left: 58% !important;
  top: 50% !important;
  width: 44px !important;
  height: 44px !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, var(--ui-blue), var(--ui-cyan-soft)) !important;
  box-shadow: 0 12px 28px rgba(23, 233, 239, 0.35) !important;
}

.ux-chart-visual {
  position: absolute !important;
  left: 46% !important;
  right: 12% !important;
  bottom: 20% !important;
  height: 70px !important;
  display: flex !important;
  align-items: end !important;
  gap: 10px !important;
}

.ux-chart-visual span {
  flex: 1 !important;
  border-radius: 8px 8px 0 0 !important;
  background: linear-gradient(180deg, rgba(126, 238, 255, 0.92), rgba(0, 96, 176, 0.42)) !important;
}

.ux-chart-visual span:nth-child(1) { height: 35% !important; }
.ux-chart-visual span:nth-child(2) { height: 54% !important; }
.ux-chart-visual span:nth-child(3) { height: 72% !important; }
.ux-chart-visual span:nth-child(4) { height: 100% !important; }

.ux-network-dot {
  position: absolute !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  background: #7eeeff !important;
  box-shadow: 0 0 28px rgba(126, 238, 255, 0.65) !important;
}

.dot-a { left: 18% !important; top: 28% !important; }
.dot-b { right: 20% !important; top: 24% !important; }
.dot-c { left: 24% !important; bottom: 24% !important; }
.dot-d { right: 28% !important; bottom: 18% !important; }
.ux-node-center { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; }
.ux-network-line { position: absolute !important; height: 2px !important; background: rgba(126, 238, 255, 0.46) !important; transform-origin: left center !important; }
.line-a { left: 20% !important; top: 34% !important; width: 32% !important; transform: rotate(18deg) !important; }
.line-b { left: 51% !important; top: 48% !important; width: 30% !important; transform: rotate(-22deg) !important; }
.line-c { left: 27% !important; bottom: 31% !important; width: 42% !important; transform: rotate(-5deg) !important; }

.ux-layer-shield {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: clamp(84px, 10vw, 140px) !important;
  height: clamp(84px, 10vw, 140px) !important;
  border-radius: 8px !important;
  display: grid !important;
  place-items: center !important;
  color: #e8fbff !important;
  font-size: clamp(2rem, 4vw, 4rem) !important;
  background: linear-gradient(135deg, rgba(23, 233, 239, 0.26), rgba(0, 96, 176, 0.2)) !important;
  border: 1px solid rgba(126, 238, 255, 0.44) !important;
  z-index: 3 !important;
}

.ux-layer-ring {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  border: 1px solid rgba(126, 238, 255, 0.24) !important;
  border-radius: 8px !important;
}

.ring-one { width: 24% !important; height: 42% !important; }
.ring-two { width: 42% !important; height: 62% !important; }
.ring-three { width: 64% !important; height: 78% !important; }

.ux-staking-path {
  position: absolute !important;
  left: 12% !important;
  right: 12% !important;
  top: 50% !important;
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 0 !important;
  transform: translateY(-50%) !important;
}

.ux-staking-path::before {
  content: "" !important;
  position: absolute !important;
  left: 4% !important;
  right: 4% !important;
  top: 50% !important;
  height: 3px !important;
  background: linear-gradient(90deg, rgba(23,233,239,0.1), rgba(126,238,255,0.86), rgba(23,233,239,0.1)) !important;
}

.ux-staking-path span {
  position: relative !important;
  justify-self: center !important;
  width: clamp(34px, 4vw, 58px) !important;
  height: clamp(34px, 4vw, 58px) !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, var(--ui-blue), var(--ui-cyan-soft)) !important;
  box-shadow: 0 14px 32px rgba(23, 233, 239, 0.28) !important;
}

.ux-staking-coin {
  position: absolute !important;
  right: 8% !important;
  top: 18% !important;
  width: clamp(52px, 6vw, 88px) !important;
  height: clamp(52px, 6vw, 88px) !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: linear-gradient(135deg, #00a0d0, #17e9ef) !important;
  font-size: clamp(1.25rem, 2.5vw, 2rem) !important;
}

.ux-staking-glow {
  position: absolute !important;
  left: 16% !important;
  bottom: 16% !important;
  width: 22% !important;
  height: 42% !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(126, 238, 255, 0.22), transparent 65%) !important;
}

@media (max-width: 760px) {
  .ux-visual-banner {
    min-height: 180px !important;
  }

  .ux-line-one,
  .ux-line-two {
    width: 18% !important;
  }

  .ux-meter-card {
    left: 8% !important;
    top: 18% !important;
    width: 42% !important;
    min-width: 0 !important;
  }

  .ux-slider-visual,
  .ux-chart-visual {
    left: 56% !important;
    right: 8% !important;
  }

  .ring-one { width: 44% !important; }
  .ring-two { width: 66% !important; }
  .ring-three { width: 86% !important; }
}

@media (max-width: 1180px) {
  .ux-start-guide,
  .ux-page-guide,
  .ux-summary-band,
  .ux-final-action {
    grid-template-columns: 1fr !important;
  }

  .ux-final-action {
    display: grid !important;
  }

  .ux-step-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .ux-guide-section,
  .ux-summary-band,
  .ux-final-action,
  .ux-beginner-faq {
    padding: 0.9rem !important;
  }

  .ux-step-grid,
  .ux-faq-grid,
  .ux-glossary-grid,
  .ux-tutorial-steps {
    grid-template-columns: 1fr !important;
  }

  .ux-floating-glossary,
  .ux-tutorial-replay,
  .ux-need-help {
    right: 10px !important;
    padding: 0.62rem 0.72rem !important;
    font-size: 0.78rem !important;
  }

  .ux-floating-glossary {
    bottom: 204px !important;
  }

  .ux-tutorial-replay {
    bottom: 154px !important;
  }

  .ux-need-help {
    bottom: 104px !important;
    max-width: calc(100vw - 20px) !important;
  }
}

/* Final guided UX fixes */
.ux-summary-band {
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
}

.page-content > .ux-summary-band,
.page-content > section.ux-summary-band {
  width: 100% !important;
}

@media (min-width: 1180px) {
  .page-content > .ux-summary-band,
  .page-content > section.ux-summary-band {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr) !important;
    align-items: center !important;
  }
}

.ux-summary-band h3,
.ux-summary-band li,
.ux-mini-steps span,
.ux-field-guide span,
.ux-guide-copy p,
.ux-faq-item summary,
.ux-faq-item p {
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

.ux-summary-band ul,
.ux-mini-steps,
.ux-field-guide {
  min-width: 0 !important;
}

.ux-summary-band li,
.ux-mini-steps span,
.ux-field-guide span {
  flex: 1 1 220px !important;
  max-width: 100% !important;
}

.ux-floating-hidden {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(12px) !important;
}

#packageStageButtonsSmall {
  gap: clamp(0.55rem, 1.2vw, 1rem) !important;
  align-items: stretch !important;
  overflow-x: auto !important;
  padding: 0.15rem 0.05rem 0.35rem !important;
}

#packageStageButtonsSmall .package-stage-row {
  flex: 1 1 340px !important;
  min-width: min(100%, 340px) !important;
  gap: clamp(0.35rem, 0.8vw, 0.55rem) !important;
  align-items: center !important;
}

#packageStageButtonsSmall .package-stage-row-label {
  font-size: 0.78rem !important;
  min-width: max-content !important;
  margin-right: 0.15rem !important;
}

#packageStageButtonsSmall .stage-btn-group {
  flex: 1 1 auto !important;
  display: grid !important;
  grid-template-columns: repeat(10, minmax(2rem, 1fr)) !important;
  gap: clamp(0.18rem, 0.5vw, 0.35rem) !important;
}

#packageStageButtonsSmall .interactive-btn,
#packageStageButtonsSmall .release-btn {
  width: auto !important;
  min-width: 2rem !important;
  height: 2rem !important;
  border-radius: 8px !important;
  font-size: 0.74rem !important;
  border: 1px solid rgba(23, 233, 239, 0.22) !important;
  background: rgba(5, 24, 74, 0.52) !important;
}

#packageStageButtonsSmall .interactive-btn.active,
#packageStageButtonsSmall .release-btn.active {
  color: #ffffff !important;
  border-color: rgba(23, 233, 239, 0.95) !important;
  background: linear-gradient(135deg, #0072ce, #17e9ef) !important;
  box-shadow:
    0 0 0 2px rgba(23, 233, 239, 0.24),
    0 12px 28px rgba(23, 233, 239, 0.32) !important;
}

@media (max-width: 760px) {
  #packageStageButtonsSmall {
    flex-wrap: wrap !important;
  }

  #packageStageButtonsSmall .package-stage-row {
    flex-basis: 100% !important;
  }

  #packageStageButtonsSmall .stage-btn-group {
    grid-template-columns: repeat(5, minmax(2.15rem, 1fr)) !important;
  }

  #packageStageButtonsSmall .interactive-btn,
  #packageStageButtonsSmall .release-btn {
    height: 2.15rem !important;
    min-width: 2.15rem !important;
    font-size: 0.76rem !important;
  }
}

.ux-beginner-faq,
.faq-section,
#faqSection,
#faq-section {
  padding: clamp(0.85rem, 1.5vw, 1.25rem) !important;
}

.ux-faq-head {
  margin-bottom: 0.65rem !important;
}

.ux-faq-head h2 {
  margin-bottom: 0.25rem !important;
  font-size: clamp(1.05rem, 1.6vw, 1.35rem) !important;
}

.ux-faq-head p {
  margin: 0 !important;
  font-size: 0.88rem !important;
  line-height: 1.45 !important;
}

.ux-faq-grid,
.ux-glossary-grid {
  gap: 0.48rem !important;
}

.ux-faq-item summary {
  min-height: 42px !important;
  padding: 0.62rem 0.75rem !important;
  gap: 0.55rem !important;
  font-size: 0.88rem !important;
  line-height: 1.25 !important;
}

.ux-faq-item summary i {
  flex: 0 0 auto !important;
  font-size: 0.76rem !important;
}

.ux-faq-item p {
  padding: 0 0.75rem 0.72rem !important;
  font-size: 0.84rem !important;
  line-height: 1.5 !important;
}

.ux-faq-item + .ux-faq-item {
  margin-top: 0 !important;
}

@media (min-width: 1180px) {
  .ux-faq-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .ux-beginner-faq,
  .faq-section,
  #faqSection,
  #faq-section {
    padding: 0.75rem !important;
  }

  .ux-faq-item summary {
    min-height: 40px !important;
    padding: 0.58rem 0.68rem !important;
    font-size: 0.84rem !important;
  }

  .ux-faq-item p {
    padding: 0 0.68rem 0.65rem !important;
    font-size: 0.81rem !important;
  }
}

#partnersAndFaqContainer {
  gap: clamp(0.65rem, 1vw, 1rem) !important;
}

#partnersAndFaqContainer > section.card {
  padding: clamp(0.85rem, 1.4vw, 1.2rem) !important;
}

#partnersAndFaqContainer > section.card > h2 {
  margin-bottom: 0.45rem !important;
  font-size: clamp(1.05rem, 1.7vw, 1.45rem) !important;
  line-height: 1.2 !important;
}

#partnersAndFaqContainer > section.card > .flex {
  gap: clamp(0.65rem, 1vw, 1rem) !important;
  margin-top: 0.65rem !important;
}

#faqTabs {
  gap: 0.28rem !important;
}

#faqTabs .faq-tab {
  min-height: 38px !important;
  padding: 0.48rem 0.66rem !important;
  border-radius: 8px !important;
  font-size: 0.84rem !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  background: rgba(5, 24, 74, 0.2) !important;
}

#faqTabs .faq-tab.active {
  color: #ffffff !important;
  background: linear-gradient(135deg, #0072ce, #10cde4) !important;
  box-shadow: 0 8px 18px rgba(23, 233, 239, 0.18) !important;
}

#partnersAndFaqContainer .faq-content {
  gap: 0.35rem !important;
}

#partnersAndFaqContainer .faq-content h3 {
  margin-bottom: 0.4rem !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
}

#partnersAndFaqContainer .faq-content > div > details {
  border-radius: 8px !important;
  border: 1px solid rgba(23, 233, 239, 0.13) !important;
  background: rgba(5, 24, 74, 0.18) !important;
  overflow: hidden !important;
}

#partnersAndFaqContainer .faq-content > div > details + details {
  margin-top: 0.35rem !important;
}

#partnersAndFaqContainer .faq-content summary {
  min-height: 40px !important;
  padding: 0.55rem 0.7rem !important;
  font-size: 0.86rem !important;
  line-height: 1.25 !important;
}

#partnersAndFaqContainer .faq-content summary i {
  flex: 0 0 auto !important;
  font-size: 0.72rem !important;
}

#partnersAndFaqContainer .faq-content p {
  padding: 0 0.7rem 0.65rem !important;
  font-size: 0.82rem !important;
  line-height: 1.45 !important;
}

@media (min-width: 1024px) {
  #partnersAndFaqContainer {
    grid-template-columns: minmax(180px, 0.85fr) minmax(0, 3.15fr) !important;
  }
}

@media (max-width: 760px) {
  #partnersAndFaqContainer > section.card {
    padding: 0.75rem !important;
  }

  #partnersAndFaqContainer > section.card > .flex {
    gap: 0.6rem !important;
  }

  #faqTabs {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #faqTabs .faq-tab,
  #partnersAndFaqContainer .faq-content summary {
    min-height: 36px !important;
    font-size: 0.8rem !important;
  }
}

.ux-start-guide {
  grid-template-columns: minmax(220px, 0.62fr) minmax(440px, 1.55fr) minmax(176px, 0.38fr) !important;
}

.ux-start-guide .ux-step-grid {
  grid-template-columns: repeat(2, minmax(190px, 1fr)) !important;
}

.ux-step-card {
  min-height: 118px !important;
  padding: clamp(0.9rem, 1.25vw, 1.1rem) !important;
}

.ux-guide-actions {
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: center !important;
  min-width: min(100%, 180px) !important;
}

.ux-guide-actions .ux-action-primary,
.ux-guide-actions .ux-action-secondary {
  width: 100% !important;
  min-width: 0 !important;
  text-align: center !important;
}

.ux-faq-bottom-stack {
  width: 100% !important;
  display: grid !important;
  gap: 0.85rem !important;
  margin-top: 1rem !important;
  order: 999 !important;
}

body[data-active-page] #partnersAndFaqContainer.ux-faq-bottom {
  display: grid !important;
}

@media (max-width: 1180px) {
  .ux-start-guide {
    grid-template-columns: 1fr !important;
  }

  .ux-start-guide .ux-step-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ux-guide-actions {
    min-width: 0 !important;
    max-width: 360px !important;
  }
}

@media (max-width: 760px) {
  .ux-start-guide .ux-step-grid {
    grid-template-columns: 1fr !important;
  }

  .ux-guide-actions {
    max-width: none !important;
  }
}

.academy-page {
  gap: 1rem !important;
}

.academy-hero,
.academy-course-section,
.academy-booking-layout,
.academy-admin-wide {
  width: 100% !important;
}

.academy-hero,
.academy-course-section,
.academy-form,
.academy-admin,
.academy-admin-wide {
  border-radius: 8px !important;
  border: 1px solid rgba(23, 233, 239, 0.24) !important;
  background: linear-gradient(135deg, rgba(7, 26, 48, 0.78), rgba(0, 3, 51, 0.58)) !important;
  box-shadow: 0 22px 62px rgba(0, 3, 51, 0.28) !important;
  padding: clamp(1rem, 2vw, 1.55rem) !important;
}

.academy-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr) !important;
  gap: 1rem !important;
  align-items: center !important;
}

.academy-hero h1,
.academy-section-head h2 {
  color: #f8fbff !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.academy-hero h1 {
  font-size: clamp(2rem, 4vw, 4rem) !important;
  margin: 0.35rem 0 0.7rem !important;
}

.academy-hero p,
.academy-section-head p {
  color: #c8d9ea !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.academy-payment-strip,
.academy-steps {
  display: grid !important;
  gap: 0.55rem !important;
}

.academy-payment-strip {
  margin-top: 1rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.academy-payment-strip span,
.academy-steps span,
.academy-selected-course,
.academy-analytics div,
.academy-course-card,
.academy-request-card,
.admin-course-row {
  border-radius: 8px !important;
  border: 1px solid rgba(23, 233, 239, 0.2) !important;
  background: rgba(0, 3, 51, 0.28) !important;
  color: #edf8ff !important;
  padding: 0.85rem !important;
}

.academy-course-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.85rem !important;
}

.academy-course-card h3,
.academy-request-card h3,
.academy-admin-form h3 {
  color: #f8fbff !important;
  margin: 0.35rem 0 !important;
}

.academy-course-meta,
.academy-request-card p,
.admin-course-row span {
  display: grid !important;
  gap: 0.35rem !important;
  color: #c8d9ea !important;
  font-size: 0.88rem !important;
}

.academy-course-card strong {
  display: block !important;
  margin: 0.8rem 0 !important;
  color: #7eeeff !important;
  font-size: 1.35rem !important;
}

.academy-card-select,
.academy-request-actions button,
.academy-proof-link {
  border-radius: 8px !important;
  border: 1px solid rgba(23, 233, 239, 0.26) !important;
  background: linear-gradient(135deg, #0072ce, #17e9ef) !important;
  color: #ffffff !important;
  padding: 0.65rem 0.82rem !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.academy-booking-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr) !important;
  gap: 1rem !important;
}

body[data-active-page="page5"] .academy-booking-layout {
  grid-template-columns: minmax(0, 1fr) !important;
}

body[data-active-page="page5"] .academy-form {
  width: 100% !important;
}

.academy-form,
.academy-admin,
.academy-admin-form,
.academy-request-actions {
  display: grid !important;
  gap: 0.75rem !important;
}

.academy-form-grid,
.academy-analytics {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.7rem !important;
}

.academy-form label,
.academy-admin-form label,
.academy-form fieldset {
  display: grid !important;
  gap: 0.35rem !important;
  color: #edf8ff !important;
  font-weight: 800 !important;
}

.academy-form fieldset {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  border: 1px solid rgba(23, 233, 239, 0.2) !important;
  border-radius: 8px !important;
  padding: 0.8rem !important;
}

.academy-form input,
.academy-form select,
.academy-form textarea,
.academy-admin-form input,
.academy-admin-form select,
.academy-admin-form textarea,
.academy-request-actions select {
  width: 100% !important;
  border-radius: 8px !important;
  border: 1px solid rgba(23, 233, 239, 0.22) !important;
  background: rgba(0, 3, 51, 0.42) !important;
  color: #f8fbff !important;
  padding: 0.7rem 0.75rem !important;
}

.academy-request-list,
.academy-course-list {
  display: grid !important;
  gap: 0.75rem !important;
}

.academy-request-card,
.admin-course-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.65fr) !important;
  gap: 0.85rem !important;
}

.academy-empty,
.academy-muted {
  color: #c8d9ea !important;
}

@media (max-width: 980px) {
  .academy-hero,
  .academy-booking-layout,
  .academy-request-card,
  .admin-course-row {
    grid-template-columns: 1fr !important;
  }

  .academy-payment-strip,
  .academy-course-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .academy-form-grid,
  .academy-analytics,
  .academy-form fieldset {
    grid-template-columns: 1fr !important;
  }
}

#partnersCard {
  background:
    radial-gradient(circle at 50% 10%, rgba(23, 233, 239, 0.16), transparent 38%),
    linear-gradient(145deg, rgba(8, 24, 42, 0.92), rgba(0, 3, 51, 0.82)) !important;
  border: 1px solid rgba(23, 233, 239, 0.24) !important;
  box-shadow: 0 24px 70px rgba(0, 3, 51, 0.32) !important;
}

#partnersCard h2 {
  color: #f8fbff !important;
  font-size: clamp(1.35rem, 2.4vw, 2.15rem) !important;
  letter-spacing: 0 !important;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
}

#partnersCard .partners-logo-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(0.75rem, 1.4vw, 1rem) !important;
  padding-top: 0.7rem !important;
}

#partnersCard .partner-logo {
  width: 100% !important;
  min-height: 96px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(23, 233, 239, 0.22) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(226, 247, 255, 0.9)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.85rem !important;
  box-shadow:
    0 12px 28px rgba(0, 3, 51, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  overflow: hidden !important;
}

#partnersCard .partner-logo:hover {
  transform: none !important;
  border-color: rgba(23, 233, 239, 0.6) !important;
  box-shadow:
    0 16px 34px rgba(23, 233, 239, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}

#partnersCard .partner-logo img {
  width: auto !important;
  height: auto !important;
  max-width: min(100%, 180px) !important;
  max-height: 58px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
}

#partnersCard .partner-logo[href*="phoenixhood"] img,
#partnersCard .partner-logo[href*="plenvida"] img {
  max-height: 72px !important;
  max-width: min(100%, 190px) !important;
}

@media (max-width: 520px) {
  #partnersCard .partners-logo-grid {
    grid-template-columns: 1fr !important;
  }

  #partnersCard .partner-logo {
    min-height: 86px !important;
  }
}

.egety-nav-cta {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  min-width: 172px !important;
  width: max-content !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  line-height: 1 !important;
  padding: 0.95rem 1.35rem !important;
}

.egety-nav-cta i {
  flex: 0 0 auto !important;
}

.egety-nav-inner {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
}

.egety-nav-inner > div:last-child {
  flex: 0 0 auto !important;
  width: 372px !important;
  min-width: 372px !important;
  max-width: 372px !important;
  justify-content: flex-end !important;
  gap: 0.5rem !important;
  contain: layout !important;
}

.egety-nav-links,
#egetyNavLinks {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  justify-content: center !important;
}

.egety-nav-page-btn,
.egety-nav-external-btn {
  flex: 0 0 108px !important;
  width: 108px !important;
  min-width: 108px !important;
  max-width: 108px !important;
  justify-content: center !important;
  white-space: nowrap !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease !important;
}

.egety-nav-page-btn span,
.egety-nav-external-btn span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.egety-nav-currency,
#currencySelect {
  flex: 0 0 84px !important;
  width: 84px !important;
  min-width: 84px !important;
  max-width: 84px !important;
  height: 48px !important;
  text-align: center !important;
  text-align-last: center !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease !important;
}

.egety-nav-theme-toggle,
#theme-switcher,
.egety-mobile-toggle {
  flex: 0 0 48px !important;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 48px !important;
}

.egety-nav-cta {
  flex: 0 0 172px !important;
  width: 172px !important;
  min-width: 172px !important;
  max-width: 172px !important;
}

@media (max-width: 1180px) {
  .egety-nav-page-btn,
  .egety-nav-external-btn {
    flex-basis: 100px !important;
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
  }

  .egety-nav-inner > div:last-child {
    width: 348px !important;
    min-width: 348px !important;
    max-width: 348px !important;
  }

  .egety-nav-currency,
  #currencySelect {
    flex-basis: 76px !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
  }

  .egety-nav-cta {
    flex-basis: 168px !important;
    width: 168px !important;
    min-width: 168px !important;
    max-width: 168px !important;
  }
}

@media (max-width: 760px) {
  .egety-nav-inner > div:last-child {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    contain: none !important;
  }

  .egety-nav-page-btn,
  .egety-nav-external-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 92px !important;
    max-width: none !important;
  }
}

.ux-need-help {
  right: 92px !important;
  bottom: 22px !important;
  max-width: min(380px, calc(100vw - 128px)) !important;
  min-height: 56px !important;
}

@media (max-width: 760px) {
  .ux-floating-glossary {
    bottom: 228px !important;
  }

  .ux-tutorial-replay {
    bottom: 176px !important;
  }

  .ux-need-help {
    right: 10px !important;
    bottom: 104px !important;
    max-width: calc(100vw - 20px) !important;
    min-height: 44px !important;
  }
}

#feeDistributionWrapper.fee-distribution-shell {
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 22% 18%, rgba(23, 233, 239, 0.2), transparent 28%),
    radial-gradient(circle at 86% 18%, rgba(0, 114, 206, 0.22), transparent 30%),
    linear-gradient(135deg, rgba(4, 18, 38, 0.98), rgba(0, 3, 51, 0.94) 56%, rgba(5, 45, 69, 0.96)) !important;
  border-color: rgba(23, 233, 239, 0.28) !important;
}

.fee-distribution-chart-col {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 50% 44%, rgba(23, 233, 239, 0.2), transparent 38%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)) !important;
}

.fee-distribution-chart-col::before {
  content: "" !important;
  position: absolute !important;
  inset: 10% !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle, rgba(23, 233, 239, 0.16), transparent 58%) !important;
  filter: blur(12px) !important;
  pointer-events: none !important;
}

.fd-chart-shell {
  min-height: 390px !important;
  isolation: isolate !important;
}

.fd-chart-shell::after {
  content: "" !important;
  position: absolute !important;
  width: min(340px, 82%) !important;
  aspect-ratio: 1 !important;
  border-radius: 999px !important;
  background:
    conic-gradient(from 30deg, rgba(23, 233, 239, 0.26), rgba(0, 114, 206, 0.18), rgba(32, 201, 151, 0.2), rgba(23, 233, 239, 0.26)) !important;
  filter: blur(28px) !important;
  opacity: 0.85 !important;
  z-index: -1 !important;
}

#feeDistributionChart {
  max-width: 390px !important;
  height: 390px !important;
  min-height: 390px !important;
  filter:
    drop-shadow(0 24px 32px rgba(0, 3, 51, 0.42))
    drop-shadow(0 0 22px rgba(23, 233, 239, 0.18)) !important;
}

.fd-chart-center {
  width: 148px !important;
  height: 148px !important;
  background:
    radial-gradient(circle at 34% 24%, rgba(255, 255, 255, 0.26), rgba(23, 233, 239, 0.12) 32%, rgba(0, 3, 51, 0.98) 78%) !important;
  border-color: rgba(23, 233, 239, 0.3) !important;
  box-shadow:
    0 22px 44px rgba(0, 3, 51, 0.38),
    inset 0 0 24px rgba(23, 233, 239, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

.fd-chart-center-value {
  color: #7eeeff !important;
  font-size: 1.06rem !important;
}

.fd-chart-legend {
  gap: 0.48rem !important;
}

.fd-legend-item {
  border-radius: 8px !important;
  padding: 0.48rem 0.55rem !important;
  background: rgba(255, 255, 255, 0.055) !important;
}

.fd-swatch {
  width: 12px !important;
  height: 12px !important;
  box-shadow:
    0 0 0 4px rgba(255, 255, 255, 0.035),
    0 0 14px currentColor !important;
}

@media (max-width: 1180px) {
  .fd-chart-shell {
    min-height: 280px !important;
  }

  #feeDistributionChart {
    max-width: 280px !important;
    height: 280px !important;
    min-height: 280px !important;
  }
}

#modal-content-details .pie-chart-container {
  width: min(100%, 340px) !important;
  max-width: 340px !important;
  height: 300px !important;
  max-height: 300px !important;
  margin: 0.75rem auto !important;
}

#incomePieChart {
  width: 100% !important;
  max-width: 340px !important;
  height: 300px !important;
  max-height: 300px !important;
  margin: 0 auto !important;
}

.fd-chart-shell {
  min-height: 320px !important;
}

#feeDistributionChart {
  max-width: 320px !important;
  height: 320px !important;
  min-height: 320px !important;
}

@media (max-width: 760px) {
  #modal-content-details .pie-chart-container,
  #incomePieChart {
    max-width: 280px !important;
    height: 260px !important;
    max-height: 260px !important;
  }

  .fd-chart-shell {
    min-height: 270px !important;
  }

  #feeDistributionChart {
    max-width: 270px !important;
    height: 270px !important;
    min-height: 270px !important;
  }
}

@keyframes egetyClickableSweep {
  0% { transform: translateX(-140%) skewX(-18deg); opacity: 0; }
  12% { opacity: 0.72; }
  38% { opacity: 0; }
  100% { transform: translateX(220%) skewX(-18deg); opacity: 0; }
}

button:not(:disabled),
a.egety-nav-link,
a.egety-nav-cta,
a.link-btn,
a.plo-cta-btn,
a.footer-cta-primary,
a.footer-cta-secondary,
a.academy-card-select,
a.academy-proof-link,
.interactive-btn:not(:disabled),
.page-nav-btn:not(:disabled),
.package-btn:not(:disabled),
.staking-tab-btn:not(:disabled),
.staking-package-option:not(:disabled),
.staking-plan-card,
.academy-card-select:not(:disabled),
.academy-request-actions button:not(:disabled),
.ux-action-primary:not(:disabled),
.ux-action-secondary:not(:disabled),
.ux-tutorial-skip:not(:disabled),
.ux-floating-glossary,
.ux-tutorial-replay,
.ux-need-help,
.faq-tab:not(:disabled) {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

button:not(:disabled)::before,
a.egety-nav-link::before,
a.egety-nav-cta::before,
a.link-btn::before,
a.plo-cta-btn::before,
a.footer-cta-primary::before,
a.footer-cta-secondary::before,
a.academy-card-select::before,
a.academy-proof-link::before,
.interactive-btn:not(:disabled)::before,
.page-nav-btn:not(:disabled)::before,
.package-btn:not(:disabled)::before,
.staking-tab-btn:not(:disabled)::before,
.staking-package-option:not(:disabled)::before,
.staking-plan-card::before,
.academy-card-select:not(:disabled)::before,
.academy-request-actions button:not(:disabled)::before,
.ux-action-primary:not(:disabled)::before,
.ux-action-secondary:not(:disabled)::before,
.ux-tutorial-skip:not(:disabled)::before,
.ux-floating-glossary::before,
.ux-tutorial-replay::before,
.ux-need-help::before,
.faq-tab:not(:disabled)::before {
  content: "" !important;
  position: absolute !important;
  inset: -45% auto -45% -38% !important;
  width: 36% !important;
  min-width: 48px !important;
  background:
    linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.62), rgba(126, 238, 255, 0.38), transparent) !important;
  transform: translateX(-140%) skewX(-18deg) !important;
  animation: egetyClickableSweep 3.8s ease-in-out infinite !important;
  animation-delay: var(--egety-sweep-delay, 0s) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

button:not(:disabled):hover::before,
a.egety-nav-link:hover::before,
a.egety-nav-cta:hover::before,
a.link-btn:hover::before,
a.plo-cta-btn:hover::before,
a.footer-cta-primary:hover::before,
a.footer-cta-secondary:hover::before,
a.academy-card-select:hover::before,
a.academy-proof-link:hover::before,
.interactive-btn:not(:disabled):hover::before,
.page-nav-btn:not(:disabled):hover::before,
.package-btn:not(:disabled):hover::before,
.staking-tab-btn:not(:disabled):hover::before,
.staking-package-option:not(:disabled):hover::before,
.staking-plan-card:hover::before,
.academy-card-select:not(:disabled):hover::before,
.academy-request-actions button:not(:disabled):hover::before,
.ux-action-primary:not(:disabled):hover::before,
.ux-action-secondary:not(:disabled):hover::before,
.ux-tutorial-skip:not(:disabled):hover::before,
.ux-floating-glossary:hover::before,
.ux-tutorial-replay:hover::before,
.ux-need-help:hover::before,
.faq-tab:not(:disabled):hover::before {
  animation-duration: 1.6s !important;
}

button:not(:disabled) > *,
a.egety-nav-link > *,
a.egety-nav-cta > *,
a.link-btn > *,
a.plo-cta-btn > *,
a.footer-cta-primary > *,
a.footer-cta-secondary > *,
.interactive-btn:not(:disabled) > *,
.page-nav-btn:not(:disabled) > *,
.package-btn:not(:disabled) > *,
.staking-tab-btn:not(:disabled) > *,
.academy-card-select:not(:disabled) > *,
.academy-request-actions button:not(:disabled) > *,
.ux-action-primary:not(:disabled) > *,
.ux-action-secondary:not(:disabled) > *,
.ux-tutorial-skip:not(:disabled) > *,
.ux-floating-glossary > *,
.ux-tutorial-replay > *,
.ux-need-help > *,
.faq-tab:not(:disabled) > * {
  position: relative !important;
  z-index: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
  button:not(:disabled)::before,
  a.egety-nav-link::before,
  a.egety-nav-cta::before,
  a.link-btn::before,
  a.plo-cta-btn::before,
  a.footer-cta-primary::before,
  a.footer-cta-secondary::before,
  a.academy-card-select::before,
  a.academy-proof-link::before,
  .interactive-btn:not(:disabled)::before,
  .page-nav-btn:not(:disabled)::before,
  .package-btn:not(:disabled)::before,
  .staking-tab-btn:not(:disabled)::before,
  .staking-package-option:not(:disabled)::before,
  .staking-plan-card::before,
  .academy-card-select:not(:disabled)::before,
  .academy-request-actions button:not(:disabled)::before,
  .ux-action-primary:not(:disabled)::before,
  .ux-action-secondary:not(:disabled)::before,
  .ux-tutorial-skip:not(:disabled)::before,
  .ux-floating-glossary::before,
  .ux-tutorial-replay::before,
  .ux-need-help::before,
  .faq-tab:not(:disabled)::before {
    animation: none !important;
    display: none !important;
  }
}

/* Final EDS tier selector layout: stages first, batches only under Stage 1. */
#packageStageButtonsSmall {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: clamp(0.6rem, 1vw, 0.85rem) !important;
  align-items: stretch !important;
  overflow: visible !important;
  padding: 0.35rem 0 0.45rem !important;
  isolation: isolate !important;
}

#packageStageButtonsSmall .package-stage-row {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(6.25rem, max-content) minmax(0, 1fr) !important;
  gap: clamp(0.55rem, 1.1vw, 0.9rem) !important;
  align-items: center !important;
  overflow: visible !important;
}

#packageStageButtonsSmall .package-stage-row-stage {
  order: 1 !important;
}

#packageStageButtonsSmall .package-stage-row-batch {
  order: 2 !important;
}

#packageStageButtonsSmall .package-stage-row-label {
  min-width: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  color: rgba(232, 244, 255, 0.96) !important;
  font-size: clamp(0.88rem, 0.9vw, 1rem) !important;
  font-weight: 900 !important;
}

#packageStageButtonsSmall .stage-btn-group {
  min-width: 0 !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(10, minmax(2.4rem, 1fr)) !important;
  gap: clamp(0.25rem, 0.55vw, 0.45rem) !important;
  overflow: visible !important;
}

#packageStageButtonsSmall .mini-stage-btn,
#packageStageButtonsSmall .interactive-btn,
#packageStageButtonsSmall .release-btn {
  width: 100% !important;
  min-width: 0 !important;
  height: clamp(2.35rem, 2.6vw, 2.75rem) !important;
  border-radius: 8px !important;
  border: 1px solid rgba(23, 233, 239, 0.34) !important;
  background: rgba(5, 28, 79, 0.7) !important;
  color: rgba(232, 244, 255, 0.9) !important;
  cursor: pointer !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
  z-index: 1 !important;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease !important;
  touch-action: manipulation !important;
}

#packageStageButtonsSmall .mini-stage-btn:hover,
#packageStageButtonsSmall .mini-stage-btn:active,
#packageStageButtonsSmall .mini-stage-btn:focus-visible,
#packageStageButtonsSmall .interactive-btn:hover,
#packageStageButtonsSmall .interactive-btn:active,
#packageStageButtonsSmall .interactive-btn:focus-visible,
#packageStageButtonsSmall .release-btn:hover,
#packageStageButtonsSmall .release-btn:active,
#packageStageButtonsSmall .release-btn:focus-visible {
  transform: none !important;
  filter: none !important;
  z-index: 1 !important;
}

#packageStageButtonsSmall .mini-stage-btn:hover,
#packageStageButtonsSmall .interactive-btn:hover,
#packageStageButtonsSmall .release-btn:hover {
  border-color: rgba(126, 238, 255, 0.82) !important;
  background: rgba(8, 54, 116, 0.94) !important;
  color: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(126, 238, 255, 0.16) !important;
}

#packageStageButtonsSmall .mini-stage-btn.active,
#packageStageButtonsSmall .interactive-btn.active,
#packageStageButtonsSmall .release-btn.active {
  border-color: rgba(126, 238, 255, 1) !important;
  background: linear-gradient(135deg, #0a6ed8, #15d8e6) !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.24),
    0 0 0 2px rgba(23, 233, 239, 0.18),
    0 10px 22px rgba(23, 233, 239, 0.18) !important;
}

#packageStageButtonsSmall:hover .mini-stage-btn:not(:hover):not(:focus-visible),
#packageStageButtonsSmall:hover .interactive-btn:not(:hover):not(:focus-visible),
#packageStageButtonsSmall:hover .release-btn:not(:hover):not(:focus-visible) {
  transform: none !important;
  filter: none !important;
  z-index: 1 !important;
}

#packageStageButtonsSmall .mini-stage-btn::before,
#packageStageButtonsSmall .interactive-btn::before,
#packageStageButtonsSmall .release-btn::before {
  pointer-events: none !important;
  z-index: 0 !important;
}

@media (max-width: 760px) {
  #packageStageButtonsSmall .package-stage-row {
    grid-template-columns: 1fr !important;
    gap: 0.45rem !important;
  }

  #packageStageButtonsSmall .stage-btn-group {
    grid-template-columns: repeat(5, minmax(2.35rem, 1fr)) !important;
  }
}

/* Final nav label override: never cut page names like Home, Academy, Builder, or Staking. */
#egetyNavLinks.egety-nav-links {
  justify-content: flex-start !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  gap: clamp(0.45rem, 0.7vw, 0.7rem) !important;
  padding: 0.35rem !important;
}

#egetyNavLinks .egety-nav-page-btn,
#egetyNavLinks .egety-nav-external-btn,
#egetyNavLinks .egety-nav-link {
  flex: 0 0 150px !important;
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  gap: 0.55rem !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 0.65rem 0.9rem !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
  transform: none !important;
  font-size: 0.92rem !important;
  line-height: 1 !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease !important;
}

#egetyNavLinks .egety-nav-page-btn:hover,
#egetyNavLinks .egety-nav-external-btn:hover,
#egetyNavLinks .egety-nav-link:hover,
#egetyNavLinks .egety-nav-page-btn.active,
#egetyNavLinks .egety-nav-external-btn.active,
#egetyNavLinks .egety-nav-link.active,
#egetyNavLinks .egety-nav-page-btn.nav-active,
#egetyNavLinks .egety-nav-external-btn.nav-active,
#egetyNavLinks .egety-nav-link.nav-active {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 0.65rem 0.9rem !important;
  transform: none !important;
}

#egetyNavLinks .egety-nav-page-btn span,
#egetyNavLinks .egety-nav-external-btn span,
#egetyNavLinks .egety-nav-link span,
.mobile-bottom-page-nav .egety-nav-page-btn span,
.mobile-bottom-page-nav .egety-nav-external-btn span,
.mobile-bottom-page-nav .egety-nav-link span {
  display: inline-block !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  transform: none !important;
}

.mobile-bottom-page-nav .egety-nav-page-btn,
.mobile-bottom-page-nav .egety-nav-external-btn,
.mobile-bottom-page-nav .egety-nav-link {
  overflow: visible !important;
  text-overflow: clip !important;
}

@media (max-width: 1024px) {
  .mobile-bottom-page-nav .egety-nav-page-btn,
  .mobile-bottom-page-nav .egety-nav-external-btn,
  .mobile-bottom-page-nav .egety-nav-link {
    min-width: max-content !important;
    width: auto !important;
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
  }
}

/* Academy registration should use the full page width after removing admin panels. */
.academy-page .academy-booking-layout,
#page5 .academy-booking-layout,
body[data-active-page="page5"] .academy-booking-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  max-width: none !important;
}

.academy-page .academy-form,
#page5 .academy-form,
body[data-active-page="page5"] .academy-form {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
}

/* Compact Academy registration layout: full width without empty space. */
#page5 .academy-form {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: clamp(0.65rem, 1vw, 0.9rem) !important;
  align-items: start !important;
}

#page5 .academy-form > .academy-section-head,
#page5 .academy-form > .academy-form-grid {
  grid-column: 1 / -1 !important;
}

#page5 .academy-form > label:has(#academyCourseSelect) {
  grid-column: span 5 !important;
}

#page5 .academy-form > .academy-selected-course {
  grid-column: span 4 !important;
  min-height: 100% !important;
}

#page5 .academy-form > fieldset {
  grid-column: span 3 !important;
  min-height: 100% !important;
  align-content: center !important;
}

#page5 .academy-form > .academy-form-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#page5 .academy-form > label:has(textarea) {
  grid-column: span 8 !important;
}

#page5 .academy-form > label:has(input[type="file"]) {
  grid-column: span 4 !important;
}

#page5 .academy-form > button[type="submit"] {
  grid-column: 1 / -1 !important;
  justify-self: start !important;
  min-width: min(100%, 300px) !important;
}

#page5 .academy-form input,
#page5 .academy-form select,
#page5 .academy-form textarea {
  min-height: 44px !important;
  padding: 0.68rem 0.78rem !important;
}

#page5 .academy-form textarea {
  min-height: 118px !important;
}

#page5 .academy-selected-course,
#page5 .academy-form fieldset {
  padding: 0.75rem !important;
}

#page5 .academy-selected-course small {
  line-height: 1.45 !important;
}

@media (max-width: 980px) {
  #page5 .academy-form,
  #page5 .academy-form > .academy-form-grid {
    grid-template-columns: 1fr !important;
  }

  #page5 .academy-form > label:has(#academyCourseSelect),
  #page5 .academy-form > .academy-selected-course,
  #page5 .academy-form > fieldset,
  #page5 .academy-form > label:has(textarea),
  #page5 .academy-form > label:has(input[type="file"]),
  #page5 .academy-form > button[type="submit"] {
    grid-column: 1 / -1 !important;
  }
}

/* Staking page: place partners beside founders like the EDS authority row. */
body[data-active-page="page4"] #uxFoundersPartnersRow,
#page4 #uxFoundersPartnersRow {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(420px, 0.82fr) !important;
  gap: clamp(1rem, 1.6vw, 1.45rem) !important;
  align-items: stretch !important;
  margin: clamp(1rem, 1.8vw, 1.6rem) 0 !important;
}

body[data-active-page="page4"] #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img,
#page4 #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img,
#partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img {
  max-height: 118px !important;
  max-width: min(100%, 300px) !important;
  transform: scale(1.28) !important;
}

@media (max-width: 1180px) {
  body[data-active-page="page4"] #uxFoundersPartnersRow,
  #page4 #uxFoundersPartnersRow {
    grid-template-columns: 1fr !important;
  }
}

/* Final unified spacing between the glass header and every page section. */
:root {
  --eds-header-content-gap: clamp(1rem, 1.4vw, 1.35rem);
  --eds-top-nav-clearance: 96px;
}

main.relative.min-h-screen {
  padding-top: calc(var(--eds-top-nav-clearance) + var(--eds-header-content-gap)) !important;
}

.page-content {
  margin-top: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: var(--eds-header-content-gap) !important;
}

.page-content > section,
.page-content > div,
.staking-page-shell,
.academy-page,
.ux-faq-bottom-stack,
#partnersAndFaqContainer {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.staking-page-shell,
.academy-page {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--eds-header-content-gap) !important;
}

.staking-section-block,
.academy-hero,
.academy-course-section,
.academy-booking-layout,
#uxFoundersPartnersRow,
.ux-beginner-faq,
.ux-summary-band,
.ux-guide-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
  :root {
    --eds-top-nav-clearance: 84px;
    --eds-header-content-gap: 0.9rem;
  }

  main.relative.min-h-screen {
    padding-top: calc(var(--eds-top-nav-clearance) + var(--eds-header-content-gap)) !important;
  }
}

/* Final WhatsApp close-button hit area fix: the full square closes, not only the corner. */
#whatsappPopup #whatsappPopupClose.close-btn,
#whatsappPopupClose.close-btn,
button#whatsappPopupClose {
  box-sizing: border-box !important;
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 8px !important;
  border: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 2147483647 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-indent: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transform: none !important;
  touch-action: manipulation !important;
  animation: none !important;
  box-shadow: none !important;
}

#whatsappPopup #whatsappPopupClose.close-btn:hover,
#whatsappPopup #whatsappPopupClose.close-btn:focus,
#whatsappPopup #whatsappPopupClose.close-btn:active,
#whatsappPopupClose.close-btn:hover,
#whatsappPopupClose.close-btn:focus,
#whatsappPopupClose.close-btn:active,
button#whatsappPopupClose:hover,
button#whatsappPopupClose:focus,
button#whatsappPopupClose:active {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  border: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
  animation: none !important;
}

#whatsappPopup #whatsappPopupClose::before,
#whatsappPopup #whatsappPopupClose::after,
#whatsappPopupClose.close-btn::before,
#whatsappPopupClose.close-btn::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

#whatsappPopup h4 {
  padding-right: 42px !important;
}

/* Final header size lock: page switching must never resize the glass navbar. */
:root {
  --eds-nav-shell-height: 82px;
  --eds-nav-inner-height: 68px;
  --eds-nav-control-height: 48px;
  --eds-nav-link-width: 126px;
}

.egety-nav,
#egetyNav {
  box-sizing: border-box !important;
  height: var(--eds-nav-shell-height) !important;
  min-height: var(--eds-nav-shell-height) !important;
  max-height: var(--eds-nav-shell-height) !important;
  overflow: visible !important;
  contain: layout paint !important;
}

.egety-nav-inner,
#egetyNav .egety-nav-inner {
  box-sizing: border-box !important;
  height: var(--eds-nav-inner-height) !important;
  min-height: var(--eds-nav-inner-height) !important;
  max-height: var(--eds-nav-inner-height) !important;
  padding: 10px 14px !important;
  display: grid !important;
  grid-template-columns: 142px minmax(0, 1fr) 372px !important;
  grid-template-rows: var(--eds-nav-control-height) !important;
  align-items: center !important;
  gap: 12px !important;
  overflow: visible !important;
}

.egety-nav-logo {
  box-sizing: border-box !important;
  width: 142px !important;
  min-width: 142px !important;
  max-width: 142px !important;
  height: var(--eds-nav-control-height) !important;
  min-height: var(--eds-nav-control-height) !important;
  max-height: var(--eds-nav-control-height) !important;
  overflow: hidden !important;
}

#egetyNavLinks.egety-nav-links,
.egety-nav-links#egetyNavLinks {
  box-sizing: border-box !important;
  height: var(--eds-nav-control-height) !important;
  min-height: var(--eds-nav-control-height) !important;
  max-height: var(--eds-nav-control-height) !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.egety-nav-inner > div:last-child,
.egety-nav-inner > .oai-mobile-header-controls {
  box-sizing: border-box !important;
  width: 372px !important;
  min-width: 372px !important;
  max-width: 372px !important;
  height: var(--eds-nav-control-height) !important;
  min-height: var(--eds-nav-control-height) !important;
  max-height: var(--eds-nav-control-height) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 0.5rem !important;
  overflow: hidden !important;
}

#egetyNavLinks .egety-nav-page-btn,
#egetyNavLinks .egety-nav-external-btn,
#egetyNavLinks .egety-nav-link,
#egetyNavLinks .egety-nav-page-btn:hover,
#egetyNavLinks .egety-nav-external-btn:hover,
#egetyNavLinks .egety-nav-link:hover,
#egetyNavLinks .egety-nav-page-btn:active,
#egetyNavLinks .egety-nav-external-btn:active,
#egetyNavLinks .egety-nav-link:active,
#egetyNavLinks .egety-nav-page-btn.active,
#egetyNavLinks .egety-nav-external-btn.active,
#egetyNavLinks .egety-nav-link.active,
#egetyNavLinks .egety-nav-page-btn.nav-active,
#egetyNavLinks .egety-nav-external-btn.nav-active,
#egetyNavLinks .egety-nav-link.nav-active {
  box-sizing: border-box !important;
  flex: 0 0 var(--eds-nav-link-width) !important;
  width: var(--eds-nav-link-width) !important;
  min-width: var(--eds-nav-link-width) !important;
  max-width: var(--eds-nav-link-width) !important;
  height: var(--eds-nav-control-height) !important;
  min-height: var(--eds-nav-control-height) !important;
  max-height: var(--eds-nav-control-height) !important;
  padding: 0.65rem 0.9rem !important;
  margin: 0 !important;
  border-width: 1px !important;
  line-height: 1 !important;
  transform: none !important;
  scale: 1 !important;
}

#currencySelect.egety-nav-currency,
.egety-nav-currency,
#theme-switcher.egety-nav-theme-toggle,
.egety-nav-theme-toggle,
.egety-nav-cta {
  box-sizing: border-box !important;
  height: var(--eds-nav-control-height) !important;
  min-height: var(--eds-nav-control-height) !important;
  max-height: var(--eds-nav-control-height) !important;
  transform: none !important;
}

#currencySelect.egety-nav-currency,
.egety-nav-currency {
  width: 84px !important;
  min-width: 84px !important;
  max-width: 84px !important;
}

#theme-switcher.egety-nav-theme-toggle,
.egety-nav-theme-toggle {
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
}

.egety-nav-cta {
  width: 172px !important;
  min-width: 172px !important;
  max-width: 172px !important;
}

@media (max-width: 1024px) {
  :root {
    --eds-nav-shell-height: 76px;
    --eds-nav-inner-height: 60px;
    --eds-nav-control-height: 42px;
    --eds-nav-link-width: 132px;
  }

  .egety-nav,
  #egetyNav {
    height: var(--eds-nav-shell-height) !important;
    min-height: var(--eds-nav-shell-height) !important;
    max-height: var(--eds-nav-shell-height) !important;
  }

  .egety-nav-inner,
  #egetyNav .egety-nav-inner {
    grid-template-columns: 128px minmax(0, 1fr) 160px !important;
    grid-template-rows: var(--eds-nav-control-height) !important;
    height: var(--eds-nav-inner-height) !important;
    min-height: var(--eds-nav-inner-height) !important;
    max-height: var(--eds-nav-inner-height) !important;
    overflow: hidden !important;
  }

  .egety-nav-inner > div:last-child,
  .egety-nav-inner > .oai-mobile-header-controls {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
  }
}

@keyframes egetyNavScrollableNudge {
  0%, 8%, 100% { transform: translateX(0); }
  3% { transform: translateX(-5px); }
  6% { transform: translateX(4px); }
}

@keyframes egetyNavScrollableEdge {
  0%, 70%, 100% { opacity: 0.16; transform: translateX(0); }
  10%, 18% { opacity: 0.9; transform: translateX(-8px); }
  26% { opacity: 0.28; transform: translateX(0); }
}

#egetyNavLinks .egety-nav-page-btn,
#egetyNavLinks .egety-nav-external-btn,
#egetyNavLinks .egety-nav-link {
  gap: 0.48rem !important;
  padding-left: 0.58rem !important;
  padding-right: 0.58rem !important;
  animation: egetyNavScrollableNudge 7s ease-in-out infinite !important;
}

#egetyNavLinks .egety-nav-page-btn:hover,
#egetyNavLinks .egety-nav-external-btn:hover,
#egetyNavLinks .egety-nav-link:hover,
#egetyNavLinks .egety-nav-page-btn:focus-visible,
#egetyNavLinks .egety-nav-external-btn:focus-visible,
#egetyNavLinks .egety-nav-link:focus-visible,
#egetyNavLinks .egety-nav-page-btn:active,
#egetyNavLinks .egety-nav-external-btn:active,
#egetyNavLinks .egety-nav-link:active {
  animation-play-state: paused !important;
}

#egetyNavLinks::after {
  content: "" !important;
  position: sticky !important;
  right: 0 !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 100% !important;
  margin-left: -30px !important;
  pointer-events: none !important;
  border-radius: 8px !important;
  background:
    linear-gradient(90deg, transparent, rgba(23, 233, 239, 0.45), rgba(0, 3, 51, 0.72)) !important;
  animation: egetyNavScrollableEdge 4.5s ease-in-out infinite !important;
}

@media (max-width: 1024px) {
  :root {
    --eds-nav-link-width: 116px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #egetyNavLinks .egety-nav-page-btn,
  #egetyNavLinks .egety-nav-external-btn,
  #egetyNavLinks .egety-nav-link,
  #egetyNavLinks::after {
    animation: none !important;
  }
}

/* Final authority-row standard: use the same EDS founders + partners design on every page. */
body[data-active-page] #uxFoundersPartnersRow,
#page1 #uxFoundersPartnersRow,
#page2 #uxFoundersPartnersRow,
#page3 #uxFoundersPartnersRow,
#page4 #uxFoundersPartnersRow,
#page5 #uxFoundersPartnersRow {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(390px, 0.82fr) !important;
  gap: clamp(1rem, 1.6vw, 1.4rem) !important;
  align-items: stretch !important;
  margin: 0 !important;
}

body[data-active-page] #uxFoundersPartnersRow #founders-section,
body[data-active-page="page5"] #uxFoundersPartnersRow #founders-section,
#uxFoundersPartnersRow #founders-section {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
}

body[data-active-page] #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders,
body[data-active-page="page5"] #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo,
body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"],
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] {
  min-height: clamp(118px, 10vw, 150px) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  padding: clamp(1rem, 1.7vw, 1.35rem) !important;
}

body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img {
  max-height: 112px !important;
  max-width: min(100%, 285px) !important;
  transform: scale(1.22) !important;
  transform-origin: center !important;
}

.page-content,
.staking-page-shell,
.academy-page,
.ux-faq-bottom-stack {
  gap: var(--eds-header-content-gap) !important;
}

.page-content > section,
.page-content > div,
.staking-section-block,
.academy-hero,
.academy-course-section,
.academy-booking-layout,
#uxFoundersPartnersRow,
.ux-beginner-faq,
.ux-summary-band,
.ux-guide-section,
#partnersAndFaqContainer {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 1180px) {
  body[data-active-page] #uxFoundersPartnersRow,
  #page1 #uxFoundersPartnersRow,
  #page2 #uxFoundersPartnersRow,
  #page3 #uxFoundersPartnersRow,
  #page4 #uxFoundersPartnersRow,
  #page5 #uxFoundersPartnersRow {
    grid-template-columns: 1fr !important;
  }
}

/* Final dropdown polish: Academy + currency selectors should match the Egety UI, not browser grey. */
#page5 select,
.academy-page select,
body[data-active-page="page5"] .academy-form select,
body[data-active-page="page5"] .academy-request-actions select {
  appearance: none !important;
  -webkit-appearance: none !important;
  min-height: 46px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(23, 233, 239, 0.42) !important;
  background:
    linear-gradient(45deg, transparent 50%, #17e9ef 50%) calc(100% - 18px) 52% / 7px 7px no-repeat,
    linear-gradient(135deg, #17e9ef 50%, transparent 50%) calc(100% - 13px) 52% / 7px 7px no-repeat,
    radial-gradient(circle at 18% 0%, rgba(126, 238, 255, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(0, 114, 206, 0.5), rgba(0, 3, 51, 0.72)) !important;
  color: #f8fbff !important;
  padding: 0.72rem 2.45rem 0.72rem 0.85rem !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 12px 28px rgba(0, 3, 51, 0.22) !important;
  cursor: pointer !important;
  color-scheme: dark !important;
}

#page5 select:hover,
.academy-page select:hover,
body[data-active-page="page5"] .academy-form select:hover,
body[data-active-page="page5"] .academy-request-actions select:hover {
  border-color: rgba(126, 238, 255, 0.7) !important;
  background:
    linear-gradient(45deg, transparent 50%, #edf8ff 50%) calc(100% - 18px) 52% / 7px 7px no-repeat,
    linear-gradient(135deg, #edf8ff 50%, transparent 50%) calc(100% - 13px) 52% / 7px 7px no-repeat,
    radial-gradient(circle at 18% 0%, rgba(126, 238, 255, 0.24), transparent 34%),
    linear-gradient(135deg, rgba(0, 149, 199, 0.68), rgba(0, 25, 82, 0.78)) !important;
}

#page5 select:focus,
.academy-page select:focus,
body[data-active-page="page5"] .academy-form select:focus,
body[data-active-page="page5"] .academy-request-actions select:focus {
  outline: none !important;
  border-color: #17e9ef !important;
  box-shadow:
    0 0 0 3px rgba(23, 233, 239, 0.18),
    0 14px 34px rgba(0, 114, 206, 0.24) !important;
}

#page5 select option,
.academy-page select option,
#currencySelect option {
  background: #061b35 !important;
  color: #f8fbff !important;
}

#currencySelect.egety-nav-currency,
.egety-nav-currency#currencySelect,
#egetyNav #currencySelect.egety-nav-currency {
  appearance: none !important;
  -webkit-appearance: none !important;
  padding: 0 1.35rem 0 0.52rem !important;
  border-radius: 8px !important;
  border: 1px solid rgba(23, 233, 239, 0.5) !important;
  background:
    linear-gradient(45deg, transparent 50%, #17e9ef 50%) calc(100% - 14px) 52% / 6px 6px no-repeat,
    linear-gradient(135deg, #17e9ef 50%, transparent 50%) calc(100% - 10px) 52% / 6px 6px no-repeat,
    radial-gradient(circle at 20% 0%, rgba(126, 238, 255, 0.24), transparent 38%),
    linear-gradient(135deg, rgba(0, 114, 206, 0.62), rgba(0, 3, 51, 0.72)) !important;
  color: #f8fbff !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-align-last: center !important;
  cursor: pointer !important;
  color-scheme: dark !important;
}

#currencySelect.egety-nav-currency:hover,
#currencySelect.egety-nav-currency:focus {
  border-color: rgba(126, 238, 255, 0.82) !important;
  background:
    linear-gradient(45deg, transparent 50%, #edf8ff 50%) calc(100% - 14px) 52% / 6px 6px no-repeat,
    linear-gradient(135deg, #edf8ff 50%, transparent 50%) calc(100% - 10px) 52% / 6px 6px no-repeat,
    radial-gradient(circle at 20% 0%, rgba(126, 238, 255, 0.3), transparent 38%),
    linear-gradient(135deg, rgba(0, 149, 199, 0.78), rgba(0, 25, 82, 0.82)) !important;
}

/* Keep the Tutorial, Glossary/Appendix, and help icons sticky on the right on every page. */
#uxGlossaryButton.ux-floating-glossary,
#uxTutorialReplay.ux-tutorial-replay,
#uxNeedHelpCta.ux-need-help {
  position: fixed !important;
  right: 18px !important;
  left: auto !important;
  z-index: 2147483645 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

#uxGlossaryButton.ux-floating-glossary {
  bottom: 138px !important;
}

#uxTutorialReplay.ux-tutorial-replay {
  bottom: 86px !important;
}

#uxNeedHelpCta.ux-need-help {
  bottom: 24px !important;
}

#uxGlossaryButton.ux-floating-hidden,
#uxTutorialReplay.ux-floating-hidden,
#uxNeedHelpCta.ux-floating-hidden {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(12px) !important;
}

/* Wide headers should use the available space instead of behaving like a scroll strip. */
@media (min-width: 1180px) {
  .egety-nav-inner,
  #egetyNav .egety-nav-inner {
    grid-template-columns: 170px minmax(0, 1fr) 400px !important;
  }

  .egety-nav-logo {
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
  }

  #egetyNavLinks.egety-nav-links,
  .egety-nav-links#egetyNavLinks {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    justify-content: stretch !important;
    scrollbar-width: none !important;
  }

  #egetyNavLinks.egety-nav-links::-webkit-scrollbar,
  .egety-nav-links#egetyNavLinks::-webkit-scrollbar,
  #egetyNavLinks::after {
    display: none !important;
  }

  #egetyNavLinks .egety-nav-page-btn,
  #egetyNavLinks .egety-nav-external-btn,
  #egetyNavLinks .egety-nav-link,
  #egetyNavLinks .egety-nav-page-btn:hover,
  #egetyNavLinks .egety-nav-external-btn:hover,
  #egetyNavLinks .egety-nav-link:hover,
  #egetyNavLinks .egety-nav-page-btn:active,
  #egetyNavLinks .egety-nav-external-btn:active,
  #egetyNavLinks .egety-nav-link:active,
  #egetyNavLinks .egety-nav-page-btn.active,
  #egetyNavLinks .egety-nav-external-btn.active,
  #egetyNavLinks .egety-nav-link.active,
  #egetyNavLinks .egety-nav-page-btn.nav-active,
  #egetyNavLinks .egety-nav-external-btn.nav-active,
  #egetyNavLinks .egety-nav-link.nav-active {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 112px !important;
    max-width: none !important;
    animation: none !important;
  }

  .egety-nav-inner > div:last-child,
  .egety-nav-inner > .oai-mobile-header-controls {
    width: 400px !important;
    min-width: 400px !important;
    max-width: 400px !important;
  }
}

@media (min-width: 1520px) {
  #egetyNavLinks .egety-nav-page-btn,
  #egetyNavLinks .egety-nav-external-btn,
  #egetyNavLinks .egety-nav-link,
  #egetyNavLinks .egety-nav-page-btn:hover,
  #egetyNavLinks .egety-nav-external-btn:hover,
  #egetyNavLinks .egety-nav-link:hover,
  #egetyNavLinks .egety-nav-page-btn.active,
  #egetyNavLinks .egety-nav-external-btn.active,
  #egetyNavLinks .egety-nav-link.active {
    min-width: 128px !important;
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
  }
}

@media (max-width: 760px) {
  #uxGlossaryButton.ux-floating-glossary,
  #uxTutorialReplay.ux-tutorial-replay,
  #uxNeedHelpCta.ux-need-help {
    right: 10px !important;
  }

  #uxGlossaryButton.ux-floating-glossary {
    bottom: 228px !important;
  }

  #uxTutorialReplay.ux-tutorial-replay {
    bottom: 176px !important;
  }

  #uxNeedHelpCta.ux-need-help {
    bottom: 104px !important;
  }
}

/* Final partner tile correction: Phoenix Hood must use the same card box as every logo. */
body[data-active-page] #partnersCard.ux-partners-next-to-founders .partners-logo-grid,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partners-logo-grid {
  align-items: stretch !important;
  grid-auto-rows: 1fr !important;
}

body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo,
body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"],
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] {
  aspect-ratio: 2.05 / 1 !important;
  min-height: 0 !important;
  height: auto !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}

body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img {
  width: auto !important;
  height: auto !important;
  max-height: 88px !important;
  max-width: min(100%, 240px) !important;
  object-fit: contain !important;
  transform: scale(1.08) !important;
}

/* Final laptop header fit: show every nav item without hover or horizontal scrolling. */
@media (min-width: 1025px) and (max-width: 1519px) {
  :root {
    --eds-nav-shell-height: 76px;
    --eds-nav-inner-height: 60px;
    --eds-nav-control-height: 44px;
  }

  .egety-nav,
  #egetyNav {
    height: var(--eds-nav-shell-height) !important;
    min-height: var(--eds-nav-shell-height) !important;
    max-height: var(--eds-nav-shell-height) !important;
  }

  .egety-nav-inner,
  #egetyNav .egety-nav-inner {
    height: var(--eds-nav-inner-height) !important;
    min-height: var(--eds-nav-inner-height) !important;
    max-height: var(--eds-nav-inner-height) !important;
    grid-template-columns: 126px minmax(0, 1fr) 330px !important;
    grid-template-rows: var(--eds-nav-control-height) !important;
    gap: 8px !important;
    padding: 8px 10px !important;
  }

  .egety-nav-logo {
    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;
    height: var(--eds-nav-control-height) !important;
    min-height: var(--eds-nav-control-height) !important;
    max-height: var(--eds-nav-control-height) !important;
  }

  .egety-nav-logo img {
    width: 32px !important;
    height: 32px !important;
  }

  .egety-nav-logo span {
    font-size: 15px !important;
  }

  #egetyNavLinks.egety-nav-links,
  .egety-nav-links#egetyNavLinks {
    height: var(--eds-nav-control-height) !important;
    min-height: var(--eds-nav-control-height) !important;
    max-height: var(--eds-nav-control-height) !important;
    justify-content: stretch !important;
    overflow: hidden !important;
    gap: 0.35rem !important;
    padding: 0.25rem !important;
    scrollbar-width: none !important;
  }

  #egetyNavLinks::after,
  #egetyNavLinks.egety-nav-links::-webkit-scrollbar,
  .egety-nav-links#egetyNavLinks::-webkit-scrollbar {
    display: none !important;
  }

  #egetyNavLinks .egety-nav-page-btn,
  #egetyNavLinks .egety-nav-external-btn,
  #egetyNavLinks .egety-nav-link,
  #egetyNavLinks .egety-nav-page-btn:hover,
  #egetyNavLinks .egety-nav-external-btn:hover,
  #egetyNavLinks .egety-nav-link:hover,
  #egetyNavLinks .egety-nav-page-btn:active,
  #egetyNavLinks .egety-nav-external-btn:active,
  #egetyNavLinks .egety-nav-link:active,
  #egetyNavLinks .egety-nav-page-btn.active,
  #egetyNavLinks .egety-nav-external-btn.active,
  #egetyNavLinks .egety-nav-link.active,
  #egetyNavLinks .egety-nav-page-btn.nav-active,
  #egetyNavLinks .egety-nav-external-btn.nav-active,
  #egetyNavLinks .egety-nav-link.nav-active {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding: 0.48rem 0.5rem !important;
    gap: 0.38rem !important;
    font-size: 0.86rem !important;
    overflow: visible !important;
    white-space: nowrap !important;
    animation: none !important;
  }

  #egetyNavLinks .egety-nav-page-btn i,
  #egetyNavLinks .egety-nav-external-btn i,
  #egetyNavLinks .egety-nav-link i {
    flex: 0 0 auto !important;
    font-size: 0.94rem !important;
  }

  #egetyNavLinks .egety-nav-page-btn span,
  #egetyNavLinks .egety-nav-external-btn span,
  #egetyNavLinks .egety-nav-link span {
    display: inline !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  .egety-nav-inner > div:last-child,
  .egety-nav-inner > .oai-mobile-header-controls {
    width: 330px !important;
    min-width: 330px !important;
    max-width: 330px !important;
    height: var(--eds-nav-control-height) !important;
    min-height: var(--eds-nav-control-height) !important;
    max-height: var(--eds-nav-control-height) !important;
    gap: 0.35rem !important;
    overflow: hidden !important;
  }

  #theme-switcher.egety-nav-theme-toggle,
  .egety-nav-theme-toggle {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: var(--eds-nav-control-height) !important;
    min-height: var(--eds-nav-control-height) !important;
    max-height: var(--eds-nav-control-height) !important;
  }

  #currencySelect.egety-nav-currency,
  .egety-nav-currency#currencySelect,
  #egetyNav #currencySelect.egety-nav-currency {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    height: var(--eds-nav-control-height) !important;
    min-height: var(--eds-nav-control-height) !important;
    max-height: var(--eds-nav-control-height) !important;
    font-size: 0.78rem !important;
  }

  .egety-nav-cta {
    width: 156px !important;
    min-width: 156px !important;
    max-width: 156px !important;
    height: var(--eds-nav-control-height) !important;
    min-height: var(--eds-nav-control-height) !important;
    max-height: var(--eds-nav-control-height) !important;
    padding: 0.6rem 0.85rem !important;
    font-size: 0.9rem !important;
  }
}

/* Academy payment copy + larger select fields. */
.academy-wallet-copy {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.55rem !important;
}

.academy-local-payment {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.55rem !important;
}

.academy-payment-icons {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
}

.academy-payment-icon-chip {
  width: 76px !important;
  height: 38px !important;
  min-width: 76px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  border: 1px solid rgba(126, 238, 255, 0.28) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  padding: 0.35rem 0.48rem !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 10px 24px rgba(0, 3, 51, 0.18) !important;
}

.academy-payment-icon-chip img {
  width: 100% !important;
  height: 100% !important;
  max-width: 64px !important;
  max-height: 28px !important;
  object-fit: contain !important;
  display: block !important;
}

.academy-payment-phone {
  color: #f8fbff !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.academy-wallet-address,
.academy-copy-wallet-btn {
  min-height: 34px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(126, 238, 255, 0.42) !important;
  background: rgba(0, 3, 51, 0.34) !important;
  color: #f8fbff !important;
  padding: 0.42rem 0.62rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  cursor: pointer !important;
}

.academy-wallet-address {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  text-align: left !important;
}

.academy-copy-wallet-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.38rem !important;
  white-space: nowrap !important;
  background: linear-gradient(135deg, rgba(0, 114, 206, 0.82), rgba(23, 233, 239, 0.72)) !important;
}

.academy-copy-message {
  min-width: 4.8rem !important;
  color: #7eeeff !important;
  font-style: normal !important;
  font-weight: 900 !important;
  opacity: 0 !important;
  transition: opacity 160ms ease !important;
}

.academy-copy-message.is-visible {
  opacity: 1 !important;
}

#page5 .academy-form > label:has(select[name="paymentMethod"]) {
  grid-column: span 5 !important;
}

#page5 .academy-form > label:has(textarea) {
  grid-column: span 7 !important;
}

#page5 .academy-form select,
body[data-active-page="page5"] .academy-form select {
  min-height: 54px !important;
  font-size: 1rem !important;
  padding-top: 0.9rem !important;
  padding-bottom: 0.9rem !important;
}

#page5 .academy-form select[name="paymentMethod"] {
  min-width: min(100%, 280px) !important;
  font-size: 1.05rem !important;
}

@media (max-width: 980px) {
  #page5 .academy-form > label:has(select[name="paymentMethod"]),
  #page5 .academy-form > label:has(textarea) {
    grid-column: 1 / -1 !important;
  }
}

/* Academy course cards: photo, level, and plain-language description. */
.academy-course-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  overflow: hidden !important;
}

.academy-course-photo {
  position: relative !important;
  width: calc(100% + 1.7rem) !important;
  margin: -0.85rem -0.85rem 0 !important;
  aspect-ratio: 16 / 7 !important;
  overflow: hidden !important;
  border-radius: 8px 8px 0 0 !important;
  background:
    radial-gradient(circle at 20% 20%, rgba(23, 233, 239, 0.22), transparent 32%),
    linear-gradient(135deg, rgba(0, 114, 206, 0.62), rgba(0, 3, 51, 0.9)) !important;
}

.academy-course-photo img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  filter: saturate(1.08) contrast(1.05) !important;
}

.academy-course-photo::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0, 3, 51, 0.02), rgba(0, 3, 51, 0.58)) !important;
  pointer-events: none !important;
}

.academy-course-level {
  position: absolute !important;
  left: 0.75rem !important;
  bottom: 0.75rem !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 0.35rem 0.62rem !important;
  border-radius: 8px !important;
  border: 1px solid rgba(126, 238, 255, 0.48) !important;
  background: rgba(0, 3, 51, 0.7) !important;
  color: #f8fbff !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  backdrop-filter: blur(12px) saturate(130%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
}

.academy-course-topline {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.6rem !important;
}

.academy-course-description {
  margin: -0.15rem 0 0 !important;
  color: #c8d9ea !important;
  font-size: 0.92rem !important;
  line-height: 1.55 !important;
}

.academy-course-card .academy-course-meta {
  margin-top: auto !important;
}

/* Final Academy equal-width polish: course cards and main dropdown fields align cleanly. */
#page5 .academy-course-grid,
body[data-active-page="page5"] .academy-course-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}

#page5 .academy-course-card,
body[data-active-page="page5"] .academy-course-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

#page5 .academy-form > label:has(#academyCourseSelect),
#page5 .academy-form > label:has(select[name="paymentMethod"]) {
  grid-column: span 6 !important;
  width: 100% !important;
  min-width: 0 !important;
}

#page5 .academy-form > .academy-selected-course,
#page5 .academy-form > fieldset {
  grid-column: span 3 !important;
}

#page5 .academy-form > label:has(#academyCourseSelect) select,
#page5 .academy-form > label:has(select[name="paymentMethod"]) select {
  width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 980px) {
  #page5 .academy-course-grid,
  body[data-active-page="page5"] .academy-course-grid {
    grid-template-columns: 1fr !important;
  }

  #page5 .academy-form > label:has(#academyCourseSelect),
  #page5 .academy-form > label:has(select[name="paymentMethod"]),
  #page5 .academy-form > .academy-selected-course,
  #page5 .academy-form > fieldset {
    grid-column: 1 / -1 !important;
  }
}

/* Final tutorial redesign: clearer overlay, stable close button, compact guided steps. */
.ux-tutorial-modal {
  box-sizing: border-box !important;
  direction: ltr !important;
  padding: clamp(0.85rem, 2vw, 1.35rem) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(23, 233, 239, 0.24), transparent 36%),
    linear-gradient(180deg, rgba(0, 3, 51, 0.78), rgba(0, 3, 51, 0.9)) !important;
  backdrop-filter: blur(12px) saturate(132%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(132%) !important;
}

.ux-tutorial-panel {
  box-sizing: border-box !important;
  direction: ltr !important;
  width: min(880px, calc(100vw - 32px)) !important;
  max-height: min(88vh, 760px) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: clamp(0.75rem, 1.4vw, 1.05rem) !important;
  overflow: hidden !important;
  padding: clamp(0.95rem, 2vw, 1.45rem) !important;
  border-radius: 8px !important;
  border: 1px solid rgba(126, 238, 255, 0.38) !important;
  background:
    linear-gradient(135deg, rgba(8, 20, 36, 0.98), rgba(0, 3, 51, 0.96)),
    rgba(0, 3, 51, 0.96) !important;
  color: #f8fbff !important;
  box-shadow:
    0 34px 100px rgba(0, 3, 51, 0.58),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

.ux-tutorial-panel *,
.ux-tutorial-panel *::before,
.ux-tutorial-panel *::after {
  box-sizing: border-box !important;
}

body:not(.dark-mode) .ux-tutorial-panel {
  background:
    linear-gradient(135deg, rgba(248, 253, 255, 0.98), rgba(226, 247, 255, 0.94)),
    rgba(248, 253, 255, 0.98) !important;
  color: #071d30 !important;
}

.ux-tutorial-hero {
  position: relative !important;
  margin: 0 !important;
  padding: clamp(0.9rem, 1.8vw, 1.25rem) clamp(3rem, 4vw, 3.6rem) clamp(0.9rem, 1.6vw, 1.15rem) clamp(0.9rem, 1.8vw, 1.2rem) !important;
  border-radius: 8px !important;
  border: 1px solid rgba(126, 238, 255, 0.28) !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(23, 233, 239, 0.28), transparent 32%),
    linear-gradient(135deg, rgba(23, 233, 239, 0.13), rgba(0, 114, 206, 0.12)),
    rgba(255, 255, 255, 0.06) !important;
}

body:not(.dark-mode) .ux-tutorial-hero {
  background:
    radial-gradient(circle at 12% 10%, rgba(23, 233, 239, 0.22), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(232, 249, 255, 0.72)) !important;
}

.ux-tutorial-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 0.36rem 0.62rem !important;
  border-radius: 8px !important;
  border: 1px solid rgba(126, 238, 255, 0.42) !important;
  background: rgba(0, 114, 206, 0.22) !important;
  color: #7eeeff !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

body:not(.dark-mode) .ux-tutorial-badge {
  color: #005fa8 !important;
  background: rgba(0, 114, 206, 0.1) !important;
}

.ux-tutorial-hero h2,
.ux-tutorial-panel h2 {
  margin: 0.6rem 0 0.35rem !important;
  color: inherit !important;
  font-size: clamp(1.45rem, 3vw, 2.25rem) !important;
  line-height: 1.06 !important;
  letter-spacing: 0 !important;
}

.ux-tutorial-hero p,
.ux-tutorial-panel p {
  margin: 0 !important;
  max-width: 72ch !important;
  color: #c7dced !important;
  font-size: clamp(0.95rem, 1.3vw, 1.05rem) !important;
  line-height: 1.6 !important;
}

body:not(.dark-mode) .ux-tutorial-hero p,
body:not(.dark-mode) .ux-tutorial-panel p {
  color: #526477 !important;
}

.ux-tutorial-close {
  top: clamp(1rem, 1.8vw, 1.25rem) !important;
  right: clamp(1rem, 1.8vw, 1.25rem) !important;
  left: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: clamp(1rem, 1.8vw, 1.25rem) !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 8px !important;
  border: 1px solid rgba(126, 238, 255, 0.34) !important;
  background: rgba(0, 3, 51, 0.58) !important;
  color: #f8fbff !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  transform: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease !important;
}

.ux-tutorial-close::before,
.ux-tutorial-close::after {
  content: none !important;
  display: none !important;
}

.ux-tutorial-close:hover,
.ux-tutorial-close:focus-visible {
  background: rgba(23, 233, 239, 0.22) !important;
  border-color: rgba(126, 238, 255, 0.62) !important;
  color: #ffffff !important;
  transform: none !important;
}

body:not(.dark-mode) .ux-tutorial-close {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #071d30 !important;
}

.ux-tutorial-steps {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  padding-right: 0.15rem !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(126, 238, 255, 0.45) rgba(255, 255, 255, 0.08) !important;
}

.ux-tutorial-step {
  min-height: 118px !important;
  align-items: start !important;
  padding: clamp(0.85rem, 1.5vw, 1rem) !important;
  border-radius: 8px !important;
  border: 1px solid rgba(126, 238, 255, 0.24) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(23, 233, 239, 0.06)),
    rgba(255, 255, 255, 0.05) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09) !important;
}

body:not(.dark-mode) .ux-tutorial-step {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(234, 249, 255, 0.7)) !important;
}

.ux-tutorial-step > span {
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #17e9ef, #0072ce) !important;
  color: #00142a !important;
  font-size: 0.92rem !important;
  font-weight: 950 !important;
  box-shadow: 0 10px 24px rgba(23, 233, 239, 0.2) !important;
}

.ux-tutorial-step strong {
  display: block !important;
  margin: 0 0 0.35rem !important;
  color: #f8fbff !important;
  font-size: 0.98rem !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

body:not(.dark-mode) .ux-tutorial-step strong {
  color: #071d30 !important;
}

.ux-tutorial-step p {
  color: #c7dced !important;
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere !important;
}

body:not(.dark-mode) .ux-tutorial-step p {
  color: #526477 !important;
}

.ux-tutorial-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 0.65rem !important;
  margin: 0 !important;
  padding-top: 0.75rem !important;
  border-top: 1px solid rgba(126, 238, 255, 0.18) !important;
}

.ux-tutorial-actions button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
  justify-content: center !important;
  white-space: normal !important;
  text-align: center !important;
  line-height: 1.15 !important;
}

.ux-tutorial-actions .ux-tutorial-skip {
  border: 1px solid rgba(126, 238, 255, 0.28) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #cfe7f6 !important;
}

body:not(.dark-mode) .ux-tutorial-actions .ux-tutorial-skip {
  background: rgba(0, 114, 206, 0.08) !important;
  color: #071d30 !important;
}

@media (max-width: 760px) {
  .ux-tutorial-modal.is-open {
    display: block !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding:
      max(0.65rem, env(safe-area-inset-top))
      10px
      max(0.75rem, env(safe-area-inset-bottom)) !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .ux-tutorial-panel {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
    gap: 0.7rem !important;
    margin: 0 !important;
    padding: 0.8rem !important;
  }

  .ux-tutorial-hero {
    display: block !important;
    padding: 0.85rem !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .ux-tutorial-hero h2,
  .ux-tutorial-panel h2 {
    font-size: clamp(1.25rem, 7vw, 1.7rem) !important;
    line-height: 1.08 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  .ux-tutorial-hero p,
  .ux-tutorial-panel p {
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  .ux-tutorial-close {
    position: static !important;
    inset: auto !important;
    align-self: flex-end !important;
    margin: 0 0 -0.2rem auto !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    font-size: 0.95rem !important;
  }

  .ux-tutorial-steps {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    overflow: visible !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    gap: 0.58rem !important;
  }

  .ux-tutorial-step {
    min-height: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.65rem !important;
    padding: 0.75rem !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .ux-tutorial-step > span {
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
  }

  .ux-tutorial-step > div {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .ux-tutorial-step strong {
    margin: 0 0 0.3rem !important;
    font-size: 0.98rem !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  .ux-tutorial-step p {
    margin: 0 !important;
  }

  .ux-tutorial-actions {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    gap: 0.55rem !important;
    padding-top: 0.65rem !important;
  }

  .ux-tutorial-actions button {
    min-height: 44px !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 761px) and (max-width: 1180px) {
  .ux-tutorial-panel {
    width: min(820px, calc(100vw - 36px)) !important;
    max-height: 88vh !important;
  }

  .ux-tutorial-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Final sticky tools control and navbar cleanup. */
.ux-sticky-tools-toggle {
  position: fixed !important;
  left: max(12px, env(safe-area-inset-left)) !important;
  bottom: max(14px, env(safe-area-inset-bottom)) !important;
  z-index: 9998 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.42rem !important;
  width: auto !important;
  min-width: 44px !important;
  max-width: calc(100vw - 24px) !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 0.72rem !important;
  border: 1px solid rgba(126, 238, 255, 0.42) !important;
  border-radius: 8px !important;
  color: #f8fbff !important;
  background:
    linear-gradient(135deg, rgba(0, 114, 206, 0.88), rgba(0, 160, 208, 0.8)),
    rgba(0, 3, 51, 0.88) !important;
  box-shadow: 0 14px 32px rgba(0, 3, 51, 0.28) !important;
  backdrop-filter: blur(14px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transform: none !important;
}

.ux-sticky-tools-toggle i {
  flex: 0 0 auto !important;
  font-size: 0.92rem !important;
}

.ux-sticky-tools-toggle::before {
  content: none !important;
  display: none !important;
  animation: none !important;
}

.ux-sticky-tools-toggle span {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.ux-sticky-tools-toggle.is-collapsed {
  width: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  border-radius: 8px !important;
}

.ux-sticky-tools-toggle.is-collapsed span {
  display: none !important;
}

body:not(.dark-mode) .ux-sticky-tools-toggle {
  color: #071d30 !important;
  background:
    linear-gradient(135deg, rgba(238, 252, 255, 0.94), rgba(199, 243, 255, 0.9)),
    rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 14px 30px rgba(0, 114, 206, 0.18) !important;
}

body.ux-sticky-tools-collapsed .sticky-bubble,
body.ux-sticky-tools-collapsed .ux-floating-glossary,
body.ux-sticky-tools-collapsed .ux-tutorial-replay,
body.ux-sticky-tools-collapsed .ux-need-help {
  display: none !important;
  pointer-events: none !important;
}

body.ux-sticky-tools-collapsed .ux-sticky-tools-toggle {
  display: inline-flex !important;
  pointer-events: auto !important;
}

#egetyNavLinks.egety-nav-links,
.egety-nav-links#egetyNavLinks {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  min-width: 0 !important;
}

#egetyNavLinks::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

#egetyNav .page-nav-btn::before,
#egetyNav button::before,
#egetyNav a::before,
#egetyNav .egety-nav-link::before,
#egetyNav .egety-nav-page-btn::before,
#egetyNav .egety-nav-external-btn::before,
#egetyNav .egety-nav-cta::before,
.mobile-bottom-page-nav button::before,
.mobile-bottom-page-nav a::before,
.mobile-bottom-page-nav .page-nav-btn::before,
.mobile-bottom-page-nav .egety-nav-link::before,
.mobile-bottom-page-nav .egety-nav-page-btn::before,
.mobile-bottom-page-nav .egety-nav-external-btn::before {
  content: none !important;
  display: none !important;
  animation: none !important;
}

#egetyNav .page-nav-btn,
#egetyNav button,
#egetyNav a,
#egetyNav .egety-nav-link,
#egetyNav .egety-nav-page-btn,
#egetyNav .egety-nav-external-btn,
#egetyNav .egety-nav-cta,
.mobile-bottom-page-nav button,
.mobile-bottom-page-nav a,
.mobile-bottom-page-nav .page-nav-btn,
.mobile-bottom-page-nav .egety-nav-link,
.mobile-bottom-page-nav .egety-nav-page-btn,
.mobile-bottom-page-nav .egety-nav-external-btn {
  animation: none !important;
}

@keyframes egetyMobileNavOneTimeHint {
  0%, 100% { transform: translateX(0); }
  36% { transform: translateX(-18px); }
  68% { transform: translateX(8px); }
}

@media (min-width: 761px) {
  #egetyNavLinks.egety-nav-links,
  .egety-nav-links#egetyNavLinks {
    overflow-x: hidden !important;
    animation: none !important;
    transform: none !important;
  }

  #egetyNavLinks .egety-nav-page-btn,
  #egetyNavLinks .egety-nav-external-btn,
  #egetyNavLinks .egety-nav-link {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 760px) {
  #egetyNavLinks.egety-nav-links,
  .egety-nav-links#egetyNavLinks,
  .mobile-bottom-page-nav .mobile-bottom-page-nav-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.42rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    scroll-snap-type: x proximity !important;
    animation: egetyMobileNavOneTimeHint 1.25s ease-out 0.7s 1 both !important;
  }

  #egetyNavLinks.egety-nav-links::-webkit-scrollbar,
  .egety-nav-links#egetyNavLinks::-webkit-scrollbar,
  .mobile-bottom-page-nav .mobile-bottom-page-nav-inner::-webkit-scrollbar {
    display: none !important;
  }

  #egetyNavLinks .egety-nav-page-btn,
  #egetyNavLinks .egety-nav-external-btn,
  #egetyNavLinks .egety-nav-link,
  .mobile-bottom-page-nav .egety-nav-page-btn,
  .mobile-bottom-page-nav .egety-nav-external-btn,
  .mobile-bottom-page-nav .egety-nav-link {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    white-space: nowrap !important;
    scroll-snap-align: start !important;
    transform: none !important;
  }

  #egetyNavLinks .egety-nav-page-btn span,
  #egetyNavLinks .egety-nav-external-btn span,
  #egetyNavLinks .egety-nav-link span,
  .mobile-bottom-page-nav .egety-nav-page-btn span,
  .mobile-bottom-page-nav .egety-nav-external-btn span,
  .mobile-bottom-page-nav .egety-nav-link span {
    white-space: nowrap !important;
  }

  .ux-sticky-tools-toggle {
    height: 40px !important;
    min-height: 40px !important;
    min-width: 40px !important;
    padding: 0 0.62rem !important;
  }

  .ux-sticky-tools-toggle.is-collapsed {
    width: 40px !important;
    min-width: 40px !important;
  }
}

.testimonial-row {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 1320px) {
  .testimonial-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .testimonial-row {
    grid-template-columns: 1fr !important;
  }
}

/* Final iPhone chart safety: keep the EDS earnings projection compact. */
#edsPlannerProjectionRow,
#goalPlannerSection,
#earningsProjectionSection {
  min-height: 0 !important;
}

#edsPlannerProjectionRow > section,
#earningsProjectionSection {
  height: auto !important;
  max-height: none !important;
}

#earningsProjectionSection .projection-chart-wrap {
  position: relative !important;
  width: 100% !important;
  height: clamp(220px, 34vw, 320px) !important;
  min-height: 220px !important;
  max-height: 320px !important;
  overflow: hidden !important;
}

#projectionChart {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 320px !important;
  min-height: 0 !important;
}

@media (max-width: 760px) {
  #edsPlannerProjectionRow {
    align-items: start !important;
  }

  #edsPlannerProjectionRow > section,
  #goalPlannerSection,
  #earningsProjectionSection {
    height: auto !important;
    min-height: 0 !important;
  }

  #earningsProjectionSection .projection-chart-wrap {
    height: 230px !important;
    min-height: 230px !important;
    max-height: 230px !important;
  }

  #projectionChart {
    max-height: 230px !important;
  }
}

@supports (-webkit-touch-callout: none) {
  body.eds-ui-loading main,
  body.eds-ui-loading footer {
    opacity: 1 !important;
    animation: none !important;
  }

  .eds-upgrade-loader {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* Final Phoenix Hood logo correction: enlarge only the artwork, never the card. */
body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"],
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"],
#partnersCard .partner-logo[href*="phoenixhood"] {
  aspect-ratio: 2.05 / 1 !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  border-radius: 8px !important;
}

body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img,
#partnersCard .partner-logo[href*="phoenixhood"] img {
  width: auto !important;
  height: auto !important;
  max-width: min(116%, 330px) !important;
  max-height: min(92%, 136px) !important;
  object-fit: contain !important;
  transform: scale(2.18) !important;
  transform-origin: center !important;
  filter: brightness(1.24) contrast(1.34) saturate(1.12) drop-shadow(0 8px 18px rgba(0, 3, 51, 0.34)) !important;
}

@media (max-width: 760px) {
  body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img,
  #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img,
  #partnersCard .partner-logo[href*="phoenixhood"] img {
    max-width: 124% !important;
    max-height: 94% !important;
    transform: scale(2.45) !important;
  }
}

/* Final right-side sticky visibility control. */
#uxStickyToolsToggle.ux-sticky-tools-toggle {
  left: auto !important;
  right: max(12px, env(safe-area-inset-right)) !important;
  bottom: max(192px, calc(192px + env(safe-area-inset-bottom))) !important;
  z-index: 2147483647 !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  transform: none !important;
}

#uxStickyToolsToggle.ux-sticky-tools-toggle span {
  display: none !important;
}

#uxStickyToolsToggle.ux-sticky-tools-toggle i {
  font-size: 0.95rem !important;
  margin: 0 !important;
}

body.ux-sticky-tools-collapsed .sticky-bubble,
body.ux-sticky-tools-collapsed #whatsappPopup,
body.ux-sticky-tools-collapsed #uxGlossaryButton,
body.ux-sticky-tools-collapsed #uxTutorialReplay,
body.ux-sticky-tools-collapsed #uxNeedHelpCta,
body.ux-sticky-tools-collapsed .ux-floating-glossary,
body.ux-sticky-tools-collapsed .ux-tutorial-replay,
body.ux-sticky-tools-collapsed .ux-need-help {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ux-sticky-tools-collapsed #uxStickyToolsToggle.ux-sticky-tools-toggle {
  display: inline-flex !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

@media (max-width: 760px) {
  #uxStickyToolsToggle.ux-sticky-tools-toggle {
    right: max(10px, env(safe-area-inset-right)) !important;
    bottom: max(282px, calc(282px + env(safe-area-inset-bottom))) !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }
}

/* Final visibility bump: keep the sticky hide icon easy to find on the right edge. */
#uxStickyToolsToggle.ux-sticky-tools-toggle,
#uxStickyToolsToggle.ux-sticky-tools-toggle.is-collapsed {
  position: fixed !important;
  left: auto !important;
  right: max(10px, env(safe-area-inset-right)) !important;
  top: 50% !important;
  bottom: auto !important;
  width: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  color: #ffffff !important;
  background:
    linear-gradient(135deg, rgba(0, 114, 206, 0.98), rgba(23, 233, 239, 0.92)),
    rgba(0, 3, 51, 0.96) !important;
  border: 2px solid rgba(255, 255, 255, 0.78) !important;
  box-shadow:
    0 0 0 3px rgba(23, 233, 239, 0.22),
    0 18px 38px rgba(0, 3, 51, 0.42) !important;
}

#uxStickyToolsToggle.ux-sticky-tools-toggle i {
  color: inherit !important;
  font-size: 1rem !important;
}

body:not(.dark-mode) #uxStickyToolsToggle.ux-sticky-tools-toggle,
body:not(.dark-mode) #uxStickyToolsToggle.ux-sticky-tools-toggle.is-collapsed {
  color: #001d35 !important;
  background:
    linear-gradient(135deg, rgba(238, 252, 255, 0.98), rgba(126, 238, 255, 0.94)),
    rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(0, 114, 206, 0.45) !important;
}

@media (max-width: 760px) {
  #uxStickyToolsToggle.ux-sticky-tools-toggle,
  #uxStickyToolsToggle.ux-sticky-tools-toggle.is-collapsed {
    right: max(8px, env(safe-area-inset-right)) !important;
    top: 46% !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }
}

/* Final testimonial country flag icons. */
.testi-meta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.34rem !important;
  flex-wrap: nowrap !important;
}

.testimonial-country-flag {
  flex: 0 0 auto !important;
  width: 1.05rem !important;
  height: 0.78rem !important;
  border-radius: 2px !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.42), 0 3px 8px rgba(0, 3, 51, 0.18) !important;
}

/* Final currency selector width: use the available header space and read from the left. */
#currencySelect.egety-nav-currency,
.egety-nav-currency#currencySelect,
#egetyNav #currencySelect.egety-nav-currency {
  direction: ltr !important;
  text-align: left !important;
  text-align-last: left !important;
  padding-left: 0.78rem !important;
  padding-right: 1.72rem !important;
}

.egety-nav-inner > div:last-child,
.egety-nav-inner > .oai-mobile-header-controls {
  justify-content: flex-start !important;
}

@media (min-width: 1520px) {
  .egety-nav-inner,
  #egetyNav .egety-nav-inner {
    grid-template-columns: 170px minmax(0, 1fr) 440px !important;
  }

  .egety-nav-inner > div:last-child,
  .egety-nav-inner > .oai-mobile-header-controls {
    width: 440px !important;
    min-width: 440px !important;
    max-width: 440px !important;
  }

  #currencySelect.egety-nav-currency,
  .egety-nav-currency#currencySelect,
  #egetyNav #currencySelect.egety-nav-currency {
    width: 178px !important;
    min-width: 178px !important;
    max-width: 178px !important;
  }
}

@media (min-width: 1180px) and (max-width: 1519px) {
  .egety-nav-inner,
  #egetyNav .egety-nav-inner {
    grid-template-columns: 170px minmax(0, 1fr) 430px !important;
  }

  .egety-nav-inner > div:last-child,
  .egety-nav-inner > .oai-mobile-header-controls {
    width: 430px !important;
    min-width: 430px !important;
    max-width: 430px !important;
  }

  #currencySelect.egety-nav-currency,
  .egety-nav-currency#currencySelect,
  #egetyNav #currencySelect.egety-nav-currency {
    width: 168px !important;
    min-width: 168px !important;
    max-width: 168px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1179px) {
  .egety-nav-inner,
  #egetyNav .egety-nav-inner {
    grid-template-columns: 126px minmax(0, 1fr) 372px !important;
  }

  .egety-nav-inner > div:last-child,
  .egety-nav-inner > .oai-mobile-header-controls {
    width: 372px !important;
    min-width: 372px !important;
    max-width: 372px !important;
  }

  #currencySelect.egety-nav-currency,
  .egety-nav-currency#currencySelect,
  #egetyNav #currencySelect.egety-nav-currency {
    width: 154px !important;
    min-width: 154px !important;
    max-width: 154px !important;
  }
}

@media (min-width: 761px) and (max-width: 1024px) {
  .egety-nav-inner,
  #egetyNav .egety-nav-inner {
    grid-template-columns: 118px minmax(0, 1fr) 260px !important;
  }

  .egety-nav-logo {
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
  }

  .egety-nav-inner > div:last-child,
  .egety-nav-inner > .oai-mobile-header-controls {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
  }

  #currencySelect.egety-nav-currency,
  .egety-nav-currency#currencySelect,
  #egetyNav #currencySelect.egety-nav-currency {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

@media (max-width: 760px) {
  .egety-nav-inner,
  #egetyNav .egety-nav-inner {
    grid-template-columns: minmax(92px, 112px) minmax(0, 1fr) minmax(172px, min(252px, calc(100vw - 148px))) !important;
  }

  .egety-nav-logo {
    width: min(112px, 28vw) !important;
    min-width: 92px !important;
    max-width: 112px !important;
  }

  .egety-nav-inner > div:last-child,
  .egety-nav-inner > .oai-mobile-header-controls {
    width: min(252px, calc(100vw - 148px)) !important;
    min-width: min(172px, calc(100vw - 148px)) !important;
    max-width: min(252px, calc(100vw - 148px)) !important;
    justify-self: start !important;
  }

  #currencySelect.egety-nav-currency,
  .egety-nav-currency#currencySelect,
  #egetyNav #currencySelect.egety-nav-currency {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    font-size: 0.82rem !important;
  }
}

@media (max-width: 420px) {
  .egety-nav-inner,
  #egetyNav .egety-nav-inner {
    grid-template-columns: 92px minmax(0, 1fr) minmax(180px, calc(100vw - 122px)) !important;
    gap: 7px !important;
  }

  .egety-nav-logo {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
  }

  .egety-nav-logo span {
    font-size: 0.92rem !important;
  }

  .egety-nav-inner > div:last-child,
  .egety-nav-inner > .oai-mobile-header-controls {
    width: min(250px, calc(100vw - 122px)) !important;
    min-width: min(180px, calc(100vw - 122px)) !important;
    max-width: min(250px, calc(100vw - 122px)) !important;
  }
}

/* Final mobile spacing and media polish pass. */
@media (max-width: 760px) {
  :root {
    --eds-mobile-gutter: max(12px, env(safe-area-inset-left));
    --eds-mobile-gutter-right: max(12px, env(safe-area-inset-right));
    --eds-mobile-section-gap: 14px;
    --eds-mobile-header-gap: 12px;
  }

  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    scroll-padding-top: 96px !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box !important;
  }

  .egety-nav,
  #egetyNav,
  .page-content,
  .footer-redesigned,
  #partnersAndFaqContainer {
    width: calc(100% - var(--eds-mobile-gutter) - var(--eds-mobile-gutter-right)) !important;
    max-width: calc(100% - var(--eds-mobile-gutter) - var(--eds-mobile-gutter-right)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .egety-nav,
  #egetyNav {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
  }

  .page-content {
    margin-top: var(--eds-mobile-header-gap) !important;
    gap: var(--eds-mobile-section-gap) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    align-items: stretch !important;
  }

  .page-content > section,
  .page-content > div {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(14px, 4vw, 18px) !important;
    padding-right: clamp(14px, 4vw, 18px) !important;
  }

  .page-content > section + section,
  .page-content > div + section,
  .page-content > section + div,
  .page-content > div + div {
    margin-top: 0 !important;
  }

  .premium-section-head,
  .premium-section-head--center,
  .academy-section-head,
  .installment-premium-header,
  .staking-story-head {
    margin-bottom: 0.8rem !important;
    padding-bottom: 0 !important;
  }

  .premium-section-head + *,
  .premium-section-head--center + *,
  .academy-section-head + *,
  .section-title + *,
  .eg-section-title + *,
  .staking-story-title + * {
    margin-top: 0.65rem !important;
  }

  h1,
  h2,
  h3,
  .section-title,
  .eg-section-title,
  .staking-story-title,
  .installment-premium-title {
    line-height: 1.16 !important;
    overflow-wrap: break-word !important;
  }

  #digitalRevolutionSection,
  .ecosystem-video-card {
    padding: clamp(14px, 4vw, 18px) !important;
  }

  #digitalRevolutionSection > .grid,
  .ecosystem-video-card {
    gap: 0.9rem !important;
  }

  .inline-video-trigger,
  .eds-video-preview {
    width: 100% !important;
    min-height: clamp(220px, 62vw, 300px) !important;
    max-height: 340px !important;
    border-radius: 8px !important;
  }

  .inline-video-trigger > img,
  .eds-video-preview > img {
    min-height: clamp(220px, 62vw, 300px) !important;
    height: 100% !important;
  }

  .eds-video-preview-badge {
    top: 0.7rem !important;
    left: 0.7rem !important;
    max-width: calc(100% - 1.4rem) !important;
  }

  .eds-video-preview-play {
    left: 0.75rem !important;
    right: 0.75rem !important;
    bottom: 0.75rem !important;
    width: auto !important;
    max-width: calc(100% - 1.5rem) !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.7rem !important;
    padding: 0.72rem !important;
    border-radius: 8px !important;
  }

  .eds-video-preview-play-circle {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
  }

  .eds-video-preview-play-copy {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .eds-video-preview-play-copy strong,
  .eds-video-preview-play-copy small {
    display: block !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  .eds-video-chip-row,
  .eds-video-callout {
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
    gap: 0.55rem !important;
  }

  .eds-video-chip {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    justify-content: flex-start !important;
  }

  .eds-video-callout {
    padding: 0.85rem !important;
    align-items: flex-start !important;
  }

  .ux-tutorial-modal,
  .ux-tutorial-modal.is-open {
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    overflow-x: hidden !important;
  }

  .ux-tutorial-panel {
    width: min(342px, calc(100vw - 48px)) !important;
    max-width: min(342px, calc(100vw - 48px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ux-tutorial-hero,
  .ux-tutorial-step,
  .ux-tutorial-step > div,
  .ux-tutorial-actions,
  .ux-guide-section,
  .ux-start-guide,
  .ux-summary-band,
  .ux-final-action {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .ux-start-guide {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    gap: 0.75rem !important;
  }

  .ux-start-guide .ux-step-grid,
  .ux-step-grid {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: 1fr !important;
    gap: 0.6rem !important;
  }

  .ux-step-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 0.75rem !important;
  }

  .ux-step-card strong,
  .ux-step-card p,
  .ux-guide-copy h2,
  .ux-guide-copy p {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .ux-tutorial-hero h2,
  .ux-tutorial-hero p,
  .ux-tutorial-step strong,
  .ux-tutorial-step p {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  .ux-tutorial-step {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
  }

  .ux-tutorial-step > div {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .ux-guide-actions {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .ux-guide-actions .ux-action-primary,
  .ux-guide-actions .ux-action-secondary {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
  }

  .founders-section,
  .founder-card-new {
    padding-left: clamp(14px, 4vw, 18px) !important;
    padding-right: clamp(14px, 4vw, 18px) !important;
  }

  .founder-row {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 0.9rem !important;
    align-items: start !important;
  }

  .founder-avatar-img {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center top !important;
    border: 2px solid rgba(23, 233, 239, 0.78) !important;
    box-shadow: 0 0 0 4px rgba(23, 233, 239, 0.14), 0 14px 28px rgba(0, 3, 51, 0.36) !important;
  }

  .academy-payment-strip {
    gap: 0.75rem !important;
  }

  .academy-local-payment,
  .academy-payment-icons {
    gap: 0.7rem !important;
  }

  .academy-payment-icon-chip {
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 0.5rem !important;
  }

  .academy-payment-icon-chip img {
    max-width: 94px !important;
    max-height: 38px !important;
    object-fit: contain !important;
  }
}

@media (max-width: 420px) {
  :root {
    --eds-mobile-gutter: max(10px, env(safe-area-inset-left));
    --eds-mobile-gutter-right: max(10px, env(safe-area-inset-right));
    --eds-mobile-section-gap: 12px;
  }

  .page-content > section,
  .page-content > div {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .founder-row {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 0.75rem !important;
  }

  .founder-avatar-img {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
  }

  .academy-payment-icon-chip {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    height: 50px !important;
  }

  .academy-payment-icon-chip img {
    max-width: 88px !important;
    max-height: 36px !important;
  }
}

/* Final mobile video play CTA: keep play controls visible over every thumbnail crop. */
@media (max-width: 760px) {
  .inline-video-trigger.eds-video-preview,
  button.inline-video-trigger.eds-video-preview {
    position: relative !important;
    display: block !important;
    isolation: isolate !important;
    overflow: hidden !important;
    min-height: clamp(235px, 64vw, 320px) !important;
    cursor: pointer !important;
  }

  .inline-video-trigger.eds-video-preview > img,
  button.inline-video-trigger.eds-video-preview > img {
    position: relative !important;
    z-index: 0 !important;
  }

  .eds-video-preview-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background:
      radial-gradient(circle at 50% 46%, rgba(23, 233, 239, 0.34), transparent 30%),
      linear-gradient(180deg, rgba(0, 3, 51, 0.04), rgba(0, 3, 51, 0.62)) !important;
  }

  .eds-video-preview-badge {
    position: absolute !important;
    top: 0.7rem !important;
    left: 0.7rem !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 4 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
  }

  .eds-video-preview-play {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 5 !important;
    transform: translate(-50%, -50%) !important;
    width: min(82%, 292px) !important;
    min-width: 0 !important;
    max-width: calc(100% - 32px) !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-items: center !important;
    gap: 0.55rem !important;
    padding: 0.86rem 0.9rem !important;
    border-radius: 8px !important;
    border: 1px solid rgba(126, 238, 255, 0.48) !important;
    background:
      linear-gradient(135deg, rgba(0, 114, 206, 0.88), rgba(23, 233, 239, 0.76)),
      rgba(0, 3, 51, 0.88) !important;
    box-shadow:
      0 18px 42px rgba(0, 3, 51, 0.42),
      0 0 0 1px rgba(255, 255, 255, 0.08) inset !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
  }

  .eds-video-preview-play-circle {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    flex: 0 0 58px !important;
    margin: 0 !important;
    color: #001d35 !important;
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(0, 3, 51, 0.34) !important;
  }

  .eds-video-preview-play-circle i {
    color: #0072ce !important;
    font-size: 1.05rem !important;
    transform: translateX(1px) !important;
  }

  .eds-video-preview-play-copy {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: grid !important;
    gap: 0.2rem !important;
    text-align: center !important;
  }

  .eds-video-preview-play-copy strong,
  .eds-video-preview-play-copy small {
    width: 100% !important;
    max-width: 100% !important;
    color: #ffffff !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .eds-video-preview-play-copy strong {
    font-size: 0.98rem !important;
    line-height: 1.18 !important;
  }

  .eds-video-preview-play-copy small {
    font-size: 0.76rem !important;
    line-height: 1.35 !important;
    opacity: 0.92 !important;
  }

  body:not(.dark-mode) .eds-video-preview-play {
    background:
      linear-gradient(135deg, rgba(0, 114, 206, 0.92), rgba(23, 233, 239, 0.8)),
      rgba(255, 255, 255, 0.92) !important;
  }
}

@media (max-width: 420px) {
  .eds-video-preview-play {
    width: min(86%, 274px) !important;
    padding: 0.75rem !important;
  }

  .eds-video-preview-play-circle {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    flex-basis: 52px !important;
  }

  .eds-video-preview-play-copy small {
    display: none !important;
  }
}

/* Final mobile header, section, stage/batch, and table fixes. */
:root {
  --eds-unified-radius: 8px;
}

.page-content > section,
.page-content > div,
.page-content .card,
.simulator-card,
.staking-section-block,
.academy-hero,
.academy-course-section,
.academy-booking-layout,
.ux-guide-section,
.ux-summary-band,
.ux-final-action,
#feeDistributionWrapper,
#feeDistributionSection,
.fee-distribution-col,
.fee-distribution-chart-col {
  border-radius: var(--eds-unified-radius) !important;
}

.page-content,
.page-content > section,
.page-content > div,
.page-content #purchaseTablesSection,
.page-content #hero-redesigned,
.page-content #builder-section,
.page-content #trust-app-section,
.page-content #staking-hero-section,
.academy-page {
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 760px) {
  main.relative.min-h-screen {
    padding-top: 8px !important;
  }

  .page-content {
    margin-top: 8px !important;
    gap: 12px !important;
  }

  #page1 > #hero-redesigned,
  #page2 > #builder-section,
  #page3 > #trust-app-section,
  #page4 > #staking-hero-section,
  #page5 .academy-hero,
  .page-content > section:first-child,
  .page-content > div:first-child {
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  #hero-redesigned .eds-hero-shell,
  #builder-section > .builder-section,
  #trust-app-section > .trust-hero-shell,
  #staking-hero-section .staking-page-shell,
  #page5 .academy-hero {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .egety-nav-inner > div:last-child,
  .egety-nav-inner > .oai-mobile-header-controls {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 0.48rem !important;
    width: min(252px, calc(100vw - 148px)) !important;
    min-width: min(172px, calc(100vw - 148px)) !important;
    max-width: min(252px, calc(100vw - 148px)) !important;
    overflow: visible !important;
  }

  #theme-switcher.egety-nav-theme-toggle,
  .egety-nav-theme-toggle {
    grid-column: 1 !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    border: 1px solid rgba(126, 238, 255, 0.52) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(126, 238, 255, 0.2), transparent 58%),
      rgba(0, 3, 51, 0.62) !important;
    overflow: hidden !important;
    transform: none !important;
  }

  #toggle-indicator {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    margin: 0 !important;
    transform: none !important;
    background: #ffffff !important;
    color: #0072ce !important;
  }

  #toggle-indicator i {
    font-size: 0.76rem !important;
    line-height: 1 !important;
  }

  #currencySelect.egety-nav-currency,
  .egety-nav-currency#currencySelect,
  #egetyNav #currencySelect.egety-nav-currency {
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }

  #packageStageButtonsSmall {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.72rem !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #packageStageButtonsSmall .package-stage-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.45rem !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  #packageStageButtonsSmall .package-stage-row-label {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    white-space: nowrap !important;
    font-size: 0.86rem !important;
  }

  #packageStageButtonsSmall .stage-btn-group {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 0.38rem !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity !important;
    padding: 0.06rem 0 0.24rem !important;
    scrollbar-width: none !important;
  }

  #packageStageButtonsSmall .stage-btn-group::-webkit-scrollbar {
    display: none !important;
  }

  #packageStageButtonsSmall .mini-stage-btn,
  #packageStageButtonsSmall .interactive-btn,
  #packageStageButtonsSmall .release-btn {
    flex: 0 0 clamp(72px, 21vw, 92px) !important;
    width: clamp(72px, 21vw, 92px) !important;
    min-width: clamp(72px, 21vw, 92px) !important;
    max-width: clamp(72px, 21vw, 92px) !important;
    height: 46px !important;
    min-height: 46px !important;
    scroll-snap-align: start !important;
  }

  #purchaseTablesSection {
    gap: 12px !important;
  }

  #purchaseTablesSection .overflow-x-auto,
  #agentPackagesTableContainer,
  .staking-table-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    overscroll-behavior-x: contain !important;
    padding-bottom: 0.4rem !important;
  }

  #packagesTable,
  #purchaseStagesTable,
  #agentPackagesTableContainer table,
  .staking-table {
    width: max-content !important;
    min-width: 680px !important;
    max-width: none !important;
    table-layout: auto !important;
  }

  #purchaseStagesTable {
    min-width: 610px !important;
  }

  #packagesTable th,
  #packagesTable td,
  #purchaseStagesTable th,
  #purchaseStagesTable td {
    white-space: nowrap !important;
  }

  #resultsContainer .live-simulation-card .grid,
  #resultsContainer .saved-simulation-card .grid,
  #resultsContainer .agent-results-card .agent-results-grid,
  #simulatorBreakdownSection section > .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #resultsContainer .live-simulation-card .md\:col-span-3,
  #resultsContainer .saved-simulation-card .md\:col-span-3 {
    grid-column: span 1 / span 1 !important;
  }
}

@media (max-width: 420px) {
  .egety-nav-inner > div:last-child,
  .egety-nav-inner > .oai-mobile-header-controls {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    width: min(248px, calc(100vw - 122px)) !important;
    min-width: min(180px, calc(100vw - 122px)) !important;
    max-width: min(248px, calc(100vw - 122px)) !important;
  }

  #theme-switcher.egety-nav-theme-toggle,
  .egety-nav-theme-toggle {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  #packageStageButtonsSmall .mini-stage-btn,
  #packageStageButtonsSmall .interactive-btn,
  #packageStageButtonsSmall .release-btn {
    flex-basis: 68px !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
  }
}

/* Final header alignment and universal section padding. */
:root {
  --eds-header-section-gap: 12px;
  --eds-section-pad-y: 18px;
  --eds-section-pad-x: 18px;
}

.page-content {
  margin-top: var(--eds-header-section-gap) !important;
}

.page-content > section,
.page-content > div {
  padding-top: var(--eds-section-pad-y) !important;
  padding-bottom: var(--eds-section-pad-y) !important;
  padding-left: var(--eds-section-pad-x) !important;
  padding-right: var(--eds-section-pad-x) !important;
}

.page-content > section > :first-child,
.page-content > div > :first-child,
.page-content .card > :first-child {
  margin-top: 0 !important;
}

.page-content .section-title,
.page-content .title-text,
.page-content .eg-section-title,
.page-content h1,
.page-content h2,
.page-content h3 {
  margin-top: 0 !important;
}

.page-content .section-title,
.page-content .title-text,
.page-content .eg-section-title {
  margin-bottom: 0.75rem !important;
}

@media (max-width: 760px) {
  :root {
    --eds-header-section-gap: 10px;
    --eds-section-pad-y: 16px;
    --eds-section-pad-x: 14px;
  }

  main.relative.min-h-screen {
    padding-top: 0 !important;
  }

  .page-content {
    margin-top: var(--eds-header-section-gap) !important;
  }

  .egety-nav-inner,
  #egetyNav .egety-nav-inner {
    grid-template-columns: minmax(96px, 122px) minmax(0, 1fr) !important;
    align-items: center !important;
  }

  .egety-nav-logo {
    grid-column: 1 !important;
    justify-self: start !important;
  }

  #egetyNavLinks.egety-nav-links,
  .egety-nav-links#egetyNavLinks {
    grid-column: 1 / -1 !important;
    order: 3 !important;
  }

  .egety-nav-inner > div:last-child,
  .egety-nav-inner > .oai-mobile-header-controls {
    grid-column: 2 !important;
    justify-self: stretch !important;
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 0.5rem !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  #theme-switcher.egety-nav-theme-toggle,
  .egety-nav-theme-toggle {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    align-self: center !important;
    padding: 4px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(126, 238, 255, 0.52) !important;
    background:
      linear-gradient(135deg, rgba(0, 114, 206, 0.38), rgba(23, 233, 239, 0.18)),
      rgba(0, 3, 51, 0.74) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  }

  body:not(.dark-mode) #theme-switcher.egety-nav-theme-toggle,
  body:not(.dark-mode) .egety-nav-theme-toggle {
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(219, 246, 255, 0.84)),
      rgba(255, 255, 255, 0.9) !important;
  }

  #toggle-indicator {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #0072ce !important;
    box-shadow: 0 5px 12px rgba(0, 3, 51, 0.28) !important;
  }

  #currencySelect.egety-nav-currency,
  .egety-nav-currency#currencySelect,
  #egetyNav #currencySelect.egety-nav-currency {
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
  }

  #page1 > #hero-redesigned,
  #page2 > #builder-section,
  #page3 > #trust-app-section,
  #page4 > #staking-hero-section,
  #page5 .academy-hero,
  .page-content > section:first-child,
  .page-content > div:first-child {
    padding-top: var(--eds-section-pad-y) !important;
    padding-bottom: var(--eds-section-pad-y) !important;
  }
}

@media (max-width: 420px) {
  :root {
    --eds-header-section-gap: 8px;
    --eds-section-pad-y: 14px;
    --eds-section-pad-x: 12px;
  }

  .egety-nav-inner,
  #egetyNav .egety-nav-inner {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  .egety-nav-inner > div:last-child,
  .egety-nav-inner > .oai-mobile-header-controls {
    grid-template-columns: 50px minmax(0, 1fr) !important;
    gap: 0.42rem !important;
  }

  #theme-switcher.egety-nav-theme-toggle,
  .egety-nav-theme-toggle {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
  }

  #toggle-indicator {
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
  }

  #currencySelect.egety-nav-currency,
  .egety-nav-currency#currencySelect,
  #egetyNav #currencySelect.egety-nav-currency {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
  }
}

/* Final Academy attendance and submit button design. */
#page5 .academy-form fieldset,
body[data-active-page="page5"] .academy-form fieldset {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.65rem !important;
}

#page5 .academy-form fieldset legend,
body[data-active-page="page5"] .academy-form fieldset legend {
  grid-column: 1 / -1 !important;
  margin: 0 0 0.2rem !important;
  padding: 0 !important;
  color: #edf8ff !important;
  font-size: 0.98rem !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

#page5 .academy-form fieldset label,
body[data-active-page="page5"] .academy-form fieldset label {
  min-height: 58px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.7rem !important;
  padding: 0.78rem 0.85rem !important;
  border-radius: 8px !important;
  border: 1px solid rgba(23, 233, 239, 0.42) !important;
  background:
    radial-gradient(circle at 15% 0%, rgba(23, 233, 239, 0.16), transparent 42%),
    rgba(0, 22, 66, 0.5) !important;
  color: #edf8ff !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

#page5 .academy-form input[type="radio"],
body[data-active-page="page5"] .academy-form input[type="radio"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 2px solid rgba(126, 238, 255, 0.78) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow: inset 0 0 0 5px rgba(0, 3, 51, 0.94) !important;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease !important;
}

#page5 .academy-form input[type="radio"]:checked,
body[data-active-page="page5"] .academy-form input[type="radio"]:checked {
  border-color: #ffffff !important;
  background: #17e9ef !important;
  box-shadow:
    inset 0 0 0 5px rgba(0, 3, 51, 0.94),
    0 0 0 3px rgba(23, 233, 239, 0.24),
    0 10px 22px rgba(0, 160, 208, 0.22) !important;
}

#page5 .academy-form fieldset label:has(input[type="radio"]:checked),
body[data-active-page="page5"] .academy-form fieldset label:has(input[type="radio"]:checked) {
  border-color: rgba(126, 238, 255, 0.9) !important;
  background:
    linear-gradient(135deg, rgba(0, 114, 206, 0.58), rgba(23, 233, 239, 0.24)),
    rgba(0, 22, 66, 0.72) !important;
}

#page5 .academy-form > button[type="submit"],
body[data-active-page="page5"] .academy-form > button[type="submit"] {
  justify-self: center !important;
  width: min(100%, 380px) !important;
  min-width: 0 !important;
  text-align: center !important;
}

@media (max-width: 520px) {
  #page5 .academy-form fieldset,
  body[data-active-page="page5"] .academy-form fieldset {
    grid-template-columns: 1fr !important;
  }

  #page5 .academy-form fieldset label,
  body[data-active-page="page5"] .academy-form fieldset label {
    min-height: 54px !important;
  }
}

/* Final partner logo clarity and unified gutters across every page. */
#partnersCard .partner-logo,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo,
body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo {
  background:
    radial-gradient(circle at 30% 10%, rgba(126, 238, 255, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(8, 48, 78, 0.98), rgba(0, 17, 52, 0.98)) !important;
  border-color: rgba(126, 238, 255, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 12px 28px rgba(0, 3, 51, 0.22) !important;
  opacity: 1 !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#partnersCard .partner-logo::before,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo::before,
body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo::before {
  content: none !important;
  display: none !important;
  filter: none !important;
}

#partnersCard .partner-logo img,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo img,
body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo img {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  image-rendering: auto !important;
  backface-visibility: hidden !important;
  transform-origin: center !important;
}

:root {
  --eds-site-gutter: clamp(14px, 2vw, 28px);
  --eds-section-inner-x: clamp(16px, 1.6vw, 24px);
}

.egety-nav,
#egetyNav,
.page-content,
.footer-redesigned,
#partnersAndFaqContainer,
#uxFoundersPartnersRow {
  width: min(1680px, calc(100% - (var(--eds-site-gutter) * 2))) !important;
  max-width: min(1680px, calc(100% - (var(--eds-site-gutter) * 2))) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.page-content > section,
.page-content > div,
.page-content .staking-page-shell,
.page-content .academy-page {
  padding-left: var(--eds-section-inner-x) !important;
  padding-right: var(--eds-section-inner-x) !important;
}

.page-content .mx-auto,
.page-content [class*="max-w-7xl"],
.page-content [class*="max-w-screen-2xl"],
.page-content [class*="max-w-screen-3xl"],
.page-content .eds-top-width,
.page-content #purchaseTablesSection,
.page-content #founders-section,
.page-content #partnersAndFaqContainer {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 760px) {
  :root {
    --eds-site-gutter: 8px;
    --eds-section-inner-x: 10px;
  }

  .egety-nav,
  #egetyNav,
  .page-content,
  .footer-redesigned,
  #partnersAndFaqContainer,
  #uxFoundersPartnersRow {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
  }

  .page-content > section,
  .page-content > div,
  .page-content .staking-page-shell,
  .page-content .academy-page,
  .page-content .card {
    padding-left: var(--eds-section-inner-x) !important;
    padding-right: var(--eds-section-inner-x) !important;
  }
}

@media (max-width: 420px) {
  :root {
    --eds-site-gutter: 6px;
    --eds-section-inner-x: 8px;
  }

  .egety-nav,
  #egetyNav,
  .page-content,
  .footer-redesigned,
  #partnersAndFaqContainer,
  #uxFoundersPartnersRow {
    width: calc(100% - 12px) !important;
    max-width: calc(100% - 12px) !important;
  }
}

/* Final tutorial/helper section width and spacing normalization. */
:root {
  --eds-tutorial-pad: clamp(14px, 1.5vw, 22px);
  --eds-tutorial-gap: clamp(10px, 1.2vw, 16px);
}

.ux-guide-section,
.ux-summary-band,
.ux-final-action,
.ux-beginner-faq,
.ux-visual-banner,
.ux-inline-guide,
.ux-field-guide,
.ux-mini-steps {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.page-content > .ux-guide-section,
.page-content > .ux-summary-band,
.page-content > .ux-final-action,
.page-content > .ux-beginner-faq,
.page-content > .ux-visual-banner,
.page-content > section.ux-guide-section,
.page-content > section.ux-summary-band,
.page-content > section.ux-final-action,
.page-content > section.ux-beginner-faq,
.page-content > section.ux-visual-banner {
  padding: var(--eds-tutorial-pad) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.ux-guide-section,
.ux-start-guide,
.ux-page-guide,
.ux-summary-band,
.ux-final-action,
.ux-beginner-faq {
  gap: var(--eds-tutorial-gap) !important;
}

.ux-start-guide .ux-step-grid,
.ux-tutorial-steps,
.ux-faq-grid,
.ux-glossary-grid {
  gap: var(--eds-tutorial-gap) !important;
}

.ux-visual-banner {
  min-height: clamp(150px, 16vw, 240px) !important;
  height: clamp(150px, 16vw, 240px) !important;
  max-height: 240px !important;
  padding: 0 !important;
}

.ux-visual-banner img,
.ux-visual-banner picture,
.ux-visual-banner video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

@media (max-width: 760px) {
  :root {
    --eds-tutorial-pad: 10px;
    --eds-tutorial-gap: 10px;
  }

  .page-content > .ux-guide-section,
  .page-content > .ux-summary-band,
  .page-content > .ux-final-action,
  .page-content > .ux-beginner-faq,
  .page-content > .ux-visual-banner,
  .page-content > section.ux-guide-section,
  .page-content > section.ux-summary-band,
  .page-content > section.ux-final-action,
  .page-content > section.ux-beginner-faq,
  .page-content > section.ux-visual-banner {
    padding: var(--eds-tutorial-pad) !important;
  }

  .ux-visual-banner {
    min-height: 126px !important;
    height: 126px !important;
    max-height: 126px !important;
  }

  .ux-tutorial-modal,
  .ux-tutorial-modal.is-open {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .ux-tutorial-panel {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    padding: 10px !important;
    gap: 10px !important;
  }

  .ux-tutorial-hero,
  .ux-tutorial-step {
    padding: 10px !important;
  }
}

@media (max-width: 420px) {
  :root {
    --eds-tutorial-pad: 8px;
    --eds-tutorial-gap: 8px;
  }

  .ux-visual-banner {
    min-height: 112px !important;
    height: 112px !important;
    max-height: 112px !important;
  }

  .ux-tutorial-modal,
  .ux-tutorial-modal.is-open {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .ux-tutorial-panel {
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
    padding: 8px !important;
    gap: 8px !important;
  }
}

/* Final global width, spacing, radius, video, and compact package pass. */
:root {
  --eds-unified-radius: 8px;
  --eds-page-gutter: clamp(6px, 0.8vw, 16px);
  --eds-section-gap: clamp(8px, 1vw, 14px);
  --eds-section-padding: clamp(12px, 1.25vw, 18px);
  --eds-card-padding: clamp(10px, 1vw, 16px);
}

.egety-nav,
#egetyNav,
.page-content,
.footer-redesigned,
#partnersAndFaqContainer,
#uxFoundersPartnersRow {
  width: min(1920px, calc(100% - (var(--eds-page-gutter) * 2))) !important;
  max-width: min(1920px, calc(100% - (var(--eds-page-gutter) * 2))) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.page-content {
  gap: var(--eds-section-gap) !important;
  margin-top: var(--eds-section-gap) !important;
  padding: 0 !important;
}

.page-content > section,
.page-content > div,
.page-content .staking-page-shell,
.page-content .academy-page,
.footer-redesigned {
  border-radius: var(--eds-unified-radius) !important;
  padding: var(--eds-section-padding) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
}

.page-content .card,
.page-content .simulator-card,
.page-content .staking-section-block,
.page-content .staking-simulator-card,
.page-content .staking-packages-card,
.page-content .staking-fx-card,
.page-content .staking-feature-card,
.page-content .staking-flow-card,
.page-content .trust-icon-card,
.page-content .feature-card,
.page-content .goal-card,
.page-content .package-card,
.page-content .founder-card-new,
.page-content .academy-course-card,
.page-content .ux-guide-section,
.page-content .ux-summary-band,
.page-content .ux-final-action,
.page-content .ux-beginner-faq,
.page-content .ux-step-card,
.page-content .ux-tutorial-step {
  border-radius: var(--eds-unified-radius) !important;
  padding: var(--eds-card-padding) !important;
  box-sizing: border-box !important;
}

.page-content > section:hover,
.page-content > div:hover,
.page-content .card:hover,
.page-content .simulator-card:hover,
.page-content .staking-section-block:hover,
.page-content .staking-simulator-card:hover,
.page-content .staking-packages-card:hover,
.page-content .staking-fx-card:hover,
.page-content .staking-feature-card:hover,
.page-content .staking-flow-card:hover,
.page-content .trust-icon-card:hover,
.page-content .feature-card:hover,
.page-content .goal-card:hover,
.page-content .package-card:hover,
.page-content .founder-card-new:hover,
.page-content .academy-course-card:hover,
.page-content .ux-guide-section:hover,
.page-content .ux-summary-band:hover,
.page-content .ux-final-action:hover,
.page-content .ux-step-card:hover,
.staking-plan-card:hover,
.staking-package-option:hover,
.interactive-shell:hover {
  transform: none !important;
  translate: none !important;
}

.ux-visual-banner {
  border-radius: var(--eds-unified-radius) !important;
  margin: 0 !important;
  padding: var(--eds-card-padding) !important;
  min-height: clamp(132px, 14vw, 210px) !important;
  height: clamp(132px, 14vw, 210px) !important;
  max-height: 210px !important;
  overflow: hidden !important;
}

.ux-guide-section + .ux-visual-banner,
.ux-visual-banner + .ux-guide-section,
.ux-visual-banner + section,
.ux-visual-banner + div {
  margin-top: var(--eds-section-gap) !important;
}

.ux-start-guide {
  grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.68fr) minmax(172px, 0.38fr) !important;
  align-items: stretch !important;
}

.ux-page-guide {
  grid-template-columns: minmax(0, 1fr) minmax(172px, 0.28fr) !important;
  align-items: stretch !important;
}

.ux-start-guide .ux-step-grid,
.ux-step-grid,
.ux-tutorial-steps,
.ux-glossary-grid,
.ux-faq-grid,
.builder-module-grid,
.trust-icon-grid,
.staking-feature-grid,
.staking-live-grid,
.staking-results-grid,
.academy-course-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.builder-module-card[data-translate="builder_mod_ai"],
.builder-module-card:has([data-translate="builder_mod_ai"]) {
  grid-row: span 2 !important;
  align-content: center !important;
  min-height: 100% !important;
}

.ux-guide-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: center !important;
  gap: var(--eds-section-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.ux-guide-actions .ux-action-primary,
.ux-guide-actions .ux-action-secondary,
.ux-tutorial-actions button {
  width: 100% !important;
  min-width: 0 !important;
  white-space: normal !important;
}

#digitalRevolutionSection,
.ecosystem-video-card {
  padding: var(--eds-section-padding) !important;
  border-radius: var(--eds-unified-radius) !important;
}

#digitalRevolutionSection > .grid,
.ecosystem-video-card {
  gap: var(--eds-section-gap) !important;
}

.inline-video-trigger.eds-video-preview,
button.inline-video-trigger.eds-video-preview {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: var(--eds-unified-radius) !important;
  overflow: hidden !important;
}

.eds-video-preview-play {
  width: auto !important;
  max-width: calc(100% - 24px) !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.65rem !important;
}

.eds-video-preview-play-copy,
.eds-video-preview-play-copy strong,
.eds-video-preview-play-copy small {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

#edsPackageButtons,
#edsPackageButtonsK,
#edsPackageButtonsA,
#edsPackageButtonsB,
#edsPackageButtonsC,
.staking-plan-grid,
#stakingPlansList {
  width: 100% !important;
  max-width: 100% !important;
}

#edsPackageButtonsK.category-content,
#edsPackageButtonsA.category-content,
#edsPackageButtonsB.category-content,
#edsPackageButtonsC.category-content {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important;
  gap: clamp(8px, 1vw, 12px) !important;
}

.package-btn {
  min-height: 72px !important;
  height: auto !important;
  padding: 10px 12px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-items: start !important;
  gap: 0.45rem 0.75rem !important;
  text-align: left !important;
}

.package-btn img,
.package-btn .package-img,
.package-btn .package-image {
  width: 58px !important;
  height: 58px !important;
  object-fit: cover !important;
}

#page4 .staking-plan-grid,
body[data-active-page="page4"] .staking-plan-grid,
#stakingPlansList {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 430px), 1fr)) !important;
  gap: clamp(10px, 1.15vw, 16px) !important;
}

#page4 .staking-plan-card,
body[data-active-page="page4"] .staking-plan-card,
.staking-plan-card {
  min-height: 0 !important;
  padding: var(--eds-card-padding) !important;
  display: grid !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.8rem !important;
}

#page4 .staking-plan-card img,
body[data-active-page="page4"] .staking-plan-card img,
.staking-plan-card img {
  width: 88px !important;
  height: 70px !important;
  flex-basis: 88px !important;
  object-fit: cover !important;
  border-radius: var(--eds-unified-radius) !important;
}

.staking-plan-copy,
.staking-plan-mini-icons {
  min-width: 0 !important;
  max-width: 100% !important;
}

.staking-plan-mini-icons {
  gap: 0.35rem !important;
}

.staking-plan-mini-icons span {
  min-height: 28px !important;
  padding: 0.28rem 0.45rem !important;
}

.egety-nav-theme-toggle,
#theme-switcher.egety-nav-theme-toggle {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 62px !important;
  min-width: 62px !important;
  max-width: 62px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 5px !important;
  border-radius: 999px !important;
  cursor: pointer !important;
}

body.dark-mode .egety-nav-theme-toggle,
body.dark-mode #theme-switcher.egety-nav-theme-toggle {
  justify-content: flex-start !important;
}

body:not(.dark-mode) .egety-nav-theme-toggle,
body:not(.dark-mode) #theme-switcher.egety-nav-theme-toggle {
  justify-content: flex-end !important;
}

#toggle-indicator {
  position: static !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  transform: none !important;
}

@media (max-width: 760px) {
  :root {
    --eds-page-gutter: 4px;
    --eds-section-gap: 8px;
    --eds-section-padding: 10px;
    --eds-card-padding: 9px;
  }

  .egety-nav,
  #egetyNav,
  .page-content,
  .footer-redesigned,
  #partnersAndFaqContainer,
  #uxFoundersPartnersRow {
    width: calc(100% - (var(--eds-page-gutter) * 2)) !important;
    max-width: calc(100% - (var(--eds-page-gutter) * 2)) !important;
  }

  .page-content > section,
  .page-content > div,
  .page-content .staking-page-shell,
  .page-content .academy-page,
  .footer-redesigned {
    padding: var(--eds-section-padding) !important;
  }

  .ux-start-guide,
  .ux-page-guide,
  .ux-summary-band,
  .ux-final-action {
    grid-template-columns: 1fr !important;
  }

  .ux-start-guide .ux-step-grid,
  .ux-step-grid,
  .ux-tutorial-steps,
  .ux-glossary-grid,
  .ux-faq-grid,
  .builder-module-grid,
  .trust-icon-grid,
  .staking-feature-grid,
  .staking-live-grid,
  .staking-results-grid,
  .academy-course-grid,
  .stat-grid-new,
  .eds-hero-story-mini-grid,
  .plo-benefit-grid,
  .installment-premium-grid,
  .installment-results-premium-grid,
  .eds-investor-summary-grid,
  .partners-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .builder-module-card:has([data-translate="builder_mod_ai"]) {
    grid-row: span 2 !important;
  }

  .ux-visual-banner {
    min-height: 108px !important;
    height: 108px !important;
    max-height: 108px !important;
    padding: 8px !important;
  }

  .eds-video-preview-play {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    top: auto !important;
    transform: none !important;
    width: auto !important;
    max-width: none !important;
    grid-template-columns: 46px minmax(0, 1fr) !important;
    padding: 9px 10px !important;
    justify-items: start !important;
    text-align: left !important;
  }

  .eds-video-preview-play-circle {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
  }

  .eds-video-preview-play-copy small {
    display: none !important;
  }

  #edsPackageButtonsK.category-content,
  #edsPackageButtonsA.category-content,
  #edsPackageButtonsB.category-content,
  #edsPackageButtonsC.category-content {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .package-btn {
    min-height: 64px !important;
    padding: 8px !important;
    font-size: 0.78rem !important;
  }

  #page4 .staking-plan-grid,
  body[data-active-page="page4"] .staking-plan-grid,
  #stakingPlansList {
    grid-template-columns: 1fr !important;
  }

  #page4 .staking-plan-card,
  body[data-active-page="page4"] .staking-plan-card,
  .staking-plan-card {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    padding: 9px !important;
  }

  #page4 .staking-plan-card img,
  body[data-active-page="page4"] .staking-plan-card img,
  .staking-plan-card img {
    width: 78px !important;
    height: 62px !important;
  }

  .egety-nav-theme-toggle,
  #theme-switcher.egety-nav-theme-toggle {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 4px !important;
  }

  #toggle-indicator {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
  }
}

@media (max-width: 420px) {
  :root {
    --eds-page-gutter: 2px;
    --eds-section-gap: 7px;
    --eds-section-padding: 8px;
    --eds-card-padding: 8px;
  }

  .ux-start-guide .ux-step-grid,
  .ux-step-grid,
  .ux-tutorial-steps,
  .ux-glossary-grid,
  .ux-faq-grid,
  .builder-module-grid,
  .trust-icon-grid,
  .staking-feature-grid,
  .staking-live-grid,
  .staking-results-grid,
  .academy-course-grid,
  #edsPackageButtonsK.category-content,
  #edsPackageButtonsA.category-content,
  #edsPackageButtonsB.category-content,
  #edsPackageButtonsC.category-content {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ux-step-card,
  .ux-tutorial-step,
  .builder-module-card,
  .trust-icon-card,
  .staking-feature-card,
  .academy-course-card,
  .stat-box-new,
  .eds-hero-story-mini,
  .plo-benefit-card,
  .installment-premium-panel,
  .installment-suggestion-card,
  .partner-logo,
  .package-btn {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }

  .ux-step-card strong,
  .ux-step-card p,
  .builder-module-card span,
  .trust-icon-card h4,
  .trust-icon-card p,
  .stat-box-new,
  .stat-box-new .stat-num,
  .stat-box-new .stat-lbl,
  .package-btn {
    font-size: clamp(0.72rem, 3.2vw, 0.9rem) !important;
    line-height: 1.25 !important;
  }
}

/* Final partner identities, academy payment icons, and tighter page gutters. */
:root {
  --eds-page-gutter: clamp(4px, 0.55vw, 12px);
}

#partnersCard .partner-logo,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo,
body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo {
  display: grid !important;
  grid-template-rows: minmax(58px, 1fr) auto !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 0.55rem !important;
  aspect-ratio: 2.05 / 1 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: clamp(10px, 1vw, 14px) !important;
  overflow: hidden !important;
}

#partnersCard .partner-logo img,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo img,
body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo img {
  grid-row: 1 !important;
  align-self: end !important;
  max-width: min(100%, 230px) !important;
  max-height: 70px !important;
  object-fit: contain !important;
}

#partnersCard .partner-logo[href*="plenvida"] img,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo[href*="plenvida"] img,
body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo[href*="plenvida"] img {
  max-width: min(122%, 330px) !important;
  max-height: 92px !important;
  transform: scale(1.48) !important;
  transform-origin: center bottom !important;
}

#partnersCard .partner-logo[href*="phoenixhood"] img,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img,
body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img {
  transform: scale(1.9) !important;
  transform-origin: center bottom !important;
}

.partner-logo-info {
  grid-row: 2 !important;
  display: grid !important;
  gap: 0.18rem !important;
  width: 100% !important;
  min-width: 0 !important;
  text-align: center !important;
  color: #eefbff !important;
  line-height: 1.2 !important;
  pointer-events: none !important;
}

.partner-logo-info strong {
  display: block !important;
  font-size: clamp(0.78rem, 0.9vw, 0.92rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.partner-logo-info small {
  display: block !important;
  color: rgba(218, 239, 249, 0.8) !important;
  font-size: clamp(0.64rem, 0.72vw, 0.74rem) !important;
  font-weight: 650 !important;
  line-height: 1.22 !important;
}

.academy-payment-icons {
  gap: 0.65rem !important;
}

.academy-payment-icon-chip {
  width: 126px !important;
  min-width: 126px !important;
  max-width: 126px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  padding: 8px 12px !important;
}

.academy-payment-icon-chip img {
  max-width: 108px !important;
  max-height: 44px !important;
  object-fit: contain !important;
}

.academy-payment-icon-chip-usdt img {
  max-width: 52px !important;
  max-height: 42px !important;
}

@media (max-width: 760px) {
  :root {
    --eds-page-gutter: 2px;
    --eds-section-padding: 8px;
    --eds-card-padding: 8px;
  }

  #partnersCard .partner-logo,
  #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo,
  body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo {
    gap: 0.42rem !important;
    padding: 8px !important;
  }

  .partner-logo-info small {
    font-size: 0.62rem !important;
  }

  .academy-payment-icons {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.5rem !important;
  }

  .academy-payment-icon-chip {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
  }

  .academy-payment-icon-chip img {
    max-width: 96px !important;
    max-height: 40px !important;
  }

  .academy-payment-icon-chip-usdt img {
    max-width: 46px !important;
    max-height: 38px !important;
  }
}

/* Final interaction safety: clickable controls must never move away on hover or press. */
button,
a,
[role="button"],
.interactive-btn,
.page-nav-btn,
.package-btn,
.staking-tab-btn,
.staking-package-option,
.staking-plan-card,
.ux-action-primary,
.ux-action-secondary,
.academy-card-select,
.academy-proof-link,
.academy-request-actions button,
.trust-hero-btn,
.footer-cta-primary,
.footer-cta-secondary,
.plo-cta-btn,
.link-btn,
.faq-tab {
  transform: none !important;
  translate: none !important;
}

button:hover,
button:focus,
button:active,
a:hover,
a:focus,
a:active,
[role="button"]:hover,
[role="button"]:focus,
[role="button"]:active,
.interactive-btn:hover,
.interactive-btn:focus,
.interactive-btn:active,
.page-nav-btn:hover,
.page-nav-btn:focus,
.page-nav-btn:active,
.package-btn:hover,
.package-btn:focus,
.package-btn:active,
.staking-tab-btn:hover,
.staking-tab-btn:focus,
.staking-tab-btn:active,
.staking-package-option:hover,
.staking-package-option:focus,
.staking-package-option:active,
.staking-plan-card:hover,
.staking-plan-card:focus,
.staking-plan-card:active,
.ux-action-primary:hover,
.ux-action-primary:focus,
.ux-action-primary:active,
.ux-action-secondary:hover,
.ux-action-secondary:focus,
.ux-action-secondary:active,
.academy-card-select:hover,
.academy-card-select:focus,
.academy-card-select:active,
.academy-proof-link:hover,
.academy-proof-link:focus,
.academy-proof-link:active,
.trust-hero-btn:hover,
.trust-hero-btn:focus,
.trust-hero-btn:active,
.footer-cta-primary:hover,
.footer-cta-primary:focus,
.footer-cta-primary:active,
.footer-cta-secondary:hover,
.footer-cta-secondary:focus,
.footer-cta-secondary:active,
.plo-cta-btn:hover,
.plo-cta-btn:focus,
.plo-cta-btn:active,
.link-btn:hover,
.link-btn:focus,
.link-btn:active,
.faq-tab:hover,
.faq-tab:focus,
.faq-tab:active {
  transform: none !important;
  translate: none !important;
}

.sticky-bubble:hover,
.ux-floating-glossary:hover,
.ux-tutorial-replay:hover,
.ux-need-help:hover,
.ux-sticky-tools-toggle:hover,
#whatsappIcon:hover {
  transform: none !important;
  translate: none !important;
}

/* Final light-mode contrast, universal radius, compact mobile buttons, and table/video usability. */
:root {
  --eds-unified-radius: 8px;
}

.page-content section,
.page-content article,
.page-content aside,
.page-content .card,
.page-content .simulator-card,
.page-content .staking-section-block,
.page-content .staking-simulator-card,
.page-content .staking-packages-card,
.page-content .staking-fx-card,
.page-content .staking-feature-card,
.page-content .staking-flow-card,
.page-content .staking-live-card,
.page-content .staking-mini-stat,
.page-content .staking-detail-surface,
.page-content .trust-icon-card,
.page-content .feature-card,
.page-content .goal-card,
.page-content .package-card,
.page-content .founder-card-new,
.page-content .founder-row,
.page-content .stat-box-new,
.page-content .partner-logo,
.page-content .academy-hero,
.page-content .academy-course-section,
.page-content .academy-booking-layout,
.page-content .academy-course-card,
.page-content .academy-form,
.page-content .academy-request-card,
.page-content .ux-guide-section,
.page-content .ux-summary-band,
.page-content .ux-final-action,
.page-content .ux-beginner-faq,
.page-content .ux-step-card,
.page-content .ux-field-guide,
.page-content .ux-mini-steps,
.page-content .ux-visual-banner,
.inline-video-trigger,
.inline-video-player-shell,
.inline-video-player-shell iframe,
.eds-video-preview,
.eds-video-preview img {
  border-radius: var(--eds-unified-radius) !important;
}

body:not(.dark-mode) {
  --ui-ink: #071d30;
  --ui-muted: #3e566e;
  --ui-paper: #f6fbff;
  --ui-panel: rgba(255, 255, 255, 0.98);
  --ui-panel-strong: #ffffff;
  --ui-line: rgba(0, 70, 130, 0.16);
  --card-bg: var(--ui-panel);
  --border-color: var(--ui-line);
  --text-color: #071d30;
  --bg-color: var(--ui-paper);
  color: #071d30 !important;
  background:
    linear-gradient(90deg, rgba(23, 233, 239, 0.08), transparent 42%, rgba(0, 114, 206, 0.07)),
    linear-gradient(180deg, #f8fdff 0%, #edf7ff 54%, #f8fdff 100%) !important;
}

body:not(.dark-mode) .page-content section,
body:not(.dark-mode) .page-content article,
body:not(.dark-mode) .page-content aside,
body:not(.dark-mode) .page-content .card,
body:not(.dark-mode) .page-content .simulator-card,
body:not(.dark-mode) .page-content .staking-section-block,
body:not(.dark-mode) .page-content .staking-simulator-card,
body:not(.dark-mode) .page-content .staking-packages-card,
body:not(.dark-mode) .page-content .staking-fx-card,
body:not(.dark-mode) .page-content .staking-feature-card,
body:not(.dark-mode) .page-content .staking-flow-card,
body:not(.dark-mode) .page-content .trust-icon-card,
body:not(.dark-mode) .page-content .feature-card,
body:not(.dark-mode) .page-content .goal-card,
body:not(.dark-mode) .page-content .package-card,
body:not(.dark-mode) .page-content .founder-card-new,
body:not(.dark-mode) .page-content .founder-row,
body:not(.dark-mode) .page-content .stat-box-new,
body:not(.dark-mode) .page-content .academy-hero,
body:not(.dark-mode) .page-content .academy-course-section,
body:not(.dark-mode) .page-content .academy-booking-layout,
body:not(.dark-mode) .page-content .academy-course-card,
body:not(.dark-mode) .page-content .academy-form,
body:not(.dark-mode) .page-content .academy-request-card,
body:not(.dark-mode) .page-content .ux-guide-section,
body:not(.dark-mode) .page-content .ux-summary-band,
body:not(.dark-mode) .page-content .ux-final-action,
body:not(.dark-mode) .page-content .ux-beginner-faq,
body:not(.dark-mode) .page-content .ux-step-card,
body:not(.dark-mode) .page-content .ux-field-guide,
body:not(.dark-mode) .page-content .ux-mini-steps {
  color: #071d30 !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(232, 247, 255, 0.94)),
    #ffffff !important;
  border-color: rgba(0, 114, 206, 0.18) !important;
  box-shadow: 0 12px 30px rgba(0, 32, 90, 0.08) !important;
}

body:not(.dark-mode) .page-content h1,
body:not(.dark-mode) .page-content h2,
body:not(.dark-mode) .page-content h3,
body:not(.dark-mode) .page-content h4,
body:not(.dark-mode) .page-content strong,
body:not(.dark-mode) .section-title,
body:not(.dark-mode) .title-text,
body:not(.dark-mode) .eg-section-title,
body:not(.dark-mode) .academy-hero h1,
body:not(.dark-mode) .academy-section-head h2,
body:not(.dark-mode) .trust-hero-title,
body:not(.dark-mode) .staking-detail-title,
body:not(.dark-mode) .staking-plan-card .plan-name {
  color: #071d30 !important;
  text-shadow: none !important;
}

body:not(.dark-mode) .page-content p,
body:not(.dark-mode) .page-content small,
body:not(.dark-mode) .page-content li,
body:not(.dark-mode) .academy-hero p,
body:not(.dark-mode) .academy-section-head p,
body:not(.dark-mode) .trust-hero-description,
body:not(.dark-mode) .staking-plan-card .plan-desc,
body:not(.dark-mode) .staking-detail-copy {
  color: #3e566e !important;
}

body:not(.dark-mode) .ux-kicker,
body:not(.dark-mode) .eg-section-label,
body:not(.dark-mode) .academy-hero .ux-kicker,
body:not(.dark-mode) .premium-section-badge,
body:not(.dark-mode) .partner-logo-info strong {
  color: #005fa8 !important;
}

body:not(.dark-mode) #partnersCard .partner-logo,
body:not(.dark-mode) #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo {
  background:
    radial-gradient(circle at 28% 12%, rgba(23, 233, 239, 0.22), transparent 34%),
    linear-gradient(135deg, rgba(244, 251, 255, 0.98), rgba(219, 241, 250, 0.96)) !important;
}

body:not(.dark-mode) .partner-logo-info,
body:not(.dark-mode) .partner-logo-info small {
  color: #31516a !important;
}

.inline-video-player-shell {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: min(62vh, 520px) !important;
  overflow: hidden !important;
  position: relative !important;
}

.inline-video-player-shell iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
  display: block !important;
  border: 0 !important;
}

@media (max-width: 760px) {
  .egety-nav-page-btn,
  .egety-nav-link,
  .page-nav-btn,
  .mobile-bottom-page-nav .egety-nav-link,
  .interactive-btn,
  .package-btn,
  .staking-tab-btn,
  .ux-action-primary,
  .ux-action-secondary,
  .trust-hero-btn,
  .link-btn,
  .footer-cta-primary,
  .footer-cta-secondary {
    min-height: 36px !important;
    padding: 7px 9px !important;
    font-size: clamp(0.74rem, 3vw, 0.9rem) !important;
    line-height: 1.15 !important;
  }

  .mobile-bottom-page-nav .egety-nav-link {
    min-width: 78px !important;
    max-width: 112px !important;
  }

  .egety-nav-page-btn i,
  .egety-nav-link i,
  .page-nav-btn i,
  .interactive-btn i,
  .package-btn i {
    font-size: 0.82rem !important;
  }

  .inline-video-player-shell,
  .inline-video-player-shell.video-height-360 {
    max-height: 46vh !important;
  }

  .inline-video-trigger:not(.eds-video-preview) {
    min-height: 0 !important;
    height: auto !important;
    max-height: 46vh !important;
  }

  #purchaseTablesSection,
  #purchaseTablesSection .card,
  #agentSection,
  #simulatorBreakdownSection,
  .staking-packages-card,
  .staking-section-block {
    overflow: visible !important;
    min-width: 0 !important;
  }

  .eds-table-scroll,
  #purchaseTablesSection .overflow-x-auto,
  #agentPackagesTableContainer,
  .staking-table-wrap,
  .table-responsive,
  .overflow-x-auto {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    overscroll-behavior-x: contain !important;
  }

  #packagesTable,
  #purchaseStagesTable,
  #agentPackagesTableContainer table,
  .styled-table,
  .staking-table {
    width: max-content !important;
    min-width: 720px !important;
    max-width: none !important;
  }
}

/* Final tracker, result-card, and slider tick polish. */
.slider-tick-label--near-end,
.slider-tick-label[data-tick-position="96"] {
  transform: translateX(-92%) !important;
}

.slider-tick-label--end,
.slider-tick-label[data-tick-position="100"] {
  transform: translateX(-100%) !important;
}

#resultsContainer .live-simulation-card,
#resultsContainer .saved-simulation-card,
#resultsContainer .agent-results-card {
  overflow: hidden !important;
}

#resultsContainer .live-simulation-card .grid,
#resultsContainer .saved-simulation-card .grid,
#resultsContainer .agent-results-card .agent-results-grid {
  gap: 8px !important;
}

#resultsContainer .live-simulation-card .grid > *,
#resultsContainer .saved-simulation-card .grid > *,
#resultsContainer .agent-results-card .agent-results-grid > *,
#resultsContainer .results-box,
#resultsContainer .stat-card {
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 8px !important;
  border-radius: var(--eds-unified-radius) !important;
  overflow: hidden !important;
}

#resultsContainer .live-simulation-card p,
#resultsContainer .live-simulation-card span,
#resultsContainer .live-simulation-card strong,
#resultsContainer .saved-simulation-card p,
#resultsContainer .saved-simulation-card span,
#resultsContainer .saved-simulation-card strong,
#resultsContainer .agent-results-card p,
#resultsContainer .agent-results-card span,
#resultsContainer .agent-results-card strong {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

#resultsContainer .live-simulation-card .text-2xl,
#resultsContainer .live-simulation-card .text-3xl,
#resultsContainer .saved-simulation-card .text-2xl,
#resultsContainer .saved-simulation-card .text-3xl,
#resultsContainer .agent-results-card .text-2xl,
#resultsContainer .agent-results-card .text-3xl {
  font-size: clamp(1.08rem, 4vw, 1.7rem) !important;
  line-height: 1.12 !important;
}

@media (max-width: 760px) {
  .slider-tick-label--near-end,
  .slider-tick-label[data-tick-position="96"] {
    transform: translateX(-108%) !important;
  }

  #resultsContainer .live-simulation-card .grid,
  #resultsContainer .saved-simulation-card .grid,
  #resultsContainer .agent-results-card .agent-results-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .stat-grid-new,
  .founders-grid .stat-grid-new,
  #founders-section .stat-grid-new {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .stat-box-new {
    min-height: 118px !important;
    padding: 10px !important;
    justify-content: center !important;
  }
}

/* Final FAQ/question hover contrast. */
body:not(.dark-mode) .faq-tab,
body:not(.dark-mode) .faq-tab span,
body:not(.dark-mode) details summary,
body:not(.dark-mode) details summary span,
body:not(.dark-mode) .ux-faq-item summary,
body:not(.dark-mode) .ux-faq-item summary span {
  color: #071d30 !important;
}

body:not(.dark-mode) .faq-tab:hover,
body:not(.dark-mode) .faq-tab:focus,
body:not(.dark-mode) details summary:hover,
body:not(.dark-mode) details summary:focus,
body:not(.dark-mode) .ux-faq-item summary:hover,
body:not(.dark-mode) .ux-faq-item summary:focus {
  color: #071d30 !important;
  background: rgba(0, 160, 208, 0.12) !important;
}

body:not(.dark-mode) .faq-tab:hover *,
body:not(.dark-mode) .faq-tab:focus *,
body:not(.dark-mode) details summary:hover *,
body:not(.dark-mode) details summary:focus *,
body:not(.dark-mode) .ux-faq-item summary:hover *,
body:not(.dark-mode) .ux-faq-item summary:focus * {
  color: #071d30 !important;
}

/* Final visual/design pass: builder banner, academy form/payment, selects, partners, and mobile grids. */
html.eds-preserve-scroll-active {
  scroll-behavior: auto !important;
}

.ux-visual-builder {
  min-height: clamp(128px, 15vw, 210px) !important;
  height: clamp(128px, 15vw, 210px) !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background:
    radial-gradient(circle at 18% 24%, rgba(23, 233, 239, 0.3), transparent 16%),
    radial-gradient(circle at 82% 30%, rgba(0, 114, 206, 0.42), transparent 18%),
    linear-gradient(135deg, rgba(0, 22, 66, 0.98), rgba(0, 64, 96, 0.78) 45%, rgba(0, 3, 51, 0.98)) !important;
  border: 1px solid rgba(126, 238, 255, 0.34) !important;
  box-shadow: inset 0 0 34px rgba(23, 233, 239, 0.14), 0 12px 34px rgba(0, 3, 51, 0.22) !important;
}

.ux-visual-builder::before {
  content: "" !important;
  position: absolute !important;
  inset: 12px !important;
  border-radius: inherit !important;
  background:
    linear-gradient(90deg, transparent 0 18%, rgba(126, 238, 255, 0.22) 18% 19%, transparent 19% 100%),
    linear-gradient(0deg, transparent 0 44%, rgba(126, 238, 255, 0.16) 44% 45%, transparent 45% 100%) !important;
  background-size: 74px 74px !important;
  opacity: 0.65 !important;
}

.ux-visual-builder::after {
  content: "Build -> Connect -> Automate" !important;
  position: absolute !important;
  left: clamp(16px, 4vw, 72px) !important;
  bottom: clamp(14px, 2.5vw, 34px) !important;
  z-index: 2 !important;
  color: #eafaff !important;
  font-size: clamp(0.86rem, 1.6vw, 1.45rem) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 8px 24px rgba(0, 3, 51, 0.75) !important;
}

.ux-visual-builder .ux-network-line {
  height: 3px !important;
  background: linear-gradient(90deg, rgba(23, 233, 239, 0), rgba(23, 233, 239, 0.9), rgba(0, 114, 206, 0.12)) !important;
  box-shadow: 0 0 20px rgba(23, 233, 239, 0.38) !important;
  transform-origin: left center !important;
}

.ux-visual-builder .ux-network-dot {
  width: clamp(18px, 2.2vw, 34px) !important;
  height: clamp(18px, 2.2vw, 34px) !important;
  background: radial-gradient(circle, #ffffff 0 16%, #7eeeff 17% 46%, #0072ce 47% 100%) !important;
  box-shadow: 0 0 24px rgba(23, 233, 239, 0.58) !important;
  opacity: 1 !important;
}

.ux-visual-builder .ux-node-center {
  width: clamp(56px, 6vw, 92px) !important;
  height: clamp(56px, 6vw, 92px) !important;
  background: linear-gradient(135deg, rgba(23, 233, 239, 0.98), rgba(0, 114, 206, 0.9)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  box-shadow: 0 20px 44px rgba(0, 3, 51, 0.42), 0 0 32px rgba(23, 233, 239, 0.38) !important;
}

.ux-visual-builder .ux-node-center i {
  font-size: clamp(1.15rem, 2.5vw, 2.25rem) !important;
}

body:not(.dark-mode) .ux-visual-builder {
  background:
    radial-gradient(circle at 18% 24%, rgba(23, 233, 239, 0.34), transparent 16%),
    radial-gradient(circle at 82% 30%, rgba(0, 114, 206, 0.32), transparent 18%),
    linear-gradient(135deg, #dff8ff, #9fd6ea 45%, #4d83aa) !important;
}

body:not(.dark-mode) .ux-visual-builder::after {
  color: #062135 !important;
  text-shadow: 0 4px 18px rgba(255, 255, 255, 0.72) !important;
}

.builder-module-grid {
  align-items: stretch !important;
}

.builder-module-card:has([data-translate="builder_mod_ai"]) {
  min-height: clamp(220px, 22vw, 340px) !important;
  background:
    radial-gradient(circle at 50% 26%, rgba(23, 233, 239, 0.32), transparent 34%),
    linear-gradient(145deg, rgba(0, 114, 206, 0.26), rgba(0, 22, 66, 0.82)) !important;
}

.builder-module-card:has([data-translate="builder_mod_ai"]) i {
  font-size: clamp(3rem, 7vw, 6.5rem) !important;
  color: #17e9ef !important;
  filter: drop-shadow(0 0 22px rgba(23, 233, 239, 0.5)) !important;
}

.builder-module-card:has([data-translate="builder_mod_ai"]) span {
  font-size: clamp(1.15rem, 2.4vw, 2.3rem) !important;
  font-weight: 950 !important;
}

body:not(.dark-mode) .builder-module-card:has([data-translate="builder_mod_ai"]) {
  background:
    radial-gradient(circle at 50% 22%, rgba(23, 233, 239, 0.34), transparent 36%),
    linear-gradient(145deg, #f6fcff, #cbeeff) !important;
}

div:has(> div > img[alt="Egety Builder"]) {
  flex: 1 1 520px !important;
  min-width: min(100%, 360px) !important;
}

div:has(> img[alt="Egety Builder"]) {
  width: 100% !important;
}

img[alt="Egety Builder"] {
  width: 100% !important;
  min-height: clamp(260px, 36vw, 520px) !important;
  max-height: min(70vh, 560px) !important;
  object-fit: contain !important;
  background: linear-gradient(135deg, rgba(0, 22, 66, 0.94), rgba(0, 64, 96, 0.72)) !important;
}

#partnersCard .partner-logo,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo,
body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo {
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: 2.35 / 1 !important;
  padding: clamp(8px, 1vw, 12px) !important;
  grid-template-rows: minmax(52px, 1fr) auto !important;
  gap: 0.32rem !important;
  background:
    radial-gradient(circle at 25% 8%, rgba(126, 238, 255, 0.18), transparent 30%),
    linear-gradient(135deg, rgba(7, 41, 70, 0.98), rgba(0, 18, 51, 0.98)) !important;
}

body:not(.dark-mode) #partnersCard .partner-logo,
body:not(.dark-mode) #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo {
  background:
    radial-gradient(circle at 25% 8%, rgba(126, 238, 255, 0.2), transparent 30%),
    linear-gradient(135deg, #3b6f8a, #163a5a) !important;
  border-color: rgba(0, 114, 206, 0.42) !important;
}

body:not(.dark-mode) .partner-logo-info,
body:not(.dark-mode) .partner-logo-info small {
  color: rgba(245, 251, 255, 0.88) !important;
}

body:not(.dark-mode) .partner-logo-info strong {
  color: #ffffff !important;
}

.academy-wallet-copy,
.academy-local-payment {
  background: linear-gradient(135deg, rgba(0, 22, 66, 0.82), rgba(0, 76, 112, 0.58)) !important;
  border: 1px solid rgba(126, 238, 255, 0.35) !important;
  border-radius: var(--eds-unified-radius, 8px) !important;
  padding: 0.75rem !important;
}

.academy-wallet-usdt-logo {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 44px !important;
}

.academy-wallet-usdt-logo img {
  max-width: 42px !important;
  max-height: 38px !important;
}

.academy-local-payment .academy-payment-icons {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.academy-local-payment .academy-payment-icon-chip {
  background: linear-gradient(135deg, #1a2d52, #253a62) !important;
  border-color: rgba(126, 238, 255, 0.35) !important;
}

body:not(.dark-mode) .academy-wallet-copy,
body:not(.dark-mode) .academy-local-payment {
  background: linear-gradient(135deg, #6f879f, #516d8a) !important;
  border-color: rgba(0, 114, 206, 0.35) !important;
  color: #ffffff !important;
}

body:not(.dark-mode) .academy-wallet-copy strong,
body:not(.dark-mode) .academy-local-payment strong,
body:not(.dark-mode) .academy-payment-phone {
  color: #ffffff !important;
}

body:not(.dark-mode) .academy-wallet-address,
body:not(.dark-mode) .academy-copy-wallet-btn {
  color: #ffffff !important;
  background: linear-gradient(135deg, rgba(0, 95, 168, 0.98), rgba(0, 160, 208, 0.82)) !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
}

body:not(.dark-mode) .academy-local-payment .academy-payment-icon-chip {
  background: linear-gradient(135deg, #314b70, #253b5e) !important;
  border-color: rgba(255, 255, 255, 0.36) !important;
}

select,
.academy-form select,
.academy-page select,
#languageSelect,
#currencySelect {
  appearance: none !important;
  -webkit-appearance: none !important;
  color: #f4fbff !important;
  border: 1px solid rgba(126, 238, 255, 0.48) !important;
  background:
    linear-gradient(45deg, transparent 50%, #17e9ef 50%) calc(100% - 18px) 50% / 7px 7px no-repeat,
    linear-gradient(135deg, rgba(0, 114, 206, 0.94), rgba(0, 42, 87, 0.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 10px 24px rgba(0, 3, 51, 0.12) !important;
}

select:hover,
select:focus,
.academy-form select:hover,
.academy-form select:focus,
.academy-page select:hover,
.academy-page select:focus,
#languageSelect:hover,
#languageSelect:focus,
#currencySelect:hover,
#currencySelect:focus {
  color: #ffffff !important;
  border-color: rgba(126, 238, 255, 0.86) !important;
  background:
    linear-gradient(45deg, transparent 50%, #ffffff 50%) calc(100% - 18px) 50% / 7px 7px no-repeat,
    linear-gradient(135deg, rgba(0, 160, 208, 0.96), rgba(0, 70, 126, 0.98)) !important;
  box-shadow: 0 0 0 3px rgba(23, 233, 239, 0.14), 0 14px 26px rgba(0, 3, 51, 0.18) !important;
}

select option,
.academy-form select option,
.academy-page select option,
#languageSelect option,
#currencySelect option {
  background: #092746 !important;
  color: #f4fbff !important;
}

body:not(.dark-mode) select,
body:not(.dark-mode) .academy-form select,
body:not(.dark-mode) .academy-page select,
body:not(.dark-mode) #languageSelect,
body:not(.dark-mode) #currencySelect {
  color: #ffffff !important;
  background:
    linear-gradient(45deg, transparent 50%, #17e9ef 50%) calc(100% - 18px) 50% / 7px 7px no-repeat,
    linear-gradient(135deg, #26c5df, #225b8c) !important;
  border-color: rgba(23, 233, 239, 0.72) !important;
}

body:not(.dark-mode) select option,
body:not(.dark-mode) .academy-form select option,
body:not(.dark-mode) .academy-page select option,
body:not(.dark-mode) #languageSelect option,
body:not(.dark-mode) #currencySelect option {
  background: #eaf8ff !important;
  color: #08233a !important;
}

body:not(.dark-mode) .course-level,
body:not(.dark-mode) .academy-course-level,
body:not(.dark-mode) .academy-course-card [class*="level"],
body:not(.dark-mode) .academy-course-card [data-course-level] {
  color: #062135 !important;
  background: linear-gradient(135deg, #dff8ff, #8cecf2) !important;
  border-color: rgba(0, 114, 206, 0.35) !important;
}

#page5 .academy-form fieldset,
body[data-active-page="page5"] .academy-form fieldset {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.65rem !important;
}

#page5 .academy-form fieldset legend,
body[data-active-page="page5"] .academy-form fieldset legend,
body:not(.dark-mode) #page5 .academy-form fieldset legend {
  color: #20374e !important;
  font-weight: 950 !important;
}

#page5 .academy-form fieldset label,
body[data-active-page="page5"] .academy-form fieldset label {
  min-height: 48px !important;
  padding: 0.64rem 0.78rem !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, rgba(0, 114, 206, 0.82), rgba(0, 42, 87, 0.9)) !important;
  border: 1px solid rgba(126, 238, 255, 0.35) !important;
}

body:not(.dark-mode) #page5 .academy-form fieldset label,
body:not(.dark-mode)[data-active-page="page5"] .academy-form fieldset label {
  color: #ffffff !important;
  background: linear-gradient(135deg, #1daed2, #6d8097) !important;
  border-color: rgba(0, 114, 206, 0.32) !important;
}

#page5 .academy-form input[type="radio"],
body[data-active-page="page5"] .academy-form input[type="radio"] {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  box-shadow: inset 0 0 0 5px rgba(0, 3, 51, 0.92) !important;
}

#page5 .academy-form input[type="radio"]:checked,
body[data-active-page="page5"] .academy-form input[type="radio"]:checked {
  background: #17e9ef !important;
  border-color: #ffffff !important;
  box-shadow: inset 0 0 0 5px rgba(0, 3, 51, 0.92), 0 0 0 3px rgba(23, 233, 239, 0.18) !important;
}

#page5 .academy-form,
body[data-active-page="page5"] .academy-form {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#page5 .academy-form > .academy-section-head,
#page5 .academy-form > .academy-selected-course,
#page5 .academy-form > .academy-form-grid,
#page5 .academy-form > label:has(textarea),
#page5 .academy-form > label:has(input[type="file"]),
#page5 .academy-form > button[type="submit"] {
  grid-column: 1 / -1 !important;
}

#page5 .academy-form > label:has(#academyCourseSelect),
#page5 .academy-form > fieldset,
#page5 .academy-form > label:has(select[name="paymentMethod"]) {
  grid-column: span 1 !important;
}

#page5 .academy-form > .academy-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#page5 .academy-form > button[type="submit"],
body[data-active-page="page5"] .academy-form > button[type="submit"] {
  justify-self: center !important;
}

@media (max-width: 760px) {
  .stat-grid-new,
  .trust-icon-grid,
  .builder-module-grid,
  .staking-feature-grid,
  .staking-live-grid,
  .staking-results-grid,
  .academy-course-grid,
  .partners-logo-grid,
  #partnersCard .partners-logo-grid,
  #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partners-logo-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .stat-box-new,
  .trust-icon-card,
  .builder-module-card,
  .academy-course-card,
  #partnersCard .partner-logo {
    min-width: 0 !important;
    min-height: 104px !important;
    padding: 9px !important;
  }

  .builder-module-card:has([data-translate="builder_mod_ai"]) {
    min-height: 216px !important;
    grid-row: span 2 !important;
  }

  .builder-module-card:has([data-translate="builder_mod_ai"]) i {
    font-size: clamp(3.4rem, 13vw, 5.8rem) !important;
  }

  .builder-module-card:has([data-translate="builder_mod_ai"]) span {
    font-size: clamp(1.25rem, 5vw, 2rem) !important;
  }

  .ux-visual-builder {
    height: 124px !important;
    min-height: 124px !important;
    max-height: 124px !important;
  }

  .footer-link-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.55rem 0.7rem !important;
  }

  .footer-link-list a {
    min-width: 0 !important;
    padding: 0.38rem 0 !important;
    line-height: 1.2 !important;
  }

  .footer-link-list a span {
    overflow-wrap: anywhere !important;
  }

  .academy-payment-strip {
    grid-template-columns: 1fr !important;
  }

  #page5 .academy-form,
  body[data-active-page="page5"] .academy-form,
  #page5 .academy-form > .academy-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #page5 .academy-form > .academy-section-head,
  #page5 .academy-form > .academy-selected-course,
  #page5 .academy-form > label:has(textarea),
  #page5 .academy-form > label:has(input[type="file"]),
  #page5 .academy-form > button[type="submit"] {
    grid-column: 1 / -1 !important;
  }

  #page5 .academy-form > label:has(#academyCourseSelect),
  #page5 .academy-form > fieldset,
  #page5 .academy-form > label:has(select[name="paymentMethod"]) {
    grid-column: span 1 !important;
  }
}

@media (max-width: 440px) {
  #page5 .academy-form,
  body[data-active-page="page5"] .academy-form,
  #page5 .academy-form > .academy-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #page5 .academy-form label,
  #page5 .academy-form fieldset label {
    font-size: 0.82rem !important;
  }

  #page5 .academy-form input,
  #page5 .academy-form select,
  #page5 .academy-form textarea {
    min-height: 42px !important;
    padding: 0.58rem 0.62rem !important;
    font-size: 0.86rem !important;
  }

  #page5 .academy-form fieldset {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 420px) {
  .slider-ticks-container {
    padding-right: 22px !important;
  }

  .slider-tick-label--near-end,
  .slider-tick-label[data-tick-position="96"] {
    transform: translateX(-124%) !important;
  }

  #resultsContainer .live-simulation-card .grid > *,
  #resultsContainer .saved-simulation-card .grid > *,
  #resultsContainer .agent-results-card .agent-results-grid > *,
  #resultsContainer .results-box,
  #resultsContainer .stat-card {
    padding: 7px !important;
  }
}

/* Keep PLO explanation cards readable on mobile: one card per row. */
@media (max-width: 760px) {
  .plo-benefit-grid {
    grid-template-columns: 1fr !important;
  }

  .plo-benefit-card {
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: start !important;
  }
}

/* Final nav lock: one line, centered when it fits, horizontal swipe only when needed. */
#egetyNavLinks.egety-nav-links,
.egety-nav-links#egetyNavLinks {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  max-width: 100% !important;
}

#egetyNavLinks.egety-nav-links::-webkit-scrollbar,
.egety-nav-links#egetyNavLinks::-webkit-scrollbar,
.mobile-bottom-page-nav .mobile-bottom-page-nav-inner::-webkit-scrollbar {
  display: none !important;
}

#egetyNavLinks .egety-nav-link,
#egetyNavLinks .egety-nav-page-btn,
#egetyNavLinks .egety-nav-external-btn {
  flex: 0 1 auto !important;
  min-width: max-content !important;
  width: auto !important;
  white-space: nowrap !important;
}

#egetyNavLinks .egety-nav-link span,
#egetyNavLinks .egety-nav-page-btn span,
#egetyNavLinks .egety-nav-external-btn span,
.mobile-bottom-page-nav .egety-nav-link span,
.mobile-bottom-page-nav .egety-nav-page-btn span,
.mobile-bottom-page-nav .egety-nav-external-btn span {
  display: inline-block !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: none !important;
}

.mobile-bottom-page-nav {
  overflow: hidden !important;
}

.mobile-bottom-page-nav .mobile-bottom-page-nav-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.38rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  scroll-snap-type: x proximity !important;
}

.mobile-bottom-page-nav .egety-nav-link,
.mobile-bottom-page-nav .egety-nav-page-btn,
.mobile-bottom-page-nav .egety-nav-external-btn {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  white-space: nowrap !important;
  scroll-snap-align: center !important;
}

@media (max-width: 760px) {
  #egetyNavLinks.egety-nav-links,
  .egety-nav-links#egetyNavLinks,
  .mobile-bottom-page-nav .mobile-bottom-page-nav-inner {
    justify-content: flex-start !important;
  }

  .mobile-bottom-page-nav .egety-nav-link,
  .mobile-bottom-page-nav .egety-nav-page-btn,
  .mobile-bottom-page-nav .egety-nav-external-btn {
    min-height: 44px !important;
    padding: 0.5rem 0.72rem !important;
  }
}

/* Final academy payment strip ordering. */
.academy-wallet-copy {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.55rem 0.7rem !important;
}

.academy-wallet-usdt-logo {
  grid-column: 1 / -1 !important;
  justify-self: start !important;
  margin-bottom: 0.12rem !important;
}

.academy-local-payment {
  display: grid !important;
  gap: 0.65rem !important;
}

.academy-local-payment-title {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.55rem !important;
}

.academy-local-payment-title .academy-payment-phone {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  font-size: clamp(0.92rem, 1.25vw, 1.08rem) !important;
}

@media (max-width: 640px) {
  .academy-wallet-copy {
    grid-template-columns: 1fr !important;
  }

  .academy-local-payment-title {
    justify-content: flex-start !important;
  }
}

/* Final Phoenix Hood alignment: move only the logo artwork slightly lower. */
#partnersCard .partner-logo[href*="phoenixhood"] img,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img,
body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img {
  transform: translateY(8px) scale(1.9) !important;
}

@media (max-width: 760px) {
  #partnersCard .partner-logo[href*="phoenixhood"] img,
  #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img,
  body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img {
    transform: translateY(10px) scale(1.9) !important;
  }
}

/* Final mobile video play visibility: both video thumbnails always show a centered play CTA. */
@media (max-width: 760px) {
  button.inline-video-trigger.eds-video-preview,
  .inline-video-trigger.eds-video-preview {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    min-height: clamp(230px, 62vw, 320px) !important;
  }

  button.inline-video-trigger.eds-video-preview > img,
  .inline-video-trigger.eds-video-preview > img {
    position: relative !important;
    z-index: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .eds-video-preview-overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background:
      linear-gradient(180deg, rgba(0, 3, 51, 0.12), rgba(0, 3, 51, 0.46)),
      radial-gradient(circle at 50% 50%, rgba(23, 233, 239, 0.22), transparent 40%) !important;
    pointer-events: none !important;
  }

  .eds-video-preview-badge {
    z-index: 4 !important;
  }

  .eds-video-preview-play {
    position: absolute !important;
    z-index: 6 !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    width: min(82%, 300px) !important;
    max-width: calc(100% - 28px) !important;
    min-width: 0 !important;
    min-height: 74px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 0.78rem 0.9rem !important;
    border-radius: 8px !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    background:
      linear-gradient(135deg, rgba(0, 114, 206, 0.96), rgba(23, 233, 239, 0.88)),
      rgba(0, 22, 66, 0.9) !important;
    box-shadow:
      0 16px 36px rgba(0, 3, 51, 0.46),
      0 0 0 3px rgba(23, 233, 239, 0.18) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
  }

  .eds-video-preview-play-circle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #0072ce !important;
    box-shadow: 0 10px 24px rgba(0, 3, 51, 0.3) !important;
  }

  .eds-video-preview-play-circle i {
    display: inline-block !important;
    color: #0072ce !important;
    font-size: 1rem !important;
    transform: translateX(1px) !important;
  }

  .eds-video-preview-play-copy {
    display: grid !important;
    min-width: 0 !important;
    gap: 0.12rem !important;
    text-align: left !important;
  }

  .eds-video-preview-play-copy strong {
    display: block !important;
    color: #ffffff !important;
    font-size: clamp(0.82rem, 3.5vw, 1rem) !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .eds-video-preview-play-copy small {
    display: block !important;
    color: rgba(255, 255, 255, 0.84) !important;
    font-size: clamp(0.68rem, 2.8vw, 0.78rem) !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 420px) {
  .eds-video-preview-play {
    width: min(86%, 280px) !important;
    min-height: 66px !important;
    padding: 0.7rem 0.78rem !important;
    gap: 0.62rem !important;
  }

  .eds-video-preview-play-circle {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
  }

  .eds-video-preview-play-copy small {
    display: none !important;
  }
}

/* Final mobile EDS stages/batches and table swipe behavior. */
@media (max-width: 760px) {
  #purchaseTablesSection {
    min-width: 0 !important;
    overflow: visible !important;
  }

  #purchaseTablesSection .card {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .package-tier-selector-wrap,
  #packageStageButtonsSmall {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  #packageStageButtonsSmall {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.48rem !important;
  }

  #packageStageButtonsSmall .package-stage-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 0.28rem !important;
  }

  #packageStageButtonsSmall .package-stage-row-label {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    font-size: 0.76rem !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  #packageStageButtonsSmall .stage-btn-group {
    display: grid !important;
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
    gap: 0.18rem !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    padding: 0 !important;
    scrollbar-width: none !important;
  }

  #packageStageButtonsSmall .mini-stage-btn,
  #packageStageButtonsSmall .interactive-btn,
  #packageStageButtonsSmall .release-btn {
    flex: 0 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0.25rem 0.12rem !important;
    border-radius: 6px !important;
    font-size: clamp(0.64rem, 2.6vw, 0.76rem) !important;
    line-height: 1 !important;
  }

  #purchaseTablesSection .overflow-x-auto,
  #purchaseTablesSection .eds-table-scroll {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    overscroll-behavior-x: contain !important;
    padding-bottom: 0.35rem !important;
  }

  #purchaseTablesSection table,
  #packagesTable,
  #purchaseStagesTable {
    width: max-content !important;
    max-width: none !important;
    table-layout: auto !important;
    border-collapse: collapse !important;
  }

  #packagesTable {
    min-width: 760px !important;
  }

  #purchaseStagesTable {
    min-width: 620px !important;
  }

  #packagesTable th,
  #packagesTable td,
  #purchaseStagesTable th,
  #purchaseStagesTable td {
    white-space: nowrap !important;
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
  }
}

@media (max-width: 420px) {
  #packageStageButtonsSmall .mini-stage-btn,
  #packageStageButtonsSmall .interactive-btn,
  #packageStageButtonsSmall .release-btn {
    height: 30px !important;
    min-height: 30px !important;
    font-size: 0.62rem !important;
    padding: 0.2rem 0.08rem !important;
  }

  #packageStageButtonsSmall .stage-btn-group {
    gap: 0.12rem !important;
  }
}

/* Final tablet/mobile two-up card grids across pages. */
@media (max-width: 1024px) {
  .stat-grid-new,
  .founders-grid .stat-grid-new,
  #founders-section .stat-grid-new,
  .trust-icon-grid,
  .builder-module-grid,
  .staking-feature-grid,
  .staking-live-grid,
  .staking-results-grid,
  .academy-course-grid,
  .partners-logo-grid,
  #partnersCard .partners-logo-grid,
  #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partners-logo-grid,
  .eds-hero-story-mini-grid,
  .eds-investor-summary-grid,
  .installment-premium-grid,
  .installment-results-premium-grid,
  .staking-detail-points,
  .staking-plan-benefit-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(8px, 1.8vw, 12px) !important;
  }

  .stat-box-new,
  .trust-icon-card,
  .builder-module-card,
  .staking-feature-card,
  .staking-live-card,
  .staking-result-card,
  .academy-course-card,
  .partner-logo,
  .eds-hero-story-mini,
  .installment-premium-panel,
  .installment-suggestion-card,
  .staking-mini-stat {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .builder-module-card:has([data-translate="builder_mod_ai"]) {
    grid-row: span 2 !important;
  }

  .plo-benefit-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Final hard override: founder stats two-up and compact staking packages. */
@media (max-width: 1024px) {
  .ux-founders-partners-row #founders-section .stat-grid-new,
  .founders-grid .stat-grid-new,
  #founders-section .stat-grid-new,
  .stat-grid-new {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .ux-founders-partners-row #founders-section .stat-box-new,
  #founders-section .stat-box-new,
  .stat-box-new {
    min-height: clamp(94px, 22vw, 128px) !important;
    padding: 9px !important;
  }

  #stakingPlansList,
  #page4 #stakingPlansList,
  body[data-active-page="page4"] #stakingPlansList {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #page4 .staking-plan-card,
  body[data-active-page="page4"] .staking-plan-card,
  .staking-plan-card {
    min-width: 0 !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    grid-template-areas:
      "image copy"
      "price price" !important;
    align-items: center !important;
    gap: 6px 8px !important;
    padding: 8px !important;
  }

  #page4 .staking-plan-card img,
  body[data-active-page="page4"] .staking-plan-card img,
  .staking-plan-card img {
    grid-area: image !important;
    width: 56px !important;
    height: 48px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    object-fit: cover !important;
  }

  .staking-plan-copy {
    grid-area: copy !important;
    min-width: 0 !important;
  }

  .staking-plan-prices {
    grid-area: price !important;
    display: grid !important;
    gap: 0.1rem !important;
    min-width: 0 !important;
  }

  .staking-plan-card .ux-plan-label {
    font-size: 0.58rem !important;
    padding: 0.18rem 0.35rem !important;
    margin-bottom: 0.2rem !important;
  }

  .staking-plan-card .plan-name {
    font-size: clamp(0.78rem, 2.9vw, 0.92rem) !important;
    line-height: 1.12 !important;
  }

  .staking-plan-card .plan-desc {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-size: clamp(0.68rem, 2.55vw, 0.78rem) !important;
    line-height: 1.25 !important;
  }

  .staking-plan-mini-icons {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.22rem !important;
    margin-top: 0.35rem !important;
  }

  .staking-plan-mini-icons span {
    min-height: 22px !important;
    padding: 0.14rem 0.32rem !important;
    font-size: clamp(0.56rem, 2.2vw, 0.66rem) !important;
    line-height: 1.05 !important;
  }

  .staking-plan-card .plan-price {
    font-size: clamp(0.78rem, 2.8vw, 0.92rem) !important;
    line-height: 1.15 !important;
  }

  .staking-plan-card .plan-price-sub {
    font-size: clamp(0.64rem, 2.4vw, 0.72rem) !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 420px) {
  #page4 .staking-plan-card,
  body[data-active-page="page4"] .staking-plan-card,
  .staking-plan-card {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    padding: 7px !important;
    gap: 5px 7px !important;
  }

  #page4 .staking-plan-card img,
  body[data-active-page="page4"] .staking-plan-card img,
  .staking-plan-card img {
    width: 46px !important;
    height: 42px !important;
    min-width: 46px !important;
    max-width: 46px !important;
  }
}

/* Final global spacing and Academy attendance polish. */
:root {
  --eds-unified-page-gutter: clamp(8px, 1.25vw, 22px);
  --eds-unified-section-x: clamp(12px, 1.45vw, 24px);
  --eds-header-clearance: clamp(18px, 1.7vw, 30px);
}

#egetyNav,
.egety-nav,
.page-content,
.footer-redesigned,
#partnersAndFaqContainer,
#uxFoundersPartnersRow {
  width: min(1680px, calc(100% - (var(--eds-unified-page-gutter) * 2))) !important;
  max-width: min(1680px, calc(100% - (var(--eds-unified-page-gutter) * 2))) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#egetyNav ~ .page-content {
  margin-top: var(--eds-header-clearance) !important;
  padding-top: 0 !important;
}

.page-content > section,
.page-content > div,
.page-content .academy-hero,
.page-content .academy-course-section,
.page-content .academy-booking-layout,
.page-content .staking-page-shell,
.page-content .ux-guide-section,
.page-content .ux-summary-band,
.page-content .ux-beginner-faq,
.page-content .ux-final-action {
  padding-left: var(--eds-unified-section-x) !important;
  padding-right: var(--eds-unified-section-x) !important;
  box-sizing: border-box !important;
}

#page5 .academy-form fieldset,
body[data-active-page="page5"] .academy-form fieldset {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.55rem !important;
  margin: 0 !important;
}

#page5 .academy-form fieldset legend,
body[data-active-page="page5"] .academy-form fieldset legend {
  margin: 0 0 0.35rem !important;
  color: #eafaff !important;
  opacity: 1 !important;
  text-shadow: 0 0 12px rgba(23, 233, 239, 0.2) !important;
}

#page5 .academy-form fieldset label,
body[data-active-page="page5"] .academy-form fieldset label {
  min-height: 50px !important;
  padding: 0.55rem 0.78rem !important;
  gap: 0.62rem !important;
  border-radius: 8px !important;
  border: 1px solid rgba(126, 238, 255, 0.48) !important;
  background:
    linear-gradient(135deg, rgba(0, 126, 184, 0.42), rgba(0, 28, 74, 0.82)),
    rgba(0, 22, 66, 0.78) !important;
  color: #f5fcff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 8px 18px rgba(0, 3, 51, 0.16) !important;
  transform: none !important;
}

#page5 .academy-form fieldset label:has(input[type="radio"]:checked),
body[data-active-page="page5"] .academy-form fieldset label:has(input[type="radio"]:checked) {
  border-color: rgba(23, 233, 239, 0.96) !important;
  background:
    linear-gradient(135deg, rgba(0, 154, 217, 0.9), rgba(17, 233, 239, 0.36)),
    rgba(0, 45, 105, 0.92) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 0 2px rgba(23, 233, 239, 0.14),
    0 12px 24px rgba(0, 188, 220, 0.18) !important;
}

#page5 .academy-form input[type="radio"],
body[data-active-page="page5"] .academy-form input[type="radio"] {
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  border: 2px solid rgba(142, 239, 255, 0.95) !important;
  background: rgba(0, 4, 36, 0.78) !important;
  box-shadow: inset 0 0 0 5px rgba(0, 4, 36, 0.96) !important;
}

#page5 .academy-form input[type="radio"]:checked,
body[data-active-page="page5"] .academy-form input[type="radio"]:checked {
  background: #17e9ef !important;
  border-color: #ffffff !important;
  box-shadow:
    inset 0 0 0 5px rgba(0, 4, 36, 0.96),
    0 0 0 3px rgba(23, 233, 239, 0.2) !important;
}

body:not(.dark-mode) #page5 .academy-form fieldset legend,
body:not(.dark-mode)[data-active-page="page5"] .academy-form fieldset legend {
  color: #17314c !important;
  text-shadow: none !important;
}

body.dark-mode #page5 .academy-form fieldset legend,
body.dark-mode[data-active-page="page5"] .academy-form fieldset legend,
body.dark-mode .academy-page .academy-form fieldset legend {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 0 14px rgba(23, 233, 239, 0.28) !important;
}

body:not(.dark-mode) #page5 .academy-form fieldset label,
body:not(.dark-mode)[data-active-page="page5"] .academy-form fieldset label {
  color: #143151 !important;
  border-color: rgba(0, 164, 214, 0.38) !important;
  background:
    linear-gradient(135deg, rgba(220, 250, 255, 0.98), rgba(182, 224, 240, 0.86)),
    #eefaff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 8px 18px rgba(42, 92, 132, 0.12) !important;
}

body:not(.dark-mode) #page5 .academy-form fieldset label:has(input[type="radio"]:checked),
body:not(.dark-mode)[data-active-page="page5"] .academy-form fieldset label:has(input[type="radio"]:checked) {
  color: #071a2f !important;
  border-color: rgba(0, 178, 225, 0.86) !important;
  background:
    linear-gradient(135deg, rgba(43, 202, 233, 0.92), rgba(120, 224, 244, 0.62)),
    #dffaff !important;
}

@media (max-width: 760px) {
  :root {
    --eds-unified-page-gutter: 6px;
    --eds-unified-section-x: 10px;
    --eds-header-clearance: 18px;
  }

  #egetyNav ~ .page-content {
    margin-top: var(--eds-header-clearance) !important;
  }
}

/* Final unified section shape and mobile showcase media width. */
:root {
  --eds-final-radius: 8px;
  --eds-final-section-pad: clamp(12px, 1.35vw, 22px);
  --eds-final-section-y: clamp(12px, 1.45vw, 24px);
}

.page-content > section,
.page-content > div,
.page-content section > .card,
.page-content .card,
.page-content .academy-hero,
.page-content .academy-course-section,
.page-content .academy-booking-layout,
.page-content .academy-form,
.page-content .academy-course-card,
.page-content .academy-request-card,
.page-content .staking-page-shell,
.page-content .staking-plan-card,
.page-content .staking-feature-card,
.page-content .staking-flow-card,
.page-content .trust-icon-card,
.page-content .builder-module-card,
.page-content .feature-card,
.page-content .goal-card,
.page-content .package-card,
.page-content .founder-card-new,
.page-content .founder-row,
.page-content .stat-box-new,
.page-content .partner-logo,
.page-content .ux-guide-section,
.page-content .ux-summary-band,
.page-content .ux-beginner-faq,
.page-content .ux-final-action,
.page-content .ux-visual-banner,
.page-content .interactive-shell,
#digitalRevolutionSection,
#builder-showcase-section > div,
#trust-app-showcase-section > div,
#plo-banner-section > div,
#partnersCard,
#founders-section {
  border-radius: var(--eds-final-radius) !important;
  box-sizing: border-box !important;
}

.page-content > section,
.page-content > div,
.page-content .academy-hero,
.page-content .academy-course-section,
.page-content .academy-booking-layout,
.page-content .staking-page-shell,
.page-content .ux-guide-section,
.page-content .ux-summary-band,
.page-content .ux-beginner-faq,
.page-content .ux-final-action,
.page-content .interactive-shell,
#digitalRevolutionSection,
#builder-showcase-section > div,
#trust-app-showcase-section > div,
#plo-banner-section > div,
#partnersCard,
#founders-section {
  padding: var(--eds-final-section-y) var(--eds-final-section-pad) !important;
}

.page-content img,
.page-content video,
.page-content iframe,
.inline-video-trigger,
.inline-video-player-shell {
  border-radius: var(--eds-final-radius) !important;
}

@media (max-width: 760px) {
  :root {
    --eds-final-section-pad: 10px;
    --eds-final-section-y: 10px;
  }

  #builder-showcase-section,
  #trust-app-showcase-section {
    padding-left: var(--eds-final-section-pad) !important;
    padding-right: var(--eds-final-section-pad) !important;
  }

  #builder-showcase-section > div,
  #trust-app-showcase-section > div {
    padding: var(--eds-final-section-y) var(--eds-final-section-pad) !important;
  }

  #builder-showcase-section > div > div[style*="display:grid"],
  #trust-app-showcase-section > div > div[style*="display:grid"] {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  #builder-showcase-section img,
  #trust-app-showcase-section img {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    display: block !important;
  }

  #builder-showcase-section img {
    object-position: center !important;
  }

  #trust-app-showcase-section img {
    object-fit: contain !important;
    background: rgba(0, 18, 52, 0.7) !important;
  }
}

/* Final mobile video width and play CTA correction. */
@media (max-width: 760px) {
  .page-content {
    --eds-final-section-pad: 6px;
    --eds-unified-section-x: 6px;
  }

  #digitalRevolutionSection,
  .ecosystem-video-card {
    padding: 6px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  #digitalRevolutionSection > .grid,
  .ecosystem-video-card > .grid,
  .ecosystem-video-card {
    gap: 8px !important;
  }

  button.inline-video-trigger.eds-video-preview,
  .inline-video-trigger.eds-video-preview {
    width: 100% !important;
    max-width: 100% !important;
    min-height: clamp(250px, 72vw, 340px) !important;
    height: clamp(250px, 72vw, 340px) !important;
    max-height: 340px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 8px !important;
  }

  button.inline-video-trigger.eds-video-preview > img,
  .inline-video-trigger.eds-video-preview > img {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .eds-video-preview-play {
    top: auto !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    transform: none !important;
    width: auto !important;
    max-width: none !important;
    min-height: 58px !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 0.55rem !important;
    padding: 0.55rem 0.65rem !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  .eds-video-preview-play-circle {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
  }

  .eds-video-preview-play-circle i {
    font-size: 0.88rem !important;
  }

  .eds-video-preview-play-copy {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .eds-video-preview-play-copy strong {
    font-size: clamp(0.78rem, 3.15vw, 0.94rem) !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .eds-video-preview-play-copy small {
    display: none !important;
  }
}

@media (max-width: 380px) {
  .eds-video-preview-play {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    min-height: 54px !important;
    padding: 0.5rem 0.55rem !important;
    gap: 0.48rem !important;
  }

  .eds-video-preview-play-circle {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
  }
}

/* Final staking packages: compact list rows instead of card grid. */
#stakingPlansList,
#page4 #stakingPlansList,
body[data-active-page="page4"] #stakingPlansList,
#page4 .staking-plan-grid,
body[data-active-page="page4"] .staking-plan-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
}

#page4 .staking-plan-card,
body[data-active-page="page4"] .staking-plan-card,
.staking-plan-card {
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) minmax(96px, auto) !important;
  grid-template-areas: "image copy price" !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 0 !important;
  padding: 9px 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 8px !important;
  transform: none !important;
}

#page4 .staking-plan-card img,
body[data-active-page="page4"] .staking-plan-card img,
.staking-plan-card img {
  grid-area: image !important;
  width: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

.staking-plan-copy {
  grid-area: copy !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 0.22rem !important;
}

.staking-plan-prices {
  grid-area: price !important;
  min-width: 0 !important;
  display: grid !important;
  align-content: center !important;
  justify-items: end !important;
  text-align: right !important;
  gap: 0.08rem !important;
  margin-left: 0 !important;
}

.staking-plan-card .ux-plan-label {
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0.16rem 0.38rem !important;
  font-size: 0.58rem !important;
  line-height: 1 !important;
}

.staking-plan-card .plan-name {
  font-size: clamp(0.86rem, 1.2vw, 1rem) !important;
  line-height: 1.08 !important;
  margin: 0 !important;
}

.staking-plan-card .plan-desc {
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 0 !important;
  font-size: clamp(0.72rem, 1vw, 0.86rem) !important;
  line-height: 1.18 !important;
}

.staking-plan-mini-icons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.25rem !important;
  margin: 0.1rem 0 0 !important;
}

.staking-plan-mini-icons span {
  min-height: 21px !important;
  padding: 0.12rem 0.34rem !important;
  font-size: clamp(0.56rem, 1vw, 0.66rem) !important;
  line-height: 1.05 !important;
  border-radius: 6px !important;
}

.staking-plan-card .plan-price {
  font-size: clamp(0.82rem, 1.25vw, 0.98rem) !important;
  line-height: 1.05 !important;
  margin: 0 !important;
  white-space: normal !important;
}

.staking-plan-card .plan-price-sub {
  font-size: clamp(0.62rem, 1vw, 0.72rem) !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

@media (max-width: 520px) {
  #page4 .staking-plan-card,
  body[data-active-page="page4"] .staking-plan-card,
  .staking-plan-card {
    grid-template-columns: 58px minmax(0, 1fr) minmax(66px, auto) !important;
    gap: 6px !important;
    padding: 7px !important;
  }

  #page4 .staking-plan-card img,
  body[data-active-page="page4"] .staking-plan-card img,
  .staking-plan-card img {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }

  .staking-plan-card .plan-desc {
    display: none !important;
  }

  .staking-plan-mini-icons {
    gap: 0.16rem !important;
  }

  .staking-plan-mini-icons span {
    min-height: 18px !important;
    padding: 0.1rem 0.24rem !important;
    font-size: 0.52rem !important;
  }
}

/* Final Academy USDT label alignment. */
.academy-wallet-title {
  grid-column: 1 / -1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.65rem !important;
  width: auto !important;
  max-width: 100% !important;
  justify-self: start !important;
  margin: 0 0 0.12rem !important;
  padding: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.academy-wallet-title .academy-wallet-usdt-logo {
  grid-column: auto !important;
  justify-self: auto !important;
  margin: 0 !important;
}

.academy-wallet-title strong {
  color: #ffffff !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
}

body:not(.dark-mode) .academy-wallet-title strong {
  color: #ffffff !important;
}

/* Final compact Academy registration, desktop copy button, and theme toggle polish. */
#page5 .academy-booking-layout,
body[data-active-page="page5"] .academy-booking-layout {
  padding: clamp(10px, 1.1vw, 16px) !important;
}

#page5 .academy-form,
body[data-active-page="page5"] .academy-form {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: clamp(8px, 0.8vw, 12px) !important;
  padding: clamp(12px, 1.1vw, 16px) !important;
  align-items: start !important;
}

#page5 .academy-form > .academy-section-head,
body[data-active-page="page5"] .academy-form > .academy-section-head {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
}

#page5 .academy-form > .academy-section-head h2,
body[data-active-page="page5"] .academy-form > .academy-section-head h2,
#page5 .academy-form > .academy-section-head p,
body[data-active-page="page5"] .academy-form > .academy-section-head p {
  margin-bottom: 0.18rem !important;
}

#page5 .academy-form > label:has(#academyCourseSelect),
body[data-active-page="page5"] .academy-form > label:has(#academyCourseSelect) {
  grid-column: span 4 !important;
}

#page5 .academy-form > .academy-selected-course,
body[data-active-page="page5"] .academy-form > .academy-selected-course {
  grid-column: span 5 !important;
  min-height: 0 !important;
  padding: 0.62rem 0.75rem !important;
}

#page5 .academy-form > fieldset,
body[data-active-page="page5"] .academy-form > fieldset {
  grid-column: span 3 !important;
  min-height: 0 !important;
  padding: 0 !important;
  align-content: start !important;
}

#page5 .academy-form > .academy-form-grid,
body[data-active-page="page5"] .academy-form > .academy-form-grid {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(8px, 0.8vw, 12px) !important;
}

#page5 .academy-form > label:has(select[name="paymentMethod"]),
body[data-active-page="page5"] .academy-form > label:has(select[name="paymentMethod"]) {
  grid-column: span 4 !important;
}

#page5 .academy-form > label:has(textarea),
body[data-active-page="page5"] .academy-form > label:has(textarea) {
  grid-column: span 5 !important;
}

#page5 .academy-form > label:has(input[type="file"]),
body[data-active-page="page5"] .academy-form > label:has(input[type="file"]) {
  grid-column: span 3 !important;
}

#page5 .academy-form > button[type="submit"],
body[data-active-page="page5"] .academy-form > button[type="submit"] {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  width: min(100%, 340px) !important;
  min-height: 44px !important;
}

#page5 .academy-form label,
body[data-active-page="page5"] .academy-form label,
#page5 .academy-form fieldset,
body[data-active-page="page5"] .academy-form fieldset {
  gap: 0.24rem !important;
  font-size: 0.9rem !important;
  line-height: 1.15 !important;
}

#page5 .academy-form input,
#page5 .academy-form select,
#page5 .academy-form textarea,
body[data-active-page="page5"] .academy-form input,
body[data-active-page="page5"] .academy-form select,
body[data-active-page="page5"] .academy-form textarea {
  min-height: 40px !important;
  height: 40px !important;
  padding: 0.52rem 0.68rem !important;
  font-size: 0.88rem !important;
}

#page5 .academy-form textarea,
body[data-active-page="page5"] .academy-form textarea {
  min-height: 74px !important;
  height: 74px !important;
}

#page5 .academy-form fieldset label,
body[data-active-page="page5"] .academy-form fieldset label {
  min-height: 40px !important;
  padding: 0.48rem 0.62rem !important;
}

#page5 .academy-selected-course,
body[data-active-page="page5"] .academy-selected-course {
  font-size: 0.86rem !important;
  line-height: 1.32 !important;
}

#page5 .academy-selected-course small,
body[data-active-page="page5"] .academy-selected-course small {
  line-height: 1.32 !important;
}

@media (min-width: 761px) {
  .academy-wallet-copy {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
  }

  .academy-wallet-title {
    grid-column: 1 / -1 !important;
  }

  .academy-wallet-address {
    grid-column: 1 !important;
    min-height: 44px !important;
  }

  .academy-copy-wallet-btn {
    grid-column: 2 !important;
    width: auto !important;
    min-width: 158px !important;
    min-height: 44px !important;
    padding: 0.66rem 0.95rem !important;
    justify-content: center !important;
    font-size: 0.9rem !important;
    white-space: nowrap !important;
  }

  #theme-switcher.egety-nav-theme-toggle,
  .egety-nav-theme-toggle {
    position: relative !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 4px !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background:
      linear-gradient(135deg, rgba(0, 56, 112, 0.86), rgba(0, 22, 66, 0.92)) !important;
    border: 1px solid rgba(126, 238, 255, 0.46) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 8px 20px rgba(0, 3, 51, 0.24) !important;
    overflow: hidden !important;
    flex: 0 0 56px !important;
  }

  #toggle-indicator {
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateX(0) !important;
    transition: transform 180ms ease, background-color 180ms ease !important;
  }

  body:not(.dark-mode) #theme-switcher.egety-nav-theme-toggle,
  body:not(.dark-mode) .egety-nav-theme-toggle {
    background: linear-gradient(135deg, #dbf7ff, #bfefff) !important;
    border-color: rgba(0, 160, 208, 0.45) !important;
  }

  body:not(.dark-mode) #toggle-indicator {
    transform: translateX(22px) !important;
    background: #ffffff !important;
    color: #d39200 !important;
  }
}

@media (max-width: 980px) {
  #page5 .academy-form,
  body[data-active-page="page5"] .academy-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #page5 .academy-form > .academy-section-head,
  #page5 .academy-form > .academy-selected-course,
  #page5 .academy-form > .academy-form-grid,
  #page5 .academy-form > label:has(textarea),
  #page5 .academy-form > button[type="submit"],
  body[data-active-page="page5"] .academy-form > .academy-section-head,
  body[data-active-page="page5"] .academy-form > .academy-selected-course,
  body[data-active-page="page5"] .academy-form > .academy-form-grid,
  body[data-active-page="page5"] .academy-form > label:has(textarea),
  body[data-active-page="page5"] .academy-form > button[type="submit"] {
    grid-column: 1 / -1 !important;
  }

  #page5 .academy-form > label:has(#academyCourseSelect),
  #page5 .academy-form > fieldset,
  #page5 .academy-form > label:has(select[name="paymentMethod"]),
  #page5 .academy-form > label:has(input[type="file"]),
  body[data-active-page="page5"] .academy-form > label:has(#academyCourseSelect),
  body[data-active-page="page5"] .academy-form > fieldset,
  body[data-active-page="page5"] .academy-form > label:has(select[name="paymentMethod"]),
  body[data-active-page="page5"] .academy-form > label:has(input[type="file"]) {
    grid-column: span 1 !important;
  }

  #page5 .academy-form > .academy-form-grid,
  body[data-active-page="page5"] .academy-form > .academy-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  #page5 .academy-booking-layout,
  body[data-active-page="page5"] .academy-booking-layout,
  #page5 .academy-form,
  body[data-active-page="page5"] .academy-form {
    padding: 8px !important;
    gap: 8px !important;
  }

  #page5 .academy-form,
  body[data-active-page="page5"] .academy-form,
  #page5 .academy-form > .academy-form-grid,
  body[data-active-page="page5"] .academy-form > .academy-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #page5 .academy-form > .academy-section-head,
  #page5 .academy-form > .academy-selected-course,
  #page5 .academy-form > fieldset,
  #page5 .academy-form > label:has(textarea),
  #page5 .academy-form > label:has(input[type="file"]),
  #page5 .academy-form > button[type="submit"],
  body[data-active-page="page5"] .academy-form > .academy-section-head,
  body[data-active-page="page5"] .academy-form > .academy-selected-course,
  body[data-active-page="page5"] .academy-form > fieldset,
  body[data-active-page="page5"] .academy-form > label:has(textarea),
  body[data-active-page="page5"] .academy-form > label:has(input[type="file"]),
  body[data-active-page="page5"] .academy-form > button[type="submit"] {
    grid-column: 1 / -1 !important;
  }

  #page5 .academy-form input,
  #page5 .academy-form select,
  #page5 .academy-form textarea,
  body[data-active-page="page5"] .academy-form input,
  body[data-active-page="page5"] .academy-form select,
  body[data-active-page="page5"] .academy-form textarea {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0.48rem 0.56rem !important;
    font-size: 0.82rem !important;
  }
}

/* Final partner logo assets and desktop card height polish. */
#partnersCard .partner-logo[href*="phoenixhood"] img,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img,
body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img {
  transform: translateY(4px) scale(1) !important;
  width: min(94%, 420px) !important;
  max-width: 94% !important;
  height: auto !important;
  max-height: 118px !important;
  object-fit: contain !important;
  object-position: center !important;
}

#partnersCard .partner-logo[href*="plenvida"] img,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo[href*="plenvida"] img,
body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo[href*="plenvida"] img {
  transform: none !important;
  width: min(92%, 360px) !important;
  max-width: 92% !important;
  height: auto !important;
  max-height: 112px !important;
  object-fit: contain !important;
  object-position: center !important;
}

@media (min-width: 1025px) {
  #partnersCard .partners-logo-grid,
  #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partners-logo-grid,
  body[data-active-page] #partnersCard.ux-partners-next-to-founders .partners-logo-grid {
    align-items: stretch !important;
  }

  #partnersCard .partner-logo,
  #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo,
  body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo {
    min-height: 176px !important;
    height: auto !important;
    padding: 18px 18px 16px !important;
    display: grid !important;
    grid-template-rows: minmax(88px, 1fr) auto !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 12px !important;
    overflow: visible !important;
  }

  #partnersCard .partner-logo img,
  #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo img,
  body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo img {
    max-height: 96px !important;
    width: min(94%, 360px) !important;
    max-width: 94% !important;
    object-fit: contain !important;
  }

  .partner-logo-info {
    width: 100% !important;
    min-height: 48px !important;
  }

  .partner-logo-info small {
    display: block !important;
    overflow: visible !important;
    line-height: 1.18 !important;
  }
}

@media (max-width: 1024px) {
  #partnersCard .partner-logo[href*="phoenixhood"] img,
  #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img,
  body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo[href*="phoenixhood"] img,
  #partnersCard .partner-logo[href*="plenvida"] img,
  #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo[href*="plenvida"] img,
  body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo[href*="plenvida"] img {
    width: min(94%, 320px) !important;
    max-width: 94% !important;
    max-height: 92px !important;
  }
}

/* Final Academy compact registration, desktop copy button, and theme toggle polish. */
#page5 .academy-booking-layout,
body[data-active-page="page5"] .academy-booking-layout {
  padding: clamp(10px, 1vw, 16px) !important;
}

#page5 .academy-form,
body[data-active-page="page5"] .academy-form {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: clamp(8px, 0.9vw, 12px) !important;
  padding: clamp(12px, 1.1vw, 18px) !important;
  align-items: start !important;
}

#page5 .academy-form > .academy-section-head,
body[data-active-page="page5"] .academy-form > .academy-section-head {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
}

#page5 .academy-form > .academy-section-head h2,
body[data-active-page="page5"] .academy-form > .academy-section-head h2 {
  margin: 0.25rem 0 0.15rem !important;
  line-height: 1.1 !important;
}

#page5 .academy-form > .academy-section-head p,
body[data-active-page="page5"] .academy-form > .academy-section-head p {
  margin: 0 !important;
  line-height: 1.35 !important;
}

#page5 .academy-form > label:has(#academyCourseSelect),
body[data-active-page="page5"] .academy-form > label:has(#academyCourseSelect) {
  grid-column: span 4 !important;
}

#page5 .academy-form > .academy-selected-course,
body[data-active-page="page5"] .academy-form > .academy-selected-course {
  grid-column: span 5 !important;
  min-height: 0 !important;
  padding: 0.7rem 0.8rem !important;
  align-self: end !important;
}

#page5 .academy-form > fieldset,
body[data-active-page="page5"] .academy-form > fieldset {
  grid-column: span 3 !important;
  min-height: 0 !important;
  padding: 0 !important;
  align-self: end !important;
  gap: 0.45rem !important;
}

#page5 .academy-form > fieldset label,
body[data-active-page="page5"] .academy-form > fieldset label {
  min-height: 40px !important;
  padding: 0.48rem 0.62rem !important;
}

#page5 .academy-form > .academy-form-grid,
body[data-active-page="page5"] .academy-form > .academy-form-grid {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(8px, 0.9vw, 12px) !important;
}

#page5 .academy-form > label:has(select[name="paymentMethod"]),
body[data-active-page="page5"] .academy-form > label:has(select[name="paymentMethod"]) {
  grid-column: span 4 !important;
}

#page5 .academy-form > label:has(textarea),
body[data-active-page="page5"] .academy-form > label:has(textarea) {
  grid-column: span 5 !important;
}

#page5 .academy-form > label:has(input[type="file"]),
body[data-active-page="page5"] .academy-form > label:has(input[type="file"]) {
  grid-column: span 3 !important;
}

#page5 .academy-form input,
#page5 .academy-form select,
#page5 .academy-form textarea,
body[data-active-page="page5"] .academy-form input,
body[data-active-page="page5"] .academy-form select,
body[data-active-page="page5"] .academy-form textarea {
  min-height: 40px !important;
  padding: 0.5rem 0.65rem !important;
  line-height: 1.2 !important;
}

#page5 .academy-form textarea,
body[data-active-page="page5"] .academy-form textarea {
  min-height: 74px !important;
  resize: vertical !important;
}

#page5 .academy-form label,
body[data-active-page="page5"] .academy-form label {
  gap: 0.28rem !important;
}

#page5 .academy-form > button[type="submit"],
body[data-active-page="page5"] .academy-form > button[type="submit"] {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  width: min(100%, 340px) !important;
  min-height: 44px !important;
  padding: 0.65rem 1rem !important;
}

@media (min-width: 768px) {
  .academy-wallet-copy {
    grid-template-columns: minmax(260px, 1fr) max-content !important;
    align-items: center !important;
  }

  .academy-wallet-title {
    grid-column: 1 / -1 !important;
  }

  .academy-wallet-address {
    grid-column: 1 !important;
  }

  .academy-copy-wallet-btn {
    grid-column: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.42rem !important;
    min-width: 154px !important;
    width: auto !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0.6rem 0.9rem !important;
    justify-content: center !important;
    white-space: nowrap !important;
    font-size: 0.92rem !important;
  }

  .academy-wallet-address {
    min-height: 44px !important;
  }

  #theme-switcher.egety-nav-theme-toggle,
  .egety-nav-theme-toggle {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: 4px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: linear-gradient(135deg, rgba(0, 31, 84, 0.92), rgba(0, 114, 206, 0.42)) !important;
    border: 1px solid rgba(126, 238, 255, 0.46) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 8px 18px rgba(0, 3, 51, 0.18) !important;
    overflow: hidden !important;
  }

  body:not(.dark-mode) #theme-switcher.egety-nav-theme-toggle,
  body:not(.dark-mode) .egety-nav-theme-toggle {
    justify-content: flex-end !important;
    background: linear-gradient(135deg, rgba(210, 246, 255, 0.98), rgba(71, 180, 220, 0.75)) !important;
    border-color: rgba(0, 114, 206, 0.34) !important;
  }

  #toggle-indicator {
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #0072ce !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    box-shadow: 0 5px 12px rgba(0, 3, 51, 0.25) !important;
  }

  #toggle-indicator i {
    font-size: 0.72rem !important;
    line-height: 1 !important;
  }
}

@media (max-width: 980px) {
  #page5 .academy-form,
  body[data-active-page="page5"] .academy-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #page5 .academy-form > .academy-section-head,
  #page5 .academy-form > .academy-selected-course,
  #page5 .academy-form > .academy-form-grid,
  #page5 .academy-form > label:has(textarea),
  #page5 .academy-form > button[type="submit"],
  body[data-active-page="page5"] .academy-form > .academy-section-head,
  body[data-active-page="page5"] .academy-form > .academy-selected-course,
  body[data-active-page="page5"] .academy-form > .academy-form-grid,
  body[data-active-page="page5"] .academy-form > label:has(textarea),
  body[data-active-page="page5"] .academy-form > button[type="submit"] {
    grid-column: 1 / -1 !important;
  }

  #page5 .academy-form > label:has(#academyCourseSelect),
  #page5 .academy-form > fieldset,
  #page5 .academy-form > label:has(select[name="paymentMethod"]),
  #page5 .academy-form > label:has(input[type="file"]),
  body[data-active-page="page5"] .academy-form > label:has(#academyCourseSelect),
  body[data-active-page="page5"] .academy-form > fieldset,
  body[data-active-page="page5"] .academy-form > label:has(select[name="paymentMethod"]),
  body[data-active-page="page5"] .academy-form > label:has(input[type="file"]) {
    grid-column: span 1 !important;
  }

  #page5 .academy-form > .academy-form-grid,
  body[data-active-page="page5"] .academy-form > .academy-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  #page5 .academy-booking-layout,
  body[data-active-page="page5"] .academy-booking-layout {
    padding: 8px !important;
  }

  #page5 .academy-form,
  body[data-active-page="page5"] .academy-form,
  #page5 .academy-form > .academy-form-grid,
  body[data-active-page="page5"] .academy-form > .academy-form-grid {
    gap: 8px !important;
  }

  #page5 .academy-form input,
  #page5 .academy-form select,
  #page5 .academy-form textarea,
  body[data-active-page="page5"] .academy-form input,
  body[data-active-page="page5"] .academy-form select,
  body[data-active-page="page5"] .academy-form textarea {
    min-height: 38px !important;
    padding: 0.48rem 0.55rem !important;
    font-size: 0.88rem !important;
  }
}

/* Final responsive polish pass: header space, cards, light mode, tutorial close, proof preview, and unified widths. */
body[data-active-page="page1"] .page-content:not(#page1),
body[data-active-page="page2"] .page-content:not(#page2),
body[data-active-page="page3"] .page-content:not(#page3),
body[data-active-page="page4"] .page-content:not(#page4),
body[data-active-page="page5"] .page-content:not(#page5) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

:root {
  --eds-shell-width: min(1840px, calc(100vw - 48px));
  --eds-section-pad-x: clamp(14px, 1.8vw, 28px);
  --eds-section-pad-y: clamp(14px, 1.6vw, 26px);
}

@media (min-width: 1800px) {
  :root {
    --eds-shell-width: min(2140px, calc(100vw - 72px));
  }
}

@media (max-width: 760px) {
  :root {
    --eds-shell-width: calc(100vw - 20px);
    --eds-section-pad-x: 12px;
    --eds-section-pad-y: 12px;
  }
}

main {
  padding-left: max(10px, calc((100vw - var(--eds-shell-width)) / 2)) !important;
  padding-right: max(10px, calc((100vw - var(--eds-shell-width)) / 2)) !important;
}

.eds-top-width,
.page-content > section.w-full,
.page-content > div.w-full,
#partnersAndFaqContainer,
.ux-founders-partners-row,
#ecosystemSimulatorSection,
#resultsContainer {
  width: 100% !important;
  max-width: var(--eds-shell-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.page-content > section.card,
.page-content > div.card,
.interactive-shell,
.staking-section-block,
.staking-packages-card,
.staking-simulator-card,
.staking-chart-card,
.academy-form,
.academy-booking-layout {
  padding: var(--eds-section-pad-y) var(--eds-section-pad-x) !important;
}

@media (min-width: 761px) and (max-width: 1360px) {
  .egety-nav-cta {
    display: none !important;
  }

  .egety-nav-inner > div:last-child {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .egety-nav-page-btn,
  .egety-nav-external-btn {
    flex-basis: clamp(92px, 8vw, 116px) !important;
    width: clamp(92px, 8vw, 116px) !important;
    min-width: clamp(92px, 8vw, 116px) !important;
    max-width: clamp(92px, 8vw, 116px) !important;
  }

  .egety-nav-page-btn span,
  .egety-nav-external-btn span {
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

@media (min-width: 1361px) {
  .egety-nav-page-btn span,
  .egety-nav-external-btn span {
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

@media (min-width: 761px) {
  .ux-tutorial-close {
    left: 18px !important;
    right: auto !important;
    top: 18px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    transform: none !important;
  }

  .ux-tutorial-panel {
    padding-top: 68px !important;
  }

  #page4 .staking-plan-list,
  body[data-active-page="page4"] .staking-plan-list,
  #stakingPlansList,
  body[data-active-page="page4"] #stakingPlansList {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(0.75rem, 1.2vw, 1rem) !important;
  }
}

@media (min-width: 761px) and (max-width: 1180px) {
  #page4 .staking-plan-card,
  body[data-active-page="page4"] .staking-plan-card {
    min-height: 126px !important;
    padding: 0.8rem !important;
    gap: 0.75rem !important;
  }

  #page4 .staking-plan-card img,
  body[data-active-page="page4"] .staking-plan-card img {
    width: 64px !important;
    height: 64px !important;
    flex-basis: 64px !important;
  }
}

@media (max-width: 760px) {
  #page4 .staking-plan-card,
  body[data-active-page="page4"] .staking-plan-card {
    min-height: 136px !important;
    padding: 0.9rem !important;
  }
}

#partnersCard.ux-partners-next-to-founders,
#partnersCard {
  overflow: hidden !important;
}

#partnersCard .partner-logo,
#uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo,
body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo {
  background:
    radial-gradient(circle at 28% 18%, rgba(126, 238, 255, 0.22), transparent 42%),
    linear-gradient(135deg, rgba(18, 75, 110, 0.98), rgba(5, 35, 72, 0.98)) !important;
}

@media (min-width: 1025px) {
  #partnersCard .partner-logo,
  #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo,
  body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo {
    min-height: 188px !important;
  }
}

@media (min-width: 761px) and (max-width: 1024px) {
  #partnersCard .partner-logo,
  #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo,
  body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo {
    min-height: 132px !important;
    padding: 0.85rem !important;
    gap: 0.5rem !important;
  }

  #partnersCard .partner-logo img,
  #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo img,
  body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo img {
    max-height: 72px !important;
  }
}

@media (max-width: 760px) {
  #partnersCard .partner-logo,
  #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo,
  body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo {
    min-height: 168px !important;
    padding: 1rem !important;
    grid-template-rows: minmax(74px, auto) auto !important;
  }

  #partnersCard .partner-logo img,
  #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo img,
  body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo img {
    max-height: 90px !important;
  }
}

body:not(.dark-mode) #partnersCard.ux-partners-next-to-founders,
body:not(.dark-mode) #partnersCard {
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 160, 208, 0.16), transparent 38%),
    linear-gradient(145deg, #f7fcff, #dfeef7) !important;
  color: #132238 !important;
  border-color: rgba(0, 114, 206, 0.22) !important;
}

body:not(.dark-mode) #partnersCard .partner-logo,
body:not(.dark-mode) #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo,
body:not(.dark-mode)[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo {
  background:
    radial-gradient(circle at 28% 18%, rgba(126, 238, 255, 0.26), transparent 42%),
    linear-gradient(135deg, #285f7e, #183f66) !important;
  color: #ffffff !important;
  border-color: rgba(0, 114, 206, 0.34) !important;
}

body:not(.dark-mode) .partner-logo-info strong,
body:not(.dark-mode) .partner-logo-info small {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(0, 3, 51, 0.5) !important;
}

body:not(.dark-mode) .eds-hero-btn-secondary,
body:not(.dark-mode) .eds-hero-btn-tertiary,
body:not(.dark-mode) .link-btn,
body:not(.dark-mode) .tab-btn,
body:not(.dark-mode) .stage-tab,
body:not(.dark-mode) .batch-tab,
body:not(.dark-mode) [data-stage],
body:not(.dark-mode) [data-batch] {
  color: #102033 !important;
}

body:not(.dark-mode) .eds-hero-btn-primary,
body:not(.dark-mode) .ux-action-primary,
body:not(.dark-mode) .academy-card-select,
body:not(.dark-mode) .egety-nav-page-btn.active,
body:not(.dark-mode) .egety-nav-page-btn.nav-active {
  color: #ffffff !important;
}

body:not(.dark-mode) #purchaseTablesSection h2,
body:not(.dark-mode) #purchaseTablesSection h3,
body:not(.dark-mode) #purchaseTablesSection h4,
body:not(.dark-mode) #purchaseTablesSection label,
body:not(.dark-mode) #purchaseTablesSection .section-title,
body:not(.dark-mode) #purchaseTablesSection .text-white,
body:not(.dark-mode) .eds-package-tiers h2,
body:not(.dark-mode) .eds-package-tiers h3 {
  color: #17243a !important;
  opacity: 1 !important;
}

body:not(.dark-mode) .sticky-bubble,
body:not(.dark-mode) .ux-floating-glossary,
body:not(.dark-mode) .ux-tutorial-replay,
body:not(.dark-mode) .sticky-tools-toggle,
body:not(.dark-mode) #stickyToolsToggle {
  background: linear-gradient(135deg, #e7fbff, #8fefff) !important;
  color: #03233f !important;
  border-color: rgba(0, 114, 206, 0.35) !important;
  box-shadow: 0 14px 34px rgba(21, 69, 105, 0.18) !important;
}

body:not(.dark-mode) .ux-need-help {
  background: linear-gradient(135deg, #0a8a5f, #1fd36d) !important;
  color: #ffffff !important;
}

#page2 .builder-module-grid,
body[data-active-page="page2"] .builder-module-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0.65rem !important;
}

#page2 .builder-module-card,
body[data-active-page="page2"] .builder-module-card {
  min-height: 96px !important;
  padding: 0.65rem !important;
}

#page2 .builder-module-card i,
body[data-active-page="page2"] .builder-module-card i {
  font-size: clamp(1.25rem, 1.8vw, 1.9rem) !important;
}

@media (max-width: 1020px) {
  #page2 .builder-module-grid,
  body[data-active-page="page2"] .builder-module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.footer-bottom-right a[data-legal-open="privacy"],
.footer-bottom-right a[data-legal-open="terms"] {
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  text-decoration-thickness: 1.5px !important;
}

.academy-payment-phone {
  cursor: pointer !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.academy-proof-preview {
  display: none !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.65rem !important;
  margin-top: 0.55rem !important;
  padding: 0.55rem !important;
  border: 1px solid rgba(126, 238, 255, 0.32) !important;
  border-radius: 8px !important;
  background: rgba(0, 160, 208, 0.08) !important;
  color: #eaf8ff !important;
}

.academy-proof-preview.is-visible {
  display: grid !important;
}

.academy-proof-preview.is-error {
  grid-template-columns: 1fr !important;
  color: #ffb7b7 !important;
  border-color: rgba(255, 120, 120, 0.42) !important;
  background: rgba(170, 20, 20, 0.16) !important;
}

.academy-proof-preview img {
  width: 72px !important;
  height: 54px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

.academy-proof-preview span {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  font-size: 0.86rem !important;
  line-height: 1.25 !important;
}

body:not(.dark-mode) .academy-proof-preview {
  background: #e9f8ff !important;
  color: #102033 !important;
}

/* Final last-word polish for 20260413: prevent small-laptop header crowding, preserve light-mode contrast, and keep late rules stable. */
@media (min-width: 761px) and (max-width: 1500px) {
  .egety-nav-cta {
    display: none !important;
  }

  .egety-nav-pages {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .egety-nav-pages .egety-nav-link {
    flex: 1 1 104px !important;
    min-width: 86px !important;
    max-width: 140px !important;
  }
}

body:not(.dark-mode) .eds-hero-stage.is-active,
body:not(.dark-mode) .stage-tab.active,
body:not(.dark-mode) .stage-tab.is-active,
body:not(.dark-mode) .batch-tab.active,
body:not(.dark-mode) .batch-tab.is-active,
body:not(.dark-mode) [data-stage].active,
body:not(.dark-mode) [data-stage].is-active,
body:not(.dark-mode) [data-batch].active,
body:not(.dark-mode) [data-batch].is-active,
body:not(.dark-mode) [aria-selected="true"][data-stage],
body:not(.dark-mode) [aria-selected="true"][data-batch] {
  color: #ffffff !important;
}

body:not(.dark-mode) .plo-cta-btn--secondary,
body:not(.dark-mode) a.plo-cta-btn--secondary,
body:not(.dark-mode) .eds-hero-btn-secondary,
body:not(.dark-mode) .ux-action-secondary {
  color: #0a2037 !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(219, 246, 255, 0.9)) !important;
  border-color: rgba(0, 160, 208, 0.42) !important;
}

body:not(.dark-mode) #purchaseTablesSection h2,
body:not(.dark-mode) #purchaseTablesSection label,
body:not(.dark-mode) #purchaseTablesSection .title-text,
body:not(.dark-mode) #purchaseTablesSection .package-tier-selector-wrap,
body:not(.dark-mode) #purchaseTablesSection .package-tier-selector-wrap *:not(.active):not(.is-active) {
  color: #102033 !important;
}

@media (min-width: 761px) {
  #theme-switcher.egety-nav-theme-toggle,
  .egety-nav-theme-toggle {
    width: 58px !important;
    min-width: 58px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 5px !important;
  }

  #toggle-indicator {
    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
  }

  body:not(.dark-mode) #toggle-indicator {
    transform: translateX(20px) !important;
  }

  .academy-copy-wallet-btn {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  .academy-copy-wallet-btn span {
    display: none !important;
  }
}

body:not(.dark-mode) .sticky-bubble,
body:not(.dark-mode) .ux-floating-glossary,
body:not(.dark-mode) .ux-tutorial-replay,
body:not(.dark-mode) #uxStickyToolsToggle,
body:not(.dark-mode) .ux-sticky-tools-toggle {
  background: linear-gradient(135deg, #e8fbff, #8ceeff) !important;
  border-color: rgba(0, 160, 208, 0.55) !important;
  color: #05233f !important;
  box-shadow: 0 12px 28px rgba(6, 60, 110, 0.18) !important;
}

@media (min-width: 1025px) {
  #page2 .builder-module-grid,
  body[data-active-page="page2"] .builder-module-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  #page2 .builder-module-card,
  body[data-active-page="page2"] .builder-module-card {
    min-height: 92px !important;
    padding: 0.8rem !important;
  }
}

@media (min-width: 761px) {
  #stakingPlansList,
  #page4 #stakingPlansList,
  body[data-active-page="page4"] #stakingPlansList,
  #page4 .staking-plan-grid,
  body[data-active-page="page4"] .staking-plan-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }
}

@media (max-width: 760px) {
  #partnersCard .partner-logo,
  #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo,
  body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo {
    min-height: 176px !important;
    padding: 0.9rem !important;
  }
}

@media (min-width: 761px) and (max-width: 1024px) {
  #partnersCard .partner-logo,
  #uxFoundersPartnersRow #partnersCard.ux-partners-next-to-founders .partner-logo,
  body[data-active-page] #partnersCard.ux-partners-next-to-founders .partner-logo {
    min-height: 128px !important;
    padding: 0.78rem !important;
  }
}