:root{--bg:#050607;--panel:#101116;--text:#f6f4f7;--muted:#aaa4b1;--purple:#b04cff;--green:#68ff66;--gold:#d2a64a;--line:#2b2630}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 50% -10%,#281139 0,#0a0a0d 38%,#050607 70%);color:var(--text);font-family:Inter,system-ui,sans-serif}
.nav{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;padding:18px 5vw;background:rgba(5,6,7,.85);border-bottom:1px solid rgba(176,76,255,.2);backdrop-filter:blur(12px)}
.nav a{color:#fff;text-decoration:none}.brand{font-weight:900;color:var(--purple)!important}.nav nav{display:flex;gap:22px}.nav nav a{color:var(--muted)}
.hero{min-height:78vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:90px 5vw 70px;position:relative}
.kicker{color:var(--purple);font-size:.78rem;font-weight:900;letter-spacing:.18em}
.hero h1{font-size:clamp(7rem,20vw,15rem);line-height:.8;margin:25px 0 8px;letter-spacing:-.08em;text-shadow:0 0 38px rgba(176,76,255,.25)}
.hero h2{font-size:clamp(1.7rem,4vw,3.4rem);margin:0}.slogan{font-weight:900;letter-spacing:.08em;font-size:clamp(1rem,2.4vw,1.6rem)}
.actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:20px}.btn{padding:14px 18px;border:1px solid #4b4252;border-radius:10px;color:#fff;text-decoration:none;font-weight:800;background:#111217}.primary{background:linear-gradient(135deg,#6f2cff,#b04cff);border:0}
.ticker{position:absolute;left:0;right:0;bottom:0;display:flex;gap:26px;white-space:nowrap;overflow:hidden;padding:10px 24px;border-top:1px solid #49370b;border-bottom:1px solid #49370b;color:var(--gold);background:#080705;font:700 .75rem ui-monospace,monospace}.ticker strong{margin-left:auto}
.statement{text-align:center;padding:70px 5vw}.statement p{font-weight:800;letter-spacing:.08em}.statement h3{margin:.4rem 0 0;color:var(--purple);font-size:clamp(1.7rem,4vw,3rem)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1180px;margin:0 auto;padding:0 5vw}.cards article{background:linear-gradient(180deg,#15111a,#0a0b0d);border:1px solid #392a45;border-radius:18px;padding:28px}.cards h3{color:#fff}.cards p{color:#d0ccd5;line-height:1.6}.cards b{color:var(--green);font-size:.75rem}
.trust{max-width:1180px;margin:100px auto;display:grid;grid-template-columns:240px 1fr;gap:50px;align-items:center;padding:0 5vw}.seal{width:210px;height:210px;border-radius:50%;border:3px solid var(--purple);display:grid;place-items:center;text-align:center;font-weight:1000;font-size:1.5rem;box-shadow:0 0 40px rgba(176,76,255,.3)}
.trust h2,.verify h2,.ecosystem h2,.disclaimer h2{font-size:clamp(2rem,5vw,4.2rem);line-height:.98;margin:14px 0}.trust p,.disclaimer p{color:var(--muted);line-height:1.75}
.verify,.disclaimer{max-width:1100px;margin:0 auto;padding:90px 5vw}.facts{margin-top:35px;border-top:1px solid var(--line)}.facts div{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.facts span{color:var(--muted);font-size:.78rem;letter-spacing:.12em}.facts code{color:#d8b7f2;overflow-wrap:anywhere;text-align:right}
.ecosystem{padding:90px 0;text-align:center}.ecosystem .cards{text-align:left;margin-top:35px}
.reference{max-width:1180px;margin:60px auto;padding:0 5vw}.reference img{width:100%;display:block;border:1px solid #3b2c45;border-radius:14px}
.disclaimer{border-top:1px solid var(--line)}
footer{display:flex;justify-content:space-between;gap:20px;padding:28px 5vw;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}footer strong{color:var(--purple)}
@media(max-width:800px){.nav nav{display:none}.cards{grid-template-columns:1fr}.trust{grid-template-columns:1fr}.facts div{flex-direction:column}.ticker{font-size:.65rem}.seal{width:170px;height:170px;font-size:1.2rem}}


.phase1-hero{
  width:100%;
  display:flex;
  justify-content:center;
  padding:28px 4vw 0;
  background:#050607;
}
.phase1-hero img{
  display:block;
  width:min(100%,1400px);
  height:auto;
  object-fit:contain;
  border-radius:18px;
  border:1px solid rgba(176,76,255,.28);
  box-shadow:0 0 42px rgba(176,76,255,.14);
}
@media(max-width:800px){
  .phase1-hero{padding:12px 0 0;}
  .phase1-hero img{
    width:100%;
    border-radius:0;
    border-left:0;
    border-right:0;
  }
}

/* v5: keep the Solana mint address on one line on phones. */
@media(max-width:800px){
  .facts .mint-row code{
    display:block;
    width:100%;
    font-size:clamp(9px,2.65vw,11px);
    line-height:1.35;
    letter-spacing:-0.25px;
    white-space:nowrap;
    overflow-wrap:normal;
    word-break:normal;
    text-align:left;
  }
}