:root {
  --bg: #070706;
  --bg-soft: #10100d;
  --ink: #fff8e8;
  --muted: #c9bda0;
  --line: rgba(255, 232, 176, 0.16);
  --gold: #f5c251;
  --gold-deep: #b77a1e;
  --aqua: #47e4ff;
  --green: #52e09a;
  --red: #ff6b6b;
  --paper: #171511;
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
  --radius: 8px;
  --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
}

a { color: inherit; text-decoration: none; }
img, canvas { display: block; max-width: 100%; }
button { font: inherit; }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 30;
  border-bottom: 1px solid transparent;
  transition: background 180ms ease, border-color 180ms ease, backdrop-filter 180ms ease;
}

.site-header.is-scrolled {
  background: rgba(7, 7, 6, 0.82);
  border-color: var(--line);
  backdrop-filter: blur(18px);
}

.nav-shell {
  width: min(var(--max), calc(100% - 32px));
  min-height: 72px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-weight: 800;
}

.brand img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid rgba(245, 194, 81, 0.55);
}

.nav-menu {
  display: flex;
  align-items: center;
  gap: 8px;
}

.nav-menu a {
  padding: 10px 14px;
  border-radius: var(--radius);
  color: var(--muted);
  font-size: 0.95rem;
  transition: color 180ms ease, background 180ms ease;
}

.nav-menu a:hover {
  color: var(--ink);
  background: rgba(255, 255, 255, 0.06);
}

.nav-toggle {
  display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.04);
  color: var(--ink);
}

.nav-toggle span {
  display: block;
  width: 20px;
  height: 2px;
  margin: 4px auto;
  background: currentColor;
}

.hero {
  position: relative;
  min-height: 92vh;
  display: grid;
  align-items: center;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
}

.hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 58% center;
  opacity: 0.72;
}

.hero-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(7, 7, 6, 0.96) 0%, rgba(7, 7, 6, 0.8) 36%, rgba(7, 7, 6, 0.24) 76%),
    linear-gradient(180deg, rgba(7, 7, 6, 0.2) 0%, rgba(7, 7, 6, 0.9) 100%);
}

.hero-content {
  position: relative;
  z-index: 1;
  width: min(var(--max), calc(100% - 32px));
  margin: 0 auto;
  padding: 110px 0 56px;
}

.eyebrow,
.section-kicker {
  margin: 0 0 18px;
  color: var(--gold);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.hero h1 {
  width: min(780px, 100%);
  margin: 0;
  font-size: clamp(3.2rem, 7vw, 7.2rem);
  line-height: 0.92;
}

.hero-copy {
  width: min(660px, 100%);
  margin: 24px 0 0;
  color: rgba(255, 248, 232, 0.82);
  font-size: clamp(1rem, 1.7vw, 1.25rem);
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: var(--radius);
  border: 1px solid transparent;
  font-weight: 800;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.btn:hover { transform: translateY(-1px); }

.btn-primary {
  background: linear-gradient(135deg, var(--gold), #ffec9c);
  color: #181006;
  box-shadow: 0 12px 28px rgba(245, 194, 81, 0.24);
}

.btn-secondary {
  border-color: rgba(255, 248, 232, 0.24);
  color: var(--ink);
  background: rgba(255, 255, 255, 0.06);
}

.hero-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  width: min(760px, 100%);
  margin-top: 52px;
  border: 1px solid var(--line);
  background: var(--line);
}

.hero-metrics div {
  min-height: 94px;
  padding: 18px;
  background: rgba(7, 7, 6, 0.72);
}

.hero-metrics strong,
.hero-metrics span { display: block; }
.hero-metrics span { margin-top: 4px; color: var(--muted); font-size: 0.9rem; }

.ticker-band {
  width: min(var(--max), calc(100% - 32px));
  margin: -26px auto 0;
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
  background: var(--paper);
}

.ticker-band div {
  min-height: 96px;
  padding: 20px;
  border-right: 1px solid var(--line);
}

.ticker-band div:last-child { border-right: 0; }

.ticker-band span,
.market-stats span,
.chart-topline span {
  display: block;
  color: var(--muted);
  font-size: 0.84rem;
}

.ticker-band strong {
  display: block;
  margin-top: 4px;
  font-size: clamp(1.25rem, 2.4vw, 2rem);
  line-height: 1.05;
}

.section {
  width: min(var(--max), calc(100% - 32px));
  margin: 0 auto;
  padding: 104px 0;
}

.section-heading {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(260px, 0.65fr);
  gap: 56px;
  align-items: start;
  margin-bottom: 36px;
}

.section-heading.compact {
  grid-template-columns: minmax(0, 740px);
  gap: 0;
}

h2, h3, p { overflow-wrap: anywhere; }

h2 {
  margin: 0;
  font-size: clamp(2rem, 4vw, 4.2rem);
  line-height: 1;
}

h3 {
  margin: 0;
  font-size: 1.15rem;
  line-height: 1.2;
}

.section-heading p,
.roadmap-layout > div > p {
  margin: 0;
  color: var(--muted);
}

.value-grid,
.xrp-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.value-card,
.xrp-card,
.principles-grid article,
.market-stats article,
.news-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02));
}

.value-card {
  min-height: 250px;
  padding: 22px;
}

.value-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 32px;
  margin-bottom: 54px;
  border-radius: var(--radius);
  background: rgba(245, 194, 81, 0.12);
  color: var(--gold);
  font-weight: 900;
}

.value-card p,
.xrp-card p,
.principles-grid p,
.news-card p,
.story-list p {
  margin: 12px 0 0;
  color: var(--muted);
}

.split-section {
  display: grid;
  grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1fr);
  gap: 72px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.story-list { display: grid; gap: 18px; }

.story-list article {
  padding-bottom: 18px;
  border-bottom: 1px solid var(--line);
}

.story-list article:last-child { border-bottom: 0; padding-bottom: 0; }

.story-list time {
  display: block;
  color: var(--gold);
  font-weight: 800;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 8px;
}

.tokenomics-section,
.roadmap-section,
.market-section {
  border-bottom: 1px solid var(--line);
}

.tokenomics-layout {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 64px;
  align-items: center;
  margin-top: 46px;
}

.donut-wrap {
  position: relative;
  width: min(360px, 100%);
  aspect-ratio: 1;
  margin: 0 auto;
}

.donut-chart {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(var(--gold) 0 40%, var(--aqua) 40% 60%, #ff7f50 60% 75%, #f8e7a0 75% 85%, #7cf4b7 85% 95%, #c79bff 95% 100%);
  box-shadow: 0 0 48px rgba(245, 194, 81, 0.22);
}

.donut-chart::after {
  content: "";
  position: absolute;
  inset: 44px;
  border-radius: 50%;
  background: var(--bg);
  border: 1px solid var(--line);
}

.donut-center {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  text-align: center;
}

.donut-center strong {
  display: block;
  font-size: 3.3rem;
  line-height: 1;
}

.donut-center span { display: block; color: var(--muted); margin-top: 6px; }

.tokenomics-bars { display: grid; gap: 18px; }
.bar-row { display: grid; gap: 8px; }

.bar-row div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}

.bar-row span { color: var(--gold); font-weight: 900; }

.bar-row i {
  display: block;
  height: 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}

.bar-row i::before {
  content: "";
  display: block;
  width: var(--bar);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--gold), var(--aqua));
}

.principles-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 42px;
}

.principles-grid article,
.xrp-card {
  padding: 22px;
}

.roadmap-layout {
  display: grid;
  grid-template-columns: minmax(280px, 0.75fr) minmax(0, 1fr);
  gap: 56px;
  align-items: start;
}

.roadmap-layout h2 { margin-bottom: 18px; }

.roadmap-tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-top: 34px;
}

.roadmap-tab {
  min-height: 46px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.04);
  color: var(--muted);
  cursor: pointer;
  font-weight: 800;
  transition: background 180ms ease, color 180ms ease, border-color 180ms ease;
}

.roadmap-tab.active {
  color: #181006;
  border-color: transparent;
  background: var(--gold);
}

.roadmap-panel {
  min-height: 430px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: clamp(22px, 4vw, 42px);
  background:
    radial-gradient(circle at 84% 16%, rgba(71, 228, 255, 0.18), transparent 34%),
    linear-gradient(180deg, rgba(245, 194, 81, 0.1), rgba(255, 255, 255, 0.03));
}

.roadmap-panel time {
  color: var(--gold);
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.82rem;
}

.roadmap-panel h3 {
  margin-top: 12px;
  font-size: clamp(1.55rem, 3vw, 2.5rem);
}

.roadmap-panel ul {
  display: grid;
  gap: 12px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.roadmap-panel li {
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(0, 0, 0, 0.22);
  color: var(--muted);
}

.xrp-card { min-height: 248px; }

.xrp-timeline {
  margin-top: 36px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
}

.xrp-timeline div {
  min-height: 148px;
  padding: 18px;
  border-right: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.03);
}

.xrp-timeline div:last-child { border-right: 0; }

.xrp-timeline span {
  display: block;
  color: var(--gold);
  font-weight: 900;
  font-size: 1.4rem;
}

.xrp-timeline p { margin: 10px 0 0; color: var(--muted); font-size: 0.92rem; }

.market-section { border-top: 1px solid var(--line); }

.market-header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 22px;
  margin-bottom: 34px;
}

.status-pill {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 10px 14px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.04);
  font-size: 0.92rem;
}

.market-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 18px;
}

.chart-shell {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--paper);
  padding: 22px;
  min-width: 0;
}

.chart-topline {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 18px;
  margin-bottom: 18px;
}

.chart-topline strong {
  display: block;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1;
  margin-top: 4px;
}

.price-change {
  padding: 8px 12px;
  border-radius: var(--radius);
  border: 1px solid var(--line);
  font-weight: 900;
  white-space: nowrap;
}

.price-change.positive { color: var(--green); border-color: rgba(82, 224, 154, 0.36); background: rgba(82, 224, 154, 0.1); }
.price-change.negative { color: var(--red); border-color: rgba(255, 107, 107, 0.36); background: rgba(255, 107, 107, 0.1); }
.price-change.neutral { color: var(--muted); }

#price-chart {
  width: 100%;
  height: 360px;
  border-radius: var(--radius);
  background: #0b0b09;
}

.chart-meta {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 12px;
  color: var(--muted);
  font-size: 0.9rem;
}

.market-stats { display: grid; gap: 14px; }

.market-stats article {
  min-height: 126px;
  padding: 20px;
  display: grid;
  align-content: space-between;
}

.market-stats strong {
  display: block;
  font-size: 1.35rem;
  line-height: 1.1;
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 34px;
}

.news-card {
  min-height: 238px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 22px;
}

.news-card small { color: var(--gold); font-weight: 800; }
.news-card a { color: var(--aqua); font-weight: 800; }

.source-section { padding-top: 28px; }

.source-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.source-links a {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 10px 12px;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.04);
}

.site-footer {
  width: min(var(--max), calc(100% - 32px));
  min-height: 92px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-top: 1px solid var(--line);
  color: var(--muted);
}

.site-footer p { margin: 0; }
.site-footer a { color: var(--gold); font-weight: 800; white-space: nowrap; }

@media (max-width: 1040px) {
  .value-grid, .xrp-grid, .xrp-timeline, .news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tokenomics-layout, .market-layout, .roadmap-layout, .split-section, .section-heading { grid-template-columns: 1fr; }
  .market-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .nav-toggle { display: block; }

  .nav-menu {
    position: absolute;
    top: 72px;
    right: 16px;
    left: 16px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: rgba(7, 7, 6, 0.96);
    box-shadow: var(--shadow);
  }

  .nav-menu.is-open { display: flex; }
  .nav-menu a { min-height: 44px; }

  .hero { min-height: 86vh; }
  .hero-bg { object-position: 66% center; opacity: 0.52; }

  .hero-shade {
    background:
      linear-gradient(90deg, rgba(7, 7, 6, 0.96), rgba(7, 7, 6, 0.58)),
      linear-gradient(180deg, rgba(7, 7, 6, 0.12), rgba(7, 7, 6, 0.95));
  }

  .hero-content { padding-top: 104px; }
  .hero h1 { font-size: clamp(2.7rem, 15vw, 4.4rem); }

  .hero-metrics,
  .ticker-band,
  .principles-grid,
  .market-stats,
  .value-grid,
  .xrp-grid,
  .xrp-timeline,
  .news-grid,
  .roadmap-tabs {
    grid-template-columns: 1fr;
  }

  .ticker-band div,
  .xrp-timeline div {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .ticker-band div:last-child,
  .xrp-timeline div:last-child { border-bottom: 0; }

  .section { padding: 72px 0; }

  .market-header,
  .chart-topline,
  .chart-meta,
  .site-footer {
    align-items: stretch;
    flex-direction: column;
  }

  #price-chart { height: 280px; }
}

@media (max-width: 420px) {
  .btn, .hero-actions { width: 100%; }
  .donut-chart::after { inset: 34px; }
}

/* ==================================
   AIRDROP HOLDX
=================================== */

.airdrop-premium {
  position: relative;
  isolation: isolate;
  margin-top: 72px;
  margin-bottom: 72px;
  padding: clamp(54px, 8vw, 96px) clamp(20px, 5vw, 64px);
  border: 1px solid rgba(245, 194, 81, 0.22);
  border-radius: 22px;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 28%, rgba(71, 228, 255, 0.16), transparent 28%),
    radial-gradient(circle at 72% 58%, rgba(245, 194, 81, 0.16), transparent 34%),
    linear-gradient(135deg, #080b13 0%, #10101a 52%, #151109 100%);
  box-shadow: var(--shadow);
}

.airdrop-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0.34;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(to right, transparent, black 45%, black);
}

.airdrop-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
  align-items: center;
  gap: clamp(36px, 7vw, 88px);
  width: 100%;
}

.airdrop-left { min-width: 0; }

.airdrop-left h2 {
  max-width: 760px;
  margin: 0;
  font-size: clamp(2.25rem, 5vw, 4.7rem);
  line-height: 0.98;
}

.airdrop-left > p:not(.airdrop-security) {
  max-width: 680px;
  margin: 24px 0 0;
  color: var(--muted);
  font-size: clamp(1rem, 1.5vw, 1.15rem);
}

.airdrop-benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 32px 0;
}

.airdrop-benefits div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 248, 232, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.055);
  backdrop-filter: blur(10px);
  font-weight: 750;
}

.airdrop-benefits span {
  color: var(--gold);
  font-weight: 900;
}

.airdrop-cta { min-width: min(100%, 280px); }

.airdrop-security {
  margin: 18px 0 0;
  color: rgba(255, 248, 232, 0.64);
  font-size: 0.86rem;
}

.airdrop-right {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
}

.airdrop-right img {
  position: relative;
  z-index: 1;
  width: min(100%, 390px);
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid rgba(245, 194, 81, 0.34);
  box-shadow: 0 0 0 12px rgba(245, 194, 81, 0.04);
  filter: drop-shadow(0 26px 42px rgba(0, 0, 0, 0.52));
  animation: floatCoin 5s ease-in-out infinite;
}

.airdrop-coin-glow {
  position: absolute;
  width: 82%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(245, 194, 81, 0.42), rgba(71, 228, 255, 0.13) 48%, transparent 70%);
  filter: blur(24px);
}

@keyframes floatCoin {
  0%, 100% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-14px) rotate(1deg); }
}

@media (max-width: 900px) {
  .airdrop-premium {
    display: block;
    width: min(var(--max), calc(100% - 32px));
    margin: 54px auto;
    padding: 58px 22px;
  }

  .airdrop-container {
    display: flex;
    flex-direction: column;
    gap: 42px;
  }

  .airdrop-left {
    width: 100%;
    text-align: center;
  }

  .airdrop-left h2,
  .airdrop-left > p {
    margin-left: auto;
    margin-right: auto;
  }

  .airdrop-benefits {
    width: min(100%, 560px);
    margin-left: auto;
    margin-right: auto;
  }

  .airdrop-right {
    order: -1;
    width: 100%;
  }

  .airdrop-right img {
    width: min(78vw, 300px);
    height: auto;
  }
}

@media (max-width: 560px) {
  .airdrop-premium {
    padding: 48px 18px;
    border-radius: 16px;
  }

  .airdrop-left h2 { font-size: clamp(2rem, 11vw, 3rem); }
  .airdrop-benefits { grid-template-columns: 1fr; }
  .airdrop-benefits div { min-height: 54px; }
  .airdrop-cta { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .airdrop-right img { animation: none; }
}

/* ==================================
   EQUIPO, POR QUÉ Y ESTADO v1.1
================================== */
.team-section,
.why-section {
  border-bottom: 1px solid var(--line);
}

.team-heading,
.why-heading {
  margin-bottom: 42px;
}

.team-heading p,
.why-heading p {
  margin-top: 18px;
  color: var(--muted);
  max-width: 760px;
}

.team-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(40px, 6vw, 76px);
  margin-top: 64px;
  align-items: stretch;
}

.team-card {
  position: relative;
  min-height: 390px;
  padding: clamp(24px, 4vw, 42px);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  background:
    radial-gradient(circle at 90% 8%, rgba(71, 228, 255, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(245, 194, 81, 0.09), rgba(255, 255, 255, 0.025));
  box-shadow: var(--shadow);
}

.team-card::after {
  content: "";
  position: absolute;
  inset: auto -70px -90px auto;
  width: 210px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(245, 194, 81, 0.08);
  filter: blur(10px);
}

.team-initials {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  margin-bottom: 34px;
  border: 1px solid rgba(245, 194, 81, 0.34);
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(245, 194, 81, 0.2), rgba(71, 228, 255, 0.08));
  color: var(--gold);
  font-size: 1.35rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.team-role {
  margin-bottom: 10px;
  color: var(--gold);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.team-card h3 {
  font-size: clamp(1.8rem, 3vw, 2.7rem);
}

.team-card p {
  position: relative;
  z-index: 1;
  margin: 18px 0 0;
  color: var(--muted);
}

.team-tags {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 30px;
}

.team-tags span {
  padding: 8px 11px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: rgba(255, 248, 232, 0.82);
  background: rgba(255, 255, 255, 0.045);
  font-size: 0.78rem;
  font-weight: 800;
}

.why-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.why-card {
  min-height: 260px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02));
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.why-card:hover {
  transform: translateY(-4px);
  border-color: rgba(245, 194, 81, 0.38);
  background: linear-gradient(180deg, rgba(245, 194, 81, 0.09), rgba(255, 255, 255, 0.025));
}

.why-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 34px;
  margin-bottom: 54px;
  border-radius: 8px;
  background: rgba(245, 194, 81, 0.12);
  color: var(--gold);
  font-weight: 900;
}

.why-card p {
  margin: 14px 0 0;
  color: var(--muted);
}

.project-status-section {
  padding-top: 76px;
  padding-bottom: 76px;
}

.project-status-shell {
  padding: clamp(26px, 5vw, 54px);
  border: 1px solid var(--line);
  border-radius: 18px;
  background:
    radial-gradient(circle at 94% 8%, rgba(71, 228, 255, 0.13), transparent 31%),
    linear-gradient(135deg, rgba(245, 194, 81, 0.09), rgba(255, 255, 255, 0.025));
  box-shadow: var(--shadow);
}

.project-status-copy {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(260px, 0.6fr);
  gap: 42px;
  align-items: end;
}

.project-status-copy p {
  margin: 0;
  color: var(--muted);
}

.project-progress {
  margin-top: 42px;
}

.project-progress-top {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
  color: var(--muted);
}

.project-progress-top strong {
  color: var(--gold);
}

.project-progress-track {
  height: 14px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.075);
}

.project-progress-track span {
  display: block;
  width: 55%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--gold), var(--aqua));
  box-shadow: 0 0 24px rgba(71, 228, 255, 0.24);
}

.project-milestones {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 9px;
  margin: 34px 0 0;
  padding: 0;
  list-style: none;
}

.project-milestones li {
  min-height: 112px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.22);
}

.project-milestones span,
.project-milestones strong {
  display: block;
}

.project-milestones span {
  color: var(--ink);
  font-weight: 800;
}

.project-milestones strong {
  margin-top: 20px;
  color: var(--muted);
  font-size: 0.74rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.project-milestones .is-complete {
  border-color: rgba(82, 224, 154, 0.26);
  background: rgba(82, 224, 154, 0.06);
}

.project-milestones .is-complete strong { color: var(--green); }

.project-milestones .is-active {
  border-color: rgba(245, 194, 81, 0.4);
  background: rgba(245, 194, 81, 0.09);
}

.project-milestones .is-active strong { color: var(--gold); }

@media (max-width: 1040px) {
  .why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .project-milestones { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .team-grid,
  .why-grid,
  .project-status-copy,
  .project-milestones {
    grid-template-columns: 1fr;
  }

  .team-grid {
    gap: 34px;
    margin-top: 42px;
  }

  .team-card { min-height: 0; }
  .team-initials { margin-bottom: 26px; }
  .why-card { min-height: 0; }
  .why-icon { margin-bottom: 34px; }

  .project-milestones li {
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
  }

  .project-milestones strong { margin-top: 0; text-align: right; }
}

@media (prefers-reduced-motion: reduce) {
  .why-card { transition: none; }
  .why-card:hover { transform: none; }
}


/*==================================
        V1.2 MOTION & POLISH
===================================*/

/* Luz ambiental sutil entre secciones */
main {
  position: relative;
  overflow: clip;
}

main::before {
  content: "";
  position: absolute;
  top: 12%;
  left: 50%;
  width: min(900px, 90vw);
  height: 900px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(71, 228, 255, 0.055), transparent 68%);
  pointer-events: none;
  z-index: -1;
}

/* Botones más definidos */
.btn {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.btn::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(115deg, transparent 20%, rgba(255,255,255,.34) 46%, transparent 72%);
  transform: translateX(-135%);
  transition: transform 520ms ease;
}

.btn:hover::after,
.btn:focus-visible::after {
  transform: translateX(135%);
}

.btn:focus-visible,
.nav-menu a:focus-visible,
.roadmap-tab:focus-visible,
.source-links a:focus-visible {
  outline: 2px solid var(--aqua);
  outline-offset: 3px;
}

/* Tarjetas con profundidad coherente */
.value-card,
.xrp-card,
.principles-grid article,
.news-card,
.team-card,
.why-card,
.project-milestones li {
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease, background 220ms ease;
}

.value-card:hover,
.xrp-card:hover,
.principles-grid article:hover,
.news-card:hover,
.team-card:hover {
  transform: translateY(-4px);
  border-color: rgba(245, 194, 81, 0.32);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}

/* Aparición progresiva. Solo se oculta cuando JS la activa. */
.motion-ready [data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 700ms cubic-bezier(.2,.7,.2,1), transform 700ms cubic-bezier(.2,.7,.2,1);
  transition-delay: var(--reveal-delay, 0ms);
}

.motion-ready [data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Progreso animado sin cambiar el porcentaje declarado */
.motion-ready .project-progress-track span {
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1100ms cubic-bezier(.2,.7,.2,1) 180ms;
}

.motion-ready .project-status-section.is-visible .project-progress-track span {
  transform: scaleX(1);
}

/* Indicador discreto de sección */
.section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.section-kicker::before {
  content: "";
  width: 26px;
  height: 1px;
  background: linear-gradient(90deg, var(--gold), transparent);
}

/* Navegación móvil más cómoda */
@media (max-width: 760px) {
  .nav-menu {
    max-height: calc(100vh - 92px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .section {
    scroll-margin-top: 78px;
  }

  .airdrop-premium,
  .team-section,
  .why-section,
  .project-status-section {
    scroll-margin-top: 78px;
  }

  .btn:hover,
  .value-card:hover,
  .xrp-card:hover,
  .principles-grid article:hover,
  .news-card:hover,
  .team-card:hover,
  .why-card:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }

  .btn,
  .btn::after,
  .value-card,
  .xrp-card,
  .principles-grid article,
  .news-card,
  .team-card,
  .why-card,
  .project-milestones li,
  .motion-ready [data-reveal],
  .motion-ready .project-progress-track span {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }

  .motion-ready [data-reveal] { opacity: 1 !important; }
}

/*==================================
        V1.4 PREMIUM ANIMATIONS
===================================*/

:root {
  --ease-premium: cubic-bezier(.2,.75,.2,1);
}

/* Fondo ambiental con movimiento muy sutil */
body::before,
body::after {
  content: "";
  position: fixed;
  width: 38vw;
  height: 38vw;
  min-width: 320px;
  min-height: 320px;
  border-radius: 50%;
  filter: blur(90px);
  opacity: .08;
  pointer-events: none;
  z-index: -2;
  animation: ambientDrift 18s ease-in-out infinite alternate;
}

body::before {
  top: 8%;
  left: -12%;
  background: var(--gold);
}

body::after {
  right: -14%;
  bottom: 6%;
  background: var(--aqua);
  animation-delay: -7s;
}

@keyframes ambientDrift {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to { transform: translate3d(7vw, 4vh, 0) scale(1.12); }
}

/* Entrada premium del hero */
.hero-content > * {
  animation: heroEnter 900ms var(--ease-premium) both;
}

.hero-content > :nth-child(2) { animation-delay: 90ms; }
.hero-content > :nth-child(3) { animation-delay: 170ms; }
.hero-content > :nth-child(4) { animation-delay: 250ms; }
.hero-content > :nth-child(5) { animation-delay: 330ms; }

@keyframes heroEnter {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

.hero-bg {
  will-change: transform;
  transform: scale(1.04);
  transition: transform 180ms linear;
}

/* Línea activa y brillo en navegación */
.nav-menu a {
  position: relative;
}

.nav-menu a::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 5px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 240ms var(--ease-premium);
}

.nav-menu a:hover::after,
.nav-menu a:focus-visible::after {
  transform: scaleX(1);
}

/* Resplandor de títulos de sección */
.section-kicker {
  position: relative;
}

.section-kicker::after {
  content: "";
  position: absolute;
  inset: -8px -12px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(245,194,81,.13), transparent 68%);
  opacity: 0;
  transform: scale(.88);
  transition: opacity 260ms ease, transform 260ms var(--ease-premium);
  z-index: -1;
}

.section:hover .section-kicker::after,
.airdrop-premium:hover .section-kicker::after {
  opacity: 1;
  transform: scale(1);
}

/* Tarjetas con elevación y luz direccional */
.value-card,
.xrp-card,
.principles-grid article,
.news-card,
.team-card,
.why-card,
.project-milestones li {
  position: relative;
  overflow: hidden;
  will-change: transform;
}

.value-card::before,
.xrp-card::before,
.principles-grid article::before,
.news-card::before,
.team-card::before,
.why-card::before,
.project-milestones li::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,.11), transparent 34%);
  opacity: 0;
  transition: opacity 220ms ease;
}

.value-card:hover::before,
.xrp-card:hover::before,
.principles-grid article:hover::before,
.news-card:hover::before,
.team-card:hover::before,
.why-card:hover::before,
.project-milestones li:hover::before {
  opacity: 1;
}

/* Moneda con pulso luminoso */
.airdrop-right {
  position: relative;
}

.airdrop-right::before {
  content: "";
  position: absolute;
  width: 72%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(245,194,81,.24), rgba(71,228,255,.08) 44%, transparent 70%);
  filter: blur(16px);
  animation: coinAura 4.8s ease-in-out infinite;
}

.airdrop-right img {
  position: relative;
  z-index: 1;
  transition: filter 320ms ease, transform 320ms var(--ease-premium);
}

.airdrop-right:hover img {
  filter: drop-shadow(0 0 54px rgba(255,215,0,.6));
}

@keyframes coinAura {
  0%, 100% { transform: scale(.94); opacity: .58; }
  50% { transform: scale(1.08); opacity: 1; }
}

/* Barra de progreso con brillo viajero */
.project-progress-track span {
  position: relative;
  overflow: hidden;
}

.project-progress-track span::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent 18%, rgba(255,255,255,.62) 48%, transparent 78%);
  transform: translateX(-130%);
  animation: progressShine 3.6s ease-in-out infinite 1.4s;
}

@keyframes progressShine {
  0%, 45% { transform: translateX(-130%); }
  75%, 100% { transform: translateX(130%); }
}

/* Indicador de scroll únicamente en pantallas grandes */
.hero::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 20px;
  width: 1px;
  height: 38px;
  background: linear-gradient(180deg, var(--gold), transparent);
  animation: scrollPulse 1.8s ease-in-out infinite;
}

@keyframes scrollPulse {
  0%, 100% { opacity: .25; transform: translateY(-4px); }
  50% { opacity: 1; transform: translateY(5px); }
}

@media (max-width: 760px) {
  body::before,
  body::after {
    opacity: .045;
    filter: blur(110px);
  }

  .hero::after { display: none; }

  .hero-bg {
    transform: none !important;
  }

  .value-card::before,
  .xrp-card::before,
  .principles-grid article::before,
  .news-card::before,
  .team-card::before,
  .why-card::before,
  .project-milestones li::before {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body::before,
  body::after,
  .hero-content > *,
  .airdrop-right::before,
  .project-progress-track span::after,
  .hero::after {
    animation: none !important;
  }

  .hero-bg { transform: none !important; }
}


/*==================================
  V1.4.1 - ANIMACIONES VISIBLES + CACHE FIX
===================================*/

/* El fondo ambiental debe quedar sobre el fondo del body, pero bajo el contenido. */
body {
  position: relative;
  isolation: isolate;
}

body::before,
body::after {
  z-index: -1;
  opacity: .14;
}

main,
.site-header,
.site-footer {
  position: relative;
  z-index: 1;
}

/* Entrada más perceptible, sin resultar brusca. */
.motion-ready [data-reveal] {
  opacity: 0;
  transform: translateY(42px) scale(.985);
  filter: blur(5px);
  transition:
    opacity 850ms var(--ease-premium),
    transform 850ms var(--ease-premium),
    filter 850ms var(--ease-premium);
  transition-delay: var(--reveal-delay, 0ms);
}

.motion-ready [data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

/* Pulso visible y continuo en los botones principales. */
.btn-primary {
  animation: primaryPulse 3.2s ease-in-out infinite;
}

@keyframes primaryPulse {
  0%, 100% { box-shadow: 0 12px 28px rgba(245,194,81,.24); }
  50% { box-shadow: 0 12px 42px rgba(245,194,81,.48), 0 0 22px rgba(71,228,255,.12); }
}

/* Movimiento suave perceptible también en pantallas táctiles. */
.airdrop-right img {
  animation: floatCoinVisible 4.2s ease-in-out infinite;
}

@keyframes floatCoinVisible {
  0%, 100% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-18px) rotate(1deg); }
}

/* Brillo periódico en tarjetas, útil también sin hover. */
.team-card,
.why-card,
.value-card,
.xrp-card {
  animation: cardBreath 5.5s ease-in-out infinite;
}

.team-card:nth-child(2),
.why-card:nth-child(even),
.value-card:nth-child(even),
.xrp-card:nth-child(even) {
  animation-delay: -2.75s;
}

@keyframes cardBreath {
  0%, 100% { border-color: var(--line); box-shadow: 0 0 0 rgba(245,194,81,0); }
  50% { border-color: rgba(245,194,81,.27); box-shadow: 0 16px 42px rgba(0,0,0,.25), 0 0 22px rgba(245,194,81,.07); }
}

/* Línea superior animada entre secciones. */
.section,
.airdrop-premium {
  position: relative;
}

.section::before,
.airdrop-premium::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: min(260px, 48vw);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(245,194,81,.7), rgba(71,228,255,.45), transparent);
  background-size: 200% 100%;
  animation: sectionLine 4s linear infinite;
}

@keyframes sectionLine {
  from { background-position: 200% 0; }
  to { background-position: -200% 0; }
}

@media (max-width: 760px) {
  body::before,
  body::after {
    opacity: .11;
  }

  .motion-ready [data-reveal] {
    transform: translateY(28px) scale(.99);
    filter: blur(3px);
  }

  .team-card,
  .why-card,
  .value-card,
  .xrp-card {
    animation-duration: 6.5s;
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn-primary,
  .airdrop-right img,
  .team-card,
  .why-card,
  .value-card,
  .xrp-card,
  .section::before,
  .airdrop-premium::before {
    animation: none !important;
  }
}

/*==================================
  V1.5 - HERO PREMIUM + NAVEGACIÓN
===================================*/
.site-header {
  padding-top: 10px;
}

.nav-shell {
  min-height: 64px;
  padding: 0 10px 0 14px;
  border: 1px solid rgba(255,232,176,.10);
  border-radius: 16px;
  background: rgba(10,10,8,.42);
  backdrop-filter: blur(18px) saturate(140%);
  box-shadow: 0 14px 40px rgba(0,0,0,.22);
}

.site-header.is-scrolled {
  background: transparent;
  border-color: transparent;
  backdrop-filter: none;
}

.site-header.is-scrolled .nav-shell {
  background: rgba(7,7,6,.83);
  border-color: rgba(255,232,176,.18);
  box-shadow: 0 18px 44px rgba(0,0,0,.36);
}

.brand img { box-shadow: 0 0 22px rgba(245,194,81,.22); }

.nav-menu a.is-active {
  color: var(--ink);
  background: rgba(245,194,81,.10);
}

.nav-menu .nav-telegram {
  color: #181006;
  background: linear-gradient(135deg,var(--gold),#ffec9c);
  box-shadow: 0 8px 24px rgba(245,194,81,.20);
}
.nav-menu .nav-telegram::after { display:none; }
.nav-menu .nav-telegram:hover { color:#181006; background:linear-gradient(135deg,#ffd875,#fff2b7); }

.hero-v15 {
  min-height: 100svh;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 76% 40%, rgba(245,194,81,.13), transparent 25%),
    radial-gradient(circle at 18% 24%, rgba(71,228,255,.10), transparent 30%),
    linear-gradient(145deg,#050505 0%,#090907 50%,#071019 100%);
}

.hero-v15::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(to bottom,black 5%,transparent 88%);
}

.hero-network {
  position:absolute;
  inset:-20%;
  z-index:-2;
  opacity:.34;
  background:
    radial-gradient(circle at 22% 34%, rgba(71,228,255,.9) 0 1px, transparent 2px),
    radial-gradient(circle at 48% 18%, rgba(245,194,81,.9) 0 1px, transparent 2px),
    radial-gradient(circle at 72% 30%, rgba(71,228,255,.8) 0 1px, transparent 2px),
    radial-gradient(circle at 84% 66%, rgba(245,194,81,.8) 0 1px, transparent 2px),
    radial-gradient(circle at 34% 76%, rgba(255,255,255,.65) 0 1px, transparent 2px);
  background-size: 260px 220px, 340px 290px, 420px 360px, 300px 250px, 380px 310px;
  animation: networkDrift 24s linear infinite;
}

.hero-network::before,
.hero-network::after {
  content:"";
  position:absolute;
  inset:0;
  background: repeating-linear-gradient(28deg, transparent 0 96px, rgba(71,228,255,.055) 97px 98px, transparent 99px 188px);
}
.hero-network::after { transform:rotate(58deg); opacity:.6; }

.hero-orb { position:absolute; border-radius:50%; filter:blur(80px); z-index:-1; pointer-events:none; }
.hero-orb-gold { width:420px;height:420px;right:7%;top:20%;background:rgba(245,194,81,.16);animation:orbFloat 9s ease-in-out infinite; }
.hero-orb-aqua { width:320px;height:320px;left:-8%;bottom:8%;background:rgba(71,228,255,.10);animation:orbFloat 12s ease-in-out infinite reverse; }

.hero-v15-shell {
  width:min(1280px,calc(100% - 32px));
  margin:0 auto;
  min-height:100svh;
  padding:122px 0 82px;
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(360px,.78fr);
  align-items:center;
  gap:clamp(44px,7vw,100px);
}

.hero-v15 .hero-content { width:auto; margin:0; padding:0; }
.hero-v15 .eyebrow { margin-bottom:22px; }
.hero-v15 h1 { width:min(760px,100%); font-size:clamp(3.1rem,6.7vw,7.5rem); line-height:.88; letter-spacing:-.055em; }
.hero-v15 h1 span { display:block; margin-bottom:14px; color:transparent; -webkit-text-stroke:1px rgba(245,194,81,.7); font-size:.28em; letter-spacing:.22em; line-height:1; }
.hero-v15 .hero-copy { max-width:660px; font-size:clamp(1rem,1.4vw,1.18rem); line-height:1.7; }
.hero-trust { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.hero-trust span { padding:8px 12px; border:1px solid var(--line); border-radius:999px; color:var(--muted); background:rgba(255,255,255,.035); font-size:.82rem; font-weight:750; }

.hero-coin-stage {
  position:relative;
  min-height:560px;
  display:grid;
  place-items:center;
  perspective:1200px;
}
.hero-coin-stage::before {
  content:"";
  position:absolute;
  width:78%; aspect-ratio:1; border-radius:50%;
  background:radial-gradient(circle,rgba(245,194,81,.22),rgba(71,228,255,.08) 44%,transparent 70%);
  filter:blur(12px);
  animation:coinAura 4s ease-in-out infinite;
}
.hero-coin {
  position:relative;
  z-index:3;
  width:min(470px,88%);
  aspect-ratio:1;
  object-fit:cover;
  border-radius:50%;
  border:1px solid rgba(255,236,156,.30);
  box-shadow:0 34px 80px rgba(0,0,0,.52),0 0 62px rgba(245,194,81,.22);
  animation:heroCoinFloat 5.2s ease-in-out infinite;
  will-change:transform;
}
.coin-rings { position:absolute; inset:2%; z-index:1; }
.coin-rings i { position:absolute; inset:0; border:1px solid rgba(245,194,81,.18); border-radius:50%; animation:ringSpin 16s linear infinite; }
.coin-rings i:nth-child(2) { inset:8%; border-color:rgba(71,228,255,.18); animation-duration:12s; animation-direction:reverse; }
.coin-rings i:nth-child(3) { inset:-7%; border-style:dashed; opacity:.55; animation-duration:24s; }
.coin-rings i::before { content:""; position:absolute; top:50%; left:-4px; width:8px; height:8px; border-radius:50%; background:var(--gold); box-shadow:0 0 18px var(--gold); }
.hero-coin-badge { position:absolute; right:2%; bottom:11%; z-index:4; padding:13px 16px; border:1px solid rgba(255,232,176,.18); border-radius:12px; background:rgba(7,7,6,.72); backdrop-filter:blur(14px); box-shadow:0 18px 44px rgba(0,0,0,.34); }
.hero-coin-badge strong,.hero-coin-badge span { display:block; }
.hero-coin-badge strong { color:var(--gold); font-size:1.05rem; }
.hero-coin-badge span { color:var(--muted); font-size:.76rem; margin-top:2px; }

.hero-scroll { position:absolute; left:50%; bottom:26px; width:30px; height:50px; transform:translateX(-50%); border:1px solid rgba(255,255,255,.2); border-radius:999px; display:flex; justify-content:center; padding-top:9px; }
.hero-scroll span { width:4px;height:8px;border-radius:99px;background:var(--gold);animation:scrollDot 1.8s ease-in-out infinite; }

@keyframes networkDrift { to { transform:translate3d(80px,40px,0); } }
@keyframes orbFloat { 0%,100%{transform:translate3d(0,0,0) scale(1)} 50%{transform:translate3d(28px,-24px,0) scale(1.08)} }
@keyframes heroCoinFloat { 0%,100%{transform:translateY(0) rotateY(-4deg) rotateZ(-1deg)} 50%{transform:translateY(-22px) rotateY(4deg) rotateZ(1deg)} }
@keyframes coinAura { 0%,100%{transform:scale(.94);opacity:.72} 50%{transform:scale(1.08);opacity:1} }
@keyframes ringSpin { to{transform:rotate(360deg)} }
@keyframes scrollDot { 0%{transform:translateY(0);opacity:.2} 50%{opacity:1} 100%{transform:translateY(20px);opacity:0} }

@media (max-width: 980px) {
  .hero-v15-shell { grid-template-columns:1fr; text-align:center; padding-top:118px; gap:28px; }
  .hero-v15 .hero-content { display:grid; justify-items:center; }
  .hero-v15 h1,.hero-v15 .hero-copy { margin-left:auto; margin-right:auto; }
  .hero-trust { justify-content:center; }
  .hero-coin-stage { min-height:390px; order:-1; }
  .hero-coin { width:min(340px,74vw); }
  .hero-coin-badge { right:calc(50% - 180px); bottom:4%; }
}

@media (max-width:760px) {
  .site-header { padding-top:6px; }
  .nav-shell { width:calc(100% - 20px); border-radius:13px; }
  .nav-menu { top:70px; right:10px; left:10px; max-height:calc(100svh - 86px); overflow:auto; }
  .nav-menu .nav-telegram { text-align:center; }
  .hero-v15-shell { width:calc(100% - 28px); min-height:auto; padding:100px 0 84px; }
  .hero-coin-stage { min-height:330px; }
  .hero-v15 h1 { font-size:clamp(2.75rem,14vw,4.5rem); }
  .hero-v15 h1 span { font-size:.24em; letter-spacing:.15em; }
  .hero-v15 .hero-actions { width:100%; }
  .hero-v15 .btn { width:100%; }
  .hero-coin-badge { right:4%; bottom:4%; }
  .hero-scroll { display:none; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-network,.hero-orb,.hero-coin,.coin-rings i,.hero-scroll span,.hero-coin-stage::before { animation:none !important; }
}
.hero-coin { transform:rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg)); transition:transform 220ms ease-out; }
@keyframes heroCoinFloat { 0%,100%{translate:0 0} 50%{translate:0 -22px} }