.app-hero{display:flex;align-items:center;justify-content:space-between;gap:60px;padding:100px 0;max-width:1200px;margin:0 auto}.app-hero-content{flex:1;max-width:600px}.app-hero-badge{display:inline-block;background:#000;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;margin-bottom:24px}.app-hero-content h1{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:24px;color:#1B1B1B}.app-hero-content h1 .gradient-text{color:#2563eb}.app-hero-content p{font-size:16px;line-height:1.5;color:#555;margin-bottom:32px}.app-download-buttons{display:flex;gap:16px;margin-bottom:40px}.app-download-btn{display:inline-block;transition:transform .3s ease,box-shadow .3s ease}.app-download-btn img{height:50px;width:auto}.app-download-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.app-download-btn.large img{height:60px}.app-stats{display:flex;gap:40px}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:32px;font-weight:700;color:#1B1B1B}.stat-label{font-size:14px;color:#888}.app-hero-visual{flex:1;position:relative;display:flex;justify-content:center;align-items:center}.phone-mockup{width:300px;height:600px;background:#1B1B1B;border-radius:40px;padding:10px;box-shadow:0 50px 100px rgba(0,0,0,.3);z-index:2;pointer-events:none;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.phone-screen{width:100%;height:100%;background:#fff;border-radius:32px;overflow:hidden;z-index:-1;pointer-events:none;position:relative}.screen-header{height:40px;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.status-bar{width:80px;height:24px;background:#1B1B1B;border-radius:12px}.screen-content{width:100%;height:100%;position:relative}.screen-content iframe{width:100%;height:100%}.iframe-loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;transition:opacity .3s ease;z-index:1}.spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mini-dashboard{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.mini-stat{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;font-size:14px;font-weight:500}.mini-stat.green{background:#e8f5e9;color:#2e7d32}.mini-stat.yellow{background:#fff3e0;color:#ef6c00}.mini-stat.blue{background:#e3f2fd;color:#1565c0}.mini-icon{font-size:18px}.mini-chart{height:150px;background:linear-gradient(180deg,rgba(102,126,234,.1) 0%,rgba(102,126,234,0) 100%);border-radius:12px;position:relative}.mini-chart::after{content:'';position:absolute;bottom:20px;left:20px;right:20px;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.floating-notification{position:absolute;background:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;animation:float 3s ease-in-out infinite;z-index:3}.notif-1{top:80px;right:-120px;animation-delay:0s}.notif-2{bottom:120px;left:-70px;animation-delay:1.5s}.notif-icon{font-size:18px}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:1500px){.notif-1{right:0;top:145px}.notif-2{left:0}}@media(max-width:1250px){.notif-1,.notif-2{display:none}}@media(max-width:1024px){.app-hero{flex-direction:column;padding:80px 40px;text-align:center}.app-hero-content{max-width:100%}.app-hero-content h1{font-size:42px}.app-download-buttons{justify-content:center}.app-stats{justify-content:center}.app-hero-visual{margin-top:40px}.phone-mockup{width:260px;height:520px}.floating-notification{display:none}}@media(max-width:768px){.app-hero{padding:60px 20px;min-height:auto;gap:0}.app-hero-content h1{font-size:32px}.app-hero-content p{font-size:16px}.app-download-buttons{align-items:center}.app-download-btn img{height:45px}.app-stats{flex-wrap:wrap;gap:24px}.stat-number{font-size:26px}.phone-mockup{width:220px;height:440px;border-radius:30px}.phone-screen{border-radius:24px}.mini-stat{padding:12px;font-size:12px}}