.brand .bn{font-weight:800}
.soon{font-family:var(--mono);font-size:11px;color:var(--phos);border:1px solid rgba(84,227,154,.35);border-radius:999px;padding:4px 11px}

.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:36px;align-items:center;padding:46px 0 30px}
@media(max-width:860px){.hero{grid-template-columns:1fr}}
.badge{display:inline-flex;align-items:center;gap:9px;background:rgba(84,227,154,.1);border:1px solid rgba(84,227,154,.3);color:var(--phos);font-family:var(--mono);font-size:12px;padding:6px 13px;border-radius:999px;margin-bottom:20px}
.badge .pulse{width:8px;height:8px;border-radius:50%;background:var(--phos);box-shadow:0 0 8px var(--phos);animation:blink 1.5s steps(1) infinite}
@keyframes blink{0%,62%{opacity:1}63%,100%{opacity:.2}}
.hero h1{font-size:50px;line-height:1.05;letter-spacing:-1.5px;font-weight:850;margin:0}
.hero h1 .g{color:var(--phos)}
.hero p.lede{font-size:18px;color:var(--ink-mid);margin:20px 0 26px;max-width:52ch}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.cta-note{font-size:13px;color:var(--ink-dim);margin-top:14px;font-family:var(--mono)}
.proof{display:flex;align-items:center;gap:12px;margin-top:22px}
.avs{display:flex}.avs i{width:30px;height:30px;border-radius:50%;border:2px solid var(--bg);margin-left:-9px;display:block}
.avs i:first-child{margin-left:0}
.avs i:nth-child(1){background:linear-gradient(135deg,#5865F2,#8b3ce0)}.avs i:nth-child(2){background:linear-gradient(135deg,#43D9A3,#2f8f6d)}
.avs i:nth-child(3){background:linear-gradient(135deg,#FF9D54,#c96a2c)}.avs i:nth-child(4){background:linear-gradient(135deg,#54e39a,#2f8f6d)}
.proof span{font-size:13.5px;color:var(--ink-mid)} .proof b{color:var(--ink)}

.stage{position:relative;display:grid;place-items:center;min-height:320px}
.stage .halo{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(84,227,154,.2),transparent 62%);filter:blur(6px)}
.stage .hero-face{position:relative;width:220px;height:220px;animation:bob 5s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
/* hero face: occasional single blink + a rare glance to the left, for personality */
.hero-face .nw-look{animation:nwglance 16s ease-in-out infinite}
@keyframes nwglance{0%,22%{transform:translateX(0)}26%,37%{transform:translateX(-12px)}41%,100%{transform:translateX(0)}}
.hero-face .nw-eyes{transform-box:fill-box;transform-origin:center bottom;animation:nwblink 8s ease-in-out infinite}
@keyframes nwblink{0%,38%{transform:scaleY(1)}40%{transform:scaleY(.08)}42%,84%{transform:scaleY(1)}86%{transform:scaleY(.08)}88%,100%{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.stage .hero-face,.hero-face .nw-look,.hero-face .nw-eyes{animation:none}}
.stage .chip{position:absolute;bottom:22px;font-family:var(--mono);font-size:11px;letter-spacing:2px;color:rgba(84,227,154,.8);display:flex;align-items:center;gap:8px}
.stage .chip .d{width:7px;height:7px;border-radius:50%;background:var(--phos);box-shadow:0 0 8px var(--phos)}

section{padding:54px 0}
.sec-head{text-align:center;max-width:60ch;margin:0 auto 34px}
.sec-head .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:2.2px;text-transform:uppercase;color:var(--phos);font-weight:600}
.sec-head h2{font-size:30px;font-weight:820;letter-spacing:-.6px;margin:12px 0 8px}
.sec-head p{color:var(--ink-mid);font-size:16px}

.signals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:760px){.signals{grid-template-columns:1fr}}
.signal{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:26px;text-align:center;position:relative;overflow:hidden}
.signal .halo{position:absolute;left:50%;top:22px;transform:translateX(-50%);width:150px;height:150px;border-radius:50%;filter:blur(5px)}
.signal .face{width:96px;height:96px;position:relative;margin:0 auto}
.signal .lab{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.6px;margin-top:14px}
.signal p{color:var(--ink-mid);font-size:13.5px;margin:6px 0 0}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:760px){.steps{grid-template-columns:1fr}}
.step{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px}
.step .n{font-family:var(--mono);font-size:12px;color:#08130d;background:var(--phos);width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:700}
.step h3{font-size:17px;margin:14px 0 6px}
.step p{color:var(--ink-mid);font-size:14px;margin:0}

.discord-panel h2{font-size:28px}

@media(max-width:560px){
  .nav-links .soon{display:none}
  .cta-extra,.badge-lead{display:none}
  .nav-links .btn-discord .lbl{display:none}
  .nav-links .btn-discord{gap:0;padding:11px 13px}
  footer{justify-content:center;text-align:center}
}