:root{--primary:#0a2540;--primary-light:#2563eb;--secondary:#eff6ff;--secondary-light:#dbeafe;--bg-dark:#fff;--bg-card:#fff;--bg-card-hover:#f5f9ff;--text-main:#333;--text-muted:#666;--border-glass:#2563eb1a;--glow-primary:#2563eb33;--glow-secondary:#3b82f633;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Plus Jakarta Sans,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(120px);z-index:-1;opacity:.5;border-radius:50%;position:fixed}body:before{background:var(--glow-primary);width:400px;height:400px;top:-100px;left:-100px}body:after{background:var(--glow-secondary);width:400px;height:400px;bottom:-100px;right:-100px}.container{width:90%;max-width:1200px;margin:0 auto}h1,h2,h3,h4,h5,h6{color:var(--primary);margin-bottom:1rem;font-weight:700;line-height:1.2}p{color:var(--text-muted);margin-bottom:1rem}a{color:var(--text-main);transition:var(--transition);text-decoration:none}.text-gradient{background:linear-gradient(135deg, var(--primary-light), #60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 8px 32px #0003}.btn{transition:var(--transition);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary-light);color:#fff;box-shadow:0 4px 15px var(--glow-primary)}.btn-primary:hover{box-shadow:0 6px 20px var(--glow-secondary);transform:translateY(-2px)}.btn-outline{border:1px solid var(--primary-light);color:var(--primary-light);background:0 0}.btn-outline:hover{background:var(--secondary);transform:translateY(-2px)}.btn-lg{padding:.8rem 2rem;font-size:1.1rem}.btn-white{color:var(--primary);background:#fff;box-shadow:0 4px 15px #fff3}.btn-white:hover{background:#f1f5f9;transform:translateY(-2px)}.justify-center{justify-content:center}.mt-4{margin-top:2rem}.ml-2{margin-left:.5rem}.w-100{width:100%}.text-white{color:#fff!important}.navbar{z-index:1000;width:100%;transition:var(--transition);padding:1.2rem 0;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-glass);background:#ffffffe6;padding:.8rem 0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.logo i{color:var(--primary-light)}.nav-links{gap:2rem;display:flex}.nav-links a{font-size:.95rem;font-weight:500}.nav-links a:hover{color:var(--primary-light)}.mobile-menu-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.mobile-nav{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);flex-direction:column;width:100%;padding:1rem;display:none;position:absolute;top:100%;left:0}.mobile-nav.active{gap:1rem;display:flex}.section-header{text-align:center;max-width:600px;margin:0 auto 4rem}.section-header h2{font-size:2.5rem}.premium-hero{z-index:1;align-items:center;min-height:100vh;padding:8rem 0 4rem;display:flex;position:relative;overflow:hidden}#hero-canvas{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.premium-hero-container{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.premium-hero-content h1{margin-bottom:1.5rem;font-size:3.8rem;line-height:1.1}.premium-hero-visual{perspective:1200px}.scene{width:100%;height:500px;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex}.card-stack{width:280px;height:380px;transform-style:preserve-3d;transition:transform .1s ease-out;position:relative;transform:rotateX(15deg)rotateY(-20deg)}.card-stack:hover .card-3d{box-shadow:0 15px 40px #2563eb33}.card-stack:hover .c1{transform:translateZ(90px)translateY(-20px)translate(-20px)}.card-stack:hover .c2{transform:translateZ(45px)translateY(-10px)translate(-10px)}.card-stack:hover .c3{transform:translateZ(0)}.card-3d{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);background:#fffffff2;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2.5rem;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;display:flex;position:absolute;top:0;left:0;box-shadow:0 10px 30px #2563eb1a}.card-3d i{margin-bottom:1.5rem;font-size:3.5rem}.card-3d h4{color:#fff;margin-bottom:.5rem;font-size:1.5rem}.card-3d p{color:var(--text-muted);margin:0;font-size:1rem}.icon-blue{color:var(--primary-light)}.icon-purple{color:var(--secondary-light)}.icon-gradient{background:linear-gradient(135deg, var(--primary-light), #60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.c1{z-index:3;animation:6s ease-in-out infinite float-card;transform:translateZ(60px)}.c2{z-index:2;background:#fff;animation:6s ease-in-out 1.5s infinite float-card;transform:translateZ(30px)}.c3{z-index:1;background:#f5f9ff;animation:6s ease-in-out 3s infinite float-card;transform:translateZ(0)}@keyframes float-card{0%{margin-top:0}50%{margin-top:-15px}to{margin-top:0}}.hero{align-items:center;padding:10rem 0 6rem;display:flex}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-badge{color:var(--primary-light);background:#4f46e51a;border:1px solid #4f46e54d;border-radius:50px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.hero-content h1{margin-bottom:1.5rem;font-size:3.5rem}.hero-content p{margin-bottom:2rem;font-size:1.1rem}.hero-buttons{flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;display:flex}.hero-social-proof{align-items:center;gap:1rem;display:flex}.avatars{display:flex}.avatar{background:var(--bg-card);border:2px solid var(--bg-dark);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-10px;font-size:.7rem;display:flex}.avatar:first-child{margin-left:0}.hero-social-proof span{color:var(--text-muted);font-size:.9rem}.hero-visual{position:relative}.hero-visual img{border-radius:12px;width:100%;display:block}.image-wrapper{background:#ffffff0d;padding:.5rem;position:relative}.floating-element{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-glass);border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-size:.9rem;font-weight:600;animation:6s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 10px 25px #0000004d}.floating-element i{color:var(--primary-light)}.el-1{animation-delay:0s;top:10%;right:-5%}.el-2{animation-delay:-3s;bottom:15%;left:-5%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.mockup-float{animation:8s ease-in-out infinite float-slow}.mockup-float-alt{animation:7s ease-in-out infinite reverse float-slow}@keyframes float-slow{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.features{padding:6rem 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-card{transition:var(--transition);padding:2.5rem 2rem}.feature-card:hover{background:var(--bg-card-hover);border-color:#2563eb4d;transform:translateY(-5px)}.feature-card .icon-box{width:50px;height:50px;color:var(--primary-light);background:#4f46e51a;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.how-it-works{padding:6rem 0}.steps-container{justify-content:space-between;gap:2rem;max-width:1000px;margin:0 auto;display:flex;position:relative}.step{text-align:center;z-index:1;flex:1;position:relative}.step-number{background:var(--primary-light);color:#fff;width:48px;height:48px;box-shadow:0 0 20px var(--glow-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.2rem;font-weight:700;display:flex}.step-content{height:calc(100% - 60px);padding:2rem 1.5rem}.step-icon{color:var(--primary-light);margin-bottom:1rem;font-size:2rem}.step-content h3{border:none;font-size:1.1rem}.step-content p{margin:0;font-size:.9rem}.usp{padding:6rem 0}.usp-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.usp-list{margin-top:1.5rem;list-style:none}.usp-list li{align-items:flex-start;gap:.8rem;margin-bottom:1rem;display:flex}.usp-list i{color:var(--secondary-light);margin-top:.2rem}.usp-visual img{border-radius:12px;width:100%;display:block}.app-preview{padding:6rem 0}.preview-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.preview-card{flex-direction:column;padding:1rem;display:flex}.card-img-wrapper{border-radius:8px;width:100%;margin-bottom:1.5rem;overflow:hidden}.card-img-wrapper img{width:100%;transition:transform .5s;display:block}.preview-card:hover .card-img-wrapper img{transform:scale(1.05)}.preview-info{padding:0 .5rem}.preview-info h4{margin-bottom:.5rem}.preview-info p{margin:0;font-size:.9rem}.testimonials{padding:6rem 0}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.testimonial-card{padding:2.5rem 2rem}.stars{color:#fbbf24;margin-bottom:1rem}.quote{margin-bottom:1.5rem;font-style:italic;line-height:1.7}.author{align-items:center;gap:1rem;display:flex}.author-info h5{margin:0;font-size:1rem}.author-info span{color:var(--primary-light);font-size:.8rem}.download{padding:6rem 0}.download-banner{text-align:center;background:linear-gradient(135deg, #fff, var(--secondary-light)), var(--bg-card);border:1px solid var(--border-glass);border-radius:24px;padding:4rem 2rem;position:relative;overflow:hidden}.download-banner:before{content:"";opacity:.5;background:url("data:image/svg+xml;utf8,<svg width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"2\" cy=\"2\" r=\"1\" fill=\"%23ffffff\" fill-opacity=\"0.05\"/></svg>");position:absolute;inset:0}.banner-content{z-index:1;position:relative}.footer{border-top:1px solid var(--border-glass);background:var(--bg-card-hover);padding:4rem 0 0}.footer-container{grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.footer-brand .logo{margin-bottom:1rem;display:inline-block}.footer-links{gap:3rem;display:flex}.link-col h4{margin-bottom:1rem}.link-col a{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem;display:block}.link-col a:hover{color:var(--primary-light)}.footer-social h4{margin-bottom:1rem}.social-icons{gap:1rem;display:flex}.social-icons a{background:var(--bg-card);border:1px solid var(--border-glass);width:40px;height:40px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.social-icons a:hover{background:var(--primary);transform:translateY(-3px)}.footer-bottom{border-top:1px solid var(--border-glass);text-align:center;padding:1.5rem 0;font-size:.9rem}.footer-bottom p{margin:0}@media (width<=992px){.premium-hero-container{text-align:center;grid-template-columns:1fr;gap:2rem}.premium-hero-content h1{font-size:2.8rem}.hero-container,.usp-container{text-align:center;grid-template-columns:1fr}.hero-content h1{font-size:2.8rem}.hero-buttons,.hero-social-proof{justify-content:center}.usp-content{order:-1}.usp-list li{text-align:left}.preview-grid{grid-template-columns:1fr}}@media (width<=768px){.nav-links,.nav-cta{display:none}.mobile-menu-btn{display:block}.scene{perspective:none;height:400px}.card-stack{width:240px;height:320px;margin:0 auto;transition:none;transform:none!important}.c1{transform:translateY(-20px)translate(-20px)}.c2{transform:translateY(-10px)translate(-10px)}.c3{transform:translateY(0)}.card-stack:hover .card-3d{box-shadow:none}.card-stack:hover .c1{transform:translateY(-20px)translate(-20px)}.card-stack:hover .c2{transform:translateY(-10px)translate(-10px)}.card-stack:hover .c3{transform:translateY(0)}.steps-container{flex-direction:column}.footer-container{grid-template-columns:1fr;gap:2rem}.footer-links{flex-direction:column;gap:2rem}}