/* Nexus Forge identity layer. Presentation only; new motion is isolated from wallet logic. */
:root{--bg:#0c1115;--panel:#171e23;--gold:#b4f6df;--text:#f1f4f2;--muted:#99aaa8;--line:#bed6cd24;--violet:#edbd83;--mint:#a5f4dc;--forge-ember:#f2b877}
body{background:#0c1115}body:before{background:radial-gradient(ellipse at 84% 20%,#ba844419,transparent 58%)}
.topbar{background:#0c1115ed;border-bottom-color:#ccdfd71a}.brand-mark{color:#f3cb93}.brand-en,.footer-en{color:#9aaea7}.brand{letter-spacing:2.7px}.topbar nav{color:#a9b8b3}
.hero{min-height:770px}.hero h1 span{background-image:linear-gradient(108deg,#ffe0b6,#d2e5d5 51%,#90f0d2)}.hero-copy>.eyebrow{color:#d6bf9e}.hero-copy>.eyebrow i{background:#eab979}.hero p.hero-description{color:#d9dfd6}.hero p{color:#9aaca8}.hero-tags{color:#98a9a3}.hero-tags span:before{background:#f0bd7c}.hero-photograph:after{background:linear-gradient(90deg,#0c1115 15%,#0c1115b8 70%,#0c1115dd),linear-gradient(0deg,#0c1115,transparent 45%,#0c111566)}
.aurora-field i{background:radial-gradient(ellipse,#df963128,transparent 68%)}.aurora-field i:nth-child(2){background:radial-gradient(ellipse,#26d5a720,transparent 68%)}.aurora-field i:nth-child(3){background:radial-gradient(ellipse,#d2a66515,transparent 67%)}.capital-art{filter:drop-shadow(0 16px 40px #c9974220)}.art-kicker,.art-caption,.hero-sequence{color:#9bafa9}.art-index{color:#edc18b}.hero-sequence b{color:#b9c8bc}
.forge-identity{display:flex;align-items:center;gap:12px;margin-top:22px;max-width:470px;color:#d9e6df;font-size:11px;line-height:1.65}.forge-chip{flex:none;display:grid;place-items:center;min-width:52px;height:38px;border:1px solid #eac38b68;border-radius:9px;background:linear-gradient(125deg,#f1c7881b,#96ecc80b);font-size:12px;letter-spacing:2px;color:#ffe0ad}.forge-identity small{display:block;max-width:340px;color:#8b9d96;font-size:9px;line-height:1.65;margin-top:3px}
.button{background:linear-gradient(115deg,#e1f8e9,#9ef0ce);border-color:#a9e9cc70;color:#10221b;box-shadow:0 4px 28px #76c59b13}.button:hover:not(:disabled){background:#e3fff0;box-shadow:0 5px 35px #a6dfc22d}.button.ghost{color:#d0ddd4;border-color:#bfd3c43b;background:#bed2c409}.danger .button{background:#603641;color:#ffd2d8;border-color:#e599a64d}
.eyebrow{color:#d6b585}h2,.structure-card h3,.story-panels h3,.reward-info h2,.access h3,.form-panel h3{color:#eaf0e9}.platform-overview h2 span,.story-copy h2 span,.vision-copy h2 span,.rules h2 span{color:#e8bf89}.platform-overview .text-link,.text-link{color:#d8d9bd}.text-link span{color:#a3efcf}.section-intro{color:#95aaa1}
.stats-grid{background:linear-gradient(115deg,#1a2521a8,#151b20bd);border-color:#b9ccb425}.stat strong{color:#e4efe8}.stat em{color:#dfc18d}.stat p,.stat small{color:#839b90}.stat>span{color:#aec2b6}
.structure-card{background:linear-gradient(135deg,#222b25bb,#141c1f);border-color:#b8c7a42a!important}.structure-card svg{stroke:#e7be87}.structure-card p,.story-panels p{color:#9bac9f}.structure-foot{color:#aaac87}.structure-number{color:#8ea394}.structure-card:hover,.child-card:hover{background-color:#e4b56e08;box-shadow:inset 0 1px #e9c28560,0 12px 36px #0003}
.operating-story{border-color:#dbc28c3b;background:radial-gradient(ellipse at 90% 30%,#b7873715,transparent 65%),linear-gradient(120deg,#1a2324,#121a1e)}.story-tabs{border-color:#b8d1c11c}.story-tabs [aria-selected=true],.story-play{color:#b2f4d4}.story-tabs [aria-selected=true] span{color:#d6f9e2}.story-diagram{background:radial-gradient(ellipse at center,#e6b66c0c,transparent 70%)}.diagram-node rect{fill:#1a2627;stroke:#b4c8ab40}.diagram-node text{fill:#d6e6d9}.diagram-heading>span:last-child{color:#edc387}.diagram-flow path{stroke:#aaf1d6}
[data-stage="0"] [data-node="0"] rect,[data-stage="1"] [data-node="1"] rect,[data-stage="2"] [data-node="2"] rect,[data-stage="3"] [data-node="3"] rect{fill:#a77e3026;stroke:#ebc28c}
.vision-panel{border-color:#c7c8a12d}.vision-panel:before{background:linear-gradient(90deg,#121a1ef5 10%,#121a1ec9 40%,#121a1e30),linear-gradient(0deg,#121a1ecc,transparent 35%)}.vision-monogram{color:#e9c8910a;font-size:210px;letter-spacing:-18px}.vision-caption{color:#b8bdab}
.panel{border-color:#bdceae2a;background:linear-gradient(125deg,#1d2826,#131c20)}.reward-panel{border-color:#add8c247}.reward-panel:before{background:linear-gradient(#e5bf86,#97e5ca)}.reward-panel:after{color:#c9b07c09}.holding strong{color:#b3f1d1}.progress i,.reading-progress i{background:linear-gradient(90deg,#e8b577,#9fead0)}.split-note b{color:#e9c185}.token-icon{background:linear-gradient(135deg,#e6b37320,#78b9b917);border-color:#dec1884d;color:#eacb9a}.badge{color:#b2dbbc;background:#91e7b708;border-color:#acd99e28}.child-card dd{color:#deeadf}
.form-panel input,.access input{background:#0b1215;border-color:#b4c4ac33}.form-summary{background:#cfac6808;border-color:#c1ad7d2b;color:#b8b292}.form-summary strong{color:#f0cc99}.footer-company p{color:#bdccbd}.footer-column h3{color:#d4e6c0}.footer-monogram{color:#efca94;font-size:19px;letter-spacing:-1px}.rules li>b{color:#d7bc85}.governance-note{color:#bdb6a6}.motion-control{color:#9aada5}
@media(max-width:1100px){.hero{min-height:730px}.hero-copy>.eyebrow{font-size:7px;letter-spacing:1px}.vision-monogram{font-size:180px;right:35px}}
@media(max-width:800px){.hero{min-height:700px}.topbar .brand{font-size:20px}.forge-identity{max-width:360px}.forge-identity small{max-width:270px}}
@media(max-width:640px){.hero{min-height:0}.topbar .brand{font-size:17px;letter-spacing:2px}.brand-en{font-size:6px;letter-spacing:1.2px}.hero-copy>.eyebrow{font-size:6.5px;letter-spacing:.6px}.forge-identity{font-size:10px;max-width:100%;gap:10px;margin-top:19px}.forge-identity small{font-size:8px;max-width:235px}.forge-chip{min-width:44px;height:34px;font-size:10px}.vision-monogram{font-size:150px;right:-12px;top:80px;letter-spacing:-10px}.hero h1{font-size:60px}.vision-copy p{max-width:250px}}
@media(max-width:360px){.topbar .brand{font-size:14px;letter-spacing:1.8px}.hero h1{font-size:52px}.forge-identity small{max-width:190px}.hero-copy>.eyebrow{font-size:5.8px;letter-spacing:.35px}}

/* Nexus Forge motion system: visible on load, native vectors, no financial calls. */
.hero{overflow:clip}.hero-photograph{opacity:1}.hero-photograph img{opacity:.48;filter:saturate(.7);object-position:67% center}.hero-photograph:after{background:linear-gradient(90deg,#0c1115 0%,#0c1115f2 28%,#0c111566 65%,#0c111522),linear-gradient(0deg,#0c1115 0%,transparent 25%,#0c11156b)}
.photo-grid{background-image:linear-gradient(#b6dcca13 1px,transparent 1px),linear-gradient(90deg,#b6dcca13 1px,transparent 1px);background-size:78px 78px;opacity:.25}
.hero-art{position:relative}.forge-schematic{opacity:.88;filter:drop-shadow(0 10px 22px #0008)}.orbital-track,.forge-ring-inner{transform-origin:310px 260px}.forge-core{transform-origin:310px 260px}.forge-beam{transform-origin:center}
.forge-sparks{position:absolute;inset:10% 4% 13%;overflow:hidden;pointer-events:none}.forge-sparks i{position:absolute;left:21%;top:80%;height:3px;width:3px;border-radius:50%;background:#ffdc9d;opacity:0;box-shadow:0 0 9px #ffc580}.forge-sparks i:nth-child(2){left:70%;top:73%;animation-delay:-1s!important}.forge-sparks i:nth-child(3){left:40%;top:65%;animation-delay:-2.4s!important}.forge-sparks i:nth-child(4){left:60%;top:85%;animation-delay:-3s!important}.forge-sparks i:nth-child(5){left:85%;top:55%;animation-delay:-1.8s!important;background:#a7f7dc}.forge-sparks i:nth-child(6){left:10%;top:57%;animation-delay:-3.7s!important}.forge-sparks i:nth-child(7){left:51%;top:41%;animation-delay:-.6s!important}.forge-sparks i:nth-child(8){left:30%;top:90%;animation-delay:-4.2s!important}
.motion-ready .capital-art{animation:forge-levitate 8s ease-in-out infinite}.motion-ready .orbital-track{animation:forge-ring-turn 18s linear infinite}.motion-ready .forge-ring-inner{animation:forge-counter-turn 25s linear infinite}.motion-ready .web3-core{animation:forge-core-charge 4.8s ease-in-out infinite}.motion-ready .capital-nodes{animation:forge-node-signal 3.6s ease-in-out infinite}.motion-ready .capital-flow{stroke-dasharray:2 18;animation:forge-current 2.8s linear infinite}.motion-ready .forge-beam{animation:forge-beam-charge 4.8s ease-in-out infinite}.motion-ready .forge-sparks i{animation:forge-spark-rise 5s ease-out infinite}
.motion-ready .hero-photograph img{animation:forge-background-pan 24s ease-in-out infinite alternate}.motion-ready .vision-panel img{animation:forge-vision-pan 22s ease-in-out infinite alternate}.motion-ready .aurora-field i{animation:forge-atmosphere 13s ease-in-out infinite alternate}.motion-ready .hero-sequence span{animation:forge-sequence 12s ease-in-out infinite}.motion-ready .hero-sequence span:nth-of-type(2){animation-delay:4s}.motion-ready .hero-sequence span:nth-of-type(3){animation-delay:8s}
.motion-ready .diagram-flow path{stroke-dasharray:2 13;animation:forge-current 2.6s linear infinite}.motion-ready .story-panel-enter{animation:forge-panel-enter .6s ease-out both}.motion-ready .scroll-cue-line:after{animation:forge-scroll 2.8s ease-in-out infinite}
.platform-menu{background:#121c20fc;border-color:#dfbd7b33}.menu-links strong{color:#e1e8dd}.menu-links span,.menu-links small{color:#96afa3}
.vision-panel img{object-position:72% center;filter:saturate(.7);opacity:.72}.vision-panel:before{background:linear-gradient(90deg,#10191ff5 0%,#10191fe0 35%,#10191f30 80%),linear-gradient(0deg,#10191f88,transparent)}.vision-monogram{display:none}
.motion-paused .forge-ring-inner,.motion-offscreen .forge-ring-inner,.motion-paused .forge-beam,.motion-offscreen .forge-beam,.motion-paused .forge-sparks i,.motion-offscreen .forge-sparks i{animation-play-state:paused}
@keyframes forge-levitate{0%,100%{transform:translateY(2px) rotate(-.7deg)}50%{transform:translateY(-8px) rotate(.7deg)}}
@keyframes forge-ring-turn{to{transform:rotate(360deg)}}@keyframes forge-counter-turn{to{transform:rotate(-360deg)}}
.motion-ready .motion-offscreen *,.motion-ready.motion-paused *,.motion-ready .story-offscreen .diagram-flow path{animation-play-state:paused!important}
@keyframes forge-core-charge{0%,100%{opacity:.72;transform:scale(.98)}50%{opacity:1;transform:scale(1.035)}}
@keyframes forge-beam-charge{0%,100%{opacity:.24}45%,60%{opacity:1}}
@keyframes forge-node-signal{0%,70%,100%{opacity:.35}30%,45%{opacity:1}}
@keyframes forge-current{to{stroke-dashoffset:-100}}@keyframes forge-spark-rise{0%{transform:translate(0,0);opacity:0}15%{opacity:.75}75%{opacity:.4}100%{transform:translate(25px,-110px);opacity:0}}
@keyframes forge-background-pan{from{transform:translate(-6px,0) scale(1.04)}to{transform:translate(10px,-9px) scale(1.08)}}@keyframes forge-vision-pan{from{transform:scale(1.06) translateX(-1%)}to{transform:scale(1.09) translateX(1%)}}
@keyframes forge-atmosphere{to{transform:translate(-45px,-10px) scale(1.16);opacity:.45}}@keyframes forge-sequence{0%,25%{color:#f9d394;opacity:1}35%,100%{color:#8dada0;opacity:.65}}@keyframes forge-panel-enter{from{opacity:.2;transform:translateX(9px)}to{opacity:1;transform:none}}@keyframes forge-scroll{0%{top:-16px;opacity:0}25%{opacity:1}100%{top:100%;opacity:0}}
@media(max-width:640px){.hero-photograph{display:block;inset:30% -22px 30px}.hero-photograph img{opacity:.4;object-position:70% center}.hero-photograph:after{background:linear-gradient(180deg,#0c1115,transparent 40%,#0c1115),linear-gradient(90deg,#0c1115aa,#0c111533)}.forge-schematic{max-height:340px;opacity:.94}.vision-panel img{object-position:70% center}.hero-art{margin-top:35px}}
