* { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Inter', sans-serif; overflow-x: hidden; min-height: 100dvh; }
        
        /* === GLASS EFFECT === */
        .glass { background: rgba(10,10,14,0.55); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(14px); }
        .no-glass { background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
        
        /* === SLIDE CONTAINMENT === */
        .presentation { width: 100%; min-height: 100dvh; display: flex; position: relative; overflow-x: hidden; }
        .slide-container { width: 100%; max-width: 1200px; margin: auto; padding: 1.5rem; z-index: 10; }
        
        .slide { display: none; width: 100%; border-radius: 1rem; padding: 2.5rem; position: relative; box-sizing: border-box; }
        .slide.active { display: flex; flex-direction: column; align-items: center; height: 100%;   justify-content: center; animation: slideIn 0.5s cubic-bezier(0.22,0.61,0.36,1); }
        .slide.dense.active { justify-content: flex-start; align-items: stretch; }
        @keyframes slideIn { from{opacity:0;transform:scale(0.97);} to{opacity:1;transform:scale(1);} }
        
        /* === SWEEP === */
        .slide.active::after { content:''; position:absolute; top:0; left:-100%; width:120%; height:100%; background:linear-gradient(90deg,transparent 0%,rgba(251,191,36,0) 30%,rgba(251,191,36,0.12) 45%,rgba(251,191,36,0.25) 50%,rgba(251,191,36,0.12) 55%,rgba(251,191,36,0) 70%,transparent 100%); animation:sweepGlow 0.7s ease-out forwards; pointer-events:none; z-index:5; border-radius:1rem; }
        @keyframes sweepGlow { 0%{left:-120%;opacity:0;} 10%{opacity:1;} 90%{opacity:1;} 100%{left:100%;opacity:0;} }
        
        /* === STAGGERED ENTRANCE === */
        .slide.active h2{animation:fadeDown 0.55s 0.04s cubic-bezier(0.22,0.61,0.36,1)both}
        .slide.active h1{animation:fadeDown 0.6s 0.02s cubic-bezier(0.22,0.61,0.36,1)both}
        .slide.active h3{animation:fadeUp 0.5s 0.08s cubic-bezier(0.22,0.61,0.36,1)both}
        .slide.active p{animation:fadeUp 0.5s 0.12s cubic-bezier(0.22,0.61,0.36,1)both}
        .slide.active ul li{animation:fadeUp 0.45s cubic-bezier(0.22,0.61,0.36,1)both}
        .slide.active ul li:nth-child(1){animation-delay:0.14s}.slide.active ul li:nth-child(2){animation-delay:0.19s}
        .slide.active ul li:nth-child(3){animation-delay:0.24s}.slide.active ul li:nth-child(4){animation-delay:0.29s}
        .slide.active ul li:nth-child(5){animation-delay:0.34s}.slide.active ul li:nth-child(6){animation-delay:0.39s}
        .slide.active img{animation:fadeUp 0.6s 0.22s cubic-bezier(0.22,0.61,0.36,1)both}
        .slide.active iframe{animation:fadeIn 0.5s 0.3s ease both}
        .slide.active table{animation:fadeUp 0.5s 0.1s cubic-bezier(0.22,0.61,0.36,1)both}
        .slide.active .card{animation:fadeUp 0.45s cubic-bezier(0.22,0.61,0.36,1)both}
        .slide.active .card:nth-child(1){animation-delay:0.18s}.slide.active .card:nth-child(2){animation-delay:0.23s}
        /* Impact bar animation */
        .impact-bar-fill { width: 0; }
        .slide.active .impact-bar-fill { width: var(--to); transition: width 1.2s 0.3s cubic-bezier(0.22,0.61,0.36,1); }
        @keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
        @keyframes fadeDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
        @keyframes fadeIn{from{opacity:0}to{opacity:1}}
        
        /* === LOGO GLOW === */
        .logo-glow{display:inline-block;animation:glowPulse 3s ease-in-out infinite}
        @keyframes glowPulse{0%,100%{text-shadow:0 0 6px rgba(251,191,36,0.4)}50%{text-shadow:0 0 14px rgba(251,191,36,0.5)}}
        
        /* === BACKGROUND TOGGLE === */
        body:not(.lumen-veil) #cosmosCanvas{display:none}body:not(.lumen-veil) #starCanvas{display:block}
        body.lumen-veil #cosmosCanvas{display:block}body.lumen-veil #starCanvas{display:none}
        
        /* === SUBSCRIPTION === */
        @keyframes subPulse{0%,100%{border-color:rgba(251,191,36,0.35);box-shadow:0 0 12px rgba(251,191,36,0.15)}50%{border-color:rgba(251,191,36,0.7);box-shadow:0 0 28px rgba(251,191,36,0.35)}}
        @keyframes subGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
        .sub-card{background:linear-gradient(135deg,rgba(251,191,36,0.18),rgba(245,158,11,0.12),rgba(251,191,36,0.18));background-size:200% 200%;animation:subPulse 2.5s ease-in-out infinite,subGradient 4s ease-in-out infinite}

        /* === KEY METRIC HIGHLIGHT === */
        @keyframes metricGlow{0%,100%{text-shadow:0 0 4px rgba(251,191,36,0.2)}50%{text-shadow:0 0 10px rgba(251,191,36,0.35)}}
        .metric-highlight{color:#fbbf24!important;font-weight:800!important;animation:metricGlow 3s ease-in-out infinite}
        @keyframes countPulse{0%{transform:scale(1)}50%{transform:scale(1.06)}100%{transform:scale(1)}}
        .count-up{display:inline-block}
        .count-up.pulse{animation:countPulse 1.2s ease-out}
        
        /* === LIGHT THEME === */
        :root{--bg-deep:#0a0a0a;--bg-surface:#111;--bg-elevated:#1a1a1a;--txt-primary:#f0f0f0;--txt-secondary:#a0a0a0;--txt-muted:#666;--success:#34d399;--danger:#f87171}
        body{transition:background-color 0.4s ease,color 0.4s ease}
        .glass{transition:background 0.15s ease}
        body.light{--bg-deep:#f8f6f1;--bg-surface:#fff;--bg-elevated:#f0ede6;--txt-primary:#1a1a1a;--txt-secondary:#4a4845;--txt-muted:#787570;--success:#0d9488;--danger:#b91c1c}
        body.light .glass{background:rgba(255,252,246,0.72)}
        body.light .bg-white\/5{background:rgba(0,0,0,0.04)}
        body.light .border-white\/5{border-color:rgba(0,0,0,0.08)}
        body.light .border-white\/10{border-color:rgba(0,0,0,0.12)}
        body.light .bg-bg-elevated{border:1px solid rgba(0,0,0,0.06)}
        body.light table{border-color:rgba(0,0,0,0.1)}
        body.light .bg-pry\/10{background:rgba(251,191,36,0.15)}
        body.light .bg-pry\/20{background:rgba(251,191,36,0.22)}
        body.light .bg-success\/10{background:rgba(13,148,136,0.1)}
        body.light .sub-card{background:linear-gradient(135deg,rgba(251,191,36,0.2),rgba(245,158,11,0.14),rgba(251,191,36,0.2));background-size:200% 200%}
        
        /* === MOBILE (≤1024px) - unconstrain viewports === */
        @media(max-width:1024px){
            html,body{overflow-x:hidden;width:100%}
            body{overflow-y:auto;-webkit-overflow-scrolling:touch}
            .presentation{min-height:100dvh;min-height:100svh;height:auto!important;width:100%!important;max-width:100vw;overflow:visible!important}
            .slide-container{margin:0 auto;margin-bottom:8rem;padding:1rem}
            .slide{padding:1.5rem;height:auto;border-radius:0.75rem}
            .slide.active{justify-content:flex-start}
            .slide.no-glass.active{min-height:calc(100dvh - 8rem);min-height:calc(100svh - 8rem);height:auto;justify-content:center}
            .slide img{max-height:180px!important}
            [class*="grid-cols-"]{grid-template-columns:1fr!important}
            .col-span-2{grid-column:span 1!important}
            .columns-2{columns:1!important}
        }
        @media(max-width:640px){
            .slide{padding:1rem}
            .slide.active::after{border-radius:0.75rem}
            .slide h2{font-size:1.25rem!important}
            .slide h1{font-size:2rem!important}
            .slide h3{font-size:1.05rem!important}
            .slide h4{font-size:0.9rem!important}
            .slide p,.slide li{font-size:0.8rem!important;line-height:1.35!important}
            .slide td,.slide th{font-size:0.72rem!important;padding:0.3rem 0.4rem!important}
            .slide .rounded-xl{border-radius:0.5rem}
            .slide .p-3,.slide .p-4,.slide .p-5,.slide .p-6,.slide .p-10{padding:0.6rem!important}
            .slide .px-3,.slide .px-4,.slide .px-5,.slide .px-7{padding-left:0.55rem!important;padding-right:0.55rem!important}
            .slide .py-3,.slide .py-4,.slide .py-5{padding-top:0.45rem!important;padding-bottom:0.45rem!important}
            .slide .gap-3,.slide .gap-4,.slide .gap-6,.slide .gap-7,.slide .gap-8{gap:0.4rem!important}
            .slide .mt-3,.slide .mt-4,.slide .mt-5,.slide .mt-6,.slide .mt-7{margin-top:0.4rem!important}
            .slide .mb-3,.slide .mb-4,.slide .mb-5,.slide .mb-6,.slide .mb-10{margin-bottom:0.4rem!important}
            .slide .space-y-2>*+*{margin-top:0.25rem!important}
            .team-grid>div{flex-direction:row!important;align-items:flex-start!important;text-align:left!important;gap:0.6rem!important;padding:0.5rem!important}
            .team-grid>div>div{flex:1;min-width:0}
            .team-grid img{width:70px!important;height:70px!important;margin-bottom:0!important;border-width:2px!important;flex-shrink:0}
            .team-grid h4{text-align:left!important;margin:0!important;font-size:0.95rem!important;line-height:1.2!important}
            .team-grid p{text-align:left!important;margin:0!important}
            .team-grid h4+p{font-size:0.7rem!important;margin-top:1px!important;color:#888!important}
            .team-grid p:last-child{font-size:0.65rem!important;line-height:1.2!important;margin-top:2px!important}
            .slide{padding-bottom:8rem!important}
            .slide td:first-child,.slide th:first-child{max-width:125px!important;word-break:break-word!important}
            .stat-row{gap:0.25rem!important;padding:0.4rem 0.5rem!important}
            .stat-num{font-size:1.2rem!important;min-width:4rem!important}
            .stat-label{font-size:0.72rem!important}
        }
        @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important}}

        /* === PRINT STYLES === */
        @media print {
            @page { margin: 8mm; size: A4 landscape; }
            body { background: #fff !important; color: #000 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
            .presentation { display: block !important; min-height: auto !important; height: auto !important; overflow: visible !important; width: 100% !important; }
            .slide-container { max-width: 100% !important; padding: 0 !important; margin: 0 !important; }
            .slide { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: auto !important; min-height: 100vh !important; padding: 40px 60px !important; border-radius: 0 !important; page-break-after: always; overflow: hidden !important; animation: none !important; box-sizing: border-box !important; }
            .slide:last-child { page-break-after: auto; }
            .slide.no-glass { background: #fff !important; }
            .glass { background: rgba(255,255,255,0.9) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: 1px solid rgba(0,0,0,0.06) !important; }
            .slide.active::after { display: none !important; }
            #starCanvas, #cosmosCanvas, #progressBar, #slideCounter, .fixed { display: none !important; }
            *, *::before, *::after { animation: none !important; transition: none !important; }
            .metric-highlight { color: #c8940a !important; text-shadow: none !important; animation: none !important; font-weight: 800 !important; }
            .count-up { animation: none !important; }
            body.light, body.light .glass, body .glass { background: rgba(255,255,255,0.92) !important; }
            img { max-height: 300px !important; }
            iframe { display: none !important; }
            .sub-card { background: rgba(251,191,36,0.12) !important; animation: none !important; }
            table { border-color: rgba(0,0,0,0.15) !important; }
            .border-white\\/5, .border-white\\/10 { border-color: rgba(0,0,0,0.1) !important; }
            .bg-white\\/5 { background: rgba(0,0,0,0.03) !important; }
        }

/* === BENTO CARDS (from alt version) === */
.card-slide { background: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.bento-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.bento-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; }
.bento-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; }
.bento-card {
    background: var(--bg-elevated, #1a1a1a);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 1rem; padding: 1.25rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.bento-card:hover { transform: scale(1.01); box-shadow: 0 4px 24px rgba(0,0,0,0.2); }
.col-span-2 { grid-column: span 2; }
.bento-pry { background: rgba(251,191,36,0.06); border-color: rgba(251,191,36,0.15); }
.bento-pry:hover { border-color: rgba(251,191,36,0.3); background: rgba(251,191,36,0.08); }
.bento-teal { background: rgba(8,145,178,0.06); border-color: rgba(8,145,178,0.15); }
.bento-teal:hover { border-color: rgba(8,145,178,0.3); background: rgba(8,145,178,0.08); }
.bento-success { background: rgba(5,150,105,0.06); border-left: 3px solid var(--success, #34d399); }
.bento-highlight { background: linear-gradient(135deg, rgba(251,191,36,0.08), rgba(8,145,178,0.05), rgba(251,191,36,0.08)); border: 1px solid rgba(251,191,36,0.2); }
.bento-danger { background: rgba(248,113,113,0.04); border-color: rgba(248,113,113,0.15); }
.bento-default { background: var(--bg-elevated, #1a1a1a); border: 1px solid rgba(255,255,255,0.06); }
.bento-image { background: transparent; border: none; padding: 0.5rem 0; }
.bento-image:hover { transform: none; box-shadow: none; }
.bento-icon { width: 36px; height: 36px; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; margin-bottom: 0.5rem; font-size: 1rem; }
.bento-pry .bento-icon { background: rgba(251,191,36,0.15); color: #fbbf24; }
.bento-teal .bento-icon { background: rgba(8,145,178,0.15); color: #22D3EE; }
.bento-pry-intense {
    background: linear-gradient(135deg, rgba(251,191,36,0.18), rgba(245,158,11,0.12), rgba(251,191,36,0.18));
    background-size: 200% 200%;
    border: 2px solid rgba(251,191,36,0.35);
}
/* Team cards */
.team-card-bento {
    display: flex; align-items: center; gap: 0.75rem;
    background: var(--bg-elevated, #1a1a1a);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 1rem; padding: 0.75rem;
    transition: transform 0.2s ease; text-align: left;
}
.team-card-bento:hover { transform: scale(1.02); }
.team-card-pry { border-top: 3px solid #fbbf24; }
.team-card-success { border-top: 3px solid var(--success, #34d399); }
.team-card-purple { border-top: 3px solid #8b5cf6; }
/* Light overrides */
body.light .bento-card { background: rgba(255,255,255,0.75); border-color: rgba(0,0,0,0.06); }
body.light .bento-pry { background: rgba(251,191,36,0.08); border-color: rgba(251,191,36,0.2); }
body.light .bento-teal { background: rgba(8,145,178,0.06); border-color: rgba(8,145,178,0.15); }
body.light .bento-success { background: rgba(5,150,105,0.06); }
body.light .bento-highlight { background: linear-gradient(135deg, rgba(251,191,36,0.1), rgba(8,145,178,0.06), rgba(251,191,36,0.1)); }
body.light .bento-danger { background: rgba(185,28,28,0.04); border-color: rgba(185,28,28,0.1); }
body.light .bento-default { background: rgba(255,255,255,0.75); }
body.light .bento-pry-intense { background: linear-gradient(135deg, rgba(251,191,36,0.2), rgba(245,158,11,0.14), rgba(251,191,36,0.2)); }
body.light .team-card-bento { background: rgba(255,255,255,0.8); border-color: rgba(0,0,0,0.08); }

@media (max-width: 1024px) {
    .bento-grid-2, .bento-grid-3, .bento-grid-4 { grid-template-columns: 1fr !important; }
    .col-span-2 { grid-column: span 1 !important; }
}