/* ─── HERO ─── */
#hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:9rem 4rem 5rem;position:relative;overflow:hidden}
.hero-mesh{position:absolute;inset:0;background:
  radial-gradient(ellipse 60% 50% at 20% 30%, rgba(0,229,200,0.07) 0%, transparent 60%),
  radial-gradient(ellipse 40% 60% at 80% 70%, rgba(29,221,138,0.04) 0%, transparent 60%);
  pointer-events:none}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,229,200,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,200,0.03) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,black,transparent);pointer-events:none}
.eyebrow{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--cyan);margin-bottom:1.8rem;display:flex;align-items:center;gap:0.8rem}
.eyebrow::before{content:'';width:28px;height:1px;background:var(--cyan);flex-shrink:0}
h1{font-family:var(--font-display);font-weight:800;font-size:clamp(3.2rem,8vw,7.5rem);line-height:0.92;letter-spacing:-0.05em;color:var(--white);margin-bottom:2.2rem;max-width:1000px}
h1 .accent{color:var(--cyan);display:block}
.hero-body{font-size:1.05rem;color:var(--muted);max-width:460px;line-height:1.8;margin-bottom:3.5rem}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
.btn-primary{background:var(--cyan);color:var(--black);font-family:var(--font-display);font-weight:700;font-size:0.9rem;padding:1.05rem 2.6rem;border:none;cursor:pointer;text-decoration:none;display:inline-block;letter-spacing:0.01em;transition:all 0.2s;position:relative;overflow:hidden}
.btn-primary::after{content:'→';position:absolute;right:-20px;opacity:0;transition:all 0.2s}
.btn-primary:hover{background:var(--green);padding-right:3.2rem}
.btn-primary:hover::after{right:1rem;opacity:1}
.btn-ghost{border:1px solid var(--border2);color:var(--text);font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;padding:1.05rem 2rem;background:transparent;cursor:pointer;text-decoration:none;display:inline-block;transition:all 0.2s}
.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}

/* nifty badge */
.nifty-badge{display:inline-flex;align-items:center;gap:0.8rem;border:1px solid var(--border2);padding:0.6rem 1rem;background:var(--card);margin-bottom:2rem}
.nifty-dot{width:7px;height:7px;border-radius:50%;animation:pulse 1.8s ease infinite}
.dot-green{background:var(--green)}
.dot-red{background:var(--red)}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.8)}}
.nifty-text{font-family:var(--font-mono);font-size:0.72rem;color:var(--text)}
.nifty-text strong{color:var(--white)}

/* ─── TICKER ─── */
.ticker-wrap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:0.85rem 0;overflow:hidden;background:rgba(8,11,14,0.7);position:relative;z-index:2}
.ticker-track{display:flex;gap:0;animation:scroll 40s linear infinite;width:max-content}
.ticker-item{display:inline-flex;align-items:center;gap:0.5rem;padding:0 2rem;border-right:1px solid var(--border);font-family:var(--font-mono);font-size:0.72rem;white-space:nowrap}
.t-name{color:var(--white);font-weight:500;letter-spacing:0.05em}
.t-price{color:var(--muted)}
.t-up{color:var(--green)}
.t-dn{color:var(--red)}
.t-neutral{color:var(--muted)}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ─── STATS ─── */
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border)}
.stat{padding:3rem;border-right:1px solid var(--border);position:relative;overflow:hidden}
.stat:last-child{border-right:none}
.stat::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);transform:scaleX(0);transition:transform 0.5s}
.stat:hover::after{transform:scaleX(1)}
.stat-n{font-family:var(--font-display);font-weight:800;font-size:3.2rem;color:var(--white);letter-spacing:-0.06em;line-height:1;margin-bottom:0.5rem}
.stat-n em{font-style:normal;color:var(--cyan)}
.stat-l{font-family:var(--font-mono);font-size:0.64rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted)}

/* ─── SECTION BASE ─── */
section{padding:8rem 4rem;position:relative}
.sec-tag{font-family:var(--font-mono);font-size:0.64rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--cyan);margin-bottom:1rem;display:flex;align-items:center;gap:0.7rem}
.sec-tag::before{content:'';width:18px;height:1px;background:var(--cyan);flex-shrink:0}
h2{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,4.5vw,3.8rem);color:var(--white);letter-spacing:-0.05em;line-height:1;margin-bottom:1.2rem}
.sec-lead{color:var(--muted);font-size:0.98rem;line-height:1.85;max-width:500px;margin-bottom:4rem}