@font-face{font-family:Inter;src:url("fonts/inter.woff2") format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:Cinzel;src:url("fonts/cinzel.woff2") format("woff2");font-weight:500 700;font-display:swap}
@font-face{font-family:Fraunces;src:url("fonts/fraunces.woff2") format("woff2");font-weight:600 700;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("fonts/cormorant.woff2") format("woff2");font-weight:500 600;font-style:italic;font-display:swap}
:root{--ink:#00152a;--panel:#01233c;--gold:#f1ba5d;--gold-hi:#fad079;--gold-deep:#da9d43;--sky:#42a7f3;--sky-pale:#89c5f5;--mist:#deeaf4;--up:#89c5f5;--down:#da9d43}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--mist);font:16px/1.5 Inter,system-ui,sans-serif}
img{max-width:100%;display:block}
a{color:inherit}
button,input{font:inherit;color:inherit}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.progress{position:fixed;left:0;top:0;height:3px;width:0;background:var(--gold);z-index:5;animation:load 1.2s ease forwards}
@keyframes load{to{width:100%}}
.header{position:sticky;top:0;z-index:4;background:rgba(0,21,42,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(241,186,93,.28)}
.header-row{display:flex;align-items:center;gap:16px;padding:12px 20px}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-family:Cinzel,serif;letter-spacing:.08em}
.nav{display:flex;gap:16px}
.nav a{text-decoration:none;color:var(--gold-hi)}
.nav-toggle{display:none;background:transparent;border:1px solid var(--gold);color:var(--gold-hi);border-radius:999px;padding:6px 12px}
.right{margin-left:auto;display:flex;align-items:center;gap:10px}
.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--sky);border-radius:999px;padding:4px 10px;color:var(--sky-pale)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--sky-pale);box-shadow:0 0 8px var(--sky)}
.iconbtn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:10px;text-decoration:none}
.iconbtn svg,.link-chip svg{width:16px;height:16px;fill:var(--gold-hi)}
.ca-strip{padding:0 20px 12px}
.ca-btn{width:min(720px,100%);display:flex;align-items:center;gap:10px;background:#01233c;border:1px solid rgba(241,186,93,.45);border-radius:12px;padding:8px 12px;cursor:pointer;text-align:left}
.ca-label,.ca-hint{color:var(--gold);font-size:12px;letter-spacing:.12em}
.ca-text{flex:1;font-family:ui-monospace,monospace;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero{position:relative;min-height:640px;padding:72px 20px 28px;overflow:hidden}
.hero-bg{position:absolute;inset:0}
.layer{position:absolute;inset:-8%}
.mesh{background:radial-gradient(circle at 30% 40%, rgba(66,167,243,.35), transparent 42%),radial-gradient(circle at 70% 60%, rgba(241,186,93,.2), transparent 40%)}
.mesh.b{animation:drift 18s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate3d(2%, -2%, 0) scale(1.05)}}
.rings{width:120%;height:120%;left:-10%;top:-10%;fill:none;stroke:rgba(250,208,121,.35);stroke-width:1;animation:spin 48s linear infinite}
@keyframes spin{to{transform:rotate(12deg)}}
.motes{background-image:radial-gradient(circle, #fad079 1px, transparent 1.4px);background-size:48px 48px;opacity:.45;animation:mote 10s linear infinite}
@keyframes mote{to{background-position:48px 24px}}
.hero-inner{position:relative;max-width:920px;margin:0 auto;text-align:center}
.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-size:12px}
.wordmark{font-family:Fraunces,serif;font-size:clamp(56px,10vw,112px);line-height:.9;margin:8px 0;background:linear-gradient(180deg,#fad079,#f1ba5d 55%,#da9d43);-webkit-background-clip:text;background-clip:text;color:transparent}
.tagline{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:28px;margin:0}
.hero-sub{max-width:640px;margin:8px auto 18px;color:#c5d7e6}
.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;text-decoration:none}
.btn.gold{background:linear-gradient(180deg,#fad079,#f1ba5d 55%,#da9d43);color:#00152a;font-weight:700}
.btn.outline-gold{border:1px solid var(--gold);color:var(--gold-hi)}
.pillars{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:1100px;margin:36px auto 0}
.pillar,.stat,.card{background:rgba(1,35,60,.82);border:1px solid rgba(222,234,244,.14);border-radius:16px;padding:14px}
.pillar{display:flex;flex-direction:column;gap:4px}
.pillar b{font-family:Cinzel,serif;color:var(--gold-hi);font-size:13px}
.ticker{overflow:hidden;border-block:1px solid rgba(241,186,93,.25);background:#00101f}
.ticker-track{display:flex;gap:28px;white-space:nowrap;padding:10px 0;width:max-content;animation:marquee 28s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}}
.tick b{color:var(--gold-hi);margin-right:8px}
.up{color:var(--up)}.down{color:var(--down)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:1100px;margin:20px auto;padding:0 20px}
.muted{color:#9eb4c7}.small{font-size:13px}
.page{max-width:1100px;margin:0 auto;padding:28px 20px 10px}
.page.narrow{max-width:980px}
.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:end;flex-wrap:wrap}
h2,h3{font-family:Cinzel,serif;font-weight:600}
.row{display:flex}.gap{gap:8px}.wrap{flex-wrap:wrap}
.tabs{display:flex;gap:6px}
.tabs button,.search{background:#01233c;border:1px solid rgba(241,186,93,.35);border-radius:999px;padding:8px 12px}
.tabs button.on{background:var(--gold);color:#00152a}
.search{min-width:220px}
.supply{color:var(--gold-hi);letter-spacing:.02em}
.board{overflow:auto}
.board-head,.row-b,.own{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(90px,.7fr));gap:8px;align-items:center;padding:10px 8px}
.board-head{color:#9eb4c7;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.row-b{border-top:1px solid rgba(222,234,244,.08)}
.own{background:rgba(137,197,245,.08)}
.asset{display:flex;gap:8px;align-items:center;min-width:0}
.who{display:flex;flex-direction:column;min-width:0}
.mint{font-size:11px;color:#9eb4c7;word-break:break-all}
.num{text-align:right;font-variant-numeric:tabular-nums}
.asset img{width:40px;height:40px;border-radius:10px;object-fit:cover;background:#01233c}
.phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.badge{display:inline-block;border-radius:999px;padding:2px 8px;font-size:12px;border:1px solid var(--gold);color:var(--gold-hi)}
.badge.live{background:rgba(137,197,245,.15);border-color:var(--sky-pale)}
.chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.link-chip{display:flex;gap:8px;align-items:center;text-decoration:none;background:rgba(1,35,60,.82);border:1px solid rgba(241,186,93,.28);border-radius:14px;padding:12px}
.lc-t{display:flex;flex-direction:column}
.footer{padding:28px 20px 48px;text-align:center;color:#9eb4c7}
body.nav-open .nav{display:flex}
@media (max-width:800px){
  .nav-toggle{display:inline-flex}
  .nav{display:none;position:absolute;top:58px;left:12px;right:12px;flex-direction:column;background:#01233c;border:1px solid var(--gold);border-radius:14px;padding:12px}
  .header-row{flex-wrap:wrap}
  .pillars,.phases,.chips,.stats{grid-template-columns:1fr}
  .hero{min-height:0;padding-top:36px}
  .search{min-width:0;width:100%}
}
@media (prefers-reduced-motion:reduce){
  .mesh.b,.rings,.motes,.ticker-track,.progress{animation:none}
}