/* ── STICKY CTA ── */
.sticky-cta{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:200;display:flex;align-items:center;gap:12px;background:rgba(3,7,18,0.85);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:100px;padding:10px 10px 10px 20px;box-shadow:0 8px 32px rgba(0,0,0,0.4)}
.sticky-text{font-size:0.82rem;color:rgba(255,255,255,0.6);white-space:nowrap}
.sticky-text strong{color:#fff}
.sticky-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-weight:700;font-size:0.85rem;padding:10px 22px;border-radius:100px;border:none;cursor:pointer;white-space:nowrap}


/* ── HERO ── */
.hero{
display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 0 0;position:relative;overflow:hidden;background:#030712; width: 100%}

/* Layered gradient background */
.bg-layer-1{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(29,78,216,0.55) 0%,transparent 70%);pointer-events:none}
.bg-layer-2{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 20% 50%,rgba(124,58,237,0.3) 0%,transparent 60%);pointer-events:none}
.bg-layer-3{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 80% 50%,rgba(6,182,212,0.2) 0%,transparent 60%);pointer-events:none}
.bg-layer-4{position:absolute;inset:0;background:radial-gradient(ellipse 100% 40% at 50% 100%,rgba(29,78,216,0.35) 0%,transparent 60%);pointer-events:none}
.bg-layer-5{position:absolute;inset:0;background:radial-gradient(ellipse 40% 30% at 50% 40%,rgba(99,102,241,0.12) 0%,transparent 60%);pointer-events:none}

/* Arc rings */
.arc-wrap{position:absolute;bottom:-120px;left:50%;transform:translateX(-50%);width:120%;pointer-events:none}
.arc-1{width:100%;height:500px;border-radius:50% 50% 0 0;border:1px solid rgba(77,159,255,0.25);position:absolute;bottom:0;left:0}
.arc-2{width:80%;height:400px;border-radius:50% 50% 0 0;border:1px solid rgba(77,159,255,0.15);position:absolute;bottom:0;left:10%}
.arc-3{width:60%;height:300px;border-radius:50% 50% 0 0;border:1px solid rgba(124,58,237,0.2);position:absolute;bottom:0;left:20%}
.arc-glow{width:70%;height:350px;border-radius:50% 50% 0 0;position:absolute;bottom:0;left:15%;background:radial-gradient(ellipse at 50% 100%,rgba(29,78,216,0.3) 0%,transparent 70%)}


/* ── BATCH BADGE ── */
.batch-badge{width: 350px; display:inline-flex;align-items:center;gap:8px;padding:6px 16px;margin-bottom:40px;position:relative;z-index:1}
.batch-badge img {
    width: 100%;
}

/* ── PROOF STRIP ── */
.proof-strip{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:32px;position:relative;z-index:1}
.avatars{display:flex;}
.avatar{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,0.15);margin-left:-10px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}
.avatar:first-child{margin-left:0}
.av1{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.av2{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}
.av3{background:linear-gradient(135deg,#06b6d4,#0284c7)}
.av4{background:linear-gradient(135deg,#f59e0b,#d97706)}
.av5{background:linear-gradient(135deg,#10b981,#059669)}
.proof-text{font-size:0.82rem;color:rgba(255,255,255,0.5)}
.proof-text strong{color:rgba(255,255,255,0.85);font-weight:600}


/* ── HEADLINE ── */
.hero h1{font-size:clamp(2.6rem,6.5vw,4rem);font-weight:700;line-height:1.08;letter-spacing:-0.04em;margin-bottom:30px;position:relative;z-index:1;max-width:1200px; color: #b9bedb}

.line-plain{display:block;color:rgba(255,255,255,0.92)}
.line-gradient{display:inline;background:linear-gradient(90deg,#00fff0 0%, #0083fe 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.line-dim{color:#fff;}

/* ── SUBHEADLINE ── */
.hero-sub{font-size:clamp(1.2rem,1.4vw,1.05rem);color:rgba(255,255,255,0.9);max-width:840px;line-height:1.2;margin-bottom:30px;position:relative;z-index:1}



/* ── CTA ROW ── */
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:60px;position:relative;z-index:1}
.btn-primary{background:linear-gradient(135deg,#F59E0B,#FBBF24);color:#1A1A2E;font-weight:800;font-size:1.2rem;padding:16px 36px;border-radius:100px;border:none;cursor:pointer;letter-spacing:-0.01em;position:relative;overflow:hidden;animation:float3 2s ease-in-out infinite}

@keyframes float3{
0%,100%{transform:scale(100%);box-shadow:0 0 24px rgba(251,191,36,0.35),0 4px 14px rgba(0,0,0,0.25)}
30%{transform:scale(102%);box-shadow:0 0 48px rgba(251,191,36,0.65),0 12px 24px rgba(0,0,0,0.2)}
60%{transform:scale(98%);box-shadow:0 0 36px rgba(251,191,36,0.5),0 8px 18px rgba(0,0,0,0.22)}
}

.btn-primary:hover{animation:none;transform:translateY(-6px);box-shadow:0 0 60px rgba(251,191,36,0.75),0 12px 28px rgba(0,0,0,0.3)}

.btn-outline{background:transparent;color:#fff;font-weight:700;font-size:0.97rem;padding:15px 36px;border-radius:100px;border:2px solid rgba(255,255,255,0.45);cursor:pointer;transition:all 0.25s;letter-spacing:-0.01em}
.btn-outline:hover{background:rgba(255,255,255,0.08);border-color:#fff;transform:translateY(-1px)}

/* ── TRUST PILLS ── */
.trust-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:60px;position:relative;z-index:1}
.pill{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.3);border-radius:100px;padding:7px 14px;font-size:0.78rem;color:rgba(255,255,255,0.5)}
.pill-dot{width:5px;height:5px;border-radius:50%;background:#4D9FFF;flex-shrink:0}

/* ── STAT STRIP ── */
.stat-strip{display:flex; width: 100% ;justify-content:center;border-top:1px solid rgba(255,255,255,0);position:relative;z-index:1; background:rgba(255,255,255,0.01)}
.stat-item{padding:26px 44px;text-align:center;border-right:1px solid rgba(255,255,255,0.05);flex:1; background: rgba(0,0,0,0.5)}
.stat-item:last-child{border-right:none}
.stat-num{font-size:2rem;font-weight:900;letter-spacing:-0.04em;background:linear-gradient(90deg,#00fff0 0%, #0083fe 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.stat-label{font-size:0.72rem;color:rgba(255,255,255,.8);margin-top:5px;letter-spacing:0.04em;text-transform:uppercase}


/* ── VIDEO + STATS ROW ── */
.video-stats-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px;max-width:860px;position:relative;z-index:1;width:100%}

.video-placeholder{background:rgba(255,255,255,0.04);border:2px solid rgba(255,255,255,0.1);border-radius:16px;overflow:hidden;position:relative;cursor:pointer;min-height:220px;transition:border-color 0.25s}
.video-placeholder:hover{border-color:rgba(251,191,36,0.4)}
.video-placeholder::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(29,78,216,0.2) 0%,transparent 70%);pointer-events:none}
.video-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.play-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#F59E0B,#FBBF24);display:flex;align-items:center;justify-content:center;font-size:20px;color:#1A1A2E;padding-left:4px;box-shadow:0 0 32px rgba(251,191,36,0.4);transition:transform 0.2s}
.video-placeholder:hover .play-btn{transform:scale(1.1)}
.video-label{font-size:0.82rem;color:rgba(255,255,255,0.65);text-align:center;max-width:180px;line-height:1.5;padding:0 16px}
.video-duration{font-size:0.72rem;color:rgba(255,255,255,0.3);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);border-radius:100px;padding:3px 10px}
.seats { font-size: .8rem; color: var(--muted); margin-bottom: 30px;}


/* ── HEADING ── */
.section-label{font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#F5A623;margin-bottom:12px}
.heading-en{font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:900;color:#fff;letter-spacing:-0.04em;line-height:1.1;margin-bottom:8px}
.heading-en span{background:linear-gradient(90deg,#60A5FA,#0083fe); -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.heading-ta{font-size:1rem;color:rgba(255,255,255,0.6);font-weight:400;margin-bottom:56px}

/* ── FOOTER BANNER ── */
.footer-banner{margin-top:28px;background:linear-gradient(135deg,#1E3A5F 0%,#162844 100%);border:1px solid rgba(77,159,255,0.2);border-radius:16px;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}
.footer-banner::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(77,159,255,0.15),transparent 70%);pointer-events:none}
.footer-banner::after{content:'';position:absolute;bottom:-40px;left:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(139,92,246,0.1),transparent 70%);pointer-events:none}
.footer-text{position:relative;z-index:8;font-size:0.95rem;color:rgba(255,255,255,.8);line-height:1.4}
.footer-text strong{color:#F5A623}
.footer-cta{background:linear-gradient(135deg,#F59E0B,#FBBF24);color:#1A1A2E;font-weight:800;font-size:0.95rem;padding:14px 28px;border-radius:100px;border:none;cursor:pointer;white-space:nowrap;position:relative;z-index:1;letter-spacing:-0.01em;overflow:hidden;animation:floatbtn 2s ease-in-out infinite;flex-shrink:0}
.footer-cta::after{content:'';position:absolute;top:-50%;left:-60%;width:35%;height:200%;background:rgba(255,255,255,0.2);transform:skewX(-20deg);animation:shimmer 3s ease-in-out infinite}
@keyframes floatbtn{0%,100%{transform:translateY(0);box-shadow:0 0 24px rgba(251,191,36,0.3),0 4px 14px rgba(0,0,0,0.2)}40%{transform:translateY(-3px);box-shadow:0 0 40px rgba(251,191,36,0.55),0 8px 20px rgba(0,0,0,0.18)}}
@keyframes shimmer{0%{left:-60%}55%,100%{left:130%}}
.footer-cta:hover{animation:none;transform:translateY(-3px);box-shadow:0 0 52px rgba(251,191,36,0.6),0 10px 24px rgba(0,0,0,0.25)}





* ── WRAPPER ── */
.price-block{  max-width:640px;  width:100%;  background:linear-gradient(160deg,#0F1E38 0%,#0A0F1E 60%,#0F1E38 100%);  border:1px solid rgba(255,255,255,0.08);  border-radius:24px;  padding:48px 40px 40px;  text-align:center;  position:relative;  overflow:hidden;}

/* Background glows */
.price-block::before{  content:'';  position:absolute;  top:-80px;left:50%;  transform:translateX(-50%);  width:500px;height:300px;  background:radial-gradient(ellipse,rgba(29,78,216,0.25) 0%,transparent 70%);  pointer-events:none;}
.price-block::after{  content:'';  position:absolute;  bottom:-60px;left:50%;  transform:translateX(-50%);  width:400px;height:200px;  background:radial-gradient(ellipse,rgba(139,92,246,0.12) 0%,transparent 70%);  pointer-events:none;}


/* ── CROSSED PRICE ── */
.original-price{  font-size:1rem;  font-weight:500;  color:rgba(255,255,255,0.5);  text-decoration:line-through;  text-decoration-color:rgba(255,255,255,0.4);  letter-spacing:0.02em;  margin-bottom:8px;  position:relative;  z-index:1;}

/* ── MAIN PRICE ── */
.main-price{  font-size:clamp(5rem,15vw,6rem);  font-weight:900;  color:#fff;  line-height:0.9;  letter-spacing:-0.05em;  margin-bottom:16px;  position:relative;  z-index:1;}
.main-price .rupee{  font-size:.7em;  vertical-align:middle;  /*margin-top:0.15em;*/  font-weight:300;}

/* ── URGENCY LINE ── */
.urgency-line{  display:inline-flex;  align-items:center;  gap:8px;  font-size:0.78rem;  font-weight:700;  color:rgba(255,255,255,0.45);  letter-spacing:0.12em;  text-transform:uppercase;  margin-bottom:14px;  position:relative;  z-index:1;}
.urgency-line::before,
.urgency-line::after{  content:'';  flex:1;  height:1px;  background:rgba(255,255,255,0.1);  width:40px;}

/* ── COUNTDOWN ── */
.countdown-wrap{  display:flex;  align-items:center;  justify-content:center;  gap:8px;  margin-bottom:28px;  position:relative;  z-index:1;}
.countdown-box{  background:rgba(255,255,255,0.06);  border:1px solid rgba(255,255,255,0.1);  border-radius:10px;  padding:10px 16px;  min-width:56px;  text-align:center;}
.countdown-num{  font-size:1.4rem;  font-weight:800;  color:#fff;  line-height:1;  font-variant-numeric:tabular-nums;}
.countdown-label{  font-size:0.58rem;  color:rgba(255,255,255,0.3);  text-transform:uppercase;  letter-spacing:0.07em;  margin-top:3px;}
.countdown-sep{  font-size:1.4rem;  font-weight:700;  color:rgba(255,255,255,0.2);  margin-bottom:14px;}

/* ── SEAT INDICATOR ── */
.seat-bar{  margin-bottom:28px;  position:relative;  z-index:1;}
.seat-bar-top{  display:flex;  justify-content:space-between;  align-items:center;  margin-bottom:8px;  font-size:0.75rem;}
.seat-left{color:rgba(255,255,255,0.45)}.seat-right{color:#F5A623;font-weight:600}.seat-track{  height:6px;  background:rgba(255,255,255,0.06);  border-radius:100px;  overflow:hidden;}
.seat-fill{  height:100%;  width:8%;  background:linear-gradient(90deg,#F59E0B,#FBBF24);  border-radius:100px;  transition:width 1s ease;}

/* ── CTA BUTTON ── */
.cta-btn{  display:block;  width:100%;  background:linear-gradient(135deg,#F59E0B,#FBBF24);  color:#1A1A2E;  font-family:'Inter',sans-serif;  font-weight:800;  font-size:1.1rem;  padding:20px 32px;  border-radius:100px;  border:none;  cursor:pointer;  letter-spacing:-0.01em;  position:relative;  z-index:1;  overflow:hidden;  animation:floatbtn 2s ease-in-out infinite;  box-shadow:0 0 40px rgba(251,191,36,0.35),0 8px 24px rgba(0,0,0,0.3);  margin-bottom:16px;}
.cta-btn::after{  content:'';  position:absolute;  top:-50%;left:-60%;  width:35%;height:200%;  background:rgba(255,255,255,0.2);  transform:skewX(-20deg);  animation:shimmer 3s ease-in-out infinite; }
.cta-btn:hover{  animation:none;  transform:translateY(-3px);  box-shadow:0 0 64px rgba(251,191,36,0.7),0 12px 32px rgba(0,0,0,0.3);}

/* ── REFUND LINE ── */
.refund-line{  font-size:0.75rem;  color:rgba(255,255,255,0.28);  position:relative;  z-index:1;  display:flex;  align-items:center;  justify-content:center;  gap:6px;}

/* ── INCLUDES PILLS ── */
.includes{  display:flex;  flex-wrap:wrap;  gap:8px;  justify-content:center;  margin-bottom:28px;  position:relative;  z-index:1;}
.inc-pill{  display:flex;  align-items:center;  gap:5px;  background:rgba(255,255,255,0.04);  border:1px solid rgba(255,255,255,0.08);  border-radius:100px;  padding:5px 12px;  font-size:0.72rem;  color:rgba(255,255,255,0.5);}
.inc-check{color:#4D9FFF;font-size:10px;font-weight:700}
.divider { height: 1px; background: linear-gradient(90deg,transparent,rgba(245,200,66,.2),transparent); }



/* Twinkle animation */
@keyframes twinkle{0%,100%{opacity:0}50%{opacity:1}}

@keyframes floatbtn{
    0%,100%{transform:translateY(0);box-shadow:0 0 28px rgba(251,191,36,0.35),0 4px 16px rgba(0,0,0,0.25)}
    40%{transform:translateY(-4px);box-shadow:0 0 48px rgba(251,191,36,0.62),0 10px 24px rgba(0,0,0,0.2)}
}

@keyframes shimmer{0%{left:-60%}55%,100%{left:130%}}

@keyframes floatbtn{
  0%,100%{transform:translateY(0);box-shadow:0 0 32px rgba(251,191,36,0.35),0 6px 20px rgba(0,0,0,0.25)}
  40%{transform:translateY(-4px);box-shadow:0 0 42px rgba(251,191,36,0.35),0 14px 28px rgba(0,0,0,0.2)}
}

@keyframes shimmer{
  0%{left:-60%}55%,100%{left:130%}
}


  /* ── RESPONSIVE ── */
@media(max-width:1140px){
    .hero{padding:85px 24px 0}
}
@media(max-width:900px){
    .nav{padding:16px 20px}
    .nav-links{display:none}
    .hero{padding:40px 24px 0}
    .hero h1{font-size:clamp(2rem,8vw,3.8rem)}
    .stat-item{padding:20px 16px}
    .stat-num{font-size:1.6rem}
    .trust-pills{gap:8px}
    .pill{font-size:0.72rem;padding:6px 10px}
    .sticky-cta{width:calc(100% - 32px);justify-content:center}
    .tamil-card{font-size: 1.1rem}
    .line-dim { margin-top:20px; }
    .batch-badge {
        width: 250px; margin-bottom: 40px;
    }
}
@media(max-width:480px){
    .cta-row{flex-direction:column;align-items:center}
    .btn-primary,.btn-outline{width:100%;text-align:center}
    .stat-strip{flex-wrap:wrap}
    .stat-item{flex:0 0 50%;border-right:none;border-bottom:1px solid rgba(255,255,255,0.05)}
    .stat-item:nth-child(odd){border-right:1px solid rgba(255,255,255,0.05)}

}
@media(max-width:480px){
    .price-block{padding:36px 24px 32px;border-radius:20px}
    .main-price{font-size:5.5rem}
    .countdown-num{font-size:1.2rem}
    .cta-btn{font-size:1rem;padding:18px 24px}
}
@media(max-width:768px){
    .footer-banner{flex-direction:column;align-items:flex-start;padding:20px 22px}
    .footer-cta{width:100%;text-align:center}
}



/* Mid Section - The Truth */


.thetruth{
  padding:60px 40px;
  background:linear-gradient(160deg,#0A1628 0%,#0D1F3C 50%,#0A1628 100%);
  background: rgb(3, 7, 18);
  position:relative;
  overflow:hidden;
  text-align:center;
}

/*.truthglow-1{bottom:-80px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(124,58,237,0.12) 0%,transparent 65%)}*/
.truthglow-2{top:-150px;left:-160px;width:600px;height:600px;background:radial-gradient(circle,rgba(29,78,216,0.1) 0%,transparent 65%)}

.glow{position:absolute;pointer-events:none}

/* Grid box pattern like reference */


/* Soft blue glow in center-right like reference */
.thetruth::after{
  content:'';
  position:absolute;
  top:50%;right:-100px;
  transform:translateY(-50%);
  width:600px;height:400px;
  background:radial-gradient(ellipse,rgba(14,116,144,0.18) 0%,transparent 65%);
  pointer-events:none;
}

.thetruth-inner{
  max-width:900px;
  margin:0 auto;
  position:relative;
  z-index:1;
}

/* Label */
.stmt-label{
  font-size:0.78rem;
  font-weight:700;
  letter-spacing:0.1em;
  text-transform:uppercase;
  margin-bottom:20px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color: #F5A623;
}
/*.label-word-1{color:#60A5FA}
.label-word-2{color:#A78BFA}*/

/* Headline */
.stmt-headline{
  font-size:clamp(2rem,5vw,3.6rem);
  font-weight:900;
  color:#fff;
  line-height:1.1;
  letter-spacing:-0.04em;
  margin-bottom:20px;
}
.stmt-headline span{
  /*background:linear-gradient(90deg,#3b82f6,#8b5cf6);*/
      background: linear-gradient(90deg, rgb(0, 255, 240) 0%, rgb(0, 131, 254) 100%) text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

/* Body */
.stmt-body {
  font-size:clamp(0.95rem,1.8vw,1.15rem);
  color:rgba(255,255,255,0.6);
  line-height:1.6;
  max-width:700px;
  margin:0 auto 0;
}
.stmt-body span {
  color:rgba(255,255,255,0.85);
  font-weight:700;
  font-size: 1.5rem;
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.stmt-body strong {
  color:rgba(255,255,255,0.85);
  font-weight:700;
}

/* CTA pill */
.stmt-cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:linear-gradient(135deg,#F59E0B,#FBBF24);
  color:#1A1A2E;
  font-weight:800;
  font-size:0.95rem;
  padding:15px 32px;
  border-radius:100px;
  border:none;
  cursor:pointer;
  letter-spacing:-0.01em;
  overflow:hidden;
  position:relative;
  animation:floatbtn 2s ease-in-out infinite;
}
.stmt-cta::after{
  content:'';
  position:absolute;
  top:-50%;left:-60%;
  width:35%;height:200%;
  background:rgba(255,255,255,0.2);
  transform:skewX(-20deg);
  animation:shimmer 3s ease-in-out infinite;
}
@keyframes floatbtn{
  0%,100%{transform:translateY(0);box-shadow:0 0 24px rgba(251,191,36,0.3),0 4px 14px rgba(0,0,0,0.1)}
  40%{transform:translateY(-3px);box-shadow:0 0 40px rgba(251,191,36,0.5),0 8px 20px rgba(0,0,0,0.1)}
}
@keyframes shimmer{0%{left:-60%}55%,100%{left:130%}}
.stmt-cta:hover{animation:none;transform:translateY(-3px);box-shadow:0 0 52px rgba(251,191,36,0.6)}

@media(max-width:768px){
  .thetruth{padding:64px 24px}
  .stmt-headline{font-size:clamp(1.8rem,7vw,2.6rem)}
}



/* ── STICKY BAR ── */
.sticky-bar{
  width:100%;max-width:960px;
  background:linear-gradient(135deg,#0A1628 0%,#0F1E38 50%,#0A1628 100%);
  backdrop-filter:blur(24px);
  /*-webkit-backdrop-filter:blur(24px);*/
  border:1px solid rgba(255,255,255,0.1);
  border-radius:16px;
  padding:14px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  box-shadow:
    0 20px 60px rgba(0,0,0,0.6),
    0 8px 24px rgba(0,0,0,0.4),
    0 0 0 1px rgba(255,255,255,0.05) inset,
    0 0 40px rgba(59,130,246,0.08);
  position:relative;
  overflow:hidden;
}
.sticky-bar.visible{
  transform:translateX(-50%) translateY(0);
  opacity:1;
  pointer-events:all;
}

/* Grid box pattern */
.sticky-bar::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size:32px 32px;
  pointer-events:none;
}

/* Amber top glow line */
.sticky-bar::after{
  content:'';
  position:absolute;
  top:0;left:15%;right:15%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(245,166,35,0.5),transparent);
  pointer-events:none;
}

/* ── LEFT: Brand + Seats ── */
.sticky-left{display:flex;flex-direction:column;gap:8px;flex-shrink:0}
.sticky-seats{display:flex;align-items:center;justify-content:center;gap:5px;font-size:0.65rem;color:rgba(255,255,255,0.35)}
.sticky-price-row{display:flex;align-items:center;gap:16px}
.seats-pulse{width:6px;height:6px;border-radius:50%;background:#F5A623;animation:spulse 1.5s infinite;flex-shrink:0}
@keyframes spulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.35;transform:scale(0.65)}}

/* ── DIVIDER ── */
.sdiv{width:1px;height:36px;background:rgba(255,255,255,0.07);flex-shrink:0}

/* ── MIDDLE: Price + Timer ── */


.sticky-price{text-align:center}

.sticky-strike{font-size:0.65rem;color:rgba(255,255,255,0.22);text-decoration:line-through;text-decoration-color:rgba(255,255,255,0.2);line-height:1;margin-bottom:2px}
.sticky-price-val{font-size:1.35rem;font-weight:900;color:#fff;letter-spacing:-0.04em;line-height:1}
.sticky-price-val sup{font-size:0.5em;vertical-align:top;margin-top:4px;font-weight:800}

.sticky-timer{display:flex;flex-direction:column;align-items:center;gap:3px}
.sticky-timer-label{font-size:0.55rem;font-weight:600;color:rgba(255,255,255,0.28);text-transform:uppercase;letter-spacing:0.08em;white-space:nowrap}
.sticky-timer-row{display:flex;align-items:center;gap:3px}
.st-box{background:rgba(245,166,35,0.1);border:1px solid rgba(245,166,35,0.25);border-radius:6px;padding:5px 9px;min-width:36px;text-align:center}
.st-num{font-size:1rem;font-weight:800;color:#FBBF24;line-height:1;font-variant-numeric:tabular-nums}
.st-sep{font-size:1rem;font-weight:700;color:rgba(245,166,35,0.4);padding-bottom:8px}

/* ── RIGHT: Button ── */
.sticky-right{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}
.sticky-btn{
  background:linear-gradient(135deg,#F59E0B,#FBBF24);
  color:#1A1A2E;
  font-weight:800;
  font-size:0.88rem;
  padding:12px 24px;
  border-radius:100px;
  border:none;
  cursor:pointer;
  white-space:nowrap;
  letter-spacing:-0.01em;
  position:relative;
  overflow:hidden;
  box-shadow:0 0 20px rgba(251,191,36,0.3),0 4px 12px rgba(0,0,0,0.25);
  animation:sbtnfloat 2s ease-in-out infinite;
}
.sticky-btn::after{
  content:'';
  position:absolute;
  top:-50%;left:-60%;
  width:35%;height:200%;
  background:rgba(255,255,255,0.22);
  transform:skewX(-20deg);
  animation:sshimmer 3s ease-in-out infinite;
}
@keyframes sbtnfloat{
  0%,100%{box-shadow:0 0 20px rgba(251,191,36,0.3),0 4px 12px rgba(0,0,0,0.2)}
  50%{box-shadow:0 0 36px rgba(251,191,36,0.55),0 6px 16px rgba(0,0,0,0.2)}
}
@keyframes sshimmer{0%{left:-60%}55%,100%{left:130%}}




.bg1 {
  background: #070E1F;
  background-image: radial-gradient(circle, rgba(255,255,255,0.07) 1px, transparent 1px);
  background-size: 24px 24px;
  position: relative;
  overflow: hidden;
}
.bg1::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(29,78,216,0.12) 0%, transparent 70%);
  pointer-events: none;
}



.bg2 {
  background: #0B1525;
  background-image:
    linear-gradient(rgba(77,159,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(77,159,255,0.04) 1px, transparent 1px);
  background-size: 60px 60px;
  position: relative;
  overflow: hidden;
}
.bg2::before {
  content: '';
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 300px;
  background: radial-gradient(ellipse, rgba(59,130,246,0.1) 0%, transparent 70%);
  pointer-events: none;
}
.bg2::after {
  content: '';
  position: absolute;
  bottom: -60px;
  right: -60px;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(139,92,246,0.06) 0%, transparent 70%);
  pointer-events: none;
}



.sectionbg-1 { background:#0A0F1E; }
.sectionbg-1::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(29,78,216,0.1) 0%,transparent 70%);pointer-events:none}

.sectionbg-2{background:#030712}
/*.sectionbg-1::{top:-80px;left:50%;transform:translateX(-50%);width:700px;height:300px;background:radial-gradient(ellipse,rgba(29,78,216,0.2) 0%,transparent 70%)}*/



/*.sectionbg-2{background:linear-gradient(160deg,#0A1628 0%,#0D1F3C 50%,#0A1628 100%)}*/
    
/* Different glow pattern from section 2 — bottom left + top right */
.sectionbg-2::before{content:'';position:absolute;bottom:-100px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,0.08) 0%,transparent 65%);pointer-events:none}
.sectionbg-2::after{content:'';position:absolute; top: -100px; left: 50%; transform: translateX(-50%); width: 800px; height: 400px;background:radial-gradient(circle,rgba(139,92,246,0.1) 0%,transparent 65%) ;pointer-events:none}



.sectionbg-3{background:linear-gradient(160deg,#0A1628 0%,#0D1F3C 50%,#0A1628 100%);}

/* Different glow pattern from section 2 — bottom left + top right */
.sectionbg-3::before{content:'';position:absolute;bottom:-100px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,0.08) 0%,transparent 65%);pointer-events:none}
.sectionbg-3::after{content:'';position:absolute;top:-80px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,0.07) 0%,transparent 65%);pointer-events:none}