:root{--bg:#050605;--panel:#0d100d;--panel2:#141914;--green:#45c41d;--green2:#91ff63;--text:#f5f7f3;--muted:#aab2aa;--line:#262d26;--danger:#ff5d5d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% -10%,#183112 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}.wrap{width:min(1180px,calc(100% - 34px));margin:auto}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;background:rgba(5,6,5,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.8px}.brand img{width:52px;height:52px;border-radius:50%;object-fit:cover}.brand span b{color:var(--green)}.navlinks{display:flex;gap:22px;margin-left:auto;color:#d8ddd7}.navlinks a:hover{color:var(--green2)}.btn{border:0;border-radius:11px;padding:13px 18px;font-weight:900;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:8px}.btn-primary{background:var(--green);color:#071007}.btn-primary:hover{filter:brightness(1.1)}.btn-dark{background:#151a15;color:white;border:1px solid var(--line)}.hero{padding:70px 0 40px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}.kicker{color:var(--green2);font-size:13px;font-weight:900;letter-spacing:2px}.hero h1{font-size:clamp(54px,8vw,112px);line-height:.86;margin:14px 0 24px;letter-spacing:-5px}.hero h1 span{color:var(--green)}.hero p{font-size:20px;color:var(--muted);max-width:650px;line-height:1.55}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-card{min-height:440px;border-radius:30px;background:linear-gradient(150deg,rgba(72,202,30,.18),rgba(0,0,0,.15)),url('/assets/greenz-logo.png') center/66% no-repeat,#0b0e0b;border:1px solid #283128;box-shadow:0 30px 100px rgba(0,0,0,.55);position:relative;overflow:hidden}.hero-card:after{content:'TICKETS • EVENTS • GRENADA';position:absolute;bottom:26px;left:26px;right:26px;padding:15px;background:rgba(0,0,0,.72);border:1px solid #2c342c;border-radius:14px;text-align:center;font-weight:900;letter-spacing:1.4px}.section{padding:58px 0}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:24px}.section h2{font-size:42px;margin:6px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:#111511;border:1px solid var(--line);color:#dfe5dd;padding:10px 14px;border-radius:999px;cursor:pointer}.filter.active{background:var(--green);color:#061006;border-color:var(--green)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.event-card{background:linear-gradient(180deg,#101510,#0b0d0b);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.2s}.event-card:hover{transform:translateY(-4px);border-color:#4d6b44}.event-img{aspect-ratio:16/10;background:linear-gradient(135deg,#172916,#090b09);position:relative;overflow:hidden}.event-img img{width:100%;height:100%;object-fit:cover;display:block}.event-img.no-image:before{content:'GREENZ';font-size:38px;font-weight:1000;color:#57d82b;position:absolute;inset:0;display:grid;place-items:center;letter-spacing:4px;opacity:.35}.event-badge{position:absolute;top:13px;left:13px;background:#0a0d0a;border:1px solid #334033;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:900;text-transform:uppercase}.event-body{padding:18px}.event-body h3{font-size:24px;margin:4px 0 9px}.meta{color:var(--muted);font-size:14px;line-height:1.55}.price-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.price{font-size:23px;font-weight:1000;color:var(--green2)}.how{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{background:#0e120e;border:1px solid var(--line);padding:22px;border-radius:16px}.step b{color:var(--green);font-size:28px}.step span{display:block;margin-top:8px;color:#e7ebe5;font-weight:800}.footer{border-top:1px solid var(--line);padding:30px 0 45px;color:var(--muted)}.empty{padding:50px;border:1px dashed #384338;border-radius:20px;text-align:center;color:var(--muted)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.78);display:none;align-items:center;justify-content:center;padding:18px;z-index:50}.modal.open{display:flex}.modal-box{width:min(520px,100%);background:#0d110d;border:1px solid #2d382d;border-radius:22px;padding:24px}.modal-box h3{font-size:28px;margin:6px 0}.qty{display:flex;justify-content:space-between;align-items:center;background:#141914;padding:13px;border-radius:12px;margin:18px 0}.qty-controls{display:flex;align-items:center;gap:14px}.qty-controls button{width:34px;height:34px;border-radius:9px;border:1px solid #344034;background:#0a0d0a;color:#fff;font-size:20px}.full{width:100%}.close{float:right;background:none;border:0;color:#fff;font-size:28px;cursor:pointer}.note{font-size:12px;color:var(--muted);margin-top:12px}.success-card{width:min(760px,calc(100% - 34px));margin:70px auto;background:#0e120e;border:1px solid #2b362b;border-radius:24px;padding:32px}.ticket-code{font-size:clamp(34px,7vw,65px);font-weight:1000;color:var(--green2);letter-spacing:2px}.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#080a08;border-right:1px solid var(--line);padding:22px;position:sticky;top:0;height:100vh}.sidebar .brand{margin-bottom:28px}.sidebar a.navitem{display:block;padding:12px 13px;border-radius:10px;color:#d8ded6;margin:5px 0}.sidebar a.navitem:hover,.sidebar a.active{background:#141a14;color:var(--green2)}.admin-main{padding:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#101410;border:1px solid var(--line);padding:20px;border-radius:15px}.stat b{display:block;font-size:28px;margin-top:5px}.table-wrap{overflow:auto;background:#0f130f;border:1px solid var(--line);border-radius:16px;margin-top:20px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:13px;border-bottom:1px solid #242b24}th{color:#9faa9f;font-size:12px;text-transform:uppercase}.status{padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900}.status.paid{background:#173614;color:#9cff75}.status.pending{background:#383112;color:#ffe06d}.form-card{background:#0f130f;border:1px solid var(--line);padding:20px;border-radius:16px;max-width:850px}.field{margin-bottom:15px}.field label{display:block;font-size:13px;color:#bfc7bd;margin-bottom:6px;font-weight:700}.field input,.field textarea,.field select{width:100%;background:#080b08;border:1px solid #303930;color:white;border-radius:10px;padding:12px}.field textarea{min-height:110px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.flash{padding:12px 14px;border-radius:10px;background:#153214;color:#aaff8b;margin-bottom:16px}.danger{color:#ff7d7d}.login-card{width:min(430px,calc(100% - 34px));margin:80px auto;background:#0f130f;border:1px solid var(--line);border-radius:20px;padding:28px}.login-card img{width:84px;height:84px;border-radius:50%;display:block;margin:0 auto 14px}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-card{min-height:320px}.grid{grid-template-columns:1fr 1fr}.how{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative;border-right:0;border-bottom:1px solid var(--line)}.stats{grid-template-columns:1fr 1fr}.navlinks{display:none}}@media(max-width:620px){.wrap{width:min(100% - 22px,1180px)}.nav{height:68px}.brand img{width:42px;height:42px}.hero{padding-top:38px}.hero h1{letter-spacing:-2px}.hero p{font-size:17px}.grid,.how,.stats,.form-grid{grid-template-columns:1fr}.section h2{font-size:34px}.admin-main{padding:18px}.hero-card{min-height:280px}}
/* ---- Greenz one-scan ticket / gate scanner ---- */
.ticket-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.digital-ticket{background:#080b08;border:1px solid #2d382d;border-radius:20px;padding:18px;text-align:center;overflow:hidden}.ticket-number{font-size:11px;font-weight:1000;letter-spacing:1.8px;color:var(--green2);margin-bottom:12px}.digital-ticket .qr{width:200px;max-width:100%;margin:0 auto 14px;background:white;padding:10px;border-radius:13px;display:grid;place-items:center}.digital-ticket .qr img,.digital-ticket .qr canvas{max-width:100%;height:auto}.digital-ticket .barcode{width:100%;height:72px;margin:4px 0 8px}.ticket-code.small{font-size:clamp(20px,4vw,30px);letter-spacing:1.2px;overflow-wrap:anywhere}.ticket-state{font-size:11px;color:var(--muted);margin-top:9px}.ticket-state strong{color:var(--green2)}
.scanner-link{border:1px solid #31542a!important;background:#10200f!important;color:var(--green2)!important}.scanner-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:20px;align-items:start}.scanner-card{background:#0f130f;border:1px solid var(--line);border-radius:20px;padding:18px}.scanner-card #reader{background:#050705;border-radius:15px;overflow:hidden;border:1px solid #283128}.scanner-card #reader button,.scanner-card #reader select{border-radius:9px;padding:9px}.manual-scan{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.manual-scan label{display:block;color:#bfc7bd;font-size:12px;font-weight:800;margin-bottom:7px}.manual-row{display:flex;gap:9px}.manual-row input{min-width:0;flex:1;background:#080b08;border:1px solid #303930;color:white;border-radius:10px;padding:12px;font-size:16px;text-transform:uppercase}.scan-result{min-height:330px;border-radius:20px;padding:30px;border:2px solid #283128;background:#0b0e0b;display:flex;flex-direction:column;justify-content:center;text-align:center;position:sticky;top:24px}.scan-result .scan-icon{font-size:74px;line-height:1;font-weight:1000;margin-bottom:12px}.scan-result h2{font-size:36px;margin:0 0 8px}.scan-result p{font-size:16px;color:#d7ded5}.scan-result.ready .scan-icon,.scan-result.checking .scan-icon{color:var(--green)}.scan-result.accepted{border-color:#54db2d;background:radial-gradient(circle at 50% 20%,rgba(69,196,29,.23),transparent 45%),#071007}.scan-result.accepted .scan-icon,.scan-result.accepted h2{color:#91ff63}.scan-result.used,.scan-result.invalid,.scan-result.unpaid{border-color:#ff5d5d;background:radial-gradient(circle at 50% 20%,rgba(255,93,93,.18),transparent 45%),#100707}.scan-result.used .scan-icon,.scan-result.used h2,.scan-result.invalid .scan-icon,.scan-result.invalid h2,.scan-result.unpaid .scan-icon,.scan-result.unpaid h2{color:#ff7373}.scan-code{font-size:22px;font-weight:1000;letter-spacing:1px;margin:13px 0;overflow-wrap:anywhere}.scan-detail{background:rgba(0,0,0,.3);padding:14px;border-radius:12px;line-height:1.6;color:#dce3da}.used-time{margin-top:12px;font-size:13px;color:#ffb0b0}.stats{grid-template-columns:repeat(5,1fr)}
@media(max-width:900px){.scanner-grid{grid-template-columns:1fr}.scan-result{position:relative;top:auto;min-height:240px}.stats{grid-template-columns:1fr 1fr}.ticket-list{grid-template-columns:1fr}}
@media(max-width:620px){.manual-row{flex-direction:column}.scan-result h2{font-size:30px}.scan-result .scan-icon{font-size:60px}.digital-ticket{padding:14px}.digital-ticket .qr{width:190px}}

/* ===== GREENZ TICKETS URBAN HOMEPAGE V2 ===== */

.home-page{
  background:
    radial-gradient(circle at 80% 0%,rgba(69,196,29,.15),transparent 32%),
    linear-gradient(180deg,#030403 0%,#070907 55%,#030403 100%);
}

.home-page .topbar{
  background:rgba(2,3,2,.88);
  border-bottom:1px solid rgba(102,255,66,.15);
}

.home-page .hero{
  min-height:650px;
  display:flex;
  align-items:center;
  padding:80px 0 55px;
  position:relative;
  overflow:hidden;
}

.home-page .hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.78) 40%,rgba(0,0,0,.18) 100%),
    url('/assets/hero-nightlife.jpg') center/cover no-repeat;
  opacity:.72;
}

.home-page .hero:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:180px;
  background:linear-gradient(transparent,#050605);
}

.home-page .hero-grid{
  position:relative;
  z-index:2;
  grid-template-columns:1.05fr .95fr;
}

.home-page .hero h1{
  text-shadow:0 10px 40px rgba(0,0,0,.8);
}

.home-page .hero p{
  color:#e2e7e0;
  text-shadow:0 2px 15px #000;
}

.home-page .hero-card{
  min-height:470px;
  background:
    linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.74)),
    url('/assets/hero-nightlife.jpg') center/cover no-repeat;
  border:1px solid rgba(121,255,84,.35);
  box-shadow:
    0 35px 100px rgba(0,0,0,.72),
    0 0 50px rgba(69,196,29,.12);
}

.home-page .hero-card:after{
  content:'LIVE EVENTS • GRENADA';
  background:rgba(2,4,2,.8);
  backdrop-filter:blur(12px);
  border-color:rgba(113,255,72,.28);
}

.home-page #events{
  position:relative;
  z-index:3;
}

.home-page .event-card{
  background:#090c09;
  border-color:#1f281f;
  border-radius:22px;
  box-shadow:0 20px 50px rgba(0,0,0,.28);
}

.home-page .event-card:hover{
  transform:translateY(-7px);
  border-color:#54c936;
  box-shadow:0 28px 70px rgba(0,0,0,.5);
}

.home-page .event-img{
  aspect-ratio:4/3;
}

.home-page .event-img img{
  transition:transform .35s ease;
}

.home-page .event-card:hover .event-img img{
  transform:scale(1.05);
}

.home-page .event-img.no-image{
  background:
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.8)),
    url('/assets/hero-nightlife.jpg') center/cover no-repeat;
}

.home-page .event-img.no-image:before{
  content:'GREENZ EVENT';
  color:white;
  text-shadow:0 4px 20px #000;
  opacity:.88;
  font-size:30px;
}

.home-page .event-badge{
  background:rgba(0,0,0,.78);
  border-color:rgba(126,255,91,.35);
  color:#a5ff83;
  backdrop-filter:blur(8px);
}

.home-page .event-body{
  padding:20px;
}

.home-page .event-body h3{
  font-size:26px;
}

.home-page .price{
  color:#8dff63;
}

.home-page .btn-primary{
  box-shadow:0 8px 25px rgba(69,196,29,.18);
}

.home-page #how .step{
  background:linear-gradient(145deg,#0d120d,#070907);
  border-color:#202a20;
}

@media(max-width:900px){
  .home-page .hero{
    min-height:auto;
    padding:55px 0 38px;
  }

  .home-page .hero-grid{
    grid-template-columns:1fr;
  }

  .home-page .hero-card{
    min-height:360px;
  }
}

@media(max-width:620px){
  .home-page .hero{
    padding-top:42px;
  }

  .home-page .hero:before{
    background:
      linear-gradient(180deg,rgba(0,0,0,.74),rgba(0,0,0,.88)),
      url('/assets/hero-nightlife.jpg') center/cover no-repeat;
  }

  .home-page .hero h1{
    font-size:56px;
    line-height:.9;
  }

  .home-page .hero-card{
    min-height:300px;
    border-radius:20px;
  }

  .home-page .event-img{
    aspect-ratio:16/11;
  }
}



/* ===== GREENZ NETWORK + GCPLAY FOOTER V1 ===== */

/* RED BUY TICKET BUTTONS */
.home-page .event-card .buy,
.home-page .modal .btn-primary{
  background:linear-gradient(180deg,#ff2d2d,#e60000);
  color:#fff;
  border:1px solid #ff5757;
  box-shadow:0 8px 28px rgba(255,0,0,.28);
}

.home-page .event-card .buy:hover,
.home-page .modal .btn-primary:hover{
  background:#ff3535;
  box-shadow:0 10px 34px rgba(255,0,0,.42);
  transform:translateY(-1px);
}

/* GC PLAY PROMO */
.home-page .network-section{
  padding:18px 0 36px;
  background:
    radial-gradient(circle at 20% 0%,rgba(69,196,29,.11),transparent 35%),
    #050705;
}

.home-page .gcplay-banner{
  display:grid;
  grid-template-columns:82px 1fr auto;
  align-items:center;
  gap:20px;
  padding:20px 24px;
  border:1px solid #45c41d;
  border-radius:22px;
  background:
    linear-gradient(100deg,rgba(49,120,24,.20),rgba(4,6,4,.96) 40%),
    #070907;
  box-shadow:
    0 18px 55px rgba(0,0,0,.42),
    inset 0 0 45px rgba(69,196,29,.04);
  transition:.2s ease;
}

.home-page .gcplay-banner:hover{
  border-color:#8cff68;
  transform:translateY(-2px);
  box-shadow:
    0 22px 65px rgba(0,0,0,.55),
    0 0 30px rgba(69,196,29,.12);
}

.home-page .gcplay-mark{
  width:72px;
  height:72px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle,#48e41b 0 38%,#111 40% 57%,#43d91b 59% 63%,#050505 65%);
  color:#061006;
  font-size:28px;
  font-weight:1000;
  box-shadow:0 0 24px rgba(69,196,29,.25);
}

.home-page .gcplay-copy small{
  display:block;
  color:#8dff63;
  font-size:11px;
  font-weight:900;
  letter-spacing:2px;
  margin-bottom:2px;
}

.home-page .gcplay-copy strong{
  display:block;
  font-size:38px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-1px;
  color:#fff;
}

.home-page .gcplay-copy strong span{
  color:#59e52d;
}

.home-page .gcplay-copy p{
  margin:5px 0 0;
  color:#c4ccc2;
  font-size:14px;
}

.home-page .gcplay-action{
  background:#4bdc20;
  color:#061006;
  border-radius:999px;
  padding:13px 20px;
  font-weight:1000;
  white-space:nowrap;
}

.home-page .gcplay-action b{
  margin-left:8px;
}

/* BOTTOM FEATURE TABS */
.home-page .trust-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid #202a20;
  border-radius:18px;
  overflow:hidden;
  margin-top:16px;
  background:#090c09;
}

.home-page .trust-item{
  display:flex;
  align-items:center;
  gap:13px;
  padding:19px;
  border-right:1px solid #202a20;
}

.home-page .trust-item:last-child{
  border-right:0;
}

.home-page .trust-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid #4edb27;
  color:#75ff4c;
  font-size:20px;
  font-weight:1000;
  box-shadow:inset 0 0 15px rgba(69,196,29,.10);
}

.home-page .trust-item b{
  display:block;
  color:#fff;
  font-size:15px;
}

.home-page .trust-item span{
  display:block;
  color:#8f998e;
  margin-top:3px;
  font-size:12px;
}

/* LARGE FOOTER */
.big-footer{
  background:
    linear-gradient(180deg,#080b08,#030403);
  border-top:1px solid #28501f;
  padding:28px 0 34px;
}

.footer-grid{
  display:grid;
  grid-template-columns:1.1fr 1fr auto;
  gap:28px;
  align-items:center;
}

.footer-brand{
  display:flex;
  align-items:center;
  gap:14px;
}

.footer-brand img{
  width:62px;
  height:62px;
  border-radius:50%;
  object-fit:cover;
}

.footer-brand b{
  display:block;
  color:#fff;
  letter-spacing:1px;
}

.footer-brand span{
  display:block;
  color:#6fe84b;
  font-size:12px;
  margin-top:4px;
}

.footer-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 18px;
}

.footer-links a{
  color:#d7ddd5;
  font-size:13px;
  font-weight:800;
}

.footer-links a:hover{
  color:#7cff54;
}

.footer-copy{
  color:#7f897d;
  font-size:12px;
  white-space:nowrap;
}

/* MOBILE */
@media(max-width:900px){
  .home-page .gcplay-banner{
    grid-template-columns:68px 1fr;
  }

  .home-page .gcplay-action{
    grid-column:1/-1;
    text-align:center;
  }

  .home-page .trust-strip{
    grid-template-columns:1fr 1fr;
  }

  .home-page .trust-item:nth-child(2){
    border-right:0;
  }

  .home-page .trust-item:nth-child(-n+2){
    border-bottom:1px solid #202a20;
  }

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

  .footer-brand{
    justify-content:center;
  }

  .footer-copy{
    white-space:normal;
  }
}

@media(max-width:620px){
  .home-page .gcplay-banner{
    padding:16px;
    grid-template-columns:58px 1fr;
    gap:13px;
  }

  .home-page .gcplay-mark{
    width:56px;
    height:56px;
    font-size:22px;
  }

  .home-page .gcplay-copy strong{
    font-size:28px;
  }

  .home-page .gcplay-copy p{
    font-size:12px;
  }

  .home-page .trust-strip{
    grid-template-columns:1fr;
  }

  .home-page .trust-item{
    border-right:0;
    border-bottom:1px solid #202a20;
  }

  .home-page .trust-item:last-child{
    border-bottom:0;
  }

  .home-page .event-card .buy{
    background:#ef1111;
    color:white;
  }
}


/* ===== EXACT GIRL CARNIVAL HERO V1 ===== */

.home-page .hero-poster{
  width:100%;
  position:relative;
  aspect-ratio:1536 / 620;
  min-height:500px;
  max-height:650px;

  background-image:url('/assets/greenz-hero-banner.png');
  background-repeat:no-repeat;
  background-size:100% auto;
  background-position:center 50%;

  border-bottom:1px solid rgba(82,255,40,.35);
  box-shadow:
    inset 0 -70px 80px rgba(0,0,0,.25),
    0 15px 60px rgba(0,0,0,.38);

  overflow:hidden;
}

/* Clickable area directly over the red BUY NOW in the artwork */
.home-page .hero-buy-hotspot{
  position:absolute;
  z-index:5;
  left:75.2%;
  top:73%;
  width:21%;
  height:14%;
  border-radius:24px;
  cursor:pointer;
}

/* Keep text for accessibility but visually hide it */
.home-page .hero-buy-hotspot span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
}

/* GC PLAY promo inside the hero is also clickable */
.home-page .hero-gcplay-hotspot{
  position:absolute;
  z-index:5;
  left:2.5%;
  top:79%;
  width:48%;
  height:18%;
  cursor:pointer;
}

/* Glow when hovering the artwork BUY NOW */
.home-page .hero-buy-hotspot:hover{
  box-shadow:
    0 0 25px rgba(255,25,25,.55),
    inset 0 0 25px rgba(255,255,255,.08);
}

/* Mobile real button */
.mobile-hero-buy{
  display:none;
}

/* DESKTOP / LAPTOP */
@media(min-width:901px){
  .home-page .hero-poster{
    background-size:100% auto;

    /*
      Original artwork is 1536x864.
      The hero window crops the top navigation
      and bottom demo event cards automatically.
    */
    background-position:center 50%;
  }
}

/* TABLET */
@media(max-width:900px){
  .home-page .hero-poster{
    aspect-ratio:auto;
    min-height:520px;
    max-height:none;
    background-size:auto 100%;
    background-position:56% center;
  }

  .home-page .hero-buy-hotspot,
  .home-page .hero-gcplay-hotspot{
    display:none;
  }

  .mobile-hero-buy{
    display:inline-flex;
    position:absolute;
    z-index:7;
    bottom:25px;
    left:50%;
    transform:translateX(-50%);
    align-items:center;
    justify-content:center;
    background:linear-gradient(180deg,#ff3030,#e00000);
    color:#fff;
    border:1px solid #ff6767;
    border-radius:16px;
    padding:15px 30px;
    font-size:19px;
    font-weight:1000;
    box-shadow:
      0 0 28px rgba(255,0,0,.45),
      0 12px 30px rgba(0,0,0,.5);
    white-space:nowrap;
  }
}

/* PHONE */
@media(max-width:620px){
  .home-page .hero-poster{
    min-height:480px;
    background-position:58% center;
  }

  .mobile-hero-buy{
    width:calc(100% - 44px);
    bottom:20px;
  }
}