/* XYPHER additions on top of the Fixora template styles */
[hidden]{display:none!important}
.brand{display:flex;align-items:center;gap:7px;letter-spacing:.04em}
.brand-mark{width:20px;height:20px;flex-shrink:0;filter:drop-shadow(0 0 8px rgba(124,77,255,.55))}
.f-mark{display:block;width:34px;height:34px;margin-bottom:14px;filter:drop-shadow(0 0 14px rgba(124,77,255,.5))}
.live-dot{width:6px;height:6px;border-radius:50%;background:#5b5870;display:inline-block}
.live-dot.on{background:#4fd895;box-shadow:0 0 8px #4fd895}
.live-dot.off{background:#ff5c7a;box-shadow:0 0 8px #ff5c7a}
.hero-pill{margin-bottom:18px;gap:5px}
.hero-pill b{color:#fff;font-weight:500}
.hero-cmd{display:inline-flex;align-items:center;gap:10px;margin-top:18px;height:32px;padding:0 6px 0 12px;border-radius:9px;font-family:var(--mono);font-size:11.5px;color:#e2dbff;background:rgba(255,255,255,.04);border:1px solid var(--line);transition:background .2s}
.hero-cmd:hover{background:rgba(255,255,255,.08)}
.hero-cmd span{color:#9b87ff}
.hero-cmd i{font-style:normal;font-family:var(--sans);font-size:10px;padding:3px 7px;border-radius:6px;background:rgba(255,255,255,.07);color:#cfcde0}
.tools h2 span{color:#c9bcff}
.chip{font-family:var(--sans)}

/* plain sections (dashboard + rounds) */
.plain{position:relative;padding:110px 0 40px}
.plain .sec-head{margin-bottom:40px}
.dash-wrap{width:min(1060px,92vw);margin:0 auto}
.panel{position:relative;border-radius:16px;padding:22px 22px;background:linear-gradient(180deg,#111015,#0c0c10);border:1px solid rgba(255,255,255,.07)}
.panel h5{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}
.acc-out{max-width:560px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px}
.acc-out .lead{font-size:12.5px;line-height:1.6;color:var(--muted)}
.btn.big{height:38px;padding:0 22px;font-size:12.5px}
.btn.sm{height:26px;padding:0 11px;font-size:10.5px}
.btn.wide{width:100%;justify-content:center;height:36px;margin-top:14px;border-radius:9px}
.btn:disabled{opacity:.45;cursor:not-allowed}
.wallet-list{display:flex;flex-direction:column;gap:6px;width:100%;max-width:320px}
.wallet-list button{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid var(--line);font-size:12.5px;transition:background .2s}
.wallet-list button:hover{background:rgba(255,255,255,.09)}
.wallet-list img{width:20px;height:20px;border-radius:5px}
.msg{min-height:1em;font-size:11.5px;color:#c9bcff;line-height:1.5}
.msg.err{color:#ff8ea3}
.acc-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:14px}
.acc-col{display:flex;flex-direction:column;gap:14px}
.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}
.row-gap{display:flex;gap:6px}
.row-in{display:flex;gap:8px;margin-top:12px}
.row-in input{flex:1;min-width:0;height:34px;border-radius:9px;padding:0 14px;background:#0b0a10;border:1px solid var(--line);color:#fff;font:inherit;font-size:16px;outline:none}
.row-in input:focus{border-color:rgba(160,135,255,.6)}
.k-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#7d7b90}
.keybox{display:block;margin-top:10px;padding:12px 14px;border-radius:10px;background:#0b0a10;border:1px solid rgba(255,255,255,.06);font-family:var(--mono);font-size:12px;color:#e2dbff;word-break:break-all}
.fine{margin-top:10px;font-size:11px;line-height:1.6;color:var(--muted)}
.cmds{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.cmd{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 8px 9px 14px;border-radius:10px;background:#0b0a10;border:1px solid rgba(255,255,255,.06);font-family:var(--mono);font-size:11.5px;color:#e2dbff;transition:border-color .2s}
.cmd:hover{border-color:rgba(160,135,255,.45)}
.cmd span{color:#9b87ff}
.cmd b{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.cmd i{margin-left:auto;font-style:normal;font-family:var(--sans);font-size:10px;padding:3px 7px;border-radius:6px;background:rgba(255,255,255,.07);color:#cfcde0;flex-shrink:0}
.balance{background:radial-gradient(120% 60% at 50% 0%,rgba(124,77,255,.32),transparent 60%),linear-gradient(180deg,#15112a,#0d0b16);border-color:rgba(150,125,255,.4);box-shadow:0 30px 90px -30px rgba(124,77,255,.6)}
.mono-s{font-family:var(--mono);font-size:11.5px;color:#cfc6ff}
.big-num{font-size:clamp(38px,4vw,52px);font-weight:500;letter-spacing:-.04em;margin-top:4px}
.big-num small{font-size:12px;color:var(--muted);letter-spacing:0;font-weight:400}
.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.mini-grid b{display:block;margin-top:4px;font-weight:500;font-size:13px}
.warn{border-color:rgba(255,92,122,.35);background:linear-gradient(180deg,rgba(255,92,122,.08),rgba(255,92,122,.02))}
.warn p{margin-top:6px;font-size:11.5px;line-height:1.5;color:#c9b6c0}
.gate-art{margin-top:12px;padding:12px 14px;border-radius:10px;background:#0b0a10;border:1px solid rgba(255,255,255,.06);font-family:var(--mono);font-size:14px;line-height:1.12;color:#cfc6ff;overflow-x:auto;white-space:pre}
.wd-list{list-style:none;margin-top:10px;font-size:11px;color:var(--muted)}
.wd-list li{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid rgba(255,255,255,.06)}
.wd-list a{color:#c9bcff}

.rounds-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tbl-wrap{padding:0;overflow:hidden}
.tbl-head{padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.07);font-size:12.5px;font-weight:500}
.tbl-head .k{color:#9b87ff;font-family:var(--mono);font-weight:400}
.tbl-scroll{max-height:320px;overflow:auto;overscroll-behavior:contain}
.tbl{width:100%;border-collapse:collapse;font-size:11.5px}
.tbl th{position:sticky;top:0;background:#0d0c11;text-align:left;font-weight:500;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#7d7b90;padding:9px 18px}
.tbl td{padding:8px 18px;border-top:1px solid rgba(255,255,255,.05);font-family:var(--mono);white-space:nowrap;color:#d6d4e4}
.tbl .r{text-align:right}
.tbl tr.click{cursor:pointer;transition:background .15s}
.tbl tr.click:hover,.tbl tr.sel{background:rgba(124,77,255,.12)}
.tbl .empty{text-align:center;color:#7d7b90;padding:28px;font-family:var(--sans)}
.tbl .you,.tbl .rig{font-size:9px;padding:2px 6px;border-radius:5px;margin-left:6px;font-family:var(--sans)}
.tbl .you{background:rgba(79,216,149,.15);color:#7fe6b0}
.tbl .rig{background:rgba(124,77,255,.25);color:#ddd4ff}
.payouts{margin-top:14px}

.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;z-index:80;padding:9px 15px;border-radius:99px;background:#efeaff;color:#150f33;font-size:12px;font-weight:500;transition:all .3s;pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* Lenis */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}

@media (max-width:820px){
  .acc-grid,.rounds-grid{grid-template-columns:1fr}
  .mini-grid{grid-template-columns:1fr 1fr}
  .tbl td,.tbl th{padding:8px 12px}
  .hero-copy{padding:0 18px}
}

/* ---------- compact layout (shorter scroll scenes, tighter sections) ---------- */
#hero{height:300vh}
#how{height:220vh}
#benefits{padding:0 0 70px}
.ben-head{padding-top:18vh}
.bcards{margin-top:32px}
.bcard{height:310px}
.ben-cta{margin-top:22px}
#supply,#pricing{position:relative;padding:80px 0 70px}
#supply::before{content:"";position:absolute;left:50%;top:48%;width:900px;max-width:100%;height:600px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(110,60,255,.18),transparent);pointer-events:none}
.plans{margin-top:32px}
.plain{padding:70px 0 20px}
.plain .sec-head{margin-bottom:26px}
#faq{padding:70px 0 30px}
summary{padding:16px 0}
#cta{padding:40px 0 70px}
.cta-card{height:340px}
.f-wrap{padding-top:48px}
.f-bot{margin-top:36px}
@media (max-width:820px){
  #hero{height:260vh}
  #how{height:200vh}
  .ben-head{padding-top:12vh}
  .bcard{height:290px}
}

/* header: X link next to the CTA */
.nav-right{display:flex;align-items:center;gap:8px}
.nav-x{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:#c5c5d2;background:rgba(255,255,255,.04);border:1px solid var(--line);transition:background .2s,color .2s}
.nav-x:hover{background:rgba(255,255,255,.09);color:#fff}
.nav-x svg{width:13px;height:13px}