/* ── 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%)}


/* ── logo ── */
.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%;
}

/* ── BATCH BADGE ── */
.batch-badge1{display:inline-flex;align-items:center;gap:8px;background:rgba(245,166,35,0.1);border:1px solid rgba(245,166,35,0.25);border-radius:100px;padding:6px 16px;font-size:0.75rem;font-weight:600;color:#F5A623;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:24px;position:relative;z-index:1}
.batch-dot1{width:6px;height:6px;background:#F5A623;border-radius:50%;animation:twinkle 1.5s infinite}

/* ── 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(2rem,6vw,4rem);font-weight:700;line-height:1.08;letter-spacing:-0.04em;margin-bottom:30px;position:relative;z-index:1;max-width:1200px; ; padding: 0 100px; color: #fff}
.hero h1 .small {
    display: block;
    width: 100%;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 20px;
    letter-spacing: normal;
}

.line-plain{display:block;color:rgba(255,255,255,0.92); font-size: 3.5rem}
.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{
    font-size:clamp(1.6rem,4.6vw,3.6rem);
    width: 100%;
    float: left;
    font-weight: 500;
    margin-bottom: 1.5rem;
    color: #DDD;
}

/* ── 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}
.hero-sub strong {
    font-weight: 600;
    color: #00fff0;
}


/* ── 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.07);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.8)}
.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{text-align:center;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; text-align: center;}
.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; text-align: center;}

/* ── 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:50px;}
.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,.5),transparent); }

.CTAButton {
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-top: 40px;
}

/* 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,4vw,3.8rem); padding: 0 10px;}
    .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; 
        font-size: 1.25rem;
    }
    .line-plain {
        font-size: 2rem;
    }
    .batch-badge {
        width: 250px; margin-bottom: 40px;
    }
    .price-block {
        padding-top: 0 !important;
    }
    .stat-item {
       flex: 100% !important;
       margin-bottom: 2px;
    }
    .footer-banner, .footer-banner::before, .footer-banner::after {
        background: none !important;
        border: 0px !important;
    }
    .footer-banner{
        justify-content: center !important;
        overflow: visible !important;
    }
    .footer-banner .footer-text{
        display: none !important;
    }
    .hero h1 .small {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}
@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}



.info-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  max-width:1100px;
  margin:0 auto;
}

.info-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;
  padding:28px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:12px;
  transition:all 0.25s;
  position:relative;
  overflow:hidden;
}
.info-card::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(77,159,255,0.3),transparent);
}
.info-card:hover{
  background:rgba(77,159,255,0.06);
  border-color:rgba(77,159,255,0.2);
  transform:translateY(-2px);
}

/* Icon */
.info-icon{
  width:44px;height:44px;
  color:#4D9FFF;
  flex-shrink:0;
}

/* Label */
.info-label{
  font-size:0.7rem;
  font-weight:700;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color: #4D9FFF;
/*  background:linear-gradient(90deg,#4D9FFF,#A78BFA);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;*/
}

/* Value */
.info-value{
  font-size:1rem;
  font-weight:700;
  color:#fff;
  line-height:1.3;
  letter-spacing:-0.01em;
}

@media(max-width:768px){
 
  .info-strip{grid-template-columns:repeat(1,1fr)}
  .cards-row1{grid-template-columns:repeat(1,1fr)}

}
@media(max-width:420px){
  .info-strip{grid-template-columns:1fr}
}


/* ── CARDS ── */
.cards-row1{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}
.cards-row2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}

.id-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;
  padding:28px 24px;
  display:flex;
  flex-direction:column;
  gap:16px;
  transition:all 0.25s;
  cursor:default;
  position:relative;
  overflow:hidden;
}
.id-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4D9FFF,#A78BFA);opacity:0;transition:opacity 0.25s}
.id-card:hover{background:rgba(255,255,255,0.07);border-color:rgba(77,159,255,0.25);transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,0.3)}
.id-card:hover::after{opacity:1}

/* Icon box — like reference */
.card-icon-box{
  width:48px;height:48px;
  border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.ic-1{background:rgba(139,92,246,0.2);border:1px solid rgba(139,92,246,0.3)}
.ic-2{background:rgba(59,130,246,0.2);border:1px solid rgba(59,130,246,0.3)}
.ic-3{background:rgba(14,165,233,0.2);border:1px solid rgba(14,165,233,0.3)}
.ic-4{background:rgba(245,158,11,0.2);border:1px solid rgba(245,158,11,0.3)}
.ic-5{background:rgba(16,185,129,0.2);border:1px solid rgba(16,185,129,0.3)}

.ic-1 svg{color:#A78BFA}
.ic-2 svg{color:#60A5FA}
.ic-3 svg{color:#38BDF8}
.ic-4 svg{color:#FBBF24}
.ic-5 svg{color:#34D399}

.card-label{font-size:0.65rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.3)}
.card-title{font-size:1rem;font-weight:800;color:#fff;line-height:1.35;letter-spacing:-0.02em;margin-bottom:6px}
.card-desc{font-size:0.82rem;color:rgba(255,255,255,0.45);line-height:1.65}


@media(max-width:768px){
  
  .cards-row1, .cards-row2{grid-template-columns:repeat(1,1fr); max-width: 100%}

}






/*------------------------------------------------------*/
.jm3 {
    --bg: #0A0D1B;
    --card-bg: #12162A;
    --card-border: rgba(255, 255, 255, 0.08);
    --card-border-hover: rgba(91, 143, 249, 0.45);
    --eyebrow: #F2A93C;
    --accent-blue: #5B8FF9;
    --cta-blue: #3F65E4;
    --cta-blue-hover: #3557CC;
    --white: #FFFFFF;
    --muted: #93A0B8;
    --label-muted: #6B7280;
 
    background: var(--bg);
    background-image:
      radial-gradient(circle at 85% 0%, rgba(91, 143, 249, 0.12), transparent 45%),
      radial-gradient(circle at 5% 100%, rgba(242, 169, 60, 0.06), transparent 40%);
    padding: 4.5rem 1.25rem;
    font-family: -apple-system, "Segoe UI", Calibri, sans-serif;
    color: var(--white);
  }
 
  .jm3__inner {
    max-width: 1080px;
    margin: 0 auto;
    text-align: center;
  }
 
  .jm3__eyebrow {
    margin: 0 0 0.9rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: var(--eyebrow);
  }
 
  .jm3__title {
    margin: 0 0 1.1rem;
    font-weight: 800;
    font-size: clamp(1.8rem, 4.4vw, 2.75rem);
    line-height: 1.15;
    letter-spacing: -0.01em;
    color: var(--white);
  }
 
  .jm3__accent {
    color: var(--accent-blue);
  }
 
  .jm3__sub {
    max-width: 640px;
    margin: 0 auto 2.75rem;
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--muted);
  }
 
  .jm3__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    text-align: left;
    margin-bottom: 2.75rem;
  }
 
  .jm3-card {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 16px;
    padding: 1.75rem 1.5rem;
    transition: border-color 0.2s ease, transform 0.2s ease;
  }
 
  .jm3-card:hover {
    border-color: var(--card-border-hover);
    transform: translateY(-3px);
  }
 
  .jm3-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 10px;
    margin-bottom: 1.1rem;
  }
 
  .jm3-card__icon--blue {
    background: rgba(91, 143, 249, 0.15);
    color: #6EA1FF;
  }
 
  .jm3-card__icon--purple {
    background: rgba(139, 92, 246, 0.15);
    color: #A78BFA;
  }
 
  .jm3-card__icon--amber {
    background: rgba(242, 169, 60, 0.15);
    color: #F5B84E;
  }
 
  .jm3-card__label {
    margin: 0 0 0.3rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--label-muted);
  }
 
  .jm3-card__title {
    margin: 0 0 0.65rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--white);
  }
 
  .jm3-card__body {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.65;
    color: var(--muted);
  }
 
  .jm3__cta {
    display: inline-block;
    background: var(--cta-blue);
    color: var(--white);
    font-weight: 700;
    font-size: 1.05rem;
    text-decoration: none;
    padding: 1rem 2.5rem;
    border-radius: 12px;
    box-shadow: 0 10px 26px rgba(63, 101, 228, 0.4);
    transition: background 0.15s ease, transform 0.15s ease;
  }
 
  .jm3__cta:hover {
    background: var(--cta-blue-hover);
    transform: translateY(-2px);
  }
 
  .jm3__cta:focus-visible,
  .jm3-card:focus-visible {
    outline: 3px solid var(--accent-blue);
    outline-offset: 3px;
  }
 
  @media (max-width: 860px) {
    .jm3__grid {
      grid-template-columns: 1fr;
    }
  }
 
  @media (prefers-reduced-motion: reduce) {
    .jm3-card,
    .jm3__cta {
      transition: none;
    }
  }

/*---------------------------------------------------*/

 .jmg {
    --bg: #0A0D1B;
    --card-bg: #12162A;
    --card-border: rgba(255, 255, 255, 0.08);
    --eyebrow: #F2A93C;
    --accent-blue: #5B8FF9;
    --cta-blue: #3F65E4;
    --cta-blue-hover: #3557CC;
    --white: #FFFFFF;
    --muted: #93A0B8;
    --fine: #6B7280;
    --badge-bg: rgba(91, 143, 249, 0.12);
 
    background: var(--bg);
    background-image: radial-gradient(circle at 50% 0%, rgba(91, 143, 249, 0.1), transparent 50%);
    padding: 4.5rem 1.25rem;
    font-family: -apple-system, "Segoe UI", Calibri, sans-serif;
    color: var(--white);
    text-align: center;
  }
 
  .jmg__inner {
    max-width: 960px;
    margin: 0 auto;
  }
 
  .jmg__seal {
    display: block;
    margin: 0 auto 1.5rem;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.4));
  }
 
  .jmg__eyebrow {
    margin: 0 0 0.9rem;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: var(--eyebrow);
  }
 
  .jmg__title {
    margin: 0 0 1rem;
    font-weight: 800;
    font-size: clamp(1.7rem, 4.4vw, 2.4rem);
    line-height: 1.2;
  }
 
  .jmg__accent {
    color: var(--accent-blue);
  }
 
  .jmg__sub {
    margin: 0 0 2.25rem;
    font-size: 1.02rem;
    color: var(--muted);
  }
 
  .jmg__card {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: 16px;
    padding: 2rem 1.75rem;
    text-align: left;
    margin-bottom: 2rem;
    text-align: center;
  }
 
  .jmg__body {
    margin: 0 0 1rem;
    font-size: 1.02rem;
    line-height: 1.65;
    color: var(--white);
  }
 
  .jmg__body:last-of-type {
    margin-bottom: 1.1rem;
  }
 
  .jmg__body strong {
    color: var(--accent-blue);
  }
 
  .jmg__fine {
    margin: 0;
    padding-top: 1rem;
    border-top: 1px solid var(--card-border);
    font-size: 0.85rem;
    color: var(--fine);
  }
 
  .jmg__cta {
    display: inline-block;
    background: var(--cta-blue);
    color: var(--white);
    font-weight: 700;
    font-size: 1.05rem;
    text-decoration: none;
    padding: 1rem 2.5rem;
    border-radius: 12px;
    box-shadow: 0 10px 26px rgba(63, 101, 228, 0.4);
    transition: background 0.15s ease, transform 0.15s ease;
  }
 
  .jmg__cta:hover {
    background: var(--cta-blue-hover);
    transform: translateY(-2px);
  }
 
  .jmg__cta:focus-visible,
  .jmg__card:focus-visible {
    outline: 3px solid var(--accent-blue);
    outline-offset: 3px;
  }
 
  @media (prefers-reduced-motion: reduce) {
    .jmg__cta { transition: none; }
  }


/*======================================= Before and After CSS =================================================*/


.before-after{padding:96px 60px;background:#0A0F1E;position:relative;overflow:hidden}
.before-after::before{content:'';position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(59,130,246,0.08) 0%,transparent 70%);pointer-events:none}

.before-after-inner{max-width:1100px;margin:0 auto;position:relative;z-index:1}
.before-after-label{font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#4D9FFF;margin-bottom:12px}
.before-after-title{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;letter-spacing:-0.03em;line-height:1.15;margin-bottom:16px;color:#fff}
.before-after-sub{font-size:1rem;color:rgba(255,255,255,0.45);line-height:1.75;max-width:580px;margin-bottom:56px}

/* ── COMPARISON GRID ── */
.compare-wrap{display:grid;grid-template-columns:1fr 80px 1fr;gap:0;align-items:stretch}

/* Before column */
.before-col{background:rgba(255,255,255,0.03);border:2px solid rgba(255,255,255,0.08);border-radius:20px 0 0 20px;overflow:hidden}
.after-col{background:rgba(59,130,246,0.06);border:2px solid rgba(59,130,246,0.3);border-radius:0 20px 20px 0;overflow:hidden}

/* Column headers */
.col-header{padding:20px 28px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,0.06)}
.before-col .col-header{background:rgba(255,255,255,0.03)}
.after-col .col-header{background:rgba(59,130,246,0.1);border-bottom:1px solid rgba(59,130,246,0.2)}

.header-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.before-col .header-icon{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1)}
.after-col .header-icon{background:rgba(59,130,246,0.15);border:1px solid rgba(59,130,246,0.3)}

.header-text{font-size:0.9rem;font-weight:700;letter-spacing:-0.01em}
.before-col .header-text{color:rgba(255,255,255,0.5)}
.after-col .header-text{color:#60A5FA}

/* Rows */
.compare-rows2{padding:8px 0}
.compare-row2{display:flex;align-items:center;gap:14px;padding:16px 28px;border-bottom:1px solid rgba(255,255,255,0.04);transition:background 0.2s}
.compare-row2:last-child{border-bottom:none}
.before-col .compare-row:hover{background:rgba(255,255,255,0.03)}
.after-col .compare-row:hover{background:rgba(59,130,246,0.06)}

.row-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.before-col .row-icon{background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.3)}
.after-col .row-icon{background:rgba(59,130,246,0.15);color:#60A5FA;border:1px solid rgba(59,130,246,0.3)}

.row-text{font-size:0.88rem;line-height:1.55}
.before-col .row-text{color:rgba(255,255,255,0.45)}
.after-col .row-text{color:rgba(255,255,255,0.85)}
.after-col .row-text strong{color:#fff;font-weight:600}

/* Middle divider column */
.middle-col{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:12px}
.middle-line{width:1px;flex:1;background:linear-gradient(to bottom,transparent,rgba(59,130,246,0.3),transparent)}
.arrow-badge{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 0 20px rgba(59,130,246,0.4);flex-shrink:0}



/* ── RESPONSIVE ── */
@media(max-width:768px){
  .before-after{padding:64px 20px}
  .compare-wrap{grid-template-columns:1fr;gap:16px}
  .before-col{border-radius:16px}
  .after-col{border-radius:16px}
  .middle-col{flex-direction:row;height:48px;gap:8px}
  .middle-line{width:auto;height:1px;flex:1;background:linear-gradient(to right,transparent,rgba(59,130,246,0.3),transparent)}
}


/*======================================= Coach CSS =================================================*/

.coach{padding:88px 60px;position:relative;overflow:hidden}

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

/* ── HEADING ── */
.coach-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(2rem,4.5vw,3.2rem);font-weight:900;color:#fff;letter-spacing:-0.04em;line-height:1.1;margin-bottom:8px}
.heading-en span{color:#F5A623}
.heading-ta{font-size:1rem;color:rgba(255,255,255,0.35);font-weight:400;margin-bottom:48px}

/* ── COACH CARD ── */
.coach-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:40px;display:grid;grid-template-columns:250px 1fr;gap:40px;align-items:flex-start;position:relative;overflow:hidden}
.coach-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(245,166,35,0.4),transparent)}

/* ── PHOTO ── */
.photo-wrap{display:flex;flex-direction:column;align-items:center;gap:16px}
.photo-circle{width:250px;height:250px;border-radius:50%;border:3px solid rgba(245,166,35,0.4);overflow:hidden;background:linear-gradient(135deg,#1E3A5F,#0F1E38);display:flex;align-items:center;justify-content:center;box-shadow:0 0 32px rgba(245,166,35,0.15)}
.photo-placeholder{font-size:3.5rem; background: black;}
.photo-circle img {
  height: 100%; width: 100%;
}
.photo-linkedin{display:flex;align-items:center;gap:6px;background:rgba(10,102,194,0.15);border:1px solid rgba(10,102,194,0.3);border-radius:100px;padding:6px 14px;font-size:0.75rem;font-weight:600;color:#60A5FA;text-decoration:none;transition:all 0.2s}
.photo-linkedin:hover{background:rgba(10,102,194,0.25);border-color:rgba(10,102,194,0.5)}
.li-icon{font-size:14px}

/* ── RIGHT CONTENT ── */
.coach-right{}
.coach-name{font-size:2rem;font-weight:900;color:#fff;letter-spacing:-0.03em;margin-bottom:6px}
.coach-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:#F5A623;margin-bottom:28px}

/* ── STAT BOXES ── */
.stat-boxes{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap}
.stat-box{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:16px 20px;text-align:center;min-width:120px;flex:1}
.stat-box-num{font-size:1.5rem;font-weight:900;color:#F5A623;letter-spacing:-0.03em;line-height:1;margin-bottom:4px}
.stat-box-label{font-size:0.72rem;color:rgba(255,255,255,0.4);line-height:1.4}

/* ── BIO ── */
.coach-bio{font-size:0.88rem;color:rgba(255,255,255,0.55);line-height:1.75;margin-bottom:24px}
.coach-bio strong{color:rgba(255,255,255,0.85);font-weight:600}

/* ── TAGS ── */
.coach-tags{display:flex;flex-wrap:wrap;gap:8px}
.coach-tag{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:100px;padding:8px 16px;font-size:0.8rem;color:rgba(255,255,255,0.65);font-weight:500;transition:all 0.2s}
.coach-tag:hover{background:rgba(245,166,35,0.08);border-color:rgba(245,166,35,0.25);color:rgba(255,255,255,0.85)}

/* ── 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.12),transparent 70%);pointer-events:none}
.footer-text{position:relative;z-index:1;font-size:0.95rem;color:rgba(255,255,255,0.72);line-height:1.65}
.footer-text strong{color:#fff}
.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)}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .coach{padding:60px 20px}
  .coach-card{grid-template-columns:1fr;gap:28px;padding:28px 22px}
  .photo-wrap{align-items:center}
  .photo-circle{width:100px;height:100px}
  .photo-placeholder{font-size:2.5rem}
  .stat-boxes{gap:8px}
  .stat-box{min-width:90px;padding:12px 14px}
  .stat-box-num{font-size:1.2rem}
  .footer-banner{flex-direction:column;align-items:flex-start;padding:20px 22px}
  .footer-cta{width:100%;text-align:center}
}


/*======================================= Faq CSS =================================================*/

.faq{padding:88px 60px;position:relative;overflow:hidden}

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



/* ── FAQ GRID ── */
.faq-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:14px;margin-bottom:28px}

/* ── FAQ ITEM — accordion style ── */
.faq-item{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:14px;overflow:hidden;transition:all 0.25s}
.faq-item.open{background:rgba(255,255,255,0.06);border-color:rgba(77,159,255,0.25)}

.faq-trigger{width:100%;background:none;border:none;cursor:pointer;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left}
.faq-q{font-size:0.92rem;font-weight:700;color:#fff;line-height:1.4;letter-spacing:-0.01em;flex:1}
.faq-icon{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.25s;font-size:14px;color:rgba(255,255,255,0.4)}
.faq-item.open .faq-icon{background:rgba(77,159,255,0.15);border-color:rgba(77,159,255,0.3);color:#60A5FA;transform:rotate(45deg)}

.faq-body{max-height:0;overflow:hidden;transition:max-height 0.35s ease,padding 0.25s ease}
.faq-body.open{max-height:300px}
.faq-a{font-size:0.85rem;color:rgba(255,255,255,0.5);line-height:1.75;padding:20px 22px 20px;border-top:1px solid rgba(255,255,255,0.06)}
.faq-a strong{color:rgba(255,255,255,0.8);font-weight:600}
.faq-a a{color:#60A5FA;text-decoration:none}

/* ── CONTACT STRIP ── */
.contact-strip{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.contact-text{font-size:0.88rem;color:rgba(255,255,255,0.45);line-height:1.6}
.contact-text strong{color:rgba(255,255,255,0.75)}
.contact-link{display:flex;align-items:center;gap:8px;background:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.25);border-radius:100px;padding:10px 20px;font-size:0.82rem;font-weight:600;color:#60A5FA;text-decoration:none;transition:all 0.2s;white-space:nowrap}
.contact-link:hover{background:rgba(59,130,246,0.2);border-color:rgba(59,130,246,0.4)}

/* ── FOOTER BANNER ── */
.footer-banner{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.12),transparent 70%);pointer-events:none}
.footer-text{position:relative;z-index:1;font-size:0.95rem;color:rgba(255,255,255,0.72);line-height:1.65}
.footer-text strong{color:#fff}
.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)}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .faq{padding:60px 20px}
  .faq-grid{grid-template-columns:1fr}
  .contact-strip{flex-direction:column;align-items:flex-start}
  .footer-banner{flex-direction:column;align-items:flex-start;padding:20px 22px}
  .footer-cta{width:100%;text-align:center}
}


/*======================================= Footer =================================================*/
/* ── FINAL CTA BAND ── */
.cta-band{background:linear-gradient(135deg,#0F1E38 0%,#1E3A5F 50%,#0F1E38 100%);padding:64px 60px;text-align:center;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,0.06)}
.cta-band::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:300px;background:radial-gradient(ellipse,rgba(59,130,246,0.12) 0%,transparent 70%);pointer-events:none}
.cta-band-label{font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#4D9FFF;margin-bottom:12px;position:relative;z-index:1}
.cta-band-title{font-size:clamp(1.8rem,4vw,3rem);font-weight:900;color:#fff;letter-spacing:-0.04em;line-height:1.15;margin-bottom:8px;position:relative;z-index:1}
.cta-band-title span{background:linear-gradient(90deg,#60A5FA,#A78BFA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cta-band-sub{font-size:1rem;color:rgba(255,255,255,0.45);margin-bottom:36px;position:relative;z-index:1}
.cta-band-btn{display:inline-block;background:linear-gradient(135deg,#F59E0B,#FBBF24);color:#1A1A2E;font-weight:800;font-size:1rem;padding:17px 40px;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;text-decoration:none}
.cta-band-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}
@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.6),0 10px 24px rgba(0,0,0,0.2)}}
@keyframes shimmer{0%{left:-60%}55%,100%{left:130%}}
.cta-seats{font-size:0.78rem;color:rgba(255,255,255,0.25);margin-top:14px;position:relative;z-index:1}
.cta-seats span{color:#F5A623;font-weight:600}

/* ── FOOTER MAIN ── */
footer{background:#030712;border-top:1px solid rgba(255,255,255,0.06);padding:48px 60px 32px}
.footer-inner{max-width:1100px;margin:0 auto}

.footer-top{margin-bottom:48px}

/* Brand col */
.footer-brand{ width:100%; text-align:center; }
.footer-logo{font-size:1.3rem;font-weight:900;color:#fff;letter-spacing:-0.03em;margin-bottom:8px}
.footer-logo span{color:#4D9FFF}
.footer-tagline{font-size:0.82rem;color:rgba(255,255,255,0.35);line-height:1.6;margin-bottom:20px;max-width:220px}
.footer-social{display:flex;gap:10px}
.social-btn{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;font-size:15px;text-decoration:none;transition:all 0.2s}
.social-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.15)}

/* Link cols */
.footer-col-title{font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:16px}
.footer-links{display:flex;flex-direction:column;gap:10px}
.footer-link{font-size:0.84rem;color:rgba(255,255,255,0.45);text-decoration:none;transition:color 0.2s}
.footer-link:hover{color:#fff}

/* ── DIVIDER ── */
.footer-divider{height:1px;background:rgba(255,255,255,0.06);margin-bottom:24px}

/* ── BOTTOM BAR ── */
.footer-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer-copy{font-size:0.75rem;color:rgba(255,255,255,0.2);line-height:1.6}
.footer-copy a{color:rgba(255,255,255,0.35);text-decoration:none}
.footer-copy a:hover{color:#fff}

/* ── META DISCLAIMER ── */
.meta-disclaimer{margin-top:20px;padding:16px 20px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:10px;font-size:0.72rem;color:rgba(255,255,255,0.2);line-height:1.7;max-width:1100px;margin-left:auto;margin-right:auto}

/* ── RESPONSIVE ── */
@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:600px){
  .cta-band{padding:48px 20px}
  footer{padding:40px 20px 24px}
  .footer-top{grid-template-columns:1fr;gap:28px}
  .footer-bottom{flex-direction:column;gap:12px}
}

/*======================================= Pain Block =================================================*/
.pain-block{padding:88px 60px;position:relative;overflow:hidden}


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

/* ── CARDS GRID — 3 col like Image 1 ── */
.cards-grid1{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.pain-card{ background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.08);  border-radius:18px;  padding:28px 24px;  display:flex;  flex-direction:column;  gap:20px;  transition:all 0.25s;  cursor:default;  position:relative;  overflow:hidden;}
.pain-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent);pointer-events:none}
.pain-card:hover{background:rgba(255,255,255,0.07);border-color:rgba(77,159,255,0.3);transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,0.3)}

/* Icon */
.pain-card-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pain-card-title{font-size:1rem;font-weight:600;color:#fff;line-height:1.4;letter-spacing:-0.01em;margin-bottom:6px}
.pain-card-desc{font-size:1rem;color:rgba(255,255,255,0.6);line-height:1.3}

/* Icon bg colors — muted to fit dark bg */
.card-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ic-1{background:rgba(124,58,237,0.15)} /* purple */
.ic-2{background:rgba(16,185,129,0.15)} /* green */
.ic-3{background:rgba(245,158,11,0.15)} /* amber */
.ic-4{background:rgba(236,72,153,0.15)} /* pink */
.ic-5{background:rgba(14,165,233,0.15)} /* sky */
.ic-6{background:rgba(239,68,68,0.15)}  /* red */
.ic-7{background:rgba(249,115,22,0.15)} /* orange */
.ic-8{background:rgba(20,184,166,0.15)} /* teal */


.ic-1 svg{color:#A78BFA}
.ic-2 svg{color:#34D399}
.ic-3 svg{color:#FBBF24}
.ic-4 svg{color:#F472B6}
.ic-5 svg{color:#38BDF8}
.ic-6 svg{color:#F87171}
.ic-7 svg{color:#FB923C}
.ic-8 svg{color:#2DD4BF}


/* ── RESPONSIVE ── */
@media(max-width:900px){
  .cards-grid1{grid-template-columns:repeat(2,1fr)}

}
@media(max-width:768px){
  .pain-block{padding:60px 20px}
  .pain-card-title { font-size: 1.1rem; }
}
@media(max-width:480px){.cards-grid1{grid-template-columns:1fr}}



/*======================================= Testimonaial =================================================*/

.section5{padding:88px 60px;position:relative;overflow:hidden}

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



/* ── STATS STRIP ── */
.stats-strip{display:flex;align-items:center;gap:0;margin-bottom:48px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:14px;overflow:hidden}
.stat-item{flex:1;padding:18px 24px;text-align:center;border-right:1px solid rgba(255,255,255,0.07)}
.stat-item:last-child{border-right:none}
.stat-num{font-size:1.6rem;font-weight:900;color:#F5A623;letter-spacing:-0.03em;line-height:1}
.stat-label{font-size:0.68rem;color:rgba(255,255,255,0.35);text-transform:uppercase;letter-spacing:0.07em;margin-top:4px}

/* ── TESTIMONIAL GRID ── */
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}

.test-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden;transition:all 0.25s}
.test-card:hover{background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.14);transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,0.3)}

.quote-mark{position:absolute;top:16px;right:20px;font-size:2.5rem;color:rgba(245,166,35,0.15);font-family:Georgia,serif;line-height:1;font-weight:900}

.stars{display:flex;gap:3px;font-size:14px}
.test-quote{font-size:0.88rem;color:rgba(255,255,255,0.72);line-height:1.7;font-style:italic;flex:1}
.test-name{font-size:0.9rem;font-weight:700;color:#fff;margin-bottom:2px}
.test-role{font-size:0.75rem;color:rgba(255,255,255,0.35)}



/* ── RESPONSIVE ── */
@media(max-width:900px){.test-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){
  .section5{padding:60px 20px}
  .test-grid{grid-template-columns:1fr}
  .stats-strip{flex-wrap:wrap}
  .stat-item{flex:0 0 50%;border-bottom:1px solid rgba(255,255,255,0.07)}
}



/*======================================= Class Schedule =================================================*/

.thisclass{padding:88px 60px;position:relative;overflow:hidden}
/*.thisclass::before{content:'';position:absolute;top:-80px;right:-80px;width:500px;height:400px;background:radial-gradient(ellipse,rgba(59,130,246,0.07) 0%,transparent 65%);pointer-events:none}*/

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

/* ── HEADING ── */
.sec-label{font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#F5A623;margin-bottom:12px}
.sec-heading{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}
.sec-heading span{background:linear-gradient(90deg,#60A5FA,#A78BFA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.sec-sub{font-size:1rem;color:rgba(255,255,255,0.35);font-weight:400;margin-bottom:36px}

/* ── SCHEDULE STRIP ── */
.schedule-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}
.sched-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:22px 24px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100px}
.sched-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(245,166,35,0.4),transparent)}
.sched-label{font-size:0.62rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#F5A623;margin-bottom:10px}
.sched-val{font-size:1rem;font-weight:800;color:#fff;letter-spacing:-0.01em}
.sched-val span{color:rgba(255,255,255,0.3);margin:0 6px;font-weight:400}
.sched-val-large{font-size:1.4rem;font-weight:900;color:#fff;letter-spacing:0.04em}
.sched-timing-time{font-size:1.2rem;font-weight:900;color:#fff;letter-spacing:-0.02em;line-height:1.2;margin-bottom:4px}
.sched-timing-note{font-size:0.68rem;color:rgba(255,255,255,0.3);margin-top:6px}
.sched-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:18px 20px;position:relative;overflow:hidden}
.sched-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(245,166,35,0.5),transparent)}
.sched-label{font-size:0.62rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#F5A623;margin-bottom:8px}
.sched-val{font-size:1.2rem;font-weight:800;color:#fff}
.sched-val span{color:rgba(255,255,255,0.3);margin:0 5px;font-weight:400}
.sec-note{font-size:0.78rem;color:#F5A623;font-weight:600;margin-bottom:28px;margin-top:-12px}


/* ── DAY BADGE ── */
.day-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(245,166,35,0.12);border:1px solid rgba(245,166,35,0.3);border-radius:8px;padding:4px 12px;font-size:0.7rem;font-weight:700;color:#F5A623;white-space:nowrap}
.live-dot{width:5px;height:5px;background:#F5A623;border-radius:50%;animation:lp 1.5s infinite}
@keyframes lp{0%,100%{opacity:1}50%{opacity:0.3}}

/* ── ACCORDION ── */
.acc-days{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.acc-item{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:14px;overflow:hidden;transition:border-color 0.25s}
.acc-item.open{border-color:rgba(245,166,35,0.3);background:rgba(255,255,255,0.05)}

.acc-trigger{width:100%;background:none;border:none;cursor:pointer;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}
.acc-trigger-left{display:flex;align-items:center;gap:10px;flex:1}
.acc-trigger-title{font-size:0.9rem;font-weight:700;color:#fff}
.acc-trigger-meta{font-size:0.68rem;color:rgba(255,255,255,0.3);margin-left:4px}
.acc-trigger-icon{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;font-size:13px;color:rgba(255,255,255,0.4);flex-shrink:0;transition:all 0.25s}
.acc-item.open .acc-trigger-icon{background:rgba(245,166,35,0.15);border-color:rgba(245,166,35,0.4);color:#F5A623;transform:rotate(45deg)}

.acc-body{max-height:0;overflow:hidden;transition:max-height 0.35s ease}
.acc-body.open{max-height:600px}

.acc-body-inner{padding:0 18px 18px;border-top:1px solid rgba(255,255,255,0.05)}
.acc-fmt{display:flex;align-items:center;gap:8px;margin:12px 0;flex-wrap:wrap}
.fmt-pill{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:100px;padding:4px 10px;font-size:0.68rem;color:rgba(255,255,255,0.45)}
.fmt-pill.live{background:rgba(245,166,35,0.08);border-color:rgba(245,166,35,0.2);color:#FBBF24}

.acc-bullets{list-style:none;display:flex;flex-direction:column;gap:9px}
.acc-bullets li{font-size:0.82rem;color:rgba(255,255,255,0.5);line-height:1.55;display:flex;align-items:flex-start;gap:8px}
.acc-bullets li::before{content:'→';color:#F5A623;font-weight:700;flex-shrink:0;font-size:10px;margin-top:3px}

/* ── TIMING CARD (inside Day 3) ── */
.timing-card{background:rgba(245,166,35,0.06);border:1px solid rgba(245,166,35,0.2);border-radius:12px;padding:16px;text-align:center;margin-top:16px}
.timing-card-label{font-size:0.62rem;color:rgba(255,255,255,0.3);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}
.timing-card-time{font-size:1.8rem;font-weight:900;color:#F5A623;letter-spacing:-0.03em;line-height:1;margin-bottom:6px}
.timing-card-note{font-size:0.75rem;color:rgba(255,255,255,0.3)}


/* ── RESPONSIVE ── */
/* ── RESPONSIVE ── */
@media(max-width:640px){
  .thisclass{padding:60px 20px}
  .schedule-strip{grid-template-columns:1fr}
  .sched-card{min-height:80px}
  .footer-banner{flex-direction:column;align-items:flex-start;padding:20px 22px}
  .footer-cta{width:100%;text-align:center}
  .timing-card-time{font-size:1.4rem}
}

/* ── BONUS SECTION ── */
.bonus-block{margin-top:16px;background:linear-gradient(135deg,rgba(245,166,35,0.08),rgba(251,191,36,0.04));border:1px solid rgba(245,166,35,0.25);border-radius:12px;padding:14px 16px;position:relative;overflow:hidden}
.bonus-block::before{content:'';position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:radial-gradient(circle,rgba(245,166,35,0.15),transparent 70%);pointer-events:none}
.bonus-label{font-size:0.65rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#FBBF24;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.bonus-items{display:flex;flex-direction:column;gap:7px}
.bonus-item{display:flex;align-items:center;gap:8px;padding:0}
.bonus-icon{font-size:14px;flex-shrink:0;width:20px;text-align:center}
.bonus-item-title{font-size:0.8rem;font-weight:700;color:#fff}
.bonus-item-type{font-size:0.68rem;color:rgba(245,166,35,0.6);margin-left:4px;font-weight:500}
.bonus-divider{width:1px;height:10px;background:rgba(245,166,35,0.2);flex-shrink:0}


/*======================================= Who is This For =================================================*/
/* Dark navy — different from section 2's pure #030712 */
.who-is-this-for{padding:88px 60px; position:relative;overflow:hidden}

.who-is-this-for-inner{max-width:1100px;margin:0 auto;position:relative;z-index:1}





.type-b{background:linear-gradient(160deg,#0A1628 0%,#0D1F3C 50%,#0A1628 100%)}
.type-b .glow-1{bottom:-80px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(124,58,237,0.12) 0%,transparent 65%)}
.type-b .glow-2{top:-60px;left:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(29,78,216,0.1) 0%,transparent 65%)}



/* ── CARDS GRID — 4 col ── */
.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}

.id-card{ background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.08); border-radius:16px; padding:22px 18px; display:flex; flex-direction:column; align-items:flex-start; gap:14px; transition:all 0.25s; cursor:default; position:relative; overflow:hidden;}.id-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);opacity:0;transition:opacity 0.25s}
.id-card:hover{background:rgba(255,255,255,0.07);border-color:rgba(99,102,241,0.4);transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,0.3)}
.id-card:hover::after{opacity:1}

/* Icon */
.card-icon-wrap1{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ic-11{background:rgba(124,58,237,0.15)}.ic-1 svg{color:#A78BFA}
.ic-12{background:rgba(59,130,246,0.15)}.ic-2 svg{color:#60A5FA}
.ic-13{background:rgba(245,158,11,0.15)}.ic-3 svg{color:#FBBF24}
.ic-14{background:rgba(16,185,129,0.15)}.ic-4 svg{color:#34D399}
.ic-15{background:rgba(239,68,68,0.15)}.ic-5 svg{color:#F87171}
.ic-16{background:rgba(14,165,233,0.15)}.ic-6 svg{color:#38BDF8}
.ic-17{background:rgba(236,72,153,0.15)}.ic-7 svg{color:#F472B6}
.ic-18{background:rgba(249,115,22,0.15)}.ic-8 svg{color:#FB923C}

.card-label1{font-size:0.62rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.5); margin-bottom: 10px;}
.card-title1{font-size:1rem;font-weight:600;color:#fff;line-height:1.4;letter-spacing:-0.01em}

/* ── NOT FOR ── */
.not-for{background:rgba(245,158,11,0.06);border:1px solid rgba(245,158,11,0.2);border-radius:12px;padding:16px 22px;display:flex;align-items:center;gap:12px;margin-bottom:24px}
.not-for-icon{font-size:16px;flex-shrink:0}
.not-for-text{font-size:0.82rem;color:rgba(255,255,255,0.7);line-height:1.6}
.not-for-text strong{color:#fff;font-weight:600}

/* ── RESPONSIVE ── */
@media(max-width:1024px){.cards-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){
  .who-is-this-for{padding:60px 20px}
  .cards-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){.cards-grid{grid-template-columns:1fr}}



/*======================================= Why This Works =================================================*/

.why-this-works{padding:88px 60px;position:relative;overflow:hidden}

.why-this-works-inner{max-width:1100px;margin:0 auto;position:relative;z-index:1}



/* ── COLUMN HEADERS ── */
.compare-headers{display:grid;grid-template-columns:1fr 56px 1fr;gap:0;margin-bottom:24px}
.col-header{padding:10px 18px;border-radius:10px;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;text-align:center}
.col-header-left{background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.15);color:rgba(239,68,68,1)}
.col-header-right{background:rgba(59,130,246,0.15);border:1px solid rgba(59,130,246,0.2);color:#60A5FA}

/* ── COMPARE ROWS ── */
.compare-rows{display:flex;flex-direction:column;gap:20px}

.compare-row{display:grid;grid-template-columns:1fr 56px 1fr;gap:0;align-items:stretch}

.row-left{background:rgba(239,68,68,0.09);border:1px solid rgba(239,68,68,0.15);border-radius:14px 0 0 14px;padding:18px 20px;display:flex;align-items:flex-start;gap:12px;transition:all 0.25s}
.row-left:hover{background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.6)}

.row-mid{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.04);border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);flex-shrink:0}
.arrow-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#F59E0B,#FBBF24);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#1A1A2E;flex-shrink:0;box-shadow:0 0 12px rgba(251,191,36,0.3)}

.row-right{background:rgba(59,130,246,0.09);border:1px solid rgba(59,130,246,0.2);border-radius:0 14px 14px 0;padding:18px 20px;display:flex;align-items:flex-start;gap:12px;transition:all 0.25s}
.row-right:hover{background:rgba(59,130,246,0.1);border-color:rgba(59,130,246,0.6)}

/* Icons */
.row-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;margin-top:2px}
.icon-red{background:rgba(239,68,68,0.1)}
.icon-blue{background:rgba(59,130,246,0.1)}

/* Text */
.row-content{}
.row-label{font-size:0.6rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:5px}
.label-red{color:rgba(239,68,68,0.6)}
.label-blue{color:#60A5FA}
.row-title{font-size:1rem;font-weight:600;color:#fff;line-height:1.35;margin-bottom:6px;letter-spacing:-0.01em; margin-top:6px;}
.row-desc{font-size:0.9rem;color:rgba(255,255,255,0.6);line-height:1.6}
.row-desc strong{color:rgba(255,255,255,0.9);font-weight:600}


/* ── RESPONSIVE ── */
@media(max-width:768px){
  .why-this-works{padding:60px 20px}
  .compare-row{grid-template-columns:1fr;gap:4px}
  .compare-headers{display:none}
  .row-left{border-radius:14px 14px 0 0}
  .row-mid{height:32px;border-radius:0;border-left:1px solid rgba(255,255,255,0.05);border-right:1px solid rgba(255,255,255,0.05)}
  .row-right{border-radius:0 0 14px 14px}
}


/*======================================= Your Journey =================================================*/
.section6{padding:88px 60px;position:relative;overflow:hidden}

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



/* ── TIMELINE WRAPPER ── */
.timeline{position:relative;display:flex;flex-direction:column;gap:0;padding-left:100px}

/* Vertical connecting line */
.timeline::before{
  content:'';position:absolute;
  left:56px;top:56px;bottom:56px;
  width:2px;
  background:linear-gradient(to bottom,
    rgba(96,165,250,0.6) 0%,
    rgba(96,165,250,0.6) 30%,
    rgba(245,166,35,0.4) 40%,
    rgba(245,166,35,0.4) 55%,
    rgba(45,212,191,0.6) 65%,
    rgba(45,212,191,0.6) 100%
  );
  border-radius:2px
}

/* ── TIMELINE ITEM ── */
.timeline-item{
  gap:0;
  align-items:flex-start;
  padding:0 0 44px 0;
  position:relative;
}
.timeline-item:last-child{padding-bottom:0}

/* Circle node — positioned absolutely on the left line */
.node-circle{
  position:absolute;
  left:-71px;
  top:0;
  width:56px;height:56px;
  border-radius:50%;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  border:2px solid;
  flex-shrink:0;
  transition:transform 0.2s;
}
.timeline-item:hover .node-circle{transform:scale(1.1)}

.node-day{font-size:0.5rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.7;line-height:1;margin-bottom:1px}
.node-num{font-size:1.1rem;font-weight:900;line-height:1;letter-spacing:-0.02em}

/* Node colors — 3 color groups */
/* Day 1 & 3 — Blue */
.n1 .node-circle,.n2 .node-circle{background:rgb(27 67 132);border-color:#60A5FA;box-shadow:0 0 20px rgba(96,165,250,0.3)}
.n1 .node-day,.n1 .node-num,.n2 .node-day,.n2 .node-num{color:#fff}
/* Special — Amber */
.n3 .node-circle{background:rgba(245,166,35,1);border-color:rgba(245,166,35,0.4);border-style:dashed;box-shadow:0 0 20px rgba(245,166,35,0.2)}
.n3 .node-day,.n3 .node-num{color:#fff}
/* Day 7, 14, 30 — Teal */
.n4 .node-circle,.n5 .node-circle,.n6 .node-circle{background:rgb(5 46 42);border-color:#2DD4BF;box-shadow:0 0 20px rgba(45,212,191,0.3)}
.n4 .node-day,.n4 .node-num,.n5 .node-day,.n5 .node-num,.n6 .node-day,.n6 .node-num{color:#2DD4BF}

/* ── CONTENT CARD ── */
.content-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:20px 24px;
  transition:all 0.25s;
  margin-left:8px;
}
.timeline-item:hover .content-card{
  background:rgba(255,255,255,0.07);
  border-color:rgba(255,255,255,0.14);
  transform:translateX(4px)
}

.card-tag{
  display:inline-flex;align-items:center;gap:5px;
  border-radius:100px;padding:3px 10px;
  font-size:0.62rem;font-weight:700;
  letter-spacing:0.06em;text-transform:uppercase;
  margin-bottom:10px
}
/* Card tag colors — 3 groups */
.n1 .card-tag,.n2 .card-tag{background:rgba(59,130,246,0.12);color:#60A5FA;border:1px solid rgba(59,130,246,0.2)}
.n4 .card-tag,.n5 .card-tag,.n6 .card-tag{background:rgba(20,184,166,0.12);color:#2DD4BF;border:1px solid rgba(20,184,166,0.2)}

.card-title{font-size:1rem;font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:-0.02em}
.card-desc{font-size:0.85rem;color:rgba(255,255,255,0.5);line-height:1.7}
.card-desc strong{color:rgba(255,255,255,0.8);font-weight:600}

/* ── SPECIAL DISCLAIMER CARD ── */
.special-card{
  background:rgba(245,166,35,0.05);
  border:1px dashed rgba(245,166,35,0.25);
  border-radius:14px;
  padding:20px 24px;
  margin-left:8px;
  display:flex;align-items:flex-start;gap:14px;
}
.special-icon{font-size:22px;flex-shrink:0;margin-top:2px}
.special-body{}
.special-title{font-size:0.92rem;font-weight:800;color:#FBBF24;margin-bottom:6px;letter-spacing:-0.01em}
.special-desc{font-size:0.83rem;color:rgba(255,255,255,0.45);line-height:1.7}
.special-desc strong{color:rgba(255,255,255,0.7);font-weight:600}

/* ── BOTTOM DISCLAIMER ── */
.disclaimer{margin-top:40px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:14px 20px;display:flex;align-items:flex-start;gap:10px}
.disclaimer-icon{font-size:14px;flex-shrink:0;margin-top:1px}
.disclaimer-text{font-size:0.78rem;color:rgba(255,255,255,.7);line-height:1.6}
.disclaimer-text strong{color:#F5A623;font-weight:600}

/* ── FOOTER BANNER ── */

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .section6{padding:60px 20px}
  .timeline{padding-left:80px}
  .timeline::before{left:24px;top:28px;bottom:28px}
  .node-circle{left:-68px;width:44px;height:44px}
  .node-num{font-size:0.9rem}
  .content-card,.special-card{margin-left:4px;padding:16px 16px}
}