/* Static landing composition. Product copy is HTML; only original high-resolution art is decorative. */

/* The head bootstrap marks a saved non-Russian locale before first paint.
   Keep layout allocated but invisible until one synchronous translation pass
   completes, so a cold mobile load never flashes Russian and then shifts. */
html[data-i18n-pending="true"] body {
  visibility: hidden !important;
}

:root {
  --landing-bg: #020806;
  --landing-panel: #07110d;
  --landing-panel-deep: #030a07;
  --landing-text: #f4f7f2;
  --landing-muted: #9aa79e;
  --landing-green: #92ef56;
  --landing-green-bright: #b4ff82;
  --landing-purple: #c08aff;
  --landing-line: rgba(151, 184, 164, .22);
  --landing-line-bright: rgba(151, 255, 100, .42);
  --landing-shadow: 0 22px 48px rgba(0, 0, 0, .27);
}

html {
  scroll-behavior: auto !important;
  /* Keep the same content width when the wallet dialog locks page scrolling. */
  scrollbar-gutter: stable;
  /* Preserve the authored type scale across mobile orientation changes.
     Browser zoom remains available; no font family or size is overridden. */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  background: var(--landing-bg) !important;
}

body > header,
body > header *,
#mainContent,
#mainContent *,
#mainContent *::before,
#mainContent *::after {
  animation: none !important;
  transition: none !important;
}

/* Disabling transitions does not cancel the legacy hover translations: it
   turns them into instantaneous jumps. Keep only the colour, border and shadow
   feedback on these surfaces. Do not reset transforms on descendants, artwork,
   badges or the off-screen skip link. */
body > header .button:hover,
#walletAuthModal .wallet-auth-option:hover,
#walletAuthModal .wallet-auth-option:focus-visible,
#mainContent .button:hover,
#mainContent .text-button:hover,
#mainContent .pillar-card:hover,
#mainContent .pillar-card:focus-within,
#mainContent .process-grid li:hover,
#mainContent .process-grid li:focus-within,
#mainContent .scenario-card:hover,
#mainContent .scenario-card:focus-visible,
#mainContent .pricing-card:hover,
#mainContent .pricing-card:focus-within,
#mainContent .resource-card:hover,
#mainContent .resource-card:focus-within,
#mainContent .roadmap-line li:hover,
#mainContent .roadmap-line li:focus-within {
  transform: none !important;
}

#mainContent {
  display: flex;
  flex-direction: column;
  overflow: clip;
  background:
    radial-gradient(circle at 50% 15%, rgba(94, 182, 84, .075), transparent 28%),
    var(--landing-bg);
}

#mainContent > * {
  width: 100%;
}

#top { order: 1; }
#top { scroll-margin-top: 64px; }
#pillars { order: 2; }
#network { order: 3; }
#process { order: 4; }
#scenarios { order: 5; }
#downloads { order: 6; }
#plans { order: 7; }
#rewards { order: 8; }
#community { order: 9; }
#roadmap { order: 10; }
.mp-final { order: 11; }

#downloads,
#plans,
#rewards,
#roadmap,
#scenarios,
#network,
#process,
#community {
  scroll-margin-top: 88px;
}

.mp-container {
  width: min(1260px, calc(100% - 64px)) !important;
}

.mp-nav {
  height: 64px !important;
  border-bottom-color: rgba(132, 162, 145, .19) !important;
  background: rgba(1, 7, 5, .975) !important;
}

.nav-inner {
  gap: 24px !important;
}

.brand {
  min-width: 238px !important;
  gap: 9px !important;
}

.brand img {
  width: 37px !important;
  height: 37px !important;
}

.brand strong {
  font-size: 16px !important;
  letter-spacing: .11em !important;
}

.brand small {
  margin-top: 3px !important;
  font-size: 7px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
}

.desktop-nav {
  gap: 24px !important;
}

.desktop-nav a {
  padding: 22px 0 !important;
  color: #bfc8c1 !important;
  font-size: 10px !important;
}

.desktop-nav a::after {
  display: none !important;
}

.nav-actions {
  gap: 8px !important;
}

.language-select,
.theme-toggle,
.button.compact {
  height: 32px !important;
  border-radius: 6px !important;
}

.theme-toggle {
  min-width: 34px !important;
  padding: 0 8px !important;
}

.theme-toggle span {
  display: none;
}

.button {
  min-height: 42px !important;
  border-radius: 6px !important;
  font-size: 10px !important;
}

.button.primary {
  border-color: #8de657 !important;
  background: linear-gradient(180deg, #a8fb69, #71d944) !important;
  box-shadow: 0 0 25px rgba(123, 239, 75, .2) !important;
}

.mp-section,
.pricing-section,
.mp-final {
  position: relative;
  height: auto !important;
  min-height: 0 !important;
  border-top: 1px solid rgba(131, 163, 144, .17) !important;
  background: linear-gradient(180deg, rgba(4, 15, 11, .84), rgba(2, 8, 6, .96)) !important;
}

.mp-section::after {
  display: none !important;
}

.mp-hero {
  position: relative;
  height: 442px !important;
  min-height: 442px !important;
  overflow: hidden;
  border: 0 !important;
  background: #020705 !important;
}

.hero-art {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  overflow: hidden;
  background: none !important;
}

.hero-art::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: "";
  background:
    linear-gradient(90deg, #020705 0%, rgba(2, 7, 5, .98) 31%, rgba(2, 7, 5, .72) 50%, rgba(2, 7, 5, .15) 70%, rgba(2, 7, 5, .3) 100%),
    linear-gradient(0deg, #020705 0%, rgba(2, 7, 5, 0) 31%);
}

.hero-art::after {
  display: none !important;
}

.hero-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 72% center;
  transform: none;
}

.hero-inner {
  position: relative !important;
  z-index: 2;
  display: flex !important;
  height: 353px !important;
  align-items: center !important;
}

.hero-copy {
  width: min(50%, 630px) !important;
  padding-top: 0 !important;
}

.hero-copy h1 {
  max-width: 590px;
  font-size: clamp(42px, 3.65vw, 58px) !important;
  font-weight: 670 !important;
  letter-spacing: -.046em !important;
  line-height: 1.015 !important;
}

.hero-copy h1 span,
.section-intro h2 span,
.community-copy h2 span,
.mp-final h2 span,
.pricing-intro h2 span,
.contribution-heading h3 span {
  color: var(--landing-green) !important;
}

.hero-copy p {
  max-width: 450px !important;
  margin: 15px 0 20px !important;
  color: #b3c0b7 !important;
  font-size: 12px !important;
  line-height: 1.54 !important;
}

.hero-copy .button {
  min-width: 186px !important;
}

.button-row {
  gap: 9px !important;
}

.trust-strip {
  position: relative !important;
  z-index: 2;
  height: 89px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  border-top-color: rgba(146, 179, 160, .2) !important;
}

.trust-strip span {
  justify-content: flex-start !important;
  gap: 8px !important;
  color: #a9b5ad !important;
  font-size: 9px !important;
}

.trust-strip span:first-child { padding-left: 1px; }
.trust-strip svg { width: 17px !important; height: 17px !important; }

.split-layout {
  grid-template-columns: 218px minmax(0, 1fr) !important;
  gap: 28px !important;
}

.section-intro {
  justify-content: center !important;
  padding: 10px 0 !important;
}

.section-intro h2,
.community-copy h2,
.pricing-intro h2 {
  margin: 0 0 13px !important;
  color: var(--landing-text) !important;
  font-size: clamp(29px, 2.2vw, 38px) !important;
  font-weight: 660 !important;
  letter-spacing: -.037em !important;
  line-height: 1.06 !important;
}

.section-intro p {
  max-width: 205px !important;
  margin: 0 0 17px !important;
  color: var(--landing-muted) !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}

.text-button {
  min-height: 35px !important;
  border-color: rgba(146, 176, 160, .25) !important;
  border-radius: 6px !important;
  color: #d9e4dc !important;
}

.pillars {
  padding: 28px 0 !important;
}

.pillar-grid {
  gap: 10px !important;
}

.pillar-card {
  height: 214px !important;
  padding: 16px 13px 12px !important;
  border-color: rgba(144, 182, 159, .22) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 50% 13%, rgba(131, 255, 84, .105), transparent 33%),
    linear-gradient(180deg, #08130f, #030a08) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .035) !important;
}

.pillar-card.purple {
  background:
    radial-gradient(circle at 50% 13%, rgba(186, 109, 255, .15), transparent 35%),
    linear-gradient(180deg, #0b1011, #030a08) !important;
}

.pillar-card::after { opacity: .68 !important; }
.pillar-card h3 { margin: 0 0 7px !important; color: #f0f6f1; font-size: 16px !important; }
.pillar-card p { color: #a8b5ad !important; font-size: 9px !important; line-height: 1.49 !important; }
.pillar-card a { font-size: 9px !important; }

.network-section {
  height: auto !important;
  min-height: 0 !important;
  padding: 34px 0 !important;
  background: linear-gradient(180deg, #06110d, #020906) !important;
}

.network-intro { justify-content: center !important; padding: 8px 0 !important; }

.network-proof-panel {
  display: grid;
  align-self: stretch;
  gap: 12px;
  min-width: 0;
  min-height: 176px;
  padding: 14px;
  border: 1px solid rgba(143, 180, 161, .25);
  border-radius: 12px;
  background: #06110d;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .2);
}

.network-proof-panel .network-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.network-proof-panel .network-stats span {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  gap: 5px 10px;
  min-width: 0 !important;
  min-height: 94px;
  padding: 13px !important;
  border: 1px solid rgba(143, 180, 161, .2) !important;
  border-radius: 9px;
  background: #091710;
}

.network-proof-panel .network-stats svg {
  grid-row: 1 / 3;
  align-self: center;
  width: 22px;
  height: 22px;
  fill: none;
  stroke: var(--landing-green);
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.network-proof-panel .network-stats b {
  min-width: 0;
  color: var(--landing-green-bright) !important;
  font-size: 14px !important;
  letter-spacing: .035em;
  line-height: 1.08;
}

.network-proof-panel .network-stats small {
  min-width: 0;
  margin: 0 !important;
  color: #9eaea4 !important;
  font-size: 9px !important;
  line-height: 1.35;
}

.network-proof-panel .network-caption {
  display: flex;
  grid-column: auto;
  align-items: flex-start;
  gap: 8px;
  margin: 0 !important;
  padding: 11px 2px 0;
  border-top: 1px solid rgba(143, 180, 161, .17);
  color: #8fa198;
  font-size: 9px;
  line-height: 1.45;
}

.network-proof-panel .network-caption svg {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
  margin-top: 1px;
  fill: none;
  stroke: var(--landing-green);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.network-map-note {
  position: absolute !important;
  display: flex !important;
  gap: 8px;
  align-items: flex-start;
  z-index: 2 !important;
  right: 14px !important;
  bottom: 14px !important;
  left: auto !important;
  width: min(252px, calc(100% - 28px));
  padding: 11px 12px !important;
  border: 1px solid rgba(154, 183, 169, .27) !important;
  border-radius: 8px !important;
  background: rgba(3, 13, 9, .86) !important;
  box-shadow: 0 12px 25px rgba(0, 0, 0, .28);
}

.network-map-note svg { width: 16px !important; height: 16px !important; }
.network-map-note b { color: #eaf5ed !important; font-size: 10px !important; }
.network-map-note p { margin-top: 3px !important; color: #a8b8ad !important; font-size: 8px !important; line-height: 1.42 !important; }

.process-section {
  height: auto !important;
  padding: 29px 0 !important;
  background: linear-gradient(180deg, #030b08, #06110d) !important;
}

.process-grid {
  gap: 12px !important;
}

.process-grid.product-path {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch;
  overflow: visible !important;
  padding-bottom: 0 !important;
}

.process-grid.product-path li {
  height: auto !important;
  min-height: 170px;
  border: 1px solid rgba(143, 180, 160, .23) !important;
}

.process-grid li {
  height: 170px !important;
  padding: 15px 10px !important;
  border-color: rgba(143, 180, 160, .23) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(8, 22, 15, .96), rgba(3, 10, 8, .98)) !important;
}

@media (min-width: 901px) and (max-width: 1149px) {
  .scenario-card { height: 328px !important; }
}

.process-grid li:not(:last-child)::after {
  right: -13px !important;
  top: 59px !important;
  color: rgba(151, 242, 93, .62) !important;
  font-size: 25px !important;
}

.process-grid li > b {
  border-color: rgba(151, 242, 93, .65) !important;
  color: var(--landing-green) !important;
}

.step-icon { width: 48px !important; height: 48px !important; margin: 3px auto 8px !important; }
.step-icon svg { width: 28px !important; height: 28px !important; }
.process-grid h3 { color: #eff6ef !important; font-size: 11px !important; }
.process-grid p { color: #9eaea4 !important; font-size: 8px !important; line-height: 1.45 !important; }

.visual-section-kicker,
.plans-panel-kicker,
.pricing-eyebrow {
  margin-bottom: 10px !important;
  color: #abff7e !important;
  font-size: 9px !important;
  font-weight: 780 !important;
  letter-spacing: .135em !important;
}

.visual-section-heading,
.public-downloads-heading,
.pricing-intro {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .78fr) !important;
  align-items: end !important;
  gap: 35px !important;
  margin-bottom: 22px !important;
}

.visual-section-heading h2,
.public-downloads-heading h2,
.pricing-intro h2 {
  max-width: 650px;
  color: var(--landing-text) !important;
  font-size: clamp(31px, 3.15vw, 48px) !important;
  font-weight: 660 !important;
  letter-spacing: -.042em !important;
  line-height: 1.03 !important;
}

.visual-section-heading h2 span,
.public-downloads-heading h2 span,
.pricing-intro h2 span { color: var(--landing-green) !important; }

.visual-section-heading > p,
.public-downloads-heading > div:last-child > p:first-child,
.pricing-intro > div:last-child > p:first-child {
  max-width: 490px;
  color: #afbeb4 !important;
  font-size: 12px !important;
  line-height: 1.58 !important;
}

.public-downloads {
  padding: 48px 0 !important;
  overflow: hidden;
  background:
    radial-gradient(circle at 81% 24%, rgba(181, 103, 255, .12), transparent 27%),
    linear-gradient(180deg, #030a08, #06100c) !important;
}

.public-downloads::before {
  z-index: -1 !important;
  background:
    linear-gradient(90deg, rgba(2, 8, 5, .91), rgba(2, 8, 5, .58) 53%, rgba(2, 8, 5, .86)),
    url("assets/art-network-2560.jpg") center / cover no-repeat !important;
  opacity: .38 !important;
}

.public-downloads-policy {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding-top: 1px;
  color: #8da398 !important;
}

.public-downloads-policy svg {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  margin-top: 1px;
  fill: none;
  stroke: var(--landing-green);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.public-downloads-layout { display: grid !important; grid-template-columns: minmax(0, 1.75fr) minmax(270px, .7fr) !important; gap: 13px !important; align-items: stretch; }
.download-platform-grid { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }

.download-platform-card {
  position: relative;
  isolation: isolate;
  display: flex !important;
  min-width: 0;
  min-height: 222px !important;
  flex-direction: column;
  align-items: center;
  padding: 18px 12px 13px !important;
  border-color: rgba(145, 187, 162, .25) !important;
  border-radius: 9px !important;
  background: linear-gradient(180deg, #08140f, #030a08) !important;
}

.download-platform-card::before {
  position: absolute;
  z-index: -2;
  inset: 0;
  content: "";
  background-image: url("assets/art-vpn-2560.jpg") !important;
  opacity: .25 !important;
}

.download-platform-card[data-download-platform="macos"]::before,
.download-platform-card[data-download-platform="ios"]::before { background-image: url("assets/art-protection-2560.jpg") !important; }
.download-platform-card[data-download-platform="linux"]::before,
.download-platform-card[data-download-platform="android"]::before { background-image: url("assets/art-network-2560.jpg") !important; }

.download-platform-card::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, rgba(3, 13, 9, .18), rgba(3, 10, 8, .87) 67%, rgba(3, 10, 8, .98));
}

.platform-mark { display: grid; width: 54px !important; height: 54px !important; place-items: center; margin-bottom: 13px !important; border: 1px solid rgba(144, 255, 89, .4); border-radius: 16px !important; background: radial-gradient(circle, rgba(133, 255, 78, .16), rgba(5, 17, 12, .26) 68%); color: #adff7c; }
.platform-mark svg { width: 27px !important; height: 27px !important; fill: currentColor; }
.platform-mark.platform-apple,
.platform-mark.platform-ios { border-color: rgba(205, 143, 255, .43); background: radial-gradient(circle, rgba(186, 112, 255, .16), rgba(20, 10, 29, .28) 68%); color: #d39dff; }
.platform-mark.platform-linux { border-color: rgba(107, 233, 214, .42); color: #8df2d9; }
.download-platform-card h3 { font-size: 15px !important; }
.download-platform-card p { min-height: 35px !important; margin: 7px 0 12px !important; color: #afbeb4; font-size: 9px !important; line-height: 1.45; text-align: center; }
.download-platform-card button { display: flex; width: 100%; min-height: 35px !important; align-items: center; justify-content: center; gap: 6px; margin-top: auto; border: 1px solid rgba(159, 190, 170, .22); border-radius: 7px; background: rgba(9, 24, 17, .74); color: #94a69a; cursor: not-allowed; font-size: 8px !important; }
.download-platform-card button svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

.download-promo {
  position: relative;
  isolation: isolate;
  display: grid;
  min-height: 222px !important;
  border-color: rgba(145, 187, 162, .26) !important;
  border-radius: 9px !important;
  background: #04100a !important;
}

.download-promo-art,
.download-promo-art img { position: absolute; z-index: -2; inset: 0; display: block; width: 100%; height: 100%; }
.download-promo-art img { object-fit: cover; object-position: 65% center !important; }
.download-promo::after { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(180deg, rgba(2, 8, 5, .06), rgba(2, 8, 5, .91) 78%), linear-gradient(90deg, rgba(2, 8, 5, .1), rgba(2, 8, 5, .64)); }
.download-promo-copy { padding: 19px !important; }
.download-promo-copy > span { display: block; margin-bottom: 8px; color: #a7ff79; font-size: 8px; font-weight: 780; letter-spacing: .11em; }
.download-promo-copy h3 { color: #f1f7f1 !important; font-size: 23px !important; }
.download-promo-copy p { color: #b7c4ba !important; font-size: 10px !important; }

.community {
  padding: 37px 0 !important;
  background: linear-gradient(180deg, #06100c, #020906) !important;
}

.community-grid {
  height: auto !important;
  min-height: 255px;
  grid-template-columns: .88fr 1.3fr .9fr !important;
  gap: 12px !important;
}

.community-copy { justify-content: center !important; }
.community-copy > p { color: var(--landing-muted) !important; font-size: 11px !important; line-height: 1.55 !important; }
.community-copy .button { min-height: 35px !important; padding: 7px 11px !important; font-size: 9px !important; }

.community-feed {
  min-height: 245px !important;
  border-color: rgba(143, 180, 161, .23) !important;
  border-radius: 9px !important;
  background: #050c08 !important;
}

.community-feed .feed-art {
  background:
    linear-gradient(0deg, rgba(3, 10, 8, .73), rgba(3, 10, 8, .03) 74%),
    url("assets/art-community-2560.jpg") center / cover no-repeat !important;
}

.community-assurances {
  background: rgba(3, 11, 8, .72) !important;
}

.community-assurances li { border-bottom-color: rgba(134, 170, 151, .19) !important; }
.community-assurances svg { stroke: var(--landing-green) !important; }
.community-assurances b { color: #edf5ee !important; }
.community-assurances small { color: #a6b6aa !important; }

.community blockquote {
  border-color: rgba(143, 180, 161, .23) !important;
  border-radius: 9px !important;
  background:
    radial-gradient(circle at 17% 18%, rgba(142, 255, 89, .11), transparent 24%),
    linear-gradient(145deg, #07140e, #030a08) !important;
}

.community blockquote > span { color: var(--landing-green) !important; }
.community blockquote p { color: #dce7de !important; font-size: 17px !important; line-height: 1.34 !important; }
.community blockquote footer { color: #a0b3a5 !important; }

.pricing-section.public-plans-section {
  padding: 50px 0 56px !important;
  background:
    radial-gradient(circle at 83% 17%, rgba(186, 106, 255, .105), transparent 26%),
    linear-gradient(180deg, #030a08, #07110d) !important;
}

.pricing-intro { grid-template-columns: minmax(0, 1fr) minmax(260px, .8fr) !important; }
.pricing-preview-note { border-color: rgba(149, 185, 165, .2) !important; background: rgba(6, 20, 13, .63) !important; }

.plans-stage { gap: 34px !important; }

.public-plan-group {
  padding: 22px !important;
  border-color: rgba(145, 185, 162, .25) !important;
  border-radius: 11px !important;
  background:
    linear-gradient(180deg, rgba(4, 13, 9, .96), rgba(3, 10, 8, .98)),
    url("assets/art-protection-2560.jpg") center / cover no-repeat !important;
  box-shadow: var(--landing-shadow) !important;
}

.public-plan-group::before,
.public-plan-group::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
.public-plan-group-heading { margin-bottom: 18px !important; }
.public-plan-group-heading h3,
.contribution-heading h3 { color: #f1f7f1 !important; font-size: clamp(26px, 2.6vw, 37px) !important; line-height: 1.05 !important; }
.public-plan-badge { border-color: rgba(145, 185, 162, .22) !important; background: rgba(6, 19, 13, .8) !important; color: #a6b7ab !important; }

.pricing-grid.service-pillar-grid { gap: 11px !important; }
.pricing-card.service-card.service-pillar-card {
  min-height: 230px !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

.safe-domain-strip {
  margin-top: 13px !important;
  border-radius: 9px !important;
  background:
    linear-gradient(90deg, rgba(4, 21, 19, .93), rgba(3, 11, 9, .7)),
    url("assets/art-network-2560.jpg") center / cover no-repeat !important;
}

.contribution-pricing { padding-top: 34px !important; border-top-color: rgba(142, 181, 159, .2) !important; }
.contribution-heading { margin-bottom: 18px !important; }
.contribution-heading .plans-panel-link { border-radius: 7px !important; }

.contribution-layout {
  grid-template-columns: minmax(270px, .75fr) minmax(0, 1.35fr) !important;
  overflow: hidden;
  border-color: rgba(166, 120, 224, .28) !important;
  border-radius: 11px !important;
  background: linear-gradient(145deg, rgba(9, 13, 16, .98), rgba(3, 9, 8, .99)) !important;
  box-shadow: var(--landing-shadow) !important;
}

.contribution-layout::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

.contribution-static-art {
  min-height: 100% !important;
  background: #050906 !important;
}

.contribution-visual {
  background-image: none !important;
}

.contribution-static-art picture,
.contribution-static-art img {
  position: absolute !important;
  inset: 0 !important;
  display: block;
  width: 100%;
  height: 100%;
}

.contribution-static-art img { object-fit: cover; object-position: 64% center; }
.contribution-static-art::after { background: linear-gradient(90deg, rgba(3, 8, 7, .03), rgba(3, 8, 7, .81)) !important; }
.contribution-content { padding: 20px !important; }
.contribution-disclaimer { border-radius: 8px !important; color: #c5b4da !important; }

.resource-evidence-board {
  margin-top: 13px !important;
  padding: 16px !important;
  border-color: rgba(159, 119, 208, .25) !important;
  border-radius: 9px !important;
  background: linear-gradient(145deg, rgba(21, 16, 30, .88), rgba(5, 13, 10, .9)) !important;
  box-shadow: none !important;
}

.resource-evidence-heading h4 { color: #f2f7f1 !important; }
.resource-evidence-heading p { color: #b1c0b4 !important; }
.resource-card-grid { gap: 9px !important; }
.resource-card { border-radius: 8px !important; }
.resource-evidence-note { margin-bottom: 0 !important; }

.reward-examples {
  margin-top: 13px;
  padding: 16px;
  border: 1px solid rgba(155, 119, 210, .24);
  border-radius: 9px;
  background:
    linear-gradient(180deg, rgba(8, 15, 13, .87), rgba(4, 10, 8, .96)),
    url("assets/art-earnings-2560.jpg") center / cover no-repeat;
}

.reward-examples-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(205px, .8fr);
  gap: 4px 22px;
  align-items: end;
  margin-bottom: 13px;
}

.reward-examples-heading .plans-panel-kicker,
.reward-examples-heading h4 { grid-column: 1; }
.reward-examples-heading h4,
.payout-wallets h4 { margin: 0; color: #f2f7f1; font-size: 22px; line-height: 1.1; }
.reward-examples-heading p { grid-column: 2; grid-row: 1 / span 2; margin: 0; color: #afc0b4; font-size: 10px; line-height: 1.5; }

.reward-example-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.reward-example-card {
  position: relative;
  min-height: 155px;
  padding: 13px 11px;
  overflow: hidden;
  border: 1px solid rgba(153, 201, 108, .29);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(7, 21, 14, .92), rgba(4, 11, 8, .98));
}

.reward-example-card::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, rgba(4, 12, 8, .1), rgba(4, 12, 8, .84)), center / cover no-repeat url("assets/art-earnings-2560.jpg");
  opacity: .5;
}

.reward-example-card > * { position: relative; z-index: 1; }
.reward-example-card > span { display: inline-grid; width: 24px; height: 24px; place-items: center; border: 1px solid rgba(167, 255, 114, .45); border-radius: 50%; color: var(--landing-green); font-size: 9px; }
.reward-example-card h5 { margin: 17px 0 6px; color: #f2f7f2; font-size: 16px; }
.reward-example-card b { display: block; color: var(--landing-green); font-size: 9px; }
.reward-example-card p { margin: 9px 0 0; color: #b3c2b7; font-size: 8px; line-height: 1.48; }
.reward-examples-note { margin: 11px 0 0; color: #bba2d9; font-size: 9px; line-height: 1.48; }

.payout-wallets {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(230px, .9fr);
  min-height: 248px;
  margin-top: 13px;
  overflow: hidden;
  border: 1px solid rgba(150, 184, 163, .24);
  border-radius: 9px;
  background: #06110c;
}

.payout-wallets-copy { padding: 20px; }
.payout-wallets-copy .plans-panel-kicker { margin-bottom: 8px !important; }
.payout-wallets h4 { max-width: 410px; }
.payout-wallets ul { display: grid; gap: 11px; margin: 17px 0 0; padding: 0; list-style: none; }
.payout-wallets li { display: flex; gap: 9px; align-items: flex-start; }
.payout-wallets li svg { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: var(--landing-green); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.payout-wallets li span { display: grid; gap: 2px; }
.payout-wallets li b { color: #eaf3eb; font-size: 10px; }
.payout-wallets li small { color: #aebdb3; font-size: 9px; line-height: 1.45; }

.payout-wallets-art,
.payout-wallets-art picture,
.payout-wallets-art img { display: block; width: 100%; height: 100%; }
.payout-wallets-art { position: relative; min-height: 248px; }
.payout-wallets-art img { object-fit: cover; object-position: 62% center; }
.payout-wallets-art::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, #06110c 0%, rgba(6, 17, 12, .27) 38%, rgba(6, 17, 12, .05)); }

.mp-final {
  padding: 42px 0 !important;
  border-top-color: rgba(142, 181, 159, .22) !important;
  background: #020805 !important;
}

.final-inner {
  min-height: 180px !important;
  padding: 31px 34px !important;
  overflow: hidden;
  border-color: rgba(144, 185, 160, .28) !important;
  border-radius: 10px !important;
  background: #06110c !important;
}

.final-inner::after {
  background:
    linear-gradient(90deg, #06110c 0%, #06110c 34%, rgba(6, 17, 12, .83) 58%, rgba(6, 17, 12, .05) 100%),
    url("assets/art-final-2560.jpg") right center / cover no-repeat !important;
}

.mp-final h2 { color: #f2f8f3 !important; font-size: clamp(30px, 3.1vw, 46px) !important; letter-spacing: -.043em !important; }
.mp-final p { color: #b7c6bb !important; }

.mp-footer { border-top-color: rgba(142, 181, 159, .2) !important; background: #020705 !important; }

@media (min-width: 901px) {
  .public-downloads::before { background-image: linear-gradient(90deg, rgba(2, 8, 5, .91), rgba(2, 8, 5, .58) 53%, rgba(2, 8, 5, .86)), url("assets/art-network-5120.jpg") !important; }
  .download-platform-card::before { background-image: url("assets/art-vpn-5120.jpg") !important; }
  .download-platform-card[data-download-platform="macos"]::before,
  .download-platform-card[data-download-platform="ios"]::before { background-image: url("assets/art-protection-5120.jpg") !important; }
  .download-platform-card[data-download-platform="linux"]::before,
  .download-platform-card[data-download-platform="android"]::before { background-image: url("assets/art-network-5120.jpg") !important; }
  .community-feed .feed-art { background-image: linear-gradient(0deg, rgba(3, 10, 8, .73), rgba(3, 10, 8, .03) 74%), url("assets/art-community-5120.jpg") !important; }
  .public-plan-group { background-image: linear-gradient(180deg, rgba(4, 13, 9, .96), rgba(3, 10, 8, .98)), url("assets/art-protection-5120.jpg") !important; }
  .safe-domain-strip { background-image: linear-gradient(90deg, rgba(4, 21, 19, .93), rgba(3, 11, 9, .7)), url("assets/art-network-5120.jpg") !important; }
  .reward-examples { background-image: linear-gradient(180deg, rgba(8, 15, 13, .87), rgba(4, 10, 8, .96)), url("assets/art-earnings-5120.jpg"); }
  .reward-example-card::before { background-image: linear-gradient(180deg, rgba(4, 12, 8, .1), rgba(4, 12, 8, .84)), url("assets/art-earnings-5120.jpg"); }
  .final-inner::after { background-image: linear-gradient(90deg, #06110c 0%, #06110c 34%, rgba(6, 17, 12, .83) 58%, rgba(6, 17, 12, .05) 100%), url("assets/art-final-5120.jpg") !important; }
}

html[data-theme="light"] {
  --landing-bg: #edf5ef;
  --landing-panel: #f8fcf8;
  --landing-panel-deep: #e9f2eb;
  --landing-text: #163022;
  --landing-muted: #486050;
  --landing-line: rgba(42, 96, 59, .19);
  --landing-shadow: 0 18px 40px rgba(36, 76, 48, .1);
}

html[data-theme="light"] body,
html[data-theme="light"] #mainContent { background: #edf5ef !important; }
html[data-theme="light"] .mp-nav { border-bottom-color: rgba(43, 94, 59, .16) !important; background: rgba(251, 255, 252, .97) !important; }
html[data-theme="light"] .desktop-nav a { color: #3d5645 !important; }
html[data-theme="light"] .language-select,
html[data-theme="light"] .theme-toggle,
html[data-theme="light"] .button.ghost { border-color: rgba(47, 101, 62, .28) !important; background: rgba(255, 255, 255, .75) !important; color: #284838 !important; }

html[data-theme="light"] .mp-section,
html[data-theme="light"] .pricing-section { background: linear-gradient(180deg, #fbfffb, #edf6ee) !important; border-top-color: rgba(43, 94, 59, .13) !important; }
html[data-theme="light"] .network-section { background: linear-gradient(180deg, #f8fdf8, #ebf5ed) !important; }
html[data-theme="light"] .process-section { background: linear-gradient(180deg, #fafffa, #edf6ef) !important; }
html[data-theme="light"] .public-downloads { background: linear-gradient(180deg, #f7fdf8, #eaf5ed) !important; }
html[data-theme="light"] .public-downloads::before { opacity: .23 !important; background-image: linear-gradient(90deg, rgba(249, 255, 250, .96), rgba(249, 255, 250, .68) 55%, rgba(249, 255, 250, .94)), url("assets/art-network-2560.jpg") !important; }
html[data-theme="light"] .community { background: linear-gradient(180deg, #f8fdf8, #ebf4ed) !important; }
html[data-theme="light"] .pricing-section.public-plans-section { background: linear-gradient(180deg, #fafffa, #edf6ef) !important; }

html[data-theme="light"] .section-intro h2,
html[data-theme="light"] .community-copy h2,
html[data-theme="light"] .pricing-intro h2,
html[data-theme="light"] .visual-section-heading h2,
html[data-theme="light"] .public-downloads-heading h2 { color: #183423 !important; }
html[data-theme="light"] .section-intro p,
html[data-theme="light"] .visual-section-heading > p,
html[data-theme="light"] .public-downloads-heading > div:last-child > p:first-child,
html[data-theme="light"] .pricing-intro > div:last-child > p:first-child { color: #4d6655 !important; }

html[data-theme="light"] .pillar-card,
html[data-theme="light"] .process-grid li,
html[data-theme="light"] .privacy-feature-card,
html[data-theme="light"] .download-platform-card { border-color: rgba(50, 105, 66, .2) !important; background: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(241, 250, 242, .98)) !important; box-shadow: inset 0 1px #fff, 0 12px 26px rgba(44, 87, 56, .07) !important; }
html[data-theme="light"] .pillar-card p,
html[data-theme="light"] .process-grid p,
html[data-theme="light"] .privacy-feature-card p,
html[data-theme="light"] .download-platform-card p { color: #4d6655 !important; }
html[data-theme="light"] .pillar-card h3,
html[data-theme="light"] .process-grid h3,
html[data-theme="light"] .privacy-feature-card h3,
html[data-theme="light"] .download-platform-card h3 { color: #1b3826 !important; }
html[data-theme="light"] .download-platform-card::before { opacity: .23 !important; filter: saturate(.78) brightness(1.44) contrast(.75); }
html[data-theme="light"] .download-platform-card::after { background: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(249, 254, 250, .82) 66%, rgba(247, 253, 248, .96)) !important; }
html[data-theme="light"] .download-platform-card button { border-color: rgba(47, 100, 64, .26) !important; background: rgba(255, 255, 255, .88) !important; color: #385644 !important; }

html[data-theme="light"] .network-proof-panel { border-color: rgba(43, 99, 59, .2); background: #fff; box-shadow: 0 14px 30px rgba(36, 76, 48, .08); }
html[data-theme="light"] .network-proof-panel .network-stats span { border-color: rgba(43, 99, 59, .16) !important; background: #f5faf6; }
html[data-theme="light"] .network-proof-panel .network-stats b { color: #207532 !important; }
html[data-theme="light"] .network-proof-panel .network-stats small,
html[data-theme="light"] .network-proof-panel .network-caption { color: #4d6655 !important; }
html[data-theme="light"] .network-proof-panel .network-caption { border-top-color: rgba(43, 99, 59, .14); }
html[data-theme="light"] .network-map-note,
html[data-theme="light"] .network-private-note { border-color: rgba(47, 102, 64, .21) !important; background: rgba(253, 255, 253, .88) !important; color: #456050 !important; }
html[data-theme="light"] .network-map-note b { color: #1f442d !important; }
html[data-theme="light"] .network-map-note p { color: #496451 !important; }

html[data-theme="light"] .community-feed,
html[data-theme="light"] .community blockquote,
html[data-theme="light"] .public-plan-group,
html[data-theme="light"] .contribution-layout,
html[data-theme="light"] .resource-evidence-board,
html[data-theme="light"] .reward-examples,
html[data-theme="light"] .payout-wallets { border-color: rgba(48, 100, 63, .2) !important; }
html[data-theme="light"] .community-feed,
html[data-theme="light"] .community blockquote { background: #f9fdf9 !important; }
html[data-theme="light"] .community blockquote p { color: #2b4835 !important; }
html[data-theme="light"] .community blockquote footer,
html[data-theme="light"] .community-assurances small { color: #496552 !important; }
html[data-theme="light"] .community-assurances { background: rgba(255, 255, 255, .89) !important; }
html[data-theme="light"] .community-assurances b { color: #23402e !important; }

html[data-theme="light"] .public-plan-group { background-image: linear-gradient(180deg, rgba(252, 255, 252, .94), rgba(242, 250, 243, .96)), url("assets/art-protection-2560.jpg") !important; }
html[data-theme="light"] .safe-domain-strip { background-image: linear-gradient(90deg, rgba(245, 253, 246, .95), rgba(238, 248, 240, .7)), url("assets/art-network-2560.jpg") !important; }
html[data-theme="light"] .contribution-layout { background: linear-gradient(145deg, #fcfffc, #eef7ef) !important; }
html[data-theme="light"] .contribution-disclaimer { color: #5a4772 !important; }
html[data-theme="light"] .resource-evidence-board { background: linear-gradient(145deg, #fbfaff, #f0f7f1) !important; }
html[data-theme="light"] .resource-evidence-heading h4,
html[data-theme="light"] .reward-examples-heading h4,
html[data-theme="light"] .payout-wallets h4 { color: #1d3526 !important; }
html[data-theme="light"] .resource-evidence-heading p,
html[data-theme="light"] .reward-examples-heading p,
html[data-theme="light"] .payout-wallets li small { color: #4b6453 !important; }
html[data-theme="light"] .reward-examples { background-image: linear-gradient(180deg, rgba(252, 255, 252, .92), rgba(244, 251, 245, .96)), url("assets/art-earnings-2560.jpg"); }
html[data-theme="light"] .reward-example-card { border-color: rgba(55, 111, 70, .23); background: linear-gradient(180deg, rgba(254, 255, 254, .92), rgba(244, 251, 245, .98)); }
html[data-theme="light"] .reward-example-card::before { opacity: .18; filter: saturate(.75) brightness(1.6); }
html[data-theme="light"] .reward-example-card h5,
html[data-theme="light"] .payout-wallets li b { color: #1d3a28; }
html[data-theme="light"] .reward-example-card p,
html[data-theme="light"] .reward-examples-note { color: #4f6656; }
html[data-theme="light"] .payout-wallets { background: #f7fcf8; }
html[data-theme="light"] .payout-wallets-art::after { background: linear-gradient(90deg, #f7fcf8 0%, rgba(247, 252, 248, .34) 39%, rgba(247, 252, 248, .04)); }

html[data-theme="light"] .mp-final { background: #eaf3eb !important; }
html[data-theme="light"] .final-inner { border-color: rgba(48, 102, 64, .26) !important; }

@media (min-width: 901px) {
  html[data-theme="light"] .public-downloads::before { background-image: linear-gradient(90deg, rgba(249, 255, 250, .96), rgba(249, 255, 250, .68) 55%, rgba(249, 255, 250, .94)), url("assets/art-network-5120.jpg") !important; }
  html[data-theme="light"] .public-plan-group { background-image: linear-gradient(180deg, rgba(252, 255, 252, .94), rgba(242, 250, 243, .96)), url("assets/art-protection-5120.jpg") !important; }
  html[data-theme="light"] .safe-domain-strip { background-image: linear-gradient(90deg, rgba(245, 253, 246, .95), rgba(238, 248, 240, .7)), url("assets/art-network-5120.jpg") !important; }
  html[data-theme="light"] .reward-examples { background-image: linear-gradient(180deg, rgba(252, 255, 252, .92), rgba(244, 251, 245, .96)), url("assets/art-earnings-5120.jpg"); }
}

@media (max-width: 1180px) {
  .mp-container { width: min(1120px, calc(100% - 46px)) !important; }
  .brand { min-width: 185px !important; }
  .desktop-nav { gap: 15px !important; }
  .desktop-nav a { font-size: 9px !important; }
  .split-layout { grid-template-columns: 194px minmax(0, 1fr) !important; gap: 22px !important; }
  .public-downloads-layout { grid-template-columns: 1fr !important; }
  .download-promo { min-height: 196px !important; }
  .community-grid { grid-template-columns: .9fr 1.3fr !important; }
  .community blockquote { grid-column: span 2; min-height: 170px; }
  .contribution-layout { grid-template-columns: minmax(220px, .64fr) minmax(0, 1.36fr) !important; }
}

@media (max-width: 900px) {
  .mp-container { width: min(760px, calc(100% - 36px)) !important; }
  .mp-hero { height: auto !important; min-height: 602px !important; }
  .hero-art { inset: 0 !important; }
  .hero-art img { object-position: 66% center; }
  .hero-art::before { background: linear-gradient(90deg, rgba(2, 7, 5, .95), rgba(2, 7, 5, .82) 52%, rgba(2, 7, 5, .3)), linear-gradient(0deg, #020705 0%, rgba(2, 7, 5, .15) 65%); }
  .hero-inner { height: 476px !important; align-items: flex-end !important; padding-bottom: 42px; }
  .hero-copy { width: min(88%, 560px) !important; }
  .hero-copy h1 { font-size: clamp(39px, 7vw, 52px) !important; }
  .trust-strip { height: 126px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-content: center; gap: 12px 0; }
  .trust-strip span { font-size: 9px !important; }
  .split-layout { grid-template-columns: 1fr !important; gap: 17px !important; }
  .section-intro { padding: 0 !important; }
  .section-intro p { max-width: 475px !important; }
  .network-intro { padding-top: 0 !important; }
  .network-proof-panel { min-height: 0; }
  .network-proof-panel .network-stats span { min-height: 86px; }
  .process-grid { grid-template-columns: repeat(5, minmax(132px, 1fr)) !important; overflow-x: auto; padding-bottom: 4px !important; scrollbar-width: thin; }
  .process-grid li { height: 164px !important; }
  .process-grid li:not(:last-child)::after { display: none !important; }
  .process-grid.product-path li:last-child { grid-column: auto !important; }
  .pricing-intro { grid-template-columns: 1fr !important; gap: 14px !important; }
  .contribution-layout { grid-template-columns: 1fr !important; }
  .contribution-static-art { min-height: 250px !important; }
  .contribution-static-art::after { background: linear-gradient(0deg, rgba(3, 8, 7, .8), rgba(3, 8, 7, .04)) !important; }
  .reward-example-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .reward-example-card { min-height: 145px; }
}

@media (max-width: 620px) {
  .mp-container { width: calc(100% - 30px) !important; }
  #downloads,
  #plans,
  #rewards,
  #roadmap,
  #scenarios,
  #network,
  #process,
  #community { scroll-margin-top: 70px; }
  .mp-nav { height: 60px !important; }
  .brand { min-width: 0 !important; }
  .brand strong { font-size: 13px !important; }
  .brand small { font-size: 6px !important; }
  .nav-inner { gap: 9px !important; }
  .nav-actions { margin-left: auto; }
  .language-select { width: 52px !important; }
  .theme-toggle { display: inline-flex !important; }
  .hero-copy .button { min-width: 0 !important; flex: 1 1 160px; }
  .mp-hero { min-height: 580px !important; }
  .hero-inner { height: 449px !important; padding-bottom: 31px; }
  .hero-copy { width: 100% !important; }
  .hero-copy h1 { font-size: 39px !important; letter-spacing: -.052em !important; }
  .hero-copy p { max-width: 335px !important; font-size: 11px !important; }
  .trust-strip { height: 131px !important; }
  .trust-strip span { justify-content: flex-start !important; padding-right: 7px; font-size: 8px !important; }
  .pillars,
  .network-section,
  .process-section,
  .privacy-gallery,
  .public-downloads,
  .community,
  .pricing-section.public-plans-section { padding: 36px 0 !important; }
  .section-intro h2,
  .community-copy h2,
  .pricing-intro h2,
  .visual-section-heading h2,
  .public-downloads-heading h2 { font-size: 31px !important; }
  .section-intro p,
  .visual-section-heading > p,
  .public-downloads-heading > div:last-child > p:first-child,
  .pricing-intro > div:last-child > p:first-child { font-size: 11px !important; }
  .pillar-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .pillar-card { height: 208px !important; }
  .pillar-card:last-child { grid-column: span 2; height: 177px !important; }
  .network-proof-panel { gap: 10px; padding: 10px; }
  .network-proof-panel .network-stats { grid-template-columns: 1fr; gap: 7px; }
  .network-proof-panel .network-stats span { min-height: 62px; padding: 10px 12px !important; }
  .network-map-note { right: 9px !important; bottom: 9px !important; width: min(226px, calc(100% - 18px)); padding: 9px 10px !important; }
  .network-map-note p { font-size: 7.5px !important; }
  .privacy-feature-grid,
  .download-platform-grid { grid-template-columns: 1fr !important; gap: 9px !important; }
  .download-platform-card { min-height: 174px !important; align-items: flex-start !important; padding: 17px !important; text-align: left !important; }
  .download-platform-card p { min-height: 0 !important; font-size: 10px !important; }
  .download-platform-card button { width: min(260px, 100%) !important; }
  .download-promo { min-height: 240px !important; }
  .visual-section-heading,
  .public-downloads-heading { grid-template-columns: 1fr !important; gap: 12px !important; }
  .community-grid { grid-template-columns: 1fr !important; }
  .community-feed { min-height: 245px !important; }
  .community blockquote { grid-column: auto; min-height: 185px; }
  .community blockquote p { font-size: 16px !important; }
  .public-plan-group { padding: 15px !important; }
  .public-plan-group-heading { display: grid !important; gap: 11px; }
  .public-plan-badge { max-width: none !important; }
  .pricing-grid.service-pillar-grid { grid-template-columns: 1fr !important; }
  .pricing-card.service-card.service-pillar-card { min-height: 187px !important; }
  .safe-domain-strip { padding: 16px !important; }
  .contribution-heading { display: grid !important; gap: 12px; }
  .contribution-heading .plans-panel-link { justify-self: start; }
  .contribution-content { padding: 13px !important; }
  .resource-evidence-board,
  .reward-examples,
  .payout-wallets-copy { padding: 13px !important; }
  .resource-card-grid { grid-template-columns: 1fr !important; }
  .reward-examples-heading { grid-template-columns: 1fr; }
  .reward-examples-heading p { grid-column: auto; grid-row: auto; font-size: 10px; }
  .reward-example-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .reward-example-card:last-child { grid-column: span 2; }
  .payout-wallets { grid-template-columns: 1fr; }
  .payout-wallets-art { min-height: 190px; }
  .payout-wallets-art::after { background: linear-gradient(0deg, #f7fcf8 0%, rgba(247, 252, 248, .05) 78%); }
  html[data-theme="dark"] .payout-wallets-art::after { background: linear-gradient(0deg, #06110c 0%, rgba(6, 17, 12, .06) 78%); }
  .mp-final { padding: 31px 0 !important; }
  .final-inner { min-height: 253px !important; padding: 23px 20px !important; }
  .final-inner::after { background: linear-gradient(0deg, #06110c 0%, rgba(6, 17, 12, .81) 51%, rgba(6, 17, 12, .06) 100%), url("assets/art-final-2560.jpg") right center / cover no-repeat !important; }
}

/* v11 composition: keep the owner-preserved hero as a proportional right-side
   illustration. The desktop source is intentionally not used as a cover. */
#top { order: 1; }
#pillars { order: 2; }
#network { order: 3; }
#process { order: 4; }
#scenarios { order: 5; }
#downloads { order: 6; }
#plans { order: 7; }
#rewards { order: 8; }
#community { order: 9; }
#roadmap { order: 10; }
.mp-final { order: 11; }

.mp-hero {
  height: 442px !important;
  min-height: 442px !important;
}

.hero-art {
  inset: 0 0 89px !important;
  background: none !important;
}

.hero-art img {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  display: block !important;
  width: auto !important;
  max-width: none !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: right top !important;
  transform: none !important;
}

.hero-art::before {
  background:
    linear-gradient(90deg, #020705 0%, rgba(2, 7, 5, .985) 27%, rgba(2, 7, 5, .79) 37%, rgba(2, 7, 5, .2) 51%, transparent 66%),
    linear-gradient(0deg, #020705 0%, rgba(2, 7, 5, 0) 27%) !important;
}

@media (max-width: 900px) {
  .mp-hero {
    height: auto !important;
    min-height: 602px !important;
  }

  .hero-art {
    inset: 0 !important;
  }

  .hero-art img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 64% top !important;
  }

  .hero-art::before {
    background: linear-gradient(0deg, #020705 0%, rgba(2, 7, 5, .85) 26%, rgba(2, 7, 5, .15) 56%, transparent 78%) !important;
  }
}

@media (max-width: 620px) {
  .mp-hero {
    min-height: 580px !important;
  }
}

@media (max-width: 620px) {
  .hero-inner {
    min-height: 0 !important;
    padding-top: 0 !important;
  }

  .hero-copy .button-row {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }

  .hero-copy .button {
    width: auto !important;
    min-height: 48px !important;
    flex: 1 1 0 !important;
  }
}

html[data-theme="light"] .mp-hero {
  background: #f7fbf8 !important;
}

html[data-theme="light"] .hero-art::before {
  background:
    linear-gradient(90deg, #f7fbf8 0%, rgba(247, 251, 248, .98) 30%, rgba(247, 251, 248, .9) 46%, rgba(247, 251, 248, .36) 66%, transparent 82%),
    linear-gradient(0deg, #f7fbf8 0%, rgba(247, 251, 248, .72) 22%, transparent 60%) !important;
}

html[data-theme="light"] .hero-copy h1 {
  color: #16321f !important;
  text-shadow: 0 1px rgba(255, 255, 255, .82);
}

html[data-theme="light"] .hero-copy p {
  color: #385b45 !important;
}

html[data-theme="light"] .trust-strip {
  border-top-color: rgba(43, 94, 59, .16) !important;
  background: #f7fbf8 !important;
}

html[data-theme="light"] .trust-strip span {
  color: #3d5d48 !important;
}

html[data-theme="light"] .text-button {
  border-color: rgba(47, 100, 64, .28) !important;
  background: rgba(255, 255, 255, .9) !important;
  color: #294b36 !important;
  box-shadow: 0 8px 18px rgba(44, 87, 56, .07);
}

html[data-theme="light"] .mp-hero {
  isolation: isolate;
}

html[data-theme="light"] .mp-hero::after {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  height: 89px;
  content: "";
  background: #f7fbf8;
  pointer-events: none;
}

html[data-theme="light"] .trust-strip {
  z-index: 2 !important;
}

@media (max-width: 900px) {
  html[data-theme="light"] .mp-hero::after { height: 126px; }
}

@media (max-width: 620px) {
  html[data-theme="light"] .mp-hero::after { height: 131px; }
}

@media (min-width: 621px) {
  .pillar-card p { font-size: 10.5px !important; }
  .pillar-card a { font-size: 10px !important; }
  .download-platform-card p { font-size: 10.5px !important; }
  .download-platform-card button { font-size: 10px !important; }
  .process-grid h3 { font-size: 12.5px !important; }
  .process-grid p { font-size: 10px !important; }
  .reward-example-card b { font-size: 10px; }
  .reward-example-card p { font-size: 10px; }
  .reward-examples-note { font-size: 10px; }
  .payout-wallets li b { font-size: 11px; }
  .payout-wallets li small { font-size: 10px; }
}

@media (max-width: 620px) {
  .process-grid.product-path { grid-template-columns: 1fr !important; gap: 10px !important; }
  .process-grid.product-path li {
    display: grid !important;
    min-height: 112px;
    grid-template-columns: 28px 44px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 10px;
    padding: 16px !important;
    text-align: left;
  }
  .process-grid.product-path li > b { grid-column: 1; grid-row: 1 / 3; margin: 0 !important; }
  .process-grid.product-path .step-icon { grid-column: 2; grid-row: 1 / 3; margin: 0 !important; }
  .process-grid.product-path h3 { grid-column: 3; grid-row: 1; align-self: end; text-align: left; }
  .process-grid.product-path p { grid-column: 3; grid-row: 2; font-size: 10.5px !important; line-height: 1.48 !important; text-align: left; }
  .download-platform-card button { font-size: 10px !important; }
  .reward-example-card b { font-size: 9.5px; }
  .reward-example-card p { font-size: 9.5px; }
  .reward-examples-note { font-size: 9px; }
}