/* RC2: mining contrast scene and explicit active navigation. */
html{scroll-behavior:smooth;scroll-padding-top:100px}
#mining,#vision,#concept,#network,#genesis,#economy,#app,#proof{scroll-margin-top:100px}
.header .links{gap:clamp(7px,.75vw,12px)}
.header .links a{font-size:clamp(10px,.8vw,12px);padding:7px 2px;white-space:nowrap;transition:color .2s}
.header .links a.nav-is-current{color:#f5d78a;box-shadow:inset 0 -2px 0 #e3c178}
.header .links a.genesis-nav-link{color:#e8d29d}
.mobile-menu a.nav-is-current{color:#f6d894;background:#e2c47e13;border-inline-start:3px solid #e6c77b}
.hero .hero-mantra{font-weight:750;color:#f6e4b4;font-size:clamp(16px,1.4vw,21px);line-height:1.55;margin:14px 0 4px}
.hero .hero-sub{margin-top:5px;font-size:clamp(14px,1.13vw,17px);line-height:1.85;max-width:640px}
.mining-contrast{position:relative;isolation:isolate;padding:83px 0 75px;background:linear-gradient(180deg,#070e16 0%,#080d16 50%,#060c15 100%);overflow:hidden;color:#f5f0e9}
.mining-contrast:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 55% 45% at 15% 46%,#55738e1b,transparent),radial-gradient(ellipse 55% 50% at 85% 46%,#d4aa5222,transparent);pointer-events:none;z-index:-1}
.mining-intro{text-align:center;max-width:870px;margin:0 auto 35px}
.mining-kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.01em;color:#d9bb7e;font-weight:750}
.mining-kicker i{width:7px;height:7px;background:#d7bd82;border-radius:50%;box-shadow:0 0 16px #ead28b66}
.mining-kicker b{font:600 10px 'DM Sans',sans-serif;letter-spacing:.15em;color:#83939d}
.mining-intro h2{font-size:clamp(34px,4.8vw,66px);line-height:1.27;letter-spacing:-.035em;margin:18px 0 0;font-weight:750}
.mining-intro h2 em{color:#e4c47d;font-style:normal}
.mining-scene{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:510px;gap:12px;max-width:1170px;margin:0 auto;direction:ltr}
.mining-side{direction:rtl;position:relative;border:1px solid #f3db9c27;border-radius:25px;padding:25px 28px 28px;overflow:hidden;min-height:500px;display:flex;flex-direction:column;background:linear-gradient(145deg,#151e28,#0c121c);box-shadow:0 15px 65px #0004}
.mining-old{background:radial-gradient(ellipse at 47% 47%,#40577034,transparent 53%),linear-gradient(145deg,#141c28,#0a121c)}
.mining-human{background:radial-gradient(ellipse at 52% 41%,#e6ba6329,transparent 51%),linear-gradient(145deg,#1b1b22,#0c141d)}
.mining-side-top{display:flex;align-items:center;justify-content:space-between;color:#b7bec4;font-size:12px;letter-spacing:.025em;font-weight:650}
.mining-num{font:700 13px 'DM Sans',sans-serif;color:#e2bd76}
.rig-universe,.human-universe{position:relative;flex:1;min-height:300px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.rig-atmosphere{position:absolute;width:75%;height:73%;border:1px solid #9ac8ef2b;border-radius:50%;filter:drop-shadow(0 0 30px #7593bc29);transform:perspective(400px) rotateX(42deg)}
.mining-rig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;transform:perspective(600px) rotateX(8deg) rotateY(-6deg);width:85%;max-width:380px;filter:drop-shadow(0 12px 22px #040912);position:relative;z-index:1}
.mining-rig{aspect-ratio:1.1;position:relative;border-radius:5px;background:linear-gradient(145deg,#33485b,#142633 70%);border:1px solid #8eb2cd76;box-shadow:0 0 0 2px #09151de0 inset,0 0 13px #61bbec13;overflow:hidden}
.mining-rig i,.mining-rig b{position:absolute;top:26%;width:34%;height:48%;border:2px solid #97bfcd80;border-radius:50%;background:radial-gradient(circle,#b2ced850 0 11%,transparent 12%),conic-gradient(#3f8095b0 0 18%,#92aeb835 18% 25%,#3f8095b0 25% 43%,#92aeb835 43% 50%,#3f8095b0 50% 68%,#92aeb835 68% 75%,#3f8095b0 75% 93%,#92aeb835 93% 100%);animation:rig-spin 7s linear infinite}
.mining-rig i{left:9%}.mining-rig b{right:9%}
@keyframes rig-spin{to{transform:rotate(360deg)}}
.rig-power{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);font:700 10px 'DM Sans',sans-serif;letter-spacing:.24em;color:#8dbbd4;opacity:.9;white-space:nowrap}
.human-grid{position:absolute;inset:9%;background-image:linear-gradient(#efcb8630 1px,transparent 1px),linear-gradient(90deg,#efcb8630 1px,transparent 1px);background-size:37px 37px;mask-image:radial-gradient(ellipse,#0002,transparent 68%)}
.human-ring{position:absolute;border:1px solid #ecd19769;border-radius:50%;box-shadow:0 0 50px #b9974520,0 0 30px #f2c66d14 inset;transform:rotateX(58deg)}
.hr-one{width:270px;height:270px}.hr-two{width:350px;height:350px;border-style:dashed;opacity:.5}
.single-human{position:relative;width:min(64%,220px);height:240px;filter:drop-shadow(0 0 32px #dfb87436);z-index:2}
.single-token{position:absolute;z-index:4;bottom:17px;left:calc(50% + 55px);width:69px;height:69px;border-radius:50%;border:2px solid #efda9b;box-shadow:0 0 31px #e9ca7954;overflow:hidden}
.single-token img{width:100%;height:100%;object-fit:cover}
.mining-side-copy{position:relative;z-index:3;text-align:center;min-height:110px}
.mining-side-copy strong{display:block;font-size:clamp(21px,2.2vw,32px);line-height:1.45;color:#f4f0e9}
.mining-human .mining-side-copy strong{color:#f6dc9f}
.mining-side-copy p{font-size:13px;line-height:1.75;color:#b8c2cb;margin:9px auto 0;max-width:390px}
.mining-divider{position:absolute;z-index:5;top:43%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;border:1px solid #e1c27fa8;border-radius:50%;display:grid;place-items:center;font:750 43px/1 'DM Sans',sans-serif;background:#111821;color:#e9d2a0;box-shadow:0 0 0 9px #080d16,0 0 37px #dfb95a3a}
.mining-caption{display:flex;justify-content:center;gap:8px;align-items:start;font-size:12px;line-height:1.8;max-width:890px;margin:24px auto 0;color:#9fadb6;text-align:center}
.mining-caption>span:first-child{color:#dfc98f}
.mining-next{display:flex;align-items:center;justify-content:center;gap:12px;width:max-content;max-width:100%;margin:25px auto 0;padding:12px 21px;color:#f2d28b;border:1px solid #dcbf7a60;border-radius:99px;font-size:13px;font-weight:700;transition:background .2s}
.mining-next:hover{background:#d9bf8133}
@media(max-width:1350px){.header .links a{font-size:10px}.header .links{gap:8px}.header .nav-shell{gap:14px}.header .nav-app{gap:10px;padding-inline:13px}}
@media(max-width:1180px){.header .links{display:none}.header .menu-toggle{display:flex}}
@media(max-width:740px){
 html{scroll-padding-top:75px}#mining,#vision,#concept,#network,#genesis,#economy,#app,#proof{scroll-margin-top:75px}
 .mining-contrast{padding:62px 0 51px}.mining-kicker b{display:none}
 .mining-intro{margin-bottom:25px}.mining-intro h2{font-size:clamp(31px,7.6vw,44px)}
 .mining-scene{grid-template-columns:1fr;gap:16px;max-width:500px}
 .mining-side{min-height:380px;padding:18px 16px 20px;border-radius:19px}
 .rig-universe,.human-universe{min-height:245px}
 .mining-rig-grid{max-width:280px;gap:5px}.mining-rig{border-radius:4px}
 .mining-side-copy{min-height:auto}.mining-side-copy strong{font-size:clamp(22px,6vw,27px)}.mining-side-copy p{font-size:12px}
 .single-human{height:205px}.single-token{width:60px;height:60px;bottom:18px}
 .mining-divider{top:50%;width:55px;height:55px;font-size:36px;box-shadow:0 0 0 6px #080d16}
 .mining-caption{font-size:11px;margin-top:20px}.mining-next{font-size:12px;text-align:center}
 .hero .hero-mantra{font-size:16px;margin:17px 0 5px}.hero .hero-sub{font-size:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mining-rig i,.mining-rig b{animation:none}}
