.hero{align-items:center;display:flex;min-height:100vh;padding:120px 0 80px;position:relative}.hero-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.hero-text{z-index:1}.badge{align-items:center;border-radius:50px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:30px;padding:10px 20px}.hero-title{font-size:60px;font-weight:900;line-height:1.1;margin-bottom:24px}.hero-description{color:#fffc;font-size:18px;line-height:1.8;margin-bottom:40px}.hero-buttons{display:flex;gap:20px;margin-bottom:50px}.btn-download-hero{align-items:center;display:flex;gap:12px;overflow:hidden;position:relative}.btn-download-hero:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-download-hero:hover:before{left:100%}.btn-text{align-items:flex-start;display:flex;flex-direction:column}.btn-main-text{font-size:16px;font-weight:700;line-height:1.2}.btn-sub-text{font-size:12px;font-weight:500;line-height:1;margin-top:2px;opacity:.8}.hero-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.stat-item{align-items:center;border-radius:16px;display:flex;gap:15px;padding:20px}.stat-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#b0b0b0);-webkit-background-clip:text;font-size:32px}.stat-info h3{font-size:16px;font-weight:700;margin-bottom:4px}.stat-info p{color:#fff9;font-size:13px}.phone-mockup{border-radius:45px;margin:0 auto;padding:15px;perspective:1000px;transform-style:preserve-3d;width:350px}.phone-mockup,.phone-screen{height:auto;position:relative}.phone-screen{background:#000;border-radius:40px;box-shadow:0 20px 60px #00000080,inset 0 0 0 2px #ffffff1a;overflow:hidden;width:100%}.phone-notch-hero{background:#000;border-radius:0 0 20px 20px;height:30px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:150px;z-index:10}.phone-screen img{display:block;height:auto;object-fit:contain;padding-top:35px;width:100%}.glow-effect{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;height:150%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:150%;z-index:-1}.floating-card{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#4ade8026;border:1px solid #4ade804d;border-radius:50px;box-shadow:0 8px 32px #0000004d;display:flex;font-size:14px;font-weight:700;gap:12px;padding:14px 24px;position:absolute;white-space:nowrap}.card-1{right:-100px;top:15%}.card-2{bottom:20%;left:-100px}.floating-card svg{font-size:22px}@media (max-width:1024px){.hero-content{gap:40px;grid-template-columns:1fr}.hero-image{order:-1}.floating-card{display:none}}@media (max-width:768px){.hero{padding:100px 0 60px}.hero-title{font-size:36px;line-height:1.2}.hero-description{font-size:15px;line-height:1.6}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{justify-content:center;width:100%}.btn-download-hero{font-size:16px;padding:18px 32px}.btn-download-hero svg{font-size:24px}.hero-stats{gap:15px;grid-template-columns:1fr}.stat-item{padding:15px}.phone-mockup{width:280px}.badge{font-size:12px;padding:8px 16px}}@media (max-width:480px){.hero{padding:80px 0 40px}.hero-title{font-size:28px;line-height:1.3}.hero-description{font-size:14px;line-height:1.6;margin-bottom:30px}.badge{font-size:11px;margin-bottom:20px;padding:6px 14px}.hero-buttons{gap:12px;margin-bottom:30px}.hero-buttons .btn{font-size:14px;padding:14px 24px}.btn-download-hero{animation:pulse-download 2s infinite;padding:16px 28px}.btn-main-text{font-size:15px}.btn-sub-text{font-size:11px}}@keyframes pulse-download{0%,to{box-shadow:0 4px 15px #0000004d,inset 0 1px 0 #fff3}50%{box-shadow:0 6px 25px #fff6,inset 0 1px 0 #ffffff4d,0 0 20px #fff3}.stat-item{padding:12px}.stat-icon{font-size:24px}.stat-info h3{font-size:14px}.stat-info p{font-size:12px}.phone-mockup{padding:10px;width:260px}.phone-screen img{padding-top:30px}.floating-card{display:none}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #fff3}50%{box-shadow:0 0 40px #fff6}}.phone-mockup:hover{animation:pulse-glow 2s infinite}