:root{--black:#090806;--dark:#12100d;--gold:#a86f12;--gl:#d2a13a;--hi:#f1d27a;--cream:#f8f3e8;--cream2:#ead2a3;--text:#12100d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.wrap{width:min(1120px,92%);margin:auto}.progress{position:fixed;z-index:99;top:0;left:0;width:100%;height:2px;background:var(--hi);transform:scaleX(0);transform-origin:left}.header{height:72px;position:absolute;z-index:20;top:0;left:50%;transform:translateX(-50%);width:min(1120px,92%);display:flex;align-items:center;justify-content:space-between}.logo{width:104px;height:auto}.ghost{border:1px solid #d2a13a88;background:#09080699;color:#f8e6a8;border-radius:999px;padding:10px 16px;font-weight:700}.hero{min-height:690px;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 65% 35%,#6f430c55,transparent 30%),linear-gradient(120deg,#050403,#160e05 65%,#050403)}.hero-art{position:absolute;right:0;top:0;width:64%;height:100%;background:url('assets/hero-vip.webp') center/cover no-repeat;animation:heroFloat 11s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080603 5%,#080603ee 35%,#08060366 65%,#08060322),linear-gradient(0deg,#080603cc,transparent 35%)}.hero-copy{position:relative;z-index:2;width:min(1120px,92%);margin:auto;padding-top:60px}.eyebrow{letter-spacing:.28em;font-size:.86rem;color:#f7e8bd}.pill{display:inline-block;padding:8px 20px;border-radius:999px;background:linear-gradient(135deg,#fff0b0,#c78a18,#fff0b0);color:#171006;font-weight:900}.upto{margin:18px 0 0;font-size:1.2rem}.hero-number{margin:-4px 0 0;font-size:clamp(5.8rem,24vw,10rem);line-height:.95;letter-spacing:-.06em;background:linear-gradient(110deg,#8c570a,#f1d27a,#fff4c2,#d2a13a,#8c570a);background-size:220% auto;-webkit-background-clip:text;color:transparent;animation:goldShimmer 5.5s ease-in-out infinite;text-shadow:0 0 40px #d2a13a22}.min{letter-spacing:.12em;margin:10px 0 18px}.cta{border:0;border-radius:999px;min-height:52px;padding:0 28px;background:linear-gradient(135deg,#fff1b5,#d2a13a 38%,#a86f12 70%,#f1d27a);color:#171006;font-size:1rem;font-weight:900;box-shadow:0 8px 28px #d2a13a33;cursor:pointer}.hero .cta{width:min(290px,85vw);font-size:1.18rem}.shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;top:-80%;left:-70%;width:32%;height:260%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:rotate(20deg);animation:shine 4.8s ease-in-out infinite}.mini{display:flex;gap:22px;margin-top:16px;font-size:.85rem}.intro{opacity:0;animation:intro .7s cubic-bezier(.16,1,.3,1) forwards}.i1{animation-delay:.1s}.i2{animation-delay:.22s}.i3{animation-delay:.34s}.i4{animation-delay:.44s}.i5{animation-delay:.58s}.i6{animation-delay:.7s}.i7{animation-delay:.82s}.section{padding:58px 0}.cream{background:radial-gradient(circle at 15% 20%,#fff,transparent 35%),linear-gradient(135deg,var(--cream),#f5e7c7);color:var(--text)}h2{font-family:Georgia,serif;text-align:center;font-size:clamp(2rem,5vw,3.1rem);margin:0 0 8px;letter-spacing:.02em}.sub{text-align:center;font-size:.78rem;letter-spacing:.12em;margin:0 0 34px;color:#554631}.benefits,.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefits article{text-align:center;padding:8px}.benefits i{display:grid;place-items:center;margin:0 auto 12px;width:54px;height:54px;border-radius:50%;font-style:normal;font-size:1.45rem;background:linear-gradient(135deg,#fff1b5,#c88713);box-shadow:0 5px 16px #7a4a0833}.benefits b,.benefits small{display:block}.benefits small{margin-top:6px;color:#665a48}.dark{background:radial-gradient(circle at 50% 0,#7a4a0838,transparent 35%),#0b0907}.dark h2{color:#f0cf76}.goldsub{color:#d9c08a}.promos{display:flex;gap:18px}.promo{min-width:0;flex:1;border:1px solid #d2a13a99;border-radius:20px;padding:24px;background:linear-gradient(145deg,#251708,#0c0906);box-shadow:0 15px 45px #0008}.promo span,.promo small,.promo strong{display:block}.promo span{font-weight:900;color:#f8e8b6}.promo small{margin-top:20px}.promo strong{font-size:3rem;color:#f2d177;line-height:1}.promo p{color:#d6cbb9}.promo button{width:100%;border:0;border-radius:999px;padding:13px;background:linear-gradient(135deg,#fff0ad,#c98a17,#f1d27a);font-weight:900}.games{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.games button{position:relative;text-align:left;min-height:190px;padding:20px;border:1px solid #d2a13a66;border-radius:18px;color:#fff;background:radial-gradient(circle at 50% 15%,#c17e1644,transparent 30%),linear-gradient(160deg,#36220d,#080706);overflow:hidden}.games em{display:block;font-style:normal;font-size:3rem;margin-bottom:28px}.games b,.games small{display:block}.games small{color:#d7d0c5;margin-top:5px}.games u{position:absolute;right:14px;bottom:14px;text-decoration:none;border:1px solid #d2a13a88;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.app{background:radial-gradient(circle at 25% 50%,#8b550b55,transparent 25%),#080604}.appgrid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:38px}.phone{min-height:350px;background:url('assets/app-phone.webp') center/contain no-repeat;animation:phone 5s ease-in-out infinite}.appcopy h2{text-align:left;color:#f0cf76}.appcopy>p{letter-spacing:.1em;color:#d8c9a4}.downloadbox{border:1px solid #d2a13a88;border-radius:16px;padding:18px;margin:20px 0}.downloadbox small,.downloadbox strong{display:block}.downloadbox strong{font-size:2.8rem;color:#f1d27a}.stores{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.stores span{border:1px solid #fff4;border-radius:8px;padding:8px 10px;font-size:.75rem}.compact{padding:42px 0}.trust span{display:flex;gap:10px;align-items:center;justify-content:center;font-size:.82rem}.final{min-height:350px;position:relative;background:url('assets/final-vip.webp') center/cover no-repeat;display:grid;place-items:center;text-align:center}.finalshade{position:absolute;inset:0;background:#050403b8}.finalcontent{position:relative;z-index:2}.finalcontent img{width:100px}.finalcontent h2{color:#f0cf76}.finalcontent p{letter-spacing:.1em}.finalcontent small{display:block;margin-top:14px}.textlink{border:0;background:none;color:#f1d27a;text-decoration:underline}.reveal{opacity:0;transform:translateY(24px);transition:.7s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:none}footer{padding:30px 4% 100px;text-align:center;background:#080706;color:#aaa;font-size:.72rem}footer nav{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}footer a{color:#ccc;text-decoration:none}.sticky{position:fixed;z-index:50;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:60px;padding:9px 4% calc(9px + env(safe-area-inset-bottom));background:#090806f5;border-top:1px solid #d2a13a66;transform:translateY(120%);opacity:0;transition:.35s}.sticky.show{transform:none;opacity:1}.sticky>div{display:flex;gap:10px;align-items:center}.sticky .cta{min-height:44px}.cta:active,.games button:active{transform:scale(.97)}@keyframes intro{to{opacity:1;transform:none}}@keyframes goldShimmer{0%,60%{background-position:100% center}100%{background-position:-100% center}}@keyframes shine{0%,72%{left:-70%}100%{left:140%}}@keyframes heroFloat{from{transform:scale(1.02)}to{transform:scale(1.06) translate(-5px,-4px)}}@keyframes phone{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(-1deg)}}
@media(max-width:700px){.header{height:64px}.logo{width:92px}.hero{min-height:650px;align-items:flex-end}.hero-art{width:100%;height:62%;top:0;background-position:62% center}.hero-shade{background:linear-gradient(0deg,#080603 25%,#080603b8 58%,#08060333),linear-gradient(90deg,#080603aa,transparent 75%)}.hero-copy{padding:250px 0 38px}.eyebrow{font-size:.72rem}.hero-number{font-size:6.5rem}.mini{font-size:.72rem}.section{padding:44px 0}.benefits,.trust{grid-template-columns:1fr 1fr;gap:24px 10px}.promos{overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 5% 18px;margin:0 -5%;scrollbar-width:none}.promo{flex:0 0 86%;scroll-snap-align:start}.games{grid-template-columns:1fr 1fr}.games button{min-height:165px;padding:14px}.games em{font-size:2.2rem;margin-bottom:24px}.appgrid{grid-template-columns:1fr}.phone{min-height:260px}.appcopy{text-align:center}.appcopy h2{text-align:center}.stores{justify-content:center}.sticky{justify-content:space-between;gap:10px}.sticky>div{font-size:.72rem}.sticky .cta{padding:0 18px;font-size:.82rem}h2{font-size:1.85rem}.sub{font-size:.67rem}.final{min-height:390px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Mobile layout refinement */
@media (max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .wrap,.header,.hero-copy{width:auto;max-width:none;margin-left:20px;margin-right:20px}
  .header{left:0;transform:none;padding:0;width:calc(100% - 40px)}
  .logo{width:82px;max-width:28vw}
  .ghost{padding:9px 14px;font-size:.78rem;white-space:nowrap}

  .hero{min-height:620px}
  .hero-art{height:58%;background-position:64% center}
  .hero-copy{padding:235px 0 34px}
  .eyebrow{margin-bottom:12px;letter-spacing:.2em}
  .pill{padding:7px 16px;font-size:.78rem}
  .upto{font-size:1rem;margin-top:14px}
  .hero-number{font-size:clamp(4.7rem,25vw,6.25rem);letter-spacing:-.07em;max-width:100%}
  .min{font-size:.82rem;margin:8px 0 16px}
  .hero .cta{width:100%;max-width:290px;min-height:50px}
  .mini{gap:12px;flex-wrap:wrap;line-height:1.35;margin-top:14px}

  .section{padding:40px 0}
  h2{font-size:clamp(1.65rem,7vw,1.95rem);line-height:1.08;padding:0 4px}
  .sub{font-size:.64rem;line-height:1.5;letter-spacing:.09em;margin:0 auto 28px;max-width:330px}

  .benefits,.trust{gap:22px 12px}
  .benefits article{padding:4px 2px}
  .benefits i{width:48px;height:48px;font-size:1.25rem}
  .benefits b{font-size:.78rem;line-height:1.25}
  .benefits small{font-size:.68rem;line-height:1.35}

  .promos{gap:12px;margin:0 -20px;padding:4px 20px 16px;scroll-padding-left:20px}
  .promo{flex-basis:calc(100vw - 56px);padding:20px;border-radius:17px}
  .promo strong{font-size:2.65rem}

  .games{gap:10px}
  .games button{min-width:0;min-height:150px;padding:13px 12px;border-radius:15px}
  .games em{font-size:2rem;margin-bottom:20px}
  .games b{font-size:.78rem}
  .games small{font-size:.66rem;line-height:1.35;padding-right:25px}
  .games u{width:30px;height:30px;right:10px;bottom:10px}

  .appgrid{gap:18px}
  .phone{min-height:235px}
  .appcopy>p{font-size:.7rem;line-height:1.5;letter-spacing:.07em}
  .downloadbox{margin:16px 0;padding:15px}
  .downloadbox strong{font-size:2.3rem}
  .appcopy .cta{width:100%;max-width:300px}
  .stores{gap:6px}
  .stores span{padding:7px 8px;font-size:.68rem}

  .compact{padding:38px 0}
  .trust span{font-size:.68rem;line-height:1.3;align-items:flex-start;justify-content:flex-start}
  .final{min-height:365px;padding:44px 20px 60px}
  .finalcontent{width:100%;max-width:360px}
  .finalcontent img{width:82px}
  .finalcontent p{font-size:.72rem;line-height:1.5;letter-spacing:.08em}
  .finalcontent .cta{width:100%;max-width:290px}

  footer{padding-left:20px;padding-right:20px;padding-bottom:92px}
  footer nav{gap:10px 14px;line-height:1.5}
  .sticky{padding-left:16px;padding-right:16px;gap:8px}
  .sticky>div{min-width:0;gap:7px;font-size:.66rem;line-height:1.2}
  .sticky .cta{flex:0 0 auto;padding:0 15px;font-size:.76rem;min-height:42px}
}

@media (max-width:360px){
  .wrap,.hero-copy{margin-left:16px;margin-right:16px}
  .header{width:calc(100% - 32px);margin-left:16px;margin-right:16px}
  .hero-number{font-size:4.7rem}
  .mini{font-size:.66rem}
  .promos{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}
  .promo{flex-basis:calc(100vw - 44px)}
  .games button{min-height:142px;padding:12px 10px}
  .games b{font-size:.72rem}
  .games small{font-size:.62rem}
  .sticky{padding-left:12px;padding-right:12px}
  .sticky>div{font-size:.61rem}
  .sticky .cta{padding:0 12px;font-size:.7rem}
}