.s6-shell {
--navy: #020a1d;
--purple: #6946df;
--violet: #9d83ff;
--orchid: #ef79fb;
--cyan: #70e6ff;
--text: #f7f8fc;
--muted: #b3bed1;
min-height: 100vh;
background: #010817;
color: var(--text);
font-family: Inter, Aptos, "Helvetica Neue", Arial, sans-serif
}

.s6-shell * {
box-sizing: border-box
}

.s6-shell a {
text-decoration: none;
color: inherit
}

.s6-shell button {
font: inherit
}

.s6-stage {
position: relative;
width: min(1920px, 100%);
min-height: 100vh;
margin: auto;
overflow: hidden;
background: linear-gradient(118deg, #020919 0%, #07152f 48%, #170a39 100%)
}

.s6-header {
position: absolute;
z-index: 50;
top: 0;
left: 50%;
width: min(1440px, calc(100% - 80px));
height: 96px;
display: flex;
align-items: center;
gap: 28px;
border-bottom: 1px solid rgba(255, 255, 255, .1);
transform: translateX(-50%)
}

.s6-brand {
width: 188px;
flex: 0 0 auto;
display: flex
}

.s6-brand img {
width: 100%;
height: auto;
filter: brightness(0) invert(1)
}

.s6-nav {
height: 100%;
margin-left: auto;
display: flex;
align-items: stretch;
gap: 2px
}

.s6-navitem {
height: 100%;
display: flex;
align-items: center
}

.s6-navitem>.s6-nav-parent {
height: 100%;
padding: 0 13px;
display: flex;
align-items: center;
gap: 7px;
border: 0;
background: none;
color: #dbe2ee;
font-size: 15px;
font-weight: 650;
cursor: pointer;
text-decoration: none;
white-space: nowrap;
transition: color .2s
}

.s6-navitem>.s6-nav-parent:hover,
.s6-navitem:focus-within>.s6-nav-parent {
color: #fff
}

.s6-navitem>.s6-nav-parent svg {
width: 15px;
transition: transform .22s
}

.s6-navitem:hover>.s6-nav-parent svg,
.s6-navitem:focus-within>.s6-nav-parent svg {
transform: rotate(180deg)
}

.s6-mega {
position: absolute;
top: 95px;
left: 50%;
width: min(1280px, calc(100vw - 80px));
height: 410px;
padding: 16px;
display: grid;
grid-template-columns: 330px minmax(0, 1fr);
grid-template-rows: 54px minmax(0, 1fr);
gap: 12px;
box-sizing: border-box;
border: 1px solid rgba(146, 130, 255, .25);
border-radius: 26px;
background: rgba(4, 13, 34, .98);
box-shadow: 0 36px 90px rgba(0, 0, 0, .48);
backdrop-filter: blur(24px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translate(-50%, 12px);
transition: opacity .18s, transform .18s, visibility .18s
}

.s6-mega::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -18px;
height: 20px
}

.s6-navitem:hover .s6-mega,
.s6-navitem:focus-within .s6-mega {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translate(-50%, 0)
}

.s6-mega-primary-cta {
grid-column: 2;
grid-row: 1;
display: grid;
grid-template-columns: auto minmax(0, 1fr) 18px;
align-items: center;
gap: 14px;
min-height: 54px;
padding: 0 18px;
border: 1px solid rgba(112, 230, 255, .24);
border-radius: 14px;
background: linear-gradient(110deg, rgba(76, 207, 236, .12), rgba(127, 108, 241, .16));
color: #fff;
box-shadow: inset 0 1px rgba(255, 255, 255, .08);
transition: background .18s ease, border-color .18s ease, box-shadow .18s ease
}

.s6-mega-primary-cta>span {
color: #8eeaff;
font-size: 14px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase
}

.s6-mega-primary-cta>strong {
font-size: 15px;
font-weight: 750
}

.s6-mega-primary-cta>svg {
width: 18px;
color: #8eeaff;
transition: transform .18s ease
}

.s6-mega-primary-cta:hover,
.s6-mega-primary-cta:focus-visible {
border-color: #70e6ff;
background: linear-gradient(110deg, rgba(76, 207, 236, .2), rgba(127, 108, 241, .24));
box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 10px 28px rgba(4, 15, 38, .26)
}

.s6-mega-primary-cta:focus-visible {
outline: 3px solid rgba(112, 230, 255, .72);
outline-offset: 3px
}

.s6-mega-primary-cta:hover>svg,
.s6-mega-primary-cta:focus-visible>svg {
transform: translateX(3px)
}

.s6-mega aside {
grid-column: 1;
grid-row: 1 / -1;
min-height: 0;
padding: 26px;
display: flex;
flex-direction: column;
border: 1px solid rgba(255, 255, 255, .1);
border-radius: 19px;
background: radial-gradient(circle at 90% 0, rgba(157, 131, 255, .36), transparent 38%), linear-gradient(145deg, #0b1d42, #24104b)
}

.s6-mega-category-icon {
display: grid;
place-items: center;
width: 52px;
height: 52px;
border: 1px solid rgba(112, 230, 255, .3);
border-radius: 16px;
background: linear-gradient(145deg, rgba(112, 230, 255, .14), rgba(157, 131, 255, .18));
color: #8eeaff;
box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 12px 30px rgba(2, 9, 26, .22)
}

.s6-mega-category-icon svg {
width: 25px;
height: 25px
}

.s6-mega-category-label {
margin-top: 22px;
font-size: 14px;
font-weight: 750;
color: #a99cff
}

.s6-mega aside h2 {
max-width: 260px;
margin: 20px 0 0;
font-size: 31px;
line-height: 1.06;
letter-spacing: -.04em
}

.s6-mega-links {
grid-column: 2;
grid-row: 2;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: minmax(0, 1fr);
gap: 10px
}

.s6-mega-links>a {
min-height: 88px;
padding: 14px 18px;
display: grid;
grid-template-columns: 38px 1fr 18px;
align-items: center;
gap: 14px;
border: 1px solid rgba(255, 255, 255, .1);
border-radius: 15px;
background: rgba(255, 255, 255, .035);
transition: background .18s, border-color .18s, transform .18s
}

.s6-mega-links>a:hover {
background: rgba(157, 131, 255, .1);
border-color: rgba(157, 131, 255, .4);
transform: translateY(-2px)
}

.s6-mega-links>a>span {
width: 38px;
height: 38px;
display: grid;
place-items: center;
border-radius: 11px;
background: rgba(157, 131, 255, .13);
color: #bbb1ff;
font-size: 14px;
font-weight: 750
}

.s6-mega-links strong,
.s6-mega-links small {
display: block
}

.s6-mega-links strong {
font-size: 16px
}

.s6-mega-links small {
margin-top: 6px;
color: #909db4;
font-size: 14px;
line-height: 1.35
}

.s6-mega-links>a>svg {
width: 16px;
color: #9184ef
}

.s6-head-actions {
display: flex;
align-items: center;
gap: 15px
}

.s6-language {
height: 44px;
padding: 4px 5px 4px 11px;
display: flex;
align-items: center;
gap: 3px;
border: 1px solid rgba(255, 255, 255, .16);
border-radius: 999px;
background: rgba(255, 255, 255, .045)
}

.s6-language>svg {
width: 17px;
margin-right: 4px;
color: #aeb9ca
}

.s6-language button {
height: 34px;
padding: 0 9px;
border: 0;
border-radius: 999px;
background: transparent;
color: #abb6c8;
font-size: 14px;
font-weight: 700;
cursor: pointer
}

.s6-language button.active {
background: #fff;
color: #101b33
}

.s6-language>span {
width: 1px;
height: 17px;
background: rgba(255, 255, 255, .12)
}

.s6-login {
font-size: 15px;
font-weight: 650;
white-space: nowrap
}

.s6-cta {
min-height: 56px;
padding: 0 23px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 14px;
border: 1px solid transparent;
border-radius: 13px;
background: linear-gradient(115deg, #f7f8ff, #d7d9ff);
color: #111a35 !important;
font-size: 16px;
font-weight: 750;
box-shadow: 0 14px 36px rgba(113, 83, 232, .26);
transition: transform .2s, box-shadow .2s, background .2s
}

.s6-cta svg {
width: 19px;
transition: transform .2s
}

.s6-cta:hover {
transform: translateY(-2px);
box-shadow: 0 19px 40px rgba(113, 83, 232, .38)
}

.s6-cta:hover svg {
transform: translate(2px, -2px)
}

.s6-cta-small {
min-height: 46px;
padding: 0 17px;
font-size: 14px;
white-space: nowrap
}

.s6-cta-ghost {
border-color: rgba(255, 255, 255, .22);
background: rgba(255, 255, 255, .045);
color: #fff !important;
box-shadow: none
}

.s6-cta-ghost:hover {
background: rgba(255, 255, 255, .1);
box-shadow: none
}

.s6-menu {
display: none;
width: 46px;
height: 46px;
border: 1px solid rgba(255, 255, 255, .17);
border-radius: 12px;
background: rgba(255, 255, 255, .05);
cursor: pointer
}

.s6-menu span {
display: block;
width: 20px;
height: 2px;
margin: 6px auto;
background: #fff
}

.s6-mobile {
display: none
}

.s6-hero {
position: relative;
min-height: 100vh;
padding: 128px 0 112px;
display: flex;
align-items: center
}

.s6-hero-backdrop {
z-index: 0;
object-fit: cover;
object-position: center right;
opacity: .78
}

.s6-hero-shade {
position: absolute;
z-index: 1;
inset: 0;
background: linear-gradient(90deg, #020919 0%, rgba(2, 9, 25, .98) 24%, rgba(2, 9, 25, .82) 46%, rgba(2, 9, 25, .17) 76%), linear-gradient(0deg, rgba(1, 7, 20, .98) 0%, transparent 22%, transparent 80%, rgba(2, 9, 25, .38) 100%), radial-gradient(circle at 67% 44%, rgba(110, 72, 220, .18), transparent 38%)
}

.s6-hero-inner {
position: relative;
z-index: 3;
width: min(1440px, calc(100% - 80px));
margin: auto;
display: grid;
grid-template-columns: minmax(0, .94fr) minmax(520px, 1.06fr);
gap: 66px;
align-items: center
}

.s6-hero-copy {
padding-top: 22px
}

.s6-home {
--rg-type-display-h1: 82px;
--rg-leading-display-h1: 1em
}

.s6-shell[lang].s6-home .s6-hero .s6-eyebrow {
color: var(--cyan)
}

.s6-home .s6-hero h1>.rg-animated-gradient-text {
display: block
}

@media (min-width: 1181px) {
.s6-home .s6-hero-copy {
position: relative;
z-index: 4
}

.s6-home .s6-hero h1>.rg-heading-line {
white-space: nowrap
}
}

.s6-eyebrow {
display: flex;
align-items: center;
gap: 11px;
color: #d2d8e7;
font-size: 15px;
font-weight: 650
}

.s6-eyebrow svg {
width: 22px;
color: var(--cyan)
}

.s6-hero h1 {
max-width: 760px;
margin: 29px 0 25px;
font-size: clamp(68px, 5.6vw, 96px);
line-height: .92;
letter-spacing: -.062em;
font-weight: 760
}

.s6-hero-copy>p {
max-width: 650px;
margin: 0;
color: #b8c2d3;
font-size: 19px;
line-height: 1.62
}

.s6-actions {
display: flex;
gap: 13px;
margin-top: 34px
}

.s6-benefits {
max-width: 690px;
margin-top: 45px;
padding-top: 26px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
border-top: 1px solid rgba(255, 255, 255, .12)
}

.s6-benefits>div {
display: flex;
align-items: center;
gap: 12px
}

.s6-benefits svg {
width: 24px;
flex: 0 0 auto;
color: #7ee7fc
}

.s6-benefits p,
.s6-benefits strong,
.s6-benefits span {
display: block;
margin: 0
}

.s6-benefits strong {
font-size: 16px
}

.s6-benefits span {
margin-top: 4px;
color: #97a5bb;
font-size: 14px
}

.s6-visual {
position: relative;
min-width: 0;
perspective: 1200px
}

.s6-market-card {
--rx: 0deg;
--ry: 0deg;
position: relative;
width: 100%;
max-width: 690px;
margin-left: auto;
padding: 29px;
border: 1px solid rgba(142, 218, 255, .26);
border-radius: 29px;
background: linear-gradient(150deg, rgba(23, 43, 75, .9), rgba(5, 17, 40, .93) 55%, rgba(34, 13, 62, .93));
box-shadow: 0 44px 100px rgba(0, 0, 0, .46), inset 0 1px rgba(255, 255, 255, .09);
backdrop-filter: blur(20px);
transform: rotateX(var(--rx)) rotateY(var(--ry));
transform-style: preserve-3d;
transition: transform .14s ease-out
}

.s6-market-card:before {
content: "";
position: absolute;
inset: -1px;
border-radius: inherit;
background: radial-gradient(circle at 80% 0, rgba(112, 230, 255, .17), transparent 30%), radial-gradient(circle at 5% 95%, rgba(239, 121, 251, .15), transparent 28%);
pointer-events: none
}

.s6-card-top {
position: relative;
display: grid;
grid-template-columns: 50px 1fr auto;
gap: 14px;
align-items: center
}

.s6-metal-mark {
width: 50px;
height: 50px;
display: grid;
place-items: center;
border-radius: 50%;
background: linear-gradient(145deg, #ffd85d, #e89b21);
color: #4d3511;
font-size: 15px;
font-weight: 850
}

.s6-card-top>div:nth-child(2) strong,
.s6-card-top>div:nth-child(2) span,
.s6-change strong,
.s6-change span {
display: block
}

.s6-card-top>div:nth-child(2) strong {
font-size: 20px
}

.s6-card-top>div:nth-child(2) span {
margin-top: 5px;
color: #95a5bd;
font-size: 14px
}

.s6-change {
padding: 11px 14px;
border: 1px solid rgba(91, 230, 196, .2);
border-radius: 13px;
background: rgba(44, 194, 155, .08);
text-align: right
}

.s6-change strong {
color: #65dfbd;
font-size: 16px
}

.s6-change span {
margin-top: 5px;
color: #88aaac;
font-size: 14px
}

.s6-card-price {
position: relative;
margin-top: 28px
}

.s6-card-price span,
.s6-card-price strong {
display: block
}

.s6-card-price span {
color: #90a0b7;
font-size: 14px
}

.s6-card-price strong {
margin-top: 3px;
font-size: 43px;
letter-spacing: -.04em
}

.s6-market-line {
position: relative;
width: 100%;
height: auto;
margin: 13px 0 0;
overflow: visible
}

.s6-chart-grid path {
fill: none;
stroke: rgba(255, 255, 255, .07);
stroke-width: 1
}

.s6-chart-area {
fill: url(#s6area)
}

.s6-chart-path {
fill: none;
stroke: url(#s6line);
stroke-width: 6;
stroke-linecap: round;
stroke-linejoin: round
}

.s6-timeframe {
position: relative;
margin-top: 2px;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 8px
}

.s6-timeframe button {
min-height: 38px;
border: 0;
border-radius: 10px;
background: transparent;
color: #7f8da4;
font-size: 14px;
font-weight: 700;
cursor: pointer
}

.s6-timeframe button.active {
background: rgba(112, 230, 255, .1);
color: #b9f2ff
}

.s6-card-metrics {
position: relative;
margin-top: 15px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 9px
}

.s6-card-metrics>div {
padding: 13px 14px;
border: 1px solid rgba(255, 255, 255, .1);
border-radius: 13px;
background: rgba(255, 255, 255, .045);
text-align: center
}

.s6-card-metrics span,
.s6-card-metrics strong {
display: block
}

.s6-card-metrics span {
color: #8493aa;
font-size: 14px
}

.s6-card-metrics strong {
margin-top: 6px;
font-size: 15px
}

.s6-card-metric-link {
color: inherit;
display: block;
text-decoration: none
}

.s6-card-metric-link:hover strong,
.s6-card-metric-link:focus-visible strong {
text-decoration: underline;
text-underline-offset: 3px
}

.s6-card-metric-link:focus-visible {
border-radius: 4px;
outline: 2px solid #70e6ff;
outline-offset: 3px
}

.s6-provider {
position: relative;
margin-top: 13px;
padding: 12px;
display: grid;
grid-template-columns: 58px 1fr auto;
gap: 13px;
align-items: center;
border: 1px solid rgba(255, 255, 255, .12);
border-radius: 16px;
background: rgba(255, 255, 255, .055);
transition: background .2s, border-color .2s
}

.s6-provider:hover {
background: rgba(157, 131, 255, .1);
border-color: rgba(157, 131, 255, .35)
}

.s6-provider>img {
width: 58px;
height: 58px;
object-fit: cover;
object-position: center 25%;
border-radius: 13px
}

.s6-provider>div span,
.s6-provider>div strong {
display: block
}

.s6-provider>div span {
color: #9789e8;
font-size: 14px;
font-weight: 750
}

.s6-provider>div strong {
margin-top: 6px;
font-size: 14px
}

.s6-provider-link {
display: flex;
align-items: center;
gap: 8px;
color: #b8c2d4;
font-size: 14px;
font-weight: 650;
white-space: nowrap
}

.s6-provider-link svg {
width: 17px;
color: #71e1fa
}

.s6-ticker-wrap {
position: absolute;
z-index: 6;
left: 50%;
bottom: 24px;
width: min(1440px, calc(100% - 80px));
height: 76px;
display: grid;
grid-template-columns: 190px 1fr;
border: 1px solid rgba(255, 255, 255, .15);
border-radius: 17px;
background: rgba(4, 13, 34, .88);
box-shadow: 0 24px 54px rgba(0, 0, 0, .3);
backdrop-filter: blur(22px);
overflow: hidden;
transform: translateX(-50%)
}

.s6-ticker-label {
padding: 0 21px;
display: flex;
align-items: center;
gap: 12px;
border-right: 1px solid rgba(255, 255, 255, .12)
}

.s6-ticker-label>svg {
width: 24px;
color: #79e4fb
}

.s6-ticker-label strong,
.s6-ticker-label span {
display: block
}

.s6-ticker-label strong {
font-size: 14px
}

.s6-ticker-label span {
margin-top: 4px;
color: #7f8fa8;
font-size: 14px
}

.s6-ticker-window {
min-width: 0;
overflow: hidden
}

.s6-ticker-track {
width: max-content;
height: 100%;
display: flex;
animation: s6Ticker 34s linear infinite
}

.s6-ticker-window:hover .s6-ticker-track {
animation-play-state: paused
}

.s6-tick {
width: 205px;
padding: 0 20px;
display: grid;
grid-template-columns: 1fr 52px;
grid-template-rows: auto auto;
align-content: center;
column-gap: 13px;
border-right: 1px solid rgba(255, 255, 255, .08)
}

.s6-tick>div:first-child {
display: flex;
align-items: baseline;
gap: 9px
}

.s6-tick strong {
font-size: 14px
}

.s6-tick span {
color: #8e9cb1;
font-size: 14px
}

.s6-tick>b {
grid-column: 1;
margin-top: 5px;
font-size: 14px
}

.s6-tick>b.up {
color: #5bd9b6
}

.s6-tick>b.down {
color: #f38b9c
}

.s6-spark {
grid-column: 2;
grid-row: 1/3;
height: 31px;
display: flex;
align-items: end;
gap: 3px
}

.s6-spark i {
width: 7px;
border-radius: 3px 3px 0 0;
background: #5bd9b6
}

.s6-spark.down i {
background: #f38b9c
}

.s6-spark i:nth-child(1) {
height: 35%
}

.s6-spark i:nth-child(2) {
height: 58%
}

.s6-spark i:nth-child(3) {
height: 46%
}

.s6-spark i:nth-child(4) {
height: 78%
}

.s6-spark i:nth-child(5) {
height: 100%
}

.s6-spark.down i:nth-child(1) {
height: 90%
}

.s6-spark.down i:nth-child(2) {
height: 68%
}

.s6-spark.down i:nth-child(3) {
height: 76%
}

.s6-spark.down i:nth-child(4) {
height: 44%
}

.s6-spark.down i:nth-child(5) {
height: 31%
}

@keyframes s6Ticker {
to {
transform: translateX(-50%)
}
}

.s6-hero {
min-height: 1080px;
padding: 142px 0 200px;
align-items: flex-start
}

.s6-hero-inner {
margin-top: 14px
}

.s6-cta {
background: linear-gradient(110deg, #7544ff 0%, #b83cff 48%, #ff73de 100%);
color: #fff !important;
box-shadow: 0 16px 42px rgba(190, 56, 239, .36), 0 0 28px rgba(126, 74, 255, .2)
}

.s6-cta:hover {
box-shadow: 0 22px 52px rgba(224, 74, 235, .46), 0 0 42px rgba(126, 74, 255, .32)
}

.s6-cta-ghost {
border-color: rgba(255, 255, 255, .22);
background: rgba(255, 255, 255, .045);
box-shadow: none
}

.s6-cta-ghost:hover {
background: rgba(255, 255, 255, .1);
box-shadow: none
}

.s6-visual {
--mx: 68%;
--my: 35%;
min-height: 690px;
display: flex;
justify-content: flex-end;
align-items: flex-start;
perspective: 1400px;
isolation: isolate
}

.s6-visual:after {
content: "";
position: absolute;
z-index: 0;
left: var(--mx);
top: var(--my);
width: 330px;
height: 330px;
border-radius: 50%;
background: radial-gradient(circle, rgba(194, 87, 255, .24), rgba(87, 179, 255, .09) 38%, transparent 68%);
filter: blur(12px);
transform: translate(-50%, -50%);
pointer-events: none;
transition: left .08s linear, top .08s linear
}

.s6-market-card {
z-index: 2;
width: 560px;
max-width: none;
margin: 20px 0 0 auto;
padding: 27px;
transform: rotateZ(2.2deg) rotateX(var(--rx)) rotateY(var(--ry));
transform-origin: 48% 48%
}

.s6-market-card:before {
background: radial-gradient(circle at var(--mx) var(--my), rgba(112, 230, 255, .2), transparent 28%), radial-gradient(circle at 5% 95%, rgba(239, 121, 251, .15), transparent 28%)
}

.s6-profile-card {
position: absolute;
z-index: 5;
left: 0;
bottom: 8px;
width: 370px;
padding: 19px;
border: 1px solid rgba(209, 176, 255, .3);
border-radius: 22px;
background: linear-gradient(145deg, rgba(34, 24, 69, .96), rgba(10, 22, 49, .97));
box-shadow: 0 32px 75px rgba(0, 0, 0, .5), 0 0 38px rgba(177, 75, 245, .13), inset 0 1px rgba(255, 255, 255, .12);
backdrop-filter: blur(24px);
transform: rotateZ(-4deg) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(65px);
transform-style: preserve-3d;
transition: transform .15s ease-out, border-color .2s;
animation: s6ProfileFloat 5.2s ease-in-out infinite
}

.s6-profile-card:hover {
border-color: rgba(229, 181, 255, .55)
}

.s6-profile-head {
display: grid;
grid-template-columns: 92px 1fr;
gap: 16px;
align-items: center
}

.s6-profile-head>img {
width: 92px;
height: 92px;
object-fit: cover;
object-position: center 22%;
border: 2px solid rgba(255, 255, 255, .5);
border-radius: 18px;
box-shadow: 0 15px 30px rgba(0, 0, 0, .32)
}

.s6-profile-head span,
.s6-profile-head strong,
.s6-profile-head small {
display: block
}

.s6-profile-head span {
color: #b6a7ff;
font-size: 14px;
font-weight: 750
}

.s6-profile-head strong {
margin-top: 7px;
font-size: 22px;
letter-spacing: -.025em
}

.s6-profile-head small {
margin-top: 5px;
color: #9ca9bd;
font-size: 14px
}

.s6-profile-stats {
margin-top: 18px;
padding: 14px 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
border-top: 1px solid rgba(255, 255, 255, .11);
border-bottom: 1px solid rgba(255, 255, 255, .11)
}

.s6-profile-stats>div {
padding: 0 8px;
border-right: 1px solid rgba(255, 255, 255, .1)
}

.s6-profile-stats>div:last-child {
border: 0
}

.s6-profile-stats strong,
.s6-profile-stats span {
display: block
}

.s6-profile-stats strong {
font-size: 15px
}

.s6-profile-stats span {
margin-top: 5px;
color: #8997ac;
font-size: 14px;
line-height: 1.25
}

.s6-profile-foot {
min-height: 37px;
padding-top: 13px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px
}

.s6-profile-foot small {
color: #7e8ba1;
font-size: 14px
}

.s6-profile-foot>span {
display: flex;
align-items: center;
gap: 8px;
color: #d7d0ff;
font-size: 14px;
font-weight: 700;
white-space: nowrap
}

.s6-profile-foot svg {
width: 16px;
color: #ef85f5
}

@keyframes s6ProfileFloat {

0%,
100% {
translate: 0 0
}

50% {
translate: 0 -10px
}
}

.s6-ticker-wrap {
bottom: 28px;
height: 108px;
grid-template-columns: 220px 1fr;
border-radius: 21px
}

.s6-ticker-label {
padding: 0 28px
}

.s6-ticker-label>svg {
width: 28px
}

.s6-ticker-label strong {
font-size: 16px
}

.s6-ticker-label span {
font-size: 14px
}

.s6-tick {
width: 238px;
padding: 0 25px
}

.s6-tick strong {
font-size: 14px
}

.s6-tick span,
.s6-tick>b {
font-size: 14px
}

.s6-spark {
height: 37px
}

@media(max-width:1320px) {

.s6-header,
.s6-hero-inner,
.s6-ticker-wrap {
width: calc(100% - 48px)
}

.s6-navitem>.s6-nav-parent {
padding: 0 9px;
font-size: 14px
}

.s6-login {
display: none
}

.s6-brand {
width: 165px
}

.s6-hero-inner {
grid-template-columns: minmax(0, .9fr) minmax(480px, 1.1fr);
gap: 38px
}

.s6-hero h1 {
font-size: 72px
}

.s6-market-card {
width: 520px;
padding: 24px
}

.s6-profile-card {
left: -15px;
width: 350px
}

.s6-ticker-wrap {
grid-template-columns: 190px 1fr
}

.s6-tick {
width: 220px;
padding: 0 20px
}
}

@media(max-width:1180px) {
.s6-header {
height: 84px
}

.s6-nav,
.s6-login,
.s6-head-actions>.s6-cta-small {
display: none
}

.s6-head-actions {
margin-left: auto
}

.s6-menu {
display: block
}

.s6-mobile {
position: fixed;
z-index: 45;
top: 84px;
left: 0;
right: 0;
bottom: 0;
padding: 22px 28px 40px;
background: rgba(4, 13, 34, .98);
backdrop-filter: blur(22px);
overflow: auto
}

.s6-mobile.is-open {
display: block
}

.s6-mobile>a:not(.s6-cta) {
min-height: 64px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid rgba(255, 255, 255, .1);
font-size: 18px;
font-weight: 650
}

.s6-mobile>a svg {
width: 18px
}

.s6-mobile-learn {
margin: 8px 0 16px;
padding: 10px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
border: 1px solid rgba(255, 255, 255, .1);
border-radius: 14px;
background: rgba(255, 255, 255, .035)
}

.s6-mobile-learn a {
min-height: 48px;
padding: 10px 12px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
border-radius: 10px;
color: #c8d2e2;
background: rgba(255, 255, 255, .04);
font-size: 14px;
font-weight: 650
}

.s6-mobile-learn a:hover,
.s6-mobile-learn a:focus-visible {
color: #fff;
background: linear-gradient(110deg, rgba(92, 201, 238, .13), rgba(184, 83, 224, .14))
}

.s6-mobile-learn a svg {
width: 15px;
color: #7ee8ff
}

.s6-mobile-lang {
margin: 25px 0;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px
}

.s6-mobile-lang button {
min-height: 48px;
border: 1px solid rgba(255, 255, 255, .14);
border-radius: 10px;
background: rgba(255, 255, 255, .04);
color: #aeb9ca;
font-size: 15px
}

.s6-mobile-lang button.active {
background: #fff;
color: #101a31
}

.s6-mobile>.s6-cta {
width: 100%
}

.s6-hero {
padding-top: 116px
}

.s6-hero-inner {
grid-template-columns: .92fr 1.08fr;
gap: 24px
}

.s6-hero h1 {
font-size: 62px
}

.s6-hero-copy>p {
font-size: 17px
}

.s6-benefits {
grid-template-columns: repeat(2, 1fr)
}

.s6-benefits>div:nth-child(3) {
display: none
}

.s6-card-price strong {
font-size: 36px
}

.s6-provider {
grid-template-columns: 52px 1fr
}

.s6-provider>img {
width: 52px;
height: 52px
}

.s6-provider-link {
display: none
}
}

@media(max-width:760px) {
.s6-header {
width: calc(100% - 34px);
height: 76px
}

/* Mobile navigation: compact, accessible accordion drawer. */
@media(max-width:900px) {
    html.rg-menu-open,
    html.rg-menu-open body {
        overflow: hidden
    }

    .s6-menu {
        position: relative;
        display: block !important;
        flex: 0 0 46px;
        border-color: rgba(255, 255, 255, .17) !important;
        background: rgba(255, 255, 255, .05) !important;
        color: #fff !important
    }

    .s6-menu:hover,
    .s6-menu:focus-visible,
    .s6-menu[aria-expanded="true"] {
        border-color: rgba(121, 232, 255, .52) !important;
        background: rgba(121, 232, 255, .1) !important;
        color: #fff !important;
        outline: 2px solid transparent
    }

    .s6-menu span {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: 0;
        transition: transform .2s ease, opacity .2s ease
    }

    .s6-menu span:first-child {
        transform: translate(-50%, -5px)
    }

    .s6-menu span:last-child {
        transform: translate(-50%, 5px)
    }

    .s6-menu[aria-expanded="true"] span:first-child {
        transform: translate(-50%, -50%) rotate(45deg)
    }

    .s6-menu[aria-expanded="true"] span:last-child {
        transform: translate(-50%, -50%) rotate(-45deg)
    }

    .s6-mobile {
        z-index: 45;
        top: 0;
        padding: 106px 20px calc(118px + env(safe-area-inset-bottom));
        background: #030b20;
        backdrop-filter: none;
        overscroll-behavior: contain
    }

    .admin-bar .s6-mobile {
        padding-top: 138px
    }

    .s6-mobile-groups {
        width: min(680px, 100%);
        margin: 0 auto
    }

    .s6-mobile-group {
        border-bottom: 1px solid rgba(166, 186, 220, .16)
    }

    .s6-mobile-group-toggle {
        width: 100%;
        min-height: 62px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 0;
        background: transparent;
        color: #f7f9ff;
        font: inherit;
        font-size: 20px;
        font-weight: 650;
        text-align: left;
        cursor: pointer;
        outline: 0
    }

    .s6-mobile-group-toggle svg {
        width: 19px;
        color: #93a4bd;
        transition: transform .2s ease, color .2s ease
    }

    .s6-mobile-group-toggle:hover,
    .s6-mobile-group-toggle:focus-visible {
        border: 0 !important;
        color: #79e8ff !important;
        background: transparent !important;
        box-shadow: none !important
    }

    .s6-mobile-group-toggle:hover svg,
    .s6-mobile-group-toggle:focus-visible svg {
        color: #79e8ff
    }

    .s6-mobile-group-toggle[aria-expanded="true"] svg {
        transform: rotate(180deg)
    }

    .s6-mobile-panel {
        padding: 0 0 14px;
        display: grid;
        gap: 4px
    }

    .s6-mobile-panel[hidden] {
        display: none
    }

    .s6-mobile-panel a {
        min-height: 50px;
        padding: 0 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        border-left: 2px solid transparent;
        border-radius: 10px;
        color: #c6d0df;
        background: transparent;
        font-size: 16px;
        font-weight: 600
    }

    .s6-mobile-panel a svg {
        width: 16px;
        color: #6fe4ff
    }

    .s6-mobile-panel a:hover,
    .s6-mobile-panel a:focus-visible,
    .s6-mobile-panel a.is-current {
        border-left-color: #68e4ff;
        color: #fff;
        background: rgba(104, 228, 255, .09)
    }

    .s6-mobile-panel .s6-mobile-overview {
        margin-bottom: 4px;
        color: #7ce8ff;
        background: rgba(104, 228, 255, .055)
    }

    .s6-mobile-actions {
        position: fixed;
        z-index: 46;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 12px 20px calc(12px + env(safe-area-inset-bottom));
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 14px;
        border-top: 1px solid rgba(166, 186, 220, .15);
        background: rgba(3, 11, 32, .98);
        box-shadow: 0 -18px 45px rgba(0, 0, 0, .28)
    }

    .s6-mobile-actions .s6-cta {
        width: 100%;
        min-height: 52px;
        color: #fff !important
    }

    .s6-mobile-login {
        min-height: 48px;
        padding: 0 4px;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #dce4ef;
        font-size: 15px;
        font-weight: 650;
        white-space: nowrap
    }

    .s6-mobile-login svg {
        width: 16px;
        color: #7ce8ff
    }
}

@media(max-width:420px) {
    .s6-header {
        gap: 8px
    }

    .s6-brand {
        width: 132px
    }

    .s6-head-actions {
        gap: 6px
    }

    .s6-language {
        min-width: 112px;
        padding: 4px
    }

    .s6-language>svg {
        display: none
    }

    .s6-language>a {
        min-width: 42px
    }

    .s6-menu {
        width: 44px;
        height: 44px;
        flex-basis: 44px
    }

    .s6-mobile {
        padding-inline: 18px
    }

    .s6-mobile-actions {
        padding-inline: 18px;
        grid-template-columns: minmax(0, 1fr)
    }

    .s6-mobile-login {
        display: none
    }
}

.s6-brand {
width: 146px
}

.s6-language {
height: 42px;
padding-left: 9px
}

.s6-language>svg {
display: none
}

.s6-language button {
padding: 0 8px;
font-size: 14px
}

.s6-head-actions {
gap: 9px
}

.s6-menu {
width: 42px;
height: 42px
}

.s6-mobile {
top: 76px;
padding: 16px 20px 35px
}

.s6-hero {
min-height: 100svh;
padding: 105px 0 30px;
display: block
}

.s6-hero-backdrop {
object-position: 66% center;
opacity: .58
}

.s6-hero-shade {
background: linear-gradient(180deg, rgba(2, 9, 25, .9), rgba(2, 9, 25, .96) 58%, #020919), linear-gradient(90deg, rgba(2, 9, 25, .9), rgba(2, 9, 25, .35))
}

.s6-hero-inner {
width: calc(100% - 40px);
display: block
}

.s6-hero-copy {
padding-top: 12px
}

.s6-eyebrow {
font-size: 14px
}

.s6-eyebrow svg {
width: 19px
}

.s6-hero h1 {
margin: 23px 0 21px;
font-size: 56px;
line-height: .96
}

.s6-shell:lang(zh-Hans) .s6-hero h1 {
font-size: 46px
}

.s6-hero-copy>p {
font-size: 16px;
line-height: 1.55
}

.s6-actions {
margin-top: 26px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 9px
}

.s6-cta {
min-height: 52px;
padding: 0 11px;
gap: 8px;
font-size: 14px;
white-space: nowrap
}

.s6-cta svg {
width: 17px
}

.s6-benefits {
margin-top: 31px;
padding-top: 21px;
gap: 10px
}

.s6-benefits>div {
align-items: flex-start;
gap: 8px
}

.s6-benefits svg {
width: 20px
}

.s6-benefits strong {
font-size: 16px
}

.s6-benefits span {
font-size: 14px
}

.s6-visual {
margin-top: 39px
}

.s6-market-card {
padding: 18px;
border-radius: 22px
}

.s6-card-top {
grid-template-columns: 42px 1fr auto;
gap: 10px
}

.s6-metal-mark {
width: 42px;
height: 42px;
font-size: 14px
}

.s6-card-top>div:nth-child(2) strong {
font-size: 16px
}

.s6-card-top>div:nth-child(2) span {
font-size: 14px
}

.s6-change {
padding: 8px 9px
}

.s6-change strong {
font-size: 14px
}

.s6-change span {
display: none
}

.s6-card-price {
margin-top: 19px
}

.s6-card-price span {
font-size: 14px
}

.s6-card-price strong {
font-size: 31px
}

.s6-market-line {
margin-top: 5px
}

.s6-timeframe,
.s6-card-metrics {
display: none
}

.s6-provider {
margin-top: 4px;
padding: 9px;
grid-template-columns: 45px 1fr
}

.s6-provider>img {
width: 45px;
height: 45px;
border-radius: 10px
}

.s6-provider>div span {
font-size: 14px
}

.s6-provider>div strong {
margin-top: 4px;
font-size: 14px;
line-height: 1.3
}

.s6-ticker-wrap {
position: relative;
left: auto;
bottom: auto;
width: calc(100% - 40px);
height: 66px;
margin: 22px auto 0;
grid-template-columns: 1fr;
transform: none
}

.s6-ticker-label {
display: none
}

.s6-tick {
width: 180px;
padding: 0 16px
}

.s6-ticker-track {
animation-duration: 29s
}
}

.s6-profile-card {
display: block
}

@media(max-width:1080px) {
.s6-market-card {
width: 480px
}

.s6-profile-card {
left: -8px;
bottom: 30px;
width: 320px;
padding: 16px
}

.s6-profile-head {
grid-template-columns: 78px 1fr
}

.s6-profile-head>img {
width: 78px;
height: 78px
}

.s6-profile-head strong {
font-size: 19px
}

.s6-profile-stats {
grid-template-columns: repeat(2, 1fr);
gap: 12px
}

.s6-profile-stats>div {
padding: 0 10px
}

.s6-profile-stats>div:nth-child(2) {
border: 0
}

.s6-profile-stats strong {
font-size: 14px
}
}

@media(max-width:760px) {
.s6-visual {
min-height: 0;
display: block;
perspective: 1000px
}

.s6-visual:after {
width: 240px;
height: 240px
}

.s6-market-card {
width: 100%;
margin-top: 0;
transform: rotateZ(1deg);
transform-origin: center
}

.s6-profile-card {
position: relative;
left: 10px;
bottom: auto;
width: calc(100% - 20px);
margin-top: -22px;
padding: 15px;
background: linear-gradient(145deg, rgba(45, 30, 89, .99), rgba(6, 18, 43, .99));
box-shadow: 0 24px 55px rgba(0, 0, 0, .48), 0 0 30px rgba(177, 75, 245, .16);
transform: rotateZ(-1.2deg);
animation-duration: 5.8s
}

.s6-profile-head {
grid-template-columns: 78px 1fr
}

.s6-profile-head>img {
width: 78px;
height: 78px;
border-radius: 16px
}

.s6-profile-head strong {
font-size: 19px
}

.s6-profile-head small {
font-size: 14px
}

.s6-profile-stats {
grid-template-columns: repeat(2, 1fr);
gap: 13px 0
}

.s6-profile-stats>div {
padding: 0 12px
}

.s6-profile-stats>div:nth-child(2) {
border: 0
}

.s6-profile-foot {
align-items: center;
flex-direction: row
}

.s6-profile-foot small {
max-width: 190px
}

.s6-profile-foot>span {
font-size: 14px
}

.s6-ticker-wrap {
height: 88px;
margin-top: 45px
}

.s6-tick {
width: 210px;
padding: 0 19px
}

.s6-ticker-track {
animation-duration: 32s
}
}


/* Stage 6, iteration 3: card-contained interaction and refined proportions */
.s6-visual:after {
display: none
}

.s6-market-card,
.s6-profile-card {
--rx: 0deg;
--ry: 0deg;
--mx: 50%;
--my: 50%;
overflow: hidden;
isolation: isolate
}

.s6-profile-card {
animation: none
}

.s6-market-card:before {
z-index: 0;
background: radial-gradient(circle at var(--mx) var(--my), rgba(115, 226, 255, .24), transparent 31%), radial-gradient(circle at 5% 95%, rgba(239, 121, 251, .13), transparent 28%)
}

.s6-profile-card:before {
content: "";
position: absolute;
z-index: 0;
inset: 0;
border-radius: inherit;
background: radial-gradient(circle at var(--mx) var(--my), rgba(236, 115, 255, .22), transparent 34%), radial-gradient(circle at 92% 8%, rgba(91, 192, 255, .1), transparent 30%);
pointer-events: none
}

.s6-market-card>*,
.s6-profile-card>* {
position: relative;
z-index: 1
}

.s6-ticker-window {
-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%)
}

@media(min-width:1321px) {
.s6-market-card {
width: 510px
}

.s6-profile-card {
left: 48px;
bottom: -2px;
width: 330px;
min-height: 330px;
padding: 22px
}

.s6-profile-head {
grid-template-columns: 96px 1fr
}

.s6-profile-head>img {
width: 96px;
height: 96px
}

.s6-profile-stats {
grid-template-columns: repeat(2, 1fr);
gap: 0;
margin-top: 20px;
padding: 0
}

.s6-profile-stats>div {
min-height: 65px;
padding: 12px 14px;
border: 0
}

.s6-profile-stats>div:nth-child(odd) {
border-right: 1px solid rgba(255, 255, 255, .1)
}

.s6-profile-stats>div:nth-child(n+3) {
border-top: 1px solid rgba(255, 255, 255, .1)
}

.s6-profile-foot {
padding-top: 15px
}
}

@media(min-width:761px) and (max-width:1320px) {
.s6-market-card {
width: 480px
}

.s6-profile-card {
left: 4px;
bottom: 4px;
width: 310px;
min-height: 320px;
padding: 19px
}

.s6-profile-head {
grid-template-columns: 84px 1fr
}

.s6-profile-head>img {
width: 84px;
height: 84px
}

.s6-profile-stats {
grid-template-columns: repeat(2, 1fr);
gap: 0;
padding: 0
}

.s6-profile-stats>div {
min-height: 62px;
padding: 11px 12px;
border: 0
}

.s6-profile-stats>div:nth-child(odd) {
border-right: 1px solid rgba(255, 255, 255, .1)
}

.s6-profile-stats>div:nth-child(n+3) {
border-top: 1px solid rgba(255, 255, 255, .1)
}
}

/* Section 2: choose a trading path */
.s6-paths {
position: relative;
padding: 138px 0 150px;
overflow: hidden;
background: radial-gradient(circle at 82% 4%, rgba(157, 131, 255, .17), transparent 27%), radial-gradient(circle at 12% 86%, rgba(112, 230, 255, .12), transparent 25%), linear-gradient(180deg, #f8f8fc 0%, #f2f4fa 100%);
color: #08162e
}

.s6-paths:before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: min(1440px, calc(100% - 80px));
height: 1px;
background: linear-gradient(90deg, transparent, rgba(99, 69, 221, .28), transparent);
transform: translateX(-50%)
}

.s6-paths-inner {
position: relative;
z-index: 2;
width: min(1440px, calc(100% - 80px));
margin: auto
}

.s6-paths-head {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(360px, .62fr);
gap: 90px;
align-items: end
}

.s6-paths-head h2 {
max-width: 850px;
margin: 0;
font-size: clamp(58px, 5.2vw, 78px);
line-height: .98;
letter-spacing: -.058em;
font-weight: 750
}

.s6-paths-head p {
max-width: 540px;
margin: 0 0 6px;
color: #5d687b;
font-size: 18px;
line-height: 1.65
}

.s6-path-grid {
margin-top: 70px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px
}

.s6-path-card {
min-width: 0;
min-height: 500px;
display: flex;
flex-direction: column;
border: 1px solid rgba(8, 22, 46, .1);
border-radius: 27px;
background: rgba(255, 255, 255, .88);
box-shadow: 0 22px 55px rgba(18, 29, 58, .07);
overflow: hidden;
transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease
}

.s6-path-card:hover {
border-color: rgba(111, 70, 224, .28);
box-shadow: 0 32px 70px rgba(37, 35, 83, .15);
transform: translateY(-9px)
}

.s6-path-card:focus-visible {
outline: 3px solid rgba(111, 70, 224, .42);
outline-offset: 4px
}

.s6-path-visual {
position: relative;
height: 190px;
flex: 0 0 190px;
overflow: hidden;
background: linear-gradient(145deg, #e9effb, #f7f5ff)
}

.s6-path-index {
position: absolute;
z-index: 2;
top: 20px;
right: 23px;
color: rgba(13, 30, 58, .13);
font-size: 58px;
font-weight: 800;
letter-spacing: -.06em
}

.s6-path-icon {
position: absolute;
z-index: 3;
left: 25px;
bottom: 24px;
width: 58px;
height: 58px;
display: grid;
place-items: center;
border: 1px solid rgba(77, 63, 175, .16);
border-radius: 17px;
background: rgba(255, 255, 255, .72);
color: #6848df;
box-shadow: 0 12px 30px rgba(66, 50, 137, .12);
backdrop-filter: blur(12px)
}

.s6-path-icon svg {
width: 27px
}

.s6-path-art {
position: absolute;
inset: 0;
pointer-events: none
}

.s6-path-art i {
position: absolute;
display: block
}

.s6-path-body {
padding: 29px 27px 28px;
display: flex;
flex: 1;
flex-direction: column
}

.s6-path-body h3 {
margin: 0;
font-size: 29px;
line-height: 1.08;
letter-spacing: -.035em
}

.s6-path-body p {
margin: 19px 0 30px;
color: #657084;
font-size: 16px;
line-height: 1.58
}

.s6-path-link {
margin-top: auto;
padding-top: 20px;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid rgba(8, 22, 46, .1);
font-size: 15px;
font-weight: 750
}

.s6-path-link svg {
width: 19px;
color: #7544df;
transition: transform .2s
}

.s6-path-card:hover .s6-path-link svg {
transform: translate(3px, -3px)
}

.s6-path-1 {
border-color: rgba(139, 111, 244, .28);
background: linear-gradient(148deg, #071936, #130f37 60%, #251044);
color: #fff;
box-shadow: 0 28px 65px rgba(11, 21, 54, .2)
}

.s6-path-1 .s6-path-visual {
background: radial-gradient(circle at 72% 30%, rgba(243, 102, 235, .35), transparent 30%), radial-gradient(circle at 32% 70%, rgba(103, 206, 255, .2), transparent 35%), #081a3b
}

.s6-path-1 .s6-path-index {
color: rgba(255, 255, 255, .1)
}

.s6-path-1 .s6-path-icon {
border-color: rgba(255, 255, 255, .18);
background: rgba(255, 255, 255, .09);
color: #8de9ff
}

.s6-path-1 .s6-path-art i {
border: 1px solid rgba(164, 135, 255, .25);
border-radius: 50%
}

.s6-path-1 .s6-path-art i:nth-child(1) {
right: -30px;
bottom: -85px;
width: 220px;
height: 220px
}

.s6-path-1 .s6-path-art i:nth-child(2) {
right: 28px;
bottom: -37px;
width: 125px;
height: 125px
}

.s6-path-1 .s6-path-art i:nth-child(3) {
right: 72px;
bottom: 7px;
width: 38px;
height: 38px;
background: radial-gradient(circle, #ff7bea, transparent 65%);
border: 0
}

.s6-path-1 .s6-path-body p {
color: #aeb9cb
}

.s6-path-1 .s6-path-link {
border-color: rgba(255, 255, 255, .12)
}

.s6-path-1 .s6-path-link svg {
color: #f181ed
}

.s6-path-2 .s6-path-visual {
background: linear-gradient(145deg, #e7f3ff, #eeeaff)
}

.s6-path-2 .s6-path-art {
left: 112px;
right: 23px;
top: 46px;
bottom: 29px;
border-left: 1px solid rgba(53, 68, 126, .13);
border-bottom: 1px solid rgba(53, 68, 126, .13)
}

.s6-path-2 .s6-path-art:before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(rgba(53, 68, 126, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(53, 68, 126, .08) 1px, transparent 1px);
background-size: 34px 28px
}

.s6-path-2 .s6-path-art i {
bottom: 0;
width: 8px;
border-radius: 4px 4px 0 0;
background: linear-gradient(#8d6bf1, #7253df)
}

.s6-path-2 .s6-path-art i:nth-child(1) {
left: 20%;
height: 34%
}

.s6-path-2 .s6-path-art i:nth-child(2) {
left: 48%;
height: 62%
}

.s6-path-2 .s6-path-art i:nth-child(3) {
left: 76%;
height: 88%
}

.s6-path-3 .s6-path-visual {
background: radial-gradient(circle at 78% 35%, rgba(218, 113, 241, .25), transparent 30%), linear-gradient(145deg, #f0ebff, #eaf5ff)
}

.s6-path-person {
position: absolute;
z-index: 2;
right: 22px;
bottom: -8px;
width: 112px;
height: 135px;
object-fit: cover;
object-position: center 20%;
border-radius: 56px 56px 20px 20px;
filter: drop-shadow(0 14px 22px rgba(39, 36, 89, .23))
}

.s6-path-3 .s6-path-art i {
border: 1px solid rgba(106, 75, 211, .16);
border-radius: 50%
}

.s6-path-3 .s6-path-art i:nth-child(1) {
right: 3px;
bottom: -68px;
width: 220px;
height: 220px
}

.s6-path-3 .s6-path-art i:nth-child(2) {
right: 48px;
bottom: -18px;
width: 120px;
height: 120px
}

.s6-path-3 .s6-path-art i:nth-child(3) {
display: none
}

.s6-path-4 .s6-path-visual {
background: linear-gradient(90deg, rgba(5, 12, 36, .62), rgba(42, 15, 76, .18)), url('../images/rg-competition-arena.webp') center/cover
}

.s6-path-4 .s6-path-index {
color: rgba(255, 255, 255, .22)
}

.s6-path-4 .s6-path-icon {
border-color: rgba(255, 255, 255, .25);
background: rgba(5, 14, 38, .52);
color: #f08af4
}

.s6-path-4 .s6-path-art i {
left: 115px;
height: 2px;
border-radius: 4px;
background: linear-gradient(90deg, rgba(115, 229, 255, .1), #e67df1)
}

.s6-path-4 .s6-path-art i:nth-child(1) {
bottom: 50px;
width: 55px;
transform: rotate(-18deg)
}

.s6-path-4 .s6-path-art i:nth-child(2) {
bottom: 67px;
left: 164px;
width: 53px;
transform: rotate(18deg)
}

.s6-path-4 .s6-path-art i:nth-child(3) {
bottom: 53px;
left: 212px;
width: 70px;
transform: rotate(-12deg)
}

@media(max-width:1100px) {
.s6-paths-head {
grid-template-columns: 1fr;
gap: 28px
}

.s6-paths-head p {
max-width: 700px
}

.s6-path-grid {
grid-template-columns: repeat(2, 1fr)
}

.s6-path-card {
min-height: 455px
}
}

@media(max-width:760px) {
.s6-paths {
padding: 92px 0 100px
}

.s6-paths-inner {
width: calc(100% - 40px)
}

.s6-paths:before {
width: calc(100% - 40px)
}

.s6-paths-head {
gap: 22px
}

.s6-paths-head h2 {
font-size: 46px;
line-height: 1
}

.s6-shell:lang(zh-Hans) .s6-paths-head h2 {
font-size: 43px
}

.s6-paths-head p {
font-size: 16px
}

.s6-path-grid {
margin-top: 45px;
grid-template-columns: 1fr;
gap: 14px
}

.s6-path-card {
min-height: 430px
}

.s6-path-visual {
height: 165px;
flex-basis: 165px
}

.s6-path-body {
padding: 25px 24px 26px
}

.s6-path-body h3 {
font-size: 27px
}

.s6-path-body p {
font-size: 16px
}

.s6-path-index {
font-size: 50px
}
}

.s6-shell .s6-path-1 {
color: #fff
}

/* Section 2, iteration 1: simplified seamless intent cards */
.s6-paths {
padding: 120px 0 118px
}

.s6-paths-head {
grid-template-columns: minmax(0, 1fr) minmax(430px, .74fr);
gap: 95px
}

.s6-paths-head h2 em {
font-style: normal;
color: transparent;
background: linear-gradient(100deg, #6548df 0%, #bd4ee8 54%, #ef6fcf 100%);
-webkit-background-clip: text;
background-clip: text
}

.s6-paths-head p {
max-width: 640px;
margin-bottom: 10px;
color: #253650;
font-size: 25px;
font-weight: 620;
line-height: 1.43;
letter-spacing: -.018em
}

.s6-path-grid {
margin-top: 62px;
gap: 14px
}

.s6-shell .s6-path-card {
position: relative;
min-height: 400px;
padding: 29px 27px 27px;
display: flex;
color: #fff;
border-color: rgba(122, 212, 248, .16);
background: #07172f;
box-shadow: 0 23px 55px rgba(15, 24, 56, .17);
isolation: isolate
}

.s6-path-card:before {
content: "";
position: absolute;
z-index: -1;
inset: 0;
border-radius: inherit;
background: radial-gradient(circle at 92% 2%, rgba(99, 218, 255, .14), transparent 34%), linear-gradient(145deg, rgba(255, 255, 255, .025), transparent 52%);
pointer-events: none
}

.s6-path-1 {
background: linear-gradient(145deg, #071a3a, #17103d 62%, #291146) !important
}

.s6-path-2 {
background: linear-gradient(145deg, #061b32, #092b3c 58%, #10314a) !important
}

.s6-path-3 {
background: linear-gradient(145deg, #101634, #211348 60%, #321650) !important
}

.s6-path-4 {
background: linear-gradient(145deg, #08162f, #1e123b 58%, #38143e) !important
}

.s6-path-card-top {
display: flex;
align-items: flex-start;
justify-content: space-between
}

.s6-path-card .s6-path-icon {
position: relative;
left: auto;
bottom: auto;
width: 62px;
height: 62px;
display: grid;
place-items: center;
border-color: rgba(114, 229, 255, .25);
border-radius: 17px;
background: rgba(111, 214, 255, .07);
color: #70e6ff;
box-shadow: none;
backdrop-filter: none;
transition: transform .22s, border-color .22s, background .22s
}

.s6-path-card:hover .s6-path-icon {
border-color: rgba(129, 232, 255, .48);
background: rgba(111, 214, 255, .12);
transform: translateY(-3px)
}

.s6-path-card .s6-path-index {
position: relative;
top: auto;
right: auto;
color: rgba(255, 255, 255, .1);
font-size: 52px;
line-height: 1
}

.s6-path-pill {
width: max-content;
margin-top: 30px;
padding: 7px 11px;
display: inline-flex;
align-items: center;
border: 1px solid rgba(184, 222, 246, .19);
border-radius: 999px;
background: rgba(255, 255, 255, .055);
color: #9eeeff;
font-size: 14px;
font-weight: 780;
letter-spacing: .045em;
text-transform: uppercase
}

.s6-path-card .s6-path-body {
padding: 0;
display: flex;
flex: 1;
flex-direction: column
}

.s6-path-card .s6-path-body h3 {
margin: 20px 0 0;
color: #fff;
font-size: 29px
}

.s6-path-card .s6-path-body p {
margin: 17px 0 24px;
color: #aeb9cb;
font-size: 15px;
line-height: 1.58
}

.s6-path-card .s6-path-link {
padding-top: 17px;
border-color: rgba(255, 255, 255, .12);
color: #fff;
font-size: 14px
}

.s6-path-card .s6-path-link svg {
color: #79e9ff
}

.s6-path-3 .s6-path-icon,
.s6-path-4 .s6-path-icon {
color: #ef85f5;
border-color: rgba(239, 133, 245, .24);
background: rgba(239, 133, 245, .07)
}

.s6-path-card:hover {
border-color: rgba(122, 212, 248, .34);
box-shadow: 0 34px 75px rgba(22, 23, 64, .22);
transform: translateY(-8px)
}

.s6-path-cta {
margin-top: 66px;
padding: 45px 0 0;
display: grid;
grid-template-columns: 1fr auto;
gap: 55px;
align-items: center;
border-top: 1px solid rgba(8, 22, 46, .13)
}

.s6-path-cta h3 {
margin: 0;
font-size: 38px;
line-height: 1.08;
letter-spacing: -.042em
}

.s6-path-cta p {
margin: 11px 0 0;
color: #697487;
font-size: 17px;
line-height: 1.5
}

.s6-path-cta-actions {
display: flex;
gap: 11px
}

.s6-path-cta-actions .s6-cta {
min-width: 210px
}

.s6-path-cta-secondary {
min-width: 170px;
min-height: 56px;
padding: 0 22px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 14px;
border: 1px solid rgba(8, 22, 46, .2);
border-radius: 13px;
background: rgba(255, 255, 255, .55);
color: #101b33 !important;
font-size: 16px;
font-weight: 750;
transition: transform .2s, background .2s, border-color .2s
}

.s6-path-cta-secondary svg {
width: 19px
}

.s6-path-cta-secondary:hover {
border-color: rgba(102, 70, 220, .35);
background: #fff;
transform: translateY(-2px)
}

@media(max-width:1100px) {
.s6-paths-head {
grid-template-columns: 1fr;
gap: 25px
}

.s6-paths-head p {
max-width: 760px
}

.s6-shell .s6-path-card {
min-height: 365px
}

.s6-path-cta {
grid-template-columns: 1fr;
gap: 28px
}
}

@media(max-width:760px) {
.s6-paths {
padding: 88px 0 90px
}

.s6-paths-head h2 {
font-size: 47px
}

.s6-shell:lang(zh-Hans) .s6-paths-head h2 {
font-size: 42px
}

.s6-paths-head p {
font-size: 20px;
line-height: 1.48
}

.s6-path-grid {
margin-top: 42px
}

.s6-shell .s6-path-card {
min-height: 350px;
padding: 24px 22px
}

.s6-path-card .s6-path-icon {
width: 56px;
height: 56px
}

.s6-path-card .s6-path-index {
font-size: 46px
}

.s6-path-pill {
margin-top: 24px;
font-size: 14px
}

.s6-path-card .s6-path-body h3 {
font-size: 27px
}

.s6-path-card .s6-path-body p {
font-size: 15px
}

.s6-path-cta {
margin-top: 48px;
padding-top: 38px
}

.s6-path-cta h3 {
font-size: 32px
}

.s6-path-cta p {
font-size: 18px
}

.s6-path-cta-actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px
}

.s6-path-cta-actions .s6-cta,
.s6-path-cta-secondary {
min-width: 0;
width: 100%;
padding: 0 10px;
font-size: 14px
}
}

/* Section 3: interactive market explorer */
.s6-markets {
position: relative;
padding: 132px 0 140px;
overflow: hidden;
background: radial-gradient(circle at 74% 22%, rgba(94, 72, 219, .23), transparent 29%), radial-gradient(circle at 17% 84%, rgba(31, 172, 218, .12), transparent 28%), linear-gradient(150deg, #020a1d 0%, #07162e 48%, #160b36 100%);
color: #fff
}

.s6-markets:before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(rgba(255, 255, 255, .022) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px);
background-size: 72px 72px;
mask-image: linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
pointer-events: none
}

.s6-markets-inner {
position: relative;
z-index: 2;
width: min(1440px, calc(100% - 80px));
margin: auto
}

.s6-markets-head {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(430px, .74fr);
gap: 95px;
align-items: end
}

.s6-markets-head h2 {
max-width: 850px;
margin: 0;
font-size: clamp(58px, 5.2vw, 78px);
line-height: .98;
letter-spacing: -.058em;
font-weight: 750
}

.s6-markets-head h2 em {
font-style: normal;
color: transparent;
background: linear-gradient(100deg, #8edfff 0%, #9a83ff 43%, #f081eb 100%);
-webkit-background-clip: text;
background-clip: text
}

.s6-markets-head p {
max-width: 650px;
margin: 0 0 8px;
color: #d1d8e7;
font-size: 24px;
font-weight: 610;
line-height: 1.45;
letter-spacing: -.018em
}

.s6-explorer {
margin-top: 66px;
border: 1px solid rgba(136, 205, 255, .18);
border-radius: 30px;
background: linear-gradient(145deg, rgba(8, 26, 55, .94), rgba(16, 15, 49, .92));
box-shadow: 0 45px 110px rgba(0, 0, 0, .35), inset 0 1px rgba(255, 255, 255, .06);
overflow: hidden
}

.s6-explorer-tabs {
padding: 12px;
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 7px;
border-bottom: 1px solid rgba(255, 255, 255, .1);
background: rgba(2, 10, 29, .42)
}

.s6-explorer-tabs button {
position: relative;
min-height: 74px;
padding: 0 18px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
border: 1px solid transparent;
border-radius: 17px;
background: transparent;
color: #929fb5;
font-size: 16px;
font-weight: 730;
cursor: pointer;
transition: color .2s, background .2s, border-color .2s, transform .2s
}

.s6-explorer-tabs button svg {
width: 22px;
flex: 0 0 auto
}

.s6-explorer-tabs button:hover {
color: #fff;
background: rgba(255, 255, 255, .045)
}

.s6-explorer-tabs button.active {
border-color: rgba(127, 225, 255, .25);
background: linear-gradient(135deg, rgba(88, 211, 245, .13), rgba(144, 92, 238, .16));
color: #fff
}

.s6-explorer-tabs button.active:after {
content: "";
position: absolute;
left: 24%;
right: 24%;
bottom: -13px;
height: 3px;
border-radius: 4px;
background: linear-gradient(90deg, #70e6ff, #b682ff, #ef79fb);
box-shadow: 0 0 18px rgba(138, 156, 255, .7)
}

.s6-explorer-tabs button:focus-visible {
outline: 3px solid rgba(112, 230, 255, .48);
outline-offset: 2px
}

.s6-explorer-panel {
min-height: 600px;
padding: 64px;
display: grid;
grid-template-columns: minmax(360px, .83fr) minmax(540px, 1.17fr);
gap: 72px;
align-items: center;
animation: s6-panel-in .38s ease both
}

.s6-explorer-copy {
min-width: 0
}

.s6-explorer-kicker {
display: flex;
align-items: center;
gap: 18px
}

.s6-explorer-icon {
width: 70px;
height: 70px;
display: grid;
place-items: center;
border: 1px solid rgba(112, 230, 255, .25);
border-radius: 19px;
background: linear-gradient(145deg, rgba(112, 230, 255, .12), rgba(157, 131, 255, .1));
color: #79e9ff
}

.s6-explorer-icon svg {
width: 31px
}

.s6-explorer-kicker>div strong,
.s6-explorer-kicker>div span {
display: block
}

.s6-explorer-kicker>div strong {
font-size: 39px;
line-height: 1;
letter-spacing: -.04em;
color: #fff
}

.s6-explorer-kicker>div span {
margin-top: 7px;
color: #8e9cb2;
font-size: 14px;
font-weight: 730;
text-transform: uppercase;
letter-spacing: .07em
}

.s6-explorer-copy h3 {
max-width: 560px;
margin: 35px 0 18px;
font-size: 48px;
line-height: 1.02;
letter-spacing: -.045em
}

.s6-explorer-copy>p {
max-width: 590px;
margin: 0;
color: #aeb9cb;
font-size: 18px;
line-height: 1.65
}

.s6-symbols {
margin-top: 28px;
display: flex;
flex-wrap: wrap;
gap: 8px
}

.s6-symbols span {
padding: 9px 12px;
border: 1px solid rgba(255, 255, 255, .13);
border-radius: 9px;
background: rgba(255, 255, 255, .045);
color: #dce3ee;
font-size: 14px;
font-weight: 760;
letter-spacing: .04em
}

.s6-explorer-meta {
margin-top: 31px;
padding-top: 24px;
display: flex;
gap: 28px;
border-top: 1px solid rgba(255, 255, 255, .1)
}

.s6-explorer-meta span {
display: flex;
align-items: center;
gap: 9px;
color: #95a3b8;
font-size: 16px;
font-weight: 620
}

.s6-explorer-meta svg {
width: 19px;
color: #73e4f9
}

.s6-explorer-link {
width: max-content;
margin-top: 35px;
min-height: 56px;
padding: 0 22px;
display: inline-flex;
align-items: center;
gap: 15px;
border: 1px solid rgba(255, 255, 255, .13);
border-radius: 13px;
background: linear-gradient(110deg, #7640ea, #ec61dc);
color: #fff !important;
font-size: 15px;
font-weight: 760;
box-shadow: 0 16px 36px rgba(136, 61, 221, .27);
transition: transform .2s, box-shadow .2s
}

.s6-explorer-link svg {
width: 18px
}

.s6-explorer-link:hover {
transform: translateY(-3px);
box-shadow: 0 22px 45px rgba(148, 65, 221, .4)
}

.s6-explorer-board {
position: relative;
padding: 30px;
border: 1px solid rgba(125, 217, 255, .22);
border-radius: 25px;
background: radial-gradient(circle at 90% 0, rgba(70, 202, 232, .12), transparent 32%), linear-gradient(145deg, rgba(11, 31, 60, .96), rgba(7, 15, 37, .97));
box-shadow: 0 30px 70px rgba(0, 0, 0, .32), inset 0 1px rgba(255, 255, 255, .07);
overflow: hidden
}

.s6-explorer-board:before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(rgba(121, 213, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(121, 213, 255, .025) 1px, transparent 1px);
background-size: 48px 48px;
mask-image: linear-gradient(180deg, transparent, #000 20%, #000 90%);
pointer-events: none
}

.s6-board-head,
.s6-board-column-head,
.s6-board-row,
.s6-board-foot {
position: relative;
z-index: 1
}

.s6-board-head {
display: flex;
align-items: center;
justify-content: space-between
}

.s6-board-head>div span,
.s6-board-head>div strong {
display: block
}

.s6-board-head>div span {
color: #7ce4f8;
font-size: 14px;
font-weight: 770;
text-transform: uppercase;
letter-spacing: .09em
}

.s6-board-head>div strong {
margin-top: 7px;
font-size: 27px;
letter-spacing: -.025em
}

.s6-board-live {
padding: 9px 11px;
display: flex;
align-items: center;
gap: 8px;
border: 1px solid rgba(87, 221, 188, .18);
border-radius: 999px;
background: rgba(38, 190, 152, .07);
color: #9bb3b1;
font-size: 14px;
font-weight: 700
}

.s6-board-live i {
width: 7px;
height: 7px;
border-radius: 50%;
background: #51ddb8;
box-shadow: 0 0 12px #51ddb8
}

.s6-board-column-head {
margin-top: 31px;
padding: 0 17px 12px;
display: grid;
grid-template-columns: 1fr 126px 150px;
gap: 20px;
color: #77869d;
font-size: 14px;
font-weight: 730;
text-transform: uppercase;
letter-spacing: .08em
}

.s6-board-column-head span:nth-child(2),
.s6-board-column-head span:nth-child(3) {
text-align: right
}

.s6-board-rows {
position: relative;
z-index: 1;
display: grid;
gap: 9px
}

.s6-board-row {
min-height: 104px;
padding: 0 17px;
display: grid;
grid-template-columns: 1fr 126px 150px;
gap: 20px;
align-items: center;
border: 1px solid rgba(255, 255, 255, .085);
border-radius: 15px;
background: rgba(255, 255, 255, .035);
transition: background .2s, border-color .2s, transform .2s
}

.s6-board-row:hover {
border-color: rgba(112, 230, 255, .24);
background: rgba(112, 230, 255, .055);
transform: translateX(-4px)
}

.s6-board-row>strong {
font-size: 16px
}

.s6-row-spark {
width: 112px;
height: 38px;
justify-self: end;
overflow: visible
}

.s6-row-spark path:not(.area) {
fill: none;
stroke: #6ee8c2;
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round
}

.s6-row-spark .area {
fill: rgba(75, 222, 184, .08);
stroke: none
}

.s6-row-spark.down path:not(.area) {
stroke: #f280aa
}

.s6-row-spark.down .area {
fill: rgba(242, 128, 170, .07)
}

.s6-board-row>div {
text-align: right
}

.s6-board-row>div span,
.s6-board-row>div b {
display: block
}

.s6-board-row>div span {
font-size: 17px;
font-weight: 730
}

.s6-board-row>div b {
margin-top: 7px;
color: #5bdcb9;
font-size: 14px
}

.s6-board-row>div b.down {
color: #f085aa
}

.s6-board-foot {
margin-top: 23px;
padding-top: 19px;
display: flex;
justify-content: space-between;
border-top: 1px solid rgba(255, 255, 255, .09);
color: #75859c;
font-size: 14px;
font-weight: 670;
letter-spacing: .06em
}

.s6-board-foot svg {
width: 19px;
color: #70e6ff
}

.s6-explorer-note {
margin: 17px 7px 0;
display: flex;
gap: 8px;
color: #6f7e95;
font-size: 14px;
line-height: 1.45
}

.s6-explorer-note span {
color: #aa8cff
}

@keyframes s6-panel-in {
from {
opacity: 0;
transform: translateY(8px)
}

to {
opacity: 1;
transform: none
}
}

@media(max-width:1100px) {
.s6-markets-head {
grid-template-columns: 1fr;
gap: 25px
}

.s6-markets-head p {
max-width: 780px
}

.s6-explorer-tabs {
display: flex;
overflow-x: auto;
scrollbar-width: none
}

.s6-explorer-tabs::-webkit-scrollbar {
display: none
}

.s6-explorer-tabs button {
min-width: 168px
}

.s6-explorer-panel {
padding: 48px;
grid-template-columns: 1fr;
gap: 48px
}

.s6-explorer-board {
max-width: 760px;
width: 100%
}
}

@media(max-width:760px) {
.s6-markets {
padding: 89px 0 95px
}

.s6-markets-inner {
width: calc(100% - 40px)
}

.s6-markets-head {
gap: 23px
}

.s6-markets-head h2 {
font-size: 47px
}

.s6-shell:lang(zh-Hans) .s6-markets-head h2 {
font-size: 42px
}

.s6-markets-head p {
font-size: 20px;
line-height: 1.48
}

.s6-explorer {
margin-top: 43px;
border-radius: 23px
}

.s6-explorer-tabs {
padding: 8px
}

.s6-explorer-tabs button {
min-width: 132px;
min-height: 62px;
padding: 0 13px;
font-size: 14px
}

.s6-explorer-tabs button svg {
width: 19px
}

.s6-explorer-tabs button.active:after {
bottom: -9px
}

.s6-explorer-panel {
min-height: 0;
padding: 30px 20px 22px;
gap: 38px
}

.s6-explorer-icon {
width: 58px;
height: 58px
}

.s6-explorer-icon svg {
width: 26px
}

.s6-explorer-kicker>div strong {
font-size: 34px
}

.s6-explorer-kicker>div span {
font-size: 14px
}

.s6-explorer-copy h3 {
margin-top: 29px;
font-size: 35px
}

.s6-explorer-copy>p {
font-size: 16px
}

.s6-explorer-meta {
display: grid;
gap: 12px
}

.s6-explorer-link {
width: 100%;
justify-content: center
}

.s6-explorer-board {
padding: 20px 14px;
border-radius: 19px
}

.s6-board-head>div strong {
font-size: 23px
}

.s6-board-live {
font-size: 14px
}

.s6-board-column-head {
grid-template-columns: 1fr 105px;
padding: 0 10px 11px
}

.s6-board-column-head span:nth-child(2) {
display: none
}

.s6-board-column-head span:nth-child(3) {
text-align: right
}

.s6-board-row {
min-height: 87px;
padding: 0 10px;
grid-template-columns: 1fr 105px;
gap: 10px
}

.s6-board-row>strong {
font-size: 14px
}

.s6-row-spark {
display: none
}

.s6-board-row>div span {
font-size: 15px
}

.s6-explorer-note {
font-size: 14px
}
}

/* Section 4: MetaTrader 5 platform */
.s6-platform {
position: relative;
padding: 132px 0 145px;
overflow: hidden;
background: radial-gradient(circle at 10% 18%, rgba(112, 230, 255, .16), transparent 27%), radial-gradient(circle at 90% 76%, rgba(173, 92, 235, .14), transparent 29%), linear-gradient(180deg, #f8f9fd, #f1f4fa);
color: #08162e
}

.s6-platform:before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: min(1440px, calc(100% - 80px));
height: 1px;
background: linear-gradient(90deg, transparent, rgba(142, 113, 238, .32), transparent);
transform: translateX(-50%)
}

.s6-platform-inner {
position: relative;
z-index: 2;
width: min(1440px, calc(100% - 80px));
margin: auto
}

.s6-platform-head {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(430px, .74fr);
gap: 95px;
align-items: end
}

.s6-platform-head h2 {
max-width: 880px;
margin: 0;
font-size: clamp(58px, 5.2vw, 78px);
line-height: .98;
letter-spacing: -.058em;
font-weight: 750
}

.s6-platform-head h2 em {
font-style: normal;
color: transparent;
background: linear-gradient(100deg, #6247dd 0%, #af4de2 55%, #ed69cb 100%);
-webkit-background-clip: text;
background-clip: text
}

.s6-platform-head>p {
max-width: 650px;
margin: 0 0 8px;
color: #253650;
font-size: 24px;
font-weight: 610;
line-height: 1.45;
letter-spacing: -.018em
}

.s6-platform-layout {
margin-top: 72px;
display: grid;
grid-template-columns: minmax(600px, 1.07fr) minmax(430px, .93fr);
gap: 82px;
align-items: center
}

.s6-device-stage {
position: relative;
min-height: 650px;
border: 1px solid rgba(120, 205, 244, .24);
border-radius: 34px;
background: radial-gradient(circle at 64% 40%, rgba(88, 78, 228, .36), transparent 32%), radial-gradient(circle at 24% 80%, rgba(53, 199, 229, .16), transparent 31%), linear-gradient(145deg, #06162f, #0b1740 57%, #251048);
box-shadow: 0 38px 90px rgba(16, 24, 59, .24), inset 0 1px rgba(255, 255, 255, .09);
overflow: hidden;
isolation: isolate
}

.s6-device-stage:before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .028) 1px, transparent 1px);
background-size: 55px 55px;
mask-image: linear-gradient(180deg, transparent, #000 25%, #000 86%, transparent);
pointer-events: none
}

.s6-stage-meta {
position: absolute;
z-index: 5;
top: 29px;
left: 31px;
right: 31px;
display: flex;
align-items: center;
justify-content: space-between
}

.s6-stage-meta>div {
display: flex;
align-items: center;
gap: 13px
}

.s6-mt5-mark {
width: 46px;
height: 46px;
display: grid;
place-items: center;
border: 1px solid rgba(113, 223, 252, .4);
border-radius: 14px;
background: linear-gradient(145deg, #6044dc, #e85ad8);
color: #fff;
font-size: 23px;
font-weight: 850;
box-shadow: 0 12px 28px rgba(110, 65, 215, .28)
}

.s6-stage-meta p,
.s6-stage-meta strong,
.s6-stage-meta small {
display: block;
margin: 0
}

.s6-stage-meta strong {
color: #fff;
font-size: 17px
}

.s6-stage-meta small {
margin-top: 4px;
color: #8fa1b9;
font-size: 14px
}

.s6-stage-meta>span {
color: #9aa7ba;
font-size: 14px;
font-weight: 680
}

.s6-device-glow {
position: absolute;
z-index: 0;
left: 15%;
right: 9%;
top: 22%;
height: 50%;
border-radius: 50%;
background: rgba(107, 81, 236, .35);
filter: blur(65px)
}

.s6-laptop {
position: absolute;
z-index: 2;
left: 2%;
bottom: 93px;
width: 83%;
height: auto;
filter: drop-shadow(0 35px 32px rgba(0, 0, 0, .38));
transform: rotate(-1.5deg)
}

.s6-phone {
position: absolute;
z-index: 3;
right: 5.5%;
bottom: 93px;
width: 175px;
height: 368px;
padding: 7px;
border: 1px solid rgba(255, 255, 255, .34);
border-radius: 38px;
background: linear-gradient(145deg, #1b2435, #050812 58%, #1c2537);
box-shadow: -22px 30px 52px rgba(0, 0, 0, .45), inset 0 0 0 2px #080c15;
transform: rotate(4.2deg)
}

.s6-phone>span {
position: absolute;
z-index: 3;
top: 13px;
left: 50%;
width: 72px;
height: 19px;
border-radius: 999px;
background: #03050a;
transform: translateX(-50%)
}

.s6-phone>div {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 31px;
background: #000
}

.s6-phone img {
object-fit: cover;
object-position: center top
}

.s6-phone>i {
position: absolute;
z-index: 4;
right: -2px;
top: 92px;
width: 3px;
height: 46px;
border-radius: 4px;
background: #242b38
}

.s6-stage-rail {
position: absolute;
z-index: 5;
left: 29px;
right: 29px;
bottom: 25px;
height: 58px;
padding: 0 20px;
display: grid;
grid-template-columns: repeat(3, 1fr);
align-items: center;
border: 1px solid rgba(255, 255, 255, .11);
border-radius: 17px;
background: rgba(3, 12, 31, .68);
backdrop-filter: blur(16px)
}

.s6-stage-rail span {
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
color: #b7c2d2;
font-size: 14px;
font-weight: 680
}

.s6-stage-rail span+span {
border-left: 1px solid rgba(255, 255, 255, .1)
}

.s6-stage-rail svg {
width: 18px;
color: #73e5f9
}

.s6-platform-story {
min-width: 0
}

.s6-platform-name {
display: flex;
align-items: center;
gap: 14px
}

.s6-platform-name strong,
.s6-platform-name small {
display: block
}

.s6-platform-name strong {
font-size: 19px
}

.s6-platform-name small {
margin-top: 5px;
color: #728095;
font-size: 14px
}

.s6-platform-story h3 {
max-width: 620px;
margin: 34px 0 19px;
font-size: 48px;
line-height: 1.04;
letter-spacing: -.048em
}

.s6-platform-story>p {
max-width: 620px;
margin: 0;
color: #5f6c80;
font-size: 18px;
line-height: 1.65
}

.s6-platform-features {
margin-top: 33px;
border-top: 1px solid rgba(8, 22, 46, .12)
}

.s6-platform-features>div {
padding: 21px 0;
display: grid;
grid-template-columns: 50px 1fr;
gap: 17px;
align-items: start;
border-bottom: 1px solid rgba(8, 22, 46, .12)
}

.s6-platform-features>div>span {
width: 50px;
height: 50px;
display: grid;
place-items: center;
border: 1px solid rgba(100, 71, 220, .15);
border-radius: 14px;
background: linear-gradient(145deg, rgba(99, 71, 220, .08), rgba(65, 187, 223, .09));
color: #6949df
}

.s6-platform-features svg {
width: 23px
}

.s6-platform-features p,
.s6-platform-features strong,
.s6-platform-features small {
display: block;
margin: 0
}

.s6-platform-features strong {
font-size: 17px
}

.s6-platform-features small {
max-width: 560px;
margin-top: 7px;
color: #6b7789;
font-size: 14px;
line-height: 1.5
}

.s6-device-options {
margin-top: 28px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 9px
}

.s6-device-options>div {
min-height: 84px;
padding: 14px;
display: flex;
align-items: center;
gap: 11px;
border: 1px solid rgba(8, 22, 46, .1);
border-radius: 14px;
background: rgba(255, 255, 255, .62)
}

.s6-device-options svg {
width: 21px;
flex: 0 0 auto;
color: #6647dc
}

.s6-device-options p,
.s6-device-options strong,
.s6-device-options span {
display: block;
margin: 0
}

.s6-device-options strong {
font-size: 14px
}

.s6-device-options span {
margin-top: 5px;
color: #7c8798;
font-size: 14px;
line-height: 1.25
}

.s6-platform-actions {
margin-top: 32px;
display: flex;
gap: 10px
}

.s6-platform-actions .s6-cta {
background: linear-gradient(110deg, #7640ea, #ed61da);
color: #fff !important;
box-shadow: 0 17px 38px rgba(126, 67, 218, .28)
}

.s6-platform-download {
min-height: 56px;
padding: 0 22px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 13px;
border: 1px solid rgba(8, 22, 46, .19);
border-radius: 13px;
background: rgba(255, 255, 255, .58);
color: #101b33 !important;
font-size: 15px;
font-weight: 750;
transition: transform .2s, background .2s, border-color .2s
}

.s6-platform-download svg {
width: 18px
}

.s6-platform-download:hover {
border-color: rgba(102, 70, 220, .35);
background: #fff;
transform: translateY(-2px)
}

@media(max-width:1180px) {
.s6-platform-head {
grid-template-columns: 1fr;
gap: 25px
}

.s6-platform-head>p {
max-width: 800px
}

.s6-platform-layout {
grid-template-columns: 1fr;
gap: 60px
}

.s6-device-stage {
max-width: 820px;
width: 100%;
margin: auto
}

.s6-platform-story {
max-width: 820px;
margin: auto
}

.s6-platform-story h3,
.s6-platform-story>p {
max-width: 760px
}
}

@media(max-width:760px) {
.s6-platform {
padding: 89px 0 96px
}

.s6-platform-inner {
width: calc(100% - 40px)
}

.s6-platform:before {
width: calc(100% - 40px)
}

.s6-platform-head {
gap: 23px
}

.s6-platform-head h2 {
font-size: 47px
}

.s6-shell:lang(zh-Hans) .s6-platform-head h2 {
font-size: 41px
}

.s6-platform-head>p {
font-size: 20px;
line-height: 1.48
}

.s6-platform-layout {
margin-top: 45px;
gap: 47px
}

.s6-device-stage {
min-height: 455px;
border-radius: 25px
}

.s6-stage-meta {
top: 21px;
left: 20px;
right: 20px
}

.s6-stage-meta>span {
display: none
}

.s6-mt5-mark {
width: 42px;
height: 42px
}

.s6-stage-meta strong {
font-size: 15px
}

.s6-stage-meta small {
font-size: 14px
}

.s6-laptop {
left: -7%;
bottom: 92px;
width: 103%;
transform: rotate(-2deg)
}

.s6-phone {
right: 3%;
bottom: 84px;
width: 116px;
height: 245px;
padding: 5px;
border-radius: 27px
}

.s6-phone>div {
border-radius: 22px
}

.s6-phone>span {
top: 9px;
width: 50px;
height: 13px
}

.s6-stage-rail {
left: 14px;
right: 14px;
bottom: 14px;
height: 62px;
padding: 0 6px
}

.s6-stage-rail span {
gap: 6px;
font-size: 14px;
text-align: center
}

.s6-stage-rail svg {
width: 16px
}

.s6-platform-name {
display: none
}

.s6-platform-story h3 {
margin-top: 0;
font-size: 36px
}

.s6-platform-story>p {
font-size: 16px
}

.s6-platform-features {
margin-top: 29px
}

.s6-platform-features>div {
grid-template-columns: 47px 1fr;
gap: 14px;
padding: 19px 0
}

.s6-platform-features>div>span {
width: 47px;
height: 47px
}

.s6-platform-features strong {
font-size: 16px
}

.s6-platform-features small {
font-size: 14px
}

.s6-device-options {
grid-template-columns: 1fr
}

.s6-device-options>div {
min-height: 70px
}

.s6-device-options p {
display: flex !important;
align-items: center;
gap: 8px
}

.s6-device-options span {
margin-top: 0
}

.s6-platform-actions {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px
}

.s6-platform-actions .s6-cta,
.s6-platform-download {
width: 100%;
padding: 0 10px;
font-size: 14px
}
}

/* Section 4, iteration 1: immersive chart visual and tighter fold */
.s6-platform {
padding: 72px 0 76px
}

.s6-platform-head h2 {
font-size: clamp(56px, 4.7vw, 72px)
}

.s6-platform-layout {
margin-top: 38px;
grid-template-columns: minmax(590px, 1.06fr) minmax(430px, .94fr);
gap: 68px
}

.s6-device-stage {
min-height: 500px
}

.s6-platform-backdrop {
z-index: 0;
object-fit: cover;
object-position: center
}

.s6-platform-scrim {
position: absolute;
z-index: 1;
inset: 0;
background: linear-gradient(90deg, rgba(2, 10, 28, .96) 0%, rgba(2, 10, 28, .8) 37%, rgba(2, 10, 28, .24) 70%), linear-gradient(0deg, rgba(2, 9, 25, .94), transparent 44%), linear-gradient(180deg, rgba(2, 9, 25, .32), transparent 34%)
}

.s6-stage-meta {
z-index: 4;
top: 25px;
left: 27px;
right: 27px
}

.s6-stage-meta .s6-mt5-mark {
width: 42px;
height: 42px;
font-size: 21px
}

.s6-stage-message {
position: absolute;
z-index: 4;
left: 31px;
right: 46%;
bottom: 103px
}

.s6-stage-message h3 {
max-width: 420px;
margin: 0;
color: #fff;
font-size: 43px;
line-height: 1.02;
letter-spacing: -.045em
}

.s6-stage-message p {
max-width: 400px;
margin: 15px 0 0;
color: #b9c5d8;
font-size: 15px;
line-height: 1.55
}

.s6-stage-rail {
z-index: 4;
left: 22px;
right: 22px;
bottom: 20px;
height: 60px
}

.s6-platform-story h3 {
margin: 0 0 14px;
font-size: 42px
}

.s6-platform-story>p {
font-size: 16px;
line-height: 1.55
}

.s6-platform-features {
margin-top: 22px
}

.s6-platform-features>div {
padding: 14px 0;
grid-template-columns: 43px 1fr;
gap: 14px
}

.s6-platform-features>div>span {
width: 43px;
height: 43px;
border-radius: 12px
}

.s6-platform-features svg {
width: 20px
}

.s6-platform-features strong {
font-size: 16px
}

.s6-platform-features small {
margin-top: 5px;
font-size: 14px;
line-height: 1.42
}

.s6-device-options {
margin-top: 20px
}

.s6-device-options>div {
min-height: 66px;
padding: 10px 12px
}

.s6-platform-actions {
margin-top: 22px
}

.s6-platform-actions .s6-cta,
.s6-platform-download {
min-height: 52px
}

@media(max-width:1180px) {
.s6-platform-layout {
grid-template-columns: 1fr;
gap: 48px
}

.s6-device-stage {
min-height: 540px
}

.s6-platform-story {
max-width: 820px
}
}

@media(max-width:760px) {
.s6-platform {
padding: 82px 0 88px
}

.s6-platform-head h2 {
font-size: 45px
}

.s6-platform-layout {
margin-top: 38px;
gap: 42px
}

.s6-device-stage {
min-height: 455px
}

.s6-platform-backdrop {
object-position: 58% center
}

.s6-platform-scrim {
background: linear-gradient(90deg, rgba(2, 10, 28, .95), rgba(2, 10, 28, .52)), linear-gradient(0deg, rgba(2, 9, 25, .96), transparent 56%)
}

.s6-stage-message {
left: 22px;
right: 22px;
bottom: 99px
}

.s6-stage-message h3 {
max-width: 300px;
font-size: 35px
}

.s6-stage-message p {
max-width: 300px;
font-size: 14px
}

.s6-platform-story h3 {
font-size: 34px
}

.s6-platform-features>div {
padding: 15px 0
}

.s6-device-options {
grid-template-columns: 1fr
}

.s6-platform-actions {
margin-top: 20px
}
}

/* Markets/Product section: compact desktop fold */
@media(min-width:1101px) {
.s6-markets {
padding: 68px 0 62px
}

.s6-markets-head {
gap: 72px
}

.s6-markets-head h2 {
font-size: clamp(58px, 5.2vw, 78px)
}

.s6-markets-head p {
max-width: 630px;
font-size: 22px;
line-height: 1.42
}

.s6-explorer {
margin-top: 38px;
border-radius: 27px
}

.s6-explorer-tabs {
padding: 10px
}

.s6-explorer-tabs button {
min-height: 68px;
border-radius: 16px;
font-size: 17px;
gap: 12px
}

.s6-explorer-tabs button svg {
width: 24px
}

.s6-explorer-tabs button.active:after {
bottom: -11px
}

.s6-explorer-panel {
min-height: 448px;
padding: 38px 44px;
grid-template-columns: minmax(340px, .82fr) minmax(500px, 1.18fr);
gap: 60px
}

.s6-explorer-icon {
width: 62px;
height: 62px;
border-radius: 17px
}

.s6-explorer-icon svg {
width: 28px
}

.s6-explorer-kicker {
gap: 17px
}

.s6-explorer-kicker>div strong {
font-size: 36px
}

.s6-explorer-kicker>div span {
margin-top: 5px;
font-size: 14px
}

.s6-explorer-copy h3 {
margin: 24px 0 13px;
font-size: 42px
}

.s6-explorer-copy>p {
font-size: 16px;
line-height: 1.55
}

.s6-symbols {
margin-top: 19px
}

.s6-symbols span {
padding: 8px 11px;
font-size: 14px
}

.s6-explorer-meta {
margin-top: 20px;
padding-top: 17px;
gap: 25px
}

.s6-explorer-meta span {
font-size: 16px
}

.s6-explorer-link {
margin-top: 23px;
min-height: 52px;
padding: 0 20px;
font-size: 15px
}

.s6-explorer-board {
padding: 23px 24px;
border-radius: 22px
}

.s6-board-head>div strong {
margin-top: 5px;
font-size: 25px
}

.s6-board-head>div span {
font-size: 14px
}

.s6-board-live {
padding: 8px 10px
}

.s6-board-column-head {
margin-top: 20px;
padding: 0 14px 9px;
grid-template-columns: 1fr 112px 136px;
gap: 17px
}

.s6-board-row {
min-height: 75px;
padding: 0 14px;
grid-template-columns: 1fr 112px 136px;
gap: 17px;
border-radius: 13px
}

.s6-board-rows {
gap: 8px
}

.s6-board-row>strong {
font-size: 15px
}

.s6-row-spark {
width: 102px;
height: 34px
}

.s6-board-row>div span {
font-size: 16px
}

.s6-board-row>div b {
margin-top: 4px;
font-size: 14px
}

.s6-board-foot {
margin-top: 16px;
padding-top: 14px
}

.s6-explorer-note {
margin-top: 13px
}
}

/* Section 5: RockCopy discovery and control */
.s6-copy {
position: relative;
background: #040b1d;
color: #fff
}

.s6-copy-inner {
position: relative;
width: min(1440px, calc(100% - 80px));
min-height: 100vh;
margin: auto;
padding: 104px 0 82px
}

.s6-copy-inner:before {
content: "";
position: absolute;
z-index: 0;
top: 0;
left: 50%;
width: 100%;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(130, 216, 255, .3), transparent);
transform: translateX(-50%)
}

.s6-copy:before {
content: "";
position: absolute;
inset: 0 0 auto;
height: 100vh;
background: radial-gradient(circle at 76% 18%, rgba(143, 78, 225, .22), transparent 29%), radial-gradient(circle at 12% 75%, rgba(44, 192, 225, .13), transparent 25%), linear-gradient(145deg, #030b1d, #07172f 52%, #190b37);
pointer-events: none
}

.s6-copy-head,
.s6-copy-explorer,
.s6-copy-disclaimer {
position: relative;
z-index: 2
}

.s6-copy-head {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(430px, .75fr);
gap: 95px;
align-items: end
}

.s6-copy-head h2,
.s6-copy-journey header h2 {
margin: 0;
font-size: clamp(58px, 5.2vw, 78px);
line-height: .98;
letter-spacing: -.058em
}

.s6-copy-head h2 em,
.s6-copy-journey header h2 em {
font-style: normal;
color: transparent;
background: linear-gradient(100deg, #70e6ff, #9b82ff 46%, #ef79e9);
-webkit-background-clip: text;
background-clip: text
}

.s6-copy-head p {
max-width: 650px;
margin: 0 0 8px;
color: #d0d8e7;
font-size: 23px;
font-weight: 600;
line-height: 1.47;
letter-spacing: -.016em
}

.s6-copy-explorer {
margin-top: 64px;
border: 1px solid rgba(131, 213, 255, .18);
border-radius: 30px;
background: linear-gradient(145deg, rgba(7, 23, 49, .96), rgba(21, 13, 52, .94));
box-shadow: 0 42px 100px rgba(0, 0, 0, .34);
overflow: hidden
}

.s6-copy-tabs {
padding: 12px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
border-bottom: 1px solid rgba(255, 255, 255, .1);
background: rgba(2, 9, 26, .48)
}

.s6-copy-tabs button {
position: relative;
min-height: 70px;
padding: 0 18px;
display: flex;
align-items: center;
justify-content: center;
gap: 11px;
border: 1px solid transparent;
border-radius: 16px;
background: transparent;
color: #93a0b4;
font-size: 16px;
font-weight: 720;
cursor: pointer;
transition: color .2s, background .2s, border-color .2s
}

.s6-copy-tabs svg {
width: 22px
}

.s6-copy-tabs button:hover {
color: #fff;
background: rgba(255, 255, 255, .045)
}

.s6-copy-tabs button.active {
border-color: rgba(126, 227, 255, .27);
background: linear-gradient(135deg, rgba(76, 212, 244, .12), rgba(163, 83, 235, .17));
color: #fff
}

.s6-copy-tabs button.active:after {
content: "";
position: absolute;
left: 28%;
right: 28%;
bottom: -13px;
height: 3px;
border-radius: 3px;
background: linear-gradient(90deg, #6ee5ff, #ae80ff, #ef76e7);
box-shadow: 0 0 16px rgba(144, 133, 255, .6)
}

.s6-copy-tabs button:focus-visible,
.s6-copy-list button:focus-visible {
outline: 3px solid rgba(112, 230, 255, .46);
outline-offset: 2px
}

.s6-copy-provider-layout {
padding: 30px;
display: grid;
grid-template-columns: minmax(0, 1.34fr) minmax(410px, .66fr);
gap: 18px;
animation: s6-panel-in .36s ease both
}

.s6-copy-featured {
min-height: 515px;
display: grid;
grid-template-columns: minmax(230px, .72fr) minmax(380px, 1.28fr);
border: 1px solid rgba(126, 220, 255, .2);
border-radius: 24px;
background: linear-gradient(145deg, rgba(12, 35, 66, .96), rgba(22, 15, 57, .97));
overflow: hidden
}

.s6-copy-person {
min-height: 100%;
background-color: #101a35;
background-repeat: no-repeat
}

.s6-copy-person-1 {
background-image: linear-gradient(0deg, rgba(4, 12, 30, .86), transparent 48%), url('../images/rg-rockcopy-featured-provider-v1.webp');
background-size: cover;
background-position: center top
}

.s6-copy-person-2 {
background-image: linear-gradient(0deg, rgba(4, 12, 30, .72), transparent 55%), url('../images/rg-hero-profile.webp');
background-size: auto 96%;
background-position: center bottom
}

.s6-copy-person-3 {
background-image: linear-gradient(0deg, rgba(4, 12, 30, .72), transparent 55%), url('../images/rg-copy-human.webp');
background-size: auto 320%;
background-position: 37% 40%
}

.s6-copy-person-4 {
background-image: linear-gradient(0deg, rgba(4, 12, 30, .72), transparent 55%), url('../images/rg-copy-human.webp');
background-size: auto 320%;
background-position: 61% 40%
}

.s6-copy-feature-copy {
padding: 31px 30px 26px;
display: flex;
flex-direction: column
}

.s6-copy-badge {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px
}

.s6-copy-badge>span {
padding: 8px 11px;
display: flex;
align-items: center;
gap: 8px;
border: 1px solid rgba(89, 222, 191, .2);
border-radius: 999px;
background: rgba(50, 197, 159, .08);
color: #8ee7ca;
font-size: 14px;
font-weight: 740;
text-transform: uppercase;
letter-spacing: .06em
}

.s6-copy-badge i {
width: 7px;
height: 7px;
border-radius: 50%;
background: #59ddba;
box-shadow: 0 0 10px #59ddba
}

.s6-copy-badge small {
max-width: 185px;
color: #73849a;
font-size: 14px;
line-height: 1.3;
text-align: right
}

.s6-copy-feature-copy h3 {
margin: 23px 0 4px;
font-size: 37px;
line-height: 1;
letter-spacing: -.04em
}

.s6-copy-feature-copy>p {
margin: 0;
color: #9aa8bb;
font-size: 15px
}

.s6-copy-hero-stat {
margin-top: 27px;
display: flex;
align-items: end;
gap: 12px
}

.s6-copy-hero-stat strong {
font-size: 61px;
line-height: .9;
letter-spacing: -.055em;
color: #75e7c6
}

.s6-copy-hero-stat span {
padding-bottom: 4px;
color: #93a2b7;
font-size: 14px
}

.s6-copy-chart {
height: 59px;
margin-top: 18px;
display: flex;
align-items: end;
gap: 6px;
border-bottom: 1px solid rgba(255, 255, 255, .1);
background: linear-gradient(180deg, transparent, rgba(93, 219, 191, .025))
}

.s6-copy-chart i {
width: 100%;
border-radius: 4px 4px 0 0;
background: linear-gradient(#6be6c3, rgba(105, 230, 195, .16))
}

.s6-copy-chart i:nth-child(1) {
height: 20%
}

.s6-copy-chart i:nth-child(2) {
height: 34%
}

.s6-copy-chart i:nth-child(3) {
height: 29%
}

.s6-copy-chart i:nth-child(4) {
height: 47%
}

.s6-copy-chart i:nth-child(5) {
height: 39%
}

.s6-copy-chart i:nth-child(6) {
height: 61%
}

.s6-copy-chart i:nth-child(7) {
height: 53%
}

.s6-copy-chart i:nth-child(8) {
height: 72%
}

.s6-copy-chart i:nth-child(9) {
height: 65%
}

.s6-copy-chart i:nth-child(10) {
height: 84%
}

.s6-copy-chart i:nth-child(11) {
height: 76%
}

.s6-copy-chart i:nth-child(12) {
height: 94%
}

.s6-copy-feature-stats {
margin-top: 20px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px
}

.s6-copy-feature-stats>div {
padding: 13px;
border: 1px solid rgba(255, 255, 255, .09);
border-radius: 12px;
background: rgba(255, 255, 255, .035)
}

.s6-copy-feature-stats strong,
.s6-copy-feature-stats span {
display: block
}

.s6-copy-feature-stats strong {
font-size: 18px
}

.s6-copy-feature-stats span {
margin-top: 6px;
color: #7f8da3;
font-size: 14px
}

.s6-copy-feature-foot {
margin-top: auto;
padding-top: 20px;
display: flex;
align-items: center;
justify-content: space-between
}

.s6-copy-feature-foot>span,
.s6-copy-feature-foot>a {
display: flex;
align-items: center;
gap: 9px;
font-size: 14px;
font-weight: 700
}

.s6-copy-feature-foot>span {
color: #9aabc0
}

.s6-copy-feature-foot svg {
width: 18px;
color: #76e7fb
}

.s6-copy-list {
display: grid;
grid-template-rows: repeat(3, 1fr) auto;
gap: 10px
}

.s6-copy-list button {
min-width: 0;
padding: 16px;
display: grid;
grid-template-columns: 52px 1fr 86px 82px 18px;
gap: 12px;
align-items: center;
border: 1px solid rgba(255, 255, 255, .1);
border-radius: 17px;
background: rgba(255, 255, 255, .035);
color: #fff;
text-align: left;
cursor: pointer;
transition: background .2s, border-color .2s, transform .2s
}

.s6-copy-list button:hover {
border-color: rgba(112, 230, 255, .26);
background: rgba(112, 230, 255, .055);
transform: translateX(-3px)
}

.s6-copy-avatar {
width: 52px;
height: 52px;
display: block;
border: 1px solid rgba(255, 255, 255, .12);
border-radius: 14px;
background-repeat: no-repeat;
background-color: #172442
}

.s6-copy-list-name strong,
.s6-copy-list-name small,
.s6-copy-list-stat strong,
.s6-copy-list-stat small {
display: block
}

.s6-copy-list-name strong {
font-size: 14px
}

.s6-copy-list-name small {
margin-top: 5px;
color: #8593a7;
font-size: 14px
}

.s6-copy-list-stat {
text-align: right
}

.s6-copy-list-stat strong {
font-size: 14px
}

.s6-copy-list-stat small {
margin-top: 5px;
color: #758398;
font-size: 14px
}

.s6-copy-list button>svg {
width: 17px;
color: #76e8fb
}

.s6-copy-all {
min-height: 52px;
padding: 0 18px;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
border: 1px solid rgba(156, 123, 244, .24);
border-radius: 14px;
background: linear-gradient(110deg, rgba(111, 64, 226, .45), rgba(230, 79, 207, .32));
font-size: 14px;
font-weight: 740
}

.s6-copy-all svg {
width: 18px
}

.s6-copy-disclaimer {
margin: 15px 6px 0;
display: flex;
align-items: center;
gap: 8px;
color: #708096;
font-size: 14px;
line-height: 1.4
}

.s6-copy-disclaimer svg {
width: 16px;
flex: 0 0 auto;
color: #8b7aeb
}

.s6-copy-journey {
position: relative;
min-height: 100vh;
padding: 106px 0 112px;
background: radial-gradient(circle at 8% 20%, rgba(104, 220, 250, .13), transparent 26%), radial-gradient(circle at 88% 74%, rgba(187, 84, 230, .14), transparent 28%), linear-gradient(180deg, #f8f9fd, #eef3f9);
color: #08162e;
overflow: hidden
}

.s6-copy-journey-inner {
width: min(1440px, calc(100% - 80px));
margin: auto
}

.s6-copy-journey header {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(430px, .75fr);
gap: 95px;
align-items: end
}

.s6-copy-journey header h2 em {
background: linear-gradient(100deg, #6146dc, #ac4edf 55%, #ed69c9);
-webkit-background-clip: text;
background-clip: text
}

.s6-copy-journey header p {
max-width: 650px;
margin: 0 0 8px;
color: #283a53;
font-size: 23px;
font-weight: 600;
line-height: 1.47
}

.s6-copy-steps {
margin-top: 58px;
display: grid;
grid-template-columns: repeat(4, 1fr);
border: 1px solid rgba(8, 22, 46, .1);
border-radius: 20px;
background: rgba(255, 255, 255, .62);
overflow: hidden
}

.s6-copy-steps>div {
min-height: 142px;
padding: 24px;
display: grid;
grid-template-columns: 55px 1fr;
gap: 16px;
align-items: start
}

.s6-copy-steps>div+div {
border-left: 1px solid rgba(8, 22, 46, .1)
}

.s6-copy-steps>div>strong {
color: rgba(96, 70, 216, .33);
font-size: 34px;
line-height: 1
}

.s6-copy-steps b,
.s6-copy-steps small {
display: block
}

.s6-copy-steps b {
font-size: 17px
}

.s6-copy-steps small {
margin-top: 9px;
color: #697689;
font-size: 14px;
line-height: 1.45
}

.s6-copy-control-layout {
margin-top: 20px;
display: grid;
grid-template-columns: minmax(0, 1.12fr) minmax(430px, .88fr);
gap: 20px
}

.s6-copy-human {
position: relative;
min-height: 510px;
border-radius: 27px;
overflow: hidden;
background: #06152f
}

.s6-copy-human img {
object-fit: cover
}

.s6-copy-human>div {
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(2, 10, 28, .88), rgba(2, 10, 28, .19) 65%), linear-gradient(0deg, rgba(2, 10, 28, .84), transparent 55%)
}

.s6-copy-human h3 {
position: absolute;
left: 38px;
bottom: 36px;
max-width: 520px;
margin: 0;
color: #fff;
font-size: 48px;
line-height: 1.04;
letter-spacing: -.045em
}

.s6-copy-control-card {
min-height: 510px;
padding: 34px;
display: flex;
flex-direction: column;
border: 1px solid rgba(93, 71, 213, .14);
border-radius: 27px;
background: rgba(255, 255, 255, .84);
box-shadow: 0 30px 70px rgba(25, 34, 70, .12)
}

.s6-copy-control-head {
display: grid;
grid-template-columns: 58px 1fr;
gap: 17px;
align-items: start
}

.s6-copy-control-head>span {
width: 58px;
height: 58px;
display: grid;
place-items: center;
border: 1px solid rgba(100, 72, 218, .16);
border-radius: 16px;
background: linear-gradient(145deg, rgba(105, 73, 221, .1), rgba(55, 190, 224, .09));
color: #6849de
}

.s6-copy-control-head svg {
width: 27px
}

.s6-copy-control-head h3 {
margin: 1px 0 0;
font-size: 30px;
line-height: 1.08;
letter-spacing: -.035em
}

.s6-copy-control-head p {
margin: 8px 0 0;
color: #6d7889;
font-size: 14px;
line-height: 1.45
}

.s6-copy-control-values {
margin-top: 27px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px
}

.s6-copy-control-values>div {
padding: 17px;
border: 1px solid rgba(8, 22, 46, .1);
border-radius: 13px;
background: #f6f8fc
}

.s6-copy-control-values span,
.s6-copy-control-values strong {
display: block
}

.s6-copy-control-values span {
color: #718096;
font-size: 14px
}

.s6-copy-control-values strong {
margin-top: 7px;
font-size: 25px
}

.s6-copy-range {
position: relative;
height: 6px;
margin: 28px 3px 25px;
border-radius: 10px;
background: #dfe3ec
}

.s6-copy-range i {
position: absolute;
inset: 0 34% 0 0;
border-radius: inherit;
background: linear-gradient(90deg, #6346dc, #e75bd0)
}

.s6-copy-range span {
position: absolute;
left: 64%;
top: 50%;
width: 18px;
height: 18px;
border: 4px solid #fff;
border-radius: 50%;
background: #bc55de;
box-shadow: 0 3px 11px rgba(73, 45, 158, .28);
transform: translate(-50%, -50%)
}

.s6-copy-switches {
display: grid;
gap: 0;
border-top: 1px solid rgba(8, 22, 46, .1)
}

.s6-copy-switches>div {
min-height: 58px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid rgba(8, 22, 46, .1);
font-size: 14px;
font-weight: 650
}

.s6-copy-switches i {
position: relative;
width: 42px;
height: 24px;
border-radius: 999px;
background: #d6dbe5
}

.s6-copy-switches i:after {
content: "";
position: absolute;
top: 4px;
left: 4px;
width: 16px;
height: 16px;
border-radius: 50%;
background: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, .15)
}

.s6-copy-switches i.on {
background: linear-gradient(90deg, #6849df, #d85ad9)
}

.s6-copy-switches i.on:after {
left: 22px
}

.s6-copy-control-card>.s6-cta {
width: 100%;
margin-top: auto;
background: linear-gradient(110deg, #7540e8, #eb5dd8);
color: #fff !important
}

.s6-copy-guide {
margin-top: 15px;
display: flex;
align-items: center;
justify-content: center;
gap: 11px;
color: #3b4860 !important;
font-size: 14px;
font-weight: 720
}

.s6-copy-guide svg {
width: 18px
}

@media(max-width:1180px) {

.s6-copy-head,
.s6-copy-journey header {
grid-template-columns: 1fr;
gap: 25px
}

.s6-copy-head p,
.s6-copy-journey header p {
max-width: 800px
}

.s6-copy-provider-layout {
grid-template-columns: 1fr
}

.s6-copy-featured {
grid-template-columns: minmax(260px, .65fr) minmax(430px, 1.35fr)
}

.s6-copy-list {
grid-template-rows: none
}

.s6-copy-control-layout {
grid-template-columns: 1fr
}

.s6-copy-human,
.s6-copy-control-card {
min-height: 480px
}
}

@media(max-width:760px) {
.s6-copy-inner {
width: calc(100% - 40px);
padding: 86px 0 76px
}

.s6-copy-head h2,
.s6-copy-journey header h2 {
font-size: 45px
}

.s6-shell:lang(zh-Hans) .s6-copy-head h2,
.s6-shell:lang(zh-Hans) .s6-copy-journey header h2 {
font-size: 41px
}

.s6-copy-head p,
.s6-copy-journey header p {
font-size: 19px
}

.s6-copy-explorer {
margin-top: 42px;
border-radius: 23px
}

.s6-copy-tabs {
display: flex;
overflow-x: auto;
scrollbar-width: none;
padding: 8px
}

.s6-copy-tabs::-webkit-scrollbar {
display: none
}

.s6-copy-tabs button {
min-width: 168px;
min-height: 62px;
font-size: 14px
}

.s6-copy-provider-layout {
padding: 14px;
gap: 14px
}

.s6-copy-featured {
display: block
}

.s6-copy-person {
min-height: 320px
}

.s6-copy-feature-copy {
padding: 24px 21px 22px
}

.s6-copy-badge small {
display: none
}

.s6-copy-feature-copy h3 {
font-size: 32px
}

.s6-copy-hero-stat strong {
font-size: 52px
}

.s6-copy-feature-stats {
grid-template-columns: repeat(3, 1fr)
}

.s6-copy-feature-stats>div {
padding: 10px
}

.s6-copy-feature-stats strong {
font-size: 16px
}

.s6-copy-list button {
padding: 13px 12px;
grid-template-columns: 46px 1fr 78px 17px
}

.s6-copy-avatar {
width: 46px;
height: 46px
}

.s6-copy-list button .s6-copy-list-stat:nth-of-type(4) {
display: none
}

.s6-copy-disclaimer {
align-items: flex-start
}

.s6-copy-journey {
padding: 86px 0 92px
}

.s6-copy-journey-inner {
width: calc(100% - 40px)
}

.s6-copy-steps {
margin-top: 40px;
grid-template-columns: 1fr
}

.s6-copy-steps>div {
min-height: 110px
}

.s6-copy-steps>div+div {
border-left: 0;
border-top: 1px solid rgba(8, 22, 46, .1)
}

.s6-copy-control-layout {
margin-top: 14px
}

.s6-copy-human {
min-height: 390px
}

.s6-copy-human img {
object-position: 58% center
}

.s6-copy-human h3 {
left: 24px;
right: 24px;
bottom: 24px;
font-size: 36px
}

.s6-copy-control-card {
min-height: 500px;
padding: 25px 21px
}

.s6-copy-control-head {
grid-template-columns: 50px 1fr
}

.s6-copy-control-head>span {
width: 50px;
height: 50px
}

.s6-copy-control-head h3 {
font-size: 25px
}

.s6-copy-control-values strong {
font-size: 22px
}
}

/* Section 6: Player One campaign fold */
.s6-player {
position: relative;
min-height: 100vh;
background: #05051c;
color: #fff;
overflow: hidden
}

.s6-player:before {
content: "";
position: absolute;
z-index: 3;
inset: 0 auto auto 50%;
width: min(1440px, calc(100% - 80px));
height: 1px;
background: linear-gradient(90deg, transparent, rgba(140, 117, 255, .55), transparent);
transform: translateX(-50%)
}

.s6-player-art {
z-index: 0;
object-fit: cover;
object-position: 56% center;
filter: saturate(.98) contrast(1.03)
}

.s6-player-shade {
position: absolute;
z-index: 1;
inset: 0;
background: linear-gradient(90deg, rgba(3, 5, 28, .99) 0%, rgba(6, 7, 38, .94) 34%, rgba(7, 7, 40, .61) 56%, rgba(4, 4, 24, .12) 78%), linear-gradient(0deg, rgba(3, 4, 24, .94), transparent 40%), radial-gradient(circle at 19% 37%, rgba(95, 55, 225, .26), transparent 31%)
}

.s6-player-inner {
position: relative;
z-index: 2;
width: min(1440px, calc(100% - 80px));
min-height: 100vh;
margin: auto;
padding: 70px 0;
display: flex;
align-items: center
}

.s6-player-copy {
width: min(660px, 52%)
}

.s6-player-eyebrow {
display: flex;
align-items: center;
gap: 11px;
color: #b8b8dc;
font-size: 14px;
font-weight: 760;
letter-spacing: .13em
}

.s6-player-eyebrow svg {
width: 20px;
color: #ffd25a
}

.s6-player-copy h2 {
margin: 20px 0 0;
font-size: clamp(62px, 5.35vw, 82px);
line-height: .94;
letter-spacing: -.058em
}

.s6-player-copy h2 em {
font-style: normal;
color: transparent;
background: linear-gradient(100deg, #ffd65a, #ff8c61 48%, #ef6eda);
-webkit-background-clip: text;
background-clip: text
}

.s6-player-subtitle {
max-width: 640px;
margin: 24px 0 0;
color: #d6d6e8;
font-size: 18px;
font-weight: 550;
line-height: 1.55
}

.s6-player-tabs {
width: min(600px, 100%);
margin-top: 28px;
padding: 6px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6px;
border: 1px solid rgba(255, 255, 255, .13);
border-radius: 17px;
background: rgba(3, 6, 30, .58);
backdrop-filter: blur(16px)
}

.s6-player-tabs button {
min-height: 52px;
padding: 0 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
border: 1px solid transparent;
border-radius: 12px;
background: transparent;
color: #a9acc6;
font-size: 14px;
font-weight: 760;
cursor: pointer;
transition: background .2s, border-color .2s, color .2s, box-shadow .2s
}

.s6-player-tabs button svg {
width: 19px
}

.s6-player-tabs button:hover {
color: #fff
}

.s6-player-tabs button.active {
border-color: rgba(255, 211, 85, .31);
background: linear-gradient(120deg, rgba(245, 187, 43, .2), rgba(239, 103, 199, .16));
color: #fff;
box-shadow: inset 0 0 25px rgba(255, 193, 74, .06)
}

.s6-player-track-1 .s6-player-tabs button.active {
border-color: rgba(105, 227, 255, .34);
background: linear-gradient(120deg, rgba(41, 187, 232, .2), rgba(111, 82, 228, .19))
}

.s6-player-tabs button:focus-visible {
outline: 3px solid rgba(117, 229, 255, .55);
outline-offset: 2px
}

.s6-player-panel {
width: min(600px, 100%);
margin-top: 11px;
padding: 23px 25px 24px;
border: 1px solid rgba(255, 255, 255, .13);
border-radius: 20px;
background: linear-gradient(135deg, rgba(20, 17, 58, .88), rgba(7, 14, 42, .82));
box-shadow: 0 28px 65px rgba(0, 0, 0, .3);
backdrop-filter: blur(18px);
animation: s6-panel-in .34s ease both
}

.s6-player-panel-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px
}

.s6-player-panel-top>span {
padding: 7px 10px;
border: 1px solid rgba(255, 211, 85, .25);
border-radius: 999px;
background: rgba(255, 203, 67, .08);
color: #ffd86b;
font-size: 14px;
font-weight: 800;
letter-spacing: .09em
}

.s6-player-track-1 .s6-player-panel-top>span {
border-color: rgba(103, 225, 255, .28);
background: rgba(72, 209, 241, .09);
color: #75e8ff
}

.s6-player-panel-top>div {
display: flex;
align-items: baseline;
gap: 10px;
text-align: right
}

.s6-player-panel-top strong {
font-size: 37px;
line-height: 1;
color: #ffd459;
letter-spacing: -.045em
}

.s6-player-track-1 .s6-player-panel-top strong {
color: #76e8ff
}

.s6-player-panel-top small {
max-width: 105px;
color: #9da4bb;
font-size: 14px;
line-height: 1.25
}

.s6-player-panel h3 {
max-width: 500px;
margin: 17px 0 0;
font-size: 29px;
line-height: 1.08;
letter-spacing: -.035em
}

.s6-player-panel>p {
max-width: 550px;
margin: 10px 0 0;
color: #b5bdd1;
font-size: 14px;
line-height: 1.5
}

.s6-player-stats {
margin-top: 18px;
display: grid;
grid-template-columns: repeat(3, 1fr);
border: 1px solid rgba(255, 255, 255, .09);
border-radius: 13px;
background: rgba(255, 255, 255, .035)
}

.s6-player-stats>div {
min-height: 62px;
padding: 11px 14px
}

.s6-player-stats>div+div {
border-left: 1px solid rgba(255, 255, 255, .09)
}

.s6-player-stats strong,
.s6-player-stats span {
display: block
}

.s6-player-stats strong {
font-size: 19px
}

.s6-player-stats span {
margin-top: 4px;
color: #858fa9;
font-size: 14px
}

.s6-player-actions {
margin-top: 18px;
display: flex;
align-items: center;
gap: 20px
}

.s6-player-actions .s6-cta {
min-width: 245px;
min-height: 50px;
background: linear-gradient(110deg, #f2b82f, #f06d9d);
color: #0a0b20 !important
}

.s6-player-track-1 .s6-player-actions .s6-cta {
background: linear-gradient(110deg, #65e5f9, #786df0)
}

.s6-player-actions>a:last-child {
display: flex;
align-items: center;
gap: 9px;
color: #d4d8e6;
font-size: 14px;
font-weight: 720
}

.s6-player-actions svg {
width: 17px
}

.s6-player-note {
width: min(600px, 100%);
margin-top: 13px;
display: flex;
align-items: flex-start;
gap: 8px;
color: #7e88a4;
font-size: 14px;
line-height: 1.4
}

.s6-player-note svg {
width: 14px;
flex: 0 0 auto;
color: #a998f5
}

.s6-player-signature {
position: absolute;
top: 76px;
right: 0;
display: flex;
flex-direction: column;
align-items: flex-end;
color: rgba(255, 255, 255, .93);
text-shadow: 0 10px 45px rgba(0, 0, 0, .5)
}

.s6-player-signature span,
.s6-player-signature strong {
font-size: 26px;
line-height: .82;
letter-spacing: .18em
}

.s6-player-signature strong {
font-size: 54px;
letter-spacing: .04em
}

.s6-player-signature small {
margin-top: 10px;
color: rgba(255, 255, 255, .57);
font-size: 14px;
letter-spacing: .16em
}

@media(max-width:1180px) {
.s6-player-shade {
background: linear-gradient(90deg, rgba(3, 5, 28, .99), rgba(6, 7, 38, .91) 48%, rgba(4, 4, 24, .28)), linear-gradient(0deg, rgba(3, 4, 24, .94), transparent 44%)
}

.s6-player-copy {
width: min(650px, 64%)
}

.s6-player-signature {
right: 4px
}
}

@media(max-width:760px) {
.s6-player {
min-height: 0;
padding-top: 310px;
background: linear-gradient(180deg, #100a3a, #05051d 48%)
}

.s6-player:before {
width: calc(100% - 40px)
}

.s6-player-art {
bottom: auto !important;
height: 390px !important;
object-position: 69% center
}

.s6-player-shade {
bottom: auto;
height: 420px;
background: linear-gradient(0deg, #080621 0%, rgba(8, 6, 33, .12) 58%), linear-gradient(90deg, rgba(6, 6, 28, .2), rgba(6, 6, 28, .06))
}

.s6-player-inner {
width: calc(100% - 40px);
min-height: 0;
padding: 26px 0 76px;
display: block
}

.s6-player-copy {
width: 100%
}

.s6-player-eyebrow {
font-size: 14px
}

.s6-player-copy h2 {
margin-top: 17px;
font-size: 45px
}

.s6-shell:lang(zh-Hans) .s6-player-copy h2 {
font-size: 41px
}

.s6-player-subtitle {
margin-top: 20px;
font-size: 17px
}

.s6-player-tabs {
margin-top: 25px
}

.s6-player-tabs button {
min-height: 58px;
padding: 0 8px;
font-size: 14px
}

.s6-player-panel {
padding: 20px 18px 21px
}

.s6-player-panel-top {
align-items: flex-start
}

.s6-player-panel-top>div {
display: block
}

.s6-player-panel-top strong {
font-size: 31px
}

.s6-player-panel-top small {
margin-top: 4px;
display: block
}

.s6-player-panel h3 {
font-size: 27px
}

.s6-player-stats {
grid-template-columns: 1fr
}

.s6-player-stats>div {
min-height: 54px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px
}

.s6-player-stats>div+div {
border-left: 0;
border-top: 1px solid rgba(255, 255, 255, .09)
}

.s6-player-stats span {
margin-top: 0;
text-align: right
}

.s6-player-actions {
align-items: stretch;
flex-direction: column;
gap: 15px
}

.s6-player-actions .s6-cta {
width: 100%;
min-width: 0
}

.s6-player-actions>a:last-child {
justify-content: center
}

.s6-player-signature {
display: none
}
}

/* Section 7: trust, reviews, FAQs and final conversion */
.s6-trust {
position: relative;
background: radial-gradient(circle at 10% 13%, rgba(99, 214, 244, .13), transparent 23%), radial-gradient(circle at 91% 45%, rgba(183, 89, 232, .1), transparent 25%), linear-gradient(180deg, #f8f9fc, #eef3f8);
color: #07152d
}

.s6-trust-inner {
width: min(1440px, calc(100% - 80px));
margin: auto;
padding: 112px 0 122px
}

.s6-trust-head {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(430px, .75fr);
gap: 95px;
align-items: end
}

.s6-trust-head h2 {
margin: 0;
font-size: clamp(58px, 5.2vw, 78px);
line-height: .98;
letter-spacing: -.058em
}

.s6-trust-head h2 em,
.s6-faq header h2 em {
font-style: normal;
color: transparent;
background: linear-gradient(100deg, #5b46d9, #a64edc 54%, #e96bc9);
-webkit-background-clip: text;
background-clip: text
}

.s6-trust-head>p {
max-width: 650px;
margin: 0 0 8px;
color: #283a53;
font-size: 22px;
font-weight: 600;
line-height: 1.5
}

.s6-trust-grid {
margin-top: 62px;
display: grid;
grid-template-columns: 1.18fr 1fr 1fr;
gap: 16px
}

.s6-trust-grid article {
min-height: 390px;
padding: 29px;
display: flex;
flex-direction: column;
border: 1px solid rgba(9, 25, 51, .1);
border-radius: 23px;
background: rgba(255, 255, 255, .75);
box-shadow: 0 22px 60px rgba(27, 43, 73, .07)
}

.s6-trust-grid article.featured {
border-color: rgba(112, 223, 255, .2);
background: radial-gradient(circle at 20% 12%, rgba(102, 218, 245, .15), transparent 32%), linear-gradient(145deg, #07152d, #11133d);
color: #fff;
box-shadow: 0 28px 70px rgba(11, 20, 49, .2)
}

.s6-trust-card-top {
display: flex;
align-items: center;
justify-content: space-between
}

.s6-trust-card-top>span {
width: 54px;
height: 54px;
display: grid;
place-items: center;
border: 1px solid rgba(85, 76, 206, .14);
border-radius: 16px;
background: rgba(99, 70, 218, .07);
color: #6048d8
}

.featured .s6-trust-card-top>span {
border-color: rgba(111, 225, 251, .2);
background: rgba(92, 211, 240, .09);
color: #72e4fa
}

.s6-trust-card-top svg {
width: 25px
}

.s6-trust-card-top small {
color: #a6afbd;
font-size: 14px;
font-weight: 760
}

.s6-trust-grid article>b {
margin-top: 39px;
color: #694fd8;
font-size: 14px;
letter-spacing: .1em
}

.s6-trust-grid .featured>b {
color: #77e6fa
}

.s6-trust-grid h3 {
margin: 14px 0 0;
font-size: 28px;
line-height: 1.08;
letter-spacing: -.035em
}

.s6-trust-grid article>p {
margin: 15px 0 0;
color: #59677b;
font-size: 15px;
line-height: 1.6
}

.s6-trust-grid .featured>p {
color: #b7c3d6
}

.s6-trust-entity-note {
margin-top: auto;
padding-top: 20px;
color: #8290a8;
font-size: 14px;
line-height: 1.45
}

.s6-reviews {
margin-top: 18px;
padding: 23px;
display: grid;
grid-template-columns: 300px 1fr;
gap: 22px;
border: 1px solid rgba(9, 25, 51, .1);
border-radius: 22px;
background: rgba(255, 255, 255, .78);
box-shadow: 0 20px 55px rgba(27, 43, 73, .06)
}

.s6-reviews-intro {
padding: 4px 19px 4px 4px;
border-right: 1px solid rgba(9, 25, 51, .1)
}

.s6-stars {
display: flex;
align-items: center;
gap: 4px;
color: #f2ad26
}

.s6-stars svg {
width: 17px;
height: 17px
}

.s6-reviews-intro h3 {
margin: 13px 0 0;
font-size: 20px;
line-height: 1.22;
letter-spacing: -.025em
}

.s6-reviews-intro>small {
margin-top: 12px;
display: block;
color: #8490a2;
font-size: 14px;
line-height: 1.45
}

.s6-review-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px
}

.s6-review-list article {
min-height: 128px;
padding: 17px;
border-radius: 15px;
background: #f5f7fa
}

.s6-review-list .s6-stars svg {
width: 12px;
height: 12px
}

.s6-review-list p {
margin: 13px 0 0;
color: #25364d;
font-size: 14px;
font-weight: 650;
line-height: 1.45
}

.s6-review-list article>span {
margin-top: 11px;
display: block;
color: #8490a2;
font-size: 14px
}

.s6-faq {
margin-top: 112px;
display: grid;
grid-template-columns: minmax(360px, .72fr) minmax(560px, 1.28fr);
gap: 110px;
align-items: start
}

.s6-faq header {
position: sticky;
top: 40px
}

.s6-faq header h2 {
margin: 0;
font-size: clamp(50px, 4.5vw, 68px);
line-height: 1;
letter-spacing: -.052em
}

.s6-faq header>p {
max-width: 480px;
margin: 22px 0 0;
color: #526176;
    font-size: 17px;
    line-height: 1.6
}

.s6-faq header>a {
    margin-top: 27px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #6048d8;
    font-size: 14px;
    font-weight: 760
}

.s6-faq header>a svg {
    width: 18px
}

.s6-faq-list {
    border-top: 1px solid rgba(8, 23, 47, .14)
}

.s6-faq-list details {
    border-bottom: 1px solid rgba(8, 23, 47, .14)
}

.s6-faq-list summary {
    min-height: 91px;
    padding: 20px 0;
    display: grid;
    grid-template-columns: 48px 1fr 46px;
    gap: 18px;
    align-items: center;
    list-style: none;
    cursor: pointer
}

.s6-faq-list summary::-webkit-details-marker {
    display: none
}

.s6-faq-list summary>span {
    color: #9a84e8;
    font-size: 14px;
    font-weight: 800
}

.s6-faq-list summary>strong {
    font-size: 19px;
    line-height: 1.3;
    letter-spacing: -.015em
}

.s6-faq-list summary>i {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(8, 23, 47, .12);
    border-radius: 50%;
    background: rgba(255, 255, 255, .55);
    color: #5942cf
}

.s6-faq-list summary svg {
    grid-area: 1/1;
    width: 19px
}

.s6-faq-list summary svg:last-child {
    display: none
}

.s6-faq-list details[open] summary svg:first-child {
    display: none
}

.s6-faq-list details[open] summary svg:last-child {
    display: block
}

.s6-faq-list details>p {
    max-width: 760px;
    margin: -4px 64px 0 66px;
    padding: 0 0 25px;
    color: #58677a;
    font-size: 15px;
    line-height: 1.65
}

.s6-faq-list details[open] summary>strong {
    color: #583fcf
}

.s6-final-cta {
    position: relative;
    min-height: 460px;
    display: flex;
    align-items: center;
    background: radial-gradient(circle at 78% 52%, rgba(128, 70, 223, .34), transparent 26%), radial-gradient(circle at 13% 12%, rgba(64, 203, 235, .17), transparent 24%), linear-gradient(120deg, #030b1f, #091b38 52%, #180a38);
    color: #fff;
    overflow: hidden
}

.s6-final-cta:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
    background-size: 68px 68px;
    mask-image: linear-gradient(90deg, transparent, #000, transparent)
}

.s6-final-inner {
    position: relative;
    z-index: 2;
    width: min(1440px, calc(100% - 80px));
    margin: auto;
    padding: 70px 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(440px, .78fr);
    gap: 100px;
    align-items: center
}

.s6-final-inner>div:first-child>span {
    color: #91def0;
    font-size: 14px;
    font-weight: 780;
    letter-spacing: .13em
}

.s6-final-inner h2 {
    margin: 18px 0 0;
    font-size: clamp(58px, 5vw, 76px);
    line-height: .95;
    letter-spacing: -.058em
}

.s6-final-inner h2 em {
    font-style: normal;
    color: transparent;
    background: linear-gradient(100deg, #70e6ff, #9b82ff 45%, #ef79e9);
    -webkit-background-clip: text;
    background-clip: text
}

.s6-final-inner>div:last-child>p {
    max-width: 620px;
    margin: 0;
    color: #c4cede;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.5
}

.s6-final-actions {
    margin-top: 27px;
    display: flex;
    align-items: center;
    gap: 22px
}

.s6-final-actions .s6-cta {
    min-width: 220px;
    background: linear-gradient(110deg, #7540e8, #ef5ed6);
    color: #fff !important
}

.s6-final-actions>a:last-child {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #d9dfeb;
    font-size: 14px;
    font-weight: 740
}

.s6-final-actions svg {
    width: 18px
}

.s6-final-inner>div:last-child>small {
    margin-top: 25px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #7f8da4;
    font-size: 14px;
    line-height: 1.45
}

.s6-final-inner>div:last-child>small svg {
    width: 15px;
    flex: 0 0 auto
}

.s6-final-orbit {
    position: absolute;
    right: -90px;
    top: 50%;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(143, 112, 244, .22);
    border-radius: 50%;
    transform: translateY(-50%)
}

.s6-final-orbit:before,
.s6-final-orbit:after {
    content: "";
    position: absolute;
    inset: 53px;
    border: 1px solid rgba(107, 215, 244, .14);
    border-radius: 50%
}

.s6-final-orbit:after {
    inset: 120px;
    background: radial-gradient(circle, rgba(202, 89, 225, .16), transparent 68%)
}

@media(max-width:1180px) {
    .s6-trust-head {
        grid-template-columns: 1fr;
        gap: 26px
    }

    .s6-trust-head>p {
        max-width: 820px
    }

    .s6-trust-grid {
        grid-template-columns: 1fr 1fr
    }

    .s6-trust-grid article:first-child {
        grid-column: 1/-1;
        min-height: 340px
    }

    .s6-reviews {
        grid-template-columns: 1fr
    }

    .s6-reviews-intro {
        border-right: 0;
        border-bottom: 1px solid rgba(9, 25, 51, .1);
        padding: 4px 4px 18px
    }

    .s6-faq {
        grid-template-columns: 1fr;
        gap: 48px
    }

    .s6-faq header {
        position: static
    }

    .s6-final-inner {
        grid-template-columns: 1fr;
        gap: 35px
    }

    .s6-final-inner>div:last-child>p {
        max-width: 760px
    }
}

@media(max-width:760px) {
    .s6-trust-inner {
        width: calc(100% - 40px);
        padding: 86px 0 92px
    }

    .s6-trust-head h2 {
        font-size: 45px
    }

    .s6-shell:lang(zh-Hans) .s6-trust-head h2 {
        font-size: 41px
    }

    .s6-trust-head>p {
        font-size: 18px
    }

    .s6-trust-grid {
        margin-top: 42px;
        grid-template-columns: 1fr
    }

    .s6-trust-grid article:first-child {
        grid-column: auto
    }

    .s6-trust-grid article {
        min-height: 340px;
        padding: 24px
    }

    .s6-trust-grid article>b {
        margin-top: 30px
    }

    .s6-trust-grid h3 {
        font-size: 26px
    }

    .s6-reviews {
        padding: 18px
    }

    .s6-review-list {
        grid-template-columns: 1fr
    }

    .s6-review-list article {
        min-height: 112px
    }

    .s6-faq {
        margin-top: 82px
    }

    .s6-faq header h2 {
        font-size: 42px
    }

    .s6-shell:lang(zh-Hans) .s6-faq header h2 {
        font-size: 39px
    }

    .s6-faq-list summary {
        grid-template-columns: 32px 1fr 40px;
        gap: 10px
    }

    .s6-faq-list summary>strong {
        font-size: 16px
    }

    .s6-faq-list summary>i {
        width: 38px;
        height: 38px
    }

    .s6-faq-list details>p {
        margin: -2px 44px 0 42px;
        font-size: 14px
    }

    .s6-final-cta {
        min-height: 590px
    }

    .s6-final-inner {
        width: calc(100% - 40px);
        padding: 78px 0;
        gap: 34px
    }

    .s6-final-inner h2 {
        font-size: 48px
    }

    .s6-shell:lang(zh-Hans) .s6-final-inner h2 {
        font-size: 43px
    }

    .s6-final-inner>div:last-child>p {
        font-size: 18px
    }

    .s6-final-actions {
        align-items: stretch;
        flex-direction: column;
        gap: 17px
    }

    .s6-final-actions .s6-cta {
        width: 100%;
        min-width: 0
    }

    .s6-final-actions>a:last-child {
        justify-content: center
    }

    .s6-final-orbit {
        right: -250px
    }
}

/* Global footer */
.s6-footer {
    position: relative;
    background: radial-gradient(circle at 8% 3%, rgba(85, 204, 235, .08), transparent 21%), radial-gradient(circle at 91% 10%, rgba(141, 76, 220, .1), transparent 24%), #020817;
    color: #fff
}

.s6-footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: min(1440px, calc(100% - 80px));
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(111, 224, 250, .3), rgba(163, 90, 229, .3), transparent);
    transform: translateX(-50%)
}

.s6-footer-inner {
    width: min(1440px, calc(100% - 80px));
    margin: auto;
    padding: 94px 0 28px
}

.s6-footer-main {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 100px
}

.s6-footer-brand>a {
    width: 222px;
    display: flex
}

.s6-footer-brand>a img {
    width: 100%;
    height: auto;
    filter: brightness(0) invert(1)
}

.s6-footer-brand h2 {
    max-width: 330px;
    margin: 29px 0 0;
    font-size: 34px;
    line-height: 1.05;
    letter-spacing: -.04em
}

.s6-footer-brand>p {
    max-width: 340px;
    margin: 17px 0 0;
    color: #8e9cb1;
    font-size: 14px;
    line-height: 1.65
}

.s6-footer-support {
    margin-top: 30px;
    padding: 18px;
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: 14px;
    border: 1px solid rgba(120, 209, 236, .14);
    border-radius: 17px;
    background: rgba(255, 255, 255, .035)
}

.s6-footer-support>span {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(105, 224, 248, .18);
    border-radius: 13px;
    background: rgba(72, 197, 225, .08);
    color: #73e2f9
}

.s6-footer-support>span svg {
    width: 23px
}

.s6-footer-support strong,
.s6-footer-support small {
    display: block
}

.s6-footer-support strong {
    font-size: 14px
}

.s6-footer-support small {
    margin-top: 5px;
    color: #8492a8;
    font-size: 14px
}

.s6-footer-support a {
    margin-top: 13px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #7ce6fb;
    font-size: 14px;
    font-weight: 760
}

.s6-footer-support a svg {
    width: 15px
}

.s6-footer-nav {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 32px
}

.s6-footer-nav h3 {
    margin: 3px 0 25px;
    color: #fff;
    font-size: 14px
}

.s6-footer-nav a {
    width: max-content;
    max-width: 100%;
    margin-top: 15px;
    display: block;
    color: #929fb3;
    font-size: 14px;
    transition: color .2s, transform .2s
}

.s6-footer-nav a:hover,
.s6-footer-nav a:focus-visible {
    color: #fff;
    transform: translateX(3px)
}

.s6-footer-legal {
    margin-top: 78px;
    padding: 34px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 24px;
    background: linear-gradient(140deg, rgba(255, 255, 255, .038), rgba(108, 68, 202, .035));
    box-shadow: 0 26px 70px rgba(0, 0, 0, .16)
}

.s6-footer-legal>header {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(420px, 1.2fr);
    column-gap: 70px
}

.s6-footer-legal>header>div {
    grid-column: 1/-1;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #73e2f9;
    font-size: 14px;
    font-weight: 780;
    letter-spacing: .11em
}

.s6-footer-legal>header>div svg {
    width: 16px
}

.s6-footer-legal>header h2 {
    margin: 19px 0 0;
    font-size: 28px;
    letter-spacing: -.035em
}

.s6-footer-legal>header>p {
    margin: 19px 0 0;
    color: #8997ab;
    font-size: 14px;
    line-height: 1.6
}

.s6-footer-entities {
    margin-top: 29px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 17px;
    overflow: hidden
}

.s6-footer-entities article {
    min-height: 178px;
    padding: 22px;
    background: rgba(255, 255, 255, .025)
}

.s6-footer-entities article+article {
    border-left: 1px solid rgba(255, 255, 255, .09)
}

.s6-footer-entities article>span {
    display: block;
    color: #78869b;
    font-size: 14px;
    font-weight: 760;
    letter-spacing: .07em
}

.s6-footer-entities strong {
    margin-top: 15px;
    display: block;
    font-size: 14px;
    line-height: 1.35
}

.s6-footer-entities p {
    margin: 12px 0 0;
    color: #7f8da2;
    font-size: 14px;
    line-height: 1.6
}

.s6-footer-notices {
    margin-top: 14px;
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 14px
}

.s6-footer-notices article {
    padding: 21px 22px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    background: rgba(1, 7, 21, .48)
}

.s6-footer-notices article>span {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #bac4d3;
    font-size: 14px;
    font-weight: 760
}

.s6-footer-notices article>span svg {
    width: 16px;
    color: #a48aed
}

.s6-footer-notices p {
    margin: 12px 0 0;
    color: #758399;
    font-size: 14px;
    line-height: 1.65
}

.s6-footer-bottom {
    min-height: 92px;
    margin-top: 24px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 34px;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, .08);
    color: #6f7d92;
    font-size: 14px
}

.s6-footer-bottom>nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap
}

.s6-footer-bottom>nav a:hover {
    color: #fff
}

.s6-footer-locale {
    display: flex;
    align-items: center;
    gap: 7px
}

.s6-footer-locale>svg {
    width: 15px
}

.s6-footer-locale button {
    padding: 0;
    border: 0;
    background: none;
    color: #718096;
    font-size: 14px;
    cursor: pointer
}

.s6-footer-locale button.active {
    color: #fff
}

.s6-footer-locale>a {
    width: 36px;
    height: 36px;
    margin-left: 12px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 50%;
    color: #91a0b4;
    transition: border-color .2s, color .2s
}

.s6-footer-locale>a:hover {
    border-color: rgba(112, 229, 252, .4);
    color: #76e6fb
}

.s6-footer-locale>a svg {
    width: 16px;
    transform: rotate(-90deg)
}

@media(max-width:1180px) {
    .s6-footer-main {
        grid-template-columns: 1fr;
        gap: 58px
    }

    .s6-footer-brand {
        max-width: 560px
    }

    .s6-footer-nav {
        gap: 30px
    }

    .s6-footer-legal>header {
        grid-template-columns: 1fr;
        gap: 0
    }

    .s6-footer-legal>header>p {
        max-width: 820px
    }

    .s6-footer-entities {
        grid-template-columns: 1fr
    }

    .s6-footer-entities article {
        min-height: 0
    }

    .s6-footer-entities article+article {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .09)
    }

    .s6-footer-bottom {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 28px 0
    }

    .s6-footer-bottom>nav {
        justify-content: flex-start
    }

    .s6-footer-locale {
        justify-self: start
    }
}

@media(max-width:760px) {
    .s6-footer:before {
        width: calc(100% - 40px)
    }

    .s6-footer-inner {
        width: calc(100% - 40px);
        padding-top: 76px
    }

    .s6-footer-brand h2 {
        font-size: 30px
    }

    .s6-footer-nav {
        grid-template-columns: 1fr 1fr;
        gap: 44px 24px
    }

    .s6-footer-nav h3 {
        margin-bottom: 20px
    }

    .s6-footer-nav a {
        font-size: 14px
    }

    .s6-footer-legal {
        margin-top: 62px;
        padding: 22px 18px;
        border-radius: 20px
    }

    .s6-footer-legal>header h2 {
        font-size: 25px
    }

    .s6-footer-legal>header>p {
        font-size: 14px
    }

    .s6-footer-entities article {
        padding: 19px
    }

    .s6-footer-notices {
        grid-template-columns: 1fr
    }

    .s6-footer-bottom>nav {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px 20px
    }

    .s6-footer-locale {
        width: 100%;
        justify-content: flex-start
    }

    .s6-footer-locale>a {
        margin-left: auto
    }
}

/* Final review refinements */
.s6-header {
    position: fixed;
    transition: top .25s ease, width .25s ease, height .25s ease, padding .25s ease, border-color .25s ease, border-radius .25s ease, background .25s ease, box-shadow .25s ease, backdrop-filter .25s ease
}

.s6-header.is-scrolled {
    top: 12px;
    width: min(1380px, calc(100% - 32px));
    height: 72px;
    padding: 0 18px;
    border: 1px solid rgba(148, 174, 222, .2);
    border-radius: 18px;
    background: rgba(3, 11, 30, .88);
    box-shadow: 0 18px 55px rgba(0, 0, 0, .34);
    backdrop-filter: blur(22px) saturate(125%)
}

.s6-brand {
    transition: width .25s ease
}

.s6-header.is-scrolled .s6-brand {
    width: 160px
}

.s6-header.is-scrolled .s6-mega {
    top: 72px
}

.s6-mega-links>a.is-current {
    border-color: rgba(112, 230, 255, .42);
    background: linear-gradient(120deg, rgba(72, 206, 239, .12), rgba(114, 92, 226, .12))
}

.s6-mega-links>a.is-current>span {
    background: rgba(112, 230, 255, .15);
    color: #8cecff
}

.s6-mobile-markets>a.is-current {
    border-color: rgba(112, 230, 255, .42);
    background: rgba(112, 230, 255, .1);
    color: #fff
}

.s6-language button {
    transition: color .18s ease, background .18s ease, box-shadow .18s ease
}

.s6-language button:hover:not(.active),
.s6-language button:focus-visible:not(.active) {
    background: rgba(255, 255, 255, .12);
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08)
}

.s6-language button:focus-visible {
    outline: 2px solid rgba(112, 230, 255, .72);
    outline-offset: 2px
}

.s6-footer-locale button {
    padding: 5px 7px;
    border-radius: 7px;
    transition: color .18s ease, background .18s ease
}

.s6-footer-locale button:hover:not(.active),
.s6-footer-locale button:focus-visible:not(.active) {
    background: rgba(255, 255, 255, .09);
    color: #fff
}

.s6-footer-locale button:focus-visible {
    outline: 2px solid rgba(112, 230, 255, .68);
    outline-offset: 2px
}

.s6-ticker-wrap {
    bottom: 42px
}

.s6-copy:before {
    inset: 0;
    height: auto
}

.s6-hero h1 {
    font-weight: 800
}

.s6-paths-head h2,
.s6-markets-head h2,
.s6-platform-head h2,
.s6-copy-head h2,
.s6-copy-journey header h2,
.s6-player-copy h2,
.s6-trust-head h2,
.s6-faq header h2,
.s6-final-inner h2 {
    font-weight: 430
}

.s6-platform-story h3 {
    font-weight: 470
}

.s6-footer {
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin-left: -50vw
}

.s6-footer-legal>header>div {
    font-size: 14px
}

.s6-footer-legal>header h2 {
    font-size: 30px;
    font-weight: 520
}

.s6-footer-legal>header>p {
    color: #a6b1c1;
    font-size: 14px;
    line-height: 1.65
}

.s6-footer-entities article>span {
    color: #9aa6b8;
    font-size: 14px
}

.s6-footer-entities strong {
    font-size: 16px
}

.s6-footer-entities p {
    color: #98a5b7;
    font-size: 14px;
    line-height: 1.65
}

.s6-footer-notices article>span {
    font-size: 14px
}

.s6-footer-notices p {
    color: #929fb1;
    font-size: 14px;
    line-height: 1.65
}

.s6-footer-bottom {
    font-size: 14px
}

.s6-footer-locale button {
    font-size: 14px
}

@media(min-width:1181px) {
    .s6-platform-story h3 {
        max-width: none;
        font-size: 35px;
        white-space: nowrap
    }
}

@media(max-width:1080px) {
    .s6-header.is-scrolled {
        top: 8px;
        height: 70px
    }

    .s6-header.is-scrolled .s6-brand {
        width: 150px
    }

    .s6-mobile {
        top: 84px
    }
}

@media(max-width:760px) {
    .s6-header.is-scrolled {
        width: calc(100% - 16px);
        height: 66px;
        padding: 0 10px;
        border-radius: 16px
    }

    .s6-header.is-scrolled .s6-brand {
        width: 136px
    }

    .s6-ticker-wrap {
        bottom: auto
    }

    .s6-footer-legal>header>p {
        font-size: 14px
    }

    .s6-footer-entities article>span {
        font-size: 14px
    }

    .s6-footer-entities strong {
        font-size: 15px
    }

    .s6-footer-entities p,
    .s6-footer-notices p {
        font-size: 14px
    }

    .s6-footer-notices article>span {
        font-size: 14px
    }

    .s6-footer-bottom {
        font-size: 14px
    }
}

/* Consistent section breathing room */
@media(min-width:761px) {
    .s6-paths {
        padding: 150px 0 158px
    }

    .s6-markets {
        padding: 150px 0 158px
    }

    .s6-platform {
        padding: 150px 0 160px
    }

    .s6-copy-inner {
        padding: 150px 0 152px
    }

    .s6-copy-journey {
        padding: 150px 0 160px
    }

    .s6-player-inner {
        padding: 136px 0
    }

    .s6-trust-inner {
        padding: 150px 0 160px
    }

    .s6-final-inner {
        padding: 104px 0
    }
}

@media(max-width:760px) {
    .s6-paths {
        padding: 106px 0 112px
    }

    .s6-markets {
        padding: 106px 0 112px
    }

    .s6-platform {
        padding: 106px 0 114px
    }

    .s6-copy-inner {
        padding: 106px 0 108px
    }

    .s6-copy-journey {
        padding: 106px 0 114px
    }

    .s6-player-inner {
        padding: 54px 0 98px
    }

    .s6-trust-inner {
        padding: 106px 0 114px
    }

    .s6-final-inner {
        padding: 92px 0
    }
}

/* WordPress integration layer. These rules bridge semantic links and core templates
   without changing the approved Stage 6 visual system. */
[hidden] {
    display: none !important
}

.rg-fill-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.rg-menu-open {
    overflow: hidden
}

.s6-shell img {
    max-width: none
}

.s6-language>a {
    height: 34px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #abb6c8;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: color .18s ease, background .18s ease, box-shadow .18s ease
}

.s6-language>a.active {
    background: #fff;
    color: #101b33
}

.s6-language>a:hover:not(.active),
.s6-language>a:focus-visible:not(.active) {
    background: rgba(255, 255, 255, .12);
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08)
}

.s6-language>a:focus-visible {
    outline: 2px solid rgba(112, 230, 255, .72);
    outline-offset: 2px
}

.s6-mobile-lang>a {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 10px;
    background: rgba(255, 255, 255, .04);
    color: #aeb9ca;
    font-size: 15px
}

.s6-mobile-lang>a.active {
    background: #fff;
    color: #101a31
}

.s6-mobile-lang>a:hover,
.s6-mobile-lang>a:focus-visible {
    border-color: rgba(112, 230, 255, .5);
    color: #fff
}

.s6-footer-locale>a.rg-footer-language {
    width: auto;
    height: auto;
    margin-left: 0;
    padding: 5px 7px;
    display: inline-flex;
    border: 0;
    border-radius: 7px;
    color: #718096;
    font-size: 14px;
    transition: color .18s ease, background .18s ease
}

.s6-footer-locale>a.rg-footer-language.active {
    color: #fff
}

.s6-footer-locale>a.rg-footer-language:hover,
.s6-footer-locale>a.rg-footer-language:focus-visible {
    border: 0;
    background: rgba(255, 255, 255, .09);
    color: #fff
}

.s6-footer-locale>a.rg-footer-back {
    width: 36px;
    height: 36px;
    margin-left: 12px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 50%;
    color: #91a0b4
}

.s6-profile-card {
    animation: none
}

.admin-bar .s6-header {
    top: 32px
}

.admin-bar .s6-header.is-scrolled {
    top: 44px
}

.rg-content-page {
    min-height: 70vh;
    padding: 150px 40px 100px;
    background: #f7f7fb;
    color: #07162e
}

.rg-content-page__inner {
    width: min(1100px, 100%);
    margin: 0 auto
}

.rg-entry {
    padding: clamp(32px, 5vw, 72px);
    border: 1px solid #dfe5ef;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 30px 80px rgba(13, 27, 61, .08)
}

.rg-entry h1 {
    margin: 0 0 30px;
    font-size: clamp(42px, 6vw, 78px);
    line-height: 1;
    letter-spacing: -.055em
}

.rg-entry__content {
    font-size: 18px;
    line-height: 1.75
}

.rg-entry__content>*+* {
    margin-top: 1.4em
}

.rg-entry__eyebrow {
    color: #7247eb;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .14em
}

@media(max-width:782px) {
    .admin-bar .s6-header {
        top: 46px
    }

    .admin-bar .s6-header.is-scrolled {
        top: 58px
    }
}

@media(max-width:760px) {
    .s6-language>a {
        padding: 0 8px;
        font-size: 14px
    }

    .s6-footer-locale>a.rg-footer-back {
        margin-left: auto
    }

    .rg-content-page {
        padding: 110px 20px 70px
    }

    .rg-entry {
        padding: 28px 22px
    }
}

/* 2026-08 typography, interaction and Player One refinement pass */
.s6-mega-links>a:hover,
.s6-mega-links>a:focus-visible {
    border-color: rgba(112, 230, 255, .42);
    background: linear-gradient(120deg, rgba(72, 206, 239, .11), rgba(172, 86, 232, .11))
}

.s6-navitem>.s6-nav-parent:hover,
.s6-navitem>.s6-nav-parent:focus-visible {
    border: 0;
    background: transparent !important;
    color: #fff;
    box-shadow: none;
    text-shadow: 0 0 18px rgba(112, 230, 255, .3)
}

.s6-mega-links>a:hover strong,
.s6-mega-links>a:focus-visible strong {
    color: #fff;
    text-shadow: 0 0 18px rgba(112, 230, 255, .2)
}

.s6-mega-links>a:hover small,
.s6-mega-links>a:focus-visible small {
    color: #c4cede
}

.s6-mega-links>a:hover>span,
.s6-mega-links>a:focus-visible>span {
    background: rgba(112, 230, 255, .13);
    color: #8cecff
}

.s6-mega-links>a:hover>svg,
.s6-mega-links>a:focus-visible>svg {
    color: #7ee8ff
}

.s6-language>a {
    min-width: 36px;
    flex: 0 0 auto;
    justify-content: center;
    white-space: nowrap;
    writing-mode: horizontal-tb;
    text-orientation: mixed;
    word-break: keep-all
}

.s6-menu {
    display: none !important
}

.s6-profile-card {
    border-color: rgba(209, 176, 255, .3);
    color: #fff !important;
    filter: none;
    backface-visibility: hidden;
    transform: rotateZ(-10deg) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);
    transform-origin: 50% 50%;
    transition: transform .22s ease-out, box-shadow .22s ease-out;
    will-change: transform
}

.s6-profile-card:hover {
    border-color: rgba(209, 176, 255, .3);
    box-shadow: 0 38px 86px rgba(0, 0, 0, .54), 0 0 40px rgba(177, 75, 245, .16), inset 0 1px rgba(255, 255, 255, .12)
}

.s6-profile-head,
.s6-profile-stats,
.s6-profile-foot {
    transform: translateZ(0);
    -webkit-font-smoothing: antialiased
}

.s6-profile-card:hover .s6-profile-head strong,
.s6-profile-card:hover .s6-profile-stats strong,
.s6-profile-card:hover .s6-profile-foot>span {
    color: #fff !important
}

.s6-profile-stats strong {
    font-size: 18px;
    line-height: 1.1
}

.s6-copy-all,
.s6-copy-all:hover,
.s6-copy-all:focus-visible {
    color: #fff !important
}

.s6-copy-all:hover,
.s6-copy-all:focus-visible {
    border-color: rgba(112, 230, 255, .42);
    background: linear-gradient(110deg, rgba(101, 74, 239, .82), rgba(236, 78, 210, .72));
    box-shadow: 0 14px 32px rgba(114, 63, 220, .25);
    transform: translateY(-2px)
}

.s6-review-list p,
.s6-reviews-intro h3 {
    font-size: 20px;
    line-height: 1.35
}

.s6-review-list article>span,
.s6-reviews-intro>small {
    font-size: 14px;
    line-height: 1.5
}

.s6-faq-list summary {
    grid-template-columns: 56px 1fr 46px
}

.s6-faq-list summary>span {
    font-size: 22px;
    letter-spacing: -.025em
}

.s6-copy-steps b {
    font-size: 22px;
    line-height: 1.25
}

.s6-copy-steps small {
    font-size: 16px;
    line-height: 1.5
}

.s6-final-inner>div:last-child>small {
    font-size: 14px;
    color: #a4afc1
}

.s6-footer-nav h3 {
    font-size: 17px
}

.s6-footer-nav a {
    font-size: 15px;
    line-height: 1.45
}

.s6-footer-support strong {
    font-size: 16px
}

.s6-footer-support small,
.s6-footer-support a {
    font-size: 14px
}

.s6-footer-legal>header>div {
    font-size: 14px
}

.s6-footer-legal>header>p {
    font-size: 14px
}

.s6-footer-entities article>span {
    font-size: 14px
}

.s6-footer-entities strong {
    font-size: 17px
}

.s6-footer-entities p,
.s6-footer-notices p {
    font-size: 14px
}

.s6-footer-notices article>span {
    font-size: 15px
}

.s6-footer-bottom,
.s6-footer-locale>a.rg-footer-language {
    font-size: 14px
}

.s6-cta:hover,
.s6-cta:focus-visible {
    color: #fff !important
}

.s6-cta-ghost:hover,
.s6-cta-ghost:focus-visible {
    color: #fff !important
}

.s6-path-cta-secondary:hover,
.s6-path-cta-secondary:focus-visible {
    color: #101b33 !important
}

.s6-player-track-0 .s6-player-actions .s6-cta:hover,
.s6-player-track-0 .s6-player-actions .s6-cta:focus-visible {
    color: #0a0b20 !important
}

.s6-player-countdown {
    position: absolute;
    z-index: 4;
    top: 50%;
    right: 0;
    bottom: auto;
    width: min(520px, 38vw);
    padding: 18px;
    border: 1px solid rgba(159, 143, 255, .28);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(8, 11, 43, .78), rgba(25, 13, 56, .7));
    box-shadow: 0 28px 70px rgba(0, 0, 0, .36), inset 0 1px rgba(255, 255, 255, .08);
    backdrop-filter: blur(18px) saturate(130%);
    transform: translateY(-50%)
}

.s6-countdown-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    padding: 0 2px 14px
}

.s6-countdown-head span {
    color: #fff;
    font-size: 16px;
    font-weight: 780;
    letter-spacing: .01em
}

.s6-countdown-head small {
    color: #aeb5ca;
    font-size: 14px
}

.s6-flip-clock {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px
}

.s6-flip-unit {
    min-width: 0;
    text-align: center
}

.s6-flip-value {
    position: relative;
    height: 72px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 11px;
    background: linear-gradient(180deg, #20203f 0 49.5%, #12152f 50.5% 100%);
    box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 10px 20px rgba(0, 0, 0, .25);
    color: #fff;
    font-size: 40px;
    font-weight: 720;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.04em;
    overflow: hidden;
    transform-origin: center
}

.s6-flip-value:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: rgba(0, 0, 0, .72);
    box-shadow: 0 1px rgba(255, 255, 255, .05)
}

.s6-flip-value:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, transparent 12%, rgba(255, 255, 255, .065) 42%, transparent 62%);
    pointer-events: none
}

.s6-flip-value.is-flipping {
    animation: s6FlipClock .52s cubic-bezier(.35, .08, .25, 1)
}

.s6-flip-unit small {
    margin-top: 8px;
    display: block;
    color: #939cb5;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em
}

.s6-countdown-cta {
    min-height: 50px;
    margin-top: 15px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid rgba(255, 211, 85, .28);
    border-radius: 12px;
    background: linear-gradient(110deg, #f2b82f, #ef6d9f 62%, #c65bd9);
    color: #090b20 !important;
    font-size: 15px;
    font-weight: 800;
    box-shadow: 0 12px 28px rgba(237, 105, 160, .2);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease
}

.s6-countdown-cta svg {
    width: 18px;
    transition: transform .2s ease
}

.s6-countdown-cta:hover,
.s6-countdown-cta:focus-visible {
    color: #090b20 !important;
    filter: brightness(1.08);
    box-shadow: 0 16px 36px rgba(237, 105, 160, .32);
    transform: translateY(-2px)
}

.s6-countdown-cta:hover svg {
    transform: translate(2px, -2px)
}

@keyframes s6FlipClock {
    0% {
        transform: rotateX(0);
        filter: brightness(1)
    }

    45% {
        transform: rotateX(-82deg);
        filter: brightness(.68)
    }

    55% {
        transform: rotateX(68deg);
        filter: brightness(.78)
    }

    100% {
        transform: rotateX(0);
        filter: brightness(1)
    }
}

@media(min-width:761px) {
    .s6-hero {
        min-height: 1160px
    }

    .s6-hero-copy {
        position: relative;
        top: -30px
    }

    .s6-ticker-wrap {
        bottom: 64px
    }
}

@media(max-width:1180px) {
    .s6-menu {
        display: block !important
    }
}

@media(min-width:761px) and (max-width:1180px) {
    .s6-player-countdown {
        top: 50%;
        right: 0;
        bottom: auto;
        width: 340px;
        padding: 14px;
        transform: translateY(-50%)
    }

    .s6-flip-value {
        height: 58px;
        font-size: 31px
    }

    .s6-countdown-head {
        display: block
    }

    .s6-countdown-head small {
        margin-top: 5px;
        display: block
    }
}

@media(max-width:760px) {
    .s6-language>a {
        min-width: 35px;
        padding: 0 7px;
        font-size: 14px
    }

    .s6-eyebrow,
    .s6-player-eyebrow {
        font-size: 16px;
        line-height: 1.4
    }

    .s6-benefits span {
        font-size: 15px;
        line-height: 1.35
    }

    .s6-card-top>div:nth-child(2) span,
    .s6-change span,
    .s6-card-price span,
    .s6-card-metrics span {
        font-size: 14px
    }

    .s6-ticker-label strong,
    .s6-tick strong {
        font-size: 15px
    }

    .s6-ticker-label span,
    .s6-tick span,
    .s6-tick>b {
        font-size: 14px
    }

    .s6-path-pill,
    .s6-explorer-note,
    .s6-copy-disclaimer {
        font-size: 14px;
        line-height: 1.5
    }

    .s6-platform-features small,
    .s6-device-options span,
    .s6-stage-meta small,
    .s6-stage-meta>span {
        font-size: 15px;
        line-height: 1.45
    }

    .s6-copy-badge>span,
    .s6-copy-badge small,
    .s6-copy-feature-stats span,
    .s6-copy-list-name small,
    .s6-copy-list-stat small,
    .s6-copy-feature-foot>span,
    .s6-copy-feature-foot>a {
        font-size: 14px;
        line-height: 1.4
    }

    .s6-copy-steps>div>strong {
        font-size: 38px
    }

    .s6-copy-steps b {
        font-size: 22px
    }

    .s6-copy-steps small {
        font-size: 16px
    }

    .s6-copy-control-head p,
    .s6-copy-control-values span,
    .s6-copy-switches>div {
        font-size: 15px
    }

    .s6-player-panel-top>span,
    .s6-player-panel-top small,
    .s6-player-stats span,
    .s6-player-note {
        font-size: 14px;
        line-height: 1.45
    }

    .s6-player-panel>p {
        font-size: 16px;
        line-height: 1.55
    }

    .s6-player-tabs button {
        font-size: 14px
    }

    .s6-profile-card {
        transform: rotateZ(-2deg) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0)
    }

    .s6-player-countdown {
        top: -205px;
        left: 0;
        right: auto;
        bottom: auto;
        width: 100%;
        padding: 13px 14px;
        transform: none
    }

    .s6-countdown-head {
        padding-bottom: 11px
    }

    .s6-countdown-head span {
        font-size: 15px
    }

    .s6-countdown-head small {
        font-size: 14px
    }

    .s6-flip-clock {
        gap: 7px
    }

    .s6-flip-value {
        height: 53px;
        border-radius: 9px;
        font-size: 29px
    }

    .s6-flip-unit small {
        font-size: 14px;
        letter-spacing: .045em
    }

    .s6-countdown-cta {
        min-height: 48px;
        margin-top: 12px;
        font-size: 15px
    }

    .s6-trust-grid article>b,
    .s6-trust-entity-note {
        font-size: 14px;
        line-height: 1.5
    }

    .s6-review-list p,
    .s6-reviews-intro h3 {
        font-size: 20px
    }

    .s6-review-list article>span,
    .s6-reviews-intro>small {
        font-size: 14px
    }

    .s6-faq-list summary {
        grid-template-columns: 42px 1fr 40px;
        gap: 10px
    }

    .s6-faq-list summary>span {
        font-size: 20px
    }

    .s6-faq-list summary>strong {
        font-size: 18px
    }

    .s6-faq-list details>p {
        font-size: 16px;
        line-height: 1.6
    }

    .s6-final-inner>div:first-child>span {
        font-size: 14px
    }

    .s6-final-inner>div:last-child>small {
        font-size: 14px;
        line-height: 1.5
    }

    .s6-footer-brand>p {
        font-size: 15px
    }

    .s6-footer-support strong {
        font-size: 16px
    }

    .s6-footer-support small,
    .s6-footer-support a {
        font-size: 14px
    }

    .s6-footer-nav h3 {
        font-size: 17px
    }

    .s6-footer-nav a {
        font-size: 15px
    }

    .s6-footer-legal>header>div,
    .s6-footer-legal>header>p,
    .s6-footer-entities article>span,
    .s6-footer-entities p,
    .s6-footer-notices p,
    .s6-footer-bottom,
    .s6-footer-locale>a.rg-footer-language {
        font-size: 14px
    }

    .s6-footer-entities strong {
        font-size: 17px
    }

    .s6-footer-notices article>span {
        font-size: 15px
    }
}

/* Readable minimums for evidence labels, disclosures and compact controls. */
.s6-explorer-note,
.s6-copy-disclaimer,
.s6-player-note,
.s6-trust-entity-note {
    font-size: 14px;
    line-height: 1.5
}

.s6-player-panel-top>span,
.s6-player-panel-top small,
.s6-player-stats span {
    font-size: 14px;
    line-height: 1.4
}

.s6-player-panel>p {
    font-size: 16px;
    line-height: 1.55
}

@media(max-width:760px) {

    .s6-language>a,
    .s6-metal-mark,
    .s6-card-top>div:nth-child(2) span,
    .s6-change strong,
    .s6-card-price span {
        font-size: 14px
    }

    .s6-profile-head span,
    .s6-profile-head small,
    .s6-profile-stats span,
    .s6-profile-foot small,
    .s6-profile-foot>span {
        font-size: 14px;
        line-height: 1.35
    }

    .s6-explorer-kicker>div>span,
    .s6-symbols span,
    .s6-explorer-tabs button,
    .s6-board-live,
    .s6-board-column-head span,
    .s6-board-row b,
    .s6-board-foot span {
        font-size: 14px
    }

    .s6-stage-rail span,
    .s6-platform-actions .s6-cta,
    .s6-platform-download {
        font-size: 14px
    }

    .s6-copy-list-name small,
    .s6-copy-list-stat small,
    .s6-player-actions>a:last-child {
        font-size: 14px
    }

    .s6-countdown-head small,
    .s6-flip-unit small {
        font-size: 14px
    }

    .s6-trust-card-top small {
        font-size: 14px
    }

    .s6-board-head>div>span,
    .s6-board-row>div b,
    .s6-copy-hero-stat span {
        font-size: 14px
    }

    .s6-player-panel-top>span,
    .s6-player-panel-top small,
    .s6-player-stats span {
        font-size: 14px
    }

    .s6-player-tabs button {
        padding: 8px 6px;
        line-height: 1.25;
        white-space: normal
    }
}

/* Keep Hello Elementor's generic pink button states out of RG mobile navigation. */
@media(max-width:900px) {
    .s6-mobile {
        top: 0 !important;
        padding: 104px 20px 28px !important
    }

    .admin-bar .s6-mobile {
        top: 0 !important;
        padding-top: 138px !important
    }

    .s6-mobile-search {
        width: min(680px, 100%);
        min-height: 52px;
        margin: 0 auto 10px;
        display: grid;
        grid-template-columns: 1fr 52px;
        border: 1px solid rgba(143, 166, 202, .25);
        border-radius: 12px;
        overflow: hidden;
        background: rgba(255, 255, 255, .05)
    }

    .s6-mobile-search input {
        width: 100%;
        min-width: 0;
        padding: 0 16px;
        border: 0 !important;
        border-radius: 0;
        outline: 0;
        background: transparent;
        color: #fff;
        font-size: 16px
    }

    .s6-mobile-search input::placeholder {
        color: #9eacc0
    }

    .s6-mobile-search button,
    .s6-mobile-search button:hover,
    .s6-mobile-search button:focus-visible {
        width: 52px;
        min-height: 52px;
        padding: 0;
        display: grid;
        place-items: center;
        border: 0 !important;
        border-left: 1px solid rgba(121, 232, 255, .24) !important;
        border-radius: 0;
        outline: 0;
        color: #061126 !important;
        background: linear-gradient(135deg, #79e8ff, #a997ff) !important;
        box-shadow: none !important
    }

    .s6-mobile-search button svg {
        width: 23px;
        height: 23px
    }

    .s6-mobile .s6-mobile-group-toggle,
    .s6-mobile .s6-mobile-group-toggle:hover,
    .s6-mobile .s6-mobile-group-toggle:focus,
    .s6-mobile .s6-mobile-group-toggle:focus-visible {
        border: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        background: transparent !important;
        color: #f7f9ff !important;
        font-family: inherit !important;
        font-size: 20px !important;
        font-weight: 650 !important;
        line-height: 1.2 !important;
        box-shadow: none !important;
        outline: 0 !important
    }

    .s6-mobile .s6-mobile-group-toggle:hover,
    .s6-mobile .s6-mobile-group-toggle:focus-visible,
    .s6-mobile .s6-mobile-group-toggle[aria-expanded="true"] {
        color: #79e8ff !important
    }

    .s6-mobile-group-toggle svg {
        width: 20px !important;
        height: 20px !important;
        margin: 0 2px 0 10px !important;
        display: block !important;
        flex: 0 0 20px;
        align-self: center;
        position: static !important;
        vertical-align: middle
    }

    .s6-header .s6-menu,
    .s6-header .s6-menu:hover,
    .s6-header .s6-menu:focus,
    .s6-header .s6-menu:focus-visible,
    .s6-header .s6-menu[aria-expanded="true"] {
        color: #fff !important;
        background: rgba(121, 232, 255, .1) !important;
        box-shadow: none !important
    }

    .s6-mobile-actions {
        position: static !important;
        width: min(680px, 100%);
        margin: 20px auto 0;
        padding: 0 !important;
        display: block;
        border: 0;
        background: transparent;
        box-shadow: none
    }

    .s6-mobile-actions .s6-cta {
        min-height: 56px;
        font-size: 16px
    }

    .s6-mobile-utilities {
        width: min(680px, 100%);
        margin: 14px auto 0;
        padding: 13px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px 0;
        border-bottom: 1px solid rgba(166, 186, 220, .16)
    }

    .s6-mobile-utilities a {
        padding: 0 10px;
        border-right: 1px solid rgba(166, 186, 220, .24);
        color: #cbd4e2;
        font-size: 14px;
        line-height: 1
    }

    .s6-mobile-utilities a:last-child {
        border-right: 0
    }

    .s6-mobile-utilities a:hover,
    .s6-mobile-utilities a:focus-visible {
        color: #79e8ff
    }

    .s6-mobile-social {
        width: min(420px, 100%);
        margin: 14px auto 0;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px
    }

    .s6-mobile-social a {
        width: 46px;
        height: 46px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(121, 232, 255, .22);
        border-radius: 12px;
        color: #e8f5ff;
        background: rgba(121, 232, 255, .07)
    }

.s6-mobile-social a:hover,
    .s6-mobile-social a:focus-visible {
        border-color: rgba(121, 232, 255, .62);
        color: #061126;
        background: #79e8ff
    }

    .s6-mobile-social svg {
        width: 21px;
        height: 21px
    }
}

/* Preserve the complete compact header at the narrowest supported viewport. */
@media(max-width:340px) {
    .s6-brand { width: 112px }
    .s6-language { min-width: 96px }
    .s6-language>a { min-width: 36px }
    .s6-header { gap: 6px }
    .s6-head-actions { gap: 4px }
}

/* Keep the shared desktop header legible inside every internal-page colour context. */
@media(min-width:761px) {
    .s6-header .s6-navitem>.s6-nav-parent,
    .s6-header .s6-login {
        color: #dbe2ee !important;
    }

    .s6-header .s6-navitem>.s6-nav-parent:hover,
    .s6-header .s6-navitem>.s6-nav-parent:focus-visible,
    .s6-header .s6-navitem:focus-within>.s6-nav-parent,
    .s6-header .s6-login:hover,
    .s6-header .s6-login:focus-visible {
        color: #fff !important;
    }

    .s6-header .s6-mega,
    .s6-header .s6-mega a {
        color: #f7fbff !important;
    }

    .s6-header .s6-mega-category-label {
        color: #b7aaff !important;
    }

    .s6-header .s6-mega aside h2,
    .s6-header .s6-mega-links strong {
        color: #f8fbff !important;
    }

    .s6-header .s6-mega-links small {
        color: #9baac0 !important;
    }

    .s6-header .s6-mega-links>a:hover strong,
    .s6-header .s6-mega-links>a:focus-visible strong {
        color: #fff !important;
    }

    .s6-header .s6-mega-links>a:hover small,
    .s6-header .s6-mega-links>a:focus-visible small {
        color: #d4deec !important;
    }

}
/* Public-site readability floor: page-specific typography may scale up, never below 14px. */
.s6-shell small { font-size: 14px; }

/* Homepage final pass: focused hero, platform comparison, compact RockCopy and Learning Hub. */
@property --rg-glow-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

@keyframes rg-glow-rotate {
    to { --rg-glow-angle: 360deg; }
}

.s6-hero-backdrop {
    opacity: .46;
    filter: saturate(.8) contrast(.94)
}

.s6-hero-shade {
    background: linear-gradient(90deg, #020919 0%, rgba(2, 9, 25, .99) 28%, rgba(2, 9, 25, .88) 49%, rgba(2, 9, 25, .42) 78%), linear-gradient(0deg, rgba(1, 7, 20, .99) 0%, transparent 23%, transparent 77%, rgba(2, 9, 25, .5) 100%), radial-gradient(circle at 71% 42%, rgba(110, 72, 220, .22), transparent 34%)
}

.s6-market-card:after,
.s6-profile-card:after {
    content: "";
    position: absolute;
    z-index: 4;
    inset: 0;
    padding: 1.5px;
    border-radius: inherit;
    background: conic-gradient(from var(--rg-glow-angle), transparent 0 13%, #48baff 23%, #68f0ff 34%, transparent 47%, #9b7dff 61%, #ef6ef2 74%, #ff76bd 82%, transparent 95%);
    filter: drop-shadow(0 0 8px rgba(105, 225, 255, .22));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    animation: rg-glow-rotate 7s linear infinite
}

.s6-profile-card:after { animation-delay: -3.2s }

.s6-board-column-head,
.s6-board-row {
    grid-template-columns: minmax(0, 1fr) 112px minmax(180px, .78fr)
}

.s6-board-symbol {
    justify-self: start;
    padding: 6px 9px;
    border: 1px solid rgba(105, 229, 255, .16);
    border-radius: 8px;
    background: rgba(105, 229, 255, .055);
    color: #77e8ff;
    font-size: 14px;
    font-weight: 760;
    letter-spacing: .045em
}

.s6-board-row--schedule>div {
    text-align: right
}

.s6-board-row--schedule>div b.schedule {
    display: inline-flex;
    margin: 0;
    padding: 6px 9px;
    border: 1px solid rgba(159, 135, 255, .2);
    border-radius: 999px;
    background: rgba(159, 135, 255, .08);
    color: #c9bcff;
    font-size: 14px;
    line-height: 1.2;
    white-space: normal
}

.s6-platform-duo {
    position: relative;
    padding: 104px 0 92px;
    color: #fff;
    background: radial-gradient(circle at 18% 10%, rgba(75, 203, 245, .13), transparent 29%), radial-gradient(circle at 86% 84%, rgba(155, 91, 237, .16), transparent 31%), linear-gradient(150deg, #030b1b, #07162f 55%, #120b2d);
    overflow: hidden
}

.s6-platform-duo:before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .24;
    background-image: linear-gradient(rgba(139, 205, 255, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(139, 205, 255, .08) 1px, transparent 1px);
    background-size: 74px 74px;
    mask-image: linear-gradient(90deg, transparent, #000 24%, #000 76%, transparent)
}

.s6-platform-duo-inner {
    position: relative;
    width: min(1440px, calc(100% - 80px));
    margin: auto
}

.s6-platform-duo-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(430px, .78fr);
    gap: 90px;
    align-items: end
}

.s6-platform-duo-head>div>span,
.s6-learn-hub-head>div>span {
    display: block;
    margin-bottom: 19px;
    color: #72e6ff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .15em
}

.s6-platform-duo-head h2,
.s6-learn-hub-head h2 {
    margin: 0;
    font-size: clamp(58px, 5.2vw, 78px);
    line-height: .98;
    letter-spacing: -.058em
}

.s6-platform-duo-head h2 em,
.s6-learn-hub-head h2 em {
    color: transparent;
    font-style: normal;
    background: linear-gradient(100deg, #6ce5ff, #a27fff 48%, #ef75df);
    -webkit-background-clip: text;
    background-clip: text
}

.s6-platform-duo-head>p,
.s6-learn-hub-head>p {
    max-width: 620px;
    margin: 0 0 5px;
    color: #bdc9db;
    font-size: 21px;
    font-weight: 570;
    line-height: 1.55
}

.s6-platform-duo-grid {
    margin-top: 57px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px
}

.s6-platform-duo-card {
    border: 1px solid rgba(134, 218, 255, .18);
    border-radius: 28px;
    background: rgba(7, 20, 44, .9);
    box-shadow: 0 34px 80px rgba(0, 0, 0, .28);
    overflow: hidden
}

.s6-platform-duo-card--mt4 {
    border-color: rgba(168, 143, 255, .2);
    background: rgba(18, 13, 48, .9)
}

.s6-platform-duo-visual {
    position: relative;
    min-height: 330px;
    display: block;
    overflow: hidden
}

.s6-platform-duo-visual>img {
    width: 100%;
    height: 330px;
    object-fit: cover;
    transition: transform .55s ease
}

.s6-platform-duo-card:hover .s6-platform-duo-visual>img { transform: scale(1.025) }

.s6-platform-duo-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(4, 12, 31, .9), transparent 50%), linear-gradient(90deg, rgba(4, 12, 31, .3), transparent 55%)
}

.s6-platform-duo-badge {
    position: absolute;
    left: 26px;
    bottom: 24px;
    display: flex;
    align-items: center;
    gap: 13px
}

.s6-platform-duo-badge>b {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(111, 231, 255, .4);
    border-radius: 16px;
    background: rgba(5, 18, 41, .78);
    color: #79e9ff;
    font-size: 27px;
    backdrop-filter: blur(12px)
}

.s6-platform-duo-card--mt4 .s6-platform-duo-badge>b {
    border-color: rgba(182, 150, 255, .42);
    color: #c6a9ff
}

.s6-platform-duo-badge span,
.s6-platform-duo-badge small,
.s6-platform-duo-badge strong { display: block }
.s6-platform-duo-badge small { color: #86dff3; font-size: 14px; font-weight: 800; letter-spacing: .12em }
.s6-platform-duo-badge strong { margin-top: 4px; color: #fff; font-size: 20px }
.s6-platform-duo-card--mt4 .s6-platform-duo-badge small { color: #c6a9ff }

.s6-platform-duo-open {
    position: absolute;
    right: 24px;
    bottom: 26px;
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    color: #fff;
    background: rgba(5, 13, 33, .5);
    backdrop-filter: blur(10px)
}

.s6-platform-duo-open svg { width: 18px }

.s6-platform-duo-copy { padding: 28px 30px 30px }
.s6-platform-duo-copy h3 { margin: 0; font-size: 32px; letter-spacing: -.035em }
.s6-platform-duo-copy>p { min-height: 72px; margin: 12px 0 0; color: #aebbd0; font-size: 16px; line-height: 1.5 }
.s6-platform-duo-copy ul { margin: 25px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; list-style: none }
.s6-platform-duo-copy li { min-height: 75px; padding: 13px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 13px; background: rgba(255, 255, 255, .035); color: #dfe8f5; font-size: 14px; line-height: 1.35 }
.s6-platform-duo-copy li svg { width: 17px; margin-bottom: 7px; display: block; color: #71e5ff }
.s6-platform-duo-card--mt4 .s6-platform-duo-copy li svg { color: #c09eff }
.s6-platform-duo-copy>a { margin-top: 25px; display: inline-flex; align-items: center; gap: 9px; color: #fff; font-size: 14px; font-weight: 760 }
.s6-platform-duo-copy>a svg { width: 17px; color: #76e8ff }

.s6-platform-duo-axis {
    margin: 30px auto 0;
    display: grid;
    grid-template-columns: auto minmax(180px, 500px) auto;
    gap: 18px;
    align-items: center;
    justify-content: center;
    color: #8796ac;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase
}

.s6-platform-duo-axis i { height: 2px; background: linear-gradient(90deg, #60dff9, #9d7ff7, #ef74df) }
.s6-platform-duo-axis b { width: 8px; height: 8px; margin: -3px auto 0; display: block; border-radius: 50%; background: #fff; box-shadow: 0 0 14px #a388ff }

.s6-copy-person-1 { background-image: linear-gradient(0deg, rgba(4, 12, 30, .84), transparent 48%), url('../images/rg-rockcopy-mina-park-v2.webp'); background-size: cover; background-position: center 26% }
.s6-copy-person-2 { background-image: linear-gradient(0deg, rgba(4, 12, 30, .8), transparent 52%), url('../images/rg-rockcopy-avery-chen-v2.webp'); background-size: cover; background-position: center 28% }
.s6-copy-person-3 { background-image: linear-gradient(0deg, rgba(4, 12, 30, .8), transparent 52%), url('../images/rg-rockcopy-daniel-okafor-v2.webp'); background-size: cover; background-position: center 28% }
.s6-copy-person-4 { background-image: linear-gradient(0deg, rgba(4, 12, 30, .8), transparent 52%), url('../images/rg-rockcopy-sofia-marin-v2.webp'); background-size: cover; background-position: center 28% }

@media(min-width:1101px) {
    .s6-copy-inner { min-height: 0; padding: 66px 0 45px }
    .s6-copy-head { gap: 70px }
    .s6-copy-head h2 { font-size: clamp(50px, 4.5vw, 68px) }
    .s6-copy-head p { font-size: 19px }
    .s6-copy-explorer { margin-top: 32px; border-radius: 25px }
    .s6-copy-tabs { padding: 8px }
    .s6-copy-tabs button { min-height: 52px }
    .s6-copy-tabs button.active:after { bottom: -9px }
    .s6-copy-provider-layout { padding: 18px; grid-template-columns: minmax(0, 1.4fr) minmax(390px, .6fr); gap: 14px }
    .s6-copy-featured { min-height: 365px; grid-template-columns: minmax(185px, .58fr) minmax(360px, 1.42fr) }
    .s6-copy-person { min-height: 365px }
    .s6-copy-feature-copy { padding: 20px 23px 18px }
    .s6-copy-feature-copy h3 { margin-top: 15px; font-size: 31px }
    .s6-copy-hero-stat { margin-top: 17px }
    .s6-copy-hero-stat strong { font-size: 48px }
    .s6-copy-chart { height: 42px; margin-top: 11px }
    .s6-copy-feature-stats { margin-top: 12px }
    .s6-copy-feature-stats>div { padding: 9px 10px }
    .s6-copy-feature-stats span { margin-top: 3px }
    .s6-copy-feature-foot { padding-top: 12px }
    .s6-copy-list { gap: 7px }
    .s6-copy-list button { min-height: 76px; padding: 10px 13px; grid-template-columns: 48px 1fr 76px 74px 16px; gap: 9px }
    .s6-copy-avatar { width: 48px; height: 48px }
    .s6-copy-all { min-height: 44px }
    .s6-copy-disclaimer { margin-top: 10px }
}

.s6-learn-hub {
    position: relative;
    padding: 104px 0 112px;
    color: #08162e;
    background: radial-gradient(circle at 5% 18%, rgba(82, 205, 240, .12), transparent 24%), radial-gradient(circle at 91% 88%, rgba(160, 92, 230, .12), transparent 27%), linear-gradient(180deg, #f7f9fd, #edf2f8)
}

.s6-learn-hub-inner { width: min(1440px, calc(100% - 80px)); margin: auto }
.s6-learn-hub-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(430px, .78fr); gap: 90px; align-items: end }
.s6-learn-hub-head>div>span { color: #6353dd }
.s6-learn-hub-head h2 em { background: linear-gradient(100deg, #5546d7, #a94ed9 52%, #e763c4); -webkit-background-clip: text; background-clip: text }
.s6-learn-hub-head>p { color: #34455d }

.s6-learn-dashboard {
    margin-top: 55px;
    padding: 18px;
    display: grid;
    grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
    gap: 18px;
    border: 1px solid rgba(15, 38, 74, .1);
    border-radius: 30px;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 35px 85px rgba(24, 51, 91, .13)
}

.s6-learn-market-map,
.s6-learn-route-panel {
    min-width: 0;
    padding: 27px;
    border-radius: 23px
}

.s6-learn-market-map {
    color: #fff;
    background: radial-gradient(circle at 70% 25%, rgba(93, 221, 247, .18), transparent 30%), radial-gradient(circle at 25% 80%, rgba(169, 85, 230, .18), transparent 32%), #06142f;
    overflow: hidden
}

.s6-learn-market-top,
.s6-learn-route-head { display: flex; align-items: center; justify-content: space-between; gap: 18px }
.s6-learn-market-top>span,
.s6-learn-route-head>span { display: flex; align-items: center; gap: 9px; font-size: 14px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase }
.s6-learn-market-top svg,
.s6-learn-route-head svg { width: 18px; color: #6fe5ff }
.s6-learn-market-top small { color: #7f90a8 }

.s6-learn-orbit { position: relative; width: 180px; height: 110px; margin: 20px auto -4px }
.s6-learn-orbit i { position: absolute; inset: 50% auto auto 50%; width: 180px; height: 62px; border: 1px solid rgba(108, 226, 255, .2); border-radius: 50%; transform: translate(-50%, -50%) rotate(-9deg) }
.s6-learn-orbit i:nth-child(2) { width: 120px; height: 94px; border-color: rgba(177, 122, 255, .25); transform: translate(-50%, -50%) rotate(43deg) }
.s6-learn-orbit i:nth-child(3) { width: 86px; height: 86px; border-color: rgba(236, 108, 214, .25) }
.s6-learn-orbit b { position: absolute; z-index: 2; inset: 50% auto auto 50%; width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .16); border-radius: 17px; color: #fff; background: linear-gradient(145deg, rgba(80, 206, 240, .2), rgba(162, 81, 226, .25)); box-shadow: 0 0 32px rgba(104, 181, 255, .2); transform: translate(-50%, -50%) }
.s6-learn-orbit b svg { width: 24px }
.s6-learn-market-map h3 { max-width: 530px; margin: 8px 0 23px; font-size: 31px; line-height: 1.08; letter-spacing: -.035em }
.s6-learn-market-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px }
.s6-learn-market-links a { min-height: 48px; padding: 0 12px; display: flex; align-items: center; gap: 9px; border: 1px solid rgba(255, 255, 255, .09); border-radius: 12px; color: #dce7f5; background: rgba(255, 255, 255, .035); font-size: 14px; font-weight: 700; transition: border-color .2s, background .2s, transform .2s }
.s6-learn-market-links a:hover { border-color: rgba(107, 228, 255, .35); background: rgba(107, 228, 255, .08); transform: translateY(-2px) }
.s6-learn-market-links span { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 8px; color: #72e6ff; background: rgba(114, 230, 255, .08) }
.s6-learn-market-links svg { width: 14px }
.s6-learn-market-cta { margin-top: 21px; display: inline-flex; align-items: center; gap: 9px; color: #fff; font-size: 14px; font-weight: 760 }
.s6-learn-market-cta svg { width: 17px; color: #75e8ff }

.s6-learn-route-panel { display: flex; flex-direction: column; background: #fff }
.s6-learn-route-head { padding-bottom: 16px; border-bottom: 1px solid #e4e9f1 }
.s6-learn-route-head>span { color: #1d2b43 }
.s6-learn-route-head svg { color: #6654dd }
.s6-learn-route-head small { color: #8c98aa; font-weight: 760; letter-spacing: .1em }
.s6-learn-routes { display: grid }
.s6-learn-routes>a { min-height: 88px; padding: 14px 3px; display: grid; grid-template-columns: 38px 1fr 28px; gap: 12px; align-items: center; border-bottom: 1px solid #e8ecf2; color: #111f36; transition: color .2s, padding .2s }
.s6-learn-routes>a:hover { padding-left: 9px; color: #624bd6 }
.s6-learn-routes>a>small { color: #9a82df; font-size: 14px; font-weight: 800 }
.s6-learn-routes>a>span,
.s6-learn-routes strong,
.s6-learn-routes em { display: block }
.s6-learn-routes strong { font-size: 17px }
.s6-learn-routes em { margin-top: 5px; color: #6d7a8d; font-size: 14px; font-style: normal; line-height: 1.35 }
.s6-learn-routes>a>svg { width: 18px; color: #8d79db }
.s6-learn-primary { margin-top: auto; padding-top: 18px; display: flex; align-items: center; justify-content: space-between; color: #5944d0; font-size: 14px; font-weight: 800 }
.s6-learn-primary svg { width: 19px }

@media(max-width:1100px) {
    .s6-platform-duo-head,
    .s6-learn-hub-head { grid-template-columns: 1fr; gap: 25px }
    .s6-platform-duo-head>p,
    .s6-learn-hub-head>p { max-width: 820px }
    .s6-platform-duo-grid,
    .s6-learn-dashboard { grid-template-columns: 1fr }
}

@media(max-width:760px) {
    .s6-hero-backdrop { opacity: .34 }
    .s6-board-column-head,
    .s6-board-row { grid-template-columns: minmax(0, 1fr) 76px minmax(112px, .9fr); gap: 8px }
    .s6-board-symbol { padding: 5px 6px; font-size: 14px }
    .s6-board-row--schedule>div b.schedule { padding: 5px 6px; font-size: 14px }
    .s6-platform-duo { padding: 80px 0 72px }
    .s6-platform-duo-inner,
    .s6-learn-hub-inner { width: calc(100% - 40px) }
    .s6-platform-duo-head h2,
    .s6-learn-hub-head h2 { font-size: 45px }
    .s6-platform-duo-head>p,
    .s6-learn-hub-head>p { font-size: 18px }
    .s6-platform-duo-grid { margin-top: 38px }
    .s6-platform-duo-card { border-radius: 22px }
    .s6-platform-duo-visual,
    .s6-platform-duo-visual>img { min-height: 230px; height: 230px }
    .s6-platform-duo-badge { left: 18px; bottom: 17px }
    .s6-platform-duo-open { right: 17px; bottom: 18px }
    .s6-platform-duo-copy { padding: 22px 20px 24px }
    .s6-platform-duo-copy h3 { font-size: 27px }
    .s6-platform-duo-copy>p { min-height: 0 }
    .s6-platform-duo-copy ul { grid-template-columns: 1fr }
    .s6-platform-duo-copy li { min-height: 0; display: flex; align-items: center; gap: 9px }
    .s6-platform-duo-copy li svg { margin: 0 }
    .s6-platform-duo-axis { grid-template-columns: 1fr; text-align: center }
    .s6-platform-duo-axis i { width: 70%; margin: auto }
    .s6-copy-person { min-height: 250px; background-position: center 25% }
    .s6-learn-hub { padding: 80px 0 86px }
    .s6-learn-dashboard { margin-top: 38px; padding: 10px; border-radius: 23px }
    .s6-learn-market-map,
    .s6-learn-route-panel { padding: 20px; border-radius: 18px }
    .s6-learn-market-map h3 { font-size: 27px }
    .s6-learn-market-links { grid-template-columns: repeat(2, 1fr) }
    .s6-learn-routes>a { grid-template-columns: 30px 1fr 22px }
}


/* Homepage refinement pass: market micro-charts, mobile MetaTrader showcase and Learning Hub hierarchy. */
.s6-board-column-head,
.s6-board-row {
    grid-template-columns: minmax(0, 1fr) 178px minmax(180px, .78fr)
}

.s6-board-symbol-cell {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px
}

.s6-board-symbol-cell .s6-row-spark {
    width: 62px;
    height: 25px;
    flex: 0 0 auto;
    filter: drop-shadow(0 0 5px rgba(91, 229, 190, .25))
}

.s6-board-symbol-cell .s6-row-spark.up path:not(.area) {
    stroke-width: 2.5
}

.s6-platform-duo {
    color: #08162e;
    background: radial-gradient(circle at 10% 18%, rgba(112, 230, 255, .16), transparent 27%), radial-gradient(circle at 90% 76%, rgba(173, 92, 235, .14), transparent 29%), linear-gradient(180deg, #f8f9fd, #f1f4fa)
}

.s6-platform-duo:before {
    opacity: .42;
    background-image: linear-gradient(rgba(72, 104, 155, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(72, 104, 155, .07) 1px, transparent 1px)
}

.s6-platform-duo-head {
    grid-template-columns: minmax(0, .88fr) minmax(500px, 1.12fr);
    gap: 70px;
    align-items: start
}

.s6-platform-duo-head>div>span { color: #6353dd; font-size: 14px }
.s6-platform-duo-head h2 em { background: linear-gradient(100deg, #5546d7, #a94ed9 52%, #e763c4); -webkit-background-clip: text; background-clip: text }

.s6-platform-duo-brief>p {
    max-width: 680px;
    margin: 0;
    color: #34455d;
    font-size: 20px;
    font-weight: 590;
    line-height: 1.5
}

.s6-platform-duo-capabilities {
    margin-top: 22px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px
}

.s6-platform-duo-capabilities>div {
    min-width: 0;
    min-height: 116px;
    padding: 14px;
    border: 1px solid rgba(20, 44, 78, .1);
    border-radius: 15px;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 14px 30px rgba(27, 57, 99, .06)
}

.s6-platform-duo-capabilities svg {
    width: 20px;
    color: #6353dd
}

.s6-platform-duo-capabilities span,
.s6-platform-duo-capabilities strong,
.s6-platform-duo-capabilities small { display: block }
.s6-platform-duo-capabilities strong { margin-top: 10px; color: #14243c; font-size: 14px; line-height: 1.25 }
.s6-platform-duo-capabilities small { margin-top: 5px; color: #68768a; font-size: 14px; line-height: 1.35 }

.s6-platform-duo-grid { margin-top: 42px }

.s6-platform-duo-card,
.s6-platform-duo-card--mt4 {
    border-color: rgba(23, 48, 82, .12);
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 30px 70px rgba(26, 52, 89, .13)
}

.s6-platform-duo-visual,
.s6-platform-duo-visual>img { height: 342px; min-height: 342px }

.s6-platform-duo-visual>img { object-position: center 52% }
.s6-platform-duo-card--mt4 .s6-platform-duo-visual>img { object-position: 35% 52% }

.s6-platform-duo-shade {
    background: linear-gradient(0deg, rgba(4, 12, 31, .92), rgba(4, 12, 31, .08) 56%), linear-gradient(90deg, rgba(4, 12, 31, .24), transparent 55%)
}

.s6-platform-duo-visual>img.s6-platform-duo-logo {
    position: absolute;
    z-index: 3;
    top: 20px;
    right: 20px;
    width: 72px;
    height: 72px;
    min-height: 0;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 17px;
    object-fit: contain;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 14px 32px rgba(0, 0, 0, .24);
    backdrop-filter: blur(12px)
}

.s6-platform-duo-card:hover .s6-platform-duo-visual>img.s6-platform-duo-logo { transform: none }
.s6-platform-duo-copy h3 { color: #101f36 }
.s6-platform-duo-copy>p { color: #59697f }
.s6-platform-duo-copy li { border-color: rgba(20, 44, 78, .09); color: #273a53; background: #f5f7fb; font-size: 14px }
.s6-platform-duo-copy li svg { color: #2eabc9 }
.s6-platform-duo-card--mt4 .s6-platform-duo-copy li svg { color: #8668dc }
.s6-platform-duo-copy>a { color: #5944d0 }
.s6-platform-duo-copy>a svg { color: #5944d0 }
.s6-platform-duo-axis { color: #6d7c90; font-size: 14px }
.s6-platform-duo-axis b { background: #6852dc; box-shadow: 0 0 14px rgba(104, 82, 220, .42) }

@media(min-width:1101px) {
    .s6-copy-inner { padding-top: 90px; padding-bottom: 76px }
}

.s6-learn-hub-head>div>span,
.s6-learn-market-top>span,
.s6-learn-route-head>span,
.s6-learn-market-links a,
.s6-learn-routes em,
.s6-learn-routes>a>small { font-size: 14px }

.s6-learn-market-map {
    padding: 29px;
    background: radial-gradient(circle at 82% 28%, rgba(94, 224, 248, .2), transparent 27%), radial-gradient(circle at 18% 92%, rgba(170, 83, 231, .2), transparent 35%), linear-gradient(145deg, #06142f, #0a2244 62%, #17103c)
}

.s6-learn-market-impact {
    margin: 24px 0 25px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 185px;
    gap: 18px;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.s6-learn-market-count {
    display: flex;
    align-items: end;
    gap: 10px;
    color: #7de9ff
}

.s6-learn-market-count strong {
    font-size: 62px;
    line-height: .82;
    letter-spacing: -.06em
}

.s6-learn-market-count small {
    padding-bottom: 3px;
    color: #9cacc1;
    font-weight: 700
}

.s6-learn-market-map .s6-learn-market-impact h3 {
    max-width: 390px;
    margin: 18px 0 25px;
    font-size: 30px
}

.s6-learn-market-impact .s6-learn-orbit {
    width: 180px;
    height: 145px;
    margin: 0
}

.s6-learn-market-impact .s6-learn-orbit:after {
    content: "";
    position: absolute;
    inset: 18px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(110, 230, 255, .12), transparent 68%);
    filter: blur(5px)
}

.s6-learn-market-links a {
    min-height: 52px;
    border-color: rgba(126, 230, 255, .13);
    background: rgba(255, 255, 255, .045)
}

@media(max-width:1100px) {
    .s6-platform-duo-head { grid-template-columns: 1fr }
}

@media(max-width:760px) {
    .s6-board-column-head,
    .s6-board-row { grid-template-columns: minmax(0, 1fr) 74px 82px; gap: 5px }
    .s6-board-column-head { padding-inline: 8px }
    .s6-board-column-head span { font-size: 14px; letter-spacing: .035em; line-height: 1.15 }
    .s6-board-column-head span:nth-child(1) { grid-column: 1 }
    .s6-board-column-head span:nth-child(2) { grid-column: 2; display: block; text-align: left }
    .s6-board-column-head span:nth-child(3) { grid-column: 3; text-align: right }
    .s6-board-row { padding-inline: 8px }
    .s6-board-row>strong { min-width: 0; font-size: 14px; line-height: 1.22 }
    .s6-board-symbol-cell { min-width: 0; gap: 3px }
    .s6-board-symbol { padding: 4px; font-size: 14px }
    .s6-board-symbol-cell .s6-row-spark { width: 23px; height: 18px; display: block }
    .s6-board-row--schedule>div b.schedule { padding: 5px; font-size: 14px; line-height: 1.15 }
    .s6-platform-duo-capabilities { grid-template-columns: 1fr }
    .s6-platform-duo-capabilities>div { min-height: 0; display: grid; grid-template-columns: 28px 1fr; gap: 10px }
    .s6-platform-duo-capabilities strong { margin-top: 0 }
    .s6-platform-duo-visual,
    .s6-platform-duo-visual>img { height: 245px; min-height: 245px }
    .s6-platform-duo-visual>img.s6-platform-duo-logo { top: 14px; right: 14px; width: 58px; height: 58px; min-height: 0 }
    .s6-copy-inner { padding-top: 96px; padding-bottom: 88px }
    .s6-learn-market-impact { grid-template-columns: 1fr 110px }
    .s6-learn-market-impact .s6-learn-orbit { width: 110px; height: 120px; transform: scale(.74); transform-origin: center }
    .s6-learn-market-count strong { font-size: 52px }
    .s6-learn-market-map .s6-learn-market-impact h3 { font-size: 26px }
}

/* Homepage Round 3: one switchable MT4/MT5 platform experience. */
.s6-platform-head>div>p {
    max-width: 680px;
    margin: 0;
    color: #253650;
    font-size: 22px;
    font-weight: 610;
    line-height: 1.45;
    letter-spacing: -.018em
}

.s6-platform-switcher {
    width: min(430px, 100%);
    margin-top: 24px;
    padding: 6px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    border: 1px solid rgba(40, 58, 92, .14);
    border-radius: 17px;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 18px 40px rgba(40, 54, 91, .1)
}

.s6-platform-switcher button {
    min-height: 58px;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #66758a;
    background: transparent;
    cursor: pointer;
    transition: color .2s, background .2s, border-color .2s, box-shadow .2s
}

.s6-platform-switcher button span {
    font-size: 20px;
    font-weight: 850
}

.s6-platform-switcher button small {
    color: inherit;
    font-size: 14px;
    font-weight: 720
}

.s6-platform-switcher button.active {
    border-color: rgba(108, 79, 220, .17);
    color: #fff;
    background: linear-gradient(115deg, #6149dd, #ab4fe0 56%, #e45dcc);
    box-shadow: 0 12px 26px rgba(111, 70, 212, .24)
}

.s6-platform-switcher button:not(.active):hover {
    border-color: rgba(97, 73, 221, .18);
    color: #4d3e87;
    background: rgba(97, 73, 221, .075);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.s6-platform-switcher button:focus-visible {
    outline: 3px solid rgba(97, 73, 221, .28);
    outline-offset: 2px
}

.s6-platform-tab-panel { animation: s6-panel-in .34s ease both }
.s6-platform-tab-panel[hidden] { display: none }
.s6-platform-tab-panel .s6-platform-layout { margin-top: 46px }

.s6-stage-meta-side {
    display: flex;
    align-items: center;
    gap: 11px
}

.s6-stage-meta-side img {
    width: 48px;
    height: 48px;
    padding: 5px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 13px;
    object-fit: contain;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .22)
}

.s6-stage-meta-side span {
    color: #b4bfd0;
    font-size: 14px;
    font-weight: 700
}

.s6-device-stage--mt4 .s6-mt5-mark {
    border-color: rgba(172, 139, 255, .42);
    background: linear-gradient(145deg, #3e50c7, #8d59df)
}

.s6-device-stage--mt4 .s6-platform-backdrop { object-position: center 46% }

.s6-platform-stats {
    position: absolute;
    z-index: 5;
    left: 22px;
    right: 22px;
    bottom: 20px;
    min-height: 86px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 18px;
    background: rgba(3, 12, 31, .74);
    box-shadow: 0 17px 35px rgba(0, 0, 0, .18);
    backdrop-filter: blur(18px)
}

.s6-platform-stats>div {
    min-width: 0;
    padding: 13px 17px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.s6-platform-stats>div+div { border-left: 1px solid rgba(255, 255, 255, .11) }
.s6-platform-stats strong { color: #fff; font-size: 34px; line-height: .95; letter-spacing: -.04em }
.s6-platform-stats span { margin-top: 8px; color: #aebbd0; font-size: 14px; font-weight: 680; line-height: 1.2 }
.s6-device-stage--mt4 .s6-platform-stats strong { color: #c8b5ff }
.s6-stage-message { bottom: 132px }

.s6-platform-state-label {
    display: flex;
    align-items: center;
    gap: 13px
}

.s6-platform-state-label img {
    width: 54px;
    height: 54px;
    padding: 5px;
    border: 1px solid rgba(45, 64, 97, .11);
    border-radius: 14px;
    object-fit: contain;
    background: #fff;
    box-shadow: 0 12px 28px rgba(42, 57, 89, .1)
}

.s6-platform-state-label span,
.s6-platform-state-label strong,
.s6-platform-state-label small { display: block }
.s6-platform-state-label small { color: #7055d7; font-size: 14px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase }
.s6-platform-state-label strong { margin-top: 4px; color: #11213a; font-size: 18px }
.s6-platform-state-label + h3 { margin-top: 22px }

@media(min-width:1181px) {
    .s6-platform-head {
        grid-template-columns: minmax(590px, 1.06fr) minmax(430px, .94fr);
        gap: 68px
    }

    .s6-platform-head h2 {
        max-width: none;
        padding-right: 14px;
        overflow: visible;
        font-size: clamp(54px, 4.6vw, 70px);
        line-height: 1.01
    }

    .s6-platform-head h2 em {
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone
    }
}

@media(min-width:1101px) {
    .s6-copy-inner { padding-top: 116px; padding-bottom: 102px }
}

.s6-learn-routes>a {
    grid-template-columns: 60px 1fr 28px
}

.s6-learn-routes>a>small {
    color: #8d72df;
    font-size: 36px;
    font-weight: 850;
    line-height: 1;
    letter-spacing: -.055em
}

@media(max-width:1180px) {
    .s6-platform-head>div>p { max-width: 820px }
}

@media(max-width:760px) {
    .s6-platform-head>div>p { font-size: 19px }
    .s6-platform-switcher { width: 100%; margin-top: 20px }
    .s6-platform-switcher button { min-height: 56px; padding-inline: 9px; gap: 7px }
    .s6-platform-switcher button span { font-size: 18px }
    .s6-platform-switcher button small { font-size: 14px }
    .s6-platform-tab-panel .s6-platform-layout { margin-top: 34px }
    .s6-stage-meta-side img { width: 42px; height: 42px }
    .s6-stage-meta-side span { display: none }
    .s6-stage-message { bottom: 125px }
    .s6-stage-message h3 { font-size: 32px }
    .s6-platform-stats { left: 14px; right: 14px; bottom: 14px; min-height: 82px }
    .s6-platform-stats>div { padding: 10px 8px }
    .s6-platform-stats strong { font-size: 27px }
    .s6-platform-stats span { margin-top: 6px; font-size: 14px }
    .s6-platform-state-label + h3 { margin-top: 18px }
    .s6-copy-inner { padding-top: 122px; padding-bottom: 114px }
    .s6-learn-routes>a { grid-template-columns: 48px 1fr 22px }
    .s6-learn-routes>a>small { font-size: 30px }
}

/* Footer WikiLicense verification */
.s6-footer-tools {
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px
}

.rg-wikilicense {
    position: relative;
    z-index: 4
}

.s6-footer .rg-wikilicense__trigger {
    min-height: 44px;
    padding: 7px 12px 7px 8px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    border: 1px solid rgba(112, 230, 255, .24);
    border-radius: 12px;
    background: rgba(12, 38, 68, .88);
    color: #edfaff;
    font: inherit;
    font-size: 14px;
    font-weight: 780;
    line-height: 1;
    letter-spacing: -.01em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    cursor: pointer;
    transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease, color .2s ease
}

.s6-footer .rg-wikilicense__trigger:hover,
.s6-footer .rg-wikilicense__trigger:focus-visible {
    border-color: rgba(112, 230, 255, .68);
    background: #164c70;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0, 9, 28, .22), inset 0 1px 0 rgba(255, 255, 255, .09)
}

.s6-footer .rg-wikilicense__trigger:focus-visible {
    outline: 3px solid rgba(112, 230, 255, .72);
    outline-offset: 3px
}

.s6-footer .rg-wikilicense__trigger:active {
    transform: translateY(0)
}

.s6-footer .rg-wikilicense__trigger:disabled {
    opacity: .5;
    cursor: not-allowed;
    transform: none
}

.rg-wikilicense.is-open .rg-wikilicense__trigger {
    border-color: rgba(139, 118, 234, .76);
    background: linear-gradient(115deg, #174c73, #2f3978);
    color: #fff;
    box-shadow: 0 12px 30px rgba(0, 9, 28, .28), inset 0 1px 0 rgba(255, 255, 255, .1)
}

.rg-wikilicense__mark {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 8px;
    background: rgba(255, 255, 255, .08);
    color: #70e6ff
}

.rg-wikilicense__mark img {
    width: 18px;
    height: 22px;
    object-fit: contain
}

.rg-wikilicense__signal {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #77e4c0;
    box-shadow: 0 0 0 4px rgba(119, 228, 192, .1)
}

.rg-wikilicense__panel {
    position: absolute;
    right: 0;
    bottom: calc(100% + 14px);
    width: min(470px, calc(100vw - 36px));
    overflow: visible;
    border: 1px solid rgba(112, 230, 255, .32);
    border-radius: 18px;
    background: #fff;
    color: #142641;
    box-shadow: 0 28px 70px rgba(0, 12, 35, .34), 0 0 0 5px rgba(112, 230, 255, .05);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px) scale(.985);
    transform-origin: right bottom;
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease
}

@media(min-width:540px) {
    .rg-wikilicense__detail strong {
        white-space: nowrap
    }
}

.rg-wikilicense__panel::after {
    content: "";
    position: absolute;
    right: 28px;
    bottom: -7px;
    width: 13px;
    height: 13px;
    border-right: 1px solid rgba(112, 230, 255, .32);
    border-bottom: 1px solid rgba(112, 230, 255, .32);
    background: #edf5fb;
    transform: rotate(45deg)
}

.rg-wikilicense.is-open .rg-wikilicense__panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1)
}

.rg-wikilicense__header {
    padding: 18px;
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: 12px;
    border-radius: 17px 17px 0 0;
    background: linear-gradient(118deg, #071b38 0%, #174c73 58%, #2f3978 100%);
    color: #fff
}

.rg-wikilicense__crest {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(112, 230, 255, .28);
    border-radius: 12px;
    background: rgba(255, 255, 255, .09);
    color: #70e6ff
}

.rg-wikilicense__crest img {
    width: 24px;
    height: 29px;
    object-fit: contain
}

.rg-wikilicense__header strong,
.rg-wikilicense__header small,
.rg-wikilicense__detail small,
.rg-wikilicense__detail strong {
    display: block
}

.rg-wikilicense__header strong {
    font-size: 18px;
    line-height: 1.1;
    letter-spacing: -.02em
}

.rg-wikilicense__header small {
    margin-top: 4px;
    color: #b9cce0;
    font-size: 14px;
    line-height: 1.25
}

.rg-wikilicense__header time {
    align-self: start;
    padding-top: 2px;
    color: #a8bdd2;
    font-size: 14px;
    font-variant-numeric: tabular-nums;
    line-height: 1.2
}

.rg-wikilicense__body {
    padding: 5px 18px;
    background: #fff
}

.rg-wikilicense__row {
    min-height: 78px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px
}

.rg-wikilicense__row+.rg-wikilicense__row {
    border-top: 1px solid #dbe6f0
}

.rg-wikilicense__flag {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid #dbe6f0;
    border-radius: 50%;
    background: #f5f9fc;
    font-size: 18px;
    line-height: 1
}

.rg-wikilicense__detail {
    min-width: 0
}

.rg-wikilicense__detail small {
    color: #64768d;
    font-size: 14px;
    line-height: 1.25
}

.rg-wikilicense__detail strong {
    margin-top: 4px;
    color: #142641;
    font-size: 14px;
    line-height: 1.4
}

.rg-wikilicense__status {
    padding: 6px 9px;
    border: 1px solid #c9e9df;
    border-radius: 9px;
    background: #eaf7f2;
    color: #176b55;
    font-size: 14px;
    font-weight: 760;
    line-height: 1
}

.rg-wikilicense__footer {
    position: relative;
    z-index: 1;
    padding: 14px 18px 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-top: 1px solid #dbe6f0;
    border-radius: 0 0 17px 17px;
    background: #edf5fb
}

.rg-wikilicense__footer p {
    flex: 1 1 auto;
    margin: 0;
    color: #53677f;
    font-size: 14px;
    line-height: 1.5
}

.rg-wikilicense__footer a {
    flex: 0 0 auto;
    width: max-content;
    min-height: 36px;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #15577c;
    font-size: 14px;
    font-weight: 780;
    line-height: 1.2;
    text-decoration: underline;
    text-decoration-color: rgba(21, 87, 124, .35);
    text-underline-offset: 3px;
    transition: color .2s ease, text-decoration-color .2s ease
}

.rg-wikilicense__footer a:hover,
.rg-wikilicense__footer a:focus-visible {
    color: #2f3978;
    text-decoration-color: currentColor
}

.rg-wikilicense__footer a:focus-visible {
    outline: 3px solid rgba(112, 230, 255, .72);
    outline-offset: 3px;
    border-radius: 4px
}

.rg-wikilicense__footer a svg {
    width: 15px;
    height: 15px;
    transition: transform .2s ease
}

.rg-wikilicense__footer a:hover svg,
.rg-wikilicense__footer a:focus-visible svg {
    transform: translate(2px, -2px)
}

@media(max-width:1180px) {
    .s6-footer-tools {
        width: 100%;
        min-width: 0;
        justify-self: stretch;
        justify-content: flex-end;
        flex-wrap: wrap
    }
}

@media(max-width:640px) {
    .s6-footer-tools {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
        justify-content: stretch
    }

    .rg-wikilicense {
        justify-self: end
    }

    .rg-wikilicense__panel {
        width: min(470px, calc(100vw - 40px))
    }

    .rg-wikilicense__header {
        grid-template-columns: 42px 1fr
    }

    .rg-wikilicense__header time {
        grid-column: 2;
        padding-top: 0
    }

    .rg-wikilicense__row {
        grid-template-columns: 32px minmax(0, 1fr);
        padding: 12px 0
    }

    .rg-wikilicense__status {
        grid-column: 2;
        justify-self: start
    }

    .rg-wikilicense__footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px
    }
}

/* Durable Promotions navigation: Player One owns its Live and Demo choices,
 * while the remaining global links describe evergreen content categories. */
.s6-mega-card {
    min-height: 88px;
    padding: 12px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 15px;
    background: rgba(255, 255, 255, .035);
    transition: background .2s ease, border-color .2s ease, transform .2s ease
}

.s6-mega-card:hover,
.s6-mega-card:focus-within,
.s6-mega-card.is-current {
    border-color: rgba(112, 230, 255, .42);
    background: linear-gradient(120deg, rgba(72, 206, 239, .11), rgba(172, 86, 232, .11));
    transform: translateY(-2px)
}

.s6-mega-card-main {
    width: 100%;
    padding: 0 16px 10px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 14px;
    box-sizing: border-box;
    color: #fff
}

.s6-mega-card-main > span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: rgba(157, 131, 255, .13);
    color: #bbb1ff;
    font-size: 14px;
    font-weight: 750
}

.s6-mega-card-main strong,
.s6-mega-card-main small {
    display: block
}

.s6-mega-card-main strong {
    font-size: 16px
}

.s6-mega-card-main small {
    margin-top: 6px;
    color: #aab5c8;
    font-size: 14px;
    line-height: 1.35
}

.s6-mega-card-main > svg {
    width: 16px;
    color: #7ee8ff
}

.s6-mega-card-main:focus-visible {
    outline: 3px solid rgba(112, 230, 255, .72);
    outline-offset: -4px;
    border-radius: 12px
}

.s6-mega-card-actions {
    width: 100%;
    padding: 0 16px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    box-sizing: border-box
}

.s6-mega-card-actions a {
    min-height: 44px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 1px solid rgba(112, 230, 255, .22);
    border-radius: 12px;
    background: rgba(112, 230, 255, .065);
    color: #7ce6fb;
    font-size: 14px;
    font-weight: 700;
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease
}

.s6-mega-card-actions a:hover,
.s6-mega-card-actions a:focus-visible {
    border-color: #70e6ff;
    background: #164c70;
    color: #fff;
    transform: translateY(-1px)
}

.s6-mega-card-actions a:focus-visible {
    outline: 3px solid rgba(112, 230, 255, .72);
    outline-offset: 3px
}

.s6-mega-card-actions svg {
    width: 15px;
    transition: transform .2s ease
}

.s6-mega-card-actions a:hover svg,
.s6-mega-card-actions a:focus-visible svg {
    transform: translate(2px, -2px)
}

@media(max-width:900px) {
    .s6-mobile-subnav {
        padding: 0 14px 10px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px
    }

    .s6-mobile-panel .s6-mobile-subnav a {
        min-height: 44px;
        padding: 0 12px;
        border: 1px solid rgba(112, 230, 255, .2);
        border-left-color: rgba(112, 230, 255, .2);
        background: rgba(112, 230, 255, .06);
        color: #7ce6fb;
        font-size: 14px
    }

    .s6-mobile-panel .s6-mobile-subnav a:hover,
    .s6-mobile-panel .s6-mobile-subnav a:focus-visible {
        border-color: #70e6ff;
        background: #164c70;
        color: #fff
    }
}