:root{
  --black:#080906;--ink:#11130e;--cream:#f4f0e5;--white:#fff;
  --gold:#ffbf24;--gold2:#ffdb70;--lime:#cfff42;--muted:#777b70;
  --line:rgba(18,20,14,.13);--radius:28px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}
.grain{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,191,36,.13),transparent 66%);pointer-events:none;z-index:0;transform:translate(-50%,-50%)}
.header{height:82px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(8,9,6,.66);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09);color:white;transition:.3s}
.header.scrolled{background:rgba(8,9,6,.92)}
.brand,.footer-brand{display:flex;align-items:center;gap:12px;font-family:"Space Grotesk";font-weight:700;letter-spacing:-.03em}
.brand img,.footer-brand img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.25)}
.nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.nav>a:not(.x-button){opacity:.74}.nav>a:hover{opacity:1}
.x-button{padding:12px 18px;border-radius:100px;background:var(--gold);color:var(--ink)}
.menu-toggle{display:none;background:none;color:white;border:0;font-size:26px}
.hero{min-height:100vh;background:var(--black);color:white;padding:150px clamp(22px,6vw,90px) 90px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;position:relative;overflow:hidden}
.hero-bg-orb{position:absolute;border-radius:50%;filter:blur(70px)}.orb-one{width:500px;height:500px;background:rgba(255,190,25,.15);right:8%;top:10%}.orb-two{width:350px;height:350px;background:rgba(112,255,88,.09);left:-8%;bottom:-6%}
.hero-copy,.hero-visual{position:relative;z-index:2}.live-pill{display:inline-flex;align-items:center;gap:11px;padding:9px 13px;border:1px solid rgba(255,255,255,.18);border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.14em}.live-pill i{width:8px;height:8px;border-radius:50%;background:#37dc78;box-shadow:0 0 0 7px rgba(55,220,120,.12)}
h1,h2,h3,blockquote{font-family:"Space Grotesk",sans-serif}h1{font-size:clamp(58px,7.6vw,116px);line-height:.86;letter-spacing:-.075em;margin:27px 0 28px}h1 span{color:var(--gold)}
.hero-lead{max-width:720px;font-size:clamp(18px,1.45vw,22px);line-height:1.62;color:rgba(255,255,255,.68)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:36px 0 52px}.button{min-height:54px;padding:0 24px;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;border:1px solid transparent;transition:.25s}.button:hover{transform:translateY(-3px)}.gold{background:var(--gold);color:var(--ink);box-shadow:0 14px 35px rgba(255,191,36,.2)}.ghost{border-color:rgba(255,255,255,.32);color:white}
.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:800px}.hero-metrics article{padding-top:16px;border-top:1px solid rgba(255,255,255,.15)}.metric-label{display:block;font-size:10px;letter-spacing:.13em;color:rgba(255,255,255,.46);margin-bottom:7px}.hero-metrics strong{font-size:15px}
.hero-visual{min-height:620px;display:grid;place-items:center}.halo{position:absolute;width:88%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,202,61,.3),transparent 65%);filter:blur(12px)}.main-logo{width:min(100%,650px);border-radius:50%;position:relative;z-index:2;filter:drop-shadow(0 35px 40px rgba(0,0,0,.5));animation:float 5s ease-in-out infinite}.float-chip{position:absolute;z-index:4;padding:15px 18px;border-radius:16px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(14px)}.float-chip small{display:block;font-size:9px;letter-spacing:.15em;color:var(--gold2);margin-bottom:5px}.chip-top{top:15%;right:-2%}.chip-bottom{bottom:14%;left:0}
@keyframes float{50%{transform:translateY(-14px) rotate(1deg)}}
.scroll-cue{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.15em;color:rgba(255,255,255,.45);display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-cue span{width:1px;height:34px;background:linear-gradient(var(--gold),transparent)}
.marquee{overflow:hidden;background:var(--gold);padding:17px 0}.marquee-track{display:flex;gap:30px;width:max-content;animation:marquee 22s linear infinite;font-size:13px;font-weight:700;letter-spacing:.12em}.marquee-track b{font-size:16px}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:clamp(90px,10vw,150px) clamp(22px,7vw,110px)}.section-tag{font-size:11px;font-weight:700;letter-spacing:.15em;color:#967000;margin-bottom:28px}.section-tag.light{color:var(--gold2)}
.mission-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}.mission-intro h2,.journey-copy h2,.transparency h2,.impact-wall h2,.final-card h2{font-size:clamp(44px,5.7vw,82px);line-height:.98;letter-spacing:-.055em;margin:0}.mission-intro h2 em,.journey-copy h2 em{color:#9a6c00;font-style:normal}.mission-copy p{font-size:18px;line-height:1.72;color:var(--muted);margin:0 0 18px}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}.principle{padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.65);min-height:290px}.principle.highlight{background:var(--gold);transform:rotate(1deg)}.principle>span{font-size:11px;font-weight:700;letter-spacing:.14em}.principle h3{font-size:28px;margin:78px 0 12px;letter-spacing:-.035em}.principle p{color:#5e6258;line-height:1.6}
.journey{background:white;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,120px);align-items:center}.journey-visual{position:relative;border-radius:32px;overflow:hidden;min-height:650px}.journey-visual img{width:100%;height:100%;object-fit:cover;position:absolute}.image-shade{position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.78))}.journey-overlay{position:absolute;left:30px;right:30px;bottom:30px;color:white}.journey-overlay span{font-size:10px;letter-spacing:.14em;color:var(--gold2)}.journey-overlay strong{display:block;font-family:"Space Grotesk";font-size:30px;max-width:440px;margin-top:8px}.journey-copy p{font-size:18px;line-height:1.7;color:var(--muted)}.text-link{display:inline-block;margin-top:18px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:5px}
.timeline-section{background:#ece8dc}.timeline-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.timeline-heading h2{font-size:clamp(40px,5vw,70px);letter-spacing:-.05em;margin:0}.timeline-heading p{color:var(--muted);font-size:18px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.timeline-card{min-height:290px;border-radius:var(--radius);background:white;padding:30px;display:flex;flex-direction:column;border:1px solid var(--line)}.timeline-card.active{background:var(--lime)}.timeline-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;font-weight:700}.timeline-top i{font-style:normal;opacity:.55}.timeline-card h3{font-size:27px;margin:70px 0 12px}.timeline-card p{color:var(--muted);line-height:1.6}
.giving{background:var(--black);color:white;display:grid;grid-template-columns:1fr .85fr;gap:clamp(50px,8vw,120px);align-items:center}.giving h2{font-size:clamp(44px,5.4vw,78px);line-height:.98;letter-spacing:-.055em;margin:0 0 8px}.giving .lime{color:var(--lime)}.giving-copy>p{color:rgba(255,255,255,.62);font-size:18px;line-height:1.72;margin-top:30px}.giving-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.giving-points span{border:1px solid rgba(255,255,255,.18);padding:10px 14px;border-radius:100px;font-size:13px}
.vote-card{background:white;color:var(--ink);padding:clamp(26px,4vw,44px);border-radius:30px}.vote-badge{font-size:9px;letter-spacing:.14em;color:#8b6800;font-weight:700}.vote-card h3{font-size:32px;margin:13px 0 8px}.vote-card>p{color:var(--muted);line-height:1.55}.candidate{display:flex;justify-content:space-between;gap:20px;margin-top:24px}.candidate strong,.candidate small{display:block}.candidate small{color:var(--muted);margin-top:4px}.bar{height:8px;border-radius:10px;background:#eceae3;margin-top:10px;overflow:hidden}.bar i{display:block;height:100%;background:var(--gold);border-radius:10px}.preview-note{margin-top:26px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);text-align:center}
.transparency{background:var(--cream)}.transparency-grid{display:grid;grid-template-columns:1fr .85fr;gap:clamp(50px,8vw,120px);align-items:center}.transparency-copy p{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px}.ledger{background:white;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 25px 65px rgba(45,38,10,.08)}.ledger-head,.ledger-row{display:flex;justify-content:space-between;gap:20px}.ledger-head{font-size:10px;letter-spacing:.13em;font-weight:700;padding-bottom:20px;border-bottom:1px solid var(--line)}.ledger-head i{font-style:normal;color:#9b7000}.ledger-row{padding:20px 0;border-bottom:1px solid var(--line)}.ledger-row span{color:var(--muted)}.ledger-row.total strong{color:#8f6800}.ledger small{display:block;color:var(--muted);margin-top:18px}
.impact-wall{background:white}.impact-heading{max-width:900px}.impact-heading p{font-size:18px;color:var(--muted);line-height:1.65}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.story-placeholder{border:1px dashed #bbb7aa;border-radius:var(--radius);padding:30px;min-height:260px;background:linear-gradient(135deg,#faf9f5,#f1eee5)}.story-placeholder span{font-size:10px;letter-spacing:.14em;color:#8e6d18;font-weight:700}.story-placeholder h3{font-size:26px;margin:76px 0 10px}.story-placeholder p{color:var(--muted)}
.belief{background:var(--gold);padding:clamp(70px,9vw,125px) 24px}.belief-inner{max-width:1150px;margin:auto;text-align:center}.belief-inner>span{font-size:10px;letter-spacing:.15em;font-weight:700}.belief blockquote{font-size:clamp(38px,5.5vw,78px);line-height:1.04;letter-spacing:-.052em;margin:24px 0 0}
.final-cta{background:var(--black)}.final-card{max-width:1220px;margin:auto;border:1px solid rgba(255,255,255,.13);background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border-radius:34px;padding:clamp(30px,5vw,65px);display:grid;grid-template-columns:.65fr 1fr;gap:60px;align-items:center;color:white}.final-card img{max-height:440px;margin:auto;filter:drop-shadow(0 30px 28px rgba(0,0,0,.35))}.final-card>div>span{font-size:10px;letter-spacing:.14em;color:var(--gold2)}.final-card h2{margin:17px 0}.final-card p{font-size:18px;color:rgba(255,255,255,.62);line-height:1.65}.final-card .button{margin-top:18px}
.risk{padding:45px clamp(22px,7vw,110px);display:grid;grid-template-columns:130px 1fr;gap:30px;background:#11120e;color:white;font-size:12px}.risk strong{letter-spacing:.14em;color:var(--gold2)}.risk p{margin:0;color:rgba(255,255,255,.55);line-height:1.65;max-width:1100px}
footer{padding:30px clamp(22px,5vw,76px);background:var(--black);color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);font-size:13px}footer p{color:rgba(255,255,255,.5)}footer>a:last-child{color:var(--gold2)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:130px}.hero-visual{min-height:500px}.mission-intro,.journey,.giving,.transparency-grid,.final-card{grid-template-columns:1fr}.principles,.timeline,.story-grid{grid-template-columns:1fr}.journey-visual{min-height:520px}.timeline-heading{display:block}.timeline-heading p{margin-top:10px}}
@media(max-width:740px){.header{height:72px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:rgba(8,9,6,.98);padding:24px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:7px 0}.x-button{text-align:center;padding:13px!important}.hero{padding-top:115px}.hero-metrics{grid-template-columns:1fr}.hero-visual{min-height:390px}.float-chip{font-size:11px}.chip-top{right:0}.mission-intro{gap:30px}.principle{min-height:auto}.principle h3{margin-top:48px}.risk{grid-template-columns:1fr}.final-card{gap:30px}footer{flex-direction:column;text-align:center}}


/* Live token dashboard */
.live-token{
  background:
    radial-gradient(circle at 85% 10%,rgba(207,255,66,.10),transparent 30%),
    radial-gradient(circle at 15% 80%,rgba(255,191,36,.13),transparent 36%),
    var(--black);
  color:white;
}
.token-heading{
  display:grid;
  grid-template-columns:1fr .85fr;
  gap:clamp(42px,8vw,110px);
  align-items:end;
}
.token-heading h2{
  font-size:clamp(44px,5.7vw,82px);
  line-height:.98;
  letter-spacing:-.055em;
  margin:0;
}
.token-heading p{
  max-width:680px;
  color:rgba(255,255,255,.62);
  font-size:18px;
  line-height:1.7;
}
.ca-card{
  padding:26px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(16px);
}
.ca-card>span{
  display:block;
  font-size:10px;
  letter-spacing:.14em;
  color:var(--gold2);
  font-weight:700;
  margin-bottom:12px;
}
.ca-card code{
  display:block;
  overflow-wrap:anywhere;
  color:white;
  font-size:14px;
  line-height:1.55;
  padding:14px;
  background:rgba(0,0,0,.28);
  border-radius:13px;
  border:1px solid rgba(255,255,255,.09);
}
.ca-card button{
  width:100%;
  margin-top:12px;
  min-height:48px;
  border:0;
  border-radius:100px;
  background:var(--gold);
  color:var(--ink);
  font-weight:800;
  cursor:pointer;
  transition:.2s;
}
.ca-card button:hover{transform:translateY(-2px)}
.ca-card small{
  display:block;
  margin-top:10px;
  text-align:center;
  color:rgba(255,255,255,.48);
}
.market-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
  margin-top:56px;
}
.market-card{
  min-height:180px;
  padding:25px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.055);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:.25s;
}
.market-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,191,36,.45);
}
.market-card.featured-market{
  background:linear-gradient(135deg,var(--gold),#df9210);
  color:var(--ink);
  border-color:transparent;
}
.market-card>span{
  font-size:10px;
  letter-spacing:.14em;
  font-weight:700;
  opacity:.65;
}
.market-card strong{
  display:block;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(26px,3.4vw,45px);
  letter-spacing:-.04em;
  margin-top:25px;
}
.market-card small{
  color:rgba(255,255,255,.47);
  margin-top:8px;
}
.featured-market small{color:rgba(17,19,14,.62)}
.market-status{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding-top:22px;
  margin-top:20px;
  border-top:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.55);
  font-size:12px;
}
.market-status>span{display:flex;align-items:center;gap:9px}
.market-status i{
  width:8px;height:8px;border-radius:50%;
  background:#ffca3a;
  box-shadow:0 0 0 6px rgba(255,202,58,.10);
}
.market-status i.online{
  background:#39dc79;
  box-shadow:0 0 0 6px rgba(57,220,121,.11);
}
.market-status i.offline{
  background:#ff6b59;
  box-shadow:0 0 0 6px rgba(255,107,89,.11);
}
.positive{color:#67ec8f!important}
.negative{color:#ff7b6c!important}

@media(max-width:980px){
  .token-heading{grid-template-columns:1fr}
  .market-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .market-grid{grid-template-columns:1fr}
  .market-status{align-items:flex-start;flex-direction:column}
}