.hero{align-items:center;gap:2rem;min-height:100vh;padding-top:130px;display:flex}.hero-content{flex:1;min-width:400px}.badge{border:1px solid var(--glass-border);color:var(--secondary);text-transform:uppercase;letter-spacing:1px;background:#1d203008;border-radius:20px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.hero h1{letter-spacing:-1px;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.hero p{color:var(--text-muted);max-width:90%;margin-bottom:2.5rem;font-size:1.2rem}.hero-cta{align-items:center;gap:1.2rem;display:flex}#hero-download-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);border-radius:30px;align-items:center;gap:.6rem;padding:.9rem 2.2rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0d80f266,0 8px 20px -6px #ab30e866;color:#fff!important}#hero-download-btn:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:120%;height:100%;position:absolute;top:0;left:-150%;transform:skew(-20deg)}#hero-download-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 14px 30px -4px #0d80f280,0 10px 25px -5px #ab30e880}#hero-download-btn:hover:before{animation:1.2s ease-in-out shine}@keyframes shine{0%{left:-150%}to{left:150%}}#hero-download-btn svg{stroke-width:2.5px;width:20px;height:20px;transition:transform .3s}#hero-download-btn:hover svg{animation:.8s infinite bounce-download}@keyframes bounce-download{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}#hero-features-btn{-webkit-backdrop-filter:blur(10px);background:#ffffff73;border:1px solid #fff9;border-radius:30px;align-items:center;gap:.6rem;padding:.9rem 2.2rem;font-size:1.05rem;font-weight:600;text-decoration:none;transition:transform .3s cubic-bezier(.25,.8,.25,1),background-color .3s cubic-bezier(.25,.8,.25,1),border-color .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1);display:inline-flex;box-shadow:0 10px 30px -10px #0000000d;color:var(--text-main)!important}#hero-features-btn:hover{border-color:rgba(210, 90%, 50%, .35);box-shadow:0 12px 25px -8px rgba(210, 90%, 50%, .15), 0 8px 20px -10px #0000000d;background:#ffffffd9;transform:translateY(-3px)scale(1.02)}.btn-arrow{width:18px;height:18px;transition:transform .3s cubic-bezier(.25,.8,.25,1)}#hero-features-btn:hover .btn-arrow{transform:translate(4px)}.hero-image{flex:1.5;justify-content:center;display:flex;position:relative}.mockup-container{width:100%;max-width:700px;position:relative}.app-mockup{z-index:2;border:1px solid #0000000d;border-radius:12px;width:100%;height:auto;transition:transform .5s;position:relative;transform:perspective(1000px)rotateY(-3deg)rotateX(2deg);box-shadow:0 20px 50px #0000001a}.mockup-container:hover .app-mockup{transform:perspective(1000px)rotateY(0)rotateX(0)}.mockup-glow{background:var(--primary);filter:blur(80px);opacity:.2;z-index:1;border-radius:50%;width:110%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.features{padding:8rem 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{margin-bottom:1rem;font-size:2.5rem}.section-header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-card{transition:var(--transition);padding:2.5rem}.feature-card:hover{border-color:#fff3;transform:translateY(-5px)}.feature-icon{border:1px solid var(--glass-border);background:#1d203005;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;display:flex}.feature-icon svg{width:28px;height:28px}.blue-glow{color:var(--primary);box-shadow:0 0 20px var(--primary-glow) inset}.purple-glow{color:var(--secondary);box-shadow:0 0 20px var(--secondary-glow) inset}.green-glow{color:var(--accent);box-shadow:inset 0 0 20px #00e67333}.feature-card h3{margin-bottom:.8rem;font-size:1.3rem}.feature-card p{color:var(--text-muted);font-size:.95rem}.download-section{padding:4rem 2rem 8rem}.download-content{background:linear-gradient(135deg,#f2f5f8,#edf0f3);justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden;padding:4rem!important}.download-content:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000,#00000005,#0000);width:100%;height:100%;position:absolute;top:0;left:0}.download-text h2{margin-bottom:.5rem;font-size:2.2rem}.download-text p{color:var(--text-muted);font-size:1.1rem}.store-buttons{gap:1rem;display:flex}.store-btn{color:#fff;cursor:pointer;z-index:5;background:#000;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:.8rem 1.5rem;text-decoration:none;transition:transform .2s;display:flex;position:relative}.store-btn:hover{transform:scale(1.05)}.store-btn.web-app{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);box-shadow:0 4px 15px var(--primary-glow);border-color:#0000}.store-btn.web-app:hover{box-shadow:0 6px 20px var(--primary-glow);transform:scale(1.05)}.hero-web-promo{color:var(--text-muted);opacity:.8;align-items:center;gap:.4rem;margin-top:.8rem;font-size:.8rem;display:flex}.hero-web-promo a{color:var(--primary);transition:var(--transition);border-bottom:1px solid #1a7fe840;font-weight:500;text-decoration:none}.hero-web-promo a:hover{color:var(--secondary);border-bottom-color:var(--secondary);opacity:1}.store-icon svg{width:28px;height:28px}.store-text{flex-direction:column;display:flex}.store-text span{opacity:.8;font-size:.7rem;line-height:1}.store-text strong{font-size:1.1rem;font-weight:600;line-height:1.2}.stats-section{margin-top:-2rem;padding:2rem 0 0}.stats-grid{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;justify-content:center;align-items:center;gap:1.5rem;max-width:750px;margin:0 auto;padding:2rem 3rem;display:flex}.stat-item{text-align:center;flex-direction:column;align-items:center;gap:.3rem;display:flex}.stat-number{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800}.stat-number.stat-check{justify-content:center;align-items:center;height:1.6rem;margin-bottom:.2rem;display:inline-flex}.stat-number.stat-check svg{width:28px;height:28px;display:block}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.stat-divider{background:var(--glass-border);width:1px;height:40px}.how-it-works{padding:6rem 2rem}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid;position:relative}.step-card{transition:var(--transition);padding:2.5rem;position:relative;overflow:hidden}.step-card:hover{transform:translateY(-5px)}.step-number{opacity:.06;color:var(--text-main);font-size:3.5rem;font-weight:800;line-height:1;position:absolute;top:1.2rem;right:1.5rem}.step-icon{border:1px solid var(--glass-border);background:#1d203005;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;display:flex}.step-icon svg{width:28px;height:28px}.step-card h3{margin-bottom:.8rem;font-size:1.25rem}.step-card p{color:var(--text-muted);font-size:.95rem}.faq-section{padding:6rem 2rem}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.2rem;max-width:960px;margin:0 auto;display:grid}.faq-item{transition:var(--transition);padding:0;overflow:hidden}.faq-item:hover{border-color:#00000014;transform:translateY(-2px)}.faq-item summary{cursor:pointer;align-items:center;gap:.8rem;padding:1.5rem 2rem;list-style:none;display:flex;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--primary);font-size:1.5rem;font-weight:300;transition:transform .3s;position:absolute;right:1.5rem}.faq-item[open] summary:after{content:"−"}.faq-item summary h3{margin:0;padding-right:2rem;font-size:1rem;font-weight:600;line-height:1.4}.faq-item p{color:var(--text-muted);margin:0;padding:0 2rem 1.5rem;font-size:.92rem;line-height:1.7}.faq-item p strong{color:var(--text-main);font-weight:600}.fade-up{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(30px)}.fade-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}.delay-3{transition-delay:.6s}
