:root{--bg:#050b15;--panel:#101b29;--line:#2b4865;--text:#edf3fb;--muted:#9eafc2;--blue:#79b4ff;--green:#159447}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px Arial,sans-serif}.network-bg{position:fixed;inset:0;pointer-events:none;opacity:.55;background:radial-gradient(ellipse 48% 40% at 50% 48%,#173b61 0,transparent 72%),linear-gradient(25deg,transparent 0 17%,#234f78 17.1%,transparent 17.35% 45%,#234f78 45.1%,transparent 45.35% 71%,#234f78 71.1%,transparent 71.35%);mask-image:linear-gradient(#000 0 48%,transparent 88%);z-index:-1}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;min-height:70px;padding:12px max(20px,calc((100% - 1160px)/2));background:#070f1ce8;border-bottom:1px solid #ffffff14;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none;white-space:nowrap}.brand img{width:31px;height:31px;object-fit:contain}.brand span{font-size:9px;color:#dfcc78;border:1px solid #665925;border-radius:10px;padding:3px 6px}.nav{display:flex;gap:20px;margin-left:auto}.nav a{color:#b6c5d6;text-decoration:none;font-size:13px}.nav a:hover,.nav a.active{color:#fff}.connect,.button{border:1px solid #38506a;background:#152337;color:#e9f2fb;border-radius:8px;padding:10px 14px;text-decoration:none;cursor:pointer}.connect{white-space:nowrap}.button.primary{background:var(--green);border-color:#22b35a;font-weight:700}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:22px;margin-left:auto}.wrap{max-width:1160px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;padding:38px 0 54px;align-items:start}.brand-hero-art{height:210px;border:1px solid #293e55;border-radius:18px;background:radial-gradient(ellipse at 50% 30%,#172638,#0c121b 75%);overflow:hidden}.brand-hero-art svg{width:100%;height:100%}.panel{animation:float 8s ease-in-out infinite}.panel.second{animation-delay:-3s}.emblem{transform-origin:300px 75px;animation:pulse 5s ease-in-out infinite}.flow{animation:dash 3.5s linear infinite}.particles circle{animation:travel 3.8s ease-in-out infinite}.particles circle:nth-child(2){animation-delay:-1.2s}.particles circle:nth-child(3){animation-delay:-2.4s}.particles circle:nth-child(4){animation-delay:-3s}@keyframes float{50%{transform:translateY(-4px)}}@keyframes pulse{50%{transform:scale(1.05);opacity:1}}@keyframes dash{to{stroke-dashoffset:-24}}@keyframes travel{0%,100%{opacity:0;transform:translate(-10px,3px)}25%{opacity:.9}60%{transform:translate(35px,-5px);opacity:.8}}.eyebrow{color:#9bc7ff;font-size:10px;letter-spacing:1.5px;font-weight:700}.hero h1{font-size:clamp(40px,6vw,68px);line-height:.97;letter-spacing:-3px;margin:12px 0}.hero h1 em{color:#a8d0ff;font-style:normal}.hero p{max-width:520px;color:var(--muted);line-height:1.65}.actions{display:flex;gap:10px;margin-top:20px}.live{border:1px solid #334c68;border-radius:18px;background:linear-gradient(145deg,#14263b,#0d1724);padding:20px;min-height:330px}.live-head{display:flex;justify-content:space-between;color:#a8c9ed;font-size:10px;letter-spacing:1.3px}.live-head b{color:#dfcc78;font-size:9px;border:1px solid #665925;border-radius:10px;padding:4px 7px;letter-spacing:0}.slide{animation:fade .45s ease}.slide-token{display:flex;align-items:center;gap:12px;padding:24px 0;border-bottom:1px solid #2a3b50}.coin{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#244568;color:#b9d9ff;font-weight:700;font-size:18px}.slide-token b{font-size:17px}.slide-token small{display:block;color:var(--muted);margin-top:5px}.values{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:20px 0}.values small{display:block;color:#8fa7c0;font-size:10px;margin-bottom:5px}.values b{font-size:13px}.slide-foot{border-top:1px solid #2a3b50;padding-top:14px;display:flex;justify-content:space-between;align-items:center}.controls{display:flex;justify-content:center;gap:7px;margin-top:18px}.controls button{border:1px solid #38506a;background:#16283d;color:#dcecff;border-radius:6px;height:27px;min-width:28px;cursor:pointer}.controls span{color:#8da5bd;font-size:10px;padding:8px}.market{padding:20px 0 42px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.section-head h2,.info h2{font-size:30px;margin:7px 0}.section-head p,.info p{color:var(--muted)}#search{width:330px;background:#0d1725;border:1px solid #30465e;border-radius:9px;padding:12px;color:#fff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:linear-gradient(145deg,#121f30,#0c1521);border:1px solid #2b435c;border-radius:14px;padding:17px}.card:hover{border-color:#6a9bd1}.card-top{display:flex;justify-content:space-between;align-items:start}.token{display:flex;gap:10px;align-items:center}.token .coin{width:43px;height:43px;border-radius:12px;font-size:14px}.token b{display:block}.token small{color:#91a6bb}.badge{color:#dfcc78;border:1px solid #665925;border-radius:10px;padding:4px 7px;font-size:9px}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #253a51;border-bottom:1px solid #253a51;padding:14px 0;margin:16px 0}.card-grid small{display:block;color:#879db3;font-size:10px;margin-bottom:5px}.card-grid b{font-size:13px}.card .button{width:100%;text-align:center;display:block}.details{padding:38px 0}.hidden{display:none}.back{color:#a8c9ed;text-decoration:none}.detail-card{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-top:20px}.detail-info,.purchase{background:#101b29;border:1px solid #304a66;border-radius:15px;padding:22px}.detail-info h2{font-size:30px;margin:0 0 8px}.detail-info p{color:var(--muted)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid #293e55;margin-top:20px;padding-top:18px}.facts small{display:block;color:#879db3;font-size:10px;margin-bottom:5px}.purchase h3{font-size:22px;margin-top:0}.purchase input{width:100%;padding:12px;background:#0a131f;border:1px solid #304a66;border-radius:8px;color:#fff;margin:10px 0 18px}.summary{border-top:1px solid #2b425c;border-bottom:1px solid #2b425c;margin:10px 0 18px}.summary div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #20344a}.summary div:last-child{border:0}.preview-note{font-size:11px;color:#dfcc78!important}.info{padding:35px 0;border-top:1px solid #21364d}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info article{padding:17px;border:1px solid #293e55;border-radius:11px;background:#0d1724}.info article p{font-size:12px;line-height:1.6}@keyframes fade{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:800px){.site-header{padding:11px 16px;flex-wrap:wrap}.menu-toggle{display:block}.nav{display:none;order:4;width:100%;flex-direction:column;gap:0;margin:0}.nav.open{display:flex}.nav a{padding:12px 3px;border-top:1px solid #ffffff10}.connect{margin-left:0}.hero{display:flex;flex-direction:column;padding-top:25px}.hero-left,.live{width:100%}.hero h1{font-size:46px}.section-head{display:block}.section-head #search{width:100%;margin-top:14px}.cards{grid-template-columns:1fr}.detail-card{display:flex;flex-direction:column}.info-grid{grid-template-columns:1fr}.brand-hero-art{height:175px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Exact TradeTable hero/network tokens reused from src/app/globals.css */
.hero{grid-template-columns:1.1fr .9fr;gap:22px;align-items:center;padding:25px 0 20px}
.brand-hero-art{height:210px;position:relative;border:1px solid #293e55;border-radius:18px;background:radial-gradient(ellipse at 50% 30%,#172638,#0c121b 75%);overflow:hidden}
.brand-hero-art svg{height:100%;width:100%;display:block}
.hero-left h1{font-size:clamp(36px,5vw,60px);letter-spacing:-3px;line-height:.98;margin:10px 0 14px}
.hero-left p{max-width:500px;color:#aab3bf;font-size:14px;line-height:1.65;margin:0}
.actions{display:flex;gap:9px;margin-top:20px}
.actions .button.primary{background:#2d75cf;border-color:#4d91e8;color:#fff}
.emblem{transform-origin:300px 75px;animation:brand-logo-pulse 5s ease-in-out infinite}.flow{animation:brand-flow-dash 3.5s linear infinite}.panel path:not([d^="m"]){animation:brand-chart-shift 4.5s ease-in-out infinite}.particles circle{opacity:.35;animation:brand-particle-travel 3.8s ease-in-out infinite}.particles circle:nth-child(2){animation-delay:-1.2s}.particles circle:nth-child(3){animation-delay:-2.4s}.particles circle:nth-child(4){animation-delay:-3.2s}@keyframes brand-logo-pulse{0%,100%{transform:scale(1);opacity:.94}50%{transform:scale(1.045);opacity:1}}@keyframes brand-flow-dash{to{stroke-dashoffset:-24}}@keyframes brand-chart-shift{0%,100%{opacity:.75;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes brand-particle-travel{0%{transform:translateX(-10px) translateY(3px);opacity:0}20%{opacity:.8}50%{transform:translateX(30px) translateY(-5px);opacity:.9}80%{opacity:.6}100%{transform:translateX(70px) translateY(2px);opacity:0}}
body{background:#050b15!important}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-4;background:radial-gradient(ellipse 46% 38% at 50% 50%,#173b61 0%,#0b2038 42%,transparent 78%);opacity:.58}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:linear-gradient(180deg,#050b15 0 12%,transparent 32%,#050b15 88%),radial-gradient(ellipse 44% 36% at 50% 50%,#173657 0%,transparent 78%);opacity:.68}.network-bg{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;opacity:.82;background:linear-gradient(180deg,transparent 0 55%,#050b15 91%,#050b15 100%),radial-gradient(ellipse 48% 40% at 50% 50%,#1a4167 0%,transparent 74%);mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.9) 72%,transparent 89%)}
@media(max-width:800px){.hero{display:flex;flex-direction:column;gap:22px;padding-top:25px}.brand-hero-art{height:175px}.hero-left h1{font-size:42px}.hero-left,.live{width:100%}}@media(prefers-reduced-motion:reduce){.emblem,.flow,.panel path,.particles circle{animation:none}.particles circle{opacity:.45}}
/* Exact final network layer from the approved localhost page. */
.network-bg{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden;opacity:1;background:linear-gradient(180deg,transparent 0 55%,#050b15 91%,#050b15 100%),radial-gradient(ellipse 48% 40% at 50% 50%,#1a4167 0%,transparent 74%);mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.9) 72%,transparent 89%);mix-blend-mode:screen;top:120px;bottom:0;height:auto}
.network-bg:before,.network-bg:after{content:"";position:absolute;inset:0}.network-bg:before{background:radial-gradient(circle at 18% 18%,#55cfff 0 2px,transparent 3px),radial-gradient(circle at 51% 27%,#55cfff 0 2px,transparent 3px),radial-gradient(circle at 78% 16%,#55cfff 0 2px,transparent 3px),radial-gradient(circle at 84% 40%,#55cfff 0 2px,transparent 3px);opacity:.5}.network-bg:after{background:linear-gradient(25deg,transparent 0 13%,#4a8bb4 13.1%,transparent 13.28% 34%,#4a8bb4 34.1%,transparent 34.28% 62%,#4a8bb4 62.1%,transparent 62.28% 84%,#4a8bb4 84.1%,transparent 84.28%),linear-gradient(155deg,transparent 0 22%,#396f9a 22.1%,transparent 22.28% 47%,#396f9a 47.1%,transparent 47.28% 73%,#396f9a 73.1%,transparent 73.28%);opacity:.38}
.network-node{position:absolute;width:7px;height:7px;border-radius:50%;background:#8de9ff;box-shadow:0 0 13px 4px #28c9ef66}.n1{left:18%;top:18%}.n2{left:51%;top:27%}.n3{left:78%;top:16%}.n4{left:84%;top:40%}.n5{left:43%;top:42%}.network-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#a8efff;box-shadow:0 0 10px 2px #32c7ee;opacity:0;offset-rotate:0deg;animation:network-transfer 12s linear infinite}.p1{left:18%;top:18%;offset-path:path("M 0 0 C 150 40 300 80 470 30")}.p2{left:51%;top:27%;animation-delay:-4s;offset-path:path("M 0 0 C 120 90 220 125 360 150")}.p3{left:35%;top:20%;animation-delay:-8s;offset-path:path("M 0 0 C 180 -30 350 20 520 120")}@keyframes network-transfer{0%{offset-distance:0%;opacity:0}10%{opacity:.8}78%{opacity:.7}100%{offset-distance:100%;opacity:0}}
@media(max-width:800px){.network-bg{top:60px;height:auto}body:before,body:after{transform:translateY(60px)}}@media(prefers-reduced-motion:reduce){.network-particle{animation:none;opacity:.35}.network-node{box-shadow:none}}
.wrap,.site-header{position:relative;z-index:3}.site-header{z-index:10}
/* Generated from src/components/brand-hero-art.tsx and src/app/globals.css. */
.brand-emblem{animation:brand-float 6s ease-in-out infinite}.brand-panel{animation:brand-float 8s ease-in-out infinite}.brand-panel.second{animation-delay:-3s}@keyframes brand-float{50%{transform:translateY(-4px)}}
@media(max-width:800px){.marketplace .identity-hero{display:flex!important;flex-direction:column!important;gap:22px!important}.brand-hero-art{height:175px;width:100%}.marketplace .identity-hero>.hero-live-offers{width:100%;padding:22px}.marketplace .identity-hero>.identity-copy{width:100%}}
@media(prefers-reduced-motion:reduce){.brand-emblem,.brand-panel{animation:none}}
.brand-emblem{transform-origin:300px 75px;animation:brand-logo-pulse 5s ease-in-out infinite}.brand-flow{animation:brand-flow-dash 3.5s linear infinite}.brand-panel path:not([d^="m"]){animation:brand-chart-shift 4.5s ease-in-out infinite}.brand-particles circle{opacity:.35;animation:brand-particle-travel 3.8s ease-in-out infinite}.brand-particles circle:nth-child(2){animation-delay:-1.2s}.brand-particles circle:nth-child(3){animation-delay:-2.4s}.brand-particles circle:nth-child(4){animation-delay:-3.2s}@keyframes brand-logo-pulse{0%,100%{transform:scale(1);opacity:.94}50%{transform:scale(1.045);opacity:1}}@keyframes brand-flow-dash{to{stroke-dashoffset:-24}}@keyframes brand-chart-shift{0%,100%{opacity:.75;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes brand-particle-travel{0%{transform:translateX(-10px) translateY(3px);opacity:0}20%{opacity:.8}50%{transform:translateX(30px) translateY(-5px);opacity:.9}80%{opacity:.6}100%{transform:translateX(70px) translateY(2px);opacity:0}}@media(prefers-reduced-motion:reduce){.brand-emblem,.brand-flow,.brand-panel path,.brand-particles circle{animation:none}.brand-particles circle{opacity:.45}}
.brand-panel .brand-chart{animation:brand-chart-shift 4.5s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.brand-panel .brand-chart{animation:none}}
.subpage{padding:42px 24px 80px}.subpage h1{font-size:clamp(34px,5vw,54px);letter-spacing:-2px;margin:10px 0}.lede{color:#9eafc2;line-height:1.6;max-width:600px}.demo-note{margin:20px 0;padding:12px 15px;border:1px solid #665925;border-radius:9px;background:#29230e;color:#dfcc78;font-size:11px}.form-card{max-width:760px;padding:24px;border:1px solid #304a66;border-radius:15px;background:#101b29;display:grid;gap:17px}.form-card label{display:grid;gap:8px;color:#c6d7e8;font-size:12px;font-weight:650}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-card .input{margin:0}.form-card .button{width:max-content}.form-card .preview-note{margin:0}.seller-cards{margin-top:22px}.seller-cards .button{display:inline-block}.input{background:#0a131f;border:1px solid #304a66;color:#fff;border-radius:8px;padding:12px}.button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.subpage{padding:30px 17px 60px}}
.token-results-wrap{padding:22px 0 12px;border-top:1px solid #21364d}.token-results-wrap h2{margin:7px 0}.token-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.token-result{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #2b435c;border-radius:12px;background:#101b29;color:#fff;text-decoration:none}.token-result:hover{border-color:#79b4ff}.token-result img,.token-result .coin{width:42px;height:42px;border-radius:50%;object-fit:cover}.token-result-main{min-width:0}.token-result-main b,.token-result-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-result-main small{color:#91a6bb;margin-top:4px}.token-result .mint{font-size:10px;color:#8095aa}.token-results-wrap.hidden{display:none}@media(max-width:700px){.token-results{grid-template-columns:1fr}}
.token-detail-card{max-width:860px;margin:28px 0;padding:24px;border:1px solid #304a66;border-radius:15px;background:#101b29}.token-detail-identity{display:flex;align-items:center;gap:16px}.token-detail-identity img,.token-detail-identity .coin{width:68px;height:68px;border-radius:16px;object-fit:cover}.token-detail-card h1{margin:8px 0;font-size:36px}.token-detail-card h1 small{color:#9eafc2;font-size:20px}.token-detail-card p{color:#9eafc2}.token-ca{display:flex;align-items:center;gap:10px;margin:24px 0;padding:14px;border-top:1px solid #2b435c;border-bottom:1px solid #2b435c}.token-ca small{color:#91a6bb}.token-ca code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:#d8e8f8}.token-market-info{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.token-market-info>div{padding:16px;border:1px solid #2b435c;border-radius:11px}.token-market-info small,.token-market-info span{display:block;color:#91a6bb;font-size:11px}.token-market-info b{display:block;margin:8px 0}.token-detail-card .button{display:inline-flex}@media(max-width:600px){.token-market-info{grid-template-columns:1fr}.token-ca{align-items:flex-start;flex-wrap:wrap}.token-ca code{flex-basis:100%}}
.token-offer-note{color:#dfcc78!important;margin-top:7px!important}.token-result .button{display:inline-flex;margin-top:8px;padding:6px 9px;font-size:10px}
