:root {
  --bg: #0c0d0f;
  --surface: #151618;
  --surface-2: #1c1e21;
  --surface-3: #24262a;
  --text: #f2f2f4;
  --muted: #9b9da2;
  --muted-dark: #70737a;
  --line: rgba(222, 224, 229, 0.12);
  --accent-start: #8a8d92;
  --accent-end: #b1b2b7;
  --accent-gradient: linear-gradient(135deg, var(--accent-start) 0%, var(--accent-end) 100%);
  --lime: var(--accent-end);
  --lime-light: var(--accent-end);
  --teal: var(--accent-end);
  --red: #ff8278;
  --radius: 20px;
}

@font-face {
  font-family: "KONSTRUKT";
  src: url("assets/KONSTRUKT-Regular.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: "OFont 10369";
  src: url("assets/10369.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: "Woblen";
  src: url("assets/Woblen.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}



* { box-sizing: border-box; }
html { scroll-behavior: auto; }
html { overflow-x: hidden; }
body { position: relative; isolation: isolate; margin: 0; color: var(--text); background-color: #07080a; background-image: radial-gradient(ellipse 580px 400px at 18% 9%, rgba(190,196,207,.19), transparent 72%), radial-gradient(ellipse 700px 520px at 88% 25%, rgba(130,137,151,.15), transparent 76%), radial-gradient(ellipse 620px 440px at 38% 56%, rgba(170,176,188,.12), transparent 76%), radial-gradient(ellipse 760px 500px at 78% 88%, rgba(118,125,140,.14), transparent 75%), radial-gradient(ellipse 540px 420px at 8% 92%, rgba(160,166,178,.1), transparent 75%); background-repeat: no-repeat; font-family: "DM Sans", sans-serif; line-height: 1.5; overflow-x: clip; }
body.is-loading { overflow-x: clip; background: #080807 !important; }
.page-loader { position: fixed; inset: 0; z-index: 100; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #000; opacity: 1; visibility: visible; transition: opacity .15s ease, visibility .15s ease; }
.page-loader--done { opacity: 0; visibility: hidden; pointer-events: none; }
.page-loader-lockup { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.page-loader-logo { display: block; width: 82px; height: 82px; margin: 0 auto 5px; object-fit: contain; animation: brand-key-press .72s infinite; transform-origin: 50% 100%; }
.page-loader-title { margin-top: 6px; color: #fff; font-family: "Woblen", serif; font-size: clamp(38px, 6vw, 58px); line-height: .9; letter-spacing: .04em; visibility: hidden; }
.page-loader.page-loader-font-ready .page-loader-title { visibility: visible; }
.page-loader.page-loader-font-error .page-loader-title { visibility: visible; font-family: "DM Sans", sans-serif; font-size: 15px; letter-spacing: 0; }
.page-loader-progress { width: min(280px, 68vw); height: 3px; margin-top: 11px; overflow: hidden; background: rgba(255,255,255,.16); }
.page-loader-progress span { display: block; width: 100%; height: 100%; background: #fff; transform: scaleX(.18); transform-origin: left center; animation: page-loader-progress 1.25s ease-in-out infinite alternate; }
@keyframes page-loader-progress { to { transform: scaleX(1); } }
.bg-wrapper { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; background-color: #050608; background-image: radial-gradient(ellipse 78vw 620px at 76% 300px, rgba(225,229,238,.48) 0%, rgba(168,173,185,.33) 38%, rgba(91,95,107,.15) 64%, transparent 84%), radial-gradient(ellipse 78vw 650px at 18% 1550px, rgba(213,218,228,.45) 0%, rgba(158,163,176,.31) 40%, rgba(82,86,99,.14) 65%, transparent 84%), radial-gradient(ellipse 80vw 660px at 82% 2800px, rgba(226,230,239,.48) 0%, rgba(166,171,184,.33) 40%, rgba(87,91,104,.15) 64%, transparent 84%), radial-gradient(ellipse 78vw 640px at 18% 4050px, rgba(216,221,231,.46) 0%, rgba(157,162,175,.31) 40%, rgba(82,86,99,.14) 65%, transparent 84%), radial-gradient(ellipse 80vw 680px at 80% 5300px, rgba(226,230,239,.48) 0%, rgba(166,171,184,.33) 40%, rgba(87,91,104,.15) 64%, transparent 84%), radial-gradient(ellipse 78vw 620px at 20% 6550px, rgba(213,218,228,.45) 0%, rgba(155,160,173,.31) 40%, rgba(82,86,99,.14) 65%, transparent 84%); background-repeat: no-repeat; }
.bg-wrapper::before, .bg-wrapper::after { content: ""; position: absolute; inset: 0; pointer-events: none; }
.bg-wrapper::before { display: none; }
.bg-wrapper::after {
  background:
    radial-gradient(ellipse 112vw 760px at 47% -90px, rgba(246,248,252,.31) 0%, rgba(207,213,224,.23) 27%, rgba(143,150,165,.13) 49%, rgba(55,59,70,.055) 67%, transparent 82%),
    radial-gradient(ellipse 58vw 900px at 4% 85px, rgba(198,205,219,.14) 0%, rgba(100,106,121,.07) 46%, transparent 76%),
    radial-gradient(ellipse 72vw 620px at 98% 210px, rgba(227,231,240,.17) 0%, rgba(125,131,146,.08) 48%, transparent 77%),
    radial-gradient(ellipse 118vw 510px at 52% 720px, rgba(0,0,0,.8) 0%, rgba(0,0,0,.42) 43%, transparent 77%);
  -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 430px, rgba(0,0,0,.9) 680px, rgba(0,0,0,.45) 940px, transparent 1280px);
  mask-image: linear-gradient(to bottom, #000 0, #000 430px, rgba(0,0,0,.9) 680px, rgba(0,0,0,.45) 940px, transparent 1280px);
}
.bg-glow { position: absolute; border-radius: 50%; filter: blur(120px); pointer-events: none; }
.glow-top-left { top: -100px; left: 20%; width: 500px; height: 400px; background: rgba(184, 82, 28, .12); }
.glow-top-right { top: 10%; right: -50px; width: 550px; height: 550px; background: rgba(224, 90, 24, .18); }
.glow-bottom-center { bottom: -50px; left: 35%; width: 600px; height: 400px; background: rgba(120, 50, 15, .15); }
.glow-spot { display: none; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { cursor: pointer; }
.container { width: min(1180px, calc(100% - 64px)); margin: 0 auto; }
.ambient { position: absolute; pointer-events: none; border-radius: 999px; filter: blur(2px); z-index: -1; }
.ambient-one { width: 580px; height: 580px; top: 110px; right: -160px; background: radial-gradient(circle, rgba(177, 178, 183, .13), transparent 69%); }
.ambient-two { width: 430px; height: 430px; top: 500px; left: -250px; background: radial-gradient(circle, rgba(138, 141, 146, .11), transparent 68%); }

.site-header { position: fixed; top: 0; left: 0; right: 0; border-bottom: 1px solid rgba(255,255,255,.055); background: rgba(12, 13, 15, .84); backdrop-filter: blur(18px); z-index: 5; }
.site-header.site-header { position: fixed; }
.header-inner { min-height: 82px; display: flex; align-items: center; gap: 58px; min-width: 0; }
.site-header .header-inner { width: calc(100% - 40px); max-width: none; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-family: Manrope, sans-serif; font-weight: 800; letter-spacing: -.06em; }
.brand-logo--pressed { animation: brand-key-press .72s both; transform-origin: 50% 100%; }
@keyframes brand-key-press {
  0% { transform: translateY(0) rotate(0deg); }
  18% { transform: translateY(5px) rotate(-1deg); }
  34% { transform: translateY(2px) rotate(.7deg); }
  50% { transform: translateY(3px) rotate(-.35deg); }
  68% { transform: translateY(-1px) rotate(.15deg); }
  84% { transform: translateY(.5px) rotate(-.05deg); }
  100% { transform: translateY(0) rotate(0deg); }
}
.site-header .brand { align-self: center; height: 82px; }
.brand-logo { display: block; width: 64px; height: 64px; object-fit: contain; }
.brand-text { display: block; color: var(--text); font-family: "Woblen", sans-serif; font-size: 39px; font-weight: 400; line-height: .9; letter-spacing: .02em; white-space: nowrap; }
.site-header .brand-text { transform: translateY(6px); }
.main-nav { display: flex; gap: 34px; align-items: center; margin-right: auto; }
.language-switcher { position: relative; display: inline-flex; align-items: center; }
.language-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 0;
  color: var(--text);
  font: 400 calc(clamp(13px, 1vw, 15px) + 4px) "DM Sans", sans-serif;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
  cursor: pointer;
}
.language-trigger:hover,
.language-trigger:active,
.language-trigger:focus-visible { color: #fff; background: transparent !important; outline: none; box-shadow: none !important; }
.language-caret { display: block; width: 13px; height: 13px; color: currentColor; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; transition: transform .16s ease; }
.language-switcher.is-open .language-caret { transform: rotate(180deg); }
.language-menu {
  position: absolute;
  z-index: 20;
  top: calc(100% + 7px);
  left: var(--language-menu-center, 50%);
  display: grid;
  gap: 4px;
  width: 154px;
  padding: 8px;
  transform: translateX(-50%);
  border: 0;
  border-radius: 20px;
  background: rgba(255,255,255,.05);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: 0 12px 32px rgba(0,0,0,.18);
}
.language-menu[hidden] { display: none; }
.language-option {
  min-height: 40px;
  padding: 8px 14px;
  color: rgba(245,245,246,.72);
  font: 400 15px "DM Sans", sans-serif;
  text-align: center;
  border: 2px solid transparent;
  border-radius: 12px;
  background: transparent;
  cursor: pointer;
}
.language-option:hover { color: #fff; background: rgba(255,255,255,.08); }
.language-option[aria-selected="true"] {
  color: #fff;
  background: rgba(255,255,255,.2);
  border-color: rgba(255,255,255,.1);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.nav-link, .mobile-nav a { color: var(--muted); font-family: "OFont 10369", sans-serif; font-size: 16px; transition: color .2s ease; }
.site-header .ghost-button, .site-header .primary-button { font-family: "OFont 10369", sans-serif; font-size: 16px; }
.nav-link:hover, .nav-link.active { color: var(--text); }
.nav-link.active::after { content: ""; display: block; height: 2px; border-radius: 4px; margin-top: 3px; background: var(--accent-gradient); }
.header-actions { display: flex; gap: 10px; align-items: center; }
.header-actions .search-toggle { display: none !important; }
main { position: relative; z-index: 1; padding-top: 82px; }
.icon-button, .mobile-menu { border: 0; color: var(--muted); background: transparent; padding: 7px; }
.icon-button svg, .table-search svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 1.6; }
.header-actions .search-toggle svg { width: 24px; height: 24px; }
.ghost-button, .primary-button, .outline-button, .text-button { border: 0; border-radius: 9px; font-weight: 700; font-size: 13px; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.ghost-button { padding: 12px 15px; color: var(--text); background: transparent; }
.ghost-button:hover { background: rgba(255,255,255,.06); }
.primary-button { display: inline-flex; align-items: center; justify-content: center; gap: 15px; padding: 15px 20px; color: #161719; background: var(--accent-gradient); box-shadow: 0 11px 30px rgba(177, 178, 183, .18); }
.primary-button:hover { transform: translateY(-2px); background: linear-gradient(135deg, #9b9ea3 0%, #c3c4c9 100%); }
.primary-button span, .outline-button span { font-size: 17px; line-height: 0; }
.primary-button-icon { display: block; width: 24px; height: 24px; flex: 0 0 24px; }
.text-button-icon { display: block; width: 24px; height: 24px; flex: 0 0 24px; }
.primary-button.compact { padding: 11px 17px; }
.mobile-menu, .mobile-nav { display: none; }

.hero { min-height: 600px; display: grid; grid-template-columns: 1fr 1.04fr; gap: 65px; align-items: center; padding-top: 58px; padding-bottom: 67px; }
.hero-copy, .hero-visual { min-width: 0; }
.hero-copy { align-self: start; margin-top: 42px; }
.hero-copy .hero-description { width: calc(100% + 50px); max-width: calc(100% + 50px); margin-inline: auto; color: #fff; font-family: "KONSTRUKT", sans-serif; font-size: clamp(49px, calc(3vw + 25px), 65px); font-weight: 700; line-height: 1.05; letter-spacing: 1.5px; text-align: right; white-space: normal; overflow-wrap: anywhere; transform: translateY(10px); }
.hero-description-unified { display: block; }
.hero-description-accent { background: none; -webkit-text-fill-color: #fff; color: #fff; }
.hero-copy h1 { font-family: "KONSTRUKT", sans-serif; letter-spacing: 3px; }
.eyebrow, .section-kicker { color: var(--teal); text-transform: uppercase; font-size: 10px; font-weight: 700; letter-spacing: .17em; }
.eyebrow { display: flex; align-items: center; gap: 10px; }
.pulse-dot, .live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent-gradient); box-shadow: 0 0 0 4px rgba(177,178,183,.14); }
.eyebrow-divider { width: 24px; height: 1px; background: var(--muted-dark); margin-left: 4px; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: Manrope, sans-serif; }
h1 { max-width: none; margin-bottom: 25px; font-size: clamp(31px, 4.8vw, 66px); line-height: .99; letter-spacing: -.08em; font-weight: 800; white-space: nowrap; }
h1 em, h2 em { background: var(--accent-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; font-style: normal; }
.hero-description { max-width: 425px; color: var(--muted); font-size: 48px; line-height: 1.7; }
.text-button { display: inline-flex; align-items: center; gap: 10px; padding: 12px 0; color: var(--text); background: transparent; font-family: "OFont 10369", sans-serif; transition: transform .2s ease, background .2s ease, color .2s ease; }
.hero-proof { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 51px; }
.avatars { display: flex; padding-left: 6px; }
.avatars span { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-left: -6px; color: #151618; border: 2px solid var(--bg); border-radius: 50%; background: #c5c6cb; font-size: 10px; font-weight: 700; }
.avatars span:nth-child(2) { background: #aeb0b5; }
.avatars span:nth-child(3) { background: #94979d; }
.avatars span:nth-child(4) { color: var(--lime); background: var(--surface-3); }
.hero-proof p { margin: 0; font-size: 11px; line-height: 1.25; }
.hero-proof strong { font-size: 12px; }
.hero-proof p span { color: var(--muted-dark); }
.hero-visual { min-height: 435px; position: relative; display: flex; align-items: center; justify-content: center; }
.hero-visual .hero-proof { position: absolute; top: 530px; left: 50%; z-index: 3; margin-top: 0; transform: translateX(-50%); white-space: nowrap; }
.visual-glow { display: none; }
.orbit { position: absolute; border: 1px solid rgba(177, 178, 183, .14); border-radius: 50%; transform: rotate(-18deg); }
.orbit-one { width: 620px; height: 236px; }
.orbit-two { width: 530px; height: 190px; transform: rotate(45deg); border-color: rgba(177, 178, 183, .1); }
.hero-chart-card { position: relative; width: min(100%, 495px); padding: 27px 28px 18px; background: linear-gradient(140deg, rgba(31, 33, 37, .95), rgba(17, 18, 21, .97)); border: 1px solid rgba(210, 212, 217, .18); border-radius: 18px; box-shadow: 0 28px 70px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.05); transform: perspective(1000px) rotateY(-7deg) rotateX(2deg); z-index: 1; }
.coin-stage { position: relative; width: min(100%, 495px); height: 720px; overflow: visible; background: transparent; isolation: isolate; cursor: default; }
.coin-stage::before { content: ""; position: absolute; top: 0; left: 50%; width: 360px; height: 560px; transform: translateX(-50%); z-index: 0; pointer-events: none; clip-path: polygon(39% 0, 61% 0, 100% 100%, 0 100%); background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.08) 38%, transparent 82%); filter: blur(13px); opacity: .72; }
.coin-stage::after { content: ""; position: absolute; top: 0; left: 50%; width: 92px; height: 620px; transform: translateX(-50%); z-index: 0; pointer-events: none; clip-path: polygon(43% 0, 57% 0, 100% 100%, 0 100%); background: linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.18) 46%, transparent 88%); filter: blur(8px); opacity: .9; mix-blend-mode: screen; }
.coin-stage::before, .coin-stage::after { display: none; }
.coin-stage #coin-canvas-wrap { position: absolute; top: -410px; left: -552px; width: 1600px; height: calc(100% + 300px); }
.coin-stage #coin-canvas-wrap, .coin-stage canvas { position: relative; z-index: 1; }
.coin-stage #coin-canvas-wrap { filter: none; backdrop-filter: none; background: transparent !important; }
.coin-stage canvas { display: block; width: 100%; height: 100%; filter: none !important; backdrop-filter: none; background: transparent !important; image-rendering: auto; }
.coin-beam { position: absolute; top: -20px; pointer-events: none; clip-path: polygon(38% 0, 62% 0, 100% 100%, 0 100%); mix-blend-mode: screen; }
.coin-beam-back { left: 37%; width: 500px; height: 980px; transform: translateX(-50%) rotate(-10deg); z-index: 0; background: radial-gradient(ellipse at 50% 0, rgba(205,225,255,.12), transparent 48%), linear-gradient(180deg, rgba(255,255,255,.06), rgba(205,225,255,.018) 58%, transparent 94%); filter: blur(38px); opacity: .3; mix-blend-mode: screen; }
.coin-beam-main { left: 63%; width: 390px; height: 980px; transform: translateX(-50%) rotate(10deg); z-index: 2; background: radial-gradient(ellipse at 50% 0, rgba(255,255,255,.2), transparent 42%), linear-gradient(180deg, rgba(255,255,255,.12), rgba(220,232,255,.045) 46%, rgba(255,255,255,.01) 78%, transparent 96%); filter: blur(25px); opacity: .34; mix-blend-mode: screen; box-shadow: 0 0 70px 18px rgba(190,215,255,.045); }
.coin-beam-side { display: none; }
.coin-beam-single { left: 25%; top: -10px; width: 900px; height: 1300px; transform: translateX(-50%) rotate(-18deg) scaleY(.12); transform-origin: top center; z-index: 2; background: radial-gradient(ellipse at 50% 0, rgba(255,255,255,.12), transparent 42%), linear-gradient(180deg, rgba(255,255,255,.08), rgba(220,232,255,.025) 48%, transparent 94%); filter: blur(19px); opacity: 0; mix-blend-mode: screen; box-shadow: 0 0 56px 14px rgba(190,215,255,.045); mask-image: linear-gradient(to bottom, transparent 0%, black 8%, black 78%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 8%, black 78%, transparent 100%); }
.coin-stage.coin-intro-started .coin-beam-single { animation: coin-beam-reveal 2.2s ease-in-out both, coin-beam-flicker 3.6s ease-in-out 2.2s infinite; }
@keyframes coin-beam-reveal { from { opacity: 0; transform: translateX(-50%) rotate(-18deg) scaleY(.12); } to { opacity: .46; transform: translateX(-50%) rotate(-18deg) scaleY(1); } }
@keyframes coin-beam-flicker { 0%, 100% { opacity: .46; filter: blur(21px); } 18% { opacity: .39; filter: blur(18px); } 42% { opacity: .31; filter: blur(23px); } 68% { opacity: .42; filter: blur(19px); } 86% { opacity: .35; filter: blur(22px); } }
.coin-stage-label { position: absolute; top: 25px; left: 28px; right: 28px; display: flex; justify-content: space-between; z-index: 2; color: var(--muted); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; pointer-events: none; }
.coin-stage-hint { position: absolute; bottom: 18px; left: 0; right: 0; text-align: center; color: rgba(210,212,217,.55); font-size: 11px; pointer-events: none; }
@media (max-width: 700px) { main { padding-top: 68px; }.coin-stage { height: 640px; }.market-panel-title { top: calc(var(--panel-offset) - var(--title-size) + 78px); } }
@media (prefers-reduced-motion: reduce) { .brand-logo--pressed { animation-duration: .01ms; } }
@media (max-width: 600px) {  }
.chart-topline, .card-label-row, .card-footer { display: flex; align-items: center; justify-content: space-between; }
.chart-topline { color: var(--muted); font-size: 12px; }
.chart-live { display: flex; gap: 7px; align-items: center; color: var(--lime); font-size: 10px; text-transform: uppercase; letter-spacing: .12em; }
.chart-live i { width: 5px; height: 5px; border-radius: 50%; background: var(--lime); }
.chart-value { margin-top: 16px; font-family: Manrope, sans-serif; font-size: 34px; font-weight: 800; letter-spacing: -.06em; }
.chart-value span { color: var(--muted-dark); font-size: 18px; }
.chart-change { margin-top: 3px; color: var(--lime); font-size: 13px; font-weight: 700; }
.chart-change small { margin-left: 5px; color: var(--muted-dark); font-size: 10px; font-weight: 400; }
.hero-chart { display: block; width: 100%; height: 190px; margin-top: 18px; overflow: visible; }
.chart-area { fill: url(#chartFill); }
.chart-line { fill: none; stroke: url(#chartStroke); stroke-width: 2.3; vector-effect: non-scaling-stroke; }
.chart-point { fill: var(--lime); stroke: #2d2f34; stroke-width: 3; }
.chart-point-halo { fill: none; stroke: var(--lime); stroke-width: 1; opacity: .4; }
.chart-axis { display: flex; justify-content: space-between; color: var(--muted-dark); font-size: 9px; }
.floating-chip { position: absolute; display: flex; align-items: center; gap: 8px; padding: 11px 14px; color: var(--text); background: rgba(29, 31, 35, .94); border: 1px solid var(--line); border-radius: 9px; box-shadow: 0 12px 30px rgba(0,0,0,.2); font-size: 11px; z-index: 2; }
.floating-chip strong { margin-left: 7px; color: var(--lime); font-size: 10px; }
.chip-top { top: 57px; right: -6px; }
.chip-bottom { bottom: 52px; left: -12px; }
.coin-dot { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; color: #151618; font-weight: 800; }
.coin-dot.eth { background: #9dbeff; font-size: 11px; }
.coin-dot.btc { background: #f6bc54; font-size: 15px; }

.market-panel-wrap { --panel-offset: -52px; --title-size: min(190px, 10vw); position: relative; transform: translateY(20px); }
.market-panel-wrap::before { display: none; }
.market-panel { position: relative; z-index: 1; left: 50%; width: 100vw; height: 790px; margin-top: calc(var(--panel-offset) + 78px); margin-left: 0; transform: translateX(-50%); border-radius: 100px 0 100px 0; background: rgba(138,141,146,.4); }
.market-panel-content { position: absolute; top: 100px; left: 50%; display: flex; flex-direction: column; align-items: center; transform: translateX(-50%); }
.market-panel-title { position: absolute; top: calc(var(--panel-offset) - var(--title-size) + 78px); left: 50%; z-index: 0; width: 100vw; color: transparent; background: linear-gradient(to bottom, var(--accent-end) 0%, #000 100%); -webkit-background-clip: text; background-clip: text; font-family: "OFont 10369", sans-serif; font-size: var(--title-size); line-height: 1; text-align: center; text-transform: uppercase; word-spacing: 20px; white-space: nowrap; text-rendering: geometricPrecision; -webkit-font-smoothing: antialiased; filter: none; transform-origin: center center; transform: translateX(-50%); }
.market-panel-elements { position: relative; z-index: 1; display: flex; justify-content: space-between; width: min(1180px, calc(100vw - 64px)); gap: 15px; margin-top: 114px; }
.market-panel-elements span { position: relative; display: block; width: clamp(195px, calc(12vw + 150px), 220px); aspect-ratio: 1; padding: 0; background: #000; border-radius: 20px; filter: none; transition: padding .22s ease, background-color .22s ease, clip-path .22s ease, transform .22s ease, border-radius .22s ease; }
.market-panel-elements span > i { position: relative; display: block; width: 100%; height: 100%; background: #000; clip-path: inherit; border-radius: inherit; }
.market-panel-elements .market-panel-image { position: absolute; top: calc(-12.2% + 25px); left: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.market-panel-elements span:nth-child(4) { overflow: hidden; }
.market-panel-elements span:nth-child(4) .market-panel-image { top: calc(-12.2% + 27px); }
.market-panel-elements span:nth-child(1) { clip-path: polygon(3% 8%, 10% 4%, 18% 6%, 28% 2%, 38% 5%, 50% 3%, 61% 6%, 72% 2%, 83% 5%, 94% 3%, 98% 12%, 96% 23%, 99% 34%, 95% 46%, 98% 58%, 94% 69%, 97% 81%, 92% 96%, 80% 94%, 69% 98%, 57% 94%, 46% 98%, 35% 94%, 23% 97%, 12% 93%, 4% 96%, 6% 84%, 2% 73%, 5% 61%, 2% 49%, 6% 37%, 3% 25%); transform: rotate(-1deg); }
.market-panel-elements span:nth-child(2) { clip-path: polygon(4% 5%, 15% 7%, 25% 3%, 36% 6%, 47% 2%, 59% 5%, 70% 3%, 82% 7%, 95% 4%, 97% 17%, 94% 29%, 98% 41%, 95% 53%, 99% 66%, 94% 79%, 97% 92%, 85% 95%, 74% 92%, 62% 97%, 51% 94%, 39% 98%, 28% 94%, 17% 97%, 5% 91%, 7% 80%, 3% 68%, 6% 56%, 2% 44%, 5% 31%, 3% 18%); transform: rotate(1.5deg); }
.market-panel-elements span:nth-child(3) { clip-path: polygon(2% 10%, 12% 4%, 24% 7%, 35% 3%, 47% 6%, 58% 2%, 70% 5%, 83% 3%, 96% 8%, 93% 20%, 98% 32%, 94% 44%, 97% 57%, 93% 69%, 98% 82%, 91% 96%, 79% 93%, 67% 98%, 55% 94%, 43% 97%, 31% 93%, 20% 96%, 7% 91%, 5% 80%, 2% 68%, 6% 55%, 3% 43%, 7% 30%, 3% 19%); transform: rotate(-2deg); }
.market-panel-elements span:nth-child(4) { clip-path: polygon(5% 3%, 17% 6%, 29% 2%, 40% 5%, 52% 3%, 64% 6%, 76% 2%, 88% 5%, 97% 11%, 94% 24%, 98% 36%, 95% 48%, 99% 60%, 94% 72%, 97% 85%, 90% 97%, 78% 94%, 66% 98%, 54% 95%, 42% 99%, 30% 94%, 19% 97%, 7% 92%, 4% 80%, 2% 67%, 6% 54%, 3% 42%, 7% 29%, 3% 16%); transform: rotate(2deg); }
.market-panel-elements::before, .market-panel-elements::after { position: absolute; bottom: calc(100% + 14px); z-index: 2; width: 220px; color: #1b1d21; font-family: "OFont 10369", sans-serif; font-size: 18px; line-height: 1.1; text-align: center; pointer-events: none; }
.market-panel-elements::before { left: 0; content: "Обмен на любую валюту"; }
.market-panel-elements::after { left: calc((100% - 880px) / 3 + 220px); content: "Оплата через QR-код"; }
.market-panel-third-caption { position: absolute; bottom: calc(100% + 14px); left: calc((100% - 880px) * 2 / 3 + 440px); z-index: 2; width: 220px; color: #1b1d21; font-family: "OFont 10369", sans-serif; font-size: 18px; line-height: 1.1; text-align: center; white-space: nowrap; pointer-events: none; }
.market-panel-fourth-caption { position: absolute; bottom: calc(100% + 14px); left: calc(100% - 220px); z-index: 2; width: 220px; color: #1b1d21; font-family: "OFont 10369", sans-serif; font-size: 18px; line-height: 1.1; text-align: center; pointer-events: none; }
.market-panel-connector { position: absolute !important; top: calc(clamp(195px, calc(12vw + 150px), 220px) + 4px) !important; z-index: 1; display: block !important; width: 1px !important; height: 38px !important; min-width: 1px !important; aspect-ratio: auto !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; clip-path: none !important; transform: none !important; background: #000 !important; pointer-events: none; }
.market-panel-connector--1 { left: 110px; }
.market-panel-connector--2 { left: calc((100% - 880px) / 3 + 330px); }
.market-panel-connector--3 { left: calc((100% - 880px) * 2 / 3 + 550px); }
.market-panel-connector--4 { left: calc(100% - 110px); }
.market-panel-first-description, .market-panel-second-description, .market-panel-third-description, .market-panel-fourth-description { position: absolute; top: calc(100% + 42px); left: 0; z-index: 2; width: 220px; color: #1b1d21; font-family: "OFont 10369", sans-serif; font-size: 23px; line-height: 1.2; text-align: center; }
.market-panel-second-description { left: calc((100% - 880px) / 3 + 220px); }
.market-panel-third-description { left: calc((100% - 880px) * 2 / 3 + 440px); }
.market-panel-fourth-description { left: calc(100% - 220px); }
.market-panel-elements span:not(:hover) { clip-path: none; border-radius: 20px; transform: rotate(0deg) skew(0) scale(1); }
.market-panel-elements span:nth-child(2):not(:hover), .market-panel-elements span:nth-child(3):not(:hover), .market-panel-elements span:nth-child(4):not(:hover) { clip-path: none; border-radius: 20px; transform: rotate(0deg) skew(0) scale(1); }
.market-panel-elements span:hover { padding: 3px; background: #fff; border-radius: 20px; transform: rotate(1deg) skew(0) scale(1.025); }
.market-panel-elements span:nth-child(1):hover { clip-path: polygon(0 7%, 7% 0, 34% 2%, 52% 0, 78% 3%, 100% 0, 97% 22%, 100% 48%, 96% 73%, 100% 94%, 89% 100%, 65% 97%, 44% 100%, 19% 97%, 0 100%, 3% 78%, 0 53%, 4% 28%); }
.market-panel-elements span:nth-child(2):hover { clip-path: polygon(0 5%, 12% 0, 37% 4%, 58% 1%, 84% 5%, 100% 3%, 98% 26%, 100% 51%, 94% 77%, 98% 100%, 74% 96%, 54% 100%, 31% 96%, 5% 100%, 2% 81%, 0 56%, 5% 32%); }
.market-panel-elements span:nth-child(3):hover { clip-path: polygon(2% 2%, 26% 5%, 49% 0, 72% 4%, 98% 1%, 96% 24%, 100% 45%, 95% 68%, 100% 92%, 82% 98%, 61% 94%, 39% 100%, 16% 96%, 0 88%, 4% 65%, 0 42%, 5% 21%); }
.market-panel-elements span:nth-child(4):hover { clip-path: polygon(0 9%, 9% 1%, 32% 3%, 55% 0, 79% 5%, 100% 2%, 97% 31%, 100% 55%, 95% 79%, 91% 100%, 67% 96%, 46% 100%, 23% 95%, 1% 99%, 4% 73%, 0 49%, 5% 27%); }
.market-panel-description { position: relative; max-width: min(900px, calc(100vw - 60px)); margin: 0 auto; color: #fff;
.market-panel-description::before, .market-panel-description::after { content: ""; position: absolute; top: -18px; width: 34px; height: 2px; background: #000; }
.market-panel-description::before { left: -64px; box-shadow: 0 0 0 0 #000; }
.market-panel-description::after { right: -64px; }
.market-panel-description { background: linear-gradient(#000,#000) left -64px bottom -18px / 34px 2px no-repeat, linear-gradient(#000,#000) right -64px bottom -18px / 34px 2px no-repeat; } font-family: "OFont 10369", sans-serif; font-size: clamp(19px, 2.2vw, 30px); font-weight: 500; line-height: 1.15; text-align: center; }
.ticker-strip { margin-top: 50px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(23, 25, 29, .78); }
.ticker-inner { display: flex; align-items: center; min-height: 60px; gap: 37px; overflow: hidden; }
.ticker-label { display: flex; align-items: center; gap: 10px; color: var(--muted); flex-shrink: 0; font-size: 11px; }
.ticker-items { display: flex; justify-content: space-between; gap: 30px; width: 100%; color: var(--muted-dark); font-size: 11px; white-space: nowrap; }
.ticker-items b { margin-left: 11px; color: var(--text); font-weight: 500; }
.ticker-items i, .positive { margin-left: 9px; color: var(--lime); font-style: normal; }

.markets-section { padding-top: 98px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.section-kicker { margin-bottom: 13px; color: var(--muted-dark); }
h2 { margin-bottom: 0; font-size: clamp(35px, 4vw, 48px); line-height: 1.02; letter-spacing: -.07em; }
.outline-button { display: inline-flex; align-items: center; gap: 22px; padding: 13px 15px; color: var(--muted); border: 1px solid var(--line); background: rgba(255,255,255,.015); }
.outline-button:hover { color: var(--text); border-color: rgba(177,178,183,.5); }
.market-overview-grid { display: grid; grid-template-columns: 1.22fr 1fr 1fr; gap: 15px; margin-top: 38px; }
.overview-card, .feature-card { position: relative; min-height: 226px; padding: 23px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(31, 33, 37, .92), rgba(18, 19, 22, .88)); }
.featured-card { min-height: 284px; background: linear-gradient(140deg, #2b2e33 0%, #1b1d21 74%); }
.overview-card::after { content: ""; position: absolute; width: 150px; height: 150px; right: -65px; bottom: -85px; border-radius: 50%; background: rgba(177,178,183,.12); filter: blur(18px); }
.card-label-row { position: relative; z-index: 1; color: var(--muted); font-size: 11px; }
.trend-badge { padding: 5px 8px; border-radius: 5px; color: var(--lime); background: rgba(177,178,183,.14); font-size: 10px; }
.neutral-badge { color: var(--muted-dark); }
.featured-asset { display: flex; align-items: center; gap: 12px; margin-top: 27px; }
.large-coin { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; color: #151618; font-family: Manrope; font-weight: 800; }
.large-coin.rbl { background: var(--accent-gradient); }
.featured-asset strong, .featured-asset small { display: block; }
.featured-asset strong { font-size: 13px; }
.featured-asset small { color: var(--muted-dark); font-size: 10px; }
.featured-price { margin-top: 22px; font-family: Manrope; font-size: 24px; font-weight: 800; letter-spacing: -.05em; }
.featured-price span { margin-left: 6px; color: var(--lime); font-family: "DM Sans"; font-size: 10px; font-weight: 600; letter-spacing: 0; }
.mini-chart { display: block; width: 100%; height: 52px; margin-top: 6px; overflow: visible; }
.mini-chart path { fill: none; stroke: var(--lime); stroke-width: 2; vector-effect: non-scaling-stroke; }
.card-footer { color: var(--muted-dark); font-size: 10px; }
.card-footer strong { color: var(--muted); font-weight: 500; }
.stats-card { min-height: 284px; }
.stat-number { margin-top: 40px; font-family: Manrope; font-size: 34px; font-weight: 800; letter-spacing: -.07em; }
.stat-number span { color: var(--muted-dark); font-family: "DM Sans"; font-size: 11px; font-weight: 400; letter-spacing: 0; }
.stat-caption { margin-top: 8px; color: var(--muted-dark); font-size: 10px; }
.stat-up { color: var(--lime); }
.stat-bars { display: flex; align-items: end; gap: 7px; height: 54px; margin-top: 30px; }
.stat-bars i { width: 100%; min-width: 3px; border-radius: 3px 3px 0 0; background: linear-gradient(to top, rgba(138,141,146,.28), rgba(177,178,183,.84)); }
.progress-ring-wrap { display: flex; align-items: center; gap: 19px; margin-top: 30px; }
.progress-ring { display: flex; align-items: center; justify-content: center; width: 74px; height: 74px; border-radius: 50%; background: radial-gradient(circle at center, #202226 59%, transparent 60%), conic-gradient(#a9aaaf 0 68%, rgba(177,178,183,.14) 68% 100%); }
.progress-ring span { font-family: Manrope; font-size: 20px; font-weight: 800; letter-spacing: -.07em; }
.progress-ring small { font-family: "DM Sans"; color: var(--muted); font-size: 10px; letter-spacing: 0; }
.progress-legend { display: flex; flex-direction: column; gap: 7px; color: var(--muted-dark); font-size: 10px; }
.progress-legend i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; }
.legend-accent { background: var(--accent-gradient); }.legend-muted { background: var(--muted-dark); }

.market-table-wrap { margin-top: 44px; border-top: 1px solid var(--line); }
.market-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 25px 0 17px; }
.market-tabs { display: flex; gap: 25px; }
.market-tab { position: relative; padding: 0; color: var(--muted-dark); border: 0; background: transparent; font-size: 12px; }
.market-tab:hover, .market-tab.active { color: var(--text); }
.market-tab.active::after { content: ""; position: absolute; right: 0; bottom: -17px; left: 0; height: 2px; border-radius: 2px; background: var(--accent-gradient); }
.table-search { display: flex; align-items: center; gap: 8px; width: 160px; padding-bottom: 7px; color: var(--muted-dark); border-bottom: 1px solid var(--line); }
.table-search input { width: 100%; color: var(--text); border: 0; outline: none; background: transparent; font-size: 11px; }
.table-search input::placeholder { color: var(--muted-dark); }
.table-scroll { overflow-x: auto; }
table { width: 100%; min-width: 670px; border-collapse: collapse; }
th { padding: 0 12px 13px; color: var(--muted-dark); font-size: 10px; font-weight: 400; text-align: right; }
th:first-child, td:first-child { padding-left: 0; text-align: left; }
th:last-child, td:last-child { padding-right: 0; }
td { padding: 16px 12px; color: var(--muted); border-top: 1px solid rgba(255,255,255,.06); font-size: 12px; text-align: right; }
.asset-cell { display: flex; align-items: center; gap: 11px; }
.asset-symbol { display: block; width: 29px; height: 29px; padding-top: 4px; color: #151618; border-radius: 50%; background: var(--accent-gradient); font-family: Manrope; font-size: 11px; font-weight: 800; text-align: center; }
.asset-symbol.gold { background: #f2bd5a; }.asset-symbol.blue { background: #a7c6ff; }.asset-symbol.purple { background: #bda3ff; }.asset-symbol.pink { background: #ff9ca9; }
.asset-name strong, .asset-name small { display: block; }
.asset-name strong { color: var(--text); font-size: 12px; }.asset-name small { color: var(--muted-dark); font-size: 10px; }
.table-change { color: var(--lime); }.table-price { color: var(--text); font-weight: 500; }
.table-mini-chart { display: block; width: 95px; height: 30px; }
.table-mini-chart path { fill: none; stroke: var(--lime); stroke-width: 1.5; }.table-mini-chart.red path { stroke: var(--red); }
.table-link { color: var(--muted-dark); font-size: 15px; }.table-link:hover { color: var(--lime); }
.empty-state { padding: 34px 0; color: var(--muted-dark); font-size: 12px; text-align: center; }

.features-section { padding-top: 132px; }
.feature-heading { align-items: end; }.feature-heading p { max-width: 300px; margin: 0 6% 2px 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.features-grid { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 15px; margin-top: 37px; }
.feature-card { min-height: 246px; padding: 26px; }
.feature-main { background: linear-gradient(145deg, rgba(58, 60, 66, .9), rgba(25, 27, 31, .97)); }
.feature-icon { display: flex; align-items: center; justify-content: center; width: 33px; height: 33px; color: var(--lime); border: 1px solid rgba(177,178,183,.3); border-radius: 9px; background: rgba(177,178,183,.1); font-size: 20px; }
.feature-card h3 { margin: 30px 0 8px; font-size: 18px; letter-spacing: -.05em; }.feature-card p { max-width: 245px; margin-bottom: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.feature-card a { position: absolute; bottom: 23px; color: var(--lime); font-size: 11px; }.feature-card a span { margin-left: 12px; font-size: 15px; }
.feature-lines { position: absolute; right: 13px; bottom: 13px; left: 185px; height: 72px; transform: skewY(-12deg); opacity: .4; background: repeating-linear-gradient(to bottom, transparent 0 21px, rgba(177,178,183,.35) 22px 23px); }
.feature-lines span { position: absolute; right: -3px; bottom: 13px; width: 100%; height: 2px; background: var(--lime); transform: rotate(-11deg); }.feature-lines span:nth-child(2) { bottom: 35px; transform: rotate(8deg); }.feature-lines span:nth-child(3) { bottom: 52px; transform: rotate(-9deg); }
.signal-pills { display: flex; flex-direction: column; gap: 7px; margin-top: 22px; }.signal-pills span { display: flex; justify-content: space-between; padding: 8px 10px; color: var(--muted); border: 1px solid var(--line); border-radius: 7px; font-size: 10px; }.signal-pills b { color: var(--lime); font-weight: 500; }
.shield-bar { position: absolute; right: 25px; bottom: 28px; left: 25px; padding-top: 11px; color: var(--muted-dark); border-top: 1px solid var(--line); font-size: 10px; }.shield-bar i { display: block; width: 73%; height: 2px; margin-top: 8px; background: var(--accent-gradient); box-shadow: 0 0 10px rgba(177,178,183,.65); }
.cta-section { padding-top: 113px; padding-bottom: 102px; }.cta-card { display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 255px; padding: 46px 55px; overflow: hidden; position: relative; border: 1px solid rgba(177,178,183,.22); border-radius: 23px; background: linear-gradient(110deg, #3b3d42, #25272c 50%, #4b4d53); }.cta-card::after { content: ""; position: absolute; right: 6%; width: 260px; height: 260px; border: 1px solid rgba(177,178,183,.22); border-radius: 50%; box-shadow: 0 0 0 28px rgba(177,178,183,.05), 0 0 0 56px rgba(177,178,183,.035); }.cta-card > * { position: relative; z-index: 1; }.cta-card h2 { font-size: clamp(36px, 4vw, 55px); }.cta-card .section-kicker { color: var(--lime); }.primary-button.light { background: var(--accent-gradient); }
.site-footer { position: relative; z-index: 1; padding-bottom: 33px; }.footer-top { display: flex; align-items: start; gap: 50px; padding-bottom: 35px; border-bottom: 1px solid var(--line); }.footer-top p { margin: 3px auto 0 0; color: var(--muted-dark); font-size: 10px; line-height: 1.6; }.footer-links { display: flex; gap: 27px; color: var(--muted); font-size: 11px; }.footer-links a:hover { color: var(--lime); }.footer-bottom { display: flex; justify-content: space-between; padding-top: 23px; color: var(--muted-dark); font-size: 10px; }
.toast { position: fixed; right: 24px; bottom: 24px; z-index: 20; max-width: 320px; padding: 13px 17px; color: var(--text); border: 1px solid rgba(177,178,183,.3); border-radius: 10px; background: #292b30; box-shadow: 0 12px 40px rgba(0,0,0,.3); font-size: 12px; opacity: 0; pointer-events: none; transform: translateY(10px); transition: opacity .25s, transform .25s; }.toast.visible { opacity: 1; transform: scaleY(0.918); }

@media (max-width: 920px) {
  .container { width: min(100% - 40px, 700px); }.header-inner { gap: 24px; }.main-nav { gap: 18px; }.hero { grid-template-columns: 1fr; gap: 15px; padding-top: 76px; }.hero-copy { max-width: 590px; margin-top: 24px; }.hero-copy .hero-description { width: 100%; max-width: 100%; }.hero-visual { min-height: 420px; margin-top: 15px; }.hero-visual .hero-proof { position: static; transform: none; margin-top: 0; }.ticker-strip { margin-top: 0; }.market-overview-grid, .features-grid { grid-template-columns: 1fr 1fr; }.featured-card { grid-row: span 2; }.feature-main { grid-column: span 2; }.ticker-items span:nth-child(n+3) { display: none; }.feature-heading p { margin-right: 0; }.market-panel-elements { width: min(700px, calc(100vw - 40px)); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }.market-panel-elements span { width: 100%; }.market-panel { height: 930px; }.market-panel-elements::before { left: 0; width: 50%; }.market-panel-elements::after { left: 50%; width: 50%; }
}
@media (max-width: 600px) {
  .container { width: calc(100% - 32px); }.site-header { position: sticky; top: 0; }.site-header .brand { height: 68px; }.header-inner { position: relative; min-height: 68px; }.main-nav, .header-actions .ghost-button, .header-actions .primary-button { display: none; }.header-actions { display: flex !important; position: absolute; top: 14px; right: 0; margin-left: auto; visibility: visible; opacity: 1; }.search-toggle { display: block !important; color: var(--lime); }.mobile-menu { display: flex !important; flex-direction: column; gap: 4px; padding: 9px 0 9px 10px; visibility: visible; opacity: 1; }.mobile-menu span { display: block; width: 20px; height: 2px; background: var(--lime); }.mobile-nav { max-height: 0; overflow: hidden; display: flex; flex-direction: column; gap: 16px; padding-left: 0; color: var(--muted); font-size: 13px; transition: max-height .3s ease, padding .3s ease; }.mobile-nav.open { max-height: 180px; padding-bottom: 20px; }.hero { min-height: auto; padding-top: 70px; padding-bottom: 53px; }.hero-copy { width: 100%; margin-top: 30px; }.hero-copy h1 { max-width: none; font-size: 28px; white-space: nowrap; }.hero-copy h1 em { display: inline-block; }.hero-copy .hero-description { max-width: 100%; font-size: 58px; line-height: .99; overflow-wrap: break-word; }.hero-proof { margin-top: 34px; }.hero-visual { min-height: 330px; margin-top: 23px; }.hero-chart-card { padding: 20px 18px 13px; transform: none; }.chart-value { font-size: 27px; }.hero-chart { height: 142px; }.orbit-one { width: 450px; height: 175px; }.orbit-two { width: 400px; height: 150px; }.chip-top { top: 15px; right: -3px; }.chip-bottom { bottom: 11px; left: -4px; }.ticker-inner { gap: 19px; min-height: 55px; }.ticker-label { font-size: 10px; }.ticker-items { gap: 25px; overflow: hidden; }.ticker-items span:nth-child(n+2) { display: none; }.markets-section { padding-top: 75px; }.section-heading { align-items: start; flex-direction: column; }.outline-button { margin-top: 7px; }.market-overview-grid, .features-grid { grid-template-columns: 1fr; gap: 12px; }.featured-card, .stats-card { grid-row: auto; min-height: 245px; }.stat-number { margin-top: 30px; }.market-toolbar { align-items: start; flex-direction: column; }.market-tabs { width: 100%; justify-content: space-between; gap: 10px; }.market-tab { font-size: 11px; }.table-search { width: 100%; }.feature-heading p { margin-top: 20px; }.feature-main { grid-column: auto; min-height: 250px; }.features-section { padding-top: 90px; }.cta-section { padding-top: 75px; padding-bottom: 75px; }.cta-card { align-items: start; flex-direction: column; min-height: 315px; padding: 33px 25px; }.cta-card::after { right: -105px; bottom: -65px; }.footer-top { flex-wrap: wrap; gap: 25px; }.footer-top p { width: 100%; order: 3; }.footer-links { gap: 19px; }.footer-bottom { gap: 15px; flex-direction: column; }.toast { right: 16px; bottom: 16px; left: 16px; max-width: none; }
}

/* Market section spacing and background fade */
.market-panel { overflow: visible; clip-path: polygon(0 7%, 8% 3%, 16% 5%, 25% 2%, 34% 5%, 43% 1%, 50% 4%, 57% 1%, 66% 5%, 75% 2%, 84% 5%, 92% 3%, 100% 7%, 100% 100%, 0 100%); border-radius: 100px 0 100px 0; }
.market-panel-wrap { --market-panel-height: 790px; }
.market-panel-content { z-index: 1; }
.ticker-strip { margin-top: 750px; }
@media (max-width: 920px) { .market-panel-wrap { --market-panel-height: 930px; } }
.market-benefits-title { position: relative; left: 50%; z-index: 2; width: 100vw; margin-top: 70px; transform: translateX(-50%); color: transparent; background: var(--accent-gradient); -webkit-background-clip: text; background-clip: text; font-family: "OFont 10369", sans-serif; font-size: min(190px, 10vw); line-height: 1; text-align: center; text-transform: uppercase; word-spacing: 20px; white-space: nowrap; }
.benefits-elements { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 15px; width: min(1520px, calc(100vw - 400px)); margin: -15px auto 0; }
.benefits-elements > div { min-height: 180px; grid-column: span 2; border-radius: 20px; background: var(--accent-gradient); }
.benefits-elements > div:nth-child(4) { grid-column: 2 / span 2; }
.benefits-elements > div:nth-child(5) { grid-column: 4 / span 2; }
@media (max-width: 920px) { .benefits-elements { grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(700px, calc(100vw - 40px)); } .benefits-elements > div, .benefits-elements > div:nth-child(4), .benefits-elements > div:nth-child(5) { grid-column: span 1; } }
@media (max-width: 600px) { .benefits-elements { grid-template-columns: 1fr; width: calc(100% - 32px); } }
@media (min-width: 921px) { .benefits-elements > div:nth-child(4) { grid-column: 1 / span 2; width: calc(150% + 7.5px); } .benefits-elements > div:nth-child(5) { grid-column: 5 / span 2; width: calc(150% + 7.5px); justify-self: end; } }

.benefits-elements > div:nth-child(-n+3) { min-height: 580px; }
.benefits-elements > div:nth-child(n+4) { min-height: 280px; }

.benefits-elements > div:nth-child(3) { border-top-right-radius: 100px; }
.benefits-elements > div:nth-child(4) { border-bottom-left-radius: 100px; }

.benefits-elements > div:nth-child(1) { border-top-left-radius: 0; }
.benefits-elements > div:nth-child(5) { border-bottom-right-radius: 0; }
/* Raise the center of the grey panel's top edge. */
.market-panel {
  clip-path: polygon(0 7%, 10% 4%, 20% 6%, 30% 4%, 40% 3%, 50% 0%, 60% 3%, 70% 4%, 80% 6%, 90% 4%, 100% 7%, 100% 100%, 0 100%);
}/* Torn-paper top edge for the grey panel. */
.market-panel {
  clip-path: polygon(0 8%, 5% 5%, 9% 10%, 13% 4%, 18% 11%, 24% 6%, 29% 12%, 34% 5%, 39% 9%, 44% 3%, 49% 10%, 53% 4%, 58% 11%, 63% 6%, 68% 12%, 74% 5%, 80% 9%, 86% 4%, 92% 11%, 97% 6%, 100% 9%, 100% 100%, 0 100%);
}/* Refined varied torn-paper silhouette. */
.market-panel {
  clip-path: polygon(0 8%, 4% 6%, 8% 11%, 13% 5%, 18% 8%, 22% 4%, 27% 10%, 33% 6%, 38% 12%, 43% 5%, 48% 8%, 52% 3%, 57% 9%, 62% 6%, 67% 11%, 72% 4%, 77% 8%, 82% 5%, 87% 10%, 92% 6%, 96% 9%, 100% 7%, 100% 100%, 0 100%);
}/* Graph-like top silhouette with clean rises and falls. */
.market-panel {
  clip-path: polygon(0 9%, 8% 7%, 16% 10%, 24% 4%, 32% 12%, 40% 6%, 48% 9%, 56% 2%, 64% 10%, 72% 5%, 80% 11%, 88% 4%, 96% 8%, 100% 7%, 100% 100%, 0 100%);
}/* Straighter top edge with narrow 10px-style inner notches. */
.market-panel {
  clip-path: polygon(0 7%, 16% 7%, 16.7% 8.3%, 17.4% 7%, 32% 7%, 32.7% 8.3%, 33.4% 7%, 48% 7%, 48.7% 8.3%, 49.4% 7%, 64% 7%, 64.7% 8.3%, 65.4% 7%, 80% 7%, 80.7% 8.3%, 81.4% 7%, 100% 7%, 100% 100%, 0 100%);
}/* Deep varied notches, up to roughly 100px, with different angles. */
.market-panel {
  clip-path: polygon(0 7%, 14% 7%, 15.5% 18%, 18% 8%, 31% 7%, 33% 14%, 36% 21%, 39% 8%, 51% 7%, 52% 17%, 55% 9%, 66% 7%, 68.5% 20%, 71% 13%, 74% 8%, 84% 7%, 86% 15%, 89% 7%, 100% 7%, 100% 100%, 0 100%);
}/* Narrow the notches to 10px while keeping varied depth and angles. */
.market-panel {
  clip-path: polygon(0 7%, calc(14% - 5px) 7%, 14% 18%, calc(14% + 5px) 8%, 31% 7%, calc(33% - 5px) 7%, 33% 14%, 36% 21%, calc(36% + 5px) 8%, 51% 7%, calc(52% - 5px) 7%, 52% 17%, calc(52% + 5px) 9%, 66% 7%, calc(68.5% - 5px) 7%, 68.5% 20%, calc(68.5% + 5px) 13%, 74% 8%, 84% 7%, calc(86% - 5px) 7%, 86% 15%, calc(86% + 5px) 7%, 100% 7%, 100% 100%, 0 100%);
}/* Angular torn contour matching the reference outline. */
.market-panel {
  clip-path: polygon(0 10%, 4% 7%, 7% 14%, 17% 5%, 14% 15%, 24% 12%, 28% 2%, 31% 14%, 37% 7%, 41% 18%, 45% 4%, 49% 15%, 56% 9%, 61% 17%, 67% 3%, 70% 15%, 78% 8%, 84% 15%, 91% 6%, 96% 14%, 100% 9%, 100% 100%, 0 100%);
}
/* Dramatic angular contour based on the supplied reference shape. */
.market-panel {
  clip-path: polygon(0 10%, 5% 16%, 11% 8%, 17% 14%, 24% 6%, 30% 19%, 35% 4%, 41% 14%, 46% 7%, 51% 22%, 56% 10%, 62% 16%, 67% 5%, 72% 20%, 77% 9%, 83% 15%, 89% 6%, 95% 13%, 100% 8%, 100% 100%, 0 100%);
}/* Match the hovered black-card silhouette along the panel top. */
.market-panel {
  clip-path: polygon(0 7%, 7% 0%, 34% 2%, 52% 0%, 78% 3%, 100% 0%, 100% 100%, 0 100%);
}/* Square corners for the grey panel. */
.market-panel {
  border-radius: 0;
}/* Restore the panel silhouette with its original corner treatment. */
.market-panel {
  border-radius: 100px 0 100px 0;
}/* Square top-left and bottom-right corners. */
.market-panel {
  border-radius: 0 100px 0 100px;
}/* All panel corners are square. */
.market-panel {
  border-radius: 0;
}/* Full panel silhouette follows the hovered black-card shape on top and bottom. */
.market-panel {
  clip-path: polygon(0 7%, 7% 0%, 34% 2%, 52% 0%, 78% 3%, 100% 0%, 97% 22%, 100% 48%, 96% 73%, 100% 94%, 89% 100%, 65% 97%, 44% 100%, 19% 97%, 0 100%, 3% 78%, 0 53%, 4% 28%);
}/* Keep the section title 20px above the panel. */
.market-panel-title {
  top: calc(var(--panel-offset) - var(--title-size) + 58px);
}/* Keep the RUBALT title 20px above the panel edge at every scale. */
.market-panel-title {
  top: calc(var(--panel-offset) - var(--title-size) + 58px);
}/* Keep the RUBALT title 30px above the panel edge. */
.market-panel-title {
  top: calc(var(--panel-offset) - var(--title-size) + 48px);
}/* Place the RUBALT title directly against the panel edge. */
.market-panel-title {
  top: calc(var(--panel-offset) - var(--title-size) + 78px);
}/* Decorative shaped line below the benefits heading. */
.market-benefits-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -22px;
  width: min(900px, calc(100vw - 160px));
  height: 18px;
  transform: translateX(-50%);
  background: var(--accent-gradient);
  clip-path: polygon(0 48%, 12% 25%, 24% 54%, 36% 18%, 48% 46%, 60% 8%, 72% 58%, 84% 28%, 100% 48%, 100% 64%, 84% 45%, 72% 76%, 60% 25%, 48% 64%, 36% 36%, 24% 70%, 12% 42%, 0 64%);
  pointer-events: none;
}/* Full-width line directly below the benefits heading. */
.market-benefits-title::after {
  bottom: -18px;
  width: 100vw;
}/* Match the RUBALT title gradient on the benefits heading. */
.market-benefits-title {
  background: linear-gradient(to bottom, var(--accent-end) 0%, #000 100%);
  -webkit-background-clip: text;
  background-clip: text;
}/* Lower the benefits cards without changing their spacing. */
.benefits-elements {
  margin-top: 5px;
}/* Lower the benefits cards by another 50px. */
.benefits-elements {
  margin-top: 55px;
}/* Lower the benefits heading by 20px. */
.market-benefits-title {
  margin-top: 90px;
}/* Lower the benefits heading another 20px. */
.market-benefits-title {
  margin-top: 110px;
}/* Force the benefits heading visibly lower. */
.market-benefits-title {
  transform: translateX(-50%) translateY(20px);
}/* Raise the benefits divider by 10px. */
.market-benefits-title::after {
  bottom: -8px;
}/* Raise the benefits divider another 10px. */
.market-benefits-title::after {
  bottom: 2px;
}/* Raise the benefits divider another 5px. */
.market-benefits-title::after {
  bottom: 7px;
}/* Five varied graphic lines below the benefits heading. */
.benefits-lines { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 10px; width: 100vw; margin: 22px 0 0; }
.benefits-lines span { display: block; width: 100%; height: 10px; background: var(--accent-gradient); clip-path: polygon(0 45%, 10% 20%, 20% 58%, 30% 30%, 40% 52%, 50% 15%, 60% 60%, 70% 28%, 80% 50%, 90% 22%, 100% 45%, 100% 68%, 90% 50%, 80% 72%, 70% 48%, 60% 78%, 50% 35%, 40% 70%, 30% 46%, 20% 76%, 10% 42%, 0 68%); }
.benefits-lines span:nth-child(2) { clip-path: polygon(0 55%, 14% 30%, 26% 70%, 39% 18%, 52% 62%, 67% 26%, 82% 72%, 100% 42%, 100% 64%, 82% 88%, 67% 43%, 52% 82%, 39% 38%, 26% 90%, 14% 48%, 0 78%); }
.benefits-lines span:nth-child(3) { clip-path: polygon(0 35%, 18% 66%, 33% 22%, 49% 58%, 64% 12%, 79% 68%, 100% 30%, 100% 58%, 79% 88%, 64% 34%, 49% 80%, 33% 44%, 18% 90%, 0 60%); }
.benefits-lines span:nth-child(4) { clip-path: polygon(0 62%, 11% 16%, 23% 54%, 37% 34%, 50% 76%, 63% 20%, 76% 52%, 88% 10%, 100% 58%, 100% 78%, 88% 30%, 76% 72%, 63% 40%, 50% 92%, 37% 50%, 23% 72%, 11% 34%, 0 82%); }
.benefits-lines span:nth-child(5) { clip-path: polygon(0 46%, 16% 12%, 31% 64%, 46% 26%, 61% 72%, 76% 18%, 100% 50%, 100% 70%, 76% 40%, 61% 92%, 46% 48%, 31% 84%, 16% 34%, 0 68%); }/* Space the decorative lines 100px apart. */
.benefits-lines {
  gap: 100px;
}/* Space the decorative lines 200px apart. */
.benefits-lines {
  gap: 200px;
}/* Keep 200px between the title divider area and the first decorative line. */
.benefits-lines {
  margin-top: 200px;
}/* Left-side copy in the first benefits space. */
.benefits-side-copy {
  position: relative;
  z-index: 3;
  width: min(1520px, calc(100vw - 400px));
  margin: 35px auto 0;
  color: #fff;
  font-family: "OFont 10369", sans-serif;
  font-size: min(95px, 5vw);
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
}/* Smaller side copy without moving the decorative lines. */
.benefits-side-copy {
  font-size: min(60px, 3.2vw);
  min-height: 95px;
}/* Restore 200px spacing between the first and second decorative lines. */
.benefits-lines {
  row-gap: 200px;
}/* Reduce the oversized gap between decorative lines. */
.benefits-lines {
  row-gap: 50px;
}/* Uniform 150px spacing for the benefits line sequence. */
.benefits-lines {
  margin-top: 150px;
  row-gap: 150px;
}/* Keep the side copy independent from the decorative-line spacing. */
.market-benefits-title {
  position: relative;
}

.benefits-side-copy {
  position: absolute;
  top: calc(100% + 35px);
  left: 50%;
  width: min(1520px, calc(100vw - 400px));
  margin: 0;
  transform: translateX(-50%);
}/* Keep the copy inside the line stack, left-aligned between line one and two. */
.benefits-lines .benefits-side-copy {
  position: relative;
  top: auto;
  left: auto;
  align-self: flex-start;
  width: min(1520px, calc(100vw - 400px));
  min-height: 60px;
  margin: 0 auto;
  color: #fff;
  transform: none;
}/* Place the copy between line zero and line one without affecting line gaps. */
.benefits-lines .benefits-side-copy {
  position: absolute;
  top: 70px;
  left: 0;
  z-index: 3;
  width: min(1520px, calc(100vw - 400px));
  min-height: 0;
  margin: 0 auto;
  color: #fff;
  transform: none;
}/* Move the side copy into the gap above the first decorative line. */
.benefits-lines .benefits-side-copy {
  top: -90px;
}/* Align the side copy with the benefits grid edges. */
.benefits-lines .benefits-side-copy {
  left: 50%;
  transform: translateX(-50%);
}/* Reduce large-screen side spacing by 100px while preserving inner gaps. */
@media (min-width: 1200px) {
  .benefits-elements,
  .benefits-lines .benefits-side-copy {
    width: min(1720px, calc(100vw - 400px));
  }
}/* Shared large-screen content width for all site containers. */
@media (min-width: 1200px) {
  .container {
    width: min(1720px, calc(100vw - 400px));
    max-width: none;
  }
  .benefits-intro { left: max(200px, calc((100vw - 1720px) / 2 + 100px)); max-width: calc(100vw - 400px); }
  .hero-visual { transform: translateX(0); }
}/* Align the coin model and proof block with the large-screen site spacing. */
@media (min-width: 921px) {
  .hero-visual {
    transform: translateX(100px);
  }
}/* Uppercase the side copy. */
.benefits-side-copy {
  text-transform: uppercase;
}/* Raise the side copy by 2px without affecting line layout. */
.benefits-lines .benefits-side-copy {
  top: -92px;
}/* Raise the side copy by one more pixel. */
.benefits-lines .benefits-side-copy {
  top: -93px;
}/* Raise the side copy by five more pixels. */
.benefits-lines .benefits-side-copy {
  top: -98px;
}
.benefits-intro {
  --benefits-copy-offset: 98px;
  --benefits-image-lift: 55px;
  position: absolute;
  top: calc(var(--benefits-copy-offset) * -1);
  left: max(100px, (100vw - 1720px) / 2);
  display: flex;
  align-items: center;
  gap: 50px;
  width: max-content;
  max-width: calc(100vw - 200px);
  height: auto;
}
.benefits-lines .benefits-side-copy {
  position: relative;
  top: auto;
  left: auto;
  flex: 0 0 auto;
  width: auto;
  min-height: 0;
  margin: 0;
  transform: none;
  white-space: nowrap;
  z-index: 3;
}
.benefits-image-window {
  position: relative;
  z-index: 1;
  flex: 0 0 190px;
  width: 190px;
  height: calc(var(--benefits-copy-offset) + var(--benefits-image-lift));
  margin-top: calc(var(--benefits-image-lift) * -1);
  overflow: hidden;
}
.benefits-side-image {
  display: block;
  width: auto;
  height: 145px;
  max-width: none;
  object-fit: contain;
  object-position: left top;
}
.benefits-lines > span { position: relative; z-index: 2; }
@media (max-width: 700px) {
  .benefits-intro {
    left: 20px;
    gap: 50px;
    max-width: calc(100vw - 40px);
  }
  .benefits-lines .benefits-side-copy {
    font-size: clamp(25px, 6vw, 40px);
  }
  .benefits-image-window {
    flex-basis: min(110px, calc(100vw - 40px));
    width: min(110px, calc(100vw - 40px));
    height: 130px;
  }
}
.benefits-lines .benefits-side-copy {
  font-size: calc(min(60px, 3.2vw) + 10px);
}
@media (min-width: 1200px) {
  .hero-visual { transform: translateX(0); }
  .benefits-intro { left: max(200px, calc((100vw - 1720px) / 2 + 100px)); max-width: calc(100vw - 400px); }
}
  width: calc(100% + 50px);
  justify-content: flex-end;
  margin: 24px 0 0 -25px;
}
@media (max-width: 920px) {
    width: 100%;
    align-items: flex-end;
    margin-left: 0;
  }
}
.benefits-lines { display: none; }
.market-benefits-title { display: none; }
@media (min-width: 1200px) {
  .container { width: min(1720px, calc(100vw - 400px)); }
  .site-header .header-inner { width: calc(100% - 40px); }
  .benefits-elements,
  .benefits-lines .benefits-side-copy { width: min(1720px, calc(100vw - 400px)); }
  .benefits-intro {
    left: max(200px, calc((100vw - 1720px) / 2 + 100px));
    max-width: calc(100vw - 400px);
  }
}
.benefits-elements > div {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.benefits-elements > div:nth-child(1) { border-top-left-radius: 20px; }
.benefits-elements > div:nth-child(5) { border-bottom-right-radius: 20px; }
.benefits-elements > div:nth-child(3) {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.benefits-elements > div:nth-child(4) {
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 20px;
}
.benefits-elements { margin-top: 150px; }
.coin-beam-single { display: none; }
@media (max-width: 1800px) {
  .container { width: calc(100% - 40px); max-width: none; }
  .site-header .header-inner { width: 100%; }
  .hero-copy .hero-description { width: 100%; max-width: 100%; margin-inline: 0; }
  .benefits-elements,
  .benefits-lines .benefits-side-copy { width: calc(100vw - 40px); }
  .benefits-intro { left: 20px; max-width: calc(100vw - 40px); }
}
.hero {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  align-items: start;
}
.hero-copy {
  width: 100%;
  max-width: none;
  margin-top: 42px;
  text-align: center;
}
.hero-copy .hero-description {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  font-family: "OFont 10369", sans-serif;
  font-weight: 400;
  font-size: clamp(44px, calc(3vw + 20px), 60px);
  text-align: center;
  text-transform: none;
}
.hero-visual {
  width: 100%;
  margin-top: 24px;
  transform: none;
}
.hero-visual .coin-stage {
  z-index: 1;
}
.hero-supporting-copy {
  width: min(100%, 1120px);
  margin: -400px auto 90px;
  color: #fff;
  font-family: "OFont 10369", sans-serif;
  font-size: clamp(44px, calc(3vw + 20px), 60px);
  line-height: 1.05;
  text-align: center;
  text-wrap: pretty;
}
.visual-filters { position: absolute; width: 0; height: 0; overflow: hidden; }
.site-header .header-actions .ghost-button > span,
.site-header .header-actions .primary-button.compact > span {
  font: inherit;
  line-height: inherit;
}
@media (max-width: 600px) {
  .hero-supporting-copy { margin-bottom: 60px; font-size: 53px; }
}
.market-panel {
  clip-path: none;
  border-radius: 150px 0 150px 0;
  background: rgba(8, 8, 8, 0.4);
}
.market-panel-description,
.market-panel-elements::before,
.market-panel-elements::after,
.market-panel-third-caption,
.market-panel-fourth-caption,
.market-panel-first-description,
.market-panel-second-description,
.market-panel-third-description,
.market-panel-fourth-description { color: #fff; }
@media (min-width: 1200px) {
  .hero-copy .hero-description {
    width: calc(100% - 200px);
    max-width: calc(100% - 200px);
  }
}
@media (max-width: 600px) {
  .hero-copy .hero-description { font-size: 53px; }
}
.site-header .header-inner {
  width: 100%;
  max-width: none;
  margin-left: 0;
  padding: 0 10px 0 20px;
}
.site-header {
  top: 40px;
  right: 40px;
  left: 40px;
  overflow: hidden;
  border: 0;
  border-radius: 9999px;
  background: rgba(255,255,255,.05);
}
.site-header .header-inner { height: 72px; min-height: 72px; }
.site-header .brand { height: 72px; }
.site-header .header-inner { column-gap: 20px; }
.site-header .main-nav .nav-link { font-size: 21px; }
.site-header .header-actions .ghost-button,
.site-header .header-actions .primary-button { font-size: 21px; }
.site-header .mobile-nav a { font-size: 18px; }
.site-header .header-actions button { border-radius: 9999px; }
.site-header .header-actions { height: 100%; }
.site-header .header-actions { gap: 5px; }
.site-header .header-actions .ghost-button { align-self: center; height: calc(100% - 20px); padding-inline: 25px; }
.site-header { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.site-header .header-actions .primary-button.compact { align-self: center; height: calc(100% - 20px); min-height: 0; margin: 0; padding-inline: 25px; color: #fff; background: rgba(255,255,255,.2); border: 2px solid rgba(255,255,255,.1); border-radius: 9999px; box-shadow: none; transition: transform .16s ease, background .2s ease, border-color .2s ease; }
.site-header .header-actions .primary-button.compact:hover { color: #fff; background: rgba(255,255,255,.26); border-color: rgba(255,255,255,.1); box-shadow: none; transform: none; }
.site-header .header-actions .primary-button.compact:active { transform: scale(.975); }
main { padding-top: 112px; }
@media (max-width: 600px) {
  .site-header { position: fixed; top: 40px; right: 40px; left: 40px; }
  .site-header .header-inner { width: 100%; height: 58px; min-height: 58px; margin-left: 0; padding-inline: 12px; }
  .site-header .brand { height: 58px; }
  .site-header .header-actions .primary-button.compact { align-self: center; height: auto; min-height: 0; margin: 0; padding: 11px 17px; }
  main { padding-top: 98px; }
  .site-header .header-actions { right: 20px; }
}


.hero-supporting-copy { position: relative; z-index: 0; pointer-events: none; }

/* Let the silver background wave pass over the translucent bubble. */
.hero { position: relative; isolation: isolate; }
.hero::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 50%;
  z-index: 1;
  width: 100vw;
  transform: translateX(-50%);
  background:
    radial-gradient(ellipse var(--bubble-glow-width, 360px) var(--bubble-glow-height, 320px) at calc(50% + var(--bubble-glow-x, 0px)) calc(350px + var(--bubble-glow-y, 0px)), rgba(218, 227, 242, .34) 0%, rgba(177, 194, 222, .19) 38%, rgba(131, 153, 190, .08) 66%, transparent 84%),
    radial-gradient(ellipse 620px 470px at calc(50% + var(--bubble-glow-x, 0px)) calc(390px + var(--bubble-glow-y, 0px)), rgba(184, 202, 231, .14), rgba(130, 153, 192, .045) 48%, transparent 74%),
    radial-gradient(ellipse 820px 570px at 50% 390px, rgba(158, 179, 212, .04), transparent 75%);
  opacity: var(--bubble-glow-opacity, 1);
  pointer-events: none;
}
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  left: 50%;
  right: auto;
  width: 100vw;
  z-index: 2;
  background:
    radial-gradient(ellipse 112vw 760px at 47% -90px, rgba(246,248,252,.22) 0%, rgba(207,213,224,.16) 27%, rgba(143,150,165,.09) 49%, transparent 82%),
    radial-gradient(ellipse 58vw 900px at 4% 85px, rgba(198,205,219,.1) 0%, rgba(100,106,121,.05) 46%, transparent 76%),
    radial-gradient(ellipse 72vw 620px at 98% 210px, rgba(227,231,240,.12) 0%, rgba(125,131,146,.06) 48%, transparent 77%),
    radial-gradient(ellipse 118vw 510px at 52% 720px, rgba(0,0,0,.46) 0%, rgba(0,0,0,.24) 43%, transparent 77%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 18%, #000 68%, transparent 96%);
  mask-image: linear-gradient(to bottom, transparent 0, #000 18%, #000 68%, transparent 96%);
  pointer-events: none;
  transform: translateX(-50%);
}
.hero-copy { position: relative; z-index: 3; }

/* Match the CRYPTO headline to the oversized RUBALT section title. */
.hero-copy .hero-description-unified { width: 100%; max-width: 100%; font-size: min(190px, 10vw); line-height: 1; white-space: nowrap; }

.hero-copy {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: start center;
  margin: 0;
  pointer-events: none;
}
.hero-copy .hero-description-unified {
  position: absolute;
  top: 112px;
  left: 50%;
  width: 100vw;
  max-width: none;
  margin: 0;
  transform: translateX(-50%);
  color: #fff;
  font-size: min(190px, 10vw);
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}
.hero-description-topline,
.hero-description-bottomline {
  position: absolute;
  z-index: 1;
  display: block;
  color: #fff;
  font-family: "OFont 10369", sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}
.hero-description-topline { top: calc(-1.1em + 15px); left: max(20px, calc(50% - min(190px, 10vw) * 1.6)); }
.hero-description-bottomline { right: max(20px, calc(50% - min(190px, 10vw) * 1.6)); bottom: calc(-1.1em + 5px); }
.hero-visual { position: relative; z-index: 2; margin-top: calc(42px + min(190px, 10vw) + 25px + 24px); }

.hero-edge-features {
  --fintech-edge-offset: 20px;
  position: absolute;
  top: 52%;
  left: 50%;
  z-index: 4;
  display: flex;
  justify-content: space-between;
  width: 100vw;
  padding-inline: var(--fintech-edge-offset);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.hero-edge-copy {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: max-content;
  color: rgba(242, 244, 248, .9);
  font-family: "OFont 10369", sans-serif;
  font-size: calc(clamp(13px, 1.05vw, 18px) + 30px);
  line-height: 1.35;
  letter-spacing: .015em;
  text-transform: uppercase;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .66);
}
.hero-edge-copy span {
  white-space: nowrap;
  opacity: 0;
  transform: translateX(var(--edge-enter-x, 0px));
  transition: transform .85s cubic-bezier(.22, 1, .36, 1), opacity .85s cubic-bezier(.22, 1, .36, 1);
  will-change: transform, opacity;
}
.hero-edge-copy--left span { --edge-enter-x: -72px; }
.hero-edge-copy--right span { --edge-enter-x: 72px; }
.hero-edge-features.is-entered .hero-edge-copy span { opacity: .35; transform: translateX(var(--edge-start-x, 0px)); }
.hero-edge-features.is-ready-to-scroll .hero-edge-copy span { transition: transform .05s linear, opacity .05s linear; }
.hero-edge-copy--right { text-align: right; transform: translateY(32px); }
@media (max-width: 1050px) {
  .hero-edge-copy { font-size: clamp(12px, calc(1.5vw + 10px), 26px); }
}
@media (min-width: 1801px) {
  .hero-edge-features {
    --fintech-edge-offset: max(200px, calc((100vw - 1720px) / 2 + 100px));
  }
}
@media (max-width: 700px) {
  .hero-edge-copy { font-size: clamp(8px, 1.7vw + 3px, 12px); }
}

@media (max-width: 600px) {
  .hero-visual { margin-top: calc(30px + min(190px, 10vw) + 25px + 23px); }
  .hero-edge-features { top: 55%; padding-inline: var(--fintech-edge-offset); }
  .hero-edge-copy { gap: 14px; font-size: clamp(8px, 1.7vw + 3px, 12px); }
}

/* Keep the silver wave above the bubble while CRYPTO sits behind the coin. */
.hero::after { z-index: 3; }

/* Raise the RUBALT heading, panel, and all panel content together by 200px. */
.market-panel-title { top: calc(var(--panel-offset) - var(--title-size) + 78px - 200px); }
.market-panel { top: -200px; background: rgba(255, 255, 255, .10); backdrop-filter: blur(18px) grayscale(1) brightness(.55); -webkit-backdrop-filter: blur(18px) grayscale(1) brightness(.55); }
.market-panel-content { top: 100px; }
.market-panel-elements { transform: none; }

/* Remove the bright right-side ambient glows behind the RUBALT panel. */
.bg-wrapper {
  background-image:
    radial-gradient(ellipse 78vw 650px at 18% 1550px, rgba(213,218,228,.45) 0%, rgba(158,163,176,.31) 40%, rgba(82,86,99,.14) 65%, transparent 84%),
    radial-gradient(ellipse 78vw 640px at 18% 4050px, rgba(216,221,231,.46) 0%, rgba(157,162,175,.31) 40%, rgba(82,86,99,.14) 65%, transparent 84%),
    radial-gradient(ellipse 78vw 620px at 20% 6550px, rgba(213,218,228,.45) 0%, rgba(155,160,173,.31) 40%, rgba(82,86,99,.14) 65%, transparent 84%);
}
.bg-wrapper::after {
  background:
    radial-gradient(ellipse 58vw 900px at 4% 85px, rgba(198,205,219,.14) 0%, rgba(100,106,121,.07) 46%, transparent 76%),
    radial-gradient(ellipse 118vw 510px at 52% 720px, rgba(0,0,0,.8) 0%, rgba(0,0,0,.42) 43%, transparent 77%);
}

/* Continuous silver gradient with uneven light and shadow pools across the page. */
.bg-wrapper {
  position: absolute;
  inset: 0;
  background-color: #0b0b0d;
  background-image:
    radial-gradient(ellipse 49% 14% at 48% 27%, rgba(248,250,252,.27) 0%, rgba(203,210,221,.15) 42%, transparent 78%),
    radial-gradient(ellipse 23% 8% at 13% 12%, rgba(225,230,239,.20) 0%, rgba(150,158,174,.08) 48%, transparent 79%),
    radial-gradient(ellipse 32% 10% at 87% 19%, rgba(231,235,243,.18) 0%, rgba(157,165,180,.07) 48%, transparent 80%),
    radial-gradient(ellipse 21% 7% at 83% 40%, rgba(240,242,247,.19) 0%, rgba(164,171,185,.08) 48%, transparent 80%),
    radial-gradient(ellipse 38% 12% at 28% 51%, rgba(214,220,231,.17) 0%, rgba(142,150,166,.07) 49%, transparent 82%),
    radial-gradient(ellipse 20% 7% at 7% 67%, rgba(235,238,244,.15) 0%, rgba(155,163,177,.06) 48%, transparent 80%),
    radial-gradient(ellipse 45% 13% at 76% 72%, rgba(222,227,236,.20) 0%, rgba(148,156,172,.08) 48%, transparent 82%),
    radial-gradient(ellipse 27% 9% at 39% 91%, rgba(228,232,240,.16) 0%, rgba(153,161,176,.065) 48%, transparent 81%),
    radial-gradient(ellipse 30% 10% at 54% 37%, rgba(0,0,0,.32) 0%, rgba(8,10,14,.17) 52%, transparent 82%),
    radial-gradient(ellipse 36% 12% at 15% 82%, rgba(0,0,0,.28) 0%, rgba(8,10,14,.12) 52%, transparent 83%),
    radial-gradient(ellipse 25% 8% at 96% 57%, rgba(0,0,0,.30) 0%, rgba(8,10,14,.13) 52%, transparent 82%),
    linear-gradient(165deg, #090a0c 0%, #171a20 11%, #30343c 22%, #171a20 32%, #3a3f48 45%, #171a20 57%, #333841 69%, #121419 82%, #292d35 91%, #090a0c 100%);
  background-repeat: no-repeat;
}
.bg-wrapper::after { background: none; }
.hero::before {
  background:
    radial-gradient(ellipse var(--bubble-glow-width, 360px) var(--bubble-glow-height, 320px) at calc(50% + var(--bubble-glow-x, 0px)) calc(320px + var(--bubble-glow-y, 0px)), rgba(255,255,255,.56) 0%, rgba(226,232,240,.34) 26%, rgba(180,190,205,.16) 55%, transparent 82%),
    radial-gradient(ellipse calc(var(--bubble-glow-width, 360px) * 1.65) calc(var(--bubble-glow-height, 320px) * 1.55) at calc(50% + var(--bubble-glow-x, 0px)) calc(320px + var(--bubble-glow-y, 0px)), rgba(203,213,225,.25) 0%, rgba(148,163,184,.12) 48%, transparent 82%),
    radial-gradient(ellipse 760px 540px at calc(50% + var(--bubble-glow-x, 0px)) calc(330px + var(--bubble-glow-y, 0px)), rgba(148,163,184,.08), transparent 76%);
  filter: blur(42px);
  mix-blend-mode: screen;
}
.hero::after {
  top: calc(0px - var(--hero-video-top-offset, 112px));
  right: auto;
  bottom: 0;
  left: 50%;
  width: 100vw;
  z-index: 1;
  background:
    radial-gradient(ellipse 70vw 48% at 50% 38%, rgba(196,211,232,.24) 0%, rgba(116,145,181,.13) 46%, transparent 82%),
    linear-gradient(180deg, #000 0%, rgba(0,0,0,.82) 7%, rgba(9,16,27,.68) 19%, rgba(81,105,137,.30) 38%, rgba(129,151,178,.08) 55%, transparent 76%);
  -webkit-mask-image: none;
  mask-image: none;
  transform: translateX(-50%);
}
.hero-bg-video {
  position: absolute;
  top: calc(0px - var(--hero-video-top-offset, 112px));
  left: 50%;
  z-index: 0;
  display: block;
  width: 100vw;
  height: calc(100% + var(--hero-video-top-offset, 112px));
  object-fit: cover;
  object-position: center;
  transform: translateX(-50%);
  filter: grayscale(1) saturate(0) brightness(.78) contrast(1.22);
  opacity: .92;
  pointer-events: none;
}
.hero > :not(.hero-bg-video) { position: relative; z-index: 2; }
.hero-copy .hero-description-unified { top: 12px; }
.hero-visual { top: -30px; }
.market-panel {
  background: radial-gradient(ellipse 72vw 43% at 50% 54%, rgba(218,227,240,.88) 0%, rgba(177,194,216,.66) 34%, rgba(105,131,164,.32) 61%, transparent 89%), radial-gradient(ellipse 34vw 22% at 19% 55%, rgba(220,229,241,.15), transparent 78%) !important;
}
.market-panel-description { position: relative; top: -150px; }
.market-panel-description {
  -webkit-mask-image: radial-gradient(ellipse at center, #000 0%, rgba(0,0,0,.5) 72%, transparent 100%);
  mask-image: radial-gradient(ellipse at center, #000 0%, rgba(0,0,0,.5) 72%, transparent 100%);
}
@media (max-width: 600px) {
  .hero { --hero-video-top-offset: 98px; }
  .hero::after { top: calc(0px - var(--hero-video-top-offset, 98px)); }
}
body {
  min-height: 100vh;
  background: #08090b;
}
.page-loader { background: #080807; }
.market-panel {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.market-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  width: calc(100vw - 40px);
  max-width: none;
  margin: -50px auto 0;
}
.market-feature-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  color: rgba(245,247,251,.88);
  border: 0;
  border-radius: 20px;
  background:
    radial-gradient(ellipse 72% 58% at 50% 48%, rgba(248, 250, 255, .28) 0%, rgba(220, 228, 239, .13) 35%, transparent 78%),
    radial-gradient(circle at 50% 0%, rgba(240, 243, 246, .22) 0%, rgba(180, 185, 195, .08) 50%, transparent 80%),
    linear-gradient(180deg, #4b515d 0%, #2b2e35 25%, #18191d 65%, #0f1012 100%);
  box-shadow: none;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: none;
}
.market-feature-card h3 {
  order: 1;
  min-height: 2.5em;
  margin: 0 0 14px;
  padding: 40px 40px 0;
  color: rgba(248,249,252,.92);
  font-family: "OFont 10369", sans-serif;
  font-size: clamp(16px, 1.4vw, 21px);
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
}
.market-feature-card-image {
  order: 3;
  display: grid;
  width: 100%;
  margin: auto 0 0;
  aspect-ratio: 1;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.market-feature-grid:not(.market-feature-grid--below-image) .market-feature-card-image {
  align-self: center;
}
.market-feature-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.market-feature-card > p {
  order: 2;
  transform: none;
  margin: 0 0 16px;
  padding: 0 40px;
  color: rgba(235,239,246,.68);
  font-family: "DM Sans", sans-serif;
  font-size: calc(clamp(13px, 1vw, 15px) + 2px);
  line-height: 1.55;
  text-align: left;
}
.market-panel { height: 1100px; }
.market-panel-content {
  left: 0;
  width: 100%;
  transform: none;
}
.market-panel-description { top: -150px; }
@media (max-width: 920px) {
  .market-feature-grid { grid-template-columns: 1fr; width: calc(100vw - 40px); }
  .market-panel { height: 1520px; }
}
@media (max-width: 600px) {
  .market-feature-grid { grid-template-columns: 1fr; width: calc(100vw - 32px); gap: 20px; }
  .market-feature-card { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .market-feature-card h3 { min-height: 0; margin: 0 0 14px; text-align: left; }
  .market-feature-card > p { margin: 0 0 16px; text-align: left; }
  .market-panel { height: 1180px; }
}
@media (min-width: 1801px) {
  .market-feature-grid { width: min(1720px, calc(100vw - 400px)); }
}

/* Серебряное свечение страницы и матовое стекло для карточек. */
.bg-wrapper {
  background-color: #0b0d11;
  background-image:
    radial-gradient(ellipse 65% 55% at 85% 25%, rgba(226, 232, 240, 0.22) 0%, rgba(148, 163, 184, 0.08) 45%, transparent 75%),
    radial-gradient(ellipse 55% 45% at 20% 40%, rgba(203, 213, 225, 0.12) 0%, rgba(100, 116, 139, 0.05) 50%, transparent 80%),
    radial-gradient(circle 500px at 15% 85%, rgba(186, 204, 224, 0.14) 0%, transparent 70%),
    radial-gradient(circle 400px at 80% 85%, rgba(148, 163, 184, 0.10) 0%, transparent 60%),
    linear-gradient(180deg, #0e1117 0px, #0e1117 940px, #0d0f13 1120px, #0b0d11 1320px, #08090b 1620px, #060708 1920px, #050608 2220px, #050608 100%);
  background-repeat: no-repeat;
}

.silver-card,
.overview-card,
.feature-card {
  background: linear-gradient(145deg, rgba(30, 36, 46, 0.72) 0%, rgba(15, 18, 24, 0.85) 100%);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border: 1px solid rgba(226, 232, 240, 0.12);
  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.75), inset 0 1px 1px 0 rgba(255, 255, 255, 0.16);
}

/* Верхний фон: указанный серебряный градиент затухает к чёрному у верхнего края. */
.bg-wrapper {
  background-color: #0b0c0f;
  background-image: none;
}
.bg-wrapper::after { display: none; }
.silver-metallic-theme {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: max(100vh, 1200px);
  background-color: #0b0c0f;
  background-image:
    radial-gradient(circle at 85% 15%, rgba(230, 235, 245, 0.35) 0%, rgba(160, 175, 195, 0.16) 27.5%, transparent 55%),
    radial-gradient(circle at 15% 85%, rgba(160, 175, 195, 0.16) 0%, transparent 45%);
  min-height: 100vh;
  pointer-events: none;
}
.silver-metallic-theme::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: min(48%, 620px);
  background: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, .88) 24%, rgba(0, 0, 0, .48) 58%, transparent 100%);
}
.bg-wrapper::before { display: none; }

.what-rubalt-panel {
  z-index: 2;
  position: relative;
  width: 100vw;
  height: calc(125.16vw + 200px);
  min-height: 0;
  flex: 0 0 auto;
  box-sizing: border-box;
  overflow: hidden;
  isolation: isolate;
  align-self: center;
  margin: 100px auto 0;
  padding: 100px 50px 50px;
  border-radius: 70px;
  background: rgba(48, 50, 56, .4);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  transform: none;
  will-change: auto;
}
.what-rubalt-panel::before,
.what-rubalt-panel::after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 2;
  width: 20%;
  height: 76%;
  background:
    radial-gradient(ellipse 90% 55% at 50% 12%, rgba(255, 255, 255, .028), transparent 78%),
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012) 48%, transparent 100%);
  filter: none;
  opacity: .72;
  transform: skewX(10deg);
  transform-origin: top center;
  pointer-events: none;
}
.what-rubalt-panel::before { left: 27%; }
.what-rubalt-panel::after { left: 57%; }
.what-rubalt-copy {
  position: relative;
  z-index: 2;
  width: min(790px, calc(100vw - 40px));
  align-self: center;
  margin: 100px auto 0;
  text-align: center;
}
.what-rubalt-illustration {
  position: absolute;
  top: -50px;
  left: 50%;
  z-index: 0;
  display: block;
  width: calc(100vw + 200px);
  max-width: none;
  height: auto;
  transform: translateX(-50%);
  transform-origin: center top;
  mix-blend-mode: screen;
  will-change: auto;
  pointer-events: none;
}
.what-rubalt-image-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(ellipse 28% 26% at 100% 12%, rgba(5, 6, 8, .72) 0%, rgba(5, 6, 8, .42) 52%, transparent 100%),
    radial-gradient(ellipse 29% 28% at 0% 88%, rgba(5, 6, 8, .72) 0%, rgba(5, 6, 8, .42) 52%, transparent 100%);
  pointer-events: none;
}
.what-rubalt-side-copy {
  --site-left-offset: 20px;
  position: absolute;
  top: 100px;
  left: var(--site-left-offset);
  z-index: 3;
  width: min(460px, calc(100vw - var(--site-left-offset) - 40px));
  color: rgba(248, 249, 252, .92);
  text-align: left;
}
.what-rubalt-side-copy h2 {
  margin: 0 0 14px;
  color: rgba(248, 249, 252, .92);
  font-family: "OFont 10369", sans-serif;
  font-size: calc(clamp(16px, 1.4vw, 21px) + 5px);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
}
.what-rubalt-side-copy p {
  margin: 0;
  color: rgba(235, 239, 246, .68);
  font-family: "DM Sans", sans-serif;
  font-size: calc(clamp(13px, 1vw, 15px) + 2px);
  line-height: 1.55;
}
.what-rubalt-side-copy--right {
  top: max(0px, calc((125.16vw + 200px) * .58 - 700px));
  right: var(--site-left-offset);
  left: auto;
  text-align: right;
}
.what-rubalt-side-copy--right h2,
.what-rubalt-side-copy--right p {
  text-align: right;
}
.what-rubalt-side-copy--right > h2:first-child {
  white-space: nowrap;
  font-size: calc(clamp(16px, 1.4vw, 21px) + 5px);
}
.what-rubalt-side-copy .what-rubalt-side-copy-subtitle {
  margin-top: 50px;
}
.what-rubalt-title {
  width: auto;
  margin: 0;
  color: #fff;
  color: rgba(248, 249, 252, .92);
  font-family: "OFont 10369", sans-serif;
  font-size: clamp(16px, 1.4vw, 21px);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 600px) {
  .what-rubalt-side-copy {
    --site-left-offset: 16px;
    width: calc(100vw - var(--site-left-offset) - 16px);
  }
  .what-rubalt-side-copy--right {
    top: max(0px, calc((125.16vw + 200px) * .58 - 700px));
    right: 16px;
  }
}
@media (min-width: 1801px) {
  .what-rubalt-side-copy {
    --site-left-offset: calc((100vw - min(1720px, calc(100vw - 400px))) / 2);
  }
}
.what-rubalt-description {
  width: 100%;
  max-width: 790px;
  margin: 4px auto 0;
  color: #fff;
  font-family: "OFont 10369", sans-serif;
  font-size: clamp(19px, 2.2vw, 30px);
  font-weight: 500;
  line-height: 1.15;
  text-align: center;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 0%, rgba(0,0,0,.5) 72%, transparent 100%);
  mask-image: radial-gradient(ellipse at center, #000 0%, rgba(0,0,0,.5) 72%, transparent 100%);
}
.what-rubalt-comfort {
  color: #fff;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 0%, rgba(0,0,0,.5) 72%, transparent 100%);
  mask-image: radial-gradient(ellipse at center, #000 0%, rgba(0,0,0,.5) 72%, transparent 100%);
  width: 100%;
  margin: 100px auto 0;
  transform: none;
  will-change: auto;
}
.what-rubalt-comfort-image-wrap {
  position: relative;
  z-index: 1;
  align-self: center;
  width: 100vw;
  margin: -410px 0 0;
  line-height: 0;
}
.what-rubalt-comfort-image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  mix-blend-mode: normal;
}
.hero-description-word {
  display: inline-block;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 0%, rgba(0,0,0,.5) 72%, transparent 100%);
  mask-image: radial-gradient(ellipse at center, #000 0%, rgba(0,0,0,.5) 72%, transparent 100%);
}




















.bg-wrapper::before {
  display: none;
}


/* Keep the feature-card area black while the silver ambient glow continues below it. */
.market-panel {
  background: linear-gradient(180deg, #050608 0%, #050608 36%, rgba(5, 6, 8, .85) 55%, transparent 100%) !important;
}

.market-feature-card {
  border-top: 2px solid rgba(177, 178, 183, .55);
}

/* Reduce feature-card surface opacity by ten percentage points. */
.market-feature-card {
  background-color: rgba(30, 36, 46, .62);
}


.market-feature-card {
  position: relative;
  isolation: isolate;
  transition: transform .25s ease, box-shadow .25s ease;
}
.market-feature-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  background: rgba(0, 0, 0, .12);
  pointer-events: none;
  transition: opacity .22s ease;
}
.market-feature-card > * {
  position: relative;
  z-index: 2;
}
.market-feature-card:hover {
  z-index: 1;
  transform: scale(1.015);
}
.market-feature-card:hover::before {
  opacity: 0;
}

html,
body {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.market-feature-card {
  transform: translate3d(var(--scroll-x, 0px), 0, 0) scale(var(--scroll-scale, 1));
  transform-origin: center top;
  scale: 1;
  transition: scale .22s ease, box-shadow .25s ease;
  will-change: transform;
}
.market-feature-card:hover {
  transform: translate3d(var(--scroll-x, 0px), 0, 0) scale(var(--scroll-scale, 1));
  scale: 1.015;
}
.market-feature-grid--below-image {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 auto;
}
@media (max-width: 920px) {
  .market-feature-grid--below-image { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .market-feature-grid--below-image { grid-template-columns: repeat(3, minmax(0, 1fr)); width: calc(100vw - 32px); gap: 20px; }
}
.market-feature-grid--below-image .market-feature-card { min-height: 500px; }
.market-feature-grid--below-image .market-feature-card .market-feature-telegram-art-wrap {
  order: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  width: calc(100% - 80px);
  margin: auto 40px 24px;
  transform: translateY(-10px);
}
.market-feature-telegram-art {
  display: block;
  width: 240px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1;
  flex: 0 1 240px;
  object-fit: contain;
}
.market-feature-grid--below-image .market-feature-card .market-feature-telegram-caption {
  display: block;
  width: auto;
  height: auto;
  margin: 10px 0 0;
  padding: 0;
  color: #fff;
  font-family: "OFont 10369", sans-serif;
  font-size: calc(clamp(16px, 1.4vw, 21px) + 5px);
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
  white-space: nowrap;
}
.market-feature-telegram-caption span { display: inline; transform: none; }
@media (max-width: 600px) {
  .market-feature-grid--below-image .market-feature-card .market-feature-telegram-art-wrap {
    width: calc(100% - 24px);
    margin-right: 12px;
    margin-left: 12px;
  }
}
.market-feature-grid:not(.market-feature-grid--below-image) .market-feature-card h3 {
  font-size: calc(clamp(16px, 1.4vw, 21px) + 5px);
}
.market-feature-grid--below-image .market-feature-card h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 40px 40px 0;
  text-align: left;

  font-size: calc(clamp(16px, 1.4vw, 21px) + 5px);
}

.market-feature-icon {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 50%;
  background: var(--accent-gradient);
  box-shadow: 0 11px 30px rgba(177,178,183,.28);
}
@media (max-width: 600px) {
  .market-feature-grid--below-image .market-feature-card h3 { padding: 20px 12px 0; }
  .market-feature-icon { width: 32px; height: 32px; flex-basis: 32px; }
}.market-feature-icon img {
  display: block;
  width: 22px;
  height: 22px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.market-feature-icon--telegram img { transform: translateX(-2px); }
.market-feature-grid:not(.market-feature-grid--below-image) .market-feature-card {
  border-radius: 30px;
}
/* Match the four feature cards to the soft monochrome surface in the dashboard reference. */
.market-feature-grid:not(.market-feature-grid--below-image) > .market-feature-card {
  border: 0;
  border-top: .3px solid rgba(177, 178, 183, .42);
  background: linear-gradient(to bottom, #454545 0%, #242424 100%);
  box-shadow: none;
}
.market-feature-grid:not(.market-feature-grid--below-image) > .market-feature-card::before {
  display: block;
  z-index: 1;
  opacity: 1;
  background:
    radial-gradient(ellipse 112% 78% at 50% 0%, rgba(230, 232, 236, .7) 0%, rgba(185, 190, 198, .37) 37%, rgba(70, 74, 82, 0) 78%),
    radial-gradient(ellipse 80% 45% at 50% 100%, rgba(20, 22, 26, .52) 0%, rgba(29, 32, 37, .28) 45%, rgba(30, 33, 38, 0) 82%),
    radial-gradient(ellipse 48% 58% at 0% 55%, rgba(160, 166, 174, .1) 0%, rgba(30, 33, 38, 0) 78%);
}
.market-feature-grid--below-image > .market-feature-card {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: linear-gradient(to bottom, #454545 0%, #292929 55%, #181818 100%);
}
.market-feature-grid--below-image > .market-feature-card::before {
  display: block;
  z-index: 3;
  opacity: 1;
  background: none;
  -webkit-mask-image: none;
  mask-image: none;
}
.market-feature-card-light-rays {
  position: absolute !important;
  inset: 0;
  z-index: 3 !important;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
}
.market-feature-card-light-rays span {
  position: absolute;
  top: -78px;
  left: 32%;
  width: 58px;
  height: 270px;
  border-radius: 50%;
  background: linear-gradient(to bottom, transparent 0%, rgba(245, 247, 250, .04) 15%, rgba(245, 247, 250, .2) 48%, rgba(245, 247, 250, .08) 78%, transparent 100%);
  filter: blur(10px);
  transform: rotate(24deg);
  transform-origin: top center;
}
.market-feature-card-light-rays span:nth-child(2) {
  left: 56%;
  top: -92px;
  height: 250px;
  width: 52px;
  opacity: .72;
}
.market-feature-card-light-rays span:nth-child(3) {
  left: 80%;
  top: -106px;
  height: 230px;
  width: 46px;
  opacity: .58;
}
.market-feature-grid--below-image > .market-feature-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(ellipse 170% 86% at 42% -8%, rgba(245, 247, 250, .55) 0%, rgba(220, 224, 231, .34) 28%, rgba(185, 190, 198, .16) 57%, transparent 92%),
    linear-gradient(180deg, rgba(235, 238, 243, .14) 0%, rgba(210, 214, 221, .07) 38%, transparent 74%);
}
.market-feature-grid--below-image > .market-feature-card:hover::before {
  display: block;
  opacity: 1;
}
.market-feature-grid:not(.market-feature-grid--below-image) > .market-feature-card:hover::before {
  display: block;
  opacity: 1;
}
.market-feature-grid:not(.market-feature-grid--below-image) > .market-feature-card > .market-feature-card-image {
  position: relative;
  z-index: 2;
  isolation: isolate;
}
.market-feature-grid:not(.market-feature-grid--below-image) > .market-feature-card > h3,
.market-feature-grid:not(.market-feature-grid--below-image) > .market-feature-card > p {
  z-index: 4;
}
.market-feature-grid--below-image > .market-feature-card > h3,
.market-feature-grid--below-image > .market-feature-card > p,
.market-feature-grid--below-image > .market-feature-card > .market-feature-actions,
.market-feature-grid--below-image > .market-feature-card > .market-feature-telegram-art-wrap {
  z-index: 4;
}
.market-feature-grid:not(.market-feature-grid--below-image) > .market-feature-card > p {
  color: #DFDFDF;
}
.what-rubalt-side-copy .what-rubalt-side-copy-subdescription {
  color: #DFDFDF;
}
.what-rubalt-side-copy p,
.market-feature-grid--below-image .market-feature-card > p {
  color: #DFDFDF;
}
.market-feature-grid--below-image .market-feature-card {
  border-radius: 40px;
}
.market-feature-actions {
  order: 3;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
  padding: 0 40px;
}
.market-feature-action {
  height: auto;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 11px 25px;
  color: #fff;
  background: rgba(255,255,255,.1);
  border: 2px solid rgba(255,255,255,.05);
  border-radius: 20px;
  box-shadow: none;
  font-family: "OFont 10369", sans-serif;
  font-size: 21px;
  font-weight: 700;
  transition: transform .16s ease, background .2s ease, border-color .2s ease;
}
.market-feature-action:hover {
  color: #fff;
  background: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.08);
  box-shadow: none;
  transform: none;
}
.market-feature-action:active { transform: scale(.975); }
@media (max-width: 600px) {
  .market-feature-actions { padding: 0 12px; }
}
@media (max-width: 600px) {
  .market-feature-grid--below-image .market-feature-card > p { padding: 0 12px; }
}

.market-feature-icon--brand-weibo img { width: 28px; height: 28px; }

.market-feature-icon--device-usb img { width: 28px; height: 28px; }
.market-feature-actions {
  margin-top: auto;
  padding-bottom: 40px;
}
.market-feature-action {
  color: #000;
  background: #fff;
  border: 0;
  font-family: "DM Sans", sans-serif;
  font-size: calc(clamp(13px, 1vw, 15px) + 2px);
  font-weight: 400;
}

.site-footer {
  position: relative;
  z-index: 2;
  margin-top: 80px;
  padding: 38px 0 30px;
  color: #d8d9dc;
  background: #090a0c;
  border: 0;
  border-radius: 20px 20px 0 0;
}
.site-footer-inner { width: min(1720px, calc(100vw - 400px)); margin-inline: auto; }
.site-footer-brand { display: inline-flex; align-items: center; gap: 10px; color: #f5f6f8; text-decoration: none; }
.site-footer-brand img { width: 56px; height: 56px; object-fit: contain; }
.site-footer-brand span { font-family: "Woblen", sans-serif; font-size: 27px; letter-spacing: .02em; }
.site-footer-actions { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 54px; padding-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,.1); }
.site-footer-downloads, .site-footer-socials { display: flex; align-items: center; gap: 10px; }
.site-footer-download { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 42px; padding: 0 15px; border: 1px solid rgba(255,255,255,.3); border-radius: 9px; color: #fff; background: #131416; font: 500 13px "DM Sans", sans-serif; cursor: pointer; transition: background .18s ease, border-color .18s ease; }
.site-footer-download:hover { background: #1a1b1e; border-color: rgba(255,255,255,.48); }
.site-footer-download svg { width: 19px; height: 19px; }
.site-footer-social { display: grid; place-items: center; width: 69px; height: 69px; border-radius: 50%; color: #fff; background: #17181b; text-decoration: none; }
.site-footer-social svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.site-footer-social img { display: block; width: 29px; height: 29px; transform: translateX(-2px); filter: brightness(0) invert(1); }
.site-footer-telegram img { filter: brightness(0) saturate(100%) invert(100%); }
.site-footer-vk { padding: 0; }
.site-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding-top: 21px; color: #aeb0b6; font: 12px "DM Sans", sans-serif; }
.site-footer-copyright { color: #f1f2f4; white-space: nowrap; }
.site-footer-legal { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 12px 27px; }
.site-footer-legal a { color: #aeb0b6; text-decoration: none; }
.site-footer-legal a:hover { color: #fff; }
@media (max-width: 760px) {
  .site-footer { margin-top: 55px; padding: 30px 0 24px; }
  .site-footer-inner { width: calc(100% - 32px); }
  .site-footer-actions { margin-top: 35px; align-items: flex-start; flex-direction: column; }
  .site-footer-downloads { flex-wrap: wrap; }
  .site-footer-bottom { align-items: flex-start; flex-direction: column; }
  .site-footer-legal { justify-content: flex-start; gap: 12px 20px; }
}
@media (max-width: 1800px) {
  .site-footer-inner { width: calc(100vw - 40px); }
}
@media (max-width: 600px) {
  .site-footer-inner { width: calc(100vw - 32px); }
}
.market-feature-action:hover {
  color: #000;
  background: #fff;
  border: 0;
}.site-header .header-actions .ghost-button {
  font-family: "OFont 10369", sans-serif;
  font-size: 21px;
}.site-header .header-actions .ghost-button,
.site-header .header-actions .primary-button {
  font-family: "DM Sans", sans-serif;
  font-size: calc(clamp(13px, 1vw, 15px) + 2px);
  font-weight: 400;
}.market-feature-actions .market-feature-action {
  height: 61px;
  min-height: 61px;
  padding: 0 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}.site-header .header-actions .ghost-button,
.site-header .header-actions .primary-button,
.market-feature-actions .market-feature-action {
  font-size: calc(clamp(13px, 1vw, 15px) + 4px);
}

.btn-transfer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 61px;
  padding: 0 24px;
  min-width: 140px;
  border-radius: 20px;
  border: 0;
  border-top: 2px solid rgba(92, 96, 104, .6);
  background: linear-gradient(180deg, rgba(112, 117, 127, 0.6) 0%, rgba(151, 155, 164, 0.6) 52%, rgba(190, 193, 200, 0.6) 100%);
  box-shadow: none;
  color: #fff;
  font-family: "DM Sans", sans-serif;
  font-size: calc(clamp(13px, 1vw, 15px) + 4px);
  font-weight: 400;
  letter-spacing: -0.01em;
  cursor: pointer;
  outline: none;
  user-select: none;
  transition: transform .16s ease, background .2s ease, border-color .2s ease;
}

.btn-transfer .icon {
  display: block;
  width: 24px;
  height: 24px;
  filter: brightness(0) invert(1);
  transform: translateY(-1px);
  transition: transform 0.2s ease;
}

.btn-transfer:hover {
  background: linear-gradient(180deg, rgba(112, 117, 127, 0.6) 0%, rgba(151, 155, 164, 0.6) 52%, rgba(190, 193, 200, 0.6) 100%);
  box-shadow: none;
  transform: none;
}

.market-feature-actions > .btn-transfer:first-child:hover .icon,
.benefits-copy-action--register:hover .icon {
  transform: translateY(-1px);
}

.btn-transfer:active {
  transform: scale(.975);
  box-shadow: none;
}

.btn-transfer-login {
  background: rgba(255, 255, 255, .2);
  color: #fff;
}

a.btn-transfer { text-decoration: none; }

.btn-transfer-login:hover {
  background: rgba(255, 255, 255, .26);
}

.market-feature-actions .btn-transfer {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.market-feature-actions .btn-transfer-login {
  border-radius: 20px;
}
.market-feature-actions .btn-transfer-home-screen {
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

/* Header language picker and shortened glass canopy. */
.site-header {
  overflow: visible;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.site-header::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 auto 0 0;
  width: var(--canopy-width, 500px);
  border-radius: 9999px;
  background: rgba(255,255,255,.05);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  pointer-events: none;
}
.site-header .header-inner { padding-right: 0; }
.site-header .header-actions .ghost-button,
.site-header .header-actions .ghost-button:hover {
  background: rgba(255,255,255,.06);
  transform: none;
}
.site-header .header-actions .ghost-button,
.site-header .header-actions .primary-button.compact {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  align-self: stretch;
  height: calc(100% - 3px);
  min-height: 0;
  margin: 0;
  padding-inline: 25px;
  border-radius: 9999px;
}
.site-header .main-nav {
  width: calc(var(--canopy-width, 500px) - 104px);
  flex: none;
  gap: 20px;
}
.header-search {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  height: 42px;
  margin: 0;
}
.header-search-input {
  flex: 1 1 auto;
  width: 0;
  min-width: 0;
  height: 40px;
  padding: 0;
  color: var(--text);
  font: 400 calc(clamp(13px, 1vw, 15px) + 4px) "DM Sans", sans-serif;
  border: 0;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  outline: none;
  background: transparent;
}
.header-search-input::placeholder { color: rgba(245,245,246,.62); }
.header-search-input:focus { border-bottom-color: #fff; }
.header-search-input:focus-visible { outline: none; }
.header-search-button {
  display: grid;
  flex: 0 0 22px;
  place-items: center;
  width: 22px;
  height: 32px;
  margin: 0;
  padding: 0;
  color: var(--text);
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}
.header-search-button:hover { color: #fff; }
.header-search-button svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.header-search--mobile { display: none; }
@media (max-width: 600px) {
  .site-header::before { width: calc(100vw - 80px); }
  .site-header .header-inner { padding-right: 0; }
  .mobile-nav.open { overflow: visible; position: relative; }
  .header-search--mobile { display: flex; width: 100%; }
}

/* Final header and footer sizing. */
.site-header .header-inner { height: 63px; min-height: 63px; }
@media (min-width: 601px) {
  .site-header .header-inner { gap: 15px; }
}
.site-header .brand { height: 63px; }
.site-header .brand-logo { width: 54px; height: 54px; }
.site-header .main-nav { width: auto; flex: none; gap: 20px; }
.site-header .header-actions .ghost-button,
.site-header .header-actions .primary-button.compact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  height: calc(100% - 3px);
  min-height: 0;
  line-height: 1.2;
  text-align: center;
}
.site-footer-social { width: 60px; height: 60px; }
main { padding-top: 103px; }
@media (max-width: 600px) {
  .site-header .header-inner { height: 49px; min-height: 49px; }
.site-header .brand { height: 49px; }
  main { padding-top: 89px; }
}
.site-header .header-actions .ghost-button > span,
.site-header .header-actions .primary-button.compact > span {
  transform: translateY(1px);
}
.site-header .header-actions { gap: 10px; }
.what-rubalt-side-copy--right > h2:first-child {
  white-space: normal;
  max-width: 100%;
  margin-left: auto;
}
.site-footer { margin-top: 100px; }
.site-header .header-inner { width: calc(100% - 50px); }
@media (min-width: 601px) {
  .site-header .header-inner { gap: 25px; }
}
.bg-wrapper {
  background-color: #000;
  background-image:
    radial-gradient(ellipse 88vw 520px at 78% calc(var(--top-black-gradient-start, 0px) + 520px), rgba(239, 241, 246, .10) 0%, rgba(198, 202, 211, .05) 42%, transparent 82%),
    radial-gradient(ellipse 82vw 620px at 14% calc(var(--top-black-gradient-start, 0px) + 1280px), rgba(239, 241, 246, .14) 0%, rgba(198, 202, 211, .07) 44%, transparent 82%),
    radial-gradient(ellipse 72% 16% at 50% 84%, rgba(220, 222, 228, .12) 0%, rgba(112, 115, 122, .065) 48%, transparent 100%),
    linear-gradient(to top, #000 0%, #000 5%, #090a0c 28%, #17181b 59%, #28292d 80%, #1a1b1e 88%, #08090a 95%, #000 100%);
  background-repeat: no-repeat;
}
.silver-metallic-theme { display: none; }
.what-rubalt-light-rays {
  position: absolute;
  z-index: 1;
  top: calc(var(--top-black-gradient-start, 0px) + 55px);
  left: 0;
  width: 100%;
  height: 760px;
  overflow: hidden;
  pointer-events: none;
  opacity: .58;
  mix-blend-mode: screen;
}
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  position: absolute;
  left: -42vw;
  width: 142vw;
  height: 110px;
  background: linear-gradient(180deg, transparent 0%, rgba(242, 244, 248, .025) 14%, rgba(238, 241, 247, .10) 40%, rgba(245, 247, 250, .17) 50%, rgba(228, 232, 239, .09) 62%, transparent 100%), linear-gradient(90deg, transparent 0%, rgba(238, 241, 247, .08) 25%, rgba(238, 241, 247, .08) 64%, transparent 100%);
  filter: blur(29px);
  transform: skewY(19deg);
  transform-origin: left center;
}
.what-rubalt-light-rays span:nth-child(1),
.what-rubalt-panel-rays span:nth-child(1) { top: 0; }
.what-rubalt-light-rays span:nth-child(2),
.what-rubalt-panel-rays span:nth-child(2) { top: 65px; }
.what-rubalt-light-rays span:nth-child(3),
.what-rubalt-panel-rays span:nth-child(3) { top: 130px; }
.what-rubalt-panel-rays {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
  opacity: .54;
  mix-blend-mode: screen;
}
.what-rubalt-panel-rays span { left: -42vw; width: 142vw; }
.market-panel {
  background:
    radial-gradient(ellipse 48% 38% at 0% 70%, rgba(205, 211, 223, .14) 0%, rgba(155, 163, 178, .065) 42%, transparent 82%),
    linear-gradient(180deg, rgba(5, 6, 8, .38) 0%, rgba(5, 6, 8, .18) 44%, rgba(5, 6, 8, .04) 100%) !important;
  -webkit-backdrop-filter: blur(18px) grayscale(1) brightness(.82);
  backdrop-filter: blur(18px) grayscale(1) brightness(.82);
}
.site-footer-actions { border-bottom: 0; }
@media (max-width: 900px) {
  .container {
    width: calc(100% - 80px);
  }
  .site-header {
    left: 40px;
    right: 40px;
  }
  .site-header .header-inner {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 0 0 25px;
  }
  .site-footer-inner,
  .market-feature-grid,
  .what-rubalt-copy {
    width: calc(100vw - 80px);
  }
  .what-rubalt-side-copy {
    --site-left-offset: 40px;
    width: min(460px, calc(100vw - 80px));
  }
}
.what-rubalt-panel::before,
.what-rubalt-panel::after {
  top: 2%;
  width: 34%;
  height: 78%;
  background: radial-gradient(ellipse 68% 72% at 50% 42%, rgba(245, 247, 252, .075) 0%, rgba(190, 195, 205, .035) 48%, transparent 100%);
  filter: blur(42px);
  opacity: .82;
  transform: none;
}
.what-rubalt-panel::before { left: -7%; }
.what-rubalt-panel::after { right: -7%; left: auto; opacity: .55; }
.site-footer-inner {
  width: calc(100vw - 80px);
  max-width: none;
}
.site-header .header-inner {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 0 0 25px;
  gap: 15px;
}
@media (max-width: 900px) {
  .site-header .header-actions { right: 0; }
}

/* Keep the requested page-edge gutters without changing internal spacing. */
.site-header { left: 40px; right: 40px; }
.market-feature-grid,
.market-feature-grid--below-image { width: calc(100vw - 80px); }
.market-panel-description { max-width: min(900px, calc(100vw - 80px)); }
.what-rubalt-side-copy { --site-left-offset: 40px; }
.what-rubalt-side-copy--right { right: 40px; }
.what-rubalt-copy { width: min(790px, calc(100vw - 80px)); }
.site-footer-inner { width: calc(100vw - 80px); max-width: none; }
.site-footer { margin-top: 120px; }
.site-footer-download { height: 60px; min-height: 60px; }
.site-footer-download { padding-right: 25px; }
.site-footer-downloads,
.site-footer-socials { gap: 10px; }
.site-footer-download img { display: block; width: 25px; height: 25px; object-fit: contain; }
.site-footer-download-apple { filter: brightness(0) saturate(100%) invert(100%) !important; }
.site-footer-download-copy { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.05; text-align: left; }
.site-footer-download-prefix { font-size: 12px; }
.site-footer-brand img { width: 54px; height: 54px; }
.site-footer-brand span { transform: translate(3px, 4px); }
.page-loader-progress { width: min(360px, 76vw); height: 8px; margin-top: 0; }

@media (max-width: 600px) {
  .what-rubalt-side-copy { --site-left-offset: 40px; width: calc(100vw - 80px); }
  .what-rubalt-side-copy--right { right: 40px; }
}

@media (min-width: 1801px) {
  .market-feature-grid,
  .market-feature-grid--below-image { width: min(1720px, calc(100vw - 400px)); }
  .what-rubalt-side-copy {
    --site-left-offset: calc((100vw - min(1720px, calc(100vw - 400px))) / 2);
    width: min(460px, calc(100vw - var(--site-left-offset) - 40px));
  }
  .what-rubalt-side-copy--right { right: var(--site-left-offset); }
}
.site-footer-inner {
  width: calc(100vw - 80px);
  max-width: none;
  margin-inline: auto;
}
.bg-wrapper::before {
  display: block;
  z-index: 1;
  inset: 0 0 auto;
  height: calc(var(--top-black-gradient-start, 0px) + 80px);
  background: #000;
  -webkit-mask-image: radial-gradient(ellipse 420% 420px at 50% 100%, transparent 0%, transparent 65%, rgba(0, 0, 0, .38) 82%, #000 100%);
  mask-image: radial-gradient(ellipse 420% 420px at 50% 100%, transparent 0%, transparent 65%, rgba(0, 0, 0, .38) 82%, #000 100%);
}
/* Keep the information panel's original glass appearance independent of the background artwork. */
.what-rubalt-panel {
  overflow: hidden;
  border-radius: 70px;
  background-color: rgba(48, 50, 56, 0.6);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

/* Remove clipped panel glows that create square patches and edge seams. */
.what-rubalt-panel::before,
.what-rubalt-panel::after { display: none; }

/* The language trigger stays text-only while hovered, pressed, or focused. */
.language-switcher .language-trigger:hover,
.language-switcher .language-trigger:active,
.language-switcher .language-trigger:focus,
.language-switcher .language-trigger:focus-visible {
  color: #fff;
  background: transparent !important;
  border: 0 !important;
  outline: none;
  box-shadow: none !important;
  filter: none;
}

/* Rays begin visibly on the backdrop above the glass panel, then continue across its top. */
.what-rubalt-light-rays {
  top: calc(var(--top-black-gradient-start, 0px) - 80px);
  height: 650px;
  opacity: .78;
}
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  left: -10vw;
  width: 125vw;
  height: 96px;
  background: linear-gradient(180deg, transparent 0%, rgba(242,244,248,.055) 16%, rgba(238,241,247,.19) 42%, rgba(245,247,250,.30) 50%, rgba(228,232,239,.16) 62%, transparent 100%), linear-gradient(90deg, transparent 0%, rgba(238,241,247,.13) 18%, rgba(238,241,247,.13) 70%, transparent 100%);
  filter: blur(24px);
  transform: skewY(15deg);
}
.what-rubalt-light-rays span:nth-child(1),
.what-rubalt-panel-rays span:nth-child(1) { top: 0; }
.what-rubalt-light-rays span:nth-child(2),
.what-rubalt-panel-rays span:nth-child(2) { top: 48px; }
.what-rubalt-light-rays span:nth-child(3),
.what-rubalt-panel-rays span:nth-child(3) { top: 96px; }
.what-rubalt-panel-rays { opacity: .72; }
.what-rubalt-panel-rays span { left: -10vw; width: 125vw; }

/* Shorter, steeper rays placed higher above the RUBALT panel. */
.what-rubalt-light-rays {
  top: calc(var(--top-black-gradient-start, 0px) - 220px);
  height: 440px;
}
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  left: -12vw;
  width: 92vw;
  height: 78px;
  background: linear-gradient(180deg, transparent 0%, rgba(242,244,248,.045) 18%, rgba(238,241,247,.17) 43%, rgba(245,247,250,.27) 50%, rgba(228,232,239,.13) 62%, transparent 100%), linear-gradient(90deg, transparent 0%, rgba(238,241,247,.12) 18%, rgba(238,241,247,.12) 66%, transparent 100%);
  filter: blur(21px);
  transform: skewY(34deg);
}
.what-rubalt-light-rays span:nth-child(1),
.what-rubalt-panel-rays span:nth-child(1) { top: 0; }
.what-rubalt-light-rays span:nth-child(2),
.what-rubalt-panel-rays span:nth-child(2) { top: 40px; }
.what-rubalt-light-rays span:nth-child(3),
.what-rubalt-panel-rays span:nth-child(3) { top: 80px; }
.what-rubalt-panel-rays span { left: -12vw; width: 92vw; }

/* Three distinct broad diagonal beams echoing the Total Balance light falloff. */
.what-rubalt-light-rays {
  top: calc(var(--top-black-gradient-start, 0px) - 300px);
  height: 700px;
  opacity: .82;
}
.what-rubalt-panel-rays { opacity: .76; }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  left: -25vw;
  width: 78vw;
  height: 142px;
  background: linear-gradient(180deg, transparent 0%, rgba(242,244,248,.04) 12%, rgba(238,241,247,.16) 35%, rgba(245,247,250,.28) 50%, rgba(228,232,239,.14) 67%, transparent 100%), linear-gradient(90deg, transparent 0%, rgba(238,241,247,.10) 10%, rgba(238,241,247,.12) 72%, transparent 100%);
  filter: blur(30px);
  transform: rotate(24deg);
  transform-origin: left center;
}
.what-rubalt-light-rays span:nth-child(1),
.what-rubalt-panel-rays span:nth-child(1) { top: 0; width: 78vw; }
.what-rubalt-light-rays span:nth-child(2),
.what-rubalt-panel-rays span:nth-child(2) { top: 135px; width: 78vw; }
.what-rubalt-light-rays span:nth-child(3),
.what-rubalt-panel-rays span:nth-child(3) { top: 270px; width: 84vw; }

/* Two broad silver light falls, matching the soft downward shading in the reference. */
.what-rubalt-light-rays {
  top: calc(var(--top-black-gradient-start, 0px) - 200px);
  height: 560px;
  opacity: .72;
}
.what-rubalt-panel-rays { opacity: .68; }

/* Shorten the panel light by 100px at the right and widen each beam by 25px. */
.what-rubalt-panel-rays span { height: 205px; border-radius: 102.5px; }
.what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 880px); }
.what-rubalt-panel-rays span:nth-child(2) { width: calc(138vw - 1030px); }
.what-rubalt-panel-rays span:nth-child(3) { width: calc(138vw - 880px); }
.what-rubalt-panel-rays span:nth-child(4) { width: calc(138vw - 880px); }

/* Shorten the right ends of all light beams by another 250px. */
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 1130px); }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { width: calc(138vw - 1280px); }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { width: calc(138vw - 1130px); }
.what-rubalt-light-rays span:nth-child(4), .what-rubalt-panel-rays span:nth-child(4) { width: calc(138vw - 1130px); }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  position: absolute;
  top: 0;
  width: 46vw;
  height: 520px;
  background: linear-gradient(180deg, rgba(238,241,247,.17) 0%, rgba(226,230,238,.105) 30%, rgba(208,213,222,.055) 65%, transparent 100%);
  clip-path: polygon(39% 0, 61% 0, 100% 100%, 0 100%);
  filter: blur(38px);
  transform: none;
}
.what-rubalt-light-rays span:nth-child(1),
.what-rubalt-panel-rays span:nth-child(1) { left: 7%; }
.what-rubalt-light-rays span:nth-child(2),
.what-rubalt-panel-rays span:nth-child(2) { left: 52%; }
.what-rubalt-light-rays span:nth-child(n+3),
.what-rubalt-panel-rays span:nth-child(n+3) { display: none; }

/* Four diffuse silver pools wash in from the left, with no overhead spotlight fan. */
.what-rubalt-light-rays {
  top: calc(var(--top-black-gradient-start, 0px) + 45px);
  height: 860px;
  opacity: .78;
}
.what-rubalt-panel-rays { opacity: .72; }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  position: absolute;
  left: -22vw;
  width: 72vw;
  height: 230px;
  background: radial-gradient(ellipse 92% 75% at 0% 50%, rgba(235,238,245,.20) 0%, rgba(222,226,235,.12) 32%, rgba(205,210,221,.055) 58%, transparent 100%);
  filter: blur(42px);
  clip-path: none;
  transform: none;
}
.what-rubalt-light-rays span:nth-child(1),
.what-rubalt-panel-rays span:nth-child(1) { top: 0; }
.what-rubalt-light-rays span:nth-child(2),
.what-rubalt-panel-rays span:nth-child(2) { top: 190px; }
.what-rubalt-light-rays span:nth-child(3),
.what-rubalt-panel-rays span:nth-child(3) { top: 380px; }
.what-rubalt-light-rays span:nth-child(4),
.what-rubalt-panel-rays span:nth-child(4) { top: 570px; }

/* Elongated incoming beams with feathered bounds to avoid a rectangular light patch. */
.what-rubalt-light-rays {
  top: calc(var(--top-black-gradient-start, 0px) - 100px);
  height: 780px;
  overflow: hidden;
  opacity: .82;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 78%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 78%, transparent 100%);
}
.what-rubalt-panel-rays {
  inset: 0 0 auto;
  height: 620px;
  overflow: hidden;
  opacity: .72;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 78%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 78%, transparent 100%);
}
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  position: absolute;
  left: -18vw;
  width: 82vw;
  height: 104px;
  border-radius: 50%;
  background: linear-gradient(180deg, transparent 0%, rgba(238,241,247,.045) 22%, rgba(238,241,247,.16) 47%, rgba(245,247,250,.22) 52%, rgba(224,229,237,.10) 72%, transparent 100%), linear-gradient(90deg, rgba(232,236,243,.025) 0%, rgba(238,241,247,.13) 26%, rgba(238,241,247,.11) 76%, transparent 100%);
  filter: blur(22px);
  transform: rotate(21deg);
  transform-origin: left center;
}
.what-rubalt-light-rays span:nth-child(1),
.what-rubalt-panel-rays span:nth-child(1) { top: 0; }
.what-rubalt-light-rays span:nth-child(2),
.what-rubalt-panel-rays span:nth-child(2) { top: 88px; }
.what-rubalt-light-rays span:nth-child(3),
.what-rubalt-panel-rays span:nth-child(3) { top: 176px; }
.what-rubalt-light-rays span:nth-child(4),
.what-rubalt-panel-rays span:nth-child(4) { top: 264px; }

/* Keep the four soft beams separated and let them enter from well beyond the left edge. */
.what-rubalt-light-rays {
  opacity: .55;
}
.what-rubalt-panel-rays { opacity: .48; }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  left: -55vw;
  width: 138vw;
  height: 170px;
  background: linear-gradient(180deg, transparent 0%, rgba(238,241,247,.025) 18%, rgba(238,241,247,.075) 47%, rgba(245,247,250,.10) 53%, rgba(224,229,237,.045) 78%, transparent 100%), linear-gradient(90deg, rgba(232,236,243,.015) 0%, rgba(238,241,247,.06) 28%, rgba(238,241,247,.055) 76%, transparent 100%);
  filter: blur(31px);
}
.what-rubalt-light-rays span:nth-child(1),
.what-rubalt-panel-rays span:nth-child(1) { top: 0; }
.what-rubalt-light-rays span:nth-child(2),
.what-rubalt-panel-rays span:nth-child(2) { top: 210px; }
.what-rubalt-light-rays span:nth-child(3),
.what-rubalt-panel-rays span:nth-child(3) { top: 420px; }
.what-rubalt-light-rays span:nth-child(4),
.what-rubalt-panel-rays span:nth-child(4) { top: 630px; }
.what-rubalt-light-rays { height: 1020px; -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 94%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 94%, transparent 100%); }
.what-rubalt-panel-rays { height: 1020px; -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 94%, transparent 100%); mask-image: linear-gradient(to bottom, #000 0%, #000 94%, transparent 100%); }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span { height: 140px; }
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { top: 0; }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { top: 280px; }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { top: 560px; }
.what-rubalt-light-rays span:nth-child(4), .what-rubalt-panel-rays span:nth-child(4) { top: 840px; }

/* Three brighter, broader beams, with enough spacing to remain distinct. */
.what-rubalt-light-rays { opacity: .68; }
.what-rubalt-panel-rays { opacity: .62; }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  width: 138vw;
  height: 200px;
  background: linear-gradient(180deg, transparent 0%, rgba(238,241,247,.04) 18%, rgba(238,241,247,.11) 47%, rgba(245,247,250,.15) 53%, rgba(224,229,237,.07) 78%, transparent 100%), linear-gradient(90deg, rgba(232,236,243,.02) 0%, rgba(238,241,247,.09) 28%, rgba(238,241,247,.08) 76%, transparent 100%);
  filter: blur(32px);
}
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { top: 0; }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { top: 340px; }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { top: 680px; }
.what-rubalt-light-rays span:nth-child(n+4), .what-rubalt-panel-rays span:nth-child(n+4) { display: none; }

/* Restore the previous four-ray setting after undoing the last adjustment. */
.what-rubalt-light-rays { opacity: .55; }
.what-rubalt-panel-rays { opacity: .48; }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  left: -55vw;
  width: 138vw;
  height: 140px;
  background: linear-gradient(180deg, transparent 0%, rgba(238,241,247,.025) 18%, rgba(238,241,247,.075) 47%, rgba(245,247,250,.10) 53%, rgba(224,229,237,.045) 78%, transparent 100%), linear-gradient(90deg, rgba(232,236,243,.015) 0%, rgba(238,241,247,.06) 28%, rgba(238,241,247,.055) 76%, transparent 100%);
  filter: blur(31px);
}
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { top: 0; }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { top: 280px; }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { top: 560px; }
.what-rubalt-light-rays span:nth-child(4), .what-rubalt-panel-rays span:nth-child(4) { top: 840px; }

/* Match the information panel's graphite surface to the dark Total Balance card. */
.what-rubalt-panel {
  background: linear-gradient(145deg, rgba(31, 32, 35, .92), rgba(16, 17, 19, .96));
}

/* Extend each beam 500px farther offscreen to the left and broaden its band. */
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  left: calc(-55vw - 500px);
  width: calc(138vw + 500px);
  height: 170px;
}

/* Make the offscreen-left beams visibly continue across the viewport. */
.what-rubalt-light-rays { opacity: .86; }
.what-rubalt-panel-rays { opacity: .82; }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  left: -500px;
  width: calc(100vw + 950px);
  height: 190px;
  background: linear-gradient(180deg, transparent 0%, rgba(238,241,247,.05) 15%, rgba(238,241,247,.17) 45%, rgba(245,247,250,.24) 53%, rgba(224,229,237,.10) 80%, transparent 100%), linear-gradient(90deg, rgba(232,236,243,.04) 0%, rgba(238,241,247,.17) 20%, rgba(238,241,247,.17) 76%, rgba(238,241,247,.06) 100%);
  filter: blur(34px);
}

/* Individual beam tuning: extend the first farther offscreen and shorten the second. */
.what-rubalt-light-rays span:nth-child(1),
.what-rubalt-panel-rays span:nth-child(1) {
  left: -1000px;
  width: calc(138vw + 500px);
  opacity: .94;
}
.what-rubalt-light-rays span:nth-child(2),
.what-rubalt-panel-rays span:nth-child(2) {
  width: 90vw;
  opacity: .94;
}

/* Preserve the first beam's on-panel position while extending only its hidden left tail. */
.what-rubalt-light-rays span:nth-child(1),
.what-rubalt-panel-rays span:nth-child(1) {
  transform-origin: right center;
}

/* Restore the left-origin beam direction so the rays enter from the left side. */
.what-rubalt-light-rays span:nth-child(1),
.what-rubalt-panel-rays span:nth-child(1) {
  left: -500px;
  width: 138vw;
  transform-origin: left center;
}

/* Raise the first two beams, place the second on top, and feather their right tips. */
.what-rubalt-light-rays {
  top: calc(var(--top-black-gradient-start, 0px) - 450px);
  height: 1370px;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 8%, #000 94%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 8%, #000 94%, transparent 100%);
}
.what-rubalt-panel-rays {
  inset: -350px 0 auto;
  height: 1370px;
}
.what-rubalt-light-rays span:nth-child(1),
.what-rubalt-panel-rays span:nth-child(1) { top: 0; z-index: 1; }
.what-rubalt-light-rays span:nth-child(2),
.what-rubalt-panel-rays span:nth-child(2) { top: 280px; z-index: 2; }
.what-rubalt-light-rays span:nth-child(3),
.what-rubalt-panel-rays span:nth-child(3) { top: 910px; z-index: 1; }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  background: linear-gradient(180deg, transparent 0%, rgba(238,241,247,.025) 18%, rgba(238,241,247,.075) 47%, rgba(245,247,250,.10) 53%, rgba(224,229,237,.045) 78%, transparent 100%), linear-gradient(90deg, rgba(232,236,243,.015) 0%, rgba(238,241,247,.06) 28%, rgba(238,241,247,.05) 68%, rgba(238,241,247,.018) 86%, transparent 100%);
}
.what-rubalt-illustration { z-index: 3; }
.what-rubalt-side-copy { z-index: 4; }
.what-rubalt-light-rays span:nth-child(1),
.what-rubalt-panel-rays span:nth-child(1) {
  left: -1000px;
  width: calc(138vw + 500px);
  transform-origin: left center;
}

/* Align the background and panel copies; match every beam to the lower clean beam. */
.what-rubalt-light-rays { top: calc(var(--top-black-gradient-start, 0px) - 450px); }
.what-rubalt-panel-rays { inset: -350px 0 auto; }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  left: -500px;
  width: 138vw;
  height: 190px;
  background: linear-gradient(180deg, transparent 0%, rgba(238,241,247,.05) 15%, rgba(238,241,247,.17) 45%, rgba(245,247,250,.24) 53%, rgba(224,229,237,.10) 80%, transparent 100%), linear-gradient(90deg, rgba(232,236,243,.04) 0%, rgba(238,241,247,.17) 20%, rgba(238,241,247,.17) 62%, rgba(238,241,247,.06) 82%, transparent 100%);
  filter: blur(34px);
  transform: rotate(21deg);
  transform-origin: left center;
}
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { top: 0; left: -1000px; width: calc(138vw + 500px); z-index: 1; transform-origin: left center; }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { top: 280px; left: -500px; width: 138vw; z-index: 2; }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { top: 910px; left: -500px; width: 138vw; z-index: 1; }
.what-rubalt-panel-rays span:nth-child(1) { top: -200px; }
.what-rubalt-panel-rays span:nth-child(2) { top: 80px; }
.what-rubalt-panel-rays span:nth-child(3) { top: 710px; }
/* Final alignment: all beams use the lower beam's geometry; first two are 350px higher. */
.what-rubalt-light-rays { top: calc(var(--top-black-gradient-start, 0px) - 250px); }
.what-rubalt-panel-rays { inset: -350px 0 auto; }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span { left: -500px; width: 138vw; height: 190px; transform-origin: left center; }
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { top: 0; left: -500px; width: 138vw; z-index: 1; }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { top: 280px; left: -500px; width: 138vw; z-index: 2; }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { top: 910px; left: -500px; width: 138vw; z-index: 1; }
.what-rubalt-panel-rays span:nth-child(1) { top: 0; }
.what-rubalt-panel-rays span:nth-child(2) { top: 280px; }
.what-rubalt-panel-rays span:nth-child(3) { top: 910px; }

/* Softer silver beams with shorter, smoothly fading right ends. */
.what-rubalt-light-rays { opacity: .70; }
.what-rubalt-panel-rays { opacity: .66; }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  width: calc(138vw - 180px);
  background: linear-gradient(180deg, transparent 0%, rgba(249,250,254,.035) 15%, rgba(247,249,253,.12) 45%, rgba(250,251,255,.17) 53%, rgba(240,243,249,.075) 80%, transparent 100%), linear-gradient(90deg, rgba(245,247,251,.025) 0%, rgba(248,250,254,.12) 20%, rgba(248,250,254,.12) 62%, rgba(248,250,254,.045) 82%, transparent 100%);
}
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 180px); }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { width: calc(138vw - 180px); }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { width: calc(138vw - 180px); }

/* Broaden and soften all rays; shorten only the second ray on its right end. */
.what-rubalt-light-rays { opacity: .58; }
.what-rubalt-panel-rays { opacity: .54; }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  height: 210px;
  filter: blur(31px);
}
.what-rubalt-light-rays span:nth-child(2),
.what-rubalt-panel-rays span:nth-child(2) {
  width: calc(138vw - 330px);
}

/* Slightly broader, dimmer beams with another 100px removed from the right ends. */
.what-rubalt-light-rays { opacity: .50; }
.what-rubalt-panel-rays { opacity: .46; }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span { height: 230px; }
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 280px); }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { width: calc(138vw - 430px); }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { width: calc(138vw - 280px); }

/* Shorten each beam by another 200px and diffuse the right edge into the background. */
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 480px); -webkit-mask-image: linear-gradient(to right, #000 0%, #000 58%, rgba(0,0,0,.72) 76%, transparent 100%); mask-image: linear-gradient(to right, #000 0%, #000 58%, rgba(0,0,0,.72) 76%, transparent 100%); }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { width: calc(138vw - 630px); -webkit-mask-image: linear-gradient(to right, #000 0%, #000 58%, rgba(0,0,0,.72) 76%, transparent 100%); mask-image: linear-gradient(to right, #000 0%, #000 58%, rgba(0,0,0,.72) 76%, transparent 100%); }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { width: calc(138vw - 480px); -webkit-mask-image: linear-gradient(to right, #000 0%, #000 58%, rgba(0,0,0,.72) 76%, transparent 100%); mask-image: linear-gradient(to right, #000 0%, #000 58%, rgba(0,0,0,.72) 76%, transparent 100%); }

/* Feather every edge of each beam, not only its right tip; shorten by another 200px. */
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  -webkit-mask-image: radial-gradient(ellipse 88% 76% at 50% 50%, #000 38%, rgba(0,0,0,.82) 62%, transparent 100%);
  mask-image: radial-gradient(ellipse 88% 76% at 50% 50%, #000 38%, rgba(0,0,0,.82) 62%, transparent 100%);
}
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 680px); }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { width: calc(138vw - 830px); }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { width: calc(138vw - 680px); }
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1),
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2),
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) {
  -webkit-mask-image: radial-gradient(ellipse 88% 76% at 50% 50%, #000 38%, rgba(0,0,0,.82) 62%, transparent 100%);
  mask-image: radial-gradient(ellipse 88% 76% at 50% 50%, #000 38%, rgba(0,0,0,.82) 62%, transparent 100%);
}

/* Restore the prior lengths and soften each beam as a complete oval. */
.what-rubalt-light-rays { opacity: .46; }
.what-rubalt-panel-rays { opacity: .42; }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  left: -500px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(ellipse 50% 50% at center, rgba(247,249,253,.12) 0%, rgba(240,243,249,.075) 48%, rgba(229,233,241,.025) 78%, transparent 100%);
  filter: blur(26px);
  -webkit-mask-image: none;
  mask-image: none;
}
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 180px); -webkit-mask-image: none; mask-image: none; }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { width: calc(138vw - 330px); -webkit-mask-image: none; mask-image: none; }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { width: calc(138vw - 180px); -webkit-mask-image: none; mask-image: none; }

/* Slightly brighter, thicker oval beams, each shortened 200px on the right. */
.what-rubalt-light-rays { opacity: .52; }
.what-rubalt-panel-rays { opacity: .48; }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  height: 230px;
  border-radius: 50%;
  background: radial-gradient(ellipse 50% 50% at center, rgba(247,249,253,.15) 0%, rgba(240,243,249,.09) 48%, rgba(229,233,241,.03) 78%, transparent 100%);
  filter: blur(29px);
}
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 380px); }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { width: calc(138vw - 530px); }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { width: calc(138vw - 380px); }

/* Increase beam thickness by exactly 100px and raise its visibility. */
.what-rubalt-light-rays { opacity: .68; }
.what-rubalt-panel-rays { opacity: .64; }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  height: 360px;
  background: radial-gradient(ellipse 50% 50% at center, rgba(247,249,253,.20) 0%, rgba(240,243,249,.12) 48%, rgba(229,233,241,.04) 78%, transparent 100%);
}

/* Shorten the right ends of all three beams by another 200px. */
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 580px); }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { width: calc(138vw - 730px); }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { width: calc(138vw - 580px); }

/* Round the ray ends into softer semicircles instead of pointed oval fades. */
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  border-radius: 999px;
  background:
    linear-gradient(to right, transparent 0%, rgba(247,249,253,.12) 18%, rgba(240,243,249,.12) 82%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, rgba(240,243,249,.10) 22%, rgba(240,243,249,.10) 78%, transparent 100%);
}

/* Slightly thinner beams, with their right ends shortened by 200px. */
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span { height: 230px; }
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 780px); }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { width: calc(138vw - 930px); }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { width: calc(138vw - 780px); }

/* Keep the beams streak-shaped and visually separate the background set from the panel set. */
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  height: 180px;
  border-radius: 90px;
}
.what-rubalt-panel-rays { inset: -314px 0 auto; }

/* Match the dark, nearly opaque glass surface of the Total Balance reference card. */
.what-rubalt-panel {
  background-color: rgba(18, 19, 22, .68);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

/* Separate the backdrop beams from those on the panel by 50px. */
.what-rubalt-panel-rays { inset: -300px 0 auto; }
.what-rubalt-light-rays span:nth-child(1) { width: calc(138vw - 1080px); }
.what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 1080px); }
.what-rubalt-light-rays span:nth-child(2) { width: calc(138vw - 1230px); }
.what-rubalt-panel-rays span:nth-child(2) { width: calc(138vw - 1230px); }
.what-rubalt-light-rays span:nth-child(3) { width: calc(138vw - 1080px); }
.what-rubalt-panel-rays span:nth-child(3) { width: calc(138vw - 1080px); }

/* Recreate the reference card's restrained, diffuse light on dark glass. */
.what-rubalt-panel { background-color: rgba(18, 19, 22, .88); }
.what-rubalt-light-rays { opacity: .36; }
.what-rubalt-panel-rays { opacity: .32; inset: -314px 0 auto; }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  height: 180px;
  border-radius: 90px;
  background:
    linear-gradient(to right, transparent 0%, rgba(240,243,249,.035) 16%, rgba(240,243,249,.085) 48%, rgba(240,243,249,.075) 68%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, rgba(240,243,249,.065) 28%, rgba(240,243,249,.065) 70%, transparent 100%);
  filter: blur(42px);
}
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 780px); }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { width: calc(138vw - 930px); }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { width: calc(138vw - 780px); }
.what-rubalt-light-rays span:nth-child(4), .what-rubalt-panel-rays span:nth-child(4) { width: calc(138vw - 780px); }

/* Make the panel 21% transparent and pull the coin-image corner shadows inward. */
.what-rubalt-panel { background-color: rgba(18, 19, 22, .79); }
.what-rubalt-image-shade {
  background:
    radial-gradient(ellipse 28% 26% at calc(100% - 200px) calc(12% + 200px), rgba(5, 6, 8, .72) 0%, rgba(5, 6, 8, .42) 52%, transparent 100%),
    radial-gradient(ellipse 29% 28% at 200px calc(88% - 200px), rgba(5, 6, 8, .72) 0%, rgba(5, 6, 8, .42) 52%, transparent 100%);
}

/* Make the reduction in panel transparency clearly visible. */
.what-rubalt-panel { background-color: rgba(12, 13, 15, .84) !important; }

/* Use neutral white for the light falling directly across the panel. */
.what-rubalt-panel-rays span {
  background:
    linear-gradient(to right, transparent 0%, rgba(255,255,255,.04) 16%, rgba(255,255,255,.095) 48%, rgba(255,255,255,.085) 68%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, rgba(255,255,255,.075) 28%, rgba(255,255,255,.075) 70%, transparent 100%);
}

/* Match the header's surface and make the side light more visible. */
.what-rubalt-panel { background: rgba(12, 13, 15, .84) !important; }
.what-rubalt-panel-rays { opacity: .50; }
.what-rubalt-panel-rays span {
  background:
    linear-gradient(to right, transparent 0%, rgba(255,255,255,.10) 16%, rgba(255,255,255,.23) 48%, rgba(255,255,255,.20) 68%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, rgba(255,255,255,.17) 28%, rgba(255,255,255,.17) 70%, transparent 100%);
}
.what-rubalt-panel-rays { opacity: .68; }

/* Reduce the panel's remaining transparency by 30% (30% -> 21%). */
.what-rubalt-panel { background-color: rgba(18, 19, 22, .79); }

/* Slightly brighter beams and a 30%-transparent glass panel. */
.what-rubalt-panel { background-color: rgba(18, 19, 22, .70); }
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span {
  background:
    linear-gradient(to right, transparent 0%, rgba(240,243,249,.04) 16%, rgba(240,243,249,.095) 48%, rgba(240,243,249,.085) 68%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, rgba(240,243,249,.075) 28%, rgba(240,243,249,.075) 70%, transparent 100%);
}

/* Effective final widths: prior rules were overriding the shorter values. */
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 1130px) !important; }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { width: calc(138vw - 1280px) !important; }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { width: calc(138vw - 1130px) !important; }
.what-rubalt-light-rays span:nth-child(4), .what-rubalt-panel-rays span:nth-child(4) { width: calc(138vw - 1130px) !important; }

/* Increase the on-panel white light without changing beam geometry. */
.what-rubalt-panel-rays { opacity: .85 !important; }
.what-rubalt-panel-rays span {
  background:
    linear-gradient(to right, transparent 0%, rgba(255,255,255,.14) 16%, rgba(255,255,255,.32) 48%, rgba(255,255,255,.28) 68%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, rgba(255,255,255,.22) 28%, rgba(255,255,255,.22) 70%, transparent 100%) !important;
  filter: blur(36px);
}

/* Keep the white light subtle and shorten each right end another 20px. */
.what-rubalt-panel-rays { opacity: .58 !important; }
.what-rubalt-panel-rays span {
  background:
    linear-gradient(to right, transparent 0%, rgba(255,255,255,.07) 16%, rgba(255,255,255,.18) 48%, rgba(255,255,255,.16) 68%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, rgba(255,255,255,.13) 28%, rgba(255,255,255,.13) 70%, transparent 100%) !important;
  filter: blur(42px);
}
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 1150px) !important; }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { width: calc(138vw - 1300px) !important; }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { width: calc(138vw - 1150px) !important; }
.what-rubalt-light-rays span:nth-child(4), .what-rubalt-panel-rays span:nth-child(4) { width: calc(138vw - 1150px) !important; }

/* Trim the visible right edge of every beam by another 50px. */
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 1200px) !important; }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { width: calc(138vw - 1350px) !important; }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { width: calc(138vw - 1200px) !important; }
.what-rubalt-light-rays span:nth-child(4), .what-rubalt-panel-rays span:nth-child(4) { width: calc(138vw - 1200px) !important; }

/* Extend each beam 60px farther to the right. */
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 1140px) !important; }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { width: calc(138vw - 1290px) !important; }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { width: calc(138vw - 1140px) !important; }
.what-rubalt-light-rays span:nth-child(4), .what-rubalt-panel-rays span:nth-child(4) { width: calc(138vw - 1140px) !important; }

/* Lengthen the beams; keep the first about 100px longer than the second. */
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 1090px) !important; }
.what-rubalt-light-rays span:nth-child(2), .what-rubalt-panel-rays span:nth-child(2) { width: calc(138vw - 1190px) !important; }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { width: calc(138vw - 1090px) !important; }
.what-rubalt-light-rays span:nth-child(4), .what-rubalt-panel-rays span:nth-child(4) { width: calc(138vw - 1090px) !important; }
.what-rubalt-light-rays { opacity: .32; }
.what-rubalt-panel-rays { opacity: .52 !important; }

/* Make the upper beam longer than the lower one and dim the rays another 10%. */
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 990px) !important; }
.what-rubalt-light-rays span:nth-child(3), .what-rubalt-panel-rays span:nth-child(3) { width: calc(138vw - 1190px) !important; }
.what-rubalt-light-rays { opacity: .29; }
.what-rubalt-panel-rays { opacity: .47 !important; }

/* Preserve the current beam shape, dim both layers another 10%, and extend only the top ray by 200px. */
.what-rubalt-light-rays { opacity: .26; }
.what-rubalt-panel-rays { opacity: .42 !important; }
.what-rubalt-light-rays span:nth-child(1), .what-rubalt-panel-rays span:nth-child(1) { width: calc(138vw - 790px) !important; }

/* Reduce ray visibility while preserving their geometry. */
.what-rubalt-light-rays { opacity: .22; }
.what-rubalt-panel-rays { opacity: .35 !important; }

/* Widen the existing rounded beams by 50px without altering their lengths or brightness. */
.what-rubalt-light-rays span,
.what-rubalt-panel-rays span { height: 230px; border-radius: 115px; }

/* A very subtle lift in the panel tone toward its top edge. */
.what-rubalt-panel {
  background: linear-gradient(to top, rgba(22,23,26,.84) 0%, rgba(25,26,30,.84) 55%, rgba(29,30,34,.84) 100%) !important;
  border: 0;
}

/* A faint, separate background ray that fades 50px before the panel begins. */
.what-rubalt-light-rays {
  top: calc(var(--top-black-gradient-start, 0px) - 200px);
  height: 250px;
  opacity: .10;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 58%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 58%, transparent 100%);
}
.what-rubalt-light-rays span:nth-child(n + 2) { display: none; }

/* Explicitly clear every card edge; retain the interior light layers. */
.market-feature-grid--below-image > .market-feature-card {
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
.market-feature-grid--below-image > .market-feature-card::before,
.market-feature-grid--below-image > .market-feature-card::after {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
.market-feature-grid--below-image > .market-feature-card {
  border: 0 !important;
  border-width: 0 !important;
  border-top: 2px solid rgba(255, 255, 255, .4) !important;
  border-bottom: 0 !important;
  background-clip: border-box !important;
}
.market-feature-grid--below-image > .market-feature-card::before,
.market-feature-grid--below-image > .market-feature-card::after {
  inset: 0 !important;
  border-radius: inherit !important;
}
.market-feature-grid--below-image > .market-feature-card:hover {
  scale: 1.02 !important;
  transition: scale .25s ease !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
.market-feature-grid--below-image > .market-feature-card:nth-child(2) .market-feature-actions > .btn-transfer:first-child,
.market-feature-grid--below-image > .market-feature-card:nth-child(2) .market-feature-actions > .btn-transfer:first-child:hover {
  background: #98989A !important;
  color: #fff !important;
}
.market-feature-grid--below-image > .market-feature-card:nth-child(2) .market-feature-actions > .btn-transfer {
  border-top: 2px solid rgba(255, 255, 255, .2) !important;
}
.market-feature-grid--below-image > .market-feature-card {
  transition: scale .25s ease !important;
  transform-origin: center center;
}
.market-feature-grid--below-image > .market-feature-card {
  background: linear-gradient(180deg, #414141 0%, #383838 30%, #2d2d2d 66%, #1b1b1b 100%) !important;
}
.market-feature-grid--below-image > .market-feature-card::after {
  background:
    radial-gradient(ellipse 175% 92% at 42% -10%, rgba(245, 247, 250, .36) 0%, rgba(220, 224, 231, .22) 34%, rgba(185, 190, 198, .10) 66%, transparent 100%),
    linear-gradient(180deg, rgba(235, 238, 243, .08) 0%, rgba(210, 214, 221, .035) 48%, transparent 88%);
}
.market-panel-content > .what-rubalt-copy {
  margin-top: 96px;
}
.market-panel-content > .what-rubalt-panel {
  margin-top: 100px;
}
.market-panel-content > .calculate-benefit-title {
  margin: 100px auto 0;
}
.market-panel-content > .what-rubalt-panel--benefits-copy {
  width: calc(100vw - 80px);
  height: 724px;
  padding: 0;
  border-radius: 40px;
}
.benefits-copy-title {
  position: relative;
  z-index: 5;
  margin: 0;
  padding: 40px 40px 0;
  color: rgba(248, 249, 252, .92);
  font-family: "OFont 10369", sans-serif;
  font-size: calc(clamp(16px, 1.4vw, 21px) + 5px);
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
}
.benefits-month-button {
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 44px;
  padding: 0 20px;
  border: 0;
  border-radius: 9999px;
  color: var(--text);
  background: rgba(255, 255, 255, .06);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  font: 400 calc(clamp(13px, 1vw, 15px) + 4px) "DM Sans", sans-serif;
  cursor: pointer;
}
.benefits-month-caret {
  display: block;
  width: 13px;
  height: 13px;
  color: currentColor;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.benefits-term-menu {
  position: absolute;
  top: 0;
  right: auto;
  transform: translateX(-50%);
  z-index: 30;
  display: grid;
  gap: 4px;
  width: 180px;
  max-height: 320px;
  padding: 8px;
  overflow-y: auto;
  border: 0;
  border-radius: 20px;
  background: rgba(255, 255, 255, .05);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  box-shadow: none;
  scrollbar-width: none;
  touch-action: pan-y;
}
.benefits-term-menu::-webkit-scrollbar { display: none; }
.benefits-term-menu[hidden] { display: none; }
.benefits-term-option {
  min-height: 40px;
  padding: 8px 14px;
  border: 2px solid transparent;
  border-radius: 12px;
  color: rgba(245, 245, 246, .72);
  background: transparent;
  font: 400 15px "DM Sans", sans-serif;
  text-align: center;
  cursor: pointer;
}
.benefits-term-option:hover { color: #fff; background: rgba(255, 255, 255, .08); }
.benefits-term-option[aria-selected="true"] {
  color: #fff;
  background: rgba(255, 255, 255, .2);
  border-color: rgba(255, 255, 255, .1);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.benefits-copy-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
  gap: 50px;
  position: relative;
  z-index: 5;
  margin: 25px 0 0;
  padding: 0;
  color: #DFDFDF;
  font-family: "DM Sans", sans-serif;
  font-size: calc(clamp(13px, 1vw, 15px) + 2px);
  font-weight: 400;
  line-height: 1.55;
  text-align: left;
}
.benefits-copy-row:not(:last-of-type)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -13px;
  left: 0;
  height: 1px;
  background: rgba(210, 212, 216, .45);
}
.benefits-copy-details {
  width: 430px;
  max-width: 100%;
  margin: 0;
}
.benefits-copy-value {
  flex: 0 0 auto;
  color: rgba(248, 249, 252, .92);
  font-family: "OFont 10369", sans-serif;
  font-size: clamp(16px, 1.4vw, 21px);
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
}
.benefits-copy-layout {
  position: absolute;
  top: calc(40px + 1.2em + 14px);
  right: 40px;
  left: 40px;
  z-index: 5;
  display: grid;
  grid-template-columns: max-content minmax(0, 510px);
  align-items: start;
  gap: 50px;
  font-size: calc(clamp(16px, 1.4vw, 21px) + 5px);
}
.benefits-copy-details {
  transform: none;
}
.benefits-copy-form {
  position: static;
  z-index: 5;
  display: flex;
  flex-direction: column;
  width: 100%;
  transform: translateY(calc(-1.2em - 14px));
}
.benefits-copy-form-label {
  display: block;
  margin: 0 0 -1px;
  color: #DFDFDF;
  font: 400 calc(clamp(13px, 1vw, 15px) + 2px)/1.55 "DM Sans", sans-serif;
}
.benefits-copy-input-shell {
  position: relative;
  box-sizing: border-box;
  min-height: 68px;
  padding: 7px 12px 4px;
  border: 0;
  border-radius: 14px;
  background: rgba(255, 255, 255, .08);
}
.benefits-copy-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  margin-top: 12px;
}
.benefits-copy-action {
  box-sizing: border-box;
  width: 100%;
  height: 61px;
  min-height: 61px;
  min-width: 0;
  padding-inline: 12px;
  border-top: 2px solid rgba(255, 255, 255, .2);
  white-space: nowrap;
}
.benefits-copy-actions .benefits-copy-action--register {
  border-radius: 25px 25px 20px 20px;
  background: #98989A;
}
.benefits-copy-actions .benefits-copy-action--register:hover {
  background: #98989A;
}
.benefits-copy-actions .benefits-copy-action--login {
  border-radius: 20px 20px 25px 25px;
  background: rgba(255, 255, 255, .2);
}
.benefits-copy-actions .benefits-copy-action--login:hover {
  background: rgba(255, 255, 255, .26);
}
.benefits-copy-disclaimer {
  margin: 12px 0 0;
  color: rgba(223, 223, 223, .68);
  font: 400 13px/1.5 "DM Sans", sans-serif;
}
.benefits-copy-disclaimer a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.benefits-copy-disclaimer-link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: default;
}
.benefits-copy-form-input {
  box-sizing: border-box;
  width: 100%;
  height: 28px;
  padding: 0 28px 0 0;
  color: rgba(248, 249, 252, .92);
  border: 0;
  border-radius: 0;
  outline: none;
  background: transparent;
  font: 400 clamp(16px, 1.4vw, 21px)/1.2 "OFont 10369", sans-serif;
  box-shadow: none;
}
.benefits-copy-form-input:focus {
  border: 0;
  outline: none;
  box-shadow: none;
}
.benefits-copy-input-wrap {
  position: relative;
  display: flex;
  height: 28px;
  align-items: center;
  border-bottom: 0;
  transform: translateY(-1px);
}
.benefits-copy-form-currency {
  position: absolute;
  top: 50%;
  left: calc(var(--deposit-text-width, 0px) + 5px);
  display: flex;
  align-items: center;
  line-height: 1;
  transform: translateY(-50%);
  color: rgba(248, 249, 252, .92);
  font: 400 clamp(16px, 1.4vw, 21px)/1.2 "OFont 10369", sans-serif;
  pointer-events: none;
}
.benefits-copy-form-hint {
  position: absolute;
  top: 7px;
  right: 12px;
  color: rgba(223, 223, 223, .72);
  font: 400 calc(clamp(13px, 1vw, 15px) + 2px)/1.55 "DM Sans", sans-serif;
}
.benefits-income-chart {
  position: absolute;
  top: 250px;
  right: 40px;
  left: 40px;
  z-index: 5;
  display: flex;
  height: 330px;
  box-sizing: border-box;
  align-items: stretch;
  gap: 7px;
  padding-inline: 1px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  touch-action: pan-x;
  cursor: grab;
  user-select: none;
}
.benefits-income-chart.is-dragging { cursor: grabbing; }
.benefits-income-chart::-webkit-scrollbar { display: none; }
.benefits-income-chart-empty { display: none; }
.benefits-income-month.is-inactive .benefits-income-month-bar { display: none; }
.benefits-income-month {
  position: relative;
  flex: 0 0 auto;
  width: 84px;
  min-width: 0;
  height: 100%;
  text-align: center;
  cursor: pointer;
}
.benefits-income-month-value {
  position: absolute;
  right: -5px;
  bottom: calc(27px + var(--chart-bar-bottom, 0px) + 42% + 20px - 2px);
  left: -5px;
  overflow: visible;
  color: rgba(238, 240, 244, .82);
  font: 400 calc(clamp(9px, .78vw, 12px) + 5px)/1.2 "DM Sans", sans-serif;
  text-overflow: clip;
  white-space: nowrap;
}
.benefits-income-month-bar {
  position: absolute;
  right: 0;
  bottom: calc(22px + var(--chart-bar-bottom, 0px));
  left: 0;
  width: 100%;
  height: calc(42% + 20px);
  margin: auto;
  border-radius: 4px 4px 0 0;
  border: 0;
  background: linear-gradient(180deg, transparent 0, transparent 14px, rgba(245, 247, 250, .3) 14px, rgba(220, 224, 231, .14) 48%, rgba(220, 224, 231, 0) 100%);
  box-shadow: none;
}
.benefits-income-month-bar::before {
  content: "";
  position: absolute;
  top: 7px;
  right: -.5px;
  left: -.5px;
  height: 10px;
  z-index: 2;
  border: 0;
  border-radius: 999px;
  background: #6e7073;
}
.benefits-income-month-label {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
  min-width: 0;
  overflow: visible;
  color: rgba(223, 225, 230, .68);
  font: 400 calc(clamp(13px, 1vw, 15px) + 2px)/1.55 "DM Sans", sans-serif;
  text-align: center;
  white-space: pre-line;
}
.benefits-income-months {
  position: absolute;
  top: 630px;
  right: 40px;
  left: 40px;
  z-index: 5;
  display: flex;
  height: 54px;
  gap: 7px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  touch-action: pan-x;
}
.benefits-income-months::-webkit-scrollbar { display: none; }
.benefits-income-month.is-current-month .benefits-income-month-value {
  bottom: calc(27px + var(--chart-bar-bottom, 0px) + 42% + 20px - 5px);
  right: auto;
  left: 50%;
  width: max-content;
  max-width: calc(100% + 20px);
  padding: 15px;
  border-radius: 20px;
  color: #fff;
  background: linear-gradient(180deg, #258d50 0%, #36ad63 52%, #5bd985 100%);
  transform: translateX(-50%);
}
.benefits-income-month.is-current-month .benefits-income-month-bar {
  bottom: calc(22px + var(--chart-bar-bottom, 0px));
  background: linear-gradient(180deg, transparent 0, transparent 14px, rgba(155, 241, 187, .58) 14px, rgba(72, 173, 115, .62) 62%, rgba(16, 49, 33, 0) 100%);
  box-shadow: none;
}
.benefits-income-month.is-current-month .benefits-income-month-bar::before {
  background: #58d782;
}
.benefits-income-month.is-flat .benefits-income-month-bar { bottom: 22px; }
.benefits-income-month.is-flat .benefits-income-month-value { bottom: calc(27px + 42% + 20px - 2px); }
.benefits-income-month.is-flat.is-current-month .benefits-income-month-bar { bottom: 22px; }
.benefits-income-month.is-flat.is-current-month .benefits-income-month-value { bottom: calc(27px + 42% + 20px - 2px); }
@media (max-width: 600px) {
  .market-panel-content > .what-rubalt-panel--benefits-copy { height: 884px; min-height: 884px; }
  .benefits-copy-layout {
    top: calc(40px + 1.2em + 14px);
    grid-template-columns: minmax(0, 1fr);
    gap: 35px;
  }
  .benefits-copy-details { width: 100%; }
  .benefits-copy-row { gap: 20px; }
  .benefits-copy-form {
    width: auto;
    transform: none;
  }
  .benefits-income-chart {
    top: 420px;
    right: 40px;
    left: 40px;
    height: 320px;
    gap: 7px;
  }
  .benefits-income-months { top: 790px; right: 40px; left: 40px; }
  .benefits-income-month-value { font-size: 14px; }
}
@media (min-width: 1801px) {
  .market-panel-content > .what-rubalt-panel--benefits-copy {
    width: min(1720px, calc(100vw - 400px));
  }
}
.site-footer {
  margin-top: 100px !important;
  overflow: hidden;
  border-radius: 50px 50px 0 0;
  background: linear-gradient(to top, rgba(22, 23, 26, .84) 0%, rgba(25, 26, 30, .84) 55%, rgba(29, 30, 34, .84) 100%) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
}
.site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(ellipse 52% 88% at 100% 24%, rgba(240, 243, 249, .1) 0%, rgba(210, 215, 225, .055) 36%, rgba(170, 178, 192, .025) 62%, transparent 84%),
    radial-gradient(ellipse 105% 76% at 50% 0%, rgba(240, 243, 249, .07) 0%, rgba(210, 215, 225, .035) 38%, transparent 82%),
    linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .015) 42%, transparent 78%);
}
.site-footer::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: -4%;
  left: auto;
  width: 100%;
  z-index: 0;
  border-radius: inherit;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 300px 100%, 0 calc(100% - 300px));
  pointer-events: none;
  opacity: .76;
  mix-blend-mode: screen;
  filter: blur(15px);
  background:
    linear-gradient(135deg, transparent 20%, rgba(238, 242, 250, .01) 29%, rgba(245, 247, 251, .04) 39%, rgba(248, 249, 252, .075) 47%, rgba(240, 243, 249, .045) 56%, rgba(238, 242, 250, .012) 66%, transparent 77%) right top / 520px 145% no-repeat,
    linear-gradient(135deg, transparent 20%, rgba(238, 242, 250, .01) 29%, rgba(245, 247, 251, .035) 39%, rgba(248, 249, 252, .065) 47%, rgba(240, 243, 249, .04) 56%, rgba(238, 242, 250, .01) 66%, transparent 77%) right 330px top / 500px 145% no-repeat;
}
.site-footer-inner {
  position: relative;
  z-index: 1;
}
.site-footer-social {
  background: rgba(255, 255, 255, .05) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
}
.site-footer-social img {
  transform: translate(-2px, 1px);
}
.bg-wrapper::before {
  display: block;
  inset: auto 0 0;
  height: 1100px;
  opacity: .68;
  filter: blur(18px);
  mix-blend-mode: screen;
  background:
    linear-gradient(135deg, transparent 20%, rgba(238, 242, 250, .008) 29%, rgba(245, 247, 251, .045) 39%, rgba(248, 249, 252, .08) 47%, rgba(240, 243, 249, .05) 56%, rgba(238, 242, 250, .01) 66%, transparent 77%) right bottom / 680px 100% no-repeat,
    linear-gradient(135deg, transparent 20%, rgba(238, 242, 250, .008) 29%, rgba(245, 247, 251, .04) 39%, rgba(248, 249, 252, .07) 47%, rgba(240, 243, 249, .045) 56%, rgba(238, 242, 250, .008) 66%, transparent 77%) right 420px bottom / 640px 100% no-repeat;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .32) 30%, rgba(0, 0, 0, .86) 74%, #000 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .32) 30%, rgba(0, 0, 0, .86) 74%, #000 100%);
}
.site-footer-actions { padding-bottom: 0; }
.site-footer-bottom { padding-top: 20px; }
.top-black-fade {
  position: absolute;
  inset: 0 0 auto;
  height: var(--top-black-fade-end, 1800px);
  pointer-events: none;
  background:
    radial-gradient(ellipse 260% 220% at 50% -12%, #000 0%, #000 44%, rgba(0, 0, 0, .98) 58%, rgba(0, 0, 0, .84) 74%, rgba(0, 0, 0, .48) 90%, transparent 100%),
    radial-gradient(ellipse 125% 76% at 9% 20%, rgba(0, 0, 0, .22) 0%, transparent 100%),
    radial-gradient(ellipse 135% 82% at 91% 33%, rgba(0, 0, 0, .20) 0%, transparent 100%);
}
.site-header .header-inner {
  position: relative;
  justify-content: space-between;
}
.site-header .main-nav {
  width: auto;
  margin: 0;
  flex: 0 0 auto;
}
.site-header .header-actions { margin-left: auto; }
.site-header .header-inner { padding-left: 20px; }
.site-header .language-switcher { gap: 8px; }
.site-header .language-home-logo { gap: 10px; margin-right: 13px; }
.site-header .language-logo { display: block; width: 42px; height: 42px; object-fit: contain; }
.site-header .language-home-logo span { color: #f5f6f8; font: 400 22px/.9 "Woblen", sans-serif; letter-spacing: .02em; white-space: nowrap; transform: translate(3px, 4px); }
.site-header .language-divider { position: relative; left: -1px; width: 1px; height: 22px; margin: 0 12px 0 2px; flex: 0 0 1px; align-self: center; background: rgba(255, 255, 255, .32); }
.site-header .exchange-nav-link { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 44px; margin-left: 12px; padding: 0 20px; border: 2px solid rgba(255,255,255,.1); border-radius: 9999px; color: #fff; background: rgba(255,255,255,.2); font: 400 calc(clamp(13px, 1vw, 15px) + 4px) "DM Sans", sans-serif; line-height: 1.2; white-space: nowrap; text-decoration: none; transition: transform .16s ease, background .2s ease, border-color .2s ease; }
.site-header .exchange-nav-link:hover,
.site-header .exchange-nav-link:focus-visible { color: #fff; background: rgba(255,255,255,.26); border-color: rgba(255,255,255,.1); outline: none; }
.site-header .exchange-nav-link:active { transform: scale(.975); }
.site-header .language-trigger,
.site-header .exchange-nav-link,
.site-header .header-actions .ghost-button,
.site-header .header-actions .primary-button.compact { align-items: center; justify-content: center; line-height: 1; }
.site-header .header-actions .ghost-button > span,
.site-header .header-actions .primary-button.compact > span { transform: none; }
.site-header .language-trigger,
.site-header .exchange-nav-link,
.site-header .header-actions .ghost-button { font: 400 calc(clamp(13px, 1vw, 15px) + 4px)/1 "DM Sans", sans-serif; }
@media (max-width: 600px) {
  .site-header .main-nav { display: flex; }
  .site-header .header-inner { padding-left: 12px; }
  .site-header .language-logo { width: 36px; height: 36px; }
  .site-header .language-home-logo { margin-right: 16px; }
  .site-header .language-divider { height: 22px; margin-right: 12px; }
  .site-header .language-home-logo span { font-size: 17px; transform: translateY(3px); }
  .site-header .exchange-nav-link { font-size: calc(clamp(13px, 1vw, 15px) + 4px); }
}

.site-header .header-inner { padding-left: 25px; }

.site-footer-brand img { width: 42px; height: 42px; }
.site-footer-brand span { font-size: 22px; }
@media (max-width: 600px) { .site-footer-brand img { width: 36px; height: 36px; } }

.benefits-income-month-bar {
  opacity: .22;
  transform: scaleY(.08);
  transform-origin: center bottom;
  transition: transform .62s cubic-bezier(.2,.72,.22,1), opacity .48s ease;
  transition-delay: var(--chart-sequence-delay, 0ms);
}
.benefits-income-month.is-chart-visible .benefits-income-month-bar {
  opacity: 1;
  transform: scaleY(1);
}
.benefits-income-month.is-chart-sinking .benefits-income-month-bar {
  opacity: 0;
  transform: translateY(18px) scaleY(.08);
}
.benefits-income-month-value {
  opacity: 0;
  translate: 0 10px;
  transition: opacity .42s ease, translate .55s cubic-bezier(.2,.72,.22,1);
  transition-delay: var(--chart-sequence-delay, 0ms);
}
.benefits-income-month.is-chart-visible .benefits-income-month-value {
  opacity: 1;
  translate: 0 0;
}
.benefits-income-month.is-chart-sinking .benefits-income-month-value {
  opacity: 0;
  translate: 0 18px;
}
@media (prefers-reduced-motion: reduce) {
  .benefits-income-month-bar,
  .benefits-income-month-value { transition: none; }
}

.market-feature-actions .btn-transfer:hover .icon,
.benefits-copy-actions .btn-transfer:hover .icon {
  transform: translateY(-1px) !important;
}
/* Glass-style page scrollbar: silver thumb over the translucent blurred canopy track. */
html,
body {
  scrollbar-width: thin;
  scrollbar-color: rgba(211, 216, 225, .62) rgba(255, 255, 255, .05);
  -ms-overflow-style: auto;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: block;
  width: 12px;
  height: 12px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  border-radius: 999px;
  background: rgba(255, 255, 255, .05);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  min-height: 36px;
  border: 3px solid transparent;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(238, 241, 247, .78), rgba(164, 170, 182, .62)) content-box;
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(250, 251, 253, .92), rgba(195, 200, 210, .82)) content-box;
}

/* Silver ink impression above CRYPTO; normal text remains accessible. */
.hero .demo-stamp {
  position: absolute; top: -30px; left: 50%; z-index: 5;
  transform: translateX(-50%) rotate(-9deg);
  color: #c5ced3; border: 4px double currentColor; border-radius: 9px;
  padding: 5px 23px 2px; font: 800 clamp(30px, 4.2vw, 64px)/1.05 "KONSTRUKT", sans-serif;
  letter-spacing: .15em; text-indent: .15em; opacity: .82;
  text-shadow: 1px 1px 0 #161a1e; box-shadow: inset 0 0 0 2px #b9c4cc55;
  background: repeating-linear-gradient(172deg, transparent 0 7px, #13191f33 7px 8px);
  pointer-events: none; user-select: none;
}
.hero .demo-stamp::after {
  content: ""; position: absolute; inset: -3px; border-radius: inherit;
  background: repeating-linear-gradient(17deg, transparent 0 9px, #10171f66 9px 10px);
  opacity: .55;
}
@media (max-width: 767px) {
  .hero .demo-stamp { top: 6px; padding: 4px 16px 1px; border-width: 3px; }
}
.benefits-income-month.is-inactive .benefits-income-month-value { visibility: hidden; }

/* About page and low-key shared footer notice; homepage visuals unchanged. */
.footer-demo-notice { max-width: 1100px; margin: 22px auto 0; padding: 0 24px 24px; color: #95999f; font: 400 12px/1.6 "DM Sans", sans-serif; text-align: center; }
[data-localized] { visibility: hidden; }
.i18n-ready [data-localized] { visibility: visible; }
.about-page { background: #0c0d0f; color: #e8eaed; }
.about-main { padding-top: 160px; padding-bottom: 64px; }
.about-card { max-width: 1040px; margin: 0 auto; padding: clamp(24px, 5vw, 64px); border: 1px solid #ffffff16; border-radius: 32px; background: linear-gradient(135deg,#2a2b2e,#161719); }
.about-card h1,.about-card h2 { font-family: "OFont 10369", "DM Sans", sans-serif; font-weight: 400; }
.about-card h1 { font-size: clamp(32px,4vw,52px); margin: 0 0 28px; }
.about-card h2 { font-size: clamp(25px,3vw,34px); margin: 40px 0 18px; }
.about-card h3 { font: 600 20px/1.4 "DM Sans",sans-serif; margin: 26px 0 10px; }
.about-card p,.about-card li { font: 400 17px/1.75 "DM Sans",sans-serif; color: #c6c9cf; }
.about-card p { margin: 0 0 16px; }
.about-card ul { padding-left: 24px; }
.about-card li { margin-bottom: 10px; }
.about-page .site-footer { position: relative; inset: auto; }
@media(max-width:600px) {
 .about-page .site-header .header-inner { flex-wrap: wrap; gap: 14px; padding: 12px; }
 .about-page .site-header { position: relative; top: auto; left: auto; right: auto; width: 100%; }
 .about-page .site-header .main-nav { width: 100%; }
 .about-page .header-actions { position: static; margin-left: 0; display: flex; flex-wrap: wrap; }
 .about-page .main-nav .language-switcher { max-width: 100%; gap: 6px; }
 .about-page .exchange-nav-link { padding: 9px 12px; }
 .about-main { width: calc(100% - 24px); padding-top: 24px; padding-bottom: 32px; }
 .about-card { border-radius: 24px; }
 .about-card p,.about-card li { font-size: 16px; }
 .about-page .site-footer-legal { flex-wrap: wrap; }
}

@media(max-width:600px) { .about-page .site-header .header-inner { height: auto; min-height: 112px; } }

@media(max-width:600px) { .about-page .site-header .language-home-logo { margin-right: 4px; } .about-page .site-header .language-divider { margin-right: 4px; } .about-page .site-header .language-home-logo span { font-size: 15px; } .about-page .site-header .language-logo { width: 28px; height: 28px; } .about-page .site-header .language-trigger,.about-page .site-header .exchange-nav-link { font-size: 14px; } }