/* vegasnow-au.io — "Crimson Deco": oxblood + crimson + champagne gold, art-deco geometry, Fraunces + Outfit. */
:root{
  --bg:#150508;--bg2:#1d070c;--bg3:#250a11;--panel:#200810;--line:#3e1823;--line2:#5a2432;
  --tx:#ecdcd6;--mut:#b2988f;--wh:#fff8f3;
  --crim:#e3263c;--crim2:#ff5668;--gold:#d7a44a;--gold2:#f2d49a;--ivory:#f7eee2;
  --gr:linear-gradient(100deg,#c01c30 0%,#e3263c 45%,#d7a44a 100%);
  --grg:linear-gradient(100deg,#b9842f,#f2d49a 50%,#b9842f);
  --sh:0 22px 48px -24px rgba(0,0,0,.85);
  --fh:"Fraunces",Georgia,serif;--fb:"Outfit",system-ui,-apple-system,sans-serif;
  --r:4px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip;max-width:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:400 16.5px/1.7 var(--fb);overflow-x:clip;max-width:100%}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold2);text-decoration:none}
h1,h2,h3,h4{font-family:var(--fh);color:var(--wh);line-height:1.14;letter-spacing:-.012em;margin:0 0 .5em;font-weight:600}
h1{font-size:clamp(2rem,4.4vw,3.5rem);font-weight:700}
h2{font-size:clamp(1.55rem,2.9vw,2.3rem)}
h3{font-size:1.16rem}
h1 span,h2 span{background:var(--grg);-webkit-background-clip:text;background-clip:text;color:transparent}
p{margin:0 0 1em}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.eyebrow{display:inline-block;font:600 .72rem/1 var(--fb);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
code{font-family:ui-monospace,Menlo,monospace;background:rgba(215,164,74,.14);border:1px solid var(--line2);color:var(--gold2);padding:2px 8px;border-radius:3px;font-size:.88em;letter-spacing:.06em}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:3px;
  font:600 .93rem/1 var(--fb);letter-spacing:.03em;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:.18s}
.btn-p{background:var(--gr);color:var(--wh);box-shadow:0 10px 26px -12px rgba(227,38,60,.9)}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px rgba(215,164,74,.8)}
.btn-o{border-color:var(--line2);color:var(--wh);background:transparent}
.btn-o:hover{border-color:var(--gold);color:var(--gold2);background:rgba(215,164,74,.08)}
.btn-block{width:100%}

/* header */
.mast{position:sticky;top:0;z-index:60;background:rgba(21,5,8,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.mast:after{content:"";display:block;height:2px;background:var(--grg);opacity:.75}
.mast .in{display:flex;align-items:center;gap:20px;height:70px;min-width:0}
.mast .logo img{height:38px;width:auto}
.nav{display:flex;gap:2px;margin:0 auto;flex-wrap:nowrap;min-width:0;max-width:100%}
.nav a{color:var(--tx);opacity:.82;font-weight:500;font-size:.92rem;padding:9px 11px;transition:.15s;position:relative}
.nav a:after{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:1px;background:var(--gold);transform:scaleX(0);transition:.2s}
.nav a:hover{opacity:1;color:var(--gold2)}
.nav a:hover:after,.nav a[aria-current]:after{transform:scaleX(1)}
.nav a[aria-current]{opacity:1;color:var(--gold2)}
.mast .cta{display:flex;gap:10px}
.mast .btn{padding:10px 18px;font-size:.87rem}
.age{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);font:600 .7rem/1 var(--fb);flex:none}

/* deco backdrop */
.deco{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.deco:before{content:"";position:absolute;top:-30%;left:50%;width:1100px;height:1100px;transform:translateX(-50%);
  background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(215,164,74,.10) 0deg 4deg,transparent 4deg 14deg);
  mask-image:radial-gradient(circle at 50% 35%,#000 0,transparent 68%);-webkit-mask-image:radial-gradient(circle at 50% 35%,#000 0,transparent 68%)}
.deco:after{content:"";position:absolute;left:0;right:0;bottom:0;height:200px;
  background:linear-gradient(to top,var(--bg),transparent)}

/* hero */
.hero{position:relative;overflow:hidden;padding:60px 0 54px;border-bottom:1px solid var(--line)}
.hero .wrap{position:relative;z-index:2}
.hg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:46px;align-items:start}
.pill{display:inline-flex;align-items:center;gap:9px;padding:6px 15px;border:1px solid var(--line2);border-radius:999px;
  color:var(--gold2);font:600 .74rem/1 var(--fb);letter-spacing:.16em;text-transform:uppercase;background:rgba(215,164,74,.07)}
.hero h1{margin:.4em 0 .34em}
.hero .lead{font-size:1.1rem;color:var(--mut);max-width:56ch}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 22px}
.lic{border-left:2px solid var(--gold);padding:12px 0 12px 18px;margin:0}
.lic p{margin:0;color:var(--mut);font-size:.87rem;line-height:1.6}
/* notched deco ribbon card */
.ribbon{position:relative;background:linear-gradient(170deg,var(--bg3),var(--panel));border:1px solid var(--line2);box-shadow:var(--sh);
  clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px)}
.rb-in{padding:26px 26px 22px;position:relative}
.rb-in:before{content:"";position:absolute;left:26px;right:26px;top:0;height:2px;background:var(--grg)}
.rb-tag{font:600 .7rem/1 var(--fb);letter-spacing:.2em;text-transform:uppercase;color:var(--crim2)}
.rb-big{font:700 3.1rem/1 var(--fh);background:var(--grg);-webkit-background-clip:text;background-clip:text;color:transparent;margin:10px 0 2px}
.rb-sub{color:var(--tx);font-weight:500;font-size:.98rem}
.rb-list{list-style:none;margin:18px 0;padding:16px 0 0;border-top:1px solid var(--line);color:var(--mut);font-size:.9rem}
.rb-list li{padding:5px 0 5px 20px;position:relative}
.rb-list li:before{content:"◆";position:absolute;left:0;color:var(--gold);font-size:.6em;top:.9em}
.fp{margin:10px 0 0;text-align:center;font-size:.74rem;color:var(--mut)}
/* fact box */
.factbox{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;border:1px solid var(--line);background:var(--panel)}
.fb{padding:18px 20px;border-right:1px solid var(--line)}
.fb:last-child{border-right:0}
.fb span{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}
.fb b{font-family:var(--fh);color:var(--gold2);font-size:1.02rem;font-weight:600}

/* breadcrumb + offer bar */
.crumb{background:var(--bg2);border-bottom:1px solid var(--line);font-size:.84rem;color:var(--mut)}
.crumb .wrap{padding-top:11px;padding-bottom:11px}
.crumb a{color:var(--mut)}.crumb a:hover{color:var(--gold2)}
.crumb span{margin:0 8px;color:var(--line2)}
.crumb b{color:var(--tx);font-weight:500}
.obar{background:linear-gradient(100deg,#2a0a12,#1b0609);border-bottom:1px solid var(--line)}
.obar .in{display:flex;align-items:center;gap:26px;padding:16px 20px;flex-wrap:wrap;min-width:0}
.obar-l{min-width:0}
.obar .ob-tag{display:block;font:600 .68rem/1 var(--fb);letter-spacing:.2em;text-transform:uppercase;color:var(--crim2);margin-bottom:5px}
.obar .ob-big{display:block;font:600 1.18rem/1.25 var(--fh);color:var(--wh)}
.obar .ob-sub{display:block;color:var(--mut);font-size:.82rem;margin-top:3px}
.obar-g{display:flex;gap:0;margin-left:auto;flex-wrap:wrap}
.ob{padding:4px 20px;border-left:1px solid var(--line)}
.ob span{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.ob b{font-family:var(--fh);color:var(--gold2);font-size:1rem;font-weight:600}

/* sections */
.sec{padding:72px 0}
.sec.alt{background:var(--bg2)}
.sec.deep{background:linear-gradient(180deg,var(--bg3),var(--bg2));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-h{max-width:760px;margin:0 0 32px}
.sec-h p{color:var(--mut);font-size:1.04rem;margin:0}
.sec-h h2:after{content:"";display:block;width:88px;height:3px;background:var(--grg);margin-top:14px}
.seclink{display:inline-block;margin-top:14px;font-weight:600;color:var(--gold2)}

/* article */
.art{max-width:870px}
.art h2:after{content:"";display:block;width:88px;height:3px;background:var(--grg);margin-top:14px;margin-bottom:24px}
.prose p{color:#d6c3bb;font-size:1.04rem;line-height:1.82}
.prose a{color:var(--gold2);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(215,164,74,.45)}
.prose a:hover{text-decoration-color:var(--gold)}
.prose strong{color:var(--wh)}
.prose ul,.prose ol{padding-left:1.2em;margin:0 0 1.2em}
.prose li{margin:.35em 0}
.prose>div,.prose>aside,.prose>.tbl{margin:1.5em 0}

/* tables */
.tbl{overflow-x:auto;border:1px solid var(--line);background:var(--panel)}
table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}
th{background:linear-gradient(100deg,#330d17,#240810);color:var(--gold2);text-align:left;font:600 .74rem/1.2 var(--fb);
  letter-spacing:.14em;text-transform:uppercase;padding:14px 18px;border-bottom:1px solid var(--line2)}
td{padding:14px 18px;border-top:1px solid var(--line);color:#d6c3bb}
tbody tr:hover td{background:rgba(215,164,74,.05)}
tr.sum td{background:rgba(227,38,60,.12);color:var(--wh)}

/* vip tiers */
.tiers{list-style:none;counter-reset:t;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px}
.tiers li{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);padding:15px 18px}
.tiers span{font:700 1.2rem/1 var(--fh);color:var(--gold);opacity:.6}
.tiers b{font-family:var(--fh);color:var(--wh);font-weight:600}

/* deck / cards */
.deck{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dk{background:var(--panel);border:1px solid var(--line);padding:26px;transition:.2s;position:relative}
.dk:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:var(--grg);transform:scaleX(0);transform-origin:left;transition:.25s}
.dk:hover{border-color:var(--line2);transform:translateY(-3px)}
.dk:hover:before{transform:scaleX(1)}
.dk .ic{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line2);font-size:1.3rem;margin-bottom:14px}
.dk p{color:var(--mut);font-size:.95rem;margin:0}

/* steps */
.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.steps li{counter-increment:s;background:var(--panel);border:1px solid var(--line);padding:24px 22px 20px}
.steps li:before{content:counter(s,decimal-leading-zero);display:block;font:700 1.5rem/1 var(--fh);color:var(--gold);opacity:.75;margin-bottom:10px}
.steps p{color:var(--mut);font-size:.95rem;margin:0}

/* checklist / callout / pros-cons */
.check{list-style:none!important;margin:1.3em 0!important;padding:0!important;display:grid;gap:8px}
.check li{position:relative;background:var(--panel);border:1px solid var(--line);padding:13px 16px 13px 46px!important;margin:0!important}
.check li:before{content:"◆";position:absolute;left:17px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:.75rem}
.note{padding:18px 22px;margin:1.5em 0;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--crim)}
.note b{display:block;font-family:var(--fh);font-size:1.03rem;color:var(--wh);margin-bottom:4px}
.note p{margin:0!important;color:var(--mut)!important;font-size:.96rem!important}
.note.warn{border-left-color:var(--gold);background:rgba(215,164,74,.07)}
.pcs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:1.5em 0}
.pc{background:var(--panel);border:1px solid var(--line);padding:22px}
.pc h3{font-size:1.02rem;margin-bottom:12px}
.pc ul{list-style:none;margin:0;padding:0;color:var(--mut);font-size:.95rem}
.pc li{position:relative;padding:5px 0 5px 22px}
.pc li:before{position:absolute;left:0;font-weight:700}
.pc-y{border-top:2px solid var(--gold)}.pc-y li:before{content:"+";color:var(--gold)}
.pc-n{border-top:2px solid var(--crim)}.pc-n li:before{content:"−";color:var(--crim2)}

/* game tiles */
.gwrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:14px}
.gt{display:block;background:var(--panel);border:1px solid var(--line);padding:7px 7px 10px;color:var(--tx);transition:.2s}
.gt-i{display:block;overflow:hidden}
.gt-i img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .35s}
.gt-n{display:block;font:500 .84rem/1.3 var(--fb);padding:9px 3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gt:hover{border-color:var(--gold);transform:translateY(-4px)}
.gt:hover .gt-i img{transform:scale(1.07)}

/* next steps */
.nexts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.nx{display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--line);padding:18px 20px;color:var(--tx);transition:.2s}
.nx h3{margin:0 0 3px;font-size:1.03rem}
.nx p{margin:0;color:var(--mut);font-size:.89rem;flex:1}
.nx .arr{margin-left:auto;color:var(--gold);font-size:1.1rem;transition:.2s}
.nx:hover{border-color:var(--gold);transform:translateX(4px)}

/* promo / split / cta */
.promo{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);border:1px solid var(--line2);background:linear-gradient(110deg,var(--bg3),var(--panel));box-shadow:var(--sh)}
.ps-in{padding:42px 40px}
.ps-in p{color:var(--mut);max-width:48ch}
.ps-img{position:relative;min-height:250px}
.ps-img img{width:100%;height:100%;object-fit:cover}
.ps-img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--panel),transparent 55%)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:center}
.split.rev .sp-img{order:2}
.sp-img{position:relative;padding:12px}
.sp-img:before{content:"";position:absolute;inset:0;border:1px solid var(--gold);opacity:.5}
.sp-img img{width:100%;aspect-ratio:5/4;object-fit:cover;position:relative}
.sp-txt p{color:#d6c3bb;font-size:1.03rem}
.sp-txt .btn{margin-top:6px}
.ctaband{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  background:linear-gradient(110deg,rgba(227,38,60,.16),rgba(215,164,74,.08));border:1px solid var(--line2);padding:34px 38px}
.ctaband h2{margin-bottom:.3em}
.ctaband p{color:var(--tx);margin:0;max-width:62ch}

/* faq */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.faq details{background:var(--panel);border:1px solid var(--line)}
.faq details[open]{border-color:var(--line2)}
.faq summary{list-style:none;cursor:pointer;padding:17px 50px 17px 20px;font:600 1rem/1.35 var(--fh);color:var(--wh);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--gold);font:400 1.3rem/1 var(--fb)}
.faq details[open] summary:after{content:"−"}
.faq .ans{padding:0 20px 18px}
.faq .ans p{margin:0;color:var(--mut);font-size:.96rem}

/* footer */
.foot{background:var(--bg2);border-top:1px solid var(--line);padding:54px 0 110px;font-size:.92rem;color:var(--mut)}
.foot-cta{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;
  background:linear-gradient(110deg,rgba(227,38,60,.14),rgba(215,164,74,.07));border:1px solid var(--line2);padding:28px 32px;margin-bottom:36px}
.foot-cta h3{font-size:1.5rem;margin:0 0 4px}
.foot-cta p{margin:0;color:var(--tx)}
.tlogos{display:flex;flex-wrap:nowrap;justify-content:center;gap:12px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tlogos img{height:80px;width:auto;opacity:.88;transition:.2s}
.tlogos img:hover{opacity:1}
.cols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:34px 0;border-bottom:1px solid var(--line)}
.cols h4{color:var(--wh);font:600 .73rem/1 var(--fb);letter-spacing:.2em;text-transform:uppercase;margin:0 0 14px}
.cols h4:after{content:"";display:block;width:28px;height:2px;background:var(--grg);margin-top:9px}
.cols a{display:block;color:var(--mut);padding:5px 0;transition:.15s}
.cols a:hover{color:var(--gold2)}
.fine{padding-top:26px;font-size:.83rem;line-height:1.75}
.fbrand{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.fbrand img{height:36px;width:auto}
.sbtn{display:inline-flex;align-items:center;gap:9px;padding:9px 17px;border:1px solid var(--line2);color:var(--wh);font-weight:500;font-size:.86rem;transition:.2s}
.sbtn svg{width:17px;height:17px}
.sbtn:hover{border-color:var(--gold);color:var(--gold2)}
.fine .logos{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.fine .logos img{height:28px;width:auto;opacity:.55;filter:brightness(0) invert(1)}
.fine .rg{color:var(--gold);font-weight:700}
.fine a{color:var(--gold2)}

/* sticky */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(29,7,12,.97);backdrop-filter:blur(10px);border-top:1px solid var(--gold);transform:translateY(115%);transition:transform .3s}
.sticky.on{transform:none}
.sticky .in{display:flex;align-items:center;gap:16px;padding:11px 20px}
.sticky b{font-family:var(--fh);color:var(--wh);font-size:1.03rem}
.sticky span{color:var(--mut);font-size:.83rem;margin-right:auto;min-width:0}

/* responsive */
@media (max-width:1080px){
  .nav a{padding:9px 7px;font-size:.86rem}
  .deck{grid-template-columns:repeat(2,1fr)}
  .factbox{grid-template-columns:repeat(2,1fr)}
  .fb:nth-child(2){border-right:0}.fb:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .tlogos{flex-wrap:wrap}.tlogos img{height:62px}
}
@media (max-width:900px){
  .mast .in{flex-wrap:wrap;height:auto;padding-top:11px;padding-bottom:9px;gap:10px 14px}
  .nav{order:3;width:100%;overflow-x:auto;margin:0;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav a{flex:none}
  .mast .cta{margin-left:auto}
  .hero{padding:40px 0 44px}
  .hg,.split,.promo{grid-template-columns:minmax(0,1fr);gap:32px}
  .split.rev .sp-img{order:0}
  .obar .in{gap:14px}
  .obar-g{margin-left:0;width:100%}
  .ob{padding:4px 16px 4px 0;border-left:0;border-right:1px solid var(--line)}
  .ob:last-child{border-right:0}
  .ps-img{min-height:200px}.ps-img:after{background:linear-gradient(180deg,var(--panel),transparent 60%)}
  .ps-in{padding:30px 24px}
  .faq,.nexts,.pcs{grid-template-columns:1fr}
  .cols{grid-template-columns:repeat(2,1fr)}
  .sec{padding:54px 0}
}
@media (max-width:560px){
  .wrap{padding:0 15px}
  .mast .btn-o{display:none}
  .gwrap{grid-template-columns:repeat(2,1fr);gap:10px}
  .deck,.factbox{grid-template-columns:1fr}
  .fb{border-right:0;border-bottom:1px solid var(--line)}
  .rb-big{font-size:2.5rem}
  .tlogos img{height:48px}
  .sticky span{display:none}.sticky .in{justify-content:space-between}
  .ctaband,.foot-cta{padding:24px 20px}
}