:root{
  --gold:#FFD700;--gold2:#FFA500;--green:#00E676;--green2:#00C853;
  --red:#FF3D00;--dark:#080C12;--dark2:#0F151E;--dark3:#161E2A;
  --dark4:#1C2736;--white:#FFFFFF;--gray:#7A8FA0;--orange:#FF6B00;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Poppins',sans-serif;background:var(--dark);color:var(--white);overflow-x:hidden;padding-top:115px;}

/* TICKER */

/* ── HERO ── */
.hero{background:#060B12;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;}
#hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
.hero-canvas-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(6,11,18,.78) 0%,rgba(6,11,18,.38) 50%,rgba(6,11,18,.65) 100%);z-index:1;pointer-events:none;}
.hero-canvas-overlay::after{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,#060B12,transparent);}

/* NAVBAR */
.sc-nav{position:fixed;top:0;width:100%;z-index:100;background:rgba(6,11,18,.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,230,118,.1);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;min-height:90px;}
.sc-nav-center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.nav-logo-center { height: 75px; filter: drop-shadow(0 0 12px rgba(0,230,118,.35)); transition: 0.3s; display: block; }
.nav-logo-center:hover { transform: scale(1.05); filter: drop-shadow(0 0 18px rgba(0,230,118,.5)); }

.sc-nav-logo{font-family:'Montserrat',sans-serif;font-weight:800;font-size:18px;letter-spacing:2px;color:var(--white);text-decoration:none;}
.sc-nav-logo span{color:var(--green);}
.sc-nav-links{display:flex;gap:14px;align-items:center;}
.sc-nav-links a{font-size:13px;font-weight:600;color:var(--gray);text-decoration:none;transition:.2s;}
.sc-nav-links a:hover{color:var(--white);}
.sc-nav-brand{display:flex;align-items:center;text-decoration:none;}
.sc-nav-brand:hover img{filter:drop-shadow(0 0 14px rgba(0,230,118,.55));}
.sc-nav-links .btn-nav{background:var(--green);color:var(--dark);padding:8px 20px;border-radius:30px;font-weight:700;}
.sc-nav-links .btn-nav:hover{background:#00FF8C;color:var(--dark);}

/* Hero Logo */
.hero-logo-img { width: 250px; height: 250px; object-fit: contain; filter: drop-shadow(0 15px 45px rgba(0,0,0,.6)); margin-bottom: 25px; animation: float 6s ease-in-out infinite; }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }

@media (max-width: 600px) {
    body { padding-top: 85px; }
    .sc-nav { padding: 15px 15px; min-height: 70px; }
    .sc-nav-sponsor span:first-child { display: none !important; }
    .sc-nav-sponsor span:nth-child(2) { font-size: 11px !important; }
    .nav-logo-center { height: 54px; }
    .sc-nav-links a { font-size: 11px; }
    .sc-nav-links .btn-nav { padding: 6px 14px; }
    .hero-logo-img { width: 180px; height: 180px; }
}

/* logo animation */
.logo-wrap{padding:90px 0 0;position:relative;z-index:3;text-align:center;}
.logo-ring{width:58px;height:58px;border-radius:50%;background:#0D1420;border:2px solid var(--green);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;box-shadow:0 0 18px rgba(0,230,118,.25);}
.logo-bars{display:flex;align-items:flex-end;gap:3px;height:28px;}
.lb{width:6px;border-radius:3px 3px 0 0;}
.lb1{height:12px;background:var(--green);animation:lb 1.6s .0s ease-in-out infinite alternate;}
.lb2{height:22px;background:var(--red);animation:lb 1.6s .2s ease-in-out infinite alternate;}
.lb3{height:16px;background:var(--green);animation:lb 1.6s .4s ease-in-out infinite alternate;}
.lb4{height:26px;background:var(--red);animation:lb 1.6s .6s ease-in-out infinite alternate;}
@keyframes lb{from{opacity:.5}to{opacity:1}}
.logo-name{font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;letter-spacing:3px;}

/* hero body */
.hero-body{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;max-width:1040px;width:100%;padding:10px 24px 50px;margin-top:auto;}
.hero-badge{display:inline-block;background:rgba(0,230,118,.1);border:1px solid rgba(0,230,118,.25);color:var(--green);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:18px;}
.hero h1{font-family:'Montserrat',sans-serif;font-size:clamp(26px,4.5vw,44px);font-weight:900;line-height:1.18;margin-bottom:16px;}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--green),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hero-sub{font-size:15.5px;color:#99AABB;line-height:1.75;margin-bottom:28px;}
.btn-cta{display:inline-block;border:2px solid var(--green);color:var(--green);font-family:'Montserrat',sans-serif;font-weight:800;font-size:14px;letter-spacing:1.5px;padding:13px 34px;border-radius:40px;text-decoration:none;cursor:pointer;transition:.3s;position:relative;overflow:hidden;background:transparent;}
.btn-cta::before{content:'';position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:left;transition:.3s;z-index:0;}
.btn-cta span{position:relative;z-index:1;}
.btn-cta:hover{color:var(--dark);}
.btn-cta:hover::before{transform:scaleX(1);}
.pulse{animation:pulse 2.2s ease-in-out infinite;}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,230,118,.45)}50%{box-shadow:0 0 0 10px rgba(0,230,118,0)}}

.hero-illo{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;}
.hero-illo svg{width:100%;max-width:440px;height:auto;filter:drop-shadow(0 10px 40px rgba(0,0,0,.5));margin-bottom:12px;}
.hero-stats{display:flex;gap:10px;width:100%;max-width:320px;justify-content:space-between;margin-top:-5px;}
.hs-box{flex:1;background:rgba(6,11,18,.7);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px;text-align:center;backdrop-filter:blur(8px);}
.hs-box.green{background:rgba(0,230,118,.05);border-color:rgba(0,230,118,.25);}
.hs-box.gold{background:rgba(255,215,0,.05);border-color:rgba(255,215,0,.25);}
.hs-box .val{display:block;font-family:'Montserrat',sans-serif;font-weight:900;font-size:14px;margin-bottom:2px;}
.hs-box.green .val{color:var(--green);}
.hs-box.gold .val{color:var(--gold);}
.hs-box .lbl{display:block;font-size:9px;color:var(--gray);text-transform:uppercase;letter-spacing:1px;}

/* ── LIVE STATS BAR ── */
.stats-bar{background:rgba(6,11,18,.97);border-top:1px solid rgba(0,230,118,.12);border-bottom:1px solid rgba(255,255,255,.04);padding:12px 24px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
.stat-pill{display:flex;align-items:center;gap:8px;border-radius:10px;padding:8px 16px;}
.stat-pill.green{background:rgba(0,230,118,.05);border:1px solid rgba(0,230,118,.15);}
.stat-pill.gold{background:rgba(255,215,0,.05);border:1px solid rgba(255,215,0,.15);}
.stat-pill.red{background:rgba(255,61,0,.05);border:1px solid rgba(255,61,0,.15);}
.stat-pill label{font-size:10px;color:var(--gray);font-family:'Poppins',sans-serif;}
.stat-pill .val{font-family:'Montserrat',sans-serif;font-weight:900;font-size:15px;}
.stat-pill.green .val{color:var(--green);}
.stat-pill.gold .val{color:var(--gold);}
.stat-pill.red .val{color:#FF5252;}

/* ── PROBLEM / SOLUTION ── */
.probsol{background:var(--dark2);padding:52px 20px;}
.ps-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1040px;margin:0 auto;}
.ps-card{border-radius:18px;padding:26px 22px;background:var(--dark3);}
.ps-card.prob{border:1px solid rgba(255,61,0,.25);}
.ps-card.sol{border:1px solid rgba(0,230,118,.25);}
.ps-icon{width:54px;height:54px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.ps-icon.r{background:rgba(255,61,0,.12);}
.ps-icon.g{background:rgba(0,230,118,.1);}
.ps-title{font-family:'Montserrat',sans-serif;font-weight:800;font-size:18px;margin-bottom:12px;}
.ps-text{font-size:15px;color:#8899AA;line-height:1.75;}
.ps-list{list-style:none;padding:0;margin:14px 0 0;}
.ps-list li{font-size:14.5px;color:#8899AA;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;gap:10px;align-items:flex-start;}
.ps-list li .ic{flex-shrink:0;margin-top:2px;}
.ps-list li .ic.r{color:var(--red);}
.ps-list li .ic.g{color:var(--green);}
.ps-highlight{margin-top:16px;padding:16px;border-radius:12px;font-size:15px;font-weight:700;}
.ps-highlight.r{background:rgba(255,61,0,.08);border-left:3px solid var(--red);color:#fff;}
.ps-highlight.g{background:rgba(0,230,118,.08);border-left:3px solid var(--green);color:#fff;}

/* ── EBOOK ── */
.ebook{background:linear-gradient(160deg,#0D1420,#080C12);padding:54px 20px;position:relative;overflow:hidden;}
.ebook::before{content:'';position:absolute;top:-60px;right:-60px;width:340px;height:340px;background:radial-gradient(circle,rgba(255,215,0,.04) 0%,transparent 70%);pointer-events:none;}
.ebook-wrap{display:flex;flex-direction:column;align-items:center;gap:36px;max-width:900px;margin:0 auto;}
/* Covers: big side-by-side on top */
.ebook-covers-top{display:flex;gap:30px;justify-content:center;align-items:flex-end;width:100%;}
.ebook-covers-top img{width:44%;max-width:380px;border-radius:14px;display:block;border:2px solid var(--green);cursor:pointer;transition:transform .3s,box-shadow .3s;}
@keyframes pulse-glow{0%{box-shadow:0 0 20px rgba(0,230,118,.3);}100%{box-shadow:0 0 50px rgba(0,230,118,.65);}}
.ebook-covers-top img{animation:pulse-glow 2.2s ease-in-out infinite alternate;}
.ebook-covers-top img:hover{transform:scale(1.03);}
/* Info below */
.ebook-info-bottom{text-align:center;}
.ebook-tag{font-size:11px;color:var(--gold);letter-spacing:2px;font-weight:700;text-transform:uppercase;margin-bottom:10px;}
.ebook-title-top h2{font-family:'Montserrat',sans-serif;font-size:clamp(20px,4vw,30px);font-weight:800;font-style:italic;line-height:1.3;margin-bottom:0;}
.ebook-info-bottom p{font-size:14px;color:#99AABB;line-height:1.75;margin-bottom:22px;}
.ebook-info-bottom p strong{color:var(--green);}
.btn-gold{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#0A0E14;font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;letter-spacing:1px;padding:13px 30px;border-radius:40px;text-decoration:none;cursor:pointer;transition:.3s;border:none;}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,200,0,.35);}

/* ── BENEFITS ── */
.benefits{background:var(--dark);padding:54px 20px;}
.sec-title{text-align:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(19px,4.5vw,30px);margin-bottom:8px;}
.sec-title .g{color:var(--green);}
.sec-title .au{color:var(--gold);}
.divider{width:56px;height:3px;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:2px;margin:0 auto 38px;}
.ben-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1040px;margin:0 auto;}
.ben-card{background:var(--dark3);border:1px solid rgba(255,255,255,.05);border-radius:18px;padding:26px 18px;text-align:center;transition:.35s;position:relative;overflow:hidden;}
.ben-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--green),var(--gold));transform:scaleX(0);transition:.35s;}
.ben-card:hover{transform:translateY(-5px);border-color:rgba(0,230,118,.18);}
.ben-card:hover::after{transform:scaleX(1);}
.ben-card svg{margin-bottom:14px;}
.ben-title{font-family:'Montserrat',sans-serif;font-weight:700;font-size:16px;margin-bottom:12px;line-height:1.45;}
.ben-desc{font-size:14.5px;color:var(--gray);line-height:1.7;}

/* ── TESTI ── */
.testi{background:var(--dark2);padding:54px 20px;}
.testi-wrapper{position:relative;max-width:1040px;margin:0 auto;}
.testi-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:0px;}
.testi-grid::-webkit-scrollbar{display:none;}
.ts-btn{background:rgba(0,230,118,.15);border:1px solid rgba(0,230,118,.4);color:var(--green);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;position:absolute;top:50%;transform:translateY(-50%);z-index:10;transition:0.3s;}
.ts-btn:hover{background:var(--green);color:#fff;}
.ts-prev{left:-15px;}
.ts-next{right:-15px;}
.tc{flex:0 0 calc(50% - 8px);scroll-snap-align:center;background:var(--dark3);border-radius:18px;padding:22px;border:1px solid rgba(255,255,255,.06);}
.tc.green{border-color:rgba(0,230,118,.22);}
.tc.amber{border-color:rgba(255,165,0,.22);}
.tc .avatar{width:48px;height:48px;border-radius:50%;background:#2E4560;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border:2px solid var(--green);font-size:22px;}
.tc.amber .avatar{border-color:var(--gold);}
.stars{color:var(--gold);font-size:12px;margin-bottom:7px;}
.tc-quote{font-size:13px;color:var(--white);line-height:1.65;font-style:italic;margin-bottom:12px;}
.tc-name{font-size:12px;font-weight:700;color:var(--green);}
.tc.amber .tc-name{color:var(--gold);}
.tc-role{font-size:11px;color:var(--gray);}

/* Mentoring Banner */
.mentoring-banner{background:linear-gradient(135deg,rgba(0,100,255,.15),rgba(0,230,118,.1));border:1px solid rgba(0,100,255,.3);border-radius:18px;padding:35px;text-align:center;max-width:1040px;margin:20px auto 0;}
.mentoring-banner h3{font-family:'Montserrat',sans-serif;font-size:18px;font-weight:800;margin-bottom:6px;}
.mentoring-banner p{color:var(--green);font-size:14px;font-weight:600;}

/* ── MEMBERSHIP ── */
.membership{background:linear-gradient(160deg,#080C12,#0D1420);padding:54px 20px;position:relative;overflow:hidden;}
.membership::before{content:'';position:absolute;top:0;inset-x:0;height:400px;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(255,215,0,.055) 0%,transparent 70%);pointer-events:none;}
.mem-head{text-align:center;margin-bottom:30px;position:relative;z-index:1;}
.mem-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.28);color:var(--gold);font-size:11.5px;font-weight:700;letter-spacing:1px;padding:7px 18px;border-radius:30px;margin-bottom:14px;}
.mem-title{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(18px,4.5vw,28px);margin-bottom:6px;}
.mem-price{font-family:'Montserrat',sans-serif;font-weight:700;font-size:16px;color:var(--gold);}
.mem-card{background:var(--dark3);border:1px solid rgba(255,215,0,.18);border-radius:20px;padding:28px;max-width:1040px;margin:0 auto 24px;position:relative;z-index:1;}
.mem-includes{display:flex;flex-direction:column;gap:12px;margin-top:14px;}
.mi{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#BBCCDD;}
.mi .chk{color:var(--green);font-weight:700;flex-shrink:0;margin-top:1px;}

.mem-comm-desc{max-width:1040px;margin:0 auto 20px;position:relative;z-index:1;padding:0 10px;}
.mem-comm-desc h4{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:800;color:var(--gold);margin-top:0;margin-bottom:8px;text-transform:uppercase;}
.mem-comm-desc p{font-size:13.5px;color:var(--white);margin-bottom:12px;line-height:1.5;}
.mem-comm-desc ol{padding-left:18px;color:#BBCCDD;font-size:13px;line-height:1.6;}
.mem-comm-desc ol li{margin-bottom:8px;}
.mem-comm-desc ol li strong{color:var(--green);}
.mem-comm-desc ul{list-style-type:disc;padding-left:20px;margin-top:4px;color:var(--gray);}
.mem-comm-desc ul li{margin-bottom:3px;}

.mem-comm-inner{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;}
.mem-comm-text{order:1;}
.mem-comm-img{order:2;text-align:center;}
.mem-comm-img img{width:100%;max-width:450px;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.5);cursor:pointer;border:2px solid rgba(0,230,118,.15);transition:0.3s;display:block;margin:0 auto;}
.mem-comm-img img:hover{border-color:var(--green);transform:scale(1.02);}

@media(max-width:768px){
    .mem-comm-inner{grid-template-columns:1fr;}
    .mem-comm-img{order:0;} /* Image goes first on mobile */
}
.comm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;position:relative;z-index:1;}
.cc{background:var(--dark3);border:1px solid rgba(0,230,118,.1);border-radius:13px;padding:14px 10px;text-align:center;}
.cc-icon{font-size:22px;margin-bottom:8px;display:block;}
.cc-name{font-size:10.5px;color:var(--gray);margin-bottom:4px;}
.cc-val{font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:var(--green);}
.rw-title{font-family:'Montserrat',sans-serif;font-weight:800;font-size:14px;color:var(--gold);text-align:center;border:1px solid rgba(255,215,0,.2);padding:9px;border-radius:10px;background:rgba(255,215,0,.04);max-width:1040px;margin:0 auto 14px;position:relative;z-index:1;}
.rw-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;max-width:1040px;margin:0 auto 0;position:relative;z-index:1;}
.rw{background:var(--dark3);border:1px solid rgba(255,255,255,.05);border-radius:13px;padding:16px 10px;text-align:center;}
.rw svg{margin-bottom:8px;}
.rw-pts{font-family:'Montserrat',sans-serif;font-weight:900;font-size:12px;color:var(--gold);margin-bottom:3px;}
.rw-val{font-size:11px;color:var(--green);font-weight:700;margin-bottom:3px;}
.rw-desc{font-size:10px;color:var(--gray);}

/* Promo Umroh */
.promo-umroh{background:linear-gradient(135deg,rgba(0,102,255,.2),rgba(0,230,118,.1));border:1px solid rgba(0,102,255,.3);border-radius:20px;padding:40px 30px;text-align:center;max-width:1040px;margin:30px auto 0;position:relative;z-index:1;overflow:hidden;}
.promo-umroh h3{font-family:'Montserrat',sans-serif;font-size:clamp(16px,3.5vw,22px);font-weight:900;color:var(--green);margin-bottom:12px;}
.promo-umroh p{font-size:14px;color:#fff;font-weight:600;margin-bottom:20px;}
.promo-steps{list-style:none;padding:0;text-align:left;max-width:440px;margin:0 auto 16px;}
.promo-steps li{font-size:13px;padding:7px 0;display:flex;gap:8px;color:#BBCCDD;}
.promo-steps li .ps-chk{color:var(--green);font-weight:700;}
.promo-footer{font-size:14px;font-weight:800;color:var(--gold);}

/* ── CTA FINAL ── */
.cta-final{background:linear-gradient(160deg,#0D1420,#080C12);padding:64px 20px;text-align:center;position:relative;overflow:hidden;}
#cta-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;}
.cta-final h2,.cta-final p,.cta-price-box,.cta-btns{position:relative;z-index:1;}
.cta-final h2{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(20px,5vw,34px);margin-bottom:10px;position:relative;z-index:1;}
.cta-final p{color:var(--gray);font-size:14px;margin-bottom:10px;position:relative;z-index:1;}
.cta-price-box{background:rgba(0,230,118,.05);border:1px solid rgba(0,230,118,.25);border-radius:16px;padding:25px;max-width:420px;margin:0 auto 30px;position:relative;z-index:1;}
.cta-price-box ul{list-style:none;padding:0;text-align:left;margin-bottom:20px;}
.cta-price-box ul li{font-size:13px;padding:6px 0;display:flex;gap:8px;color:#BBCCDD;border-bottom:1px solid rgba(255,255,255,.05);}
.cta-price-box ul li .chk{color:var(--green);}
.price-amount{font-family:'Montserrat',sans-serif;font-weight:900;font-size:clamp(26px,8vw,34px);color:var(--green);display:block;margin-top:10px;}
.price-label{font-size:11px;color:var(--gray);text-transform:uppercase;letter-spacing:1px;}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1;}
.btn-green{display:inline-block;border:2px solid var(--green);color:var(--green);font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;letter-spacing:1px;padding:13px 28px;border-radius:40px;text-decoration:none;transition:.3s;background:transparent;}
.btn-green:hover{background:var(--green);color:var(--dark);}
.btn-gold2{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#080C12;font-family:'Montserrat',sans-serif;font-weight:900;font-size:13px;letter-spacing:1px;padding:13px 28px;border-radius:40px;text-decoration:none;transition:.3s;border:none;}
.btn-gold2:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,200,0,.35);}

/* ── FAST TRACK ── */
.fast-track { max-width:1040px; margin: 40px auto 30px; padding:30px 10px; position: relative; z-index: 1;}
.ft-title { text-align:center; font-family:'Montserrat',sans-serif; color:var(--white); font-weight:800; font-size:clamp(18px,4vw,24px); margin-bottom: 30px; line-height: 1.3;}
.ft-title span { color:var(--white); font-size:13px; display:block; margin-top:6px; font-weight:600;}
.ft-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap: 20px; max-width: 900px; margin: 0 auto; }
.ft-card { background: var(--dark3); border-radius: 16px; padding: 24px 20px; text-align: center; border: 1px solid rgba(0, 230, 118, 0.4); box-shadow: 0 4px 20px rgba(0, 230, 118, 0.05); transition: transform 0.3s, box-shadow 0.3s;}
.ft-card:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,230,118,0.2); }
.ft-popular { border-color: rgba(255, 215, 0, 0.6); box-shadow: 0 4px 20px rgba(255, 215, 0, 0.15); position: relative;}
.ft-popular::before { content: 'PALING DIMINATI'; position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--gold); color: var(--dark); font-size: 11px; font-weight: 800; padding: 6px 14px; border-radius: 20px; letter-spacing: 1px; white-space:nowrap; }
.ft-head { font-family:'Montserrat',sans-serif; font-weight:800; font-size:15px; color:var(--white); margin-bottom: 8px;}
.ft-price { font-size:22px; font-weight:800; color:#bbccdd; margin-bottom: 14px;}
.ft-cashback { border: 1px solid rgba(0,230,118,0.5); color: var(--green); display:inline-block; padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; margin-bottom: 24px;}
.ft-potensi { background: linear-gradient(135deg, rgba(255,215,0,0.1), rgba(255,140,0,0.1)); border: 1px solid rgba(255,215,0,0.2); border-radius: 12px; padding: 14px; }
.ft-potensi span { display: block; font-size: 11px; color: #fff; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 4px;}
.ft-potensi strong { display: block; font-family:'Montserrat',sans-serif; font-size: 26px; font-weight: 900; color: var(--gold); }
@media(max-width: 800px) { .ft-grid { grid-template-columns: 1fr; max-width:320px; gap:40px; } }

/* ── FOOTER ── */
footer{background:#050810;padding:30px 20px;border-top:1px solid rgba(255,255,255,.04);}
.foot-inner{max-width:860px;margin:0 auto;text-align:center;}
.foot-logo{height:80px;margin-bottom:16px;opacity:.8;}
.foot-contact{font-size:14px;font-weight:600;margin-bottom:14px;line-height:2;}
.foot-contact a{color:var(--green);text-decoration:none;}
.foot-social{display:flex;justify-content:center;gap:20px;margin-bottom:16px;}
.foot-social a{color:#64748b;font-size:20px;transition:.2s;}
.foot-social a:hover{color:var(--green);}
.foot-copy{font-size:12px;color:#475569;}

/* ── FADE-UP ── */
.fu{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease;}
.fu.vis{opacity:1;transform:translateY(0);}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .comm-grid{grid-template-columns:repeat(3,1fr);}
  .rw-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:640px){
  .sc-nav-logo{font-size:15px;}
  .hero-body{grid-template-columns:1fr;text-align:center;padding-top:10px;}
  .hero-illo{order:-1;}
  .ps-grid{grid-template-columns:1fr;}
  .tc{flex:0 0 88%;}
  .ben-grid{grid-template-columns:1fr;}
  .ebook-wrap{text-align:center;}
  .ebook-covers-top{flex-direction:column;align-items:center;}
  .ebook-covers-top img{width:80%;max-width:320px;}
  .comm-grid{grid-template-columns:1fr 1fr;}
  .rw-grid{grid-template-columns:1fr 1fr;}
  .cta-btns{flex-direction:column;align-items:center;}
  .stats-bar{gap:8px;}
  .ts-btn{width:36px;height:36px;font-size:16px;}
  .ts-prev{left:-5px;}
  .ts-next{right:-5px;}
}

/* ── GALERI KOPDAR ── */
.mentoring-banner { text-align: center; margin-top: 50px; padding: 30px 10px; background: rgba(0, 0, 0, 0.2); border-radius: 16px; border: 1px solid rgba(255,255,255,0.05); }
.mentoring-banner h3 { color: var(--green); margin-bottom: 25px; font-size: clamp(18px, 5vw, 24px); }
.gal-wrapper { position: relative; max-width: 1040px; margin: 0 auto 30px; display: flex; align-items: center; }
.gal-grid { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 0px; width: 100%; border-radius: 12px;}
.gal-grid::-webkit-scrollbar { display: none; }
.gal-item { flex: 0 0 calc(33.333% - 11px); scroll-snap-align: center; cursor: pointer; transition: 0.3s; }
.gal-item img { width: 100%; height: 260px; object-fit: cover; border-radius: 12px; border: 2px solid rgba(255,255,255, 0.1); box-shadow: 0 4px 15px rgba(0,0,0, 0.4); transition: 0.3s; display: block; }
.gal-item:hover img { transform: scale(1.02); border-color: var(--green); z-index: 2; position: relative; }
.gal-wrapper .ts-btn { width: 44px; height: 44px; font-size: 20px; background: rgba(0, 0, 0, 0.6); border: 1px solid var(--green); color: var(--green); box-shadow: 0 4px 10px rgba(0,0,0,0.5); }
.gal-wrapper .ts-btn:hover { background: var(--green); color: #fff; }
.gal-wrapper .gal-prev { left: -15px; }
.gal-wrapper .gal-next { right: -15px; }

@media (max-width: 768px) {
    .gal-item { flex: 0 0 calc(50% - 8px); } /* 2 columns on mobile */
    .gal-item img { height: 160px; }
    .gal-wrapper .ts-btn { display: none; } /* Hide arrows on mobile, swipe is better */
}

/* ── BUKTI PROFIT: Portrait Mode ── */
.bukti-item { flex: 0 0 calc(25% - 12px) !important; }
.bukti-item img { height: 420px !important; object-fit: contain !important; background: #0a1628; border-radius: 12px; }
@media (max-width: 900px) {
    .bukti-item { flex: 0 0 calc(40% - 8px) !important; }
    .bukti-item img { height: 340px !important; }
}
@media (max-width: 600px) {
    .bukti-item { flex: 0 0 calc(50% - 8px) !important; }
    .bukti-item img { height: 320px !important; }
}

/* ── LIGHTBOX ── */
.lightbox {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 5vh;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.92);
  backdrop-filter: blur(5px);
}
.lightbox-content {
  margin: auto;
  display: block;
  max-width: 95%;
  max-height: 85vh;
  border-radius: 10px;
  box-shadow: 0 0 30px rgba(0, 230, 118, 0.3);
  animation: zoomIn 0.3s ease;
  object-fit: contain;
}
@keyframes zoomIn { from {transform:scale(0.85); opacity:0;} to {transform:scale(1); opacity:1;} }
.close-lb {
  position: absolute;
  top: 15px;
  right: 25px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  cursor: pointer;
  z-index: 10000;
}
.close-lb:hover, .close-lb:focus { color: var(--green); text-decoration: none; }