/* Requested imports: homepage copy, supplied hero background and reference VIP card. */
.home-reference .dl-card{
  background:radial-gradient(ellipse at 84% 90%,rgba(255,101,35,.12),transparent 55%),linear-gradient(120deg,#17191c 0%,#101114 48%,#171310 100%);
  border-color:rgba(215,183,153,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(255,136,66,.06),0 30px 70px -45px #000;
}
.home-reference .dl-card::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(ellipse 70% 100% at 89% 112%,transparent 64%,rgba(240,174,117,.12) 64.15%,transparent 64.45%),radial-gradient(ellipse 70% 100% at 89% 112%,transparent 80%,rgba(240,174,117,.075) 80.15%,transparent 80.45%);
}
.home-reference .dl-card::after{
  content:"";position:absolute;top:0;left:8%;right:8%;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,231,207,.25) 35%,rgba(255,153,78,.24) 72%,transparent);
}
.home-reference .hero-centered{isolation:isolate;background:transparent;padding-bottom:140px}
.home-reference .hero-centered::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to bottom,rgba(0,0,0,.06) 65%,#000 100%),url('assets/home-hero-arc-v1.webp');background-repeat:no-repeat;background-size:cover;background-position:center}
/* Blend the image into the page itself, including its subtle background texture. */
.home-reference .hero-centered::before{
  -webkit-mask-image:linear-gradient(to bottom,#000 48%,rgba(0,0,0,.95) 58%,rgba(0,0,0,.7) 70%,rgba(0,0,0,.32) 82%,rgba(0,0,0,.06) 93%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 48%,rgba(0,0,0,.95) 58%,rgba(0,0,0,.7) 70%,rgba(0,0,0,.32) 82%,rgba(0,0,0,.06) 93%,transparent 100%);
}
.home-reference .hero-reference-title span{display:block}
.home-reference .hero-reference-note{margin:20px 0 0;font-size:14px;color:#d3cbc4}
.home-reference .hero-centered .hero-cta{margin-top:34px}
.home-reference #markets .kicker,.home-reference #platform .kicker,.home-reference #how .kicker,.home-reference #how .section-head>p,.home-reference #payments .kicker,.home-reference .band-card .kicker,.home-reference #faq .section-head>p{display:none}
.home-reference .dl-meta .dl-dot:nth-child(2),.home-reference .dl-meta>span:nth-child(3){display:none}
.home-reference .light-zone .band-row.band-vip{grid-template-columns:1.12fr 1fr;gap:0;padding:0;background:#141414;border:1px solid rgba(255,255,255,.12);border-radius:28px;overflow:hidden;box-shadow:0 20px 35px -24px #0008;align-items:center}
.home-reference .band-vip .band-img{aspect-ratio:16/10;height:100%;min-height:360px;border:0;border-radius:0;background:#000;mask-image:linear-gradient(90deg,#000 75%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 75%,transparent)}
.home-reference .band-vip .band-img video{width:100%;height:100%;object-fit:contain}
/* Fade the whole media surface so its black backing cannot leave a bottom seam. */
.home-reference .band-vip .band-img{
  mask-image:linear-gradient(90deg,#000 75%,transparent),linear-gradient(to bottom,#000 62%,rgba(0,0,0,.85) 74%,rgba(0,0,0,.35) 88%,transparent 100%);
  mask-composite:intersect;
  -webkit-mask-image:linear-gradient(90deg,#000 75%,transparent),linear-gradient(to bottom,#000 62%,rgba(0,0,0,.85) 74%,rgba(0,0,0,.35) 88%,transparent 100%);
  -webkit-mask-composite:source-in;
}
.home-reference .band-vip .band-txt{padding:42px 44px 42px 20px}
.home-reference .light-zone .band-vip h3{font-size:clamp(28px,3vw,40px);color:#ffddb1}
.home-reference .light-zone .band-vip p{font-size:15px;line-height:1.75;color:#c2c2c2}
.home-reference .light-zone .band-vip .ficon{background:#202020;border-color:#ffffff1a;color:#ffc275}
.home-reference .light-zone .band-vip .ficon svg,.home-reference .light-zone .band-vip .band-link{color:#ffc275}
.home-reference .band-vip .band-link{font-size:14px;font-weight:700}
@media(max-width:860px){
 .home-reference .showcase-glow{display:none}
 .home-reference .showcase .mac{box-shadow:0 24px 60px -30px rgba(0,0,0,.65)}
 .home-reference .hero-centered::before{
   background-image:url('assets/home-hero-arc-v1-small.webp');background-size:auto 100%;background-position:center;
   /* Finish before the section edge; remove the bright floor rings gradually. */
   -webkit-mask-image:linear-gradient(to bottom,#000 34%,rgba(0,0,0,.97) 42%,rgba(0,0,0,.84) 50%,rgba(0,0,0,.60) 58%,rgba(0,0,0,.32) 66%,rgba(0,0,0,.12) 74%,rgba(0,0,0,.025) 82%,transparent 90%);
   mask-image:linear-gradient(to bottom,#000 34%,rgba(0,0,0,.97) 42%,rgba(0,0,0,.84) 50%,rgba(0,0,0,.60) 58%,rgba(0,0,0,.32) 66%,rgba(0,0,0,.12) 74%,rgba(0,0,0,.025) 82%,transparent 90%);
 }
 .home-reference .hero-centered{padding-bottom:100px}
 .home-reference .hero-reference-title{font-size:clamp(33px,6.8vw,54px)}
 .home-reference .light-zone .band-row.band-vip{grid-template-columns:1fr}
 .home-reference .band-vip .band-img{min-height:0;aspect-ratio:16/10;mask-image:linear-gradient(to bottom,#000 62%,rgba(0,0,0,.85) 74%,rgba(0,0,0,.35) 88%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 62%,rgba(0,0,0,.85) 74%,rgba(0,0,0,.35) 88%,transparent 100%)}
 .home-reference .band-vip .band-txt{padding:24px 28px 34px}
}
@media(max-width:600px){
 /* Keep the full card width and let each asset define its own uncropped height. */
 .home-reference #platform .why-video-fixed,.home-reference #platform .why-blockimg{
   height:auto;min-height:0;aspect-ratio:auto;padding:0;background:transparent;
   -webkit-mask-image:none;mask-image:none;
 }
 .home-reference #platform .why-video-fixed video,.home-reference #platform .why-blockimg img{
   position:relative;inset:auto;display:block;width:100%;height:auto;object-fit:contain;
   /* Fade the actual asset to zero before its bottom edge, not the padded wrapper. */
   -webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 120px),rgba(0,0,0,.9) calc(100% - 96px),rgba(0,0,0,.5) calc(100% - 62px),rgba(0,0,0,.12) calc(100% - 30px),transparent calc(100% - 8px));
   mask-image:linear-gradient(to bottom,#000 calc(100% - 120px),rgba(0,0,0,.9) calc(100% - 96px),rgba(0,0,0,.5) calc(100% - 62px),rgba(0,0,0,.12) calc(100% - 30px),transparent calc(100% - 8px));
 }
 .home-reference #platform .why-video-fixed video{aspect-ratio:9/16}
}
@media(max-width:430px){.home-reference .hero-centered .hero-cta{flex-direction:column;align-items:stretch;width:100%;max-width:320px}.home-reference .hero-reference-title{font-size:clamp(30px,8.2vw,36px)}}