:root {
  --ink7: #090a0e;
  --slab7: #13151c;
  --slab7b: #1b1e27;
  --slab7c: #242834;
  --line7: #313745;
  --line7b: #474f61;
  --snow7: #eef1f6;
  --mut7: #9fa7b6;
  --volt7: #0afe87;
  --volt7b: #12d677;
  --volt-ink7: #04170d;
  --rose7: #e81f74;
  --wide7: 1120px;
  --rnd7: 20px;
  --pad7: 20px;
  --disp: Cambria, "Hoefler Text", "Liberation Serif", Georgia, serif;
  --txt: Corbel, "Segoe UI", Tahoma, "DejaVu Sans", 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;animation:none!important} }
body { margin: 0; font: 16px/1.62 var(--txt); color: var(--snow7); background: var(--ink7); overflow-x: hidden; max-width: 100%; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
.hitgo:focus-visible, a:focus-visible, label:focus-visible, input:focus-visible { outline: 2px solid var(--volt7); outline-offset: 2px; }
h1,h2,h3 { margin: 0 0 15px; font-family: var(--disp); font-weight: 700; line-height: 1.22; color: var(--snow7); overflow-wrap: break-word; }
h1 { font-size: 41px; } h2 { font-size: 29px; } h3 { font-size: 20px; }
p { margin: 0 0 15px; overflow-wrap: break-word; }
ul,ol { margin: 0 0 15px; padding-left: 20px; } li { margin-bottom: 7px; }
strong { color: #fff; }
table { width: 100%; border-collapse: collapse; margin: 0 0 6px; font-size: 15px; }
th,td { padding: 13px 15px; border: 1px solid var(--line7); text-align: left; vertical-align: middle; }
th { background: var(--slab7c); color: #fff; font-weight: 700; }
td { background: var(--slab7); } tr:nth-child(even) td { background: var(--slab7b); }
td:first-child { font-weight: 700; }
.boxw7 { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 28px; border-radius: var(--rnd7); }

.cageframe { display: flex; flex-direction: column; min-height: 100vh; }
main { flex: 1 0 auto; }
.band7,.rack7,.talk7,.ask7,.weigh7,.legs7,.getit7,.mark7 { content-visibility: auto; contain-intrinsic-size: auto 600px; }
.inner7 { max-width: calc(var(--wide7) + var(--pad7)*2); margin: 0 auto; padding: 0 var(--pad7) 48px; }
.hitgo { cursor: pointer; -webkit-user-select: none; user-select: none; }

@keyframes thrum7 { 0%,100%{transform:scale(1);box-shadow:0 10px 22px rgba(10,254,135,.2)} 50%{transform:scale(1.03);box-shadow:0 10px 30px rgba(10,254,135,.44)} }
.go7btn,.signup7,.talk7__btn { animation: thrum7 2.9s ease-in-out infinite; will-change: transform; }
.go7btn:hover,.signup7:hover,.talk7__btn:hover { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce){ .go7btn,.signup7,.talk7__btn{animation:none} }
.go7btn { display: flex; align-items: center; justify-content: center; text-align: center; max-width: 360px; width: 100%; min-height: 56px; margin: 12px auto 0; padding: 12px 26px; border-radius: var(--rnd7); background: linear-gradient(180deg,#1dff95,#06d274); color: var(--volt-ink7); font-family: var(--disp); font-size: 19px; font-weight: 700; text-decoration: none; transition: filter .2s, transform .1s; }
.go7btn:hover { filter: brightness(1.08); } .go7btn:active { transform: scale(.98); }

.toprail { position: sticky; top: 0; z-index: 60; background: var(--slab7); border-bottom: 1px solid var(--line7); }
.toprail__in { max-width: calc(var(--wide7) + var(--pad7)*2); margin: 0 auto; padding: 0 var(--pad7); height: 72px; display: flex; align-items: center; gap: 16px; }
.brandspot { margin-right: auto; display: flex; align-items: center; }
.brandspot img { height: 46px; width: auto; max-width: none; display: block; }
.navrow__list { display: flex; gap: 8px; list-style: none; margin: 0; padding: 0; }
.navrow__list li { margin: 0; }
.navrow__list .hitgo { display: inline-flex; align-items: center; gap: 7px; padding: 8px 13px; font-size: 14px; font-weight: 600; white-space: nowrap; text-decoration: none; color: var(--snow7); background: var(--slab7b); border: 1px solid var(--line7); border-radius: 999px; transition: background .2s, color .2s, border-color .2s; }
.navrow__list .hitgo svg { width: 16px; height: 16px; fill: var(--volt7); flex: none; transition: fill .2s; }
.navrow__list .hitgo:hover { background: var(--volt7); color: var(--volt-ink7); border-color: var(--volt7); }
.navrow__list .hitgo:hover svg { fill: var(--volt-ink7); }
.navrow__cta { display: none; }
.toprail__cta { display: flex; gap: 9px; }
.signin7,.signup7 { display: inline-flex; align-items: center; justify-content: center; height: 42px; padding: 0 18px; border-radius: 999px; font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap; cursor: pointer; transition: filter .2s, background .2s; }
.signin7 { background: transparent; color: var(--volt7); border: 1px solid var(--volt7); }
.signin7:hover { background: rgba(10,254,135,.1); }
.signup7 { background: linear-gradient(180deg,#1dff95,#06d274); color: var(--volt-ink7); }
.signup7:hover { filter: brightness(1.08); }
.burg7flag { position: absolute; opacity: 0; pointer-events: none; }
.burg7 { display: none; width: 44px; height: 44px; padding: 10px; flex-direction: column; justify-content: space-between; cursor: pointer; border-radius: 12px; border: 1px solid var(--line7); background: var(--slab7b); }
.burg7 span { display: block; height: 3px; border-radius: 2px; background: var(--snow7); transition: transform .25s, opacity .25s; }

.opener7 { padding: 34px 0 46px; text-align: center; }
.opener7__h1 { margin-bottom: 18px; }
.opener7__shot { display: block; margin: 0 auto 22px; border-radius: var(--rnd7); overflow: hidden; border: 1px solid var(--line7); }
.opener7__shot img { width: 100%; display: block; }
.opener7__text { text-align: left; font-size: 16.5px; margin: 0 auto; }
.opener7__text p:last-child { margin-bottom: 0; }

.shotrow7 { margin: 8px 0 46px; }
.shotrow7 .hitgo { display: block; border-radius: var(--rnd7); overflow: hidden; border: 1px solid var(--line7); }
.shotrow7 img { width: 100%; }

.dash7 { margin: 0 0 46px; }
.dash7__cap { display: flex; align-items: center; justify-content: center; min-height: 64px; margin: 0 0 22px; padding: 12px 22px; border-radius: var(--rnd7); background: linear-gradient(120deg,var(--rose7),#b01458); text-align: center; font-family: var(--disp); font-size: 23px; font-weight: 700; color: #fff; }
.dash7 td:first-child { width: 33%; }

.band7 { margin: 0 0 46px; min-width: 0; }
.band7--mid h2 { text-align: center; }
.prose7 p,.prose7 li { font-size: 16.5px; }
.prose7 h3 { margin-top: 26px; }
.prose7 table { font-size: 15px; }

.weigh7__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.weigh7__col { padding: 24px; border-radius: var(--rnd7); background: var(--slab7); border: 1px solid var(--line7); min-width: 0; }
.weigh7__col h3 { margin-bottom: 14px; }
.weigh7__col ul { margin: 0; padding: 0; list-style: none; }
.weigh7__col li { position: relative; padding-left: 26px; margin-bottom: 11px; }
.weigh7__col li::before { position: absolute; left: 0; top: 2px; font-weight: 700; font-size: 14px; }
.weigh7__col--up li::before { content: "\2713"; color: var(--volt7); }
.weigh7__col--down li::before { content: "\2715"; color: var(--rose7); }

.rack7 { margin: 0 0 50px; }
.rack7 > h2 { text-align: center; margin-bottom: 22px; }
.rack7__tabs { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; list-style: none; margin: 0 0 22px; padding: 0; }
.rack7__tabs li { margin: 0; }
.rack7__tab { display: flex; align-items: center; justify-content: center; gap: 8px; height: 50px; border-radius: 999px; background: var(--slab7b); border: 1px solid var(--line7); color: var(--snow7); font-weight: 600; font-size: 15px; cursor: pointer; transition: border-color .2s, background .2s, color .2s; }
.rack7__tab svg { fill: currentColor; flex: none; }
.rack7__tab:hover, .rack7__tab.act7 { background: var(--volt7); border-color: var(--volt7); color: var(--volt-ink7); }
.pane7 { display: none; }
.pane7.act7 { display: block; }
.rack7__grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 18px 14px; }
.tile7 { display: block; text-decoration: none; color: var(--snow7); min-width: 0; }
.tile7__pic { display: block; position: relative; border-radius: var(--rnd7); overflow: hidden; background: var(--slab7b); border: 1px solid var(--line7); aspect-ratio: 360/472; }
.tile7__pic img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s; }
.tile7:hover .tile7__pic img { transform: scale(1.05); }
.tile7__name { display: block; margin-top: 9px; font-size: 13.5px; font-weight: 700; font-family: var(--disp); line-height: 1.3; }
.tile7__name .maker7 { display: block; font-family: var(--txt); font-size: 12px; font-weight: 400; color: var(--mut7); }
.tile7--logo .tile7__pic { aspect-ratio: 240/120; display: flex; align-items: center; justify-content: center; padding: 16px; }
.tile7--logo .tile7__pic img { width: 100%; height: 100%; object-fit: contain; }
.tile7--logo .tile7__name { text-align: center; }

.getit7 { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.getit7-btn { display: inline-flex; align-items: center; gap: 10px; height: 54px; padding: 0 20px; border-radius: var(--rnd7); background: var(--slab7b); border: 1px solid var(--line7); text-decoration: none; color: var(--snow7); transition: border-color .2s, background .2s; }
.getit7-btn:hover { border-color: var(--volt7); background: var(--slab7c); }
.getit7-btn svg { width: 26px; height: 26px; flex: none; fill: var(--snow7); }
.getit7-btn b { display: block; font-size: 15px; line-height: 1.1; font-family: var(--disp); }
.getit7-btn span { display: block; font-size: 11px; color: var(--mut7); }

.talk7 { margin: 0 0 50px; }
.talk7__bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 24px; margin-bottom: 20px; border-radius: var(--rnd7); background: var(--slab7); border: 1px solid var(--line7); }
.talk7__cap { font-size: 14px; color: var(--mut7); margin-bottom: 4px; }
.talk7__score { display: flex; align-items: center; gap: 10px; }
.talk7__score > span { font-size: 26px; font-weight: 700; font-family: var(--disp); }
.talk7__score small { color: var(--mut7); font-size: 13px; }
.stars7 { display: inline-flex; gap: 2px; }
.stars7 svg { width: 18px; height: 18px; fill: var(--volt7); }
.talk7__btn { display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 22px; border-radius: 999px; background: linear-gradient(180deg,#1dff95,#06d274); color: var(--volt-ink7); font-weight: 700; font-size: 14px; text-decoration: none; white-space: nowrap; cursor: pointer; }
.talk7__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.note7 { padding: 20px; border-radius: var(--rnd7); background: var(--slab7); border: 1px solid var(--line7); min-width: 0; }
.note7__who { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.note7__face { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 999px; background: linear-gradient(120deg,var(--volt7),var(--volt7b)); font-weight: 700; font-size: 18px; color: var(--volt-ink7); flex: none; font-family: var(--disp); }
.note7__id span { display: block; font-weight: 700; }
.note7__id small { color: var(--mut7); font-size: 12px; }
.note7__stars { margin-bottom: 10px; }
.note7__text p { margin: 0; font-size: 15px; }

.ask7 { margin: 0 0 44px; }
.ask7__item { padding: 18px 22px; margin-bottom: 12px; border-radius: var(--rnd7); background: var(--slab7); border: 1px solid var(--line7); }
.ask7__item h3 { font-size: 18px; margin-bottom: 8px; }
.ask7__item p { margin: 0; font-size: 16px; }

.mark7 { margin: 0 0 18px; }
.mark7__box { display: flex; align-items: center; gap: 14px; padding: 16px 22px; border-radius: var(--rnd7); background: var(--slab7); border: 1px solid var(--line7); font-size: 15px; color: var(--mut7); }
.mark7__box svg { width: 26px; height: 26px; fill: var(--volt7); flex: none; }
.mark7__box strong { color: var(--snow7); }

.legs7 { background: var(--slab7); border-top: 1px solid var(--line7); }
.legs7__top { max-width: calc(var(--wide7) + var(--pad7)*2); margin: 0 auto; padding: 40px var(--pad7); display: flex; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.legs7__brand { max-width: 360px; }
.legs7__brand img.mkb { height: 50px; width: auto; max-width: none; margin-bottom: 16px; }
.legs7__desc { font-size: 14px; color: var(--mut7); margin-bottom: 18px; }
.legs7__social { display: flex; gap: 10px; }
.legs7__social a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 999px; background: var(--slab7b); border: 1px solid var(--line7); transition: border-color .2s, background .2s; }
.legs7__social a:hover { border-color: var(--volt7); background: var(--slab7c); }
.legs7__social svg { width: 19px; height: 19px; fill: var(--snow7); }
.legs7__cols { display: flex; gap: 56px; flex-wrap: wrap; }
.legs7__cap { font-size: 13px; text-transform: uppercase; letter-spacing: .08em; color: var(--mut7); margin-bottom: 12px; font-family: var(--disp); }
.legs7__nav ul { list-style: none; margin: 0; padding: 0; }
.legs7__nav li { margin-bottom: 9px; }
.legs7__nav .hitgo { font-size: 14px; text-decoration: none; color: var(--snow7); cursor: pointer; }
.legs7__nav .hitgo:hover { color: var(--volt7); }
.legs7__pay { border-top: 1px solid var(--line7); }
.legs7__payrow { max-width: calc(var(--wide7) + var(--pad7)*2); margin: 0 auto; padding: 24px var(--pad7); display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 22px; }
.legs7__payrow img { height: 30px; width: auto; opacity: .92; }
.legs7__seals { border-top: 1px solid var(--line7); }
.legs7__sealrow { max-width: calc(var(--wide7) + var(--pad7)*2); margin: 0 auto; padding: 24px var(--pad7); display: grid; grid-template-columns: repeat(6,1fr); gap: 16px; align-items: center; justify-items: center; }
.legs7__sealrow img { height: 48px; width: auto; opacity: .92; transition: opacity .2s; }
.legs7__sealrow a:hover img { opacity: 1; }
.age7 { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 999px; border: 3px solid var(--rose7); color: var(--rose7); font-weight: 700; font-size: 15px; font-family: var(--disp); }
.legs7__base { border-top: 1px solid var(--line7); }
.legs7__fine { max-width: calc(var(--wide7) + var(--pad7)*2); margin: 0 auto; padding: 22px var(--pad7); font-size: 12.5px; line-height: 1.7; color: var(--mut7); }
.legs7__fine p { margin: 0 0 8px; }

@media (max-width: 1100px) {
  .burg7 { display: flex; order: 3; }
  .toprail__cta { order: 2; margin-left: auto; }
  .brandspot { margin-right: 0; }
  .navrow { display: none; position: absolute; left: 0; right: 0; top: 72px; padding: 12px var(--pad7) 20px; background: var(--slab7); border-bottom: 1px solid var(--line7); }
  .burg7flag:checked ~ .navrow { display: block; }
  .burg7flag:checked ~ .burg7 span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}
  .burg7flag:checked ~ .burg7 span:nth-child(2){opacity:0}
  .burg7flag:checked ~ .burg7 span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}
  .navrow__list { flex-direction: column; gap: 8px; }
  .navrow__list .hitgo { padding: 12px 14px; font-size: 15px; justify-content: flex-start; }
  .navrow__cta { display: flex; gap: 10px; margin-top: 14px; }
  .navrow__cta > * { flex: 1; }
  .talk7__grid { grid-template-columns: repeat(2,1fr); }
  .legs7__top { flex-direction: column; gap: 30px; }
  .rack7__grid { grid-template-columns: repeat(4,1fr); }
}
@media (max-width: 900px){ .rack7__grid{grid-template-columns:repeat(3,1fr)} .legs7__sealrow{grid-template-columns:repeat(3,1fr)} }
@media (max-width: 767px){
  h1{font-size:28px} h2{font-size:22px} h3{font-size:18px}
  .prose7 p,.prose7 li,.opener7__text{font-size:16px}
  th,td{padding:10px 9px;font-size:13px}
  .dash7 td:first-child{width:40%}
  .dash7__cap{font-size:18px;min-height:54px}
  .rack7__tabs{grid-template-columns:repeat(2,1fr);gap:8px}
  .rack7__tab{height:44px;font-size:14px}
  .rack7__grid{grid-template-columns:repeat(2,1fr);gap:14px 12px}
  .weigh7__grid{grid-template-columns:1fr}
  .talk7__bar{flex-direction:column;align-items:flex-start}
  .talk7__btn{width:100%}
  .talk7__grid{grid-template-columns:1fr}
  .band7,.rack7,.talk7{margin-bottom:36px}
}
@media (max-width: 480px){
  .toprail__in{gap:6px;padding:0 12px}
  .toprail__cta{gap:5px}
  .signin7,.signup7{height:34px;padding:0 8px;font-size:11.5px}
  .brandspot img{height:32px}
  .burg7{width:36px;padding:8px}
  .rack7__grid{grid-template-columns:repeat(2,1fr)}
  .legs7__sealrow{grid-template-columns:repeat(2,1fr)}
  .getit7{flex-direction:column}
  .getit7-btn{width:100%}
}
@media (max-width: 360px){ .toprail__cta{display:none} .brandspot img{height:30px} }