:root{
  --bg:#12100e;
  --bg-soft:#181512;
  --panel:#221d18;
  --panel-2:#2b241d;
  --panel-3:#151210;

  --line:rgba(255,255,255,0.08);
  --line-strong:rgba(255,255,255,0.14);

  --orange:#de7a1f;
  --orange-light:#f0a548;
  --orange-pale:#ffd08a;

  --hay:#e0b44a;
  --green:#63d463;
  --crystal:#78c7f2;
  --dkv:#d7b35a;

  --cream:#f4eee2;
  --text:#f4eee2;
  --muted:#c8beb0;
  --muted-2:#8f8578;

  --danger:#ef5f5f;
  --shadow:0 16px 40px rgba(0,0,0,0.34);
  --shadow-strong:0 24px 70px rgba(0,0,0,0.48);

  --radius:12px;
  --radius-lg:20px;
}

*,
*::before,
*::after{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family:'Nunito',sans-serif;
  background:
    radial-gradient(circle at 18% 14%, rgba(222,122,31,0.10), transparent 26%),
    radial-gradient(circle at 78% 16%, rgba(224,180,74,0.05), transparent 22%),
    radial-gradient(circle at 50% 85%, rgba(255,255,255,0.02), transparent 28%),
    linear-gradient(180deg,#0f0d0c 0%, #14110f 34%, #110f0d 100%);
  color:var(--text);
  overflow-x:hidden;
  line-height:1.65;
}

body::before{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,0.012), rgba(255,255,255,0.012)),
    radial-gradient(circle at center, transparent 0%, rgba(0,0,0,0.22) 100%);
  z-index:0;
}

h1,h2,h3,h4{
  font-family:'Rye',serif;
  line-height:1.15;
}

a{
  color:inherit;
  text-decoration:none;
}

img{
  max-width:100%;
  display:block;
}

.container{
  max-width:1160px;
  margin:0 auto;
  padding:0 24px;
  position:relative;
  z-index:1;
}

.section{
  padding:88px 0;
  position:relative;
}

.section::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.015), rgba(255,255,255,0));
  opacity:.45;
}

.section-label{
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:0.14em;
  color:var(--orange-light);
  margin-bottom:10px;
}

.section-title{
  font-size:clamp(28px, 3.8vw, 44px);
  margin-bottom:14px;
  color:var(--cream);
  text-shadow:0 2px 12px rgba(0,0,0,0.35);
}

.section-sub{
  font-size:17px;
  color:var(--muted);
  max-width:620px;
  line-height:1.75;
}

.section-header{
  text-align:center;
  margin-bottom:56px;
}

.section-header .section-sub{
  margin:0 auto;
}

/* NAV */
nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:100;
  background:rgba(10,14,19,0.78);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,0.08);
  box-shadow:0 10px 30px rgba(0,0,0,0.28);
}

.nav-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 24px;
  max-width:1160px;
  margin:0 auto;
}

.nav-logo img{
  height:46px;
  width:auto;
  filter:drop-shadow(0 4px 16px rgba(0,0,0,0.45));
}

.nav-links{
  display:flex;
  align-items:center;
  gap:4px;
  list-style:none;
}

.nav-links a{
  font-size:14px;
  font-weight:800;
  color:var(--muted);
  padding:8px 14px;
  border-radius:10px;
  transition:background .18s ease,color .18s ease, transform .18s ease;
}

.nav-links a:hover{
  background:rgba(255,255,255,0.06);
  color:var(--cream);
  transform:translateY(-1px);
}

.hamburger{
  display:none;
  background:none;
  border:none;
  cursor:pointer;
  padding:4px;
}

.hamburger span{
  display:block;
  width:24px;
  height:2px;
  background:var(--cream);
  margin:5px 0;
  border-radius:2px;
}

/* BUTTONS */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 26px;
  border-radius:12px;
  font-family:'Nunito',sans-serif;
  font-weight:900;
  font-size:16px;
  cursor:pointer;
  border:1px solid transparent;
  text-decoration:none;
  transition:transform .14s ease, filter .18s ease, box-shadow .18s ease, border-color .18s ease;
  letter-spacing:0.02em;
}

.btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
}

.btn:active{
  transform:translateY(0);
  filter:brightness(.97);
}

.btn-green{
  color:#ffffff;
  background:linear-gradient(180deg, #78e26b 0%, #4fbe4f 100%);
  border-color:rgba(255,255,255,0.12);
  box-shadow:0 12px 28px rgba(78,190,79,0.32);
}

.btn-orange{
  color:#fff;
  background:linear-gradient(180deg, #f6a64b 0%, #df7a16 100%);
  border-color:rgba(255,255,255,0.10);
  box-shadow:0 12px 28px rgba(223,122,22,0.26);
}

.btn-dark{
  color:var(--cream);
  background:linear-gradient(180deg, rgba(37,47,59,0.98) 0%, rgba(22,29,38,0.98) 100%);
  border-color:rgba(255,255,255,0.10);
  box-shadow:0 12px 28px rgba(0,0,0,0.24);
}

.btn-dark:hover{
  border-color:rgba(255,208,138,0.28);
}

/* HERO */
.hero{
  min-height:100vh;
  display:flex;
  align-items:center;
  padding-top:88px;
  position:relative;
  overflow:hidden;
}

.hero-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 42% 40% at 72% 45%, rgba(222,122,31,0.14) 0%, transparent 70%),
    radial-gradient(ellipse 30% 26% at 24% 72%, rgba(99,212,99,0.06) 0%, transparent 65%),
    radial-gradient(ellipse 20% 20% at 84% 18%, rgba(224,180,74,0.06) 0%, transparent 60%);
}

.hero-content{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:56px;
  align-items:center;
  width:100%;
  position:relative;
  z-index:1;
}

.hero-logo{
  width:260px;
  max-width:100%;
  margin-bottom:22px;
  filter:
    drop-shadow(0 8px 30px rgba(0,0,0,0.45))
    drop-shadow(0 0 38px rgba(229,123,31,0.14));
  animation:logo-pulse 3.2s ease-in-out infinite;
}

@keyframes logo-pulse{
  0%,100%{
    filter:
      drop-shadow(0 8px 30px rgba(0,0,0,0.45))
      drop-shadow(0 0 24px rgba(229,123,31,0.10));
  }
  50%{
    filter:
      drop-shadow(0 8px 30px rgba(0,0,0,0.45))
      drop-shadow(0 0 44px rgba(229,123,31,0.22));
  }
}

.hero p.lead{
  font-size:18px;
  color:var(--muted);
  margin-bottom:30px;
  max-width:520px;
  line-height:1.8;
}

.hero-ctas{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:28px;
}

.hero-badges{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.badge{
  display:flex;
  align-items:center;
  gap:7px;
  background:rgba(255,255,255,0.045);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:999px;
  padding:8px 14px;
  font-size:13px;
  font-weight:800;
  color:var(--cream);
  backdrop-filter:blur(8px);
}

/* GAME SCENE */
.game-scene{
  position:relative;
  width:100%;
  max-width:520px;
  margin:0 auto;
}

.game-frame{
  background:
    linear-gradient(180deg, rgba(72,49,25,0.96) 0%, rgba(38,28,17,0.98) 100%);
  border:1px solid rgba(255,208,138,0.18);
  border-radius:24px;
  padding:14px;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.03),
    0 28px 70px rgba(0,0,0,0.42),
    inset 0 1px 0 rgba(255,255,255,0.06);
  animation:scene-float 5s ease-in-out infinite;
  position:relative;
}

@keyframes scene-float{
  0%,100%{ transform:translateY(0) rotate(-0.35deg); }
  50%{ transform:translateY(-9px) rotate(0.35deg); }
}

.game-frame::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:24px;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04);
}

.game-screen{
  background:linear-gradient(180deg,#1a2028 0%, #121821 100%);
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.06);
}

.gs-header{
  background:linear-gradient(180deg,#2a3440 0%, #1d252f 100%);
  border-bottom:1px solid rgba(255,255,255,0.08);
  padding:8px 11px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.gs-title{
  font-family:'Rye',serif;
  font-size:13px;
  color:var(--cream);
  text-shadow:0 2px 8px rgba(0,0,0,0.45);
}

.gs-currencies{
  display:flex;
  gap:8px;
  align-items:center;
}

.gs-curr{
  display:flex;
  align-items:center;
  gap:4px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:8px;
  padding:3px 7px;
  font-size:11px;
  font-weight:800;
}

.gs-curr-hay{ color:var(--hay); }
.gs-curr-crystal{ color:var(--crystal); }
.gs-curr-dkv{ color:var(--dkv); }

.gs-curr-img{
  width:14px;
  height:14px;
  object-fit:contain;
  border-radius:50%;
}

.gs-body{
  padding:8px;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.biz-row{
  background:linear-gradient(180deg, rgba(38,46,58,0.92) 0%, rgba(26,33,43,0.96) 100%);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:10px;
  padding:8px 9px;
  display:flex;
  align-items:center;
  gap:8px;
  position:relative;
  overflow:hidden;
  transition:border-color .2s ease, transform .2s ease, background .2s ease;
}

.biz-row:hover{
  border-color:rgba(229,185,79,0.30);
  transform:translateY(-1px);
}

.biz-row-icon{
  width:34px;
  height:34px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.biz-row-icon img{
  width:32px;
  height:32px;
  object-fit:contain;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,0.45));
}

.biz-row-body{
  flex:1;
  min-width:0;
}

.biz-row-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:4px;
}

.biz-row-name{
  font-size:11px;
  font-weight:800;
  color:var(--cream);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.biz-row-earn{
  font-size:10px;
  font-weight:900;
  color:var(--hay);
  white-space:nowrap;
  flex-shrink:0;
}

.biz-bar-bg{
  height:6px;
  background:rgba(0,0,0,0.35);
  border-radius:999px;
  overflow:hidden;
}

.biz-bar-fill{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--orange) 0%, var(--hay) 100%);
  box-shadow:0 0 10px rgba(229,185,79,0.28);
  position:relative;
  overflow:hidden;
}

.biz-bar-fill::after{
  content:'';
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.34), transparent);
  animation:bar-shimmer 1.5s ease-in-out infinite;
}

@keyframes bar-shimmer{
  from{ left:-100%; }
  to{ left:200%; }
}

.biz-manager{
  width:32px;
  height:32px;
  border-radius:50%;
  overflow:hidden;
  flex-shrink:0;
  border:2px solid rgba(255,255,255,0.12);
  background:#0a0f15;
}

.biz-manager img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}

.earn-particle{
  position:absolute;
  pointer-events:none;
  font-size:12px;
  font-weight:900;
  color:var(--hay);
  font-family:'Nunito',sans-serif;
  text-shadow:0 1px 4px rgba(0,0,0,0.9);
  animation:earn-float 2s ease-out forwards;
  z-index:10;
  white-space:nowrap;
}

@keyframes earn-float{
  0%{ opacity:1; transform:translateY(0); }
  100%{ opacity:0; transform:translateY(-55px); }
}

.dkv-coin-float{
  position:absolute;
  right:-38px;
  top:18%;
  width:72px;
  height:72px;
  animation:dkv-bob 3.5s ease-in-out infinite;
  filter:drop-shadow(0 6px 18px rgba(47,211,181,0.30));
  z-index:5;
  border-radius:50%;
}

@keyframes dkv-bob{
  0%,100%{ top:16%; transform:rotate(-3deg); }
  50%{ top:22%; transform:rotate(3deg); }
}

.manager-bubble{
  position:absolute;
  width:50px;
  height:50px;
  border-radius:50%;
  overflow:hidden;
  border:2px solid rgba(255,255,255,0.12);
  background:#0a0f15;
  box-shadow:0 8px 18px rgba(0,0,0,0.34);
  z-index:4;
}

.manager-bubble img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}

.mb-1{ left:-28px; top:12%; animation:mb-float1 4s ease-in-out infinite; }
.mb-2{ left:-35px; top:55%; animation:mb-float2 5s ease-in-out infinite; }
.mb-3{ right:-28px; bottom:15%; animation:mb-float3 4.5s ease-in-out infinite; }

@keyframes mb-float1{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-8px); }
}
@keyframes mb-float2{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(8px); }
}
@keyframes mb-float3{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-6px); }
}

/* BIZ STRIP */
.biz-strip{
  padding:24px 0;
  background:linear-gradient(180deg, rgba(17,23,30,0.96), rgba(12,17,23,0.96));
  border-top:1px solid rgba(255,255,255,0.08);
  border-bottom:1px solid rgba(255,255,255,0.08);
  overflow:hidden;
}

.biz-strip-track{
  display:flex;
  gap:12px;
  align-items:center;
  animation:scroll-biz 32s linear infinite;
  width:max-content;
}

.biz-strip-track:hover{
  animation-play-state:paused;
}

@keyframes scroll-biz{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

.biz-chip{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  background:linear-gradient(180deg, rgba(32,40,50,0.95), rgba(20,26,34,0.95));
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:11px 13px;
  flex-shrink:0;
  min-width:84px;
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
  box-shadow:0 10px 24px rgba(0,0,0,0.16);
}

.biz-chip:hover{
  border-color:rgba(229,185,79,0.30);
  transform:translateY(-3px);
  box-shadow:0 16px 36px rgba(0,0,0,0.24);
}

.biz-chip img{
  width:46px;
  height:46px;
  object-fit:contain;
  image-rendering:crisp-edges;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,0.35));
}

.biz-chip-name{
  font-size:10px;
  font-weight:800;
  color:var(--muted);
  white-space:nowrap;
}

.biz-chip-icon{
  font-size:36px;
  line-height:1;
}

/* HOW IT WORKS */
.how-bg{
  background:linear-gradient(180deg, rgba(255,255,255,0.015), rgba(255,255,255,0));
}

.steps-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.step-card{
  background:linear-gradient(180deg, rgba(43,36,29,0.95) 0%, rgba(27,22,18,0.98) 100%);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--radius-lg);
  padding:28px 22px;
  box-shadow:var(--shadow);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.step-card:hover{
  transform:translateY(-4px);
  border-color:rgba(240,165,72,0.30);
  box-shadow:var(--shadow-strong);
}

.step-num{
  font-family:'Rye',serif;
  font-size:42px;
  color:rgba(229,185,79,0.18);
  line-height:1;
  margin-bottom:10px;
}

.step-card h3{
  color:var(--cream);
  font-size:17px;
  margin-bottom:8px;
}

.step-card p{
  color:var(--muted);
  font-size:14px;
  line-height:1.7;
}

/* CURRENCIES */
.currencies-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.currency-card{
  border-radius:var(--radius-lg);
  padding:30px 22px;
  border:1px solid rgba(255,255,255,0.10);
  box-shadow:var(--shadow);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  position:relative;
  overflow:hidden;
}

.currency-card::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0));
}

.currency-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-strong);
}

.hay-card{
  background:linear-gradient(135deg, rgba(73,55,24,0.96), rgba(34,28,18,0.98));
  border-color:rgba(229,185,79,0.34);
}

.crystal-card{
  background:linear-gradient(135deg, rgba(22,44,67,0.96), rgba(16,27,45,0.98));
  border-color:rgba(114,207,255,0.34);
}

.dkv-card{
  background:linear-gradient(135deg, rgba(61,47,18,0.96), rgba(28,22,12,0.98));
  border-color:rgba(215,179,90,0.34);
}

.curr-icon{
  margin-bottom:12px;
}

.curr-icon img{
  width:52px;
  height:52px;
  object-fit:contain;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,0.35));
}

.currency-card h3{
  font-size:22px;
  margin-bottom:10px;
  position:relative;
  z-index:1;
}

.hay-card h3{ color:var(--hay); }
.crystal-card h3{ color:var(--crystal); }
.dkv-card h3{
  color:var(--dkv);
}

.currency-card p{
  font-size:14px;
  color:var(--muted);
  line-height:1.72;
  position:relative;
  z-index:1;
}

.currency-pill{
  display:inline-block;
  margin-top:14px;
  padding:5px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:0.05em;
  position:relative;
  z-index:1;
}

.hay-pill{
  background:rgba(229,185,79,0.12);
  color:var(--hay);
  border:1px solid rgba(229,185,79,0.24);
}
.crystal-pill{
  background:rgba(114,207,255,0.12);
  color:var(--crystal);
  border:1px solid rgba(114,207,255,0.24);
}
.dkv-pill{
  background:rgba(47,211,181,0.12);
  color:var(--dkv);
  border:1px solid rgba(47,211,181,0.24);
}

/* NFT */
#nft{
  background:
    radial-gradient(circle at 80% 20%, rgba(47,211,181,0.06), transparent 22%),
    radial-gradient(circle at 15% 80%, rgba(114,207,255,0.05), transparent 24%);
}

.nft-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:56px;
  align-items:center;
}

.nft-showcase{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.nft-card{
  background:#0f141b;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.08);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
  cursor:pointer;
  box-shadow:0 14px 34px rgba(0,0,0,0.24);
}

.nft-card:hover{
  transform:scale(1.03) translateY(-4px);
  border-color:rgba(47,211,181,0.34);
  box-shadow:0 22px 46px rgba(0,0,0,0.32), 0 0 26px rgba(47,211,181,0.10);
}

.nft-card img{
  width:100%;
  aspect-ratio:1;
  object-fit:cover;
  display:block;
}

.nft-label{
  padding:8px 10px;
  background:rgba(255,255,255,0.03);
  font-size:10px;
  font-weight:800;
  color:var(--muted);
  text-align:center;
}

.nft-more{
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio:1;
  flex-direction:column;
  gap:6px;
}

.nft-more span{
  font-size:36px;
  color:rgba(47,211,181,0.35);
}

.nft-more small{
  font-size:10px;
  font-weight:800;
  color:rgba(244,239,227,0.45);
}

.nft-content h2{
  margin-bottom:14px;
}

.nft-content p{
  font-size:15px;
  color:var(--muted);
  margin-bottom:16px;
  line-height:1.75;
}

.bonus-chips{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:26px;
}

.bonus-chip{
  display:flex;
  align-items:center;
  gap:7px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(47,211,181,0.18);
  border-radius:10px;
  padding:8px 13px;
  font-size:13px;
  font-weight:800;
  color:var(--cream);
}

.cta-pair{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

/* MANAGERS */
.managers-section{
  padding:68px 0;
  background:linear-gradient(180deg, rgba(255,255,255,0.018), rgba(255,255,255,0));
}

.managers-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
  max-width:760px;
  margin:40px auto 0;
}

.mgr-card{
  background:linear-gradient(180deg, rgba(42,35,29,0.95) 0%, rgba(24,20,17,0.98) 100%);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;
  text-align:center;
  padding:16px 10px 14px;
  box-shadow:var(--shadow);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
  cursor:pointer;
}

.mgr-card:hover{
  transform:translateY(-5px);
  border-color:rgba(239,95,95,0.24);
  box-shadow:var(--shadow-strong);
}

.mgr-avatar{
  width:72px;
  height:72px;
  border-radius:50%;
  overflow:hidden;
  border:2px solid rgba(255,255,255,0.10);
  margin:0 auto 10px;
  background:#0a0f15;
}

.mgr-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}

.mgr-tier{
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:0.06em;
  margin-bottom:4px;
}

.tier-regular{
  color:rgba(255,255,255,0.52);
}

.mgr-skim{
  font-size:12px;
  font-weight:800;
  color:var(--muted);
}

.skim-red{
  color:var(--danger);
  font-weight:900;
}

.mgr-note{
  text-align:center;
  margin-top:20px;
  font-size:13px;
  color:var(--muted-2);
  font-weight:700;
}

/* PRESTIGE */
#prestige{
  background:
    radial-gradient(circle at 20% 30%, rgba(114,207,255,0.05), transparent 26%),
    radial-gradient(circle at 80% 70%, rgba(229,123,31,0.05), transparent 24%);
}

.prestige-loop{
  display:flex;
  align-items:center;
  max-width:860px;
  width:100%;
  margin:0 auto;
}

.prestige-node{
  flex:1;
  text-align:center;
  padding:24px 14px;
  background:linear-gradient(180deg, rgba(39,32,27,0.95) 0%, rgba(22,18,15,0.98) 100%);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
  transition:transform .2s ease, border-color .2s ease;
}

.prestige-node:hover{
  transform:translateY(-4px);
  border-color:rgba(224,180,74,0.24);
}

.prestige-node .p-icon{
  font-size:30px;
  margin-bottom:8px;
}

.prestige-node h4{
  font-size:14px;
  color:var(--cream);
  margin-bottom:5px;
}

.prestige-node p{
  font-size:12px;
  color:var(--muted);
}

.prestige-arrow{
  font-size:22px;
  color:var(--crystal);
  padding:0 8px;
  flex-shrink:0;
  opacity:.85;
}

.keeps-label{
  text-align:center;
  margin:44px 0 18px;
  font-size:15px;
  color:var(--muted-2);
  font-weight:800;
}

.prestige-keeps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  max-width:860px;
  margin:0 auto;
}

.keep-item{
  background:linear-gradient(180deg, rgba(38,31,26,0.95) 0%, rgba(21,17,14,0.98) 100%);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--radius);
  padding:15px 14px;
  text-align:center;
  font-size:13px;
  font-weight:800;
  color:var(--cream);
  box-shadow:var(--shadow);
}

.keep-icon{
  font-size:24px;
  margin-bottom:7px;
}

/* TESTIMONIALS */
.testi-section{
  background:linear-gradient(180deg, rgba(255,255,255,0.015), rgba(255,255,255,0));
}

.testimonials-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.testi-card{
  background:linear-gradient(180deg, rgba(41,34,28,0.95) 0%, rgba(22,18,15,0.98) 100%);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--radius-lg);
  padding:22px 18px;
  box-shadow:var(--shadow);
}

.testi-stars{
  color:var(--hay);
  font-size:14px;
  margin-bottom:10px;
  letter-spacing:2px;
}

.testi-quote{
  font-size:14px;
  color:var(--muted);
  line-height:1.75;
  margin-bottom:16px;
  font-style:italic;
}

.testi-author{
  display:flex;
  align-items:center;
  gap:10px;
}

.testi-avatar{
  width:36px;
  height:36px;
  border-radius:50%;
  overflow:hidden;
  border:2px solid rgba(255,255,255,0.10);
  background:#0a0f15;
  flex-shrink:0;
}

.testi-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.testi-name{
  font-size:13px;
  font-weight:900;
  color:var(--cream);
}

.testi-sub{
  font-size:11px;
  color:var(--muted-2);
}

/* CTA */
.cta-band{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 35%, rgba(229,123,31,0.10), transparent 22%),
    radial-gradient(circle at 82% 40%, rgba(47,211,181,0.08), transparent 22%),
    linear-gradient(180deg, #111820 0%, #0e1319 100%);
  border-top:1px solid rgba(255,255,255,0.08);
  border-bottom:1px solid rgba(255,255,255,0.08);
  padding:88px 0;
  text-align:center;
}

.cta-band::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0));
}

.cta-band h2{
  color:var(--cream);
  margin-bottom:12px;
  font-size:clamp(28px,4vw,42px);
  position:relative;
  z-index:1;
}

.cta-band p{
  color:var(--muted);
  font-size:17px;
  margin-bottom:34px;
  position:relative;
  z-index:1;
}

.store-btns{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  position:relative;
  z-index:1;
}

.store-btn{
  display:flex;
  align-items:center;
  gap:12px;
  background:linear-gradient(180deg, rgba(43,35,29,0.96), rgba(24,20,17,0.98));
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:15px 22px;
  color:var(--cream);
  font-weight:800;
  font-size:15px;
  box-shadow:var(--shadow);
  transition:border-color .2s ease, transform .15s ease, box-shadow .2s ease;
}

.store-btn:hover{
  border-color:rgba(255,208,138,0.24);
  transform:translateY(-2px);
  box-shadow:var(--shadow-strong);
}

.store-icon{
  font-size:26px;
}

.store-sub{
  font-size:10px;
  opacity:0.62;
  display:block;
  font-weight:700;
  color:var(--muted);
}

/* FAQ */
.faq-list{
  max-width:760px;
  margin:44px auto 0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.faq-item{
  background:linear-gradient(180deg, rgba(40,33,28,0.95), rgba(21,17,14,0.98));
  border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow:var(--shadow);
}

.faq-item.open{
  border-color:rgba(240,165,72,0.22);
}

.faq-q{
  padding:18px 22px;
  font-size:15px;
  font-weight:900;
  color:var(--cream);
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  user-select:none;
  font-family:'Rye',serif;
}

.faq-q::after{
  content:'+';
  font-size:22px;
  color:rgba(255,255,255,0.42);
  flex-shrink:0;
  font-family:'Nunito',sans-serif;
  transition:transform .2s ease;
}

.faq-item.open .faq-q::after{
  transform:rotate(45deg);
}

.faq-a{
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease;
}

.faq-a-inner{
  padding:16px 22px 20px;
  font-size:15px;
  color:var(--muted);
  line-height:1.8;
  border-top:1px solid rgba(255,255,255,0.06);
}

.faq-item.open .faq-a{
  max-height:400px;
}

/* FOOTER */
footer{
  background:linear-gradient(180deg, #0c1015 0%, #090d12 100%);
  border-top:1px solid rgba(255,255,255,0.08);
  padding:56px 0 28px;
  position:relative;
}

footer::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0));
}

.footer-inner{
  position:relative;
  z-index:1;
}

.footer-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:40px;
  margin-bottom:44px;
}

.footer-logo img{
  height:80px;
  width:auto;
  filter:drop-shadow(0 4px 18px rgba(0,0,0,0.35));
  margin-bottom:12px;
}

.footer-tagline{
  font-size:13px;
  color:var(--muted);
  line-height:1.7;
  max-width:280px;
}

.footer-social{
  display:flex;
  gap:9px;
  margin-top:16px;
}

.social-btn{
  width:36px;
  height:36px;
  border-radius:50%;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  transition:background .15s ease, transform .15s ease, border-color .15s ease;
}

.social-btn:hover{
  background:rgba(255,255,255,0.08);
  border-color:rgba(255,208,138,0.24);
  transform:translateY(-2px);
}

.footer-col h4{
  font-size:11px;
  color:var(--orange-pale);
  text-transform:uppercase;
  letter-spacing:0.08em;
  margin-bottom:13px;
}

.footer-col ul{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.footer-col ul li a{
  font-size:13px;
  color:var(--muted);
  transition:opacity .15s ease,color .15s ease;
}

.footer-col ul li a:hover{
  color:var(--cream);
}

.footer-bottom{
  border-top:1px solid rgba(255,255,255,0.06);
  padding-top:22px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

.footer-bottom p{
  font-size:12px;
  color:var(--muted-2);
}

.footer-disclaimer{
  font-size:11px;
  color:var(--muted-2);
  margin-top:10px;
  text-align:center;
}

/* SCROLL REVEAL */
.reveal{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .55s ease, transform .55s ease;
}

.revealed{
  opacity:1;
  transform:translateY(0);
}

/* RESPONSIVE */
@media (max-width: 900px){
  .nav-links{
    display:none;
  }

  .hamburger{
    display:block;
  }

  .nav-links.open{
    display:flex;
    flex-direction:column;
    position:fixed;
    top:66px;
    left:0;
    right:0;
    padding:18px 24px 24px;
    background:rgba(10,14,19,0.96);
    border-bottom:1px solid rgba(255,255,255,0.08);
    gap:8px;
    box-shadow:0 20px 40px rgba(0,0,0,0.28);
  }

  .nav-links.open li{
    width:100%;
  }

  .nav-links.open a{
    width:100%;
    display:block;
    padding:12px 14px;
    background:rgba(255,255,255,0.03);
    border-radius:12px;
  }

  .hero-content,
  .nft-grid,
  .currencies-grid,
  .testimonials-grid,
  .steps-grid{
    grid-template-columns:1fr;
  }

  .hero{
    padding-top:110px;
    min-height:auto;
    padding-bottom:50px;
  }

  .hero-text{
    text-align:center;
  }

  .hero-logo{
    margin:0 auto 22px;
  }

  .hero p.lead{
    margin-left:auto;
    margin-right:auto;
  }

  .hero-ctas,
  .hero-badges{
    justify-content:center;
  }

  .managers-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .prestige-loop{
    flex-direction:column;
    gap:12px;
  }

  .prestige-arrow{
    transform:rotate(90deg);
    padding:0;
  }

  .prestige-keeps{
    grid-template-columns:repeat(2,1fr);
  }

  .footer-grid{
    grid-template-columns:1fr 1fr;
    gap:28px;
  }
}

@media (max-width: 640px){
  .container{
    padding:0 18px;
  }

  .section{
    padding:74px 0;
  }

  .nav-inner{
    padding:10px 18px;
  }

  .hero-content{
    gap:36px;
  }

  .hero-logo{
    width:220px;
  }

  .btn{
    width:100%;
  }

  .hero-ctas{
    flex-direction:column;
    align-items:stretch;
  }

  .game-scene{
    max-width:100%;
  }

  .manager-bubble{
    width:42px;
    height:42px;
  }

  .dkv-coin-float{
    width:58px;
    height:58px;
    right:-14px;
  }

  .nft-showcase{
    grid-template-columns:repeat(2,1fr);
  }

  .managers-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .store-btns{
    flex-direction:column;
    align-items:stretch;
  }

  .store-btn{
    width:100%;
    justify-content:center;
  }

  .footer-grid{
    grid-template-columns:1fr;
  }

  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
  }

  .faq-q,
  .faq-a-inner{
    padding-left:18px;
    padding-right:18px;
  }
}

@media (max-width: 480px){
  .gs-header{
    flex-direction:column;
    gap:8px;
    align-items:flex-start;
  }

  .gs-currencies{
    flex-wrap:wrap;
  }

  .biz-row-top{
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
  }

  .biz-row-earn{
    margin-left:0;
  }

  .prestige-keeps{
    grid-template-columns:1fr;
  }

  .badge{
    width:100%;
    justify-content:center;
  }
}

/* ═══════════════════════════════════════════════════════
   BLING EFFECTS — all 5 added below, nothing above changed
   ═══════════════════════════════════════════════════════ */

/* ── 1. GOLD SPARKLE PARTICLES (canvas overlay, JS-driven) ── */
#sparkle-canvas{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:2;
  opacity:1;
}

/* ── 2. SECTION DIVIDER SHINE SWEEP ── */
.section-divider{
  position:relative;
  height:2px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(229,185,79,0.0) 10%,
    rgba(229,185,79,0.55) 50%,
    rgba(229,185,79,0.0) 90%,
    transparent 100%
  );
  margin:0;
  overflow:hidden;
}

.section-divider::after{
  content:'';
  position:absolute;
  top:0;
  left:-60%;
  width:60%;
  height:100%;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,0.9) 40%,
    rgba(255,240,180,1) 50%,
    rgba(255,255,255,0.9) 60%,
    transparent 100%
  );
  animation:divider-shine 4s ease-in-out infinite;
}

@keyframes divider-shine{
  0%   { left:-60%; opacity:0; }
  10%  { opacity:1; }
  100% { left:110%; opacity:0; }
}

/* ── 3. DKV COIN — Y-AXIS SPIN + LENS FLARE ── */
/* Replace existing dkv-bob with upgraded version */
.dkv-coin-float{
  animation:dkv-spin-bob 6s ease-in-out infinite !important;
  transform-style:preserve-3d;
}

@keyframes dkv-spin-bob{
  0%   { top:16%; transform:rotateY(0deg)   rotate(-3deg); filter:drop-shadow(0 6px 18px rgba(200,168,48,0.40)); }
  20%  { top:17%; transform:rotateY(72deg)  rotate(-1deg); filter:drop-shadow(0 6px 18px rgba(200,168,48,0.40)); }
  25%  {          transform:rotateY(90deg)  rotate(0deg);  filter:drop-shadow(0 4px 8px  rgba(200,168,48,0.10)) brightness(1.6); }
  30%  { top:18%; transform:rotateY(108deg) rotate(1deg);  filter:drop-shadow(0 6px 18px rgba(200,168,48,0.40)); }
  50%  { top:22%; transform:rotateY(180deg) rotate(3deg);  filter:drop-shadow(0 6px 18px rgba(200,168,48,0.40)); }
  75%  {          transform:rotateY(270deg) rotate(0deg);  filter:drop-shadow(0 4px 8px  rgba(200,168,48,0.10)) brightness(1.6); }
  100% { top:16%; transform:rotateY(360deg) rotate(-3deg); filter:drop-shadow(0 6px 18px rgba(200,168,48,0.40)); }
}

/* ── 4. SECTION TITLE GOLD SHIMMER SWEEP ── */
.section-title{
  background:linear-gradient(
    90deg,
    var(--cream)   0%,
    var(--cream)   38%,
    #ffe58a        46%,
    #fff9e0        50%,
    #ffe58a        54%,
    var(--cream)   62%,
    var(--cream)   100%
  );
  background-size:200% auto;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  animation:title-shimmer 5s linear infinite;
}

@keyframes title-shimmer{
  0%  { background-position:200% center; }
  100%{ background-position:-200% center; }
}

/* Pause shimmer on headings inside cards on hover for readability */
.step-card:hover .section-title,
.testi-card:hover .section-title{
  animation-play-state:paused;
}

/* ── 5. NFT CARD HOLOGRAPHIC HOVER ── */
.nft-card{
  position:relative;
  isolation:isolate;
}

.nft-card::before{
  content:'';
  position:absolute;
  inset:0;
  border-radius:16px;
  opacity:0;
  background:linear-gradient(
    115deg,
    transparent       20%,
    rgba(255,0,128,0.12)   25%,
    rgba(255,165,0,0.12)   30%,
    rgba(255,255,0,0.10)   35%,
    rgba(0,255,128,0.10)   40%,
    rgba(0,200,255,0.12)   45%,
    rgba(128,0,255,0.12)   50%,
    transparent       55%
  );
  background-size:200% 200%;
  transition:opacity .3s ease;
  pointer-events:none;
  z-index:1;
  mix-blend-mode:screen;
}

.nft-card:hover::before{
  opacity:1;
  animation:holo-shift 1.8s linear infinite;
}

@keyframes holo-shift{
  0%   { background-position:0%   50%; }
  50%  { background-position:100% 50%; }
  100% { background-position:0%   50%; }
}

/* Holo shimmer sweep on top of the card */
.nft-card::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:16px;
  opacity:0;
  background:linear-gradient(
    135deg,
    transparent 30%,
    rgba(255,255,255,0.18) 50%,
    transparent 70%
  );
  background-size:200% 200%;
  pointer-events:none;
  z-index:2;
  transition:opacity .3s ease;
}

.nft-card:hover::after{
  opacity:1;
  animation:holo-gloss 1.4s ease-in-out infinite;
}

@keyframes holo-gloss{
  0%   { background-position:0% 0%; }
  100% { background-position:200% 200%; }
}

/* ── SECTION DIVIDER placement helper ── */
/* Already inserted via JS — no extra CSS needed */

/* ── REDUCED MOTION: respect user preference ── */
@media (prefers-reduced-motion: reduce){
  #sparkle-canvas{ display:none; }
  .section-divider::after{ animation:none; }
  .dkv-coin-float{ animation:dkv-bob 3.5s ease-in-out infinite !important; }
  .section-title{
    animation:none;
    background:none;
    -webkit-text-fill-color:var(--cream);
    color:var(--cream);
  }
  .nft-card:hover::before,
  .nft-card:hover::after{ animation:none; }
}