:root {
  --coal: #0a0910;
  --slate: #141019;
  --slate2: #1c1826;
  --slate3: #252031;
  --wireline: #2f2940;
  --wireline2: #463e5c;
  --snow: #f2eff7;
  --mist: #a49eb4;
  --jade: #0afe87;
  --jade2: #15d678;
  --jade-ink: #04150c;
  --rose: #e81f74;
  --curve: 8px;
  --span: 1080px;
  --gap3: 18px;
  --stack: "Trebuchet MS", "Lucida Grande", Tahoma, Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; overflow-x: hidden; max-width: 100%; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; } }
body { margin: 0; font: 16px/1.6 var(--stack); color: var(--snow); background: var(--coal); overflow-x: hidden; max-width: 100%; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
a:focus-visible, [role="link"]:focus-visible, label:focus-visible, input:focus-visible { outline: 2px solid var(--jade); outline-offset: 2px; }
h1, h2, h3 { margin: 0 0 15px; font-weight: 800; line-height: 1.22; color: var(--snow); overflow-wrap: break-word; }
h1 { font-size: 40px; }
h2 { font-size: 28px; }
h3 { font-size: 20px; }
p { margin: 0 0 15px; overflow-wrap: break-word; }
ul, ol { margin: 0 0 15px; padding-left: 21px; }
li { margin-bottom: 7px; }
strong { font-weight: 700; color: #fff; }
table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 0 0 6px; overflow: hidden; border-radius: var(--curve); }
th, td { padding: 13px 15px; border: 1px solid var(--wireline); text-align: left; vertical-align: middle; font-size: 15px; }
th { background: var(--slate3); font-weight: 700; color: #fff; }
td { background: var(--slate); }
tr:nth-child(even) td { background: var(--slate2); }
td:first-child { font-weight: 700; }
.box { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 28px; }

.site { display: flex; flex-direction: column; min-height: 100vh; }
main { flex: 1 0 auto; }
.bound { max-width: calc(var(--span) + var(--gap3) * 2); margin: 0 auto; padding: 0 var(--gap3) 46px; }
.go3 { cursor: pointer; -webkit-user-select: none; user-select: none; }

@keyframes glow {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 rgba(10, 254, 135, 0); }
  50% { transform: scale(1.035); box-shadow: 0 0 24px rgba(10, 254, 135, 0.42); }
}
.action, .pill-join, .voxpop__btn { animation: glow 2.8s ease-in-out infinite; will-change: transform; }
.action:hover, .pill-join:hover, .voxpop__btn:hover { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { .action, .pill-join, .voxpop__btn { animation: none; } }
.action { display: flex; align-items: center; justify-content: center; text-align: center; max-width: 350px; width: 100%; min-height: 56px; margin: 10px auto 0; padding: 12px 26px; border-radius: 999px; background: linear-gradient(180deg, #1dff95 0%, #05d873 100%); color: var(--jade-ink); box-shadow: 0 8px 22px rgba(10,254,135,.28); font-size: 18px; font-weight: 800; text-decoration: none; transition: filter .2s, transform .1s; }
.action:hover { filter: brightness(1.08); }
.action:active { transform: scale(.98); }

.head { position: sticky; top: 0; z-index: 60; background: var(--slate); border-bottom: 1px solid var(--wireline); }
.head__in { max-width: calc(var(--span) + var(--gap3) * 2); margin: 0 auto; padding: 0 var(--gap3); height: 70px; display: flex; align-items: center; gap: 14px; }
.mark { margin-right: auto; display: flex; align-items: center; }
.mark img { height: 44px; width: auto; max-width: none; display: block; }
.primary__list { display: flex; gap: 6px; list-style: none; margin: 0; padding: 0; }
.primary__list li { margin: 0; }
.primary__list .go3 { display: flex; align-items: center; gap: 6px; padding: 8px 13px; border-radius: 999px; font-size: 13.5px; font-weight: 700; white-space: nowrap; text-decoration: none; color: var(--snow); background: var(--slate2); border: 1px solid var(--wireline); transition: background .2s, border-color .2s; }
.primary__list .go3 svg { width: 17px; height: 17px; fill: var(--jade); flex: none; }
.primary__list .go3:hover { background: var(--slate3); border-color: var(--jade); }
.primary__btns { display: none; }
.head__btns { display: flex; gap: 8px; }
.pill-login, .pill-join { display: inline-flex; align-items: center; justify-content: center; height: 42px; padding: 0 17px; border-radius: 999px; font-size: 14px; font-weight: 800; text-decoration: none; white-space: nowrap; cursor: pointer; transition: filter .2s, background .2s; }
.pill-login { background: var(--slate2); color: var(--jade); border: 1px solid var(--jade); }
.pill-login:hover { background: var(--slate3); }
.pill-join { background: linear-gradient(180deg, #1dff95 0%, #05d873 100%); color: var(--jade-ink); }
.pill-join:hover { filter: brightness(1.08); }
.menucheck { position: absolute; opacity: 0; pointer-events: none; }
.hamb { display: none; width: 42px; height: 42px; padding: 9px; flex-direction: column; justify-content: space-between; cursor: pointer; border-radius: 10px; border: 1px solid var(--wireline); background: var(--slate2); }
.hamb span { display: block; height: 3px; border-radius: 2px; background: var(--snow); transition: transform .25s, opacity .25s; }

.intro3 { padding: 32px 0 44px; text-align: center; }
.intro3__h1 { margin-bottom: 18px; }
.intro3__banner { display: block; margin: 0 auto 22px; border-radius: var(--curve); overflow: hidden; border: 1px solid var(--wireline); }
.intro3__banner img { width: 100%; height: auto; display: block; }
.intro3__text { max-width: 100%; margin: 0 auto 20px; text-align: left; font-size: 17px; }
.intro3__text p:last-child { margin-bottom: 0; }

.shot { margin: 10px 0 44px; }
.shot .go3 { display: block; border-radius: var(--curve); overflow: hidden; border: 1px solid var(--wireline); }
.shot img { width: 100%; border-radius: var(--curve); }

.atglance { margin: 0 0 46px; }
.atglance__cap { display: flex; align-items: center; justify-content: center; min-height: 62px; margin: 0 0 22px; padding: 12px 22px; border-radius: var(--curve); background: linear-gradient(135deg, #0afe87 0%, #06c46a 100%); text-align: center; font-size: 23px; font-weight: 800; color: var(--jade-ink); }
.atglance td:first-child { width: 32%; }

.sect, .gallery, .voxpop, .qlist, .balance, .legs, .apps { content-visibility: auto; contain-intrinsic-size: auto 620px; }
.sect { margin: 0 0 46px; min-width: 0; }
.sect > h2 { margin-top: 6px; }
.sect--mid h2 { text-align: center; }
.copy3 p, .copy3 li { font-size: 17px; }
.copy3 h3 { margin-top: 26px; }
.copy3 table { font-size: 15px; }

.balance__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.balance__col { padding: 24px; border-radius: var(--curve); background: var(--slate); border: 1px solid var(--wireline); min-width: 0; }
.balance__col h3 { margin-bottom: 14px; }
.balance__col ul { margin: 0; padding: 0; list-style: none; }
.balance__col li { position: relative; padding-left: 26px; margin-bottom: 11px; }
.balance__col li::before { content: ""; position: absolute; left: 0; top: 6px; width: 13px; height: 13px; border-radius: 3px; }
.balance__col--up li::before { background: var(--jade); }
.balance__col--down li::before { background: var(--rose); }

.gallery { margin: 0 0 52px; }
.gallery > h2 { text-align: center; margin-bottom: 22px; }
.gallery__tabs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; list-style: none; margin: 0 0 22px; padding: 0; }
.gallery__tabs li { margin: 0; }
.gallery__tab { display: flex; align-items: center; justify-content: center; gap: 8px; height: 50px; border-radius: 999px; background: var(--slate2); border: 1px solid var(--wireline); color: var(--snow); font-size: 15px; font-weight: 700; text-decoration: none; cursor: pointer; transition: background .2s, border-color .2s; }
.gallery__tab svg { fill: currentColor; flex: none; }
.gallery__tab:hover, .gallery__tab.on { background: var(--slate3); border-color: var(--jade); color: #fff; }
.show { display: none; }
.show.on { display: block; }
.gallery__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px 14px; }
.card3 { display: block; text-decoration: none; color: var(--snow); min-width: 0; }
.card3__thumb { display: block; position: relative; border-radius: var(--curve); overflow: hidden; background: var(--slate2); border: 1px solid var(--wireline); aspect-ratio: 360 / 472; }
.card3__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
.card3:hover .card3__thumb img { transform: scale(1.05); }
.card3__label { display: block; margin-top: 9px; font-size: 13.5px; font-weight: 700; line-height: 1.3; }
.card3 .maker { display: block; font-size: 12px; color: var(--mist); }
.card3--logo .card3__thumb { aspect-ratio: 240 / 120; display: flex; align-items: center; justify-content: center; padding: 16px; }
.card3--logo .card3__thumb img { width: 100%; height: 100%; object-fit: contain; }
.card3--logo .card3__label { text-align: center; }

.apps { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0 0; }
.apps-btn { display: inline-flex; align-items: center; gap: 10px; height: 54px; padding: 0 20px; border-radius: 999px; background: var(--slate2); border: 1px solid var(--wireline); text-decoration: none; color: var(--snow); transition: border-color .2s, background .2s; }
.apps-btn:hover { border-color: var(--jade); background: var(--slate3); }
.apps-btn svg { width: 26px; height: 26px; flex: none; fill: var(--snow); }
.apps-btn b { display: block; font-size: 15px; font-weight: 800; line-height: 1.1; }
.apps-btn span { display: block; font-size: 11px; color: var(--mist); }

.voxpop { margin: 0 0 52px; }
.voxpop__bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 24px; margin-bottom: 20px; border-radius: var(--curve); background: var(--slate); border: 1px solid var(--wireline); }
.voxpop__cap { font-size: 14px; color: var(--mist); margin-bottom: 4px; }
.voxpop__score { display: flex; align-items: center; gap: 10px; }
.voxpop__score > span { font-size: 26px; font-weight: 800; }
.voxpop__score small { color: var(--mist); font-size: 13px; }
.stars3 { display: inline-flex; gap: 2px; }
.stars3 svg { width: 18px; height: 18px; fill: var(--jade); }
.voxpop__btn { display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 22px; border-radius: 999px; background: linear-gradient(180deg, #1dff95 0%, #05d873 100%); color: var(--jade-ink); font-weight: 800; font-size: 14px; text-decoration: none; white-space: nowrap; cursor: pointer; }
.voxpop__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.vox { padding: 20px; border-radius: var(--curve); background: var(--slate); border: 1px solid var(--wireline); min-width: 0; }
.vox__who { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.vox__pic { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 999px; background: linear-gradient(135deg, #0afe87 0%, #06c46a 100%); font-weight: 800; font-size: 18px; color: var(--jade-ink); flex: none; }
.vox__id span { display: block; font-weight: 700; }
.vox__id small { color: var(--mist); font-size: 12px; }
.vox__stars { margin-bottom: 10px; }
.vox__text p { margin: 0; font-size: 15px; }

.qlist { margin: 0 0 44px; }
.qlist__item { padding: 18px 22px; margin-bottom: 12px; border-radius: var(--curve); background: var(--slate); border: 1px solid var(--wireline); }
.qlist__item h3 { font-size: 18px; margin-bottom: 8px; }
.qlist__item p { margin: 0; font-size: 16px; }

.revised { margin: 0 0 18px; }
.revised__box { display: flex; align-items: center; gap: 14px; padding: 16px 22px; border-radius: var(--curve); background: var(--slate); border: 1px solid var(--wireline); font-size: 15px; color: var(--mist); }
.revised__box svg { width: 26px; height: 26px; fill: var(--jade); flex: none; }
.revised__box strong { color: var(--snow); }

.legs { background: var(--slate); border-top: 1px solid var(--wireline); }
.legs__top { max-width: calc(var(--span) + var(--gap3) * 2); margin: 0 auto; padding: 40px var(--gap3); display: flex; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.legs__brand { max-width: 360px; }
.legs__brand img.mkf { height: 50px; width: auto; max-width: none; margin-bottom: 16px; }
.legs__desc { font-size: 14px; color: var(--mist); margin-bottom: 18px; }
.legs__social { display: flex; gap: 10px; }
.legs__social a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 999px; background: var(--slate2); border: 1px solid var(--wireline); transition: border-color .2s, background .2s; }
.legs__social a:hover { border-color: var(--jade); background: var(--slate3); }
.legs__social svg { width: 19px; height: 19px; fill: var(--snow); }
.legs__cols { display: flex; gap: 56px; flex-wrap: wrap; }
.legs__cap { font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: var(--mist); margin-bottom: 12px; }
.legs__nav ul { list-style: none; margin: 0; padding: 0; }
.legs__nav li { margin-bottom: 9px; }
.legs__nav .go3 { font-size: 14px; text-decoration: none; color: var(--snow); cursor: pointer; }
.legs__nav .go3:hover { color: var(--jade); }
.legs__pay { border-top: 1px solid var(--wireline); }
.legs__payrow { max-width: calc(var(--span) + var(--gap3) * 2); margin: 0 auto; padding: 24px var(--gap3); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 22px; }
.legs__payrow img { height: 30px; width: auto; opacity: .92; }
.legs__trust { border-top: 1px solid var(--wireline); }
.legs__trustrow { max-width: calc(var(--span) + var(--gap3) * 2); margin: 0 auto; padding: 24px var(--gap3); display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; align-items: center; justify-items: center; }
.legs__trustrow img { height: 48px; width: auto; opacity: .92; transition: opacity .2s; }
.legs__trustrow a:hover img { opacity: 1; }
.age3 { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 999px; border: 3px solid var(--rose); color: var(--rose); font-weight: 800; font-size: 15px; }
.legs__base { border-top: 1px solid var(--wireline); }
.legs__fine { max-width: calc(var(--span) + var(--gap3) * 2); margin: 0 auto; padding: 22px var(--gap3); font-size: 12.5px; line-height: 1.7; color: var(--mist); }
.legs__fine p { margin: 0 0 8px; }

@media (max-width: 1120px) {
  .hamb { display: flex; order: 3; }
  .head__btns { order: 2; margin-left: auto; }
  .mark { margin-right: 0; }
  .primary { display: none; position: absolute; left: 0; right: 0; top: 70px; padding: 12px var(--gap3) 20px; background: var(--slate); border-bottom: 1px solid var(--wireline); }
  .menucheck:checked ~ .primary { display: block; }
  .menucheck:checked ~ .hamb span:nth-child(1) { transform: translateY(9.5px) rotate(45deg); }
  .menucheck:checked ~ .hamb span:nth-child(2) { opacity: 0; }
  .menucheck:checked ~ .hamb span:nth-child(3) { transform: translateY(-9.5px) rotate(-45deg); }
  .primary__list { flex-direction: column; gap: 8px; }
  .primary__list .go3 { padding: 12px 14px; font-size: 15px; border-radius: 12px; }
  .primary__btns { display: flex; gap: 10px; margin-top: 14px; }
  .primary__btns > * { flex: 1; }
  .balance__grid { gap: 16px; }
  .voxpop__grid { grid-template-columns: repeat(2, 1fr); }
  .legs__top { flex-direction: column; gap: 30px; }
  .legs__cols { gap: 40px; }
  .gallery__grid { grid-template-columns: repeat(5, 1fr); }
}
@media (max-width: 1024px) {
  .gallery__grid { grid-template-columns: repeat(4, 1fr); }
  .legs__trustrow { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  h1 { font-size: 28px; }
  h2 { font-size: 23px; }
  h3 { font-size: 19px; }
  .copy3 p, .copy3 li, .intro3__text { font-size: 16px; }
  th, td { padding: 10px 9px; font-size: 13px; }
  .atglance td:first-child { width: 38%; }
  .atglance__cap { font-size: 18px; min-height: 54px; }
  .gallery__tabs { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .gallery__tab { height: 44px; font-size: 14px; }
  .gallery__grid { grid-template-columns: repeat(3, 1fr); gap: 14px 10px; }
  .balance__grid { grid-template-columns: 1fr; }
  .voxpop__bar { flex-direction: column; align-items: flex-start; }
  .voxpop__btn { width: 100%; }
  .voxpop__grid { grid-template-columns: 1fr; }
  .legs__trustrow { grid-template-columns: repeat(3, 1fr); }
  .sect, .gallery, .voxpop { margin-bottom: 36px; }
}
@media (max-width: 480px) {
  .head__in { gap: 7px; }
  .head__btns { gap: 6px; }
  .pill-login, .pill-join { height: 36px; padding: 0 9px; font-size: 12px; }
  .mark img { height: 34px; }
  .hamb { width: 38px; padding: 8px; }
  .gallery__grid { grid-template-columns: repeat(2, 1fr); }
  .legs__trustrow { grid-template-columns: repeat(2, 1fr); }
  .apps { flex-direction: column; }
  .apps-btn { width: 100%; }
}
@media (max-width: 360px) {
  .head__btns { display: none; }
  .mark img { height: 32px; }
}