@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";body{overflow:hidden!important}.app{position:relative;width:100%;max-width:100vw;height:100vh;height:100dvh;min-height:-webkit-fill-available;overflow:hidden;font-family:Inter,Segoe UI,system-ui,sans-serif;cursor:default;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.logo{position:fixed;top:max(2rem,env(safe-area-inset-top));left:max(2rem,env(safe-area-inset-left));z-index:200;display:flex;align-items:center;gap:1rem}.logo-icon{width:50px;height:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.logo-text{font-size:.75rem;color:#fffc;text-transform:uppercase;letter-spacing:3px;font-weight:600}.background-layers{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.background-layer{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 1.5s ease;will-change:opacity,transform;transform:translateZ(0)}.background-layer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 10px #ffffff80;will-change:transform,opacity;transform:translateZ(0)}.sections-container{position:relative;width:100%;height:100%}.section{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 8%;opacity:0;pointer-events:none;will-change:opacity,transform;transform:translateZ(0)}.section.active{opacity:1;z-index:2;pointer-events:all}.content{flex:1;max-width:600px;color:#fff;z-index:3}.icon-large{font-size:5rem;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,.3);filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.content h1{font-size:5.5rem;font-weight:900;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(0,0,0,.2);line-height:1;letter-spacing:-2px}.content h2{font-size:2.2rem;font-weight:600;margin-bottom:1.5rem;opacity:.95;letter-spacing:-1px;display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.badge-in-dev{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:.35rem .75rem;background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:20px;color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cta-button--disabled{cursor:default;opacity:.7;pointer-events:none}.cta-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;row-gap:.75rem}.cta-buttons .cta-button{flex:0 0 auto}.cta-button--download{background:#fff3;border-color:#fff6}.content p{font-size:1.3rem;line-height:1.7;margin-bottom:2rem;opacity:.85;max-width:500px;font-weight:400}.features-list{list-style:none;margin-bottom:2.5rem;max-width:500px}.features-list li{display:flex;align-items:center;gap:.75rem;font-size:1rem;line-height:1.6;margin-bottom:.75rem;opacity:.9;color:#ffffffe6}.feature-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff3;border-radius:50%;font-size:.85rem;font-weight:700;color:#fff;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1.2rem 3rem;font-size:1.1rem;font-weight:600;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:60px;cursor:pointer;transition:all .3s ease;outline:none;text-decoration:none;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cta-button:hover:before{left:100%}.cta-button:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-3px);box-shadow:0 15px 35px #0000004d}.cta-button svg{transition:transform .3s ease}.cta-button:hover svg{transform:translate(5px)}.image-container{flex:1;max-width:750px;position:relative;perspective:1500px;margin-left:2rem}.image-wrapper{position:relative;width:100%;height:650px;transform-style:preserve-3d}.image{width:100%;height:100%;border-radius:30px;transform-style:preserve-3d;box-shadow:0 30px 60px -12px #0009,0 18px 36px -18px #0006,0 0 0 1px #ffffff1a;overflow:hidden;position:relative;will-change:transform}.image-content{width:100%;height:100%;object-fit:cover;object-position:center;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:30px;z-index:2;pointer-events:none}.image-placeholder .placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.image-placeholder .placeholder-text{font-size:.9rem;color:#fffc;text-transform:uppercase;letter-spacing:2px}.image:has([style*=background-image]:not([style*=none])) .image-placeholder,.image[data-loaded=true] .image-placeholder{display:none}.image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.2) 100%);z-index:2}.image-overlay{position:absolute;top:-30px;left:-30px;right:-30px;bottom:-30px;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 50%,transparent 100%);border-radius:40px;z-index:-1;filter:blur(20px)}.image-glow{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 70%);border-radius:50px;z-index:-2;pointer-events:none}.service-stats{display:flex;gap:2rem;margin-top:2rem;justify-content:center}.stat{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:1.5rem 2rem;border-radius:20px;text-align:center;min-width:120px}.stat-value{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}.stat-label{font-size:.85rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-weight:500}.progress-indicator{position:fixed;right:max(3rem,env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.5rem;z-index:100}.progress-dot{position:relative;width:14px;height:14px;border-radius:50%;background:#ffffff40;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .4s cubic-bezier(.22,1,.36,1);padding:0;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.progress-dot:hover{transform:scale(1.3);background:#fff6;border-color:#ffffff80}.progress-dot.active{background:#fff;transform:scale(1.5);box-shadow:0 0 25px #fff9;border-color:#fff}.progress-label{position:absolute;right:30px;top:50%;transform:translateY(-50%);opacity:0;font-size:1.5rem;pointer-events:none;transition:opacity .3s,transform .3s;white-space:nowrap}.progress-dot:hover .progress-label{opacity:1;transform:translateY(-50%) translate(-10px)}.scroll-hint{position:fixed;bottom:max(3rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);color:#fff;opacity:.6;z-index:100;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .3s;background:none;border:none;padding:.75rem;min-height:44px;min-width:44px;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.scroll-hint:hover{opacity:1}.scroll-hint span{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;font-weight:600}.section-counter{position:fixed;bottom:max(3rem,env(safe-area-inset-bottom));right:max(3rem,env(safe-area-inset-right));font-size:1.5rem;color:#fff;font-weight:300;z-index:100;display:flex;align-items:baseline;gap:.5rem}.section-counter .current{font-size:3rem;font-weight:800;line-height:1}.section-counter .divider{font-size:2rem;opacity:.5}.section-counter .total{font-size:1.5rem;opacity:.6}@media (max-width: 1400px){.content h1{font-size:4.5rem}.image-container{max-width:650px}.image-wrapper{height:550px}}@media (max-width: 1200px){.section{padding:0 5%}.content h1{font-size:4rem}.content h2{font-size:1.8rem}.image-container{max-width:600px}.image-wrapper{height:500px}}@media (max-width: 1024px){.section{flex-direction:column;padding:2rem max(2rem,env(safe-area-inset-right)) 2rem max(2rem,env(safe-area-inset-left));text-align:center;justify-content:center}.content{max-width:100%}.content h1{font-size:3.5rem}.content h2{font-size:1.6rem;justify-content:center}.content p,.features-list{max-width:100%}.features-list li{font-size:.9rem}.icon-large{font-size:4rem}.image-container{max-width:600px;margin:2rem 0 0}.image-wrapper{height:450px}.service-stats{gap:1rem}.stat{padding:1rem 1.5rem;min-width:100px}.logo{top:max(1.5rem,env(safe-area-inset-top));left:max(1.5rem,env(safe-area-inset-left))}.progress-indicator{right:max(1.5rem,env(safe-area-inset-right))}.section-counter{bottom:max(1.5rem,env(safe-area-inset-bottom));right:max(1.5rem,env(safe-area-inset-right))}}@media (max-width: 768px){body,.app{overflow-x:hidden!important}.app{min-width:0}.sections-container{overflow:hidden}.section{flex-direction:column;justify-content:flex-start;align-items:center;padding:3.5rem .75rem 7rem;padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right));padding-bottom:calc(7rem + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;min-height:100%;max-height:100%;box-sizing:border-box}.section.active{overflow-y:auto}.section>.content{flex:0 0 auto;width:100%;max-width:100%;min-width:0;padding:0 .25rem;overflow-wrap:break-word;word-break:break-word}.section>.image-container{flex:0 0 auto;width:100%;max-width:100%;min-width:0}.content h1{font-size:2.2rem;margin-bottom:.5rem;line-height:1.15}.content h2{font-size:1.2rem;margin-bottom:.75rem}.badge-in-dev{font-size:.55rem;padding:.25rem .5rem}.content p{font-size:.95rem;line-height:1.5;margin-bottom:1rem}.features-list{margin-bottom:1rem;max-width:100%;min-width:0}.features-list li{font-size:.8rem;margin-bottom:.35rem;gap:.5rem;overflow-wrap:break-word;word-break:break-word}.feature-icon{width:18px;height:18px;font-size:.65rem;flex-shrink:0}.icon-large{font-size:2.5rem;margin-bottom:.5rem}.cta-buttons{flex-direction:column;align-items:stretch;gap:.75rem}.cta-buttons .cta-button{width:100%;justify-content:center}.cta-button,.cta-button--disabled{padding:.75rem 1.5rem;font-size:.9rem;min-height:44px;min-width:auto;display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.image-container{margin-top:1rem;margin-left:0}.image-wrapper{height:200px;max-height:28vh}.service-stats{flex-wrap:wrap;gap:.5rem;margin-top:1rem;justify-content:center}.stat{min-width:70px;min-height:44px;padding:.6rem .75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:1px solid rgba(255,255,255,.12);background:#ffffff14}.stat-value{font-size:1.25rem;margin-bottom:.2rem}.stat-label{font-size:.65rem}.logo{top:max(1rem,env(safe-area-inset-top));left:max(.75rem,env(safe-area-inset-left))}.logo-icon{width:36px;height:36px;font-size:.8rem}.logo-text{font-size:.6rem;letter-spacing:1px}.section-counter{bottom:max(1rem,env(safe-area-inset-bottom));right:max(.75rem,env(safe-area-inset-right));font-size:1.1rem}.section-counter .current{font-size:2rem}.scroll-hint{bottom:max(1rem,env(safe-area-inset-bottom))}.progress-indicator{gap:.5rem;right:max(.5rem,env(safe-area-inset-right))}.progress-dot{width:10px;height:10px;padding:14px;box-sizing:content-box;min-width:10px;min-height:10px}.progress-dot.active{transform:scale(1.3)}}@media (max-width: 480px){.section{padding:3rem .5rem 6.5rem;padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right));padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}.content h1{font-size:1.85rem;line-height:1.1;margin-bottom:.35rem}.content h2{font-size:1.05rem;gap:.4rem;margin-bottom:.5rem}.badge-in-dev{font-size:.5rem;padding:.2rem .4rem}.content p{font-size:.875rem;margin-bottom:.75rem;line-height:1.45}.features-list{margin-bottom:.75rem}.features-list li{font-size:.75rem;margin-bottom:.25rem}.icon-large{font-size:2rem;margin-bottom:.35rem}.image-wrapper{height:160px;max-height:22vh}.service-stats{gap:.4rem;margin-top:.75rem}.stat{padding:.5rem .6rem;min-width:60px;min-height:40px}.stat-value{font-size:1.1rem;margin-bottom:.1rem}.stat-label{font-size:.6rem}.scroll-hint{bottom:max(.75rem,env(safe-area-inset-bottom))}.section-counter{bottom:max(.75rem,env(safe-area-inset-bottom));right:max(.5rem,env(safe-area-inset-right));font-size:1rem}.section-counter .current{font-size:1.6rem}.progress-indicator{right:max(.35rem,env(safe-area-inset-right))}.cta-button,.cta-button--disabled{padding:.65rem 1.2rem;font-size:.85rem}.image{box-shadow:0 12px 24px -6px #00000059,0 0 0 1px #ffffff14}.image-overlay{filter:blur(10px)}.background-layer:before{opacity:.35}.particles{display:none}}@media (max-width: 380px){.section{padding:2.5rem .4rem 6rem;padding-left:max(.4rem,env(safe-area-inset-left));padding-right:max(.4rem,env(safe-area-inset-right));padding-bottom:calc(6rem + env(safe-area-inset-bottom))}.content h1{font-size:1.6rem}.content h2{font-size:.95rem}.content p{font-size:.8rem}.features-list li{font-size:.7rem}.icon-large{font-size:1.75rem}.image-wrapper{height:140px;max-height:20vh}.stat{min-width:54px;padding:.4rem .5rem}.stat-value{font-size:1rem}.stat-label{font-size:.55rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffffff4d}50%{box-shadow:0 0 40px #fff9}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #00ff88;--primary-dark: #00cc6a;--bg-dark: #0a0e27;--bg-darker: #050812;--text-light: #e0e6ed;--text-gray: #8892a6;--accent-blue: #00d4ff;--accent-purple: #b794f6;--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #00d4ff 0%, #00ff88 100%)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-darker);color:var(--text-light);overflow-x:hidden}#root{min-height:100vh}