:root{
  --bg:#0b0f14;
  --panel:#0f1520;
  --panel2:#121a28;
  --text:#e9eef7;
  --muted:#a7b2c4;
  --line:rgba(255,255,255,.10);
  --brand:#5ad0ff;
  --brand2:#7cffc5;
  --shadow:rgba(0,0,0,.35);
}

.brand__logo{
  overflow:hidden;
}

.brand__img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain; /* or cover */
}

*{box-sizing:border-box;}
html{font-size:1.35vw;}
@media (max-width:60em){html{font-size:2.15vw;}}
@media (max-width:40em){html{font-size:3.1vw;}}

body{
  margin:0;
  background:
    radial-gradient(120% 120% at 10% 0%, rgba(90,208,255,.14), transparent 55%),
    radial-gradient(120% 120% at 90% 10%, rgba(124,255,197,.10), transparent 60%),
    var(--bg);
  color:var(--text);
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.45;
}

a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:none;padding:0;}

.wrap{width:min(92vw,62em);margin:0 auto;}

.skip{position:absolute;left:-999vw;top:-999vh;}
.skip:focus{
  left:2vw;top:2vw;
  background:var(--panel);
  border:.12em solid var(--line);
  padding:.8em 1em;
  border-radius:1em;
  z-index:5;
}

.topbar{
  position:sticky;top:0;z-index:10;
  background:rgba(11,15,20,.72);
  backdrop-filter:blur(.8em);
  border-bottom:.12em solid var(--line);
}

.topbar__inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:2vw;padding:1.1em 0;
}

.brand{display:flex;align-items:center;gap:1em;min-width:0;}
.brand__logo{
  width:3.2em;height:3.2em;border-radius:1.2em;
  background:linear-gradient(135deg, rgba(90,208,255,.22), rgba(124,255,197,.16));
  border:.12em solid var(--line);
  box-shadow:0 1em 2.4em var(--shadow);
  display:grid;place-items:center;
}
.brand__logoText{font-weight:900;letter-spacing:.08em;font-size:1.05em;}
.brand__text{min-width:0;}
.brand__name{font-weight:900;font-size:1.2em;}
.brand__sub{color:var(--muted);font-size:.95em;}

.navToggle{
  display:none;width:3.2em;height:3.2em;border-radius:1em;
  border:.12em solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}
.navToggle__bar{
  display:block;width:1.55em;height:.16em;margin:.28em auto;
  background:rgba(233,238,247,.85);border-radius:1em;
}

.nav{display:flex;align-items:center;gap:1.2em;}
.nav__link{
  padding:.55em .8em;border-radius:.9em;color:var(--muted);
  border:.12em solid transparent;
}
.nav__link:hover{
  color:var(--text);
  border-color:rgba(90,208,255,.25);
  background:rgba(90,208,255,.06);
}
.nav__link.is-active{
  color:var(--text);
  border-color:rgba(90,208,255,.35);
  background:rgba(90,208,255,.08);
}
.nav__cta{
  padding:.65em 1em;border-radius:1em;
  border:.12em solid rgba(124,255,197,.35);
  background:rgba(124,255,197,.08);
  font-weight:900;
}

@media (max-width:50em){
  .navToggle{display:inline-block;}
  .nav{
    position:fixed;right:4vw;top:5.6em;
    width:min(92vw,26em);
    flex-direction:column;align-items:stretch;
    padding:1em;border-radius:1.2em;
    border:.12em solid var(--line);
    background:rgba(15,21,32,.94);
    box-shadow:0 1.6em 3.2em var(--shadow);
    transform:translateY(-2vh);
    opacity:0;pointer-events:none;
    transition:.18s ease;
  }
  .nav.is-open{transform:translateY(0);opacity:1;pointer-events:auto;}
  .nav__cta{text-align:center;}
}

.main{padding:2.4em 0 3.6em;}

.hero{padding:2em 0 0;}
.hero__inner{
  display:grid;grid-template-columns:1.4fr .85fr;
  gap:2vw;align-items:start;
}
@media (max-width:55em){.hero__inner{grid-template-columns:1fr;}}

.hero__card{
  border-radius:1.6em;border:.12em solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  padding:1.6em;box-shadow:0 1.6em 3.4em var(--shadow);
}
.kicker{
  display:inline-block;padding:.35em .65em;border-radius:1em;
  border:.12em solid rgba(90,208,255,.25);
  background:rgba(90,208,255,.07);
  font-weight:900;font-size:.92em;
}
.h1{margin:.7em 0 .35em;font-size:2.1em;line-height:1.1;}
.lead{color:var(--muted);font-size:1.05em;margin:0;}

.hero__actions{display:flex;flex-wrap:wrap;gap:.8em;margin-top:1.2em;}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  padding:.78em 1.05em;border-radius:1.1em;
  border:.12em solid rgba(90,208,255,.38);
  background:rgba(90,208,255,.12);
  font-weight:950;
}
.btn:hover{background:rgba(90,208,255,.18);}
.btn--ghost{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.04);}
.btn--ghost:hover{background:rgba(255,255,255,.07);}
.btn--soft{border-color:rgba(124,255,197,.34);background:rgba(124,255,197,.10);}
.btn--soft:hover{background:rgba(124,255,197,.14);}

.hero__stats{display:flex;flex-wrap:wrap;gap:.6em;margin-top:1.2em;}
.pill{
  display:inline-flex;gap:.55em;align-items:center;
  padding:.55em .75em;border-radius:1.2em;
  border:.12em solid var(--line);
  background:rgba(255,255,255,.03);
  color:var(--muted);
}

.copy{
  cursor:pointer;padding:.35em .6em;border-radius:.9em;
  border:.12em solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  font-weight:950;color:var(--text);
}
.copy:hover{background:rgba(255,255,255,.07);}
.copy.inline{padding:.25em .55em;}

.hero__side{display:grid;gap:1.2em;}

.placeholder{
  border-radius:1.6em;border:.12em dashed rgba(255,255,255,.18);
  background:rgba(255,255,255,.03);
  padding:1.6em;min-height:14em;
  display:grid;place-content:center;text-align:center;
}
.placeholder__title{font-weight:950;font-size:1.35em;}
.placeholder__sub{color:var(--muted);margin-top:.4em;}

.section{padding:2.2em 0 0;}
.head{margin-bottom:1.2em;}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1.2em;}
@media (max-width:55em){.grid2{grid-template-columns:1fr;}}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2em;}
@media (max-width:55em){.grid3{grid-template-columns:1fr;}}

.card{
  border-radius:1.4em;border:.12em solid var(--line);
  background:rgba(255,255,255,.03);
  padding:1.2em;
}
.card__title{font-weight:950;font-size:1.2em;margin-bottom:.6em;}

.list{margin:0;padding-left:1.2em;color:var(--muted);}
.list li{margin:.35em 0;}
.steps{margin:0;padding-left:1.2em;color:var(--muted);}
.steps li{margin:.5em 0;}

.mt{margin-top:1.2em;}
.muted{color:var(--muted);}
.tiny{font-size:.95em;}
.mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}

.rank{
  border-radius:1.6em;border:.12em solid var(--line);
  background:rgba(255,255,255,.03);overflow:hidden;
}
.rank__img{
  min-height:10.8em;display:grid;place-content:center;text-align:center;
  background:
    linear-gradient(135deg, rgba(90,208,255,.12), rgba(124,255,197,.10)),
    repeating-linear-gradient(45deg, rgba(255,255,255,.06) 0, rgba(255,255,255,.06) .6em, transparent .6em, transparent 1.2em);
  border-bottom:.12em solid var(--line);
}
.rank__imgText{font-weight:990;font-size:1.6em;letter-spacing:.06em;}
.rank__imgSub{color:rgba(233,238,247,.75);margin-top:.3em;}
.rank__body{padding:1.2em;}
.rank__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1em;}
.rank__name{font-weight:990;font-size:1.4em;}
.badge{
  padding:.35em .65em;border-radius:1em;
  border:.12em solid rgba(124,255,197,.35);
  background:rgba(124,255,197,.10);
  font-weight:990;font-size:.95em;white-space:nowrap;
}
.perk{margin:1em 0 0;padding-left:1.2em;color:var(--muted);}
.perk li{margin:.35em 0;}
.rank__buy{
  display:grid;grid-template-columns:1fr 1fr;gap:.8em;margin-top:1.1em;
}
@media (max-width:40em){.rank__buy{grid-template-columns:1fr;}}

.faq{display:grid;gap:.8em;}
.faq__item{
  border-radius:1.2em;border:.12em solid var(--line);
  background:rgba(255,255,255,.03);overflow:hidden;
}
.faq__q{
  width:100%;text-align:left;padding:1em 1.1em;
  display:flex;justify-content:space-between;gap:1em;
  cursor:pointer;font-weight:950;
}
.faq__q:hover{background:rgba(255,255,255,.04);}
.faq__icon{font-weight:990;color:rgba(233,238,247,.85);}
.faq__a{padding:0 1.1em 1em;color:var(--muted);}

.prose h2{margin:1.1em 0 .4em;font-size:1.25em;}
.prose p,.prose li{color:var(--muted);}
.prose ul{padding-left:1.2em;}
.prose{line-height:1.55;}

.joinBox{display:grid;gap:.8em;}
.joinRow{
  display:flex;align-items:center;justify-content:space-between;gap:1em;
  padding:.9em;border-radius:1.2em;border:.12em solid var(--line);
  background:rgba(255,255,255,.03);
}
.joinKey{color:var(--muted);font-weight:950;}

.footer{
  border-top:.12em solid var(--line);
  background:rgba(11,15,20,.75);
}
.footer__inner{padding:1.6em 0;display:grid;gap:1.2em;}
.footer__brand{display:flex;align-items:center;gap:1em;}
.footer__logo{
  width:3.2em;height:3.2em;border-radius:1.2em;
  border:.12em solid var(--line);
  display:grid;place-items:center;
  background:rgba(255,255,255,.03);
  font-weight:990;
}
.footer__title{font-weight:990;}
.footer__muted{color:var(--muted);}
.footer__links{display:flex;flex-wrap:wrap;gap:1em;}
.footer__links a{
  color:var(--muted);padding:.35em .6em;border-radius:.9em;border:.12em solid transparent;
}
.footer__links a:hover{
  color:var(--text);
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.03);
}
.footer__small{
  color:var(--muted);display:flex;flex-wrap:wrap;gap:.6em;align-items:center;
}
.dot{opacity:.6;}