/* ==========================================================================
   LUCKYCARDSPIN — HOME PAGE STYLES
   ========================================================================== */

/* ---------------------------------------------------------------------- *
 * HERO
 * ---------------------------------------------------------------------- */
.hero{
  position:relative;
  min-height: 100svh;
  display:flex;
  align-items:center;
  /*padding-top: calc(var(--nav-h) + 2.5rem);*/
  padding-top:90px;
  padding-bottom: 4rem;
  isolation:isolate;
}
.hero__bg{
  position:absolute; inset:0; z-index:0;
  background:
    radial-gradient(42rem 32rem at 82% 0%, rgba(37,99,235,0.24), transparent 58%),
    radial-gradient(30rem 24rem at 10% 88%, rgba(56,189,248,0.18), transparent 62%),
    linear-gradient(135deg, #030816 0%, #071423 44%, #050B1A 100%);
}
.hero .grain{ z-index:1; }
.hero__glow{
  position:absolute;
  top:8%; right:-6%;
  width:min(60vw,780px); height:min(60vw,780px);
  z-index:1;
  pointer-events:none;
}
.hero__inner{
  position:relative; z-index:2;
  display:grid;
  grid-template-columns: minmax(0,1.02fr) minmax(0,0.98fr);
  align-items:center;
  gap: clamp(2rem, 4vw, 4rem);
}
.hero__content{ max-width: 640px; }
.hero__title{
  font-size: var(--fs-hero);
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  text-shadow: 0 10px 40px rgba(37,99,235,0.18);
}
.hero__sub{
  font-size: var(--fs-md);
  color: var(--muted);
  max-width: 46ch;
  margin-bottom: 20px;
}
.hero__actions{ display:flex; flex-wrap:wrap; gap: var(--sp-4); margin-bottom: var(--sp-7); }
.hero__art{ position:relative; }
.hero__art-img{ width:100%; height:auto; filter: drop-shadow(0 40px 60px rgba(0,0,0,0.55)); }

.hero__scroll{
  position:absolute; left:50%; bottom: 2.2rem; transform:translateX(-50%);
  z-index:2;
  display:flex; flex-direction:column; align-items:center; gap:0.6rem;
  color: var(--muted);
}
.hero__scroll-track{
  width:1px; height:44px;
  background: var(--line-soft);
  position:relative; overflow:hidden;
}
.hero__scroll-dot{
  position:absolute; left:-1.5px; top:0;
  width:4px; height:4px; border-radius:50%;
  background: var(--gold);
  animation: scroll-dot 2.1s ease-in-out infinite;
}
@keyframes scroll-dot{ 0%{ top:-6px; opacity:0; } 20%{ opacity:1; } 90%{ opacity:1; } 100%{ top:44px; opacity:0; } }
.hero__scroll em{ font-family: var(--font-mono); font-style:normal; font-size:0.62rem; letter-spacing:0.3em; text-transform:uppercase; }

/* ---------------------------------------------------------------------- *
 * WIN TICKER
 * ---------------------------------------------------------------------- */
.ticker-strip{
  background: var(--ink-2);
  border-block: 1px solid var(--line-soft);
  padding-block: 1.1rem;
}
.ticker-item{
  display:inline-flex; align-items:center; gap:0.6rem;
  font-family: var(--font-mono);
  font-size: var(--fs-sm);
  color: var(--muted);
  white-space:nowrap;
}
.ticker-item svg{ width:15px; height:15px; color: var(--gold); flex-shrink:0; }
.ticker-item strong{ color: var(--gold); font-weight:600; }

/* ---------------------------------------------------------------------- *
 * WHY CHOOSE
 * ---------------------------------------------------------------------- */
.why__grid{
  display:grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: clamp(2.5rem, 5vw, 5rem);
  align-items:start;
}
.why__intro{ position:sticky; top: calc(var(--nav-h) + 2rem); }
.why__intro h2{ font-size: var(--fs-2xl); margin-top:0.5em; margin-bottom:0.7em; }
.why__intro p{ margin-bottom: var(--sp-6); font-size: var(--fs-md); }

.why__list{ display:flex; flex-direction:column; }
.why__item{
  display:grid;
  grid-template-columns: 58px 1fr;
  gap: var(--sp-5);
  padding-block: var(--sp-6);
  border-bottom: 1px solid var(--line-soft);
}
.why__item:first-child{ padding-top:0; }
.why__item .icon-tile{ margin-bottom:0; }
.why__item h3{ font-size: var(--fs-lg); margin-bottom:0.4em; }
.why__item p{ font-size: var(--fs-base); max-width:52ch; }

/* ---------------------------------------------------------------------- *
 * POPULAR GAMES
 * ---------------------------------------------------------------------- */
.games-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-5);
}
.game-card{
  position:relative;
  overflow:hidden;
  padding: var(--sp-6);
  min-height: 240px;
  display:flex; flex-direction:column;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255,255,255,0.1);
  background: linear-gradient(155deg, color-mix(in srgb, var(--gc1) 72%, #071423) 0%, var(--gc2) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 40px rgba(4,2,10,0.28);
  transition: transform var(--dur-base) var(--ease-premium), box-shadow var(--dur-base), border-color var(--dur-base);
}
.game-card:hover{ transform: translateY(-8px); box-shadow: 0 24px 54px rgba(4,2,10,0.36); border-color: rgba(255,184,0,0.24); }
.game-card__suit{
  position:absolute; right: -0.35em; top:-0.28em;
  font-size:7.5rem; line-height:1;
  color: rgba(246,239,227,0.09);
  font-family: var(--font-display);
  pointer-events:none;
}
.game-card .badge{ align-self:flex-start; margin-bottom: auto; }
.game-card h3{ font-size: var(--fs-lg); margin-top: var(--sp-6); margin-bottom:0.35em; }
.game-card p{ font-size: var(--fs-sm); max-width:26ch; margin-bottom: var(--sp-5); }
.game-card__meta{
  display:flex; align-items:center; gap:0.5rem;
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  color: var(--gold-soft);
  margin-top:auto;
}
.game-card__meta svg{ width:14px; height:14px; }

/* ---------------------------------------------------------------------- *
 * OFFERS SLIDER
 * ---------------------------------------------------------------------- */
.offers-slider{ position:relative; }
.offers-track{
  display:flex;
  transition: transform 0.65s var(--ease-premium);
  will-change: transform;
}
.offer-slide{
  position:relative;
  min-width:100%;
  aspect-ratio: 1920 / 551;
  overflow:hidden;
}
.offer-slide img{ width:100%; height:100%; object-fit:cover; }
.offer-slide figcaption{
  position:absolute; left:0; bottom:0; right:0;
  padding: clamp(1rem,3vw,2.2rem) clamp(1.25rem,5vw,4rem);
  background: linear-gradient(0deg, rgba(6,3,10,0.82) 0%, transparent 100%);
  font-family: var(--font-display);
  font-size: clamp(1.05rem, 0.9rem + 1vw, 1.6rem);
  color: var(--ivory);
  display:flex; flex-direction:column; gap:0.25rem;
}
.offer-slide figcaption span{
  font-family: var(--font-mono);
  font-size: var(--fs-xs);
  letter-spacing:0.2em;
  text-transform:uppercase;
  color: var(--gold);
}
.slider-arrow{
  position:absolute; top:50%; transform:translateY(-50%);
  width:52px; height:52px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background: rgba(11,7,16,0.55);
  border: 1px solid rgba(246,239,227,0.25);
  color: var(--ivory);
  backdrop-filter: blur(8px);
  z-index:3;
  transition: all var(--dur-fast);
}
.slider-arrow:hover{ background: var(--grad-gold); color:#1D1206; border-color:transparent; }
.slider-arrow.prev{ left: clamp(0.75rem, 3vw, 2.5rem); }
.slider-arrow.next{ right: clamp(0.75rem, 3vw, 2.5rem); }
.slider-dots{
  position:absolute; bottom: clamp(0.9rem,3vw,1.6rem); right: clamp(1.25rem,5vw,4rem);
  display:flex; gap:0.5rem; z-index:3;
}
.slider-dots .dot{
  width:9px; height:9px; border-radius:50%;
  background: rgba(246,239,227,0.35);
  transition: all var(--dur-fast);
  cursor:pointer;
}
.slider-dots .dot.is-active{ background: var(--gold); width:24px; border-radius:5px; }

/* ---------------------------------------------------------------------- *
 * FEATURES
 * ---------------------------------------------------------------------- */
.features-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-5);
}
.feature-card{ padding: var(--sp-6); }
.feature-card h3{ font-size: var(--fs-lg); margin-bottom:0.5em; }
.feature-card p{ font-size: var(--fs-sm); }

/* ---------------------------------------------------------------------- *
 * APP DOWNLOAD PROMO
 * ---------------------------------------------------------------------- */
.app-promo{ position:relative; background: var(--grad-royal); isolation:isolate; }
.app-promo__grid{
  display:grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items:center;
}
.app-promo__art{ position:relative; display:flex; justify-content:center; }

.app-promo__content h2{ font-size: var(--fs-2xl); margin-top:0.5em; margin-bottom:0.6em; }
.app-promo__content > p{ font-size: var(--fs-md); margin-bottom: var(--sp-6); max-width:48ch; }
.check-list{ display:flex; flex-direction:column; gap:0.9rem; margin-bottom: var(--sp-7); }
.check-list li{ display:flex; align-items:center; gap:0.7rem; font-size: var(--fs-base); color: var(--ivory); }
.check-list svg{ width:20px; height:20px; color: var(--gold); flex-shrink:0; }

/* ---------------------------------------------------------------------- *
 * STATS
 * ---------------------------------------------------------------------- */
.stats-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--sp-6);
}
.stat{ text-align:center; }
.stat__label{
  margin-top: var(--sp-5);
  font-size: var(--fs-sm);
  color: var(--muted);
  letter-spacing:0.01em;
}

/* ---------------------------------------------------------------------- *
 * WINNING EXPERIENCE
 * ---------------------------------------------------------------------- */
.winners__layout{
  display:grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: clamp(2rem, 5vw, 4rem);
  align-items:start;
}
.winners-list{ display:flex; flex-direction:column; gap: var(--sp-4); }
.winner-card{
  display:flex; align-items:center; gap: var(--sp-5);
  padding: var(--sp-5) var(--sp-6);
  border-radius: var(--radius-md);
}
.winner-card__avatar{
  width:52px; height:52px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family: var(--font-mono); font-weight:700; font-size: var(--fs-sm);
  background: linear-gradient(140deg, var(--amethyst), var(--amethyst-deep));
  color: var(--ivory);
  flex-shrink:0;
}
.winner-card__info{ flex:1; min-width:0; }
.winner-card__info h3{ font-size: var(--fs-base); font-family: var(--font-body); font-weight:700; }
.winner-card__info span{ font-size: var(--fs-xs); color: var(--muted-dim); }
.winner-card__amount{
  font-family: var(--font-mono); font-weight:700; font-size: var(--fs-lg);
  color: var(--gold); flex-shrink:0;
}

/* ---------------------------------------------------------------------- *
 * PROMO BANNER
 * ---------------------------------------------------------------------- */
.promo-banner{
  position:relative;
  padding-block: clamp(3rem, 5vw, 5rem);
  background: linear-gradient(120deg, var(--amethyst-deep) 0%, #2A123F 45%, #3B1E10 100%);
  overflow:clip;
  isolation:isolate;
}
.promo-banner__inner{
  display:flex; align-items:center; justify-content:space-between; gap: var(--sp-6);
  flex-wrap:wrap;
}
.promo-banner__copy h2{ font-size: var(--fs-2xl); margin-top:0.4em; max-width:16ch; }
.promo-banner__copy p{ margin-top:0.6em; font-size: var(--fs-md); max-width:44ch; }

/* ---------------------------------------------------------------------- *
 * TRUST & SECURITY
 * ---------------------------------------------------------------------- */
.trust-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-6) var(--sp-5);
}
.trust-item h3{ font-size: var(--fs-md); margin-bottom:0.4em; }
.trust-item p{ font-size: var(--fs-sm); max-width:34ch; }

/* ---------------------------------------------------------------------- *
 * TESTIMONIALS
 * ---------------------------------------------------------------------- */
.testi-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-5);
}
.testi-card{ padding: var(--sp-6); display:flex; flex-direction:column; }
.testi-stars{ color: var(--gold); letter-spacing:0.15em; margin-bottom: var(--sp-4); }
.testi-card p{ font-size: var(--fs-base); color: var(--ivory); flex:1; margin-bottom: var(--sp-6); font-style:italic; }
.testi-card:hover{ border-color: rgba(255,184,0,0.24); }
.testi-card footer{ display:flex; align-items:center; gap: var(--sp-4); }
.testi-avatar{
  width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family: var(--font-mono); font-weight:700; font-size: var(--fs-xs);
  background: linear-gradient(140deg, var(--gold), var(--gold-deep));
  color:#1D1206;
  flex-shrink:0;
}
.testi-card cite{ display:block; font-style:normal; font-weight:700; font-size: var(--fs-sm); color: var(--ivory); }
.testi-card footer span{ font-size: var(--fs-xs); color: var(--muted-dim); }

/* ---------------------------------------------------------------------- *
 * FAQ (home layout)
 * ---------------------------------------------------------------------- */
.faq__layout{
  display:grid;
  grid-template-columns: 0.75fr 1.25fr;
  gap: clamp(2rem, 5vw, 4rem);
  align-items:start;
}
.faq__layout .section-head{ position:sticky; top: calc(var(--nav-h) + 2rem); }

/* ---------------------------------------------------------------------- *
 * FINAL CTA
 * ---------------------------------------------------------------------- */
.final-cta{
  position:relative;
  padding-block: clamp(5rem, 8vw, 8rem);
  text-align:center;
  background: linear-gradient(135deg, rgba(37,99,235,0.14), rgba(56,189,248,0.10)), var(--grad-hero);
  isolation:isolate;
}
.final-cta__inner{ max-width:640px; margin-inline:auto; }
.final-cta h2{ font-size: var(--fs-3xl); margin-top:0.6em; }
.final-cta p{ margin-top: var(--sp-4); font-size: var(--fs-md); margin-bottom: var(--sp-7); }
.final-cta__actions{ display:flex; justify-content:center; flex-wrap:wrap; gap: var(--sp-4); }

/* ========================================================================
   RESPONSIVE
   ======================================================================== */
@media (max-width: 1180px){
  .why__grid, .app-promo__grid, .winners__layout, .faq__layout{ grid-template-columns:1fr; }
  .why__intro, .faq__layout .section-head{ position:static; }
  .games-grid, .features-grid, .trust-grid, .testi-grid{ grid-template-columns: repeat(2, 1fr); }
  .stats-grid{ grid-template-columns: repeat(2, 1fr); row-gap: var(--sp-8); }
  .app-promo__art{ margin-bottom: var(--sp-6); }
}

@media (max-width: 860px){
  .hero__inner{ grid-template-columns:1fr; text-align:left; }
  .hero__art{ order:-1; max-width:340px; margin-inline:auto; margin-bottom: var(--sp-5); }
  .hero__content{ max-width:none; }
  .hero{ padding-top: calc(var(--nav-h) + 1.5rem); }
  .promo-banner__inner{ flex-direction:column; align-items:flex-start; text-align:left; }
}

@media (max-width: 640px){
  .games-grid, .features-grid, .trust-grid, .testi-grid{ grid-template-columns: 1fr; }
  .stats-grid{ grid-template-columns: repeat(2, 1fr); gap: var(--sp-6) var(--sp-4); }
  .why__item{ grid-template-columns: 48px 1fr; gap: var(--sp-4); }
  .hero__actions{ flex-direction:column; align-items:stretch; }
  .hero__actions .btn{ width:100%; }
  .winner-card{ flex-wrap:wrap; }
}

/* Content-led homepage revision */
.home-hero .hero__title{max-width:13ch}.home-hero .hero__sub{max-width:60ch}.feature-number{font-family:var(--font-mono);color:var(--accent);font-size:var(--fs-lg);font-weight:800;line-height:1;padding-top:.1rem}.why__item{grid-template-columns:58px 1fr}.overview{border-block:1px solid var(--line-soft)}.overview__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2.5rem,7vw,7rem);align-items:center}.spec-panel{padding:clamp(1rem,2vw,1.75rem);background:linear-gradient(145deg,rgba(18,38,74,.75),rgba(8,19,37,.75));border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.spec-panel table{width:100%}.spec-panel tr{border-bottom:1px solid var(--line-soft)}.spec-panel tr:last-child{border:0}.spec-panel th,.spec-panel td{padding:1rem .75rem;text-align:left;font-size:var(--fs-sm)}.spec-panel th{font-family:var(--font-mono);font-weight:600;color:var(--muted)}.spec-panel td{color:var(--ivory);font-weight:600}.tips-flow{display:grid;grid-template-columns:repeat(3,1fr);counter-reset:tips;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.tip-card{position:relative;min-height:220px;padding:var(--sp-6);background:var(--ink);counter-increment:tips}.tip-card>span{display:block;margin-bottom:2.2rem;font-family:var(--font-mono);font-weight:800;color:var(--accent);font-size:var(--fs-sm)}.tip-card h3{font-size:var(--fs-lg);margin-bottom:.55em}.tip-card p{font-size:var(--fs-sm)}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}.experience-card{min-height:180px;padding:var(--sp-6);border-radius:0}.experience-card h3{font-size:var(--fs-lg);margin-bottom:.5em}.experience-card p{font-size:var(--fs-sm)}.card-suit{display:block;color:var(--accent);font-size:1.4rem;margin-bottom:1.7rem}.game-name-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.game-name{position:relative;min-height:170px;padding:var(--sp-5);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:linear-gradient(145deg,#102a53,#081325);border:1px solid var(--line);transition:transform var(--dur-base) var(--ease-premium),border-color var(--dur-base)}.game-name::after{content:'♠';position:absolute;right:-.06em;top:-.42em;font-family:var(--font-display);font-size:7rem;line-height:1;color:rgba(96,165,250,.09)}.game-name:nth-child(2)::after,.game-name:nth-child(6)::after{content:'♥'}.game-name:nth-child(3)::after{content:'♦'}.game-name:nth-child(4)::after{content:'♣'}.game-name:hover{transform:translateY(-7px);border-color:var(--accent)}.game-name span{position:absolute;top:1.15rem;left:1.35rem;color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:800}.game-name h3{position:relative;font-size:var(--fs-lg);max-width:10ch}.app-promo__content h2{max-width:14ch}.check-list li{color:var(--ivory)}
@media (max-width:1080px){.overview__grid{grid-template-columns:1fr}.tips-flow,.experience-grid,.game-name-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.overview__grid{gap:2rem}.tips-flow,.experience-grid,.game-name-grid{grid-template-columns:1fr}.tip-card{min-height:auto}.game-name{min-height:135px}.home-hero .hero__art{max-width:300px}}

/* Reference-matched gaming hero */
.home-hero{position:relative;min-height:690px;padding:calc(var(--nav-h) + 1.1rem) 0 1.7rem;overflow:hidden;background:#020914}.home-hero .hero__bg{background:radial-gradient(ellipse 48% 72% at 78% 48%,rgba(0,80,213,.40),transparent 64%),radial-gradient(ellipse 22% 36% at 50% 16%,rgba(0,103,255,.16),transparent 72%),linear-gradient(106deg,#020711 0%,#030c1c 46%,#020914 100%)}.home-hero .hero__bg:before,.home-hero .hero__bg:after{content:"";position:absolute;inset:0;pointer-events:none}.home-hero .hero__bg:before{opacity:.75;background:radial-gradient(circle at 53% 16%,#178dff 0 1px,transparent 1.5px),radial-gradient(circle at 49% 29%,#087cff 0 1px,transparent 1.5px),radial-gradient(circle at 58% 32%,#168bff 0 1px,transparent 1.5px),radial-gradient(circle at 73% 11%,#168bff 0 1px,transparent 1.5px)}.home-hero .hero__bg:after{background:linear-gradient(129deg,transparent 70%,rgba(7,102,255,.05) 70.2% 71%,transparent 71.2%),linear-gradient(129deg,transparent 81%,rgba(0,119,255,.28) 81.2% 81.45%,transparent 81.7%)}.home-hero .hero__inner{grid-template-columns:47% 53%;gap:0;align-items:center;align-content:center}.home-hero .hero__content{position:relative;z-index:4;align-self:center;padding-bottom:9px}.home-hero .hero__title{font-size:clamp(2.35rem,3.55vw,3.45rem);line-height:.98;letter-spacing:-.058em;margin:.27em 0 .26em;max-width:12ch;color:#f8fbff}.home-hero .text-gradient{background:linear-gradient(90deg,#00bafc,#0971ff);-webkit-background-clip:text;background-clip:text;color:transparent}.home-hero .hero__sub{max-width:52ch;font-size:clamp(.65rem,.72vw,.76rem);line-height:1.53;margin-bottom:1.15rem;color:#b5c2d5}.home-hero .eyebrow{font-size:.55rem;line-height:1;padding:.38rem .68rem;color:#18b4ff;border:1px solid rgba(0,151,255,.5);border-radius:999px;background:rgba(1,24,50,.72);box-shadow:inset 0 0 11px rgba(0,137,255,.11)}.home-hero .eyebrow::before{content:"◉";margin-right:.35rem;font-size:.55rem}.home-hero .hero__actions{gap:.7rem;margin-bottom:1.12rem}.home-hero .btn{min-height:0;padding:.7rem 1.13rem;border-radius:.65rem;font-size:.65rem;line-height:1}.home-hero .btn-primary{background:linear-gradient(135deg,#129fff,#1665ea);box-shadow:0 8px 19px rgba(0,104,255,.38)}
.hero-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;max-width:535px}.hero-trust>div,.hero-stats>div{display:flex;align-items:center;gap:.5rem;min-width:0}.hero-trust b{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:7px;background:linear-gradient(145deg,#062d59,#03182f);color:#158dff;font-size:1rem;box-shadow:inset 0 0 0 1px rgba(17,143,255,.13)}.hero-trust span,.hero-stats span{font-size:.54rem;font-weight:700;line-height:1.07;color:#edf5ff;white-space:nowrap}.hero-trust small,.hero-stats small{display:block;color:#8d9ab1;font-size:.43rem;font-weight:500;margin-top:.17rem}
.hero-card-art{height:414px;max-width:545px;width:100%;justify-self:end;position:relative;isolation:isolate}.hero-ray{position:absolute;z-index:0;inset:-12% -20%;background:linear-gradient(133deg,transparent 48%,rgba(0,115,255,.18) 48.3% 48.6%,transparent 48.9%),linear-gradient(133deg,transparent 66%,rgba(3,121,255,.70) 66.2% 66.55%,rgba(118,214,255,.76) 66.6% 66.72%,transparent 66.9%),linear-gradient(133deg,transparent 72%,rgba(3,87,240,.45) 72.2% 72.45%,transparent 72.65%);filter:drop-shadow(0 0 9px #087dff)}.floating-card{position:absolute;z-index:2;width:64px;height:89px;border-radius:6px;padding:6px;background:linear-gradient(135deg,#fff 0%,#fbfdff 55%,#cfd8e5 100%);box-shadow:0 12px 20px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.65);color:#02050a;font:700 15px Georgia,serif;display:flex;flex-direction:column;justify-content:space-between;font-style:normal}.floating-card:after{content:"";position:absolute;inset:3px;border-radius:4px;border:1px solid rgba(15,42,81,.1)}.floating-card strong{align-self:center;font-size:38px;line-height:.86}.card-spade{top:11px;left:13.5%;transform:rotate(13deg)}.card-heart{top:58px;right:2.5%;transform:rotate(29deg);color:#bc1427}.card-club{top:153px;right:-1%;transform:rotate(29deg)}.poker-chip{position:absolute;z-index:3;display:grid;place-items:center;width:42px;height:42px;border:6px dashed #d2f2ff;border-radius:50%;box-shadow:0 6px 13px rgba(0,0,0,.55),0 0 12px #167ffc;color:#fff;font-size:14px;font-style:normal}.poker-chip:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.7);border-radius:50%}.chip-purple{left:4.5%;top:101px;background:radial-gradient(circle,#8142e5 0 27%,#5221ad 30% 60%,#8c55e9 62%)}.chip-blue{left:7%;top:193px;background:radial-gradient(circle,#2699ff 0 27%,#0562c6 30% 60%,#20a4ff 62%)}.game-coin{position:absolute;z-index:3;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 31% 26%,#fff5a2 0 7%,#ffd74e 18%,#ed9814 52%,#a54900 72%);box-shadow:0 6px 12px rgba(0,0,0,.6),inset 0 0 0 2px rgba(255,235,111,.55);color:#fff;font-style:normal;font-size:.94rem;text-shadow:0 1px 1px #914500}.coin-one{left:20%;top:150px}.coin-two{right:8%;bottom:78px}.game-platform{position:absolute;z-index:2;width:280px;height:77px;left:24%;bottom:-3px;border-radius:50%;background:radial-gradient(ellipse at center,#03122b 0 19%,#058eff 20% 22%,#001e51 23% 28%,#00a8ff 29% 31%,#0043aa 32% 35%,#061944 36% 42%,#087aff 43% 45%,#020815 47% 53%,transparent 54%);filter:drop-shadow(0 9px 12px #000) drop-shadow(0 0 7px rgba(0,132,255,.85))}.game-platform:after{content:"";position:absolute;left:14%;right:14%;top:22%;height:20%;border-radius:50%;border:2px solid rgba(132,234,255,.75);box-shadow:0 0 14px #0089ff}
.game-phone{position:absolute;z-index:4;width:178px;height:348px;left:39%;top:5px;border-radius:27px;padding:7px;background:linear-gradient(145deg,#e4edf5 0%,#606d7b 1.5%,#1b2731 3%,#02070d 4.2%,#060c13 95%,#586572 98%,#dfe8ef 100%);box-shadow:-15px 22px 27px rgba(0,0,0,.72),0 0 0 1px #aab8c8,0 0 32px rgba(7,143,255,.38);transform:rotate(15deg)}.game-phone:before{content:"";position:absolute;left:-3px;top:70px;width:3px;height:42px;border-radius:3px;background:#9ba8b5}.game-phone__screen{height:100%;overflow:hidden;position:relative;border-radius:21px;background:radial-gradient(circle at 45% 29%,rgba(18,101,224,.84),transparent 20%),radial-gradient(circle at 50% 42%,rgba(6,58,152,.5),transparent 33%),linear-gradient(150deg,#020d20,#041a39 76%,#020a15);text-align:center}.game-phone__screen:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 36%,rgba(28,151,255,.18) 37%,transparent 38%),radial-gradient(circle at 30% 20%,#66c8ff 0 1px,transparent 1.5px),radial-gradient(circle at 70% 54%,#6dcfff 0 1px,transparent 1.5px)}.game-phone__notch{position:absolute;z-index:2;left:50%;top:0;transform:translateX(-50%);width:86px;height:18px;border-radius:0 0 12px 12px;background:#02060b}.game-phone__logo{position:absolute;z-index:2;top:92px;left:19px;right:19px;padding:8px 0 7px;border:2px solid #f8b831;border-radius:15px 15px 18px 18px;color:#ffe85d;font:900 14px/.9 var(--font-display);letter-spacing:-.08em;background:linear-gradient(155deg,#e91980,#6e0953 50%,#1b174a);text-shadow:1px 1px #641242,0 0 8px #ff2b93;box-shadow:0 0 0 2px #64256e,0 0 14px #ff1687}.game-phone__logo span{display:block;margin-top:2px;font-size:21px;letter-spacing:-.1em;color:#fff4b7}.game-phone__mark{position:absolute;z-index:2;top:145px;left:0;right:0;color:#ff378f;font-size:29px;line-height:1;text-shadow:0 0 14px #ff087d}.game-phone button,.game-phone em{position:absolute;z-index:2;left:26px;right:26px;border-radius:14px;font-size:6px;font-style:normal;letter-spacing:.02em}.game-phone button{bottom:64px;border:0;background:linear-gradient(90deg,#0c9cff,#1556d9);color:white;padding:9px;box-shadow:0 4px 10px rgba(0,109,255,.5)}.game-phone em{bottom:27px;border:1px solid #62738d;color:#e8efff;padding:8px;background:rgba(0,4,13,.25)}
.hero-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:-1px;padding:11px 23px;border:1px solid rgba(37,131,255,.35);border-radius:12px;background:linear-gradient(90deg,rgba(3,22,47,.95),rgba(2,14,32,.95));box-shadow:inset 0 1px 0 rgba(91,170,255,.08)}.hero-stats>div{padding:0 19px;border-right:1px solid rgba(95,157,255,.16)}.hero-stats>div:last-child{border:0}.hero-stats>b{color:#1289ff;font-size:1.35rem;line-height:1}.hero-stats strong{display:block;font-family:var(--font-display);font-size:1rem;line-height:1.05}
@media(max-width:860px){.home-hero{min-height:0;padding:calc(var(--nav-h) + 1.8rem) 0 2rem}.home-hero .hero__inner{grid-template-columns:1fr;text-align:center}.home-hero .hero__content{margin:auto;padding-bottom:0}.home-hero .eyebrow{display:inline-block}.home-hero .hero__sub{margin-left:auto;margin-right:auto}.home-hero .hero__actions{justify-content:center}.hero-trust{margin:auto}.hero-card-art{justify-self:center;height:414px;margin:.4rem auto 1.15rem}.hero-stats{margin-top:0}.game-phone{left:39%}.game-platform{left:24%}}
@media(max-width:560px){.home-hero{padding:calc(var(--nav-h) + 1.2rem) 0 1.35rem}.home-hero .hero__title{font-size:2.25rem}.home-hero .hero__sub{font-size:.69rem}.home-hero .hero__actions{flex-direction:row}.home-hero .hero__actions .btn{width:auto}.hero-trust{grid-template-columns:repeat(2,1fr);gap:.55rem;text-align:left}.hero-trust span{white-space:normal;font-size:.52rem}.hero-card-art{height:337px;width:460px;transform:scale(.82);transform-origin:top center;margin:-.25rem auto -59px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:13px}.hero-stats>div{border:0;padding:0 .3rem}.hero-stats strong{font-size:.95rem}.hero-stats small{font-size:.47rem}}