:root{--bg-primary:#0a1128;--bg-secondary:#0f172a;--bg-card:#0f172aa6;--primary-color:#1e293b;--accent-color:#10b981;--accent-glow:#10b98140;--text-primary:#fff;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--border-color:#10b98126;--border-hover:#10b98166;--font-display:"Cairo", sans-serif;--font-body:"Cairo", sans-serif;--title-size:clamp(2rem, 5.5vw, 4.5rem);--h2-size:clamp(1.5rem, 3.5vw, 2.5rem);--h3-size:clamp(1.15rem, 2vw, 1.6rem);--body-size:clamp(.9rem, 1.25vw, 1.15rem);--small-size:clamp(.75rem, 1vw, .95rem);--slide-padding:clamp(1.5rem, 4vw, 4rem);--content-gap:clamp(1rem, 2vw, 2.5rem);--element-gap:clamp(.5rem, 1.25vw, 1.5rem);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--duration-normal:.8s}*{box-sizing:border-box;margin:0;padding:0}body.presentation-body-lock{background-color:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#10b9810a 1.5px,#0000 1.5px);background-size:32px 32px;line-height:1.6;overflow:hidden!important}.slides-container{scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;height:100dvh;overflow-y:scroll}.slides-container::-webkit-scrollbar{display:none}.slide{scroll-snap-align:start;width:100vw;height:100dvh;padding:var(--slide-padding);background-color:var(--bg-primary);flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.slide-content{justify-content:center;gap:var(--content-gap);width:100%;max-width:1200px;max-height:calc(100vh - 2 * var(--slide-padding));z-index:10;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.slide-background{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.glow-orb{filter:blur(140px);opacity:.15;mix-blend-mode:screen;border-radius:50%;animation:12s ease-in-out infinite alternate floatOrb;position:absolute}.orb-1{background:var(--accent-color);width:400px;height:400px;top:-100px;right:-100px}.orb-2{background:var(--primary-color);width:500px;height:500px;animation-delay:-3s;bottom:-150px;left:-100px}.orb-3{background:var(--accent-color);opacity:.1;width:450px;height:450px;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes floatOrb{0%{transform:translateY(0)scale(1)}to{transform:translateY(30px)scale(1.15)}}.slide-header{align-items:center;gap:1.5rem;margin-bottom:.5rem;display:flex}.slide-number{font-family:var(--font-display);color:var(--accent-color);opacity:.9;padding-bottom:4px;font-size:clamp(1.2rem,3.5vw,2.5rem);font-weight:900;position:relative}.slide-number:after{content:"";background-color:var(--accent-color);width:100%;height:2px;position:absolute;bottom:0;right:0}.slide h2{font-family:var(--font-display);font-size:var(--h2-size);color:var(--text-primary);font-weight:700}.slide-description{font-size:var(--body-size);color:var(--text-secondary);max-width:600px;line-height:1.7}.bullets-container{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.bullet-item{align-items:flex-start;gap:1rem;display:flex}.bullet-num{font-family:var(--font-body);color:var(--accent-color);background:#10b98114;border:1px solid #10b98133;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:.2rem;font-size:.85rem;font-weight:700;display:flex;box-shadow:inset 0 1px #ffffff0d}.bullet-item p{font-size:var(--body-size);color:var(--text-secondary);line-height:1.6}.title-slide .slide-content{align-items:center;gap:var(--content-gap);grid-template-columns:1.2fr .8fr;display:grid}.hero-content{flex-direction:column;gap:1.5rem;display:flex}.project-tag-container{background:#ffffff05;border:1px solid #ffffff0d;border-radius:100px;align-items:center;gap:.75rem;width:fit-content;padding:.35rem .85rem;display:inline-flex}.agency-badge{font-family:var(--font-body);font-size:var(--small-size);color:var(--accent-color);background:#10b9811a;border-radius:100px;padding:.15rem .5rem;font-weight:700}.project-tag-divider{background:#ffffff26;width:1px;height:12px}.project-tag-text{font-family:var(--font-body);font-size:var(--small-size);color:var(--text-muted);font-weight:500}.hero-content h1{font-family:var(--font-display);font-size:var(--title-size);color:#fff;background:linear-gradient(135deg, #fff 30%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:900;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:580px;font-size:clamp(1rem,1.8vw,1.3rem);line-height:1.8}.hero-media{justify-content:center;align-items:center;width:100%;display:flex}.mockup-container{width:fit-content;max-width:100%;margin:0 auto;position:relative}.main-mockup{object-fit:contain;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;width:auto;max-width:100%;height:auto;max-height:min(65vh,520px);padding:10px;display:block;box-shadow:0 30px 60px #00000080,inset 0 1px #ffffff0d}.mockup-glow{background:var(--accent-glow);filter:blur(50px);z-index:-1;border-radius:30px;width:80%;height:80%;position:absolute;top:10%;left:10%}.overview-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:1rem;display:grid}.overview-card{background:var(--bg-card);border:1px solid var(--border-color);transition:transform .4s var(--ease-out-expo), border-color .4s ease, box-shadow .4s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;flex-direction:column;gap:1.25rem;padding:2.5rem 2rem;display:flex;position:relative;overflow:hidden}.overview-card:before{content:"";background-color:var(--accent-color);opacity:.8;width:4px;height:100%;position:absolute;top:0;right:0}.overview-card:hover{border-color:var(--border-hover);transform:translateY(-8px);box-shadow:0 16px 32px #2ecc710f}.card-icon{width:56px;height:56px;color:var(--accent-color);background:#10b98114;border:1px solid #10b98133;border-radius:12px;justify-content:center;align-items:center;margin-bottom:.75rem;display:flex;box-shadow:0 8px 16px #10b9810d}.overview-card h3{font-family:var(--font-display);font-size:var(--h3-size);color:#fff;font-weight:700}.overview-card p{font-size:var(--body-size);color:var(--text-secondary);line-height:1.7}.split-layout{align-items:center;gap:var(--content-gap);grid-template-columns:1.1fr .9fr;display:grid}.split-layout.reverse{grid-template-columns:.9fr 1.1fr}.slide-text{gap:var(--element-gap);flex-direction:column;display:flex}.slide-media{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.dual-mockup{justify-content:center;align-items:center;gap:2rem;width:100%;max-width:750px;display:flex}.mockup-frame{transition:transform .6s var(--ease-out-expo);flex:1;justify-content:center;align-items:center;display:flex}.side-mockup{object-fit:contain;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;width:auto;max-width:100%;height:auto;max-height:min(60vh,480px);padding:8px;display:block;box-shadow:0 25px 50px #00000073,inset 0 1px #ffffff0d}.left-frame{transform:translateY(-16px)}.right-frame{transform:translateY(16px)}.slide.visible .left-frame{transform:translateY(-12px)}.slide.visible .right-frame{transform:translateY(12px)}.system-mockup{max-width:440px}.cta-slide{text-align:center;justify-content:center}.centered-content{flex-direction:column;justify-content:center;align-items:center;gap:2rem;max-width:800px;margin:0 auto;display:flex}.cta-slide h2{font-size:var(--title-size);background:linear-gradient(135deg, #fff 40%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;line-height:1.2}.cta-subtitle{color:var(--text-secondary);max-width:600px;font-size:clamp(1.1rem,2.2vw,1.5rem);line-height:1.7}.cta-actions{margin-top:1rem}.cta-button{font-weight:700;font-size:var(--body-size);transition:all .4s var(--ease-out-expo);border-radius:100px;align-items:center;gap:1rem;padding:1.25rem 3rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.primary-btn{background-color:var(--accent-color);color:var(--bg-primary);box-shadow:0 10px 30px var(--accent-glow)}.primary-btn:hover{background-color:#059669;transform:translateY(-4px)scale(1.03);box-shadow:0 15px 35px #10b98166}.primary-btn svg{transition:transform .3s}.primary-btn:hover svg{transform:translate(-4px,-2px)}.progress-container{z-index:1000;background:#ffffff0d;height:4px;position:fixed;top:0;left:0;right:0}.progress-bar{background:var(--accent-color);width:0%;height:100%;box-shadow:0 0 12px var(--accent-color);transition:width .4s var(--ease-out-expo)}.nav-dots{z-index:999;flex-direction:column;gap:1rem;display:flex;position:fixed;top:50%;left:2.5rem;transform:translateY(-50%)}.dot{cursor:pointer;width:12px;height:12px;transition:all .4s var(--ease-out-expo);background-color:#fff3;border:none;border-radius:50%}.dot:hover{background-color:#10b98180;transform:scale(1.2)}.dot.active{background-color:var(--accent-color);box-shadow:0 0 10px var(--accent-color);transform:scale(1.4)}.nav-arrows{z-index:999;gap:1rem;display:flex;position:fixed;bottom:2rem;left:2rem}.nav-arrow{border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .4s var(--ease-out-expo);background-color:#0a112899;border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-arrow:hover:not(.disabled){background-color:var(--accent-color);color:var(--bg-primary);border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow);transform:translateY(-2px)}.nav-arrow.disabled{opacity:.25;cursor:not-allowed}.keyboard-hint{font-size:var(--small-size);color:var(--text-muted);z-index:998;pointer-events:none;opacity:.8;background:#0a1128b3;border:1px solid #ffffff0d;border-radius:100px;padding:.5rem 1.25rem;transition:opacity .5s;position:fixed;bottom:2rem;right:50%;transform:translate(50%)}.slides-container:focus-within~.keyboard-hint{opacity:0}.reveal{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:translateY(30px)}.reveal-scale{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:scale(.95)}.overview-card{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo), border-color .4s ease, box-shadow .4s ease;transform:translateY(40px)}.left-frame{opacity:0;transition:opacity 1.2s var(--ease-out-expo), transform 1.2s var(--ease-out-expo);transform:translateY(60px)rotate(-3deg)scale(.95)}.right-frame{opacity:0;transition:opacity 1.2s var(--ease-out-expo), transform 1.2s var(--ease-out-expo);transform:translateY(-60px)rotate(3deg)scale(.95)}.slide.visible .reveal{opacity:1;transform:translateY(0)}.slide.visible .reveal-scale{opacity:1;transform:scale(1)}.slide.visible .overview-card{opacity:1;transform:translateY(0)}.slide.visible .left-frame{opacity:1;transform:translateY(-12px)rotate(-1deg)scale(1)}.slide.visible .right-frame{opacity:1;transform:translateY(12px)rotate(1deg)scale(1)}.slide.visible .reveal:first-child{transition-delay:.1s}.slide.visible .reveal:nth-child(2){transition-delay:.2s}.slide.visible .reveal:nth-child(3){transition-delay:.3s}.slide.visible .reveal:nth-child(4){transition-delay:.4s}.slide.visible .overview-card:first-child{transition-delay:.15s}.slide.visible .overview-card:nth-child(2){transition-delay:.3s}.slide.visible .overview-card:nth-child(3){transition-delay:.45s}.slide.visible .left-frame,.slide.visible .right-frame,.slide.visible .main-mockup{transition-delay:.3s}@media (max-height:800px){:root{--slide-padding:clamp(1rem, 2.5vh, 2.5rem);--content-gap:clamp(.75rem, 2vh, 1.5rem)}.main-mockup{max-height:min(48vh,320px)}.side-mockup{max-height:min(45vh,280px)}.dual-mockup{max-width:350px}.overview-card{padding:1.5rem 1.25rem}}@media (max-width:992px){.overview-grid{gap:1rem}}@media (max-width:768px){:root{--slide-padding:1.5rem;--content-gap:1rem}.slide{padding:1.5rem}.slide-content{scrollbar-width:none;justify-content:flex-start;height:100%;max-height:100%;padding-top:1.5rem;overflow-y:auto}.slide-content::-webkit-scrollbar{display:none}.title-slide .slide-content,.split-layout,.split-layout.reverse{grid-template-columns:1fr;gap:1.5rem}.overview-grid{grid-template-columns:1fr;gap:1rem;max-height:65vh;padding-bottom:2rem;overflow-y:auto}.overview-card{padding:1.5rem}.slide-media,.hero-media{margin-top:1rem}.dual-mockup{max-width:320px}.main-mockup{max-height:30vh}.side-mockup{max-height:25vh}.left-frame,.right-frame{transition:opacity .5s,transform .5s!important;transform:none!important}.slide.visible .left-frame,.slide.visible .right-frame{transform:none!important}.keyboard-hint,.nav-dots{display:none!important}.nav-arrows{bottom:1rem;left:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.glow-orb{filter:blur(160px);animation:none}.keyboard-hint{transition:none}}.lightbox{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2000;opacity:0;pointer-events:none;width:100vw;height:100vh;transition:opacity .4s var(--ease-out-expo);background-color:#0a1128e6;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;top:0;left:0}.lightbox.active{opacity:1;pointer-events:auto}.lightbox-content{object-fit:contain;max-width:90vw;max-height:85vh;transition:transform .4s var(--ease-out-expo);border:1px solid #ffffff1a;border-radius:20px;transform:scale(.95);box-shadow:0 32px 64px #0009}.lightbox.active .lightbox-content{transform:scale(1)}.lightbox-close{color:#fff;cursor:pointer;z-index:2001;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.75rem;font-weight:300;transition:all .3s;display:flex;position:absolute;top:2rem;right:2rem}.lightbox-close:hover{background-color:var(--accent-color);color:var(--bg-primary);border-color:var(--accent-color);transform:rotate(90deg)}.main-mockup,.side-mockup{cursor:zoom-in;transition:transform .4s var(--ease-out-expo), box-shadow .4s ease, border-color .4s ease}.main-mockup:hover{border-color:var(--accent-color);transform:translateY(-8px)scale(1.02);box-shadow:0 30px 60px #10b98126}.side-mockup{transition:transform .4s var(--ease-out-expo), box-shadow .4s ease, border-color .4s ease}.mockup-frame:hover .side-mockup{border-color:var(--accent-color);transform:scale(1.03);box-shadow:0 24px 48px #10b98133}.mockup-frame{z-index:10}.mockup-frame:hover{z-index:50}