.mockup-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;padding:30px;max-width:1400px;margin:0 auto}.mockup-item{position:relative;overflow:hidden;border-radius:15px;box-shadow:0 10px 20px rgba(0,0,0,.1);transition:all .3s ease;aspect-ratio:1}.mockup-item:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,115,170,.3)}.mockup-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.mockup-item:hover img{transform:scale(1.1)}.mockup-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,115,170,.9),transparent);color:white;padding:20px;text-align:center;transform:translateY(100%);transition:transform .3s ease;font-weight:700;font-size:18px}.mockup-item:hover .mockup-overlay{transform:translateY(0)}.logo i{color:var(--accent);font-size:32px}.logo span{background:linear-gradient(90deg,var(--accent),var(--primary));-webkit-background-clip:text;background-clip:text;color:transparent}.hero{background:linear-gradient(135deg,#1a1d2f 0%,#2a2d43 50%,#3a3f5c 100%);color:white;padding:120px 0 100px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><rect width='100' height='100' fill='none'/><circle cx='10' cy='10' r='3' fill='%236C63FF' opacity='0.2'/><circle cx='40' cy='60' r='4' fill='%2336D1DC' opacity='0.2'/><circle cx='80' cy='30' r='5' fill='%23FF6584' opacity='0.2'/><circle cx='70' cy='80' r='2' fill='%23FF9A3D' opacity='0.2'/><circle cx='20' cy='40' r='3' fill='%236C63FF' opacity='0.2'/><circle cx='90' cy='60' r='4' fill='%2336D1DC' opacity='0.2'/></svg>");z-index:0}.hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto}.hero h1{font-size:2.8rem;margin-bottom:20px;font-weight:800;font-family:"Montserrat",sans-serif;background:linear-gradient(90deg,#fff,var(--greenred),var(--lightblue));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}.hero .tagline{font-size:1.5rem;margin-bottom:40px;opacity:.9;max-width:700px;margin-left:auto;margin-right:auto;color:#e2e4f0}.hero-graphics{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:50px;flex-wrap:wrap}.graphic-item{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:var(--radius);padding:20px;width:180px;text-align:center;transition:var(--transition);border:1px solid rgba(255,255,255,.1)}.graphic-item:hover{transform:translateY(-10px);background:rgba(255,255,255,.15);box-shadow:0 15px 30px rgba(0,0,0,.2)}.graphic-item i{font-size:40px;margin-bottom:15px;display:block}.graphic-item:nth-child(1) i{color:var(--accent)}.graphic-item:nth-child(2) i{color:var(--primary)}.graphic-item:nth-child(3) i{color:var(--secondary)}.graphic-item:nth-child(4) i{color:var(--accent2)}.graphic-item h4{font-size:16px;font-weight:600;margin-bottom:5px}.graphic-item p{font-size:13px;opacity:.8}.section-title h2{font-size:2.8rem;font-weight:700;font-family:"Montserrat",sans-serif;margin-bottom:15px;color:black;position:relative;display:inline-block}.section-title h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:5px;background:linear-gradient(to right,var(--primary),var(--accent));border-radius:3px}.section-title p{color:var(--gray);max-width:700px;margin:20px auto 0;font-size:1.2rem;line-height:1.7}.clear-search-btn.show{display:block}.no-search-results.show{display:block}.download-box .price-info{margin-bottom:12px;text-align:center}.download-box .price-info p{margin:0 0 5px;font-size:14px}.buy-btn{background:linear-gradient(90deg,#ff6584,#ff9a3d)}.price del{color:#6c757d;font-weight:400;margin-right:5px}@media (max-width:768px){.main-nav.active{transform:translateY(0);opacity:1;visibility:visible}}