@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#10120f;--surface:#191c17;--line:#2c3027;--muted:#8c9385;--lime:#c8fa69;--white:#f0f2e9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:'Space Grotesk','Noto Sans SC',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:hover{filter:brightness(1.18)}a{color:inherit;text-decoration:none}header{height:87px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 4%;gap:65px}.brand{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:900;white-space:nowrap}.brandmark{background:var(--lime);color:#18210e;display:grid;place-items:center;border-radius:9px;width:39px;height:39px;transform:rotate(-7deg);font-size:27px}.latin{font-size:13px;letter-spacing:2px;color:var(--lime)}nav{display:flex;height:100%;gap:30px}.nav{position:relative;color:var(--muted);font-weight:600}.nav.active{color:var(--lime)}.nav.active:after{content:'';height:3px;background:var(--lime);position:absolute;bottom:0;left:0;right:0}.headright{margin-left:auto;display:flex;align-items:center;gap:23px}.chain{font-size:18px;color:var(--lime)}.chain b{font-size:13px;color:var(--white);margin-left:4px}.wallet{background:var(--lime);color:#18210e;padding:12px 19px;border-radius:6px;font-weight:700}.ticker{height:43px;border-bottom:1px solid var(--line);display:flex;gap:37px;align-items:center;padding:0 4%;font-size:11px;white-space:nowrap;overflow:hidden;color:#b8beae}.ticker em{font-style:normal;color:var(--muted);margin:0 8px}.ticker strong{color:var(--lime);margin-left:8px}.live{color:var(--lime)}.demo{margin-left:auto;color:var(--muted);font-size:10px;letter-spacing:1px}main{max-width:1440px;padding:32px 4% 0;margin:auto}.hero{min-height:367px;border:1px solid #3b4430;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:radial-gradient(ellipse at 80% 70%,#35452255,transparent 65%),#1b2116}.hero-copy{padding:35px 42px}.eyebrow{font-size:10px;letter-spacing:2.8px;color:var(--lime);font-weight:600}h1{font-size:48px;line-height:1.25;margin:16px 0 13px;letter-spacing:-1px;font-weight:900}.hero-copy p{color:#aab49d;line-height:1.8;font-size:13px;margin:0}.hero-actions{display:flex;gap:25px;margin-top:23px;align-items:center}.primary{background:var(--lime);color:#1a2312;font-weight:700;border-radius:6px;padding:13px 23px}.plain{color:#d8decd;font-size:12px}.hero-foot{display:flex;gap:13px;align-items:center;margin-top:25px;font-size:9px;letter-spacing:1.7px;color:#8d9c7d}.hero-foot i{height:3px;width:3px;background:#8d9c7d;border-radius:100%}.hero-art{position:relative;overflow:hidden;background-image:linear-gradient(#a8c67508 1px,transparent 1px),linear-gradient(90deg,#a8c67508 1px,transparent 1px);background-size:37px 37px}.orb{position:absolute;border:1px solid #6b824433;border-radius:50%;width:420px;height:250px;top:82px;left:30px;transform:rotate(-25deg)}.orbit-two{transform:rotate(25deg);width:440px}.coin{position:absolute;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:118px;width:210px;height:210px;box-shadow:8px 10px 0 #607e32,13px 15px 0 #30431a,17px 22px 35px #0008;border:9px solid #d9fa90;outline:2px solid #7eaa43;color:#36511d;background:repeating-linear-gradient(110deg,#c7ec73 0,#ddfa9b 20%,#a2ce51 40%);transform:rotate(-18deg)}.coin:before{content:'';position:absolute;inset:6px;border:1px dashed #648c34;border-radius:50%}.coin-front{left:100px;top:125px}.coin-front span{position:absolute;font:8px 'Space Grotesk';bottom:19px;letter-spacing:2px}.coin-back{left:260px;top:38px;transform:rotate(19deg) scale(.78);filter:brightness(.8)}.art-caption{position:absolute;top:36px;left:38px;font-size:10px;line-height:1.5;color:#83946c;letter-spacing:2px}.star{position:absolute;color:var(--lime);font-size:43px}.s1{right:60px;top:230px}.s2{left:65px;top:116px;font-size:28px}.art-pill{position:absolute;right:38px;top:170px;background:var(--lime);color:#243719;border-radius:30px;padding:8px 14px;font-size:10px;transform:rotate(10deg);font-weight:700}.coordinate{position:absolute;bottom:22px;right:30px;color:#71865b;letter-spacing:1px;font-size:8px}.market-strip{display:flex;justify-content:space-between;align-items:center;margin:20px 0 36px;padding:15px 19px;border:1px solid var(--line);border-radius:9px}.market-strip>div{display:flex;flex-direction:column;gap:6px}.market-strip>div>span{font-size:10px;color:var(--muted)}.market-strip>div>b{font-size:13px;font-weight:500}.market-strip button{display:flex;align-items:center;gap:13px;text-align:left}.stock-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;color:#ff8b42;background:#ff80311b;font-size:23px}.market-strip small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.badge{font-size:9px;color:var(--lime);background:#c8fa6910;padding:5px 8px;border:1px solid #c8fa6929;border-radius:4px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title>div{display:flex;align-items:center;gap:16px}h2{font-size:23px;margin:0}.subtle{font-size:11px;color:var(--muted)}.status{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.status i{height:6px;width:6px;background:var(--lime);border-radius:50%}.controls{display:flex;gap:12px;margin:23px 0 20px;align-items:center}.tabs{display:flex;gap:4px}.tabs button{padding:9px 15px;border-radius:5px;color:var(--muted);font-size:12px}.tabs button.selected{background:#c8fa6915;color:var(--lime)}.search{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;padding:0 9px;margin-left:auto;height:35px;color:var(--muted)}input{color:var(--white);background:none;border:0;outline:0;min-width:0}.search input{width:160px;font-size:11px;padding-left:7px}.search>span{font-size:22px}select{border:1px solid var(--line);color:#a4ad98;border-radius:6px;padding:8px;background:var(--bg);font-size:11px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:18px;position:relative;transition:.18s}.card:hover{border-color:#63764a;transform:translateY(-2px)}.card-top{display:flex;align-items:center;gap:12px;cursor:pointer}.avatar{height:62px;width:62px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;font-size:34px;background:var(--avatar-bg);border:1px solid #ffffff16;overflow:hidden}.avatar.word{font-size:27px;font-weight:900}.token-name{font-size:16px;font-weight:700}.symbol{display:block;font-size:10px;color:var(--muted);margin-top:4px;letter-spacing:.5px}.save{margin-left:auto;align-self:flex-start;color:#818a75;font-size:18px;padding:0}.save.saved{color:var(--lime)}.description{font-size:11px;line-height:1.7;color:#9ca590;min-height:38px;margin:14px 0}.tagrow{display:flex;gap:6px;font-size:9px;color:#aab59c}.tagrow span{background:#252b20;border-radius:4px;padding:4px 7px}.tagrow .stocktag{color:#dab6ff;background:#b78ce712}.metrics{display:flex;justify-content:space-between;align-items:end;margin:17px 0 13px}.metrics small{color:var(--muted);font-size:10px;display:block;margin-bottom:4px}.metrics b{font-size:18px;letter-spacing:-.5px}.change{color:var(--lime);font-size:12px}.change.down{color:#ee8b75}.progress-label{display:flex;justify-content:space-between;font-size:9px;color:#9da791}.progress-label b{color:#c0cbb2;font-weight:400}.bar{height:4px;background:#303729;border-radius:5px;margin:7px 0 13px;overflow:hidden}.bar i{display:block;height:100%;background:var(--lime);border-radius:5px}.cardfoot{display:flex;justify-content:space-between;color:#7f8974;font-size:9px}.cardfoot button{padding:0;color:#b4c39d;font-size:10px}.bottom-note{display:flex;justify-content:space-between;font-size:10px;color:#7d8772;margin:26px 0 36px}.bottom-note button{font-size:11px;color:var(--lime)}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:27px 4%;color:var(--muted);font-size:10px}footer .brand{color:var(--white);font-size:19px}footer>span:last-child{margin-left:auto}footer i{margin:0 10px}.empty{text-align:center;padding:60px;color:var(--muted)}#stocknote{background:#b78ce70d;border:1px solid #b78ce733;border-radius:8px;padding:15px;font-size:12px;line-height:1.8;color:#bdaccb;margin-bottom:18px}dialog{background:#1c2118;color:var(--white);border:1px solid #4c5e36;border-radius:16px;width:480px;max-width:94vw;padding:30px}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.close{float:right;font-size:24px;color:var(--muted)}dialog h2{margin:10px 0 20px}dialog p{line-height:1.8;color:#aab49d;font-size:13px}dialog label{display:block;margin:16px 0 7px;font-size:12px;color:#b8c4aa}dialog input,dialog textarea,dialog select{width:100%;background:#10150d;border:1px solid #3b4631;border-radius:6px;color:var(--white);padding:12px}dialog textarea{min-height:75px;font:inherit}dialog .primary{margin-top:20px;width:100%}dialog a{color:var(--lime);text-decoration:underline}dialog .pairbox{padding:16px;background:#12170e;border-radius:8px;color:var(--lime);font-size:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--lime);color:#18210e;border-radius:8px;padding:13px 22px;box-shadow:0 10px 40px #0008;display:none;z-index:100;font-size:13px}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@media(min-width:1500px){header,footer,.ticker{padding-left:calc((100vw - 1325px)/2);padding-right:calc((100vw - 1325px)/2)}}@media(max-width:1000px){header{gap:30px}.headright{gap:12px}.grid{grid-template-columns:repeat(2,1fr)}.coin-front{left:35px}.coin-back{left:155px}.tabs button{padding:8px}.subtle{display:none}.chain{display:none}}@media(max-width:680px){header{height:70px;padding:0 5%;gap:15px}.brand{font-size:20px}.brandmark{width:31px;height:31px;font-size:22px}.latin{display:none}nav{display:none}.wallet{font-size:11px;padding:10px}.headright{gap:10px}#lang{font-size:11px}.ticker{gap:25px}.ticker>span:nth-child(n+3){display:none}main{padding:20px 5% 0}.hero{grid-template-columns:1fr}.hero-copy{padding:27px;position:relative;z-index:2}h1{font-size:41px}.hero-art{display:none}.market-strip{padding:13px;margin-bottom:27px}.market-strip>div{display:none}.market-strip button{width:100%}.market-strip button>span:last-child{margin-left:auto}.controls{flex-wrap:wrap;gap:10px}.tabs{width:100%;justify-content:space-between}.tabs button{font-size:11px}.search{margin:0;flex:1}.search input{width:100%}.grid{grid-template-columns:1fr}.card{padding:18px}.bottom-note{gap:15px;line-height:1.8}.bottom-note button{min-width:105px}footer{flex-wrap:wrap;gap:15px}footer>span:last-child{margin:0;width:100%}.hero-foot{margin-top:20px}.status{font-size:9px}}
/* Motion system: compositor-friendly and user controllable. */
html{scroll-behavior:smooth}.docs-link{display:flex;align-items:center}.mobile-docs{display:none}#motion{font-size:16px;color:var(--muted);min-width:26px}.hero-copy{animation:enter-up .7s both}.hero-art{animation:fade-in 1s both}.coin-front{animation:float-front 6s ease-in-out infinite}.coin-back{animation:float-back 7.5s ease-in-out infinite}.art-pill{animation:pill-drift 5s ease-in-out infinite}.s1{animation:star-turn 16s linear infinite}.s2{animation:star-pulse 3s ease-in-out infinite}.orbit-one{animation:orbit-breathe 8s ease-in-out infinite}.orbit-two{animation:orbit-breathe 8s ease-in-out -4s infinite}.status i,.live{animation:signal-pulse 3s ease-in-out infinite}.card{animation:enter-up .45s both}.card:nth-child(3n+2){animation-delay:65ms}.card:nth-child(3n+3){animation-delay:130ms}.bar i{transform-origin:left;animation:fill-bar .85s cubic-bezier(.2,.7,.3,1) both}.primary,.wallet{position:relative;overflow:hidden;transition:box-shadow .2s,background .2s}.primary:hover,.wallet:hover{box-shadow:0 0 22px #c8fa6929}.primary:after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffff55,transparent)}.primary:hover:after{animation:shine .7s}.save{transition:transform .2s,color .2s}.save:hover{transform:rotate(-12deg) scale(1.2)}dialog[open]{animation:dialog-enter .23s ease-out}dialog[open]::backdrop{animation:fade-in .2s}#toast{animation:enter-up .2s}.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s,transform .6s}.reveal.revealed{opacity:1;transform:none}@keyframes enter-up{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes float-front{0%,100%{transform:translateY(0) rotate(-18deg)}50%{transform:translateY(-14px) rotate(-13deg)}}@keyframes float-back{0%,100%{transform:translateY(0) rotate(19deg) scale(.78)}50%{transform:translateY(10px) rotate(25deg) scale(.78)}}@keyframes pill-drift{0%,100%{transform:translateY(0) rotate(10deg)}50%{transform:translateY(-7px) rotate(6deg)}}@keyframes star-turn{to{transform:rotate(360deg)}}@keyframes star-pulse{50%{transform:scale(.75);opacity:.45}}@keyframes orbit-breathe{50%{opacity:.35;scale:1.08}}@keyframes signal-pulse{50%{opacity:.45}}@keyframes fill-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes shine{to{left:130%}}@keyframes dialog-enter{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .reveal{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}@media(max-width:680px){.mobile-docs{display:inline;font-size:11px}.headright{gap:7px}header{gap:8px}.brand{gap:7px}#motion{min-width:20px;font-size:13px}}