.app{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#f3f3f3}@media (prefers-color-scheme: dark){.app{background:#202020}}.slideshow-container{position:relative;width:100vw;max-width:100vw;height:100vh;background:#f3f3f3;overflow:hidden;display:flex;flex-direction:column}.slide-wrapper{flex:1;position:relative;overflow:hidden}.slide-wrapper.forward .slide{animation:slideInFromRight .5s ease-out}.slide-wrapper.backward .slide{animation:slideInFromLeft .5s ease-out}.slide{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:60px 80px}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.controls{position:absolute;bottom:40px;right:40px;display:flex;gap:16px;align-items:center;z-index:10}.nav-button{font-size:16px;font-weight:600;background:#fff;border:1px solid #d1d1d1;color:#000;cursor:pointer;padding:12px 32px;display:flex;justify-content:center;align-items:center;border-radius:4px;transition:all .2s ease;font-family:Segoe UI,sans-serif}.nav-button:hover:not(:disabled){background:#f5f5f5;border-color:#b3b3b3}.nav-button:disabled{color:#999;cursor:not-allowed;opacity:.5;background:#f5f5f5}.nav-button.next{background:#0067c0;border:1px solid #0067c0;color:#fff}.nav-button.next:hover:not(:disabled){background:#005ba1;border-color:#005ba1}.nav-button.next:disabled{background:#ccc;border-color:#ccc}.slide-indicators{position:absolute;bottom:50px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.indicator{width:8px;height:8px;border-radius:50%;background:#0000004d;border:none;cursor:pointer;transition:all .2s ease;padding:0}.indicator:hover{background:#00000080}.indicator.active{background:#000;width:24px;border-radius:4px}.slide-counter{position:absolute;top:40px;right:40px;font-size:13px;color:#605e5c;font-weight:400;font-family:Segoe UI,sans-serif}@media (max-width: 768px){.slideshow-container{width:95vw;height:90vh}.slide{padding:40px 30px}.controls{padding:15px 20px}.nav-button{font-size:36px;width:50px;height:50px}.slide-counter{font-size:12px;top:15px;right:20px}}@media (prefers-color-scheme: dark){.slideshow-container{background:#202020}.nav-button{background:#2b2b2b;border-color:#454545;color:#fff}.nav-button:hover:not(:disabled){background:#3a3a3a;border-color:#5a5a5a}.nav-button:disabled{background:#2b2b2b;border-color:#3a3a3a;color:#666}.nav-button.next{background:#0078d4;border-color:#0078d4}.nav-button.next:hover:not(:disabled){background:#006cbe;border-color:#006cbe}.indicator{background:#ffffff4d}.indicator:hover{background:#ffffff80}.indicator.active{background:#fff}.slide-counter{color:#a6a6a6}}.slide-content{width:100%;height:100%;display:flex;flex-direction:column;color:#000;font-family:Segoe UI,sans-serif}.slide-content.centered{justify-content:center;align-items:center;text-align:center}.slide-content.feature-slide{justify-content:center;align-items:center;text-align:left;flex-direction:row;gap:60px;padding:80px 120px}.slide-title{font-size:2.75rem;font-weight:600;margin-bottom:.75rem;color:#000;line-height:1.3}.slide-subtitle{font-size:1.5rem;font-weight:400;color:#605e5c;margin-bottom:1rem;line-height:1.4}.slide-subtitle.brand{background:linear-gradient(135deg,#0067c0,#0078d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:3rem;font-weight:600;margin-bottom:1.5rem}.slide-text{font-size:1.125rem;color:#605e5c;max-width:700px;line-height:1.5;margin-bottom:1rem;font-weight:400}.slide-text.large{font-size:1.375rem;font-weight:400;color:#323130}.slide-note{font-size:1rem;color:#605e5c;font-style:italic;margin-top:2rem}.slide-meta{margin-top:3rem;font-size:.95rem;color:#8a8886}kbd{background:#f3f2f1;border:1px solid #d2d0ce;border-radius:4px;padding:4px 8px;font-family:Segoe UI,monospace;font-size:.9em;color:#323130;box-shadow:0 1px 2px #0000000d}.icon-large{font-size:4.5rem;margin-bottom:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.app-icon-large{width:128px;height:128px;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}.app-icon-medium{width:96px;height:96px;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}.fallback-app-icon{width:80px;height:80px;margin-bottom:1rem;opacity:.7;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.try-now-button{background:#0067c0;border:1px solid #0067c0;color:#fff;font-size:15px;font-weight:600;padding:11px 28px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:Segoe UI,sans-serif;margin-top:24px}.try-now-button:hover{background:#005ba1;border-color:#005ba1}.try-now-button:active{background:#004578;border-color:#004578}.feature-list{display:flex;flex-direction:column;gap:1.25rem;margin:1.5rem 0;max-width:600px}.feature-item{display:flex;align-items:flex-start;gap:.875rem;text-align:left}.feature-icon{font-size:1.25rem;color:#107c10;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:600}.feature-text{flex:1}.feature-text strong{display:block;font-size:1rem;color:#323130;margin-bottom:.25rem;font-weight:600}.feature-text p{color:#605e5c;font-size:.9375rem;margin:0;font-weight:400}.feature-category{font-size:.875rem;font-weight:600;color:#605e5c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.feature-header{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:500px}.feature-demo{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:400px;max-width:600px}.feature-app-icon{width:64px;height:64px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.12))}.demo-placeholder{width:100%;height:100%;max-height:500px;background:#faf9f8;border:1px solid #edebe9;border-radius:8px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014}.demo-gif{width:100%;height:100%;object-fit:contain;border-radius:8px}.demo-fallback{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:#605e5c}.fallback-icon{font-size:3.5rem;margin-bottom:1rem;opacity:.4}.demo-fallback code{background:#f3f2f1;padding:2px 8px;border-radius:4px;font-size:.8125rem;color:#323130}.feature-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.5rem}.highlight{background:#faf9f8;padding:.75rem 1rem;border-radius:4px;font-size:.9375rem;color:#323130;border-left:3px solid #0078d4;transition:background .2s ease;font-weight:400}.highlight:hover{background:#f3f2f1}.slide-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid #edebe9}.footer-brand{font-size:1.125rem;font-weight:600;color:#0078d4;margin-bottom:.5rem}.footer-copyright{font-size:.875rem;color:#8a8886;font-weight:400}@media (max-width: 1024px){.slide-content.feature-slide{flex-direction:column;padding:60px 80px;gap:40px}.feature-header{max-width:100%}.feature-demo{max-width:100%;min-height:300px}}@media (max-width: 768px){.slide-content.feature-slide{padding:40px}.slide-title{font-size:2rem}.slide-subtitle{font-size:1.25rem}.slide-subtitle.brand{font-size:2rem}.slide-text{font-size:1rem}.icon-large{font-size:3.5rem}.feature-highlights{grid-template-columns:1fr}.demo-placeholder{max-height:300px}.feature-list{gap:1rem}}@media (prefers-color-scheme: dark){.slide-content,.slide-title{color:#fff}.slide-subtitle,.slide-text{color:#c8c6c4}.slide-text.large{color:#fff}.slide-note{color:#a19f9d}.slide-meta{color:#8a8886}kbd{background:#3b3a39;border-color:#605e5c;color:#fff}.feature-icon{color:#6cb33f}.feature-text strong{color:#fff}.feature-text p{color:#c8c6c4}.demo-placeholder{background:#292827;border-color:#3b3a39}.demo-fallback{color:#c8c6c4}.demo-fallback code{background:#3b3a39;color:#fff}.highlight{background:#292827;color:#fff;border-left-color:#0086f0}.highlight:hover{background:#323130}.slide-footer{border-top-color:#3b3a39}.footer-brand{color:#0086f0}.footer-copyright{color:#8a8886}.try-now-button{background:#0078d4;border-color:#0078d4}.try-now-button:hover{background:#106ebe;border-color:#106ebe}.try-now-button:active{background:#005a9e;border-color:#005a9e}}:root{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#f3f3f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%;height:100vh}@media (prefers-color-scheme: dark){:root{color:#fff;background-color:#202020}}