@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  color-scheme: dark;
  --bg:#07091d;
  --bg2:#101536;
  --surface:rgba(19,24,57,.72);
  --surface2:rgba(255,255,255,.075);
  --card:rgba(255,255,255,.072);
  --line:rgba(255,255,255,.13);
  --line2:rgba(255,255,255,.20);
  --text:#ffffff;
  --muted:#aeb8df;
  --soft:#dfe5ff;
  --orange:#ff7a2d;
  --orange2:#ffb25d;
  --gold:#ffd27d;
  --purple:#7b3cff;
  --pink:#ff3c8a;
  --cyan:#48e5ff;
  --green:#36ff91;
  --shadow:0 28px 90px rgba(0,0,0,.48);
  --shadow2:0 18px 55px rgba(5,7,22,.32);
  --radius:28px;
  --radius2:36px;
}

html[data-theme="light"] {
  color-scheme: light;
  --bg:#f6f7ff;
  --bg2:#e8ecff;
  --surface:rgba(255,255,255,.72);
  --surface2:rgba(255,255,255,.80);
  --card:rgba(255,255,255,.78);
  --line:rgba(23,27,57,.13);
  --line2:rgba(23,27,57,.20);
  --text:#10132a;
  --muted:#59617f;
  --soft:#2c345a;
  --shadow:0 28px 90px rgba(52,56,100,.18);
  --shadow2:0 18px 55px rgba(58,65,115,.15);
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--bg); }
body {
  margin:0;
  min-height:100vh;
  font-family:"Plus Jakarta Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 8% 5%, rgba(123,60,255,.30), transparent 27%),
    radial-gradient(circle at 78% 8%, rgba(255,122,45,.24), transparent 25%),
    radial-gradient(circle at 80% 62%, rgba(72,229,255,.12), transparent 27%),
    linear-gradient(135deg,var(--bg) 0%, var(--bg2) 48%, var(--bg) 100%);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  -webkit-text-size-adjust:100%;
  padding-top:env(safe-area-inset-top);
  padding-bottom:env(safe-area-inset-bottom);
}

body::before {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  opacity:.24;
  background-image:
    linear-gradient(115deg, transparent 0 91%, rgba(129,152,255,.46) 91% 92%, transparent 92%),
    linear-gradient(0deg, transparent 0 94%, rgba(129,152,255,.18) 94% 95%, transparent 95%);
  background-size:145px 145px;
  transform:skewX(-8deg) scale(1.06);
  animation:gridMove 30s linear infinite;
}

body::after {
  content:"";
  position:fixed;
  width:680px;
  height:680px;
  right:-260px;
  top:-180px;
  border-radius:50%;
  z-index:-1;
  background:radial-gradient(circle, rgba(255,122,45,.22), rgba(123,60,255,.15) 44%, transparent 70%);
  filter:blur(2px);
}

html[data-theme="light"] body {
  background:
    radial-gradient(circle at 8% 5%, rgba(123,60,255,.15), transparent 28%),
    radial-gradient(circle at 78% 8%, rgba(255,122,45,.15), transparent 24%),
    radial-gradient(circle at 80% 62%, rgba(72,229,255,.10), transparent 28%),
    linear-gradient(135deg,#f8f9ff 0%,#edf1ff 52%,#ffffff 100%);
}

@keyframes gridMove { to { background-position:145px 145px, 0 145px; } }
@keyframes float { 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-16px); } }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes pulse { 0%,100%{ opacity:.6; transform:scale(1); } 50%{ opacity:1; transform:scale(1.04); } }
@keyframes shine { from{ transform:translateX(-130%) skewX(-18deg); } to{ transform:translateX(180%) skewX(-18deg); } }
@keyframes rise { from{ opacity:0; transform:translateY(24px); filter:blur(8px); } to{ opacity:1; transform:translateY(0); filter:blur(0); } }
@keyframes ticker { to{ transform:translateX(-50%); } }
@keyframes loaderBar { 0%{ transform:translateX(-110%); } 55%{ transform:translateX(88%); } 100%{ transform:translateX(245%); } }

a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; user-select:none; -webkit-user-drag:none; }
button,a { -webkit-tap-highlight-color:rgba(255,122,45,.18); touch-action:manipulation; }
button { font:inherit; }

.container { width:min(1180px, calc(100% - 36px)); margin:0 auto; }
.section { padding:92px 0; position:relative; }
.kicker {
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:12px;
  font-weight:800;
  margin-bottom:16px;
}
.kicker::before {
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--orange));
  box-shadow:0 0 25px rgba(255,122,45,.70);
}

h1,h2,h3,p { margin-top:0; }
h1,h2,h3,.brand strong,.loader-title {
  font-family:"Space Grotesk","Plus Jakarta Sans",system-ui,sans-serif;
}
h1 {
  font-size:clamp(54px,7.5vw,108px);
  line-height:.88;
  letter-spacing:-.065em;
  margin-bottom:24px;
}
h1 .accent {
  display:inline;
  background:linear-gradient(135deg,var(--gold),var(--orange),var(--pink));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
h2 {
  font-size:clamp(34px,4.6vw,66px);
  line-height:1.02;
  letter-spacing:-.055em;
  margin-bottom:16px;
}
h3 {
  font-size:clamp(22px,2vw,30px);
  line-height:1.12;
  letter-spacing:-.035em;
  margin-bottom:10px;
}
p {
  color:var(--muted);
  line-height:1.75;
}
.lead {
  color:var(--soft);
  font-size:clamp(18px,2vw,25px);
  line-height:1.55;
}
.section-head {
  max-width:860px;
  text-align:center;
  margin:0 auto 42px;
}
.section-head.left {
  text-align:left;
  margin-left:0;
}
.section-head p {
  font-size:17px;
}

.glass {
  background:linear-gradient(180deg,var(--card),rgba(255,255,255,.035));
  border:1px solid var(--line);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:var(--shadow2);
}

.scroll-progress {
  position:fixed;
  top:0;
  left:0;
  height:3px;
  width:0%;
  z-index:9999;
  background:linear-gradient(90deg,var(--gold),var(--orange),var(--pink),var(--purple));
  box-shadow:0 0 26px rgba(255,122,45,.65);
}

.preloader {
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 38%,rgba(255,122,45,.22),transparent 28%),
    radial-gradient(circle at 50% 50%,rgba(123,60,255,.24),transparent 36%),
    linear-gradient(135deg,#050617,#10143a);
  transition:opacity .65s ease,visibility .65s ease;
}
.preloader.hidden { opacity:0; visibility:hidden; pointer-events:none; }
.loader-card {
  width:min(390px,calc(100% - 44px));
  padding:34px 26px 30px;
  border-radius:34px;
  text-align:center;
  position:relative;
  overflow:hidden;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 35px 120px rgba(0,0,0,.62);
  backdrop-filter:blur(20px);
}
.loader-card::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.14) 44%,transparent 62%);
  animation:shine 2.15s ease-in-out infinite;
}
.loader-orbit {
  width:182px;
  height:182px;
  margin:0 auto 22px;
  display:grid;
  place-items:center;
  position:relative;
}
.loader-orbit::before,.loader-orbit::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
}
.loader-orbit::before {
  border-top-color:var(--gold);
  border-right-color:var(--orange);
  animation:spin 1.55s linear infinite;
}
.loader-orbit::after {
  inset:19px;
  border-left-color:var(--cyan);
  border-bottom-color:var(--purple);
  animation:spin 2.35s linear reverse infinite;
}
.loader-logo {
  width:116px;
  height:116px;
  object-fit:contain;
  border-radius:50%;
  position:relative;
  z-index:2;
  filter:drop-shadow(0 20px 34px rgba(0,0,0,.48)) drop-shadow(0 0 28px rgba(255,122,45,.30));
  animation:float 2.2s ease-in-out infinite;
}
.loader-title {
  margin:0;
  font-size:38px;
  letter-spacing:-.055em;
  position:relative;
}
.loader-subtitle {
  position:relative;
  margin:9px 0 22px;
  color:#b8c2ef;
  font-weight:700;
}
.loader-line {
  height:8px;
  border-radius:99px;
  overflow:hidden;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.13);
  position:relative;
}
.loader-line span {
  display:block;
  width:44%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--gold),var(--orange),var(--pink));
  animation:loaderBar 1.25s ease-in-out infinite;
}

.nav {
  position:sticky;
  top:14px;
  z-index:90;
  width:min(1180px,calc(100% - 26px));
  margin:14px auto 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:11px 13px;
  border-radius:999px;
  background:rgba(8,10,30,.70);
  border:1px solid var(--line);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  box-shadow:0 18px 70px rgba(0,0,0,.34);
}
html[data-theme="light"] .nav {
  background:rgba(255,255,255,.76);
}
.brand {
  display:flex;
  align-items:center;
  gap:11px;
  min-width:max-content;
}
.brand img {
  width:44px;
  height:44px;
  object-fit:contain;
  border-radius:50%;
  filter:drop-shadow(0 0 18px rgba(255,122,45,.35));
}
.brand strong {
  font-size:15px;
  letter-spacing:.03em;
}
.navlinks {
  display:flex;
  gap:22px;
  align-items:center;
  color:var(--muted);
  font-size:13.5px;
  font-weight:800;
}
.navlinks a {
  transition:.2s ease;
}
.navlinks a:hover {
  color:var(--text);
  transform:translateY(-1px);
}
.nav-actions {
  display:flex;
  align-items:center;
  gap:10px;
}
.btn {
  appearance:none;
  -webkit-appearance:none;
  border:1px solid transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:45px;
  padding:12px 18px;
  border-radius:999px;
  font-weight:900;
  white-space:nowrap;
  cursor:pointer;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;
  position:relative;
  overflow:hidden;
}
.btn:hover { transform:translateY(-2px); }
.btn::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.25) 45%,transparent 62%);
  transform:translateX(-130%) skewX(-18deg);
}
.btn:hover::before { animation:shine .85s ease; }
.btn-primary {
  color:#fff;
  background:linear-gradient(135deg,var(--purple),var(--pink) 45%,var(--orange));
  box-shadow:0 16px 45px rgba(255,80,120,.28);
}
.btn-ghost {
  color:var(--text);
  background:rgba(255,255,255,.075);
  border-color:var(--line2);
}
.btn-gold {
  color:#1b1007;
  background:linear-gradient(135deg,var(--gold),var(--orange2));
  box-shadow:0 16px 42px rgba(255,178,93,.28);
}
.theme-toggle,.menu {
  border:1px solid var(--line);
  color:var(--text);
  background:rgba(255,255,255,.075);
  width:45px;
  height:45px;
  border-radius:999px;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:.20s ease;
}
.theme-toggle:hover,.menu:hover {
  transform:translateY(-2px);
  border-color:rgba(255,122,45,.35);
}
.theme-toggle span {
  font-size:18px;
  line-height:1;
}
.menu {
  display:none;
  position:relative;
  z-index:110;
}
.menu i,.menu i::before,.menu i::after {
  display:block;
  width:22px;
  height:2px;
  border-radius:9px;
  background:var(--text);
  position:relative;
  transition:.20s ease;
}
.menu i::before,.menu i::after {
  content:"";
  position:absolute;
  left:0;
}
.menu i::before { top:-7px; }
.menu i::after { top:7px; }
.menu.open i { background:transparent; }
.menu.open i::before { top:0; transform:rotate(45deg); }
.menu.open i::after { top:0; transform:rotate(-45deg); }

.hero {
  min-height:calc(100vh - 88px);
  display:grid;
  grid-template-columns:1.02fr .98fr;
  align-items:center;
  gap:54px;
  padding:82px 0 34px;
}
.hero-text > * {
  animation:rise .85s ease both;
}
.hero-text .lead { animation-delay:.08s; }
.hero-actions { animation-delay:.15s; }
.contract-card { animation-delay:.20s; }
.hero-members { animation-delay:.26s; }
.hero h1 {
  max-width:800px;
}
.hero-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:28px 0 18px;
}
.contract-card {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  max-width:780px;
  padding:14px;
  border-radius:18px;
  background:var(--surface);
  border:1px solid var(--line);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow2);
}
.contract-card span {
  color:var(--gold);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:900;
}
.contract-card code {
  color:var(--text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:13px;
}
.copy-btn {
  border:0;
  padding:10px 13px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,var(--purple),var(--orange));
  font-weight:900;
  cursor:pointer;
}
.hero-members {
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:22px;
  color:var(--soft);
  font-weight:800;
}
.member-dots {
  display:flex;
}
.member-dots span {
  width:34px;
  height:34px;
  margin-left:-8px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  font-size:14px;
  background:linear-gradient(135deg,var(--purple),var(--orange));
  border:2px solid var(--bg);
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}
.member-dots span:first-child { margin-left:0; }

.hero-visual {
  min-height:575px;
  position:relative;
  display:grid;
  place-items:center;
}
.hero-stage {
  width:min(520px,86vw);
  aspect-ratio:1;
  position:relative;
  display:grid;
  place-items:center;
}
.orbit,.orbit2 {
  position:absolute;
  border-radius:50%;
  border:1px solid var(--line);
  background:radial-gradient(circle at 36% 32%,rgba(255,255,255,.14),rgba(123,60,255,.13) 45%,transparent 70%);
}
.orbit { inset:0; animation:spin 18s linear infinite,pulse 5s ease-in-out infinite; }
.orbit2 { inset:20%; animation:spin 12s linear reverse infinite,pulse 6s ease-in-out infinite; }
.hero-coin {
  width:min(390px,74vw);
  position:relative;
  z-index:3;
  filter:drop-shadow(0 34px 60px rgba(0,0,0,.48)) drop-shadow(0 0 50px rgba(255,122,45,.26));
  animation:float 5.5s ease-in-out infinite;
}
.float-chip {
  position:absolute;
  z-index:4;
  display:flex;
  align-items:center;
  gap:9px;
  padding:11px 14px;
  border-radius:999px;
  color:var(--text);
  background:var(--surface);
  border:1px solid var(--line);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow2);
  font-size:13px;
  font-weight:900;
  animation:float 4.8s ease-in-out infinite;
}
.float-chip b {
  color:var(--gold);
}
.chip-one { top:12%; left:0; }
.chip-two { right:0; top:28%; animation-delay:.6s; }
.chip-three { bottom:16%; left:7%; animation-delay:1.1s; }

.stats-strip {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
  margin-top:18px;
}
.stat {
  padding:20px;
  border-radius:24px;
  background:var(--surface);
  border:1px solid var(--line);
  backdrop-filter:blur(16px);
  box-shadow:var(--shadow2);
}
.stat small {
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:7px;
}
.stat strong {
  display:block;
  font-family:"Space Grotesk";
  font-size:24px;
}

.trust-grid,.ecosystem-grid,.impact-grid,.listing-grid,.official-grid,.resource-grid {
  display:grid;
  gap:18px;
}
.trust-grid { grid-template-columns:repeat(4,1fr); }
.trust-card {
  min-height:160px;
  padding:24px;
  border-radius:var(--radius);
  background:var(--surface);
  border:1px solid var(--line);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow2);
  position:relative;
  overflow:hidden;
}
.trust-card::before,.product-card::before,.buy-step::before,.ecosystem-card::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.09) 42%,transparent 62%);
  transform:translateX(-130%) skewX(-18deg);
}
.trust-card:hover::before,.product-card:hover::before,.buy-step:hover::before,.ecosystem-card:hover::before {
  animation:shine 1s ease;
}
.trust-card b {
  font-family:"Space Grotesk";
  font-size:34px;
  color:var(--text);
}
.trust-card span {
  display:block;
  color:var(--muted);
  margin-top:8px;
}

.ecosystem-grid { grid-template-columns:repeat(3,1fr); }
.ecosystem-card {
  min-height:392px;
  padding:22px;
  border-radius:var(--radius2);
  position:relative;
  overflow:hidden;
  background:var(--surface);
  border:1px solid var(--line);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow2);
  transition:.20s ease;
}
.ecosystem-card:hover,.product-card:hover,.buy-step:hover,.link-card:hover,.market-card:hover {
  transform:translateY(-5px);
  border-color:rgba(255,122,45,.34);
  box-shadow:var(--shadow);
}
.logo-box {
  height:170px;
  display:grid;
  place-items:center;
  padding:16px;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.03));
  border:1px solid var(--line);
  margin-bottom:20px;
}
.logo-box.light-bg {
  background:#f7f7f4;
}
.logo-box img {
  max-width:90%;
  max-height:140px;
  object-fit:contain;
}
.status {
  display:inline-flex;
  margin-bottom:14px;
  padding:7px 11px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.status.active { color:#121600; background:linear-gradient(135deg,#a8ffcb,var(--green)); }
.status.inplace { color:#291503; background:linear-gradient(135deg,var(--gold),var(--orange2)); }
.status.planned { color:#fff; background:linear-gradient(135deg,var(--purple),var(--pink)); }
.ecosystem-card p { margin-bottom:0; }

.product-card {
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:34px;
  align-items:center;
  padding:34px;
  border-radius:40px;
  background:
    radial-gradient(circle at 90% 0%,rgba(255,122,45,.18),transparent 34%),
    var(--surface);
  border:1px solid var(--line);
  backdrop-filter:blur(20px);
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}
.product-visual {
  min-height:360px;
  border-radius:30px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  border:1px solid var(--line);
}
.product-visual img {
  width:min(310px,76%);
  max-height:260px;
  object-fit:contain;
  filter:drop-shadow(0 28px 44px rgba(0,0,0,.30));
}
.pills {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:22px 0;
}
.pill {
  display:inline-flex;
  padding:10px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.075);
  border:1px solid var(--line);
  color:var(--text);
  font-weight:850;
}
.progress-wrap {
  margin-top:22px;
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.065);
  border:1px solid var(--line);
}
.progress-top {
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:var(--text);
  font-weight:900;
  margin-bottom:12px;
}
.progress-line {
  height:11px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  overflow:hidden;
}
.progress-line span {
  display:block;
  width:80%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--purple),var(--pink),var(--orange));
}
.feature-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:22px;
}
.feature {
  padding:18px;
  border-radius:20px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
}
.feature i {
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:14px;
  background:linear-gradient(135deg,var(--purple),var(--orange));
  color:#fff;
  font-style:normal;
  font-weight:900;
  margin-bottom:12px;
}

.split {
  display:grid;
  grid-template-columns:.94fr 1.06fr;
  gap:34px;
  align-items:start;
}
.info-card,.verify-panel,.revenue-panel,.news-card,.risk-panel {
  padding:30px;
  border-radius:var(--radius2);
  background:var(--surface);
  border:1px solid var(--line);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow2);
}
.row {
  display:flex;
  justify-content:space-between;
  gap:22px;
  padding:16px 0;
  border-bottom:1px solid var(--line);
}
.row:last-child { border-bottom:0; }
.row span { color:var(--muted); }
.row strong {
  text-align:right;
  overflow-wrap:anywhere;
}
.buy-grid {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
}
.buy-step {
  min-height:210px;
  padding:22px;
  border-radius:var(--radius);
  background:var(--surface);
  border:1px solid var(--line);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow2);
  position:relative;
  overflow:hidden;
}
.buy-step b {
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(135deg,var(--purple),var(--orange));
  margin-bottom:18px;
}
.verify-grid {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:20px;
  align-items:start;
}
.verify-card,.safety-card {
  padding:22px;
  border-radius:24px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
}
.copy-feedback {
  color:var(--green);
  font-weight:900;
  min-height:20px;
  margin-top:10px;
}

.chart-panel {
  border-radius:var(--radius2);
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.chart-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px 22px;
  border-bottom:1px solid var(--line);
}
.chart-frame {
  height:560px;
  background:#090b1f;
}
.chart-frame iframe {
  width:100%;
  height:100%;
  border:0;
}

.revenue-panel {
  background:
    radial-gradient(circle at 15% 0%,rgba(255,122,45,.18),transparent 34%),
    var(--surface);
}
.revenue-layout {
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:34px;
  align-items:center;
}
.donut {
  width:min(380px,80vw);
  aspect-ratio:1;
  border-radius:50%;
  margin:auto;
  display:grid;
  place-items:center;
  background:conic-gradient(var(--orange) 0 20%,var(--green) 20% 40%,var(--purple) 40% 100%);
  box-shadow:0 30px 80px rgba(0,0,0,.32),0 0 65px rgba(255,122,45,.18);
}
.donut div {
  width:63%;
  aspect-ratio:1;
  border-radius:50%;
  display:grid;
  place-items:center;
  text-align:center;
  background:var(--bg);
  border:1px solid var(--line);
}
.donut strong {
  font-family:"Space Grotesk";
  font-size:36px;
}
.allocations {
  display:grid;
  gap:14px;
}
.allocation {
  display:grid;
  grid-template-columns:88px 1fr;
  gap:18px;
  align-items:center;
  padding:20px;
  border-radius:22px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
}
.allocation b {
  font-family:"Space Grotesk";
  color:var(--gold);
  font-size:36px;
}
.allocation p { margin-bottom:0; }

.impact-grid { grid-template-columns:repeat(4,1fr); }
.impact-card {
  padding:24px;
  min-height:250px;
  border-radius:var(--radius);
  background:var(--surface);
  border:1px solid var(--line);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow2);
}
.impact-card span {
  color:var(--gold);
  font-weight:900;
}
.news-card {
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:center;
  background:
    radial-gradient(circle at 80% 0%,rgba(123,60,255,.20),transparent 36%),
    var(--surface);
}

.timeline {
  position:relative;
  display:grid;
  gap:18px;
}
.timeline::before {
  content:"";
  position:absolute;
  left:21px;
  top:6px;
  bottom:6px;
  width:2px;
  background:linear-gradient(var(--orange),var(--purple),var(--cyan));
}
.timeline-card {
  position:relative;
  margin-left:58px;
  padding:23px;
  border-radius:24px;
  background:var(--surface);
  border:1px solid var(--line);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow2);
}
.timeline-card::before {
  content:"";
  position:absolute;
  left:-48px;
  top:26px;
  width:25px;
  height:25px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--orange));
  box-shadow:0 0 28px rgba(255,122,45,.55);
}
.timeline-card span {
  color:var(--gold);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:900;
}
.timeline-card p { margin-bottom:0; }

.ticker {
  overflow:hidden;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.055);
  mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  margin:-24px auto 34px;
}
.ticker-track {
  display:flex;
  width:max-content;
  animation:ticker 38s linear infinite;
}
.ticker span {
  padding:13px 24px;
  color:var(--muted);
  font-size:13px;
  font-weight:850;
  white-space:nowrap;
}
.ticker b { color:var(--gold); }

.listing-grid { grid-template-columns:repeat(4,1fr); }
.market-card {
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:17px 18px;
  border-radius:20px;
  background:var(--surface);
  border:1px solid var(--line);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow2);
  transition:.20s ease;
}
.market-card strong {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.market-card em {
  min-width:max-content;
  padding:5px 9px;
  border-radius:999px;
  font-style:normal;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:9px;
  color:#fff;
  background:linear-gradient(135deg,var(--purple),var(--orange));
  font-weight:900;
}
.official-grid { grid-template-columns:repeat(3,1fr); }
.link-card {
  min-height:86px;
  padding:20px 22px;
  border-radius:22px;
  background:var(--surface);
  border:1px solid var(--line);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow2);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  transition:.20s ease;
}
.link-card small {
  display:block;
  color:var(--muted);
  margin-top:4px;
  font-weight:700;
}
.link-card::after {
  content:"↗";
  color:var(--gold);
  font-weight:900;
}

.footer {
  width:min(1180px, calc(100% - 36px));
  margin:0 auto 30px;
  padding:28px 0 0;
  border-top:1px solid var(--line);
  color:var(--muted);
}
.footer-grid {
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:24px;
  align-items:start;
  margin-bottom:20px;
}
.footer-brand {
  display:flex;
  align-items:center;
  gap:14px;
}
.footer-brand img {
  width:64px;
  height:64px;
  object-fit:contain;
}
.footer-brand strong {
  color:var(--text);
}
.footer-links {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}
.footer-links a {
  padding:10px 12px;
  border-radius:999px;
  color:var(--text);
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
  font-weight:800;
}
.disclaimer {
  font-size:13px;
  max-width:980px;
}

.reveal {
  opacity:0;
  transform:translateY(28px);
  filter:blur(8px);
  transition:opacity .75s ease,transform .75s ease,filter .75s ease;
}
.reveal.visible {
  opacity:1;
  transform:translateY(0);
  filter:blur(0);
}

@media(max-width:1080px) {
  .navlinks {
    display:none;
    position:absolute;
    top:70px;
    left:12px;
    right:12px;
    padding:22px;
    border-radius:26px;
    background:var(--surface);
    border:1px solid var(--line);
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
    box-shadow:var(--shadow);
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
  }
  .navlinks.open { display:flex; }
  .navlinks a {
    width:100%;
    padding:3px 0;
    font-size:17px;
  }
  .menu { display:grid; }
  .hero,.product-card,.split,.verify-grid,.revenue-layout,.news-card,.footer-grid {
    grid-template-columns:1fr;
  }
  .hero-visual { order:-1; min-height:430px; }
  .stats-strip,.ecosystem-grid,.trust-grid,.impact-grid,.official-grid {
    grid-template-columns:repeat(2,1fr);
  }
  .listing-grid { grid-template-columns:repeat(3,1fr); }
  .buy-grid { grid-template-columns:repeat(2,1fr); }
  .footer-links { justify-content:flex-start; }
}

@media(max-width:720px) {
  .container,.footer { width:calc(100% - 24px); }
  .nav {
    width:calc(100% - 18px);
    top:calc(9px + env(safe-area-inset-top));
    margin-top:9px;
  }
  .brand strong { display:none; }
  .nav-actions > .btn { display:none; }
  .hero {
    padding:48px 0 24px;
    min-height:auto;
    gap:24px;
  }
  .hero-stage {
    width:100%;
  }
  .hero-visual { min-height:360px; }
  .hero-coin { width:min(320px,82vw); }
  .float-chip {
    font-size:12px;
    padding:9px 11px;
  }
  .chip-one { left:4px; top:10%; }
  .chip-two { right:4px; top:28%; }
  .chip-three { left:12px; bottom:12%; }
  h1 { font-size:clamp(50px,17vw,72px); }
  h2 { font-size:clamp(34px,11vw,46px); }
  .lead { font-size:18px; }
  .hero-actions .btn,.news-card .btn {
    width:100%;
  }
  .contract-card {
    grid-template-columns:1fr;
  }
  .stats-strip,.ecosystem-grid,.trust-grid,.impact-grid,.official-grid,.buy-grid,.listing-grid,.feature-grid {
    grid-template-columns:1fr;
  }
  .section {
    padding:66px 0;
  }
  .section-head {
    margin-bottom:30px;
  }
  .product-card,.info-card,.verify-panel,.revenue-panel,.news-card,.risk-panel {
    padding:22px;
    border-radius:28px;
  }
  .product-visual {
    min-height:235px;
  }
  .logo-box {
    height:150px;
  }
  .row {
    display:block;
  }
  .row strong {
    display:block;
    text-align:left;
    margin-top:6px;
  }
  .chart-frame {
    height:460px;
  }
  .allocation {
    grid-template-columns:1fr;
  }
  .timeline-card {
    margin-left:50px;
  }
  .ticker {
    margin-top:-8px;
  }
  .loader-orbit { width:164px; height:164px; }
  .loader-logo { width:106px; height:106px; }
}

@media(max-width:420px) {
  .btn {
    min-height:44px;
    padding:11px 15px;
  }
  .theme-toggle,.menu {
    width:43px;
    height:43px;
  }
}

@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}



/* --- FOXINU V23 Asset-Based Video System: clean edges in dark and light modes --- */
.hero-video-wrap{
  min-height:620px;
  width:100%;
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:42px;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,122,45,.12),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  isolation:isolate;
}
.hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  opacity:1;
  filter:saturate(1.04) contrast(1.02) brightness(.98);
  z-index:1;
  background:transparent;
}
.hero-video-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:inherit;
  /* Border-only fade, not a center overlay. Keeps video details clear in both themes. */
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    inset 0 0 28px rgba(7,9,29,.30),
    inset 0 0 70px rgba(7,9,29,.18);
}
.hero-video-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(90deg,var(--bg) 0%,transparent 8%,transparent 92%,var(--bg) 100%),
    linear-gradient(0deg,var(--bg) 0%,transparent 8%,transparent 92%,var(--bg) 100%);
  opacity:.82;
}
html[data-theme="light"] .hero-video-wrap{
  background:
    radial-gradient(circle at 50% 50%,rgba(255,122,45,.08),transparent 44%),
    linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.30));
}
html[data-theme="light"] .hero-video-wrap::before{
  box-shadow:
    inset 0 0 0 1px rgba(20,25,55,.04),
    inset 0 0 22px rgba(120,130,170,.12),
    inset 0 0 58px rgba(120,130,170,.08);
}
html[data-theme="light"] .hero-video-wrap::after{
  background:
    linear-gradient(90deg,var(--bg) 0%,transparent 7%,transparent 93%,var(--bg) 100%),
    linear-gradient(0deg,var(--bg) 0%,transparent 7%,transparent 93%,var(--bg) 100%);
  opacity:.72;
}
.hero-video-edge{
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  border-radius:inherit;
}
.hero-video-wrap .float-chip{
  z-index:6;
}
.hero-video-wrap .chip-one{top:10%;left:6%}
.hero-video-wrap .chip-two{right:6%;top:24%}
.hero-video-wrap .chip-three{bottom:11%;left:8%}

.video-box{
  padding:0;
  overflow:hidden;
  position:relative;
  background:#07091d;
  border-color:rgba(255,255,255,.16);
}
.news-preview-video{
  width:100%;
  height:100%;
  min-height:170px;
  object-fit:cover;
  border-radius:inherit;
  display:block;
  opacity:.98;
  filter:saturate(1.05) contrast(1.02);
  transition:transform .28s ease, filter .22s ease;
}
.video-box-fade{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(0deg,rgba(7,9,29,.30),transparent 44%,rgba(7,9,29,.10)),
    radial-gradient(circle at 50% 50%,transparent 58%,rgba(7,9,29,.26) 100%);
}
.news-video-card:hover .news-preview-video{
  transform:scale(1.035);
}

@media(min-width:1081px){
  .hero{
    grid-template-columns:.98fr 1.02fr;
    gap:28px;
  }
  .hero-text{
    position:relative;
    z-index:8;
    margin-right:-60px;
    padding:28px 0;
  }
  .hero-video-wrap{
    margin-left:-10px;
  }
}
@media(max-width:1080px){
  .hero-video-wrap{
    order:-1;
    min-height:440px;
    border-radius:36px;
  }
  .hero-text{
    position:relative;
    z-index:8;
  }
}
@media(max-width:720px){
  .hero-video-wrap{
    min-height:360px;
    border-radius:30px;
  }
  .hero-video-wrap::after{
    background:
      linear-gradient(90deg,var(--bg) 0%,transparent 8%,transparent 92%,var(--bg) 100%),
      linear-gradient(0deg,var(--bg) 0%,transparent 8%,transparent 92%,var(--bg) 100%);
    opacity:.72;
  }
  .hero-video-wrap .chip-one{left:10px;top:9%}
  .hero-video-wrap .chip-two{right:10px;top:27%}
  .hero-video-wrap .chip-three{left:14px;bottom:10%}
  .video-box{
    height:190px;
  }
}


/* --- FOXINU V25 Fast Scroll Reveal: smoother and faster --- */
.reveal{
  opacity:0;
  transform:translateY(14px);
  filter:none!important;
  transition:opacity .34s ease-out, transform .34s ease-out, border-color .20s ease, box-shadow .20s ease, background .20s ease!important;
  will-change:opacity,transform;
}
.reveal.visible{
  opacity:1;
  transform:translateY(0);
  filter:none!important;
}
.section-head.reveal{transform:translateY(12px)}
@media(max-width:720px){
  .reveal{
    transform:translateY(10px);
    transition:opacity .24s ease-out, transform .24s ease-out, border-color .18s ease, box-shadow .18s ease, background .18s ease!important;
  }
}

/* =========================================================
   FOXINU V27 REFACTOR PATCH
   Ecosystem logo containment, readable white logo panels,
   text-only planned cards, faster reveal, and chart status.
   ========================================================= */

.ecosystem-card .logo-box{
  overflow:hidden;
}

.ecosystem-card:not(.news-video-card) .brand-logo-box{
  height:170px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:8px;
  padding:14px !important;
  background:#f7f4ed !important;
  border:1px solid rgba(20,24,48,.13) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.70),
    0 16px 34px rgba(0,0,0,.08);
}

.ecosystem-card:not(.news-video-card) .brand-logo-box img{
  display:block;
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
}

html[data-theme="dark"] .ecosystem-card:not(.news-video-card) .brand-logo-box,
html[data-theme="light"] .ecosystem-card:not(.news-video-card) .brand-logo-box{
  background:#f7f4ed !important;
  color:#111827 !important;
}

.text-logo-box{
  text-align:center;
  color:#111827 !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,122,45,.12),transparent 42%),
    #f7f4ed !important;
}

.text-logo-mark{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(135deg,#111827,#ff6b20);
  color:#fff;
  font-weight:950;
  letter-spacing:.05em;
  box-shadow:0 14px 26px rgba(0,0,0,.18);
}

.text-logo-box strong{
  color:#111827 !important;
  font-family:"Space Grotesk","Plus Jakarta Sans",system-ui,sans-serif;
  font-size:20px;
  line-height:1;
  letter-spacing:-.02em;
}

.text-logo-box small{
  color:#ff6b20 !important;
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

@media(max-width:720px){
  .ecosystem-card:not(.news-video-card) .brand-logo-box{
    height:150px;
    padding:12px !important;
  }
  .text-logo-mark{
    width:42px;
    height:42px;
    border-radius:14px;
  }
  .text-logo-box strong{
    font-size:18px;
  }
}

/* Faster scroll reveal without heavy blur */
.reveal{
  opacity:0;
  transform:translateY(10px);
  filter:none !important;
  transition:
    opacity .24s ease-out,
    transform .24s ease-out,
    border-color .16s ease,
    box-shadow .16s ease,
    background .16s ease !important;
  will-change:opacity,transform;
}
.reveal.visible{
  opacity:1;
  transform:translateY(0);
  filter:none !important;
}

/* Dexscreener live chart status + reload support */
.chart-frame{
  position:relative;
}
.chart-status{
  position:absolute;
  left:16px;
  bottom:16px;
  z-index:3;
  padding:10px 13px;
  border-radius:999px;
  color:var(--text);
  background:var(--surface);
  border:1px solid var(--line);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:var(--shadow2);
  font-size:12px;
  font-weight:800;
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
}
.chart-status.loaded{
  opacity:0;
  transform:translateY(8px);
}
#reloadChart{
  min-height:40px;
  padding:10px 14px;
}


/* =========================================================
   FOXINU V28 FINAL ADJUSTMENTS
   - Remove EX/GM icon layout from planned utility cards
   - Center planned utility text inside white panels
   - Transparent DAO/Foundation logos on white card backgrounds
   ========================================================= */

.text-only-logo-box{
  min-height:170px;
  justify-content:center !important;
  align-items:center !important;
  text-align:center;
  padding:22px !important;
}

.text-only-logo-box strong{
  display:block;
  width:100%;
  max-width:100%;
  color:#111827 !important;
  font-family:"Space Grotesk","Plus Jakarta Sans",system-ui,sans-serif;
  font-size:clamp(24px,2.5vw,34px);
  line-height:1.02;
  letter-spacing:-.045em;
  text-align:center;
  overflow-wrap:break-word;
}

.text-only-logo-box small{
  display:block;
  margin-top:10px;
  color:#ff6b20 !important;
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-align:center;
}

.text-only-logo-box .text-logo-mark{
  display:none !important;
}

.ecosystem-card:not(.news-video-card) .brand-logo-box img[src$="-transparent.png"]{
  max-width:92% !important;
  max-height:92% !important;
  object-fit:contain !important;
}

@media(max-width:720px){
  .text-only-logo-box{
    min-height:150px;
    padding:18px !important;
  }
  .text-only-logo-box strong{
    font-size:clamp(22px,8vw,30px);
  }
}