@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--bg-dark:#0a0a14;--bg-card:#14141f;--accent-cyan:#0ff;--accent-purple:#8a2be2;--accent-pink:#ff0080;--accent-green:#00ff9d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;background:var(--bg-dark);color:#fff;overflow:hidden}.grid-bg{position:fixed;inset:0;background:linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 0),linear-gradient(rgba(0,255,255,.03) 1px,transparent 0);background-size:50px 50px;animation:gridMove 20s linear infinite;pointer-events:none}@keyframes gridMove{to{transform:translate(50px,50px)}}.presentation-container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1}.slide{position:absolute;width:90vw;max-width:1400px;height:85vh;background:linear-gradient(135deg,rgba(20,20,31,.95),rgba(10,10,20,.95));border:2px solid rgba(0,255,255,.3);border-radius:24px;padding:4rem;opacity:0;transform:scale(.9);transition:all .5s cubic-bezier(.4,0,.2,1);pointer-events:none;box-shadow:0 30px 60px rgba(0,0,0,.5);overflow-y:auto}.slide.active{opacity:1;transform:scale(1);pointer-events:all}.slide::-webkit-scrollbar{width:8px}.slide::-webkit-scrollbar-track{background:rgba(0,255,255,.05);border-radius:4px}.slide::-webkit-scrollbar-thumb{background:rgba(0,255,255,.3);border-radius:4px}.nav-controls{position:fixed;bottom:3rem;left:50%;transform:translateX(-50%);z-index:100;gap:1rem;background:rgba(20,20,31,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-radius:50px;border:1px solid rgba(0,255,255,.3)}.nav-btn,.nav-controls{display:flex;align-items:center}.nav-btn{width:48px;height:48px;border-radius:50%;background:rgba(0,255,255,.1);border:1px solid var(--accent-cyan);color:var(--accent-cyan);justify-content:center;cursor:pointer;transition:all .3s}.nav-btn:hover:not(:disabled){background:var(--accent-cyan);color:var(--bg-dark);transform:scale(1.1)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.slide-dots{display:flex;gap:.5rem}.dot{width:8px;height:8px;border-radius:50%;background:rgba(0,255,255,.3);cursor:pointer;transition:all .3s}.dot.active{background:var(--accent-cyan);width:24px;border-radius:4px}.card{background:rgba(20,25,35,.8);border:1px solid rgba(0,255,255,.2);border-radius:16px;padding:2rem;position:relative;overflow:hidden;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple),var(--accent-pink));transform:scaleX(0);transition:transform .5s}.card:hover{border-color:var(--accent-cyan);transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,255,255,.2)}.card:hover:before{transform:scaleX(1)}.hexagon-grid{display:grid;grid-template-columns:repeat(3,40px);grid-gap:8px;gap:8px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hex{width:40px;height:40px;-webkit-clip-path:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%);clip-path:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.feature-item{display:flex;align-items:center;gap:1rem;color:#b4b4c8;font-size:1.1rem;border-left:2px solid transparent;padding:.8rem 0 .8rem 1rem;transition:all .3s}.feature-item:before{content:"✓";width:24px;height:24px;border-radius:50%;background:rgba(0,255,255,.2);color:var(--accent-cyan);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.feature-item:hover{color:#fff;border-left-color:var(--accent-cyan);padding-left:1.5rem}.stat-box{text-align:center;padding:2rem;background:rgba(0,255,255,.05);border:1px solid rgba(0,255,255,.2);border-radius:12px;transition:all .3s}.stat-box:hover{background:rgba(0,255,255,.1);border-color:var(--accent-cyan);transform:translateY(-5px)}.progress-bar{height:8px;background:rgba(0,255,255,.1);border-radius:4px;overflow:hidden;margin:1rem 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));border-radius:4px;animation:fillProgress 2s ease-out forwards}@keyframes fillProgress{0%{width:0}}.flow-arrow{font-size:2rem;color:var(--accent-cyan);animation:arrowPulse 1.5s ease-in-out infinite}@keyframes arrowPulse{0%,to{transform:translateX(0);opacity:1}50%{transform:translateX(10px);opacity:.5}}.node-icon{width:80px;height:80px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;border:2px solid;transition:all .3s}.node-icon:hover{transform:scale(1.1) rotate(5deg)}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,193,7,.2));border:2px solid gold;border-radius:50px;color:gold;font-weight:600;animation:badgeGlow 2s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:0 0 20px rgba(255,215,0,.3)}50%{box-shadow:0 0 40px rgba(255,215,0,.6)}}.tech-tag{background:rgba(138,43,226,.2);border:1px solid var(--accent-purple);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;color:var(--accent-purple);font-family:JetBrains Mono,monospace;transition:all .3s}.tech-tag:hover{background:var(--accent-purple);color:var(--bg-dark);transform:scale(1.05)}@keyframes ctaPulse{0%,to{box-shadow:0 0 20px rgba(0,255,255,.3)}50%{box-shadow:0 0 40px rgba(0,255,255,.6)}}@media (max-width:1024px){.slide{padding:3rem 2rem;height:90vh}.nav-controls{bottom:2rem;padding:.8rem 1.5rem}}@media (max-width:768px){.slide{padding:2rem 1.5rem;width:95vw;height:92vh;font-size:.9rem}h1{font-size:3rem!important}h2{font-size:2.5rem!important}h3{font-size:1.8rem!important}.card{padding:1.5rem}.stat-box{padding:1.5rem 1rem}.node-icon{width:60px;height:60px;font-size:2rem}.nav-controls{bottom:1rem;padding:.6rem 1rem;gap:.5rem}.nav-btn{width:40px;height:40px}.hexagon-grid{grid-template-columns:repeat(3,30px);gap:6px}.hex{width:30px;height:30px}.badge{padding:.6rem 1.2rem;font-size:.9rem}.tech-tag{padding:.4rem .8rem;font-size:.8rem}.feature-item{font-size:1rem}.flow-arrow{font-size:1.5rem}}@media (max-width:640px){.slide{padding:1.5rem 1rem}h1{font-size:2.5rem!important;letter-spacing:-1px!important}h2{font-size:2rem!important}h3{font-size:1.5rem!important}p{font-size:.95rem!important}.card{padding:1.2rem}.stat-box{padding:1rem .5rem}.node-icon{width:50px;height:50px;font-size:1.5rem}.feature-item{font-size:.9rem;padding:.6rem 0}.feature-item:before{width:20px;height:20px;font-size:.8rem}[style*="grid-template-columns: repeat(2, 1fr)"], [style*="grid-template-columns: repeat(3, 1fr)"]{grid-template-columns:1fr!important}.nav-controls{padding:.5rem .8rem}.slide-dots{gap:.3rem}.dot{width:6px;height:6px}.dot.active{width:18px}}@media (max-width:896px) and (orientation:landscape){.slide{height:95vh;padding:1.5rem;overflow-y:auto}.nav-controls{bottom:.5rem}}.logo-image{max-width:100%;height:auto;object-fit:contain}.liberate-logo{max-width:120px;height:auto}.kodevite-logo{max-width:80px;height:auto}@media (max-width:768px){.liberate-logo{max-width:80px}.kodevite-logo{max-width:60px}}