/* ═══════════════════════════════════════════════════════════
   OTX TRADE — INVESTOR PRESENTATION v2.0
   Premium Trading-Themed Cinematic Design
   ═══════════════════════════════════════════════════════════ */

/* ===== RESET & BASE ===== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    height:100dvh;min-height:100dvh;overflow:hidden;
    font-family:'Plus Jakarta Sans',sans-serif;
    background:#020810;
    color:#f0f2f5;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
::selection{background:rgba(0,212,255,.35);color:#fff}

/* ===== ANIMATED BG MESH ===== */
body::before{
    content:'';position:fixed;inset:0;z-index:0;
    background:
        radial-gradient(ellipse 80% 60% at 10% 20%, rgba(6,182,212,.07) 0%, transparent 55%),
        radial-gradient(ellipse 70% 50% at 85% 75%, rgba(139,92,246,.06) 0%, transparent 50%),
        radial-gradient(ellipse 60% 40% at 50% 10%, rgba(234,179,8,.04) 0%, transparent 45%);
    pointer-events:none;
}

/* ===== PARTICLES ===== */
#particles{position:fixed;inset:0;z-index:1;pointer-events:none}

/* ===== PROGRESS BAR ===== */
.progress-bar{
    position:fixed;top:0;left:0;height:4px;z-index:200;
    background:linear-gradient(90deg,#06b6d4,#a78bfa,#f59e0b,#f43f5e);
    width:0;transition:width .6s cubic-bezier(.4,0,.2,1);
    box-shadow:0 0 20px rgba(6,182,212,.6),0 0 40px rgba(167,139,250,.3);
}

/* ===== SLIDE COUNTER ===== */
.slide-counter{
    position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;
    font-family:'Orbitron',monospace;font-size:.8rem;color:rgba(255,255,255,.2);
    letter-spacing:5px;pointer-events:none;display:flex;align-items:center;gap:4px;
}
.sc-sep{opacity:.3}

/* ===== NAV DOTS ===== */
.nav-dots{
    position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:100;
    display:flex;flex-direction:column;gap:12px;
}
.nav-dot{
    width:10px;height:10px;border-radius:50%;
    border:2px solid rgba(255,255,255,.15);cursor:pointer;transition:.4s;
    position:relative;
}
.nav-dot.active{
    background:#06b6d4;border-color:#06b6d4;
    box-shadow:0 0 12px rgba(6,182,212,.7),0 0 24px rgba(6,182,212,.3);
    transform:scale(1.5);
}
.nav-dot:hover{border-color:rgba(6,182,212,.6);transform:scale(1.2)}

/* ===== ARROWS ===== */
.nav-arrow{
    position:fixed;top:50%;z-index:100;
    width:52px;height:52px;border-radius:16px;
    border:1px solid rgba(255,255,255,.12);
    background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    color:rgba(255,255,255,.7);font-size:1.1rem;cursor:pointer;
    display:flex;align-items:center;justify-content:center;transition:.4s;
}
.nav-prev{left:20px;transform:translateY(-50%)}
.nav-next{right:56px;transform:translateY(-50%)}
.nav-arrow:hover{
    background:linear-gradient(180deg, rgba(6,182,212,.12), rgba(255,255,255,.02));
    border-color:rgba(6,182,212,.35);
    box-shadow:0 0 24px rgba(6,182,212,.16), inset 0 1px 0 rgba(255,255,255,.08);color:#06b6d4;
    transform:translateY(-50%) scale(1.1);
}

/* ═══════════════════════════════════
   SLIDES ENGINE — CINEMATIC TRANSITIONS
   ═══════════════════════════════════ */
.slides-container{position:relative;width:100%;height:100dvh;overflow:hidden;isolation:isolate}

.slide{
    position:absolute;inset:0;
    display:flex;align-items:center;justify-content:center;
    opacity:0;visibility:hidden;z-index:1;
    transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);
    transform:scale(.92) translateY(20px);
    overflow:hidden;
}
.slide.active{
    opacity:1;visibility:visible;z-index:10;
    transform:scale(1) translateY(0);
}
.slide::after{
    content:'';position:absolute;inset:clamp(14px,2.4vw,24px);z-index:2;
    border-radius:32px;
    border:1px solid rgba(255,255,255,.05);
    background:linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.01));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 28px 80px rgba(0,0,0,.18);
    opacity:0;transition:opacity .6s ease;pointer-events:none;
}
.slide.active::after{opacity:1}

/* ===== BACKGROUND ORBS — BIGGER, BOLDER ===== */
.bg-orb{
    position:absolute;width:550px;height:550px;border-radius:50%;
    filter:blur(120px);opacity:.12;pointer-events:none;
    transition:opacity 1.2s;animation:orbFloat 12s ease-in-out infinite;
}
@keyframes orbFloat{
    0%,100%{transform:translate(0,0) scale(1)}
    33%{transform:translate(15px,-20px) scale(1.05)}
    66%{transform:translate(-10px,15px) scale(.95)}
}
.orb-cyan{background:#06b6d4}
.orb-violet{background:#8b5cf6}
.orb-orange{background:#f97316}
.orb-gold{background:#eab308}
.orb-green{background:#10b981}
.orb-rose{background:#f43f5e}

/* ═══════════════════════════════
   CONTENT LAYOUTS
   ═══════════════════════════════ */
.slide-inner{
    position:relative;z-index:5;width:100%;max-width:1280px;
    padding:40px 64px;
    --fit-scale:1;
    transform:scale(var(--fit-scale));
    transform-origin:center center;
    will-change:transform;
}
.center-layout{
    text-align:center;display:flex;flex-direction:column;
    align-items:center;gap:20px;
}
.split-layout{
    display:grid;grid-template-columns:1fr 1fr;
    gap:60px;align-items:center;
}
.split-layout.reverse .split-img{order:-1}

/* ═══════════════════════════════
   ANIMATIONS — STAGGERED REVEAL
   ═══════════════════════════════ */
.anim{
    opacity:0;transform:translateY(36px);
    transition:opacity .7s cubic-bezier(.25,.46,.45,.94),transform .7s cubic-bezier(.25,.46,.45,.94);
}
.slide.active .anim{opacity:1;transform:translateY(0)}
.slide.active .anim[data-d="100"]{transition-delay:.1s}
.slide.active .anim[data-d="150"]{transition-delay:.15s}
.slide.active .anim[data-d="200"]{transition-delay:.2s}
.slide.active .anim[data-d="250"]{transition-delay:.25s}
.slide.active .anim[data-d="300"]{transition-delay:.3s}
.slide.active .anim[data-d="350"]{transition-delay:.35s}
.slide.active .anim[data-d="400"]{transition-delay:.4s}
.slide.active .anim[data-d="450"]{transition-delay:.45s}
.slide.active .anim[data-d="500"]{transition-delay:.5s}
.slide.active .anim[data-d="550"]{transition-delay:.55s}
.slide.active .anim[data-d="600"]{transition-delay:.6s}
.slide.active .anim[data-d="650"]{transition-delay:.65s}
.slide.active .anim[data-d="700"]{transition-delay:.7s}
.slide.active .anim[data-d="800"]{transition-delay:.8s}
.slide.active .anim[data-d="900"]{transition-delay:.9s}
.slide.active .anim[data-d="1000"]{transition-delay:1s}
.slide.active .anim[data-d="1200"]{transition-delay:1.2s}

@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.bobble{animation:bob 5s ease-in-out infinite}
@keyframes glowP{0%,100%{filter:drop-shadow(0 0 20px rgba(6,182,212,.3))}50%{filter:drop-shadow(0 0 40px rgba(6,182,212,.6))}}
.glow-pulse{animation:glowP 3s ease-in-out infinite}
@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}
.float-anim{animation:float 6s ease-in-out infinite}

/* ═══════════════════════════════
   TYPOGRAPHY — BOLD & BIG
   ═══════════════════════════════ */
.hero-h1{
    font-size:clamp(3rem,7vw,6rem);font-weight:900;
    letter-spacing:-3px;line-height:.95;
}
.slide-h2{
    font-size:clamp(2rem,4.5vw,3.5rem);font-weight:800;
    line-height:1.12;margin-bottom:8px;letter-spacing:-1.5px;
}
.hero-sub{
    font-size:clamp(1rem,1.8vw,1.4rem);color:rgba(255,255,255,.55);
    font-weight:400;letter-spacing:.8px;line-height:1.6;max-width:700px;
}
.desc{
    font-size:clamp(.95rem,1.3vw,1.15rem);color:rgba(255,255,255,.6);
    line-height:1.8;max-width:560px;
}
.hint{color:rgba(255,255,255,.18);font-size:.82rem;letter-spacing:1px}

/* Gradient texts — vivid */
.grad-text{
    background:linear-gradient(135deg,#06b6d4 0%,#a78bfa 50%,#f59e0b 100%);
    background-size:200% auto;animation:shimmer 4s linear infinite;
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.grad-text-orange{
    background:linear-gradient(135deg,#f97316,#fbbf24,#f97316);background-size:200% auto;
    animation:shimmer 3s linear infinite;
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.grad-text-violet{
    background:linear-gradient(135deg,#8b5cf6,#c084fc,#a78bfa);background-size:200% auto;
    animation:shimmer 3s linear infinite;
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.grad-text-gold{
    background:linear-gradient(135deg,#eab308,#fbbf24,#f59e0b);background-size:200% auto;
    animation:shimmer 3s linear infinite;
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.grad-text-green{
    background:linear-gradient(135deg,#10b981,#34d399,#06d6a0);background-size:200% auto;
    animation:shimmer 3s linear infinite;
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.grad-text-rose{
    background:linear-gradient(135deg,#f43f5e,#fb7185,#f43f5e);background-size:200% auto;
    animation:shimmer 3s linear infinite;
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

/* ===== TAGS ===== */
.tag{
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 22px;border-radius:99px;font-size:.78rem;
    font-weight:800;letter-spacing:2px;text-transform:uppercase;
    background:rgba(6,182,212,.08);border:1px solid rgba(6,182,212,.2);color:#06b6d4;
    backdrop-filter:blur(8px);
}
.tag-orange{background:rgba(249,115,22,.08);border-color:rgba(249,115,22,.2);color:#f97316}
.tag-violet{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.2);color:#a78bfa}
.tag-gold{background:rgba(234,179,8,.08);border-color:rgba(234,179,8,.2);color:#eab308}
.tag-green{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.2);color:#10b981}
.tag-rose{background:rgba(244,63,94,.08);border-color:rgba(244,63,94,.2);color:#f43f5e}

/* ===== HERO LOGO ===== */
.hero-logo{max-height:140px;width:auto;object-fit:contain}

/* ===== PILLS ===== */
.pill-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.pill{
    padding:10px 20px;border-radius:99px;font-size:.85rem;font-weight:700;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
    color:rgba(255,255,255,.75);display:flex;align-items:center;gap:8px;
    backdrop-filter:blur(8px);transition:.3s;
}
.pill:hover{background:rgba(6,182,212,.1);border-color:rgba(6,182,212,.3);transform:translateY(-2px)}
.pill i{color:#06b6d4;font-size:.8rem}

/* ===== KPI ===== */
.kpi-row{display:flex;gap:52px;flex-wrap:wrap;justify-content:center}
.kpi{text-align:center}
.kpi-val{
    display:block;font-family:'Orbitron',monospace;
    font-size:clamp(1.6rem,3vw,2.8rem);font-weight:900;color:#06b6d4;
    text-shadow:0 0 24px rgba(6,182,212,.4);
}
.kpi-lbl{
    font-size:.78rem;color:rgba(255,255,255,.4);text-transform:uppercase;
    letter-spacing:1.5px;margin-top:4px;
}

/* ═══════════════════════════════
   IMAGES — PREMIUM GLASS CARDS
   ═══════════════════════════════ */
.img-card{
    width:100%;max-width:520px;border-radius:22px;
    box-shadow:0 24px 60px rgba(0,0,0,.4),0 0 40px rgba(6,182,212,.08),inset 0 1px 0 rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);transition:.5s;
}
.img-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 32px 70px rgba(0,0,0,.5),0 0 50px rgba(6,182,212,.12)}
.split-img{display:flex;justify-content:center;align-items:center}

/* ===== CHECK LIST ===== */
.check-list{list-style:none;display:flex;flex-direction:column;gap:12px}
.check-list li{
    display:flex;align-items:center;gap:12px;font-size:1rem;
    color:rgba(255,255,255,.8);padding:12px 18px;border-radius:14px;
    background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.04);
    transition:.4s;font-weight:500;
}
.check-list li:hover{
    background:rgba(6,182,212,.06);border-color:rgba(6,182,212,.18);
    transform:translateX(8px);box-shadow:0 4px 20px rgba(6,182,212,.08);
}
.check-list li i{color:#06b6d4;font-size:1rem;width:20px;text-align:center;flex-shrink:0}

/* ===== FEAT GRID ===== */
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.feat{
    padding:14px 16px;border-radius:14px;
    background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);
    display:flex;align-items:center;gap:12px;font-size:.9rem;
    color:rgba(255,255,255,.8);transition:.4s;font-weight:500;
}
.feat:hover{
    background:rgba(6,182,212,.08);border-color:rgba(6,182,212,.2);
    transform:translateY(-3px);box-shadow:0 8px 24px rgba(6,182,212,.1);
}
.feat i{color:#06b6d4;font-size:1.1rem;width:24px;text-align:center;flex-shrink:0}

/* ═══════════════════════════════
   ECOSYSTEM CARDS
   ═══════════════════════════════ */
.eco-row{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;width:100%}
.eco-box{
    padding:32px 26px;border-radius:22px;
    background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);
    text-align:center;transition:.5s;position:relative;overflow:hidden;
    backdrop-filter:blur(10px);
}
.eco-box::before{
    content:'';position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,transparent,var(--ac),transparent);opacity:0;transition:.4s;
}
.eco-box:hover{
    transform:translateY(-10px);
    box-shadow:0 24px 50px rgba(0,0,0,.3),0 0 30px color-mix(in srgb, var(--ac) 15%, transparent);
    border-color:rgba(255,255,255,.12);
}
.eco-box:hover::before{opacity:1}
.eco-icon{margin-bottom:16px}
.eco-icon img{height:60px;width:auto;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}
.eco-box h3{font-size:1.3rem;font-weight:800;margin-bottom:10px}
.eco-box p{font-size:.88rem;color:rgba(255,255,255,.5);line-height:1.6;margin-bottom:14px}
.eco-chips{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.eco-chips span{
    padding:5px 12px;border-radius:99px;font-size:.7rem;font-weight:700;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
    color:rgba(255,255,255,.6);
}

/* ═══════════════════════════════
   INCOME STACK
   ═══════════════════════════════ */
.income-stack{display:flex;flex-direction:column;gap:12px}
.inc-row{
    display:flex;align-items:center;gap:16px;padding:16px 20px;
    border-radius:16px;background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);transition:.4s;cursor:default;
}
.inc-row:hover{
    background:rgba(255,255,255,.06);transform:translateX(8px);
    border-color:rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(0,0,0,.15);
}
.inc-ico{
    width:48px;height:48px;border-radius:14px;display:flex;
    align-items:center;justify-content:center;font-size:1.1rem;color:#fff;flex-shrink:0;
}
.inc-row h4{font-size:.95rem;font-weight:800;margin-bottom:3px}
.inc-row p{font-size:.78rem;color:rgba(255,255,255,.5)}
.inc-arrow{margin-left:auto;color:rgba(255,255,255,.15);font-size:.8rem}

/* ═══════════════════════════════
   TRADING PROFIT VISUAL
   ═══════════════════════════════ */
.tp-example{
    border-radius:20px;background:rgba(6,182,212,.04);
    border:1px solid rgba(6,182,212,.12);padding:24px;margin-top:10px;
    backdrop-filter:blur(8px);
}
.tp-example-header{
    font-size:.95rem;font-weight:900;color:#06b6d4;margin-bottom:18px;
    display:flex;align-items:center;gap:10px;letter-spacing:.8px;
}
.tp-example-header i{font-size:1.1rem;color:#fbbf24}
.tp-flow-visual{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}
.tp-step{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:110px}
.tp-step-icon{
    width:62px;height:62px;border-radius:18px;display:flex;
    align-items:center;justify-content:center;font-size:1.6rem;color:#fff;
}
.invest-step .tp-step-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 8px 24px rgba(6,182,212,.4)}
.return-step .tp-step-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px rgba(16,185,129,.4)}
.tp-step-amount{
    font-family:'Orbitron',monospace;font-size:1.8rem;font-weight:900;
    color:#fff;text-shadow:0 0 18px rgba(6,182,212,.3);
}
.invest-step .tp-step-amount{color:#06b6d4}
.return-step .tp-step-amount{color:#10b981}
.tp-step-label{font-size:.82rem;font-weight:700;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1.5px}
.tp-connector{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 12px;position:relative}
.tp-connector-line{
    width:90px;height:3px;
    background:linear-gradient(90deg,#06b6d4,#fbbf24,#10b981);
    border-radius:3px;box-shadow:0 0 12px rgba(6,182,212,.4);
}
@keyframes boltBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.tp-bolt{color:#fbbf24;font-size:1.2rem;animation:boltBounce 1.5s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(251,191,36,.6))}
.tp-connector-text{font-size:.65rem;font-weight:800;color:rgba(251,191,36,.7);text-transform:uppercase;letter-spacing:2px;white-space:nowrap}
.tp-example-note{
    padding:12px 16px;border-radius:12px;background:rgba(16,185,129,.08);
    border:1px solid rgba(16,185,129,.15);font-size:.88rem;font-weight:600;
    color:rgba(255,255,255,.7);display:flex;align-items:center;gap:10px;
}
.tp-example-note i{color:#10b981;font-size:1rem}

.tp-conditions{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.tp-cond{
    display:flex;align-items:center;gap:12px;padding:13px 18px;
    border-radius:13px;background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);font-size:.95rem;
    font-weight:600;color:rgba(255,255,255,.8);transition:.4s;
}
.tp-cond:hover{background:rgba(6,182,212,.08);border-color:rgba(6,182,212,.2);transform:translateX(6px)}
.tp-cond i{color:#06b6d4;font-size:1.05rem;flex-shrink:0}

.condition-note{
    padding:12px 18px;border-radius:12px;background:rgba(6,182,212,.06);
    border:1px solid rgba(6,182,212,.12);font-size:.85rem;
    color:rgba(255,255,255,.65);display:flex;align-items:center;gap:10px;margin-top:10px;
    backdrop-filter:blur(6px);
}
.condition-note i{color:#06b6d4}

/* ═══════════════════════════════
   LEVEL TABLE (15-Level)
   ═══════════════════════════════ */
.lvl-full-grid{
    width:100%;max-width:950px;border-radius:16px;overflow:hidden;
    border:1px solid rgba(139,92,246,.15);background:rgba(255,255,255,.02);
    backdrop-filter:blur(6px);
}
.lfg-head{
    display:grid;grid-template-columns:50px 55px 1fr;padding:8px 14px;
    font-size:.65rem;font-weight:900;color:#a78bfa;text-transform:uppercase;
    letter-spacing:.8px;background:rgba(139,92,246,.12);
}
.lfg-row{
    display:grid;grid-template-columns:50px 55px 1fr;padding:5px 14px;
    font-size:.76rem;font-weight:600;color:rgba(255,255,255,.7);
    border-top:1px solid rgba(255,255,255,.03);transition:.25s;
}
.lfg-row:hover{background:rgba(139,92,246,.06)}
.lfg-row span:first-child{font-family:'Orbitron',monospace;font-weight:900;font-size:.68rem}
.lfg-row span:nth-child(2){font-family:'Orbitron',monospace;font-weight:900;font-size:.78rem;color:#a78bfa}
.lfg-gold{background:rgba(251,191,36,.05)}.lfg-gold span:nth-child(2){color:#fbbf24!important;text-shadow:0 0 10px rgba(251,191,36,.4)}
.lfg-cyan{background:rgba(6,182,212,.05)}.lfg-cyan span:nth-child(2){color:#06b6d4!important;text-shadow:0 0 10px rgba(6,182,212,.4)}
.lfg-violet{background:rgba(139,92,246,.05)}.lfg-violet span:nth-child(2){color:#a78bfa!important;text-shadow:0 0 10px rgba(167,139,250,.4)}
.lfg-orange{background:rgba(249,115,22,.05)}.lfg-orange span:nth-child(2){color:#f97316!important;text-shadow:0 0 10px rgba(249,115,22,.4)}

.lvl-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:950px}
.lvl-example-box,.lvl-cond-box{
    border-radius:16px;background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);padding:16px 20px;
    backdrop-filter:blur(6px);
}
.lvl-example-box p,.lvl-cond-box p{font-size:.88rem;color:rgba(255,255,255,.65);line-height:1.6;margin-top:6px}

/* ═══════════════════════════════
   PERFORMANCE COMMISSION FULL GRID
   ═══════════════════════════════ */
.perf-full-grid{
    width:100%;max-width:950px;border-radius:16px;overflow:hidden;
    border:1px solid rgba(16,185,129,.15);background:rgba(255,255,255,.02);
    backdrop-filter:blur(6px);
}
.pfg-head{
    display:grid;grid-template-columns:42px 1.5fr 1fr 1fr 55px;
    padding:8px 16px;font-size:.65rem;font-weight:900;color:#10b981;
    text-transform:uppercase;letter-spacing:.8px;background:rgba(16,185,129,.12);
}
.pfg-row{
    display:grid;grid-template-columns:42px 1.5fr 1fr 1fr 55px;
    padding:4px 16px;font-size:.75rem;font-weight:600;
    color:rgba(255,255,255,.7);border-top:1px solid rgba(255,255,255,.03);transition:.25s;
}
.pfg-row:hover{background:rgba(16,185,129,.06)}
.pfg-row span:first-child{font-family:'Orbitron',monospace;font-weight:900;font-size:.65rem;color:rgba(255,255,255,.5)}
.pfg-row span:nth-child(5){font-family:'Orbitron',monospace;font-weight:900;font-size:.72rem;color:#10b981}
.pfg-gold{background:rgba(251,191,36,.04)}.pfg-gold span:first-child{color:#fbbf24!important}
.pfg-cyan{background:rgba(6,182,212,.04)}.pfg-cyan span:first-child{color:#06b6d4!important}
.pfg-green{background:rgba(16,185,129,.04)}.pfg-green span:first-child{color:#10b981!important}
.pfg-violet{background:rgba(139,92,246,.04)}.pfg-violet span:first-child{color:#a78bfa!important}
.pfg-orange{background:rgba(249,115,22,.04)}.pfg-orange span:first-child{color:#f97316!important}
.pfg-rose{background:rgba(244,63,94,.04)}.pfg-rose span:first-child{color:#f43f5e!important}
.pfg-crown{background:linear-gradient(90deg,rgba(234,179,8,.08),rgba(251,191,36,.04));font-weight:700!important}
.pfg-crown span{color:#fbbf24!important;text-shadow:0 0 10px rgba(251,191,36,.4)}

/* ═══════════════════════════════
   DIRECT INCOME FLOW
   ═══════════════════════════════ */
.direct-flow{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;margin:14px 0}
.df-step{display:flex;flex-direction:column;align-items:center;gap:10px;width:120px;text-align:center}
.df-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff}
.df-step span{font-size:.78rem;font-weight:700;color:rgba(255,255,255,.7)}
.df-arrow{color:rgba(255,255,255,.18);font-size:1.1rem}
.di-cond-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:750px}
.di-cond{
    padding:20px;border-radius:16px;background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);text-align:center;transition:.4s;
    backdrop-filter:blur(6px);
}
.di-cond:hover{background:rgba(234,179,8,.06);border-color:rgba(234,179,8,.15);transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.15)}
.di-cond i{font-size:1.4rem;color:#eab308;margin-bottom:10px;display:block}
.di-cond h4{font-size:.88rem;font-weight:800;margin-bottom:5px}
.di-cond p{font-size:.78rem;color:rgba(255,255,255,.5);line-height:1.5}

/* ═══════════════════════════════
   OFFERS
   ═══════════════════════════════ */
.offer-features{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.off-card{
    padding:20px;border-radius:16px;background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);transition:.4s;backdrop-filter:blur(6px);
}
.off-card:hover{background:rgba(244,63,94,.06);border-color:rgba(244,63,94,.15);transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.15)}
.off-card i{font-size:1.4rem;color:#f43f5e;margin-bottom:10px;display:block}
.off-card h4{font-size:.88rem;font-weight:800;margin-bottom:5px}
.off-card p{font-size:.78rem;color:rgba(255,255,255,.5);line-height:1.5}

/* ═══════════════════════════════
   SECURITY
   ═══════════════════════════════ */
.sec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sec{
    padding:18px;border-radius:14px;background:rgba(16,185,129,.04);
    border:1px solid rgba(16,185,129,.1);text-align:center;transition:.4s;
    backdrop-filter:blur(6px);
}
.sec:hover{background:rgba(16,185,129,.1);transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.12)}
.sec i{font-size:1.4rem;color:#10b981;margin-bottom:8px;display:block}
.sec h4{font-size:.78rem;font-weight:700;color:rgba(255,255,255,.8)}

/* ═══════════════════════════════
   PLATFORM PILLS
   ═══════════════════════════════ */
.plat-pills{display:flex;flex-wrap:wrap;gap:12px}
.pp{
    padding:14px 24px;border-radius:14px;background:rgba(6,182,212,.05);
    border:1px solid rgba(6,182,212,.12);font-size:.9rem;font-weight:700;
    display:flex;align-items:center;gap:10px;transition:.4s;
}
.pp:hover{background:rgba(6,182,212,.12);transform:translateY(-3px);box-shadow:0 8px 24px rgba(6,182,212,.1)}
.pp i{color:#06b6d4;font-size:1.1rem}

/* ═══════════════════════════════
   CTA
   ═══════════════════════════════ */
.cta-btns{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.btn-primary{
    padding:18px 40px;border-radius:16px;
    background:linear-gradient(135deg,#06b6d4,#0891b2);
    color:#fff;font-weight:800;font-size:1.1rem;text-decoration:none;
    display:inline-flex;align-items:center;gap:10px;transition:.4s;
    box-shadow:0 10px 30px rgba(6,182,212,.35);border:none;cursor:pointer;
}
.btn-primary:hover{
    transform:translateY(-4px) scale(1.03);
    box-shadow:0 16px 40px rgba(6,182,212,.5);
}
.btn-outline{
    padding:18px 40px;border-radius:16px;
    border:2px solid rgba(6,182,212,.25);color:#06b6d4;
    font-weight:700;font-size:1.1rem;text-decoration:none;
    display:inline-flex;align-items:center;gap:10px;transition:.4s;
    background:rgba(6,182,212,.04);cursor:pointer;
}
.btn-outline:hover{background:rgba(6,182,212,.15);border-color:#06b6d4;transform:translateY(-3px)}
.contact-row{display:flex;gap:32px;flex-wrap:wrap;justify-content:center}
.contact-row span{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.4);font-size:.88rem}
.contact-row i{color:#06b6d4}

/* ═══════════════════════════════
   GLASS STAT BOXES
   ═══════════════════════════════ */
.stat-boxes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;max-width:900px}
.stat-box{
    padding:20px 16px;border-radius:16px;text-align:center;
    background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);
    transition:.4s;backdrop-filter:blur(8px);
}
.stat-box:hover{transform:translateY(-4px);border-color:rgba(6,182,212,.2);box-shadow:0 12px 30px rgba(0,0,0,.15)}
.stat-box .stat-num{
    font-family:'Orbitron',monospace;font-size:clamp(1.2rem,2vw,1.8rem);
    font-weight:900;display:block;margin-bottom:4px;
}
.stat-box .stat-label{font-size:.72rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1px;font-weight:600}

/* ═══════════════════════════════
   SLIDE BG IMAGE OVERLAY
   ═══════════════════════════════ */
.slide-bg-img{
    position:absolute;inset:0;z-index:0;
    background-size:cover;background-position:center;
    opacity:.12;pointer-events:none;
}
.slide-bg-img::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(2,8,16,.6) 0%,rgba(2,8,16,.9) 100%);
}

/* ═══════════════════════════════════════════════
   PREMIUM LEVEL CARDS
   ═══════════════════════════════════════════════ */

/* Row layout for 2 large cards */
.lvl-cards-row{
    display:grid;grid-template-columns:1fr 1fr;gap:28px;
    width:100%;max-width:950px;
}

/* Grid layout for 8 smaller cards */
.lvl-cards-grid-8{
    display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
    width:100%;max-width:1200px;
}

/* Grid layout for 5 cards */
.lvl-cards-grid-5{
    display:grid;grid-template-columns:repeat(5,1fr);gap:16px;
    width:100%;max-width:1200px;
}

/* === The Card Itself === */
.lvl-premium-card{
    position:relative;padding:28px 24px;border-radius:20px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.06);
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    text-align:center;transition:.5s;overflow:hidden;
    display:flex;flex-direction:column;align-items:center;gap:8px;
}
.lvl-premium-card::before{
    content:'';position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,transparent,var(--card-accent,#a78bfa),transparent);
    opacity:.6;transition:.4s;
}
.lvl-premium-card::after{
    content:'';position:absolute;inset:0;border-radius:20px;
    background:radial-gradient(ellipse at 50% 0%,var(--card-glow,rgba(167,139,250,.1)),transparent 70%);
    pointer-events:none;opacity:0;transition:.5s;
}
.lvl-premium-card:hover{
    transform:translateY(-8px);
    border-color:var(--card-accent,rgba(167,139,250,.3));
    box-shadow:0 20px 50px rgba(0,0,0,.3),0 0 30px var(--card-glow,rgba(167,139,250,.08));
}
.lvl-premium-card:hover::before{opacity:1}
.lvl-premium-card:hover::after{opacity:1}

/* Badge */
.lpc-badge{
    width:44px;height:44px;border-radius:14px;
    background:linear-gradient(135deg,var(--card-accent,#a78bfa),color-mix(in srgb,var(--card-accent,#a78bfa) 70%,#000));
    color:#fff;font-family:'Orbitron',monospace;font-size:.75rem;font-weight:900;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 6px 18px var(--card-glow,rgba(167,139,250,.3));
    flex-shrink:0;
}

/* Percentage */
.lpc-pct{
    font-family:'Orbitron',monospace;
    font-size:clamp(2rem,3.5vw,3rem);font-weight:900;
    color:var(--card-accent,#a78bfa);
    text-shadow:0 0 16px var(--card-glow,rgba(167,139,250,.4));
    line-height:1;
}

/* Title */
.lpc-title{
    font-size:1.05rem;font-weight:800;color:#fff;margin-bottom:2px;
}

/* Description */
.lpc-desc{
    font-size:.82rem;color:rgba(255,255,255,.55);line-height:1.6;max-width:280px;
}

/* Example box inside card */
.lpc-example{
    display:flex;align-items:center;gap:8px;padding:10px 14px;
    border-radius:12px;background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
    font-size:.8rem;color:rgba(255,255,255,.7);
    margin-top:4px;
}
.lpc-example i{color:#fbbf24;font-size:.9rem;flex-shrink:0}

/* Tag label */
.lpc-tag{
    display:inline-flex;align-items:center;gap:6px;
    padding:5px 14px;border-radius:99px;font-size:.68rem;
    font-weight:800;letter-spacing:1px;text-transform:uppercase;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
    color:var(--card-accent,#a78bfa);margin-top:4px;
}

/* Small card variant for grids of 4-5 */
.lvl-card-sm{padding:18px 14px;gap:5px}
.lvl-card-sm .lpc-badge{width:36px;height:36px;font-size:.65rem;border-radius:11px}
.lvl-card-sm .lpc-pct{font-size:clamp(1.5rem,2.5vw,2.2rem)}
.lvl-card-sm .lpc-title{font-size:.88rem}
.lvl-card-sm .lpc-desc{font-size:.74rem;max-width:200px}

/* ═══════════════════════════════════════════════
   LEVEL CONDITIONS BOX
   ═══════════════════════════════════════════════ */
.lvl-conditions-box{
    width:100%;max-width:1100px;border-radius:18px;
    background:rgba(139,92,246,.04);border:1px solid rgba(139,92,246,.12);
    padding:22px 28px;backdrop-filter:blur(8px);
}
.lvl-cond-header{
    font-size:1rem;font-weight:900;color:#a78bfa;
    margin-bottom:14px;display:flex;align-items:center;gap:10px;
    letter-spacing:.5px;
}
.lvl-cond-header i{font-size:1.1rem}
.lvl-cond-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lvl-cond-item{
    display:flex;align-items:flex-start;gap:12px;
    padding:14px 16px;border-radius:14px;
    background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);
    transition:.3s;
}
.lvl-cond-item:hover{
    background:rgba(139,92,246,.06);border-color:rgba(139,92,246,.15);
    transform:translateX(4px);
}
.lvl-cond-item i{color:#a78bfa;font-size:1.1rem;margin-top:2px;flex-shrink:0}
.lvl-cond-item strong{display:block;font-size:.88rem;font-weight:800;color:#fff;margin-bottom:3px}
.lvl-cond-item span{display:block;font-size:.78rem;color:rgba(255,255,255,.5);line-height:1.5}

/* ═══════════════════════════════════════════════
   PERFORMANCE RANK CARDS (Different from lvl cards)
   ═══════════════════════════════════════════════ */
.rank-cards-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:32px;
    width:100%;max-width:1150px;
}

.rank-card{
    position:relative;padding:36px 24px;border-radius:24px;
    background:linear-gradient(160deg, rgba(255,255,255,.05), rgba(255,255,255,.01));
    border:1px solid rgba(255,255,255,.1);
    backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
    text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden;
    display:flex;flex-direction:column;align-items:center;gap:12px;
    box-shadow: 0 10px 40px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.15);
}
/* Top border gradient accent */
.rank-card::before{
    content:'';position:absolute;top:0;left:0;right:0;height:4px;
    background:linear-gradient(90deg, transparent, var(--rk-accent,#10b981), transparent);
    opacity:.8;transition:.4s;
}
/* Enhanced Glow overlay */
.rank-card::after{
    content:'';position:absolute;inset:0;border-radius:24px;
    background:radial-gradient(circle at 50% 0%,var(--rk-glow,rgba(16,185,129,.15)),transparent 60%);
    pointer-events:none;opacity:1;transition:.5s;
}
.rank-card:hover{
    transform:translateY(-12px) scale(1.04);
    border-color:var(--rk-accent,rgba(16,185,129,.5));
    box-shadow:0 30px 60px rgba(0,0,0,.5), 0 0 50px var(--rk-glow,rgba(16,185,129,.25)), inset 0 1px 0 rgba(255,255,255,.2);
}
.rank-card:hover::before{opacity:1;height:6px}

/* Rank Number */
.rk-number{
    position:absolute;top:18px;right:22px;
    font-family:'Orbitron',monospace;font-size:1.1rem;font-weight:900;
    color:rgba(255,255,255,.25);letter-spacing:1px;
}

/* Icon wrap */
.rk-icon-wrap{
    width:72px;height:72px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:1.8rem;color:var(--rk-accent,#10b981);
    background:rgba(255,255,255,.05);
    border:2px solid color-mix(in srgb, var(--rk-accent,#10b981) 40%, transparent);
    box-shadow:0 8px 24px var(--rk-glow,rgba(16,185,129,.2));
    transition:.4s; margin-bottom: 4px;
}
.rank-card:hover .rk-icon-wrap{
    background:color-mix(in srgb, var(--rk-accent,#10b981) 15%, transparent);
    border-color:var(--rk-accent,#10b981);
    box-shadow:0 10px 30px var(--rk-glow,rgba(16,185,129,.4));
    transform:scale(1.15) rotate(5deg);
}

/* Crown special icon */
.rk-crown-icon{
    background:linear-gradient(135deg,rgba(251,191,36,.2),rgba(251,191,36,.05))!important;
    border-color:rgba(251,191,36,.5)!important;
    font-size:2rem;
    animation:crownGlow 2.5s ease-in-out infinite;
}
@keyframes crownGlow{
    0%,100%{box-shadow:0 4px 16px rgba(251,191,36,.2)}
    50%{box-shadow:0 8px 30px rgba(251,191,36,.45),0 0 20px rgba(251,191,36,.15)}
}

/* Rank Name */
.rk-name{
    font-size:1.4rem;font-weight:800;color:#fff;margin:2px 0;letter-spacing:-0.5px;
    text-shadow: 0 2px 10px rgba(0,0,0,.5);
}

/* Stats row */
.rk-stats{display:flex;flex-direction:column;gap:8px;width:100%}
.rk-stat{
    display:flex;align-items:center;gap:12px;font-size:.9rem;
    color:rgba(255,255,255,.8);padding:10px 14px;border-radius:12px;
    background:rgba(0,0,0,.2);justify-content:center;
    border:1px solid rgba(255,255,255,.03);
}
.rk-stat i{color:var(--rk-accent,#10b981);font-size:.9rem;flex-shrink:0}
.rk-stat span{font-weight:700}

/* Commission display */
.rk-commission{
    font-family:'Orbitron',monospace;font-size:1.4rem;font-weight:900;
    color:var(--rk-accent,#10b981);
    text-shadow:0 0 16px var(--rk-glow,rgba(16,185,129,.4));
    margin-top:10px;
}
.rk-commission small{
    font-size:.7rem;font-weight:700;color:rgba(255,255,255,.45);
    display:block;font-family:'Plus Jakarta Sans',sans-serif;
    text-shadow:none;letter-spacing:1px;text-transform:uppercase;margin-top:4px;
}

/* Crown card special */
.rank-card-crown{
    background:linear-gradient(145deg,rgba(251,191,36,.12),rgba(251,191,36,.02))!important;
    border-color:rgba(251,191,36,.3)!important;
}
.rank-card-crown .rk-name{color:#fbbf24;text-shadow:0 0 16px rgba(251,191,36,.4)}

/* ═══════════════════════════════════
   RANK TERMS BOX
   ═══════════════════════════════════ */
.rank-terms-box{
    width:100%;max-width:1100px;border-radius:18px;
    background:rgba(16,185,129,.04);border:1px solid rgba(16,185,129,.12);
    padding:22px 28px;backdrop-filter:blur(8px);
}
.rank-terms-header{
    font-size:1rem;font-weight:900;color:#10b981;
    margin-bottom:14px;display:flex;align-items:center;gap:10px;
    letter-spacing:.5px;
}
.rank-terms-header i{font-size:1.1rem}
.rank-terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rank-term-item{
    display:flex;align-items:flex-start;gap:12px;
    padding:14px 16px;border-radius:14px;
    background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);
    transition:.3s;
}
.rank-term-item:hover{
    background:rgba(16,185,129,.06);border-color:rgba(16,185,129,.15);
    transform:translateX(4px);
}
.rank-term-item i{color:#10b981;font-size:1.1rem;margin-top:2px;flex-shrink:0}
.rank-term-item strong{display:block;font-size:.88rem;font-weight:800;color:#fff;margin-bottom:3px}
.rank-term-item span{display:block;font-size:.78rem;color:rgba(255,255,255,.5);line-height:1.5}

/* ═══════════════════════════════
   RESPONSIVE
   ═══════════════════════════════ */
/* Desktop & Tablet Sizing Tweaks */
@media(max-width:1024px){
    .slide-inner{padding:30px 40px}
    .hero-h1{font-size:clamp(2.4rem,5vw,4rem)}
    .img-card{margin:0 auto;object-fit:contain}
}

/* Extreme Short Screens (Landscape Phones & Squished Browsers) -> Auto Scroll */
@media(max-height:800px){
    body { overscroll-behavior-y: none; }

    .img-card { max-height: 250px; }
    .hero-h1{font-size:clamp(1.8rem,4vw,3.2rem)}
}

/* Portrait Tablets & Phones (Force Vertical Stacking) */
@media(max-width:1024px) and (orientation: portrait){
    .split-layout{grid-template-columns:1fr;gap:28px}
    .split-layout.reverse .split-img{order:-1}
    .split-img{order:-1}
    .eco-row{grid-template-columns:1fr}
    .lvl-bottom-row{grid-template-columns:1fr}
    .stat-boxes{grid-template-columns:repeat(2,1fr)}
    .lvl-cards-row{grid-template-columns:1fr;max-width:500px}
    .lvl-cards-grid-8{grid-template-columns:repeat(2,1fr)}
    .lvl-cards-grid-5{grid-template-columns:repeat(2,1fr)}
    .lvl-cond-items{grid-template-columns:1fr}
    .rank-cards-grid{grid-template-columns:repeat(2,1fr)}
    .rank-terms-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
    body { overscroll-behavior-y: none; }

    .kpi-row{gap:24px}
    .feat-grid{grid-template-columns:1fr}
    .sec-grid{grid-template-columns:1fr 1fr}
    .di-cond-grid{grid-template-columns:1fr}
    .offer-features{grid-template-columns:1fr}
    .direct-flow{gap:10px}.df-step{width:85px}
    .cta-btns{flex-direction:column;align-items:center}
    .contact-row{flex-direction:column;align-items:center;gap:14px}
    .stat-boxes{grid-template-columns:1fr 1fr}
    .hero-h1{font-size:clamp(2rem,4.5vw,3rem)}
    .lvl-cards-grid-8{grid-template-columns:repeat(2,1fr);gap:10px}
    .lvl-cards-grid-5{grid-template-columns:repeat(2,1fr);gap:10px}
    .lvl-card-sm{padding:14px 10px}
    .lvl-card-sm .lpc-pct{font-size:1.4rem}
    .rank-cards-grid{grid-template-columns:repeat(2,1fr);gap:10px}
    .rank-card{padding:16px 12px}
}





/* ===== HERO SLIDE ANIMATIONS ===== */
@keyframes floatY {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-15px); }
    100% { transform: translateY(0px); }
}
@keyframes pulseGlow {
    0% { transform: scale(1); opacity: 0.8; }
    50% { transform: scale(1.3); opacity: 1; }
    100% { transform: scale(1); opacity: 0.8; }
}
.bar-shimmer {
    position: absolute; top: 0; left: -100%; width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    animation: shimmerSlide 2s infinite;
}
@keyframes shimmerSlide {
    100% { left: 200%; }
}
.hero-split {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 40px;
}
@media (max-width: 1024px) {
    .hero-split { grid-template-columns: 1fr; text-align: center; }
    .hero-split .split-text { align-items: center; text-align: center; }
    .hero-split .split-text h1, .hero-split .split-text p { text-align: center !important; margin: 0 auto !important; }
    .hero-split .pill-row { justify-content: center !important; }
    .hero-split > div:nth-child(2) { display: none; }
}


/* ===== GLOBAL BRANDING ===== */
.global-badge {
    position: fixed; top: 24px; right: 28px; z-index: 1000;
    pointer-events: none;
}
.global-badge img {
    max-height: 48px; opacity: 0.85;
    filter: drop-shadow(0 0 10px rgba(6,182,212,0.4));
}
.global-footer-link {
    position: fixed; bottom: 8px; left: 50%; transform: translateX(-50%); z-index: 1000;
    font-family: 'Orbitron', monospace; font-size: 0.9rem; font-weight: 700;
    color: rgba(255,255,255,0.4); text-decoration: none; letter-spacing: 2px;
    transition: 0.3s;
}
.global-footer-link:hover {
    color: #06b6d4; text-shadow: 0 0 10px rgba(6,182,212,0.6);
}
@media (max-width: 768px) {
    .global-badge { top: 16px; right: 20px; }
    .global-badge img { max-height: 36px; }
    .global-footer-link { bottom: 4px; font-size: 0.8rem; }
}

.slide-bg-img {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
    opacity: 1 !important; filter: brightness(0.45) contrast(1.15) !important;
}
.slide-inner {
    z-index: 10;
    position: relative;
}

.nav-arrow:disabled{
    opacity:.35;
    cursor:not-allowed;
    box-shadow:none;
}

.translation-toolbar{
    position:fixed;top:84px;right:24px;z-index:1100;
    display:flex;gap:10px;align-items:center;
}
.translator-btn{
    min-height:42px;padding:0 16px;border-radius:999px;
    border:1px solid rgba(255,255,255,.12);
    background:linear-gradient(180deg, rgba(6,182,212,.08), rgba(255,255,255,.02));
    color:rgba(255,255,255,.88);font:600 .82rem 'Plus Jakarta Sans',sans-serif;
    letter-spacing:.3px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    box-shadow:0 10px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.08);
    transition:.3s;
}
.translator-btn:hover{
    transform:translateY(-2px);
    border-color:rgba(6,182,212,.35);
    color:#dffbff;
}
.translator-btn.active{
    background:linear-gradient(135deg, rgba(6,182,212,.2), rgba(59,130,246,.12));
    border-color:rgba(6,182,212,.35);
    box-shadow:0 16px 32px rgba(6,182,212,.12), inset 0 1px 0 rgba(255,255,255,.1);
}
.translator-btn i{font-size:.85rem;color:#7de3ff}

.translation-card{
    position:fixed;left:50%;bottom:86px;transform:translate(-50%, 18px);
    width:min(580px, calc(100vw - 34px));padding:18px 20px 18px;
    border-radius:24px;border:1px solid rgba(255,255,255,.1);
    background:linear-gradient(180deg, rgba(3,11,21,.9), rgba(4,14,26,.78));
    backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
    box-shadow:0 24px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
    z-index:1090;opacity:0;visibility:hidden;pointer-events:none;transition:.35s;
}
body.translation-open .translation-card{
    opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%, 0);
}
.translation-card-top{
    display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;
}
.translation-badge{
    display:inline-flex;align-items:center;gap:8px;
    padding:7px 12px;border-radius:999px;background:rgba(6,182,212,.12);
    border:1px solid rgba(6,182,212,.2);font-size:.72rem;font-weight:800;
    letter-spacing:.8px;text-transform:uppercase;color:#80ecff;
}
.translation-status{
    font-size:.76rem;color:rgba(255,255,255,.56);letter-spacing:.2px;
    line-height:1.35;max-width:220px;text-align:right;
}
.translation-title{
    font-size:1.22rem;font-weight:800;line-height:1.2;color:#fff;margin-bottom:8px;
}
.translation-body{
    font-size:.94rem;line-height:1.6;color:rgba(255,255,255,.78);margin-bottom:14px;
}
.translation-points{
    display:flex;flex-wrap:wrap;gap:8px;
}
.translation-point{
    display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
    color:rgba(255,255,255,.8);font-size:.76rem;font-weight:700;
}

body,
.slides-container{
    height:100dvh;
    min-height:100dvh;
}

.slide{
    min-height:100dvh;
}

body.mobile-slide-mode .translation-toolbar{
    top:76px;right:18px;gap:8px;
}
body.mobile-slide-mode .translator-btn{
    min-height:38px;padding:0 13px;font-size:.74rem;
}
body.mobile-slide-mode .translation-card{
    width:min(520px, calc(100vw - 24px));
    bottom:84px;padding:16px 16px 16px;border-radius:22px;
}
body.mobile-slide-mode .translation-card-top{
    align-items:flex-start;flex-direction:column;gap:8px;
}
body.mobile-slide-mode .translation-status{
    max-width:none;text-align:left;
}
body.mobile-slide-mode .translation-title{
    font-size:1.06rem;
}
body.mobile-slide-mode .translation-body{
    font-size:.86rem;line-height:1.5;margin-bottom:12px;
}
body.mobile-slide-mode .translation-point{
    font-size:.7rem;padding:6px 10px;
}
body.mobile-slide-mode .nav-dots{display:none}
body.mobile-slide-mode .slide-counter{
    top:18px;bottom:auto;font-size:.72rem;letter-spacing:3px;
    color:rgba(255,255,255,.38);z-index:1001;
}
body.mobile-slide-mode .global-badge{top:16px;right:18px}
body.mobile-slide-mode .global-badge img{max-height:34px;opacity:.78}
body.mobile-slide-mode .global-footer-link{
    top:18px;left:20px;bottom:auto;transform:none;max-width:36vw;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    font-size:.72rem;letter-spacing:1px;opacity:.55;
}
body.mobile-slide-mode .nav-arrow{
    top:auto;bottom:max(18px, env(safe-area-inset-bottom));width:54px;height:54px;
    border-radius:18px;background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01));
    border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.72);z-index:1001;
}
body.mobile-slide-mode .nav-prev{left:18px;transform:none}
body.mobile-slide-mode .nav-next{right:18px;transform:none}
body.mobile-slide-mode .nav-arrow:hover{
    transform:none;
    background:linear-gradient(180deg, rgba(6,182,212,.12), rgba(255,255,255,.015));
}
body.mobile-slide-mode .slide-inner{
    padding:30px 38px;
}
body.mobile-slide-mode .center-layout{gap:14px}
body.mobile-slide-mode .split-layout{
    grid-template-columns:1.04fr .96fr !important;
    gap:28px !important;align-items:center;
}
body.mobile-slide-mode .split-img{order:0}
body.mobile-slide-mode .split-layout.reverse .split-img{order:-1}
body.mobile-slide-mode .hero-split{
    grid-template-columns:1.08fr .92fr !important;
    gap:24px !important;
}
body.mobile-slide-mode .hero-split > div:nth-child(2){display:block}
body.mobile-slide-mode .hero-split .split-text h1,
body.mobile-slide-mode .hero-split .split-text p{
    text-align:left !important;margin-left:0 !important;margin-right:0 !important;
}
body.mobile-slide-mode .hero-split .pill-row{justify-content:flex-start !important}
body.mobile-slide-mode .hero-logo{max-height:76px}
body.mobile-slide-mode .hero-h1{
    font-size:clamp(2.15rem,4vw,3.8rem) !important;
    line-height:1.03 !important;letter-spacing:-1.8px;
}
body.mobile-slide-mode .slide-h2{
    font-size:clamp(1.6rem,3vw,2.65rem);
    line-height:1.08;letter-spacing:-1px;
}
body.mobile-slide-mode .hero-sub,
body.mobile-slide-mode .desc{
    font-size:.92rem;line-height:1.58;
}
body.mobile-slide-mode .hint{font-size:.76rem}
body.mobile-slide-mode .tag{
    padding:8px 16px;font-size:.68rem;letter-spacing:1.3px;
}
body.mobile-slide-mode .pill-row{gap:8px}
body.mobile-slide-mode .pill{
    padding:8px 14px;font-size:.74rem;
}
body.mobile-slide-mode .hero-actions{gap:14px !important}
body.mobile-slide-mode .kpi-row{gap:28px}
body.mobile-slide-mode .check-list li,
body.mobile-slide-mode .feat,
body.mobile-slide-mode .tp-cond,
body.mobile-slide-mode .pp,
body.mobile-slide-mode .sec,
body.mobile-slide-mode .di-cond,
body.mobile-slide-mode .inc-row,
body.mobile-slide-mode .rk-stat,
body.mobile-slide-mode .lvl-cond-item,
body.mobile-slide-mode .rank-term-item{
    padding:11px 13px;font-size:.82rem;
}
body.mobile-slide-mode .eco-row{grid-template-columns:repeat(3,1fr) !important;gap:14px}
body.mobile-slide-mode .eco-box{
    padding:20px 16px;border-radius:18px;
}
body.mobile-slide-mode .eco-box h3{font-size:1.05rem}
body.mobile-slide-mode .eco-box p{font-size:.78rem;line-height:1.45}
body.mobile-slide-mode .feat-grid{grid-template-columns:1fr 1fr !important;gap:10px}
body.mobile-slide-mode .sec-grid{grid-template-columns:repeat(3,1fr) !important;gap:10px}
body.mobile-slide-mode .di-cond-grid{grid-template-columns:repeat(3,1fr) !important;gap:12px}
body.mobile-slide-mode .offer-features{grid-template-columns:1fr 1fr !important;gap:10px}
body.mobile-slide-mode .lvl-bottom-row{grid-template-columns:1fr 1fr !important;gap:12px}
body.mobile-slide-mode .lvl-cards-row{grid-template-columns:1fr 1fr !important;gap:14px;max-width:none}
body.mobile-slide-mode .lvl-cards-grid-8{grid-template-columns:repeat(4,1fr) !important;gap:10px}
body.mobile-slide-mode .lvl-cards-grid-5{grid-template-columns:repeat(5,1fr) !important;gap:10px}
body.mobile-slide-mode .lvl-cond-items{grid-template-columns:1fr 1fr !important;gap:10px}
body.mobile-slide-mode .rank-cards-grid{grid-template-columns:repeat(3,1fr) !important;gap:14px}
body.mobile-slide-mode .rank-terms-grid{grid-template-columns:1fr 1fr !important;gap:10px}
body.mobile-slide-mode .stat-boxes{grid-template-columns:repeat(4,1fr) !important;gap:10px}
body.mobile-slide-mode .tp-flow-visual{gap:6px}
body.mobile-slide-mode .tp-step{min-width:86px;gap:6px}
body.mobile-slide-mode .tp-step-icon{width:54px;height:54px;font-size:1.35rem}
body.mobile-slide-mode .tp-step-amount{font-size:1.4rem}
body.mobile-slide-mode .tp-step-label{font-size:.68rem;letter-spacing:1px}
body.mobile-slide-mode .tp-connector-line{width:68px}
body.mobile-slide-mode .tp-connector-text{font-size:.58rem;letter-spacing:1px}
body.mobile-slide-mode .direct-flow{gap:10px}
body.mobile-slide-mode .df-step{width:92px}
body.mobile-slide-mode .cta-btns{
    flex-direction:row !important;align-items:center !important;gap:12px;
}
body.mobile-slide-mode .btn-primary,
body.mobile-slide-mode .btn-outline{
    width:auto;padding:14px 22px;font-size:.92rem;
}
body.mobile-slide-mode .contact-row{
    flex-direction:row !important;align-items:center !important;gap:16px;
}
body.mobile-slide-mode .img-card{
    max-width:min(100%, 360px);max-height:260px;object-fit:contain;
}
body.mobile-slide-mode .lvl-premium-card{padding:22px 18px}
body.mobile-slide-mode .lvl-card-sm{padding:14px 10px}
body.mobile-slide-mode .rank-card{padding:24px 16px;gap:10px}
body.mobile-slide-mode .rk-icon-wrap{width:60px;height:60px;font-size:1.5rem}
body.mobile-slide-mode .rk-name{font-size:1.12rem}
body.mobile-slide-mode .rk-commission{font-size:1.12rem}
body.mobile-slide-mode .lfg-head{
    grid-template-columns:34px 42px 1fr;padding:5px 10px;font-size:.56rem;
}
body.mobile-slide-mode .lfg-row{
    grid-template-columns:34px 42px 1fr;padding:4px 10px;font-size:.64rem;
}
body.mobile-slide-mode .pfg-head{
    grid-template-columns:32px 1.3fr .9fr .9fr 42px;padding:5px 10px;font-size:.55rem;
}
body.mobile-slide-mode .pfg-row{
    grid-template-columns:32px 1.3fr .9fr .9fr 42px;padding:4px 10px;font-size:.62rem;
}
body.mobile-slide-mode .lvl-full-grid,
body.mobile-slide-mode .perf-full-grid{
    overflow:hidden;
}
body.ultra-compact-mode .slide-inner{padding:22px 28px}
body.ultra-compact-mode .hero-split > .split-visual{display:none}
body.ultra-compact-mode .split-layout{gap:22px !important}
body.ultra-compact-mode .hero-h1{
    font-size:clamp(1.85rem,3.9vw,3.1rem) !important;
}
body.ultra-compact-mode .slide-h2{
    font-size:clamp(1.35rem,2.7vw,2.2rem);
}
body.ultra-compact-mode .hero-sub,
body.ultra-compact-mode .desc,
body.ultra-compact-mode .eco-box p,
body.ultra-compact-mode .lpc-desc{
    font-size:.78rem;line-height:1.38;
}
body.ultra-compact-mode .tag{
    padding:7px 13px;font-size:.6rem;letter-spacing:1px;
}
body.ultra-compact-mode .pill{
    padding:7px 11px;font-size:.66rem;
}
body.ultra-compact-mode .btn-primary,
body.ultra-compact-mode .btn-outline{
    padding:12px 18px;font-size:.82rem;
}
body.ultra-compact-mode .img-card{max-height:210px}
body.ultra-compact-mode .eco-box,
body.ultra-compact-mode .rank-card,
body.ultra-compact-mode .lvl-premium-card{padding:16px 12px}
body.ultra-compact-mode .global-footer-link{display:none}
body.ultra-compact-mode .translation-toolbar{
    top:70px;right:14px;
}
body.ultra-compact-mode .translator-btn{
    min-height:34px;padding:0 11px;font-size:.68rem;
}
body.ultra-compact-mode .translation-card{
    bottom:78px;padding:14px 14px 14px;
}
body.ultra-compact-mode .translation-title{font-size:.98rem}
body.ultra-compact-mode .translation-body{font-size:.8rem}

body.phone-slide-mode .slide-inner{padding:24px 22px}
body.phone-slide-mode .translation-toolbar{
    top:70px;right:14px;left:14px;justify-content:flex-end;
}
body.phone-slide-mode .translation-card{
    width:calc(100vw - 18px);bottom:78px;padding:14px;
}
body.phone-slide-mode .split-layout,
body.phone-slide-mode .hero-split{
    grid-template-columns:1fr !important;
    gap:18px !important;
}
body.phone-slide-mode .split-img{order:0}
body.phone-slide-mode .split-layout.reverse .split-img{order:-1}
body.phone-slide-mode .hero-split > .split-visual{display:none !important}
body.phone-slide-mode .hero-split .split-text h1,
body.phone-slide-mode .hero-split .split-text p{
    text-align:left !important;
    margin-left:0 !important;
    margin-right:0 !important;
}
body.phone-slide-mode .hero-split .pill-row{justify-content:flex-start !important}
body.phone-slide-mode .hero-h1{
    font-size:clamp(2.35rem,7vw,3.4rem) !important;
    line-height:1.02 !important;
}
body.phone-slide-mode .slide-h2{
    font-size:clamp(1.7rem,5.2vw,2.5rem);
}
body.phone-slide-mode .hero-sub,
body.phone-slide-mode .desc{
    font-size:.98rem;
    line-height:1.56;
}
body.phone-slide-mode .tag{
    font-size:.7rem;
    padding:8px 15px;
}
body.phone-slide-mode .pill{
    font-size:.74rem;
    padding:8px 12px;
}
body.phone-slide-mode .hero-actions{
    flex-direction:row !important;
    align-items:center !important;
    gap:12px !important;
}
body.phone-slide-mode .hero-actions .hint{
    font-size:.7rem;
    line-height:1.2;
}
body.phone-slide-mode .eco-row,
body.phone-slide-mode .sec-grid,
body.phone-slide-mode .di-cond-grid,
body.phone-slide-mode .stat-boxes,
body.phone-slide-mode .rank-cards-grid,
body.phone-slide-mode .rank-terms-grid,
body.phone-slide-mode .lvl-cond-items{
    grid-template-columns:repeat(2,1fr) !important;
}
body.phone-slide-mode .lvl-cards-grid-8,
body.phone-slide-mode .lvl-cards-grid-5{
    grid-template-columns:repeat(2,1fr) !important;
    gap:10px;
}
body.phone-slide-mode .lvl-cards-row,
body.phone-slide-mode .offer-features,
body.phone-slide-mode .lvl-bottom-row,
body.phone-slide-mode .feat-grid{
    grid-template-columns:1fr !important;
}
body.phone-slide-mode .eco-box,
body.phone-slide-mode .lvl-premium-card,
body.phone-slide-mode .rank-card{
    padding:18px 14px;
}
body.phone-slide-mode .eco-box p,
body.phone-slide-mode .lpc-desc,
body.phone-slide-mode .rk-stat,
body.phone-slide-mode .rank-term-item span{
    font-size:.76rem;
    line-height:1.35;
}
body.phone-slide-mode .img-card{
    max-width:min(100%, 250px);
    max-height:170px;
}
body.phone-slide-mode .cta-btns{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px;
}
body.phone-slide-mode .btn-primary,
body.phone-slide-mode .btn-outline{
    width:100%;
    justify-content:center;
    padding:13px 18px;
    font-size:.88rem;
}
body.phone-slide-mode .contact-row{
    flex-direction:column !important;
    gap:10px;
}
body.phone-slide-mode .nav-arrow{
    width:50px;
    height:50px;
}

/* -------------------------------------------
   PRINT / PDF EXPORT
   ------------------------------------------- */
@media print {
    @page { size: 1920px 1080px landscape; margin: 0; }
    html, body { height: auto !important; overflow: visible !important; background: #020810 !important; -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
    #particles, .progress-bar, .nav-dots, .nav-arrow, .slide-counter, .global-badge, .global-footer-link, .translation-toolbar, .translation-card, #orientation-overlay { display: none !important; }
    .slides-container { position: relative !important; width: 100% !important; height: auto !important; display: block !important; }
    .slide { 
        position: relative !important; 
        opacity: 1 !important; 
        visibility: visible !important; 
        transform: none !important; 
        width: 100vw !important; 
        height: 100vh !important; 
        page-break-after: always !important; 
        page-break-inside: avoid !important;
        break-after: page !important;
        break-inside: avoid !important;
        overflow: hidden !important; 
    }
    .anim { opacity: 1 !important; transform: none !important; animation: none !important; transition: none !important; }
    .bg-orb { animation: none !important; }
}