:root{--ink:#fff;--muted:#a1a1aa;--ring:#ffffff24;--panel:#0f0f19;--c1:#67e8f9;--c2:#f0abfc;--c3:#a78bfa;--c4:#22d3ee;--c5:#34d399;--c6:#f59e0b;}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{
  color:var(--ink);
  background:
    radial-gradient(1100px 900px at -10% 0%, #8b5cf633, transparent 60%),
    radial-gradient(1100px 900px at 110% 100%, #06b6d433, transparent 60%),
    #05050a;
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.container{max-width:1180px;margin:0 auto;padding:0 16px}
.banner{background:linear-gradient(90deg, var(--c6), var(--c5), var(--c4), var(--c3)); color:#081018; font-weight:900; text-align:center; padding:12px; font-size:18px; position:sticky; top:0; z-index:60; box-shadow:0 0 24px #22d3ee88}
.banner a{color:#0b0f19; text-decoration:underline}
.nav{backdrop-filter:blur(10px); position:sticky; top:48px; z-index:50; border-bottom:1px solid var(--ring); background:#0b0b1355}
.nav-inner{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 0}
.brand{display:flex; align-items:center; gap:12px}
.brand img{height:60px; width:60px; border-radius:50%; border:1px solid var(--ring); box-shadow:0 0 20px #22d3ee88; object-fit:cover}
.title{margin:0; font-weight:900; line-height:1}
.motto{margin:0; font-size:11px; letter-spacing:.16em; color:#cbd5e1}
.actions{display:flex; gap:10px; flex-wrap:wrap}
.btn{border-radius:14px; padding:12px 16px; text-decoration:none; display:inline-flex; gap:8px; align-items:center; border:1px solid var(--ring)}
.btn-primary{background:#fff; color:#000; font-weight:800; box-shadow:0 0 18px #fff}
.btn-ghost{background:#ffffff14; color:#fff}
.btn-call{background:linear-gradient(90deg,var(--c5),var(--c6)); color:#081018; font-weight:900; box-shadow:0 0 22px #f59e0b66}
.hero{position:relative; padding:44px 0 24px; overflow:hidden;
  background: radial-gradient(700px 700px at 20% -10%, #22d3ee22, transparent 60%),
              radial-gradient(800px 800px at 80% 110%, #a78bfa22, transparent 60%);}
.grid2{display:grid; gap:24px} @media(min-width:900px){.grid2{grid-template-columns:1.2fr 1fr}}
.pill{display:inline-block;background:#ffffff12;border:1px solid var(--ring); padding:6px 10px; border-radius:999px; font-size:12px; margin-right:6px}
.headline{font-size:42px; line-height:1.05; margin:.4em 0 .3em; font-weight:900}
.gradient{background:linear-gradient(90deg, var(--c2), var(--c1)); -webkit-background-clip:text; background-clip:text; color:transparent}
.card{background:linear-gradient(180deg, var(--panel), #0e0e18); border:1px solid var(--ring); border-radius:16px; padding:16px; box-shadow:0 0 22px #050515}
.card-header{font-weight:900; margin-bottom:10px; color:#a78bfa}
.ca-box{background:#0e0e14;border:1px dashed #22d3ee99;border-radius:12px;padding:10px;font-family:ui-monospace,Menlo,Consolas,monospace;word-break:break-all}
.video-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;border:1px solid var(--ring)}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%}
.section{padding:48px 0}
.feature{display:block; width:100%; border-radius:20px; border:1px solid var(--ring); box-shadow:0 0 40px #0ea5e988}
.ca-strip{margin-top:14px; display:flex; gap:10px; flex-wrap:wrap; align-items:center; justify-content:space-between; background:linear-gradient(90deg, #0ea5e9, #8b5cf6); padding:12px 14px; border-radius:12px; box-shadow:0 0 26px #22d3ee88}
.ca-strip .code{font-family:ui-monospace, Menlo, Consolas, monospace; color:#041015; font-weight:800; word-break:break-all}
.ca-strip a{background:#fff; color:#000; font-weight:900; padding:8px 12px; border-radius:10px; text-decoration:none}
.center-coin{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.center-coin a.imglink{display:inline-block}
.center-coin img{max-width:460px;width:90%;border-radius:20px;border:1px solid var(--ring);box-shadow:0 0 38px #22d3ee66}
.big-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.big-cta a{border-radius:16px;padding:14px 18px;text-decoration:none;border:1px solid var(--ring);font-weight:900}
.big-cta .pump{background:linear-gradient(90deg,#67e8f9,#a78bfa);color:#081018;box-shadow:0 0 28px #22d3ee99}
.big-cta .call{background:linear-gradient(90deg,#34d399,#f59e0b);color:#081018;box-shadow:0 0 28px #f59e0b99}
.hub{background:linear-gradient(180deg,#0f1528,#0c1120); border:1px solid var(--ring); border-radius:18px; padding:18px; box-shadow:0 0 28px #0ea5e955}
.hub h3{margin:0 0 10px; font-size:22px}
.badges{display:flex; gap:10px; flex-wrap:wrap; margin:8px 0 14px}
.badge{background:#ffffff14; border:1px solid var(--ring); color:#fff; padding:6px 10px; border-radius:999px; font-size:12px}
.ticker{overflow:hidden; border:1px solid var(--ring); border-radius:14px; background:#0b0f1a; box-shadow:0 0 24px #111; margin-top:14px}
.ticker .track{display:flex; gap:32px; white-space:nowrap; padding:10px; animation:t 22s linear infinite; font-weight:800; color:#e2e8f0}
@keyframes t { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.vision{background:linear-gradient(180deg,#10142a,#0f0f1a); border:1px solid var(--ring); border-radius:18px; padding:18px; box-shadow:0 0 28px #a78bfa44}
.vision h3{margin:0 0 10px; font-size:22px}
.footer{border-top:1px solid var(--ring); padding:28px 0 8px; margin-top:20px}
.copyright{text-align:center; color:#9aa3ad; font-size:12px; margin-top:16px}
.small{font-size:14px} .muted{color:#a1a1aa}
img.resp{max-width:100%; height:auto; display:block}