.modern-hero{position:relative;padding:140px 0 100px;background:radial-gradient(ellipse at 15% 20%,#151a14 0,#0E0F11 60%);border-bottom:1px solid rgba(156,254,79,.15);box-shadow:inset 0 -50px 100px rgba(0,0,0,.6);overflow:hidden}.modern-hero .hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none}.modern-hero .gradient-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.28;animation:synth-home-hero-float 25s ease-in-out infinite;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout style paint}.modern-hero .orb-1{width:650px;height:650px;background:radial-gradient(circle,rgba(156,254,79,.5) 0,transparent 70%);top:-300px;left:-250px;animation-delay:0s}.modern-hero .orb-2{width:550px;height:550px;background:radial-gradient(circle,rgba(156,254,79,.35) 0,transparent 70%);bottom:-200px;right:-150px;animation-delay:8s}.modern-hero .orb-3{width:450px;height:450px;background:radial-gradient(circle,rgba(156,254,79,.25) 0,transparent 70%);top:35%;right:8%;animation-delay:16s}@keyframes synth-home-hero-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-40px) scale(1.15)}66%{transform:translate(-30px,30px) scale(.85)}}.modern-hero .hero-content-modern{position:relative;z-index:2}.modern-hero .hero-badge-modern{display:inline-block;margin-bottom:24px}.modern-hero .hero-badge-modern span{display:inline-block;padding:8px 22px;background:rgba(156,254,79,.12);border:1px solid rgba(156,254,79,.4);box-shadow:0 0 20px rgba(156,254,79,.15);border-radius:50px;color:var(--primary-color,#9cfe4f);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.modern-hero .hero-title-modern{font-size:54px;font-weight:800;color:#ffffff;margin:0 0 28px;line-height:1.18;letter-spacing:-.5px;text-shadow:0 4px 30px rgba(0,0,0,.7);font-family:var(--heading-font,"Source Sans 3",sans-serif)}.modern-hero .hero-subtitle-modern{font-size:18px;color:var(--text-color,#9e9fa0);line-height:1.75;margin:0 0 40px;max-width:34em}.modern-hero .hero-subtitle-modern strong{color:rgba(255,255,255,.92);font-weight:700}.modern-hero .hero-ctas-modern{display:flex;gap:16px;margin-bottom:48px;flex-wrap:wrap}.modern-hero .btn-modern-primary{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,#9cfe4f,#7ed321);color:var(--primary-black-color,#0e0f11);text-decoration:none;border-radius:50px;font-weight:700;font-size:16px;letter-spacing:.3px;transition:all .4s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(156,254,79,.25);transform:translateZ(0)}.modern-hero .btn-modern-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.modern-hero .btn-modern-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px rgba(156,254,79,.4);background:linear-gradient(135deg,#b0ff6e,#9cfe4f)}.modern-hero .btn-modern-primary:hover:before{left:100%}.modern-hero .btn-modern-primary:active{transform:translateY(-1px) scale(.98)}.modern-hero .btn-modern-primary i{transition:transform .4s cubic-bezier(.4,0,.2,1);font-size:18px;font-weight:700}.modern-hero .btn-modern-primary:hover i{transform:translateX(6px)}.modern-hero .btn-modern-secondary{display:inline-flex;align-items:center;padding:18px 40px;background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--white-color,#ffffff);text-decoration:none;border-radius:50px;font-weight:600;font-size:16px;letter-spacing:.3px;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(156,254,79,.2);position:relative;overflow:hidden;transform:translateZ(0)}.modern-hero .btn-modern-secondary:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(135deg,rgba(156,254,79,.1),rgba(156,254,79,.05));transition:width .4s cubic-bezier(.4,0,.2,1);z-index:0}.modern-hero .btn-modern-secondary span{position:relative;z-index:1}.modern-hero .btn-modern-secondary:hover{border-color:var(--primary-color,#9cfe4f);color:var(--primary-color,#9cfe4f);transform:translateY(-3px) scale(1.02);background:rgba(156,254,79,.08);box-shadow:0 8px 25px rgba(156,254,79,.15)}.modern-hero .btn-modern-secondary:hover:before{width:100%}.modern-hero .btn-modern-secondary:active{transform:translateY(-1px) scale(.98)}.modern-hero .hero-trust-modern{display:flex;gap:18px;flex-wrap:nowrap;align-items:center;padding-top:32px;border-top:1px solid var(--border-color,#313131)}.modern-hero .trust-item{display:flex;align-items:center;gap:8px;color:var(--text-color,#9e9fa0);font-size:13.5px;white-space:nowrap}.modern-hero .trust-item i{color:var(--primary-color,#9cfe4f);font-size:16px}.modern-hero .trust-item strong{color:var(--white-color,#ffffff);font-weight:600}.modern-hero .hero-image-modern{position:relative;z-index:1}.modern-hero .product-showcase-card{position:relative;border-radius:20px;overflow:hidden;background:#18191c;border:1px solid rgba(156,254,79,.35);box-shadow:0 25px 60px rgba(0,0,0,.85),0 0 40px rgba(156,254,79,.2);transition:all .5s cubic-bezier(.4,0,.2,1)}.modern-hero .product-showcase-card:hover{border-color:rgba(156,254,79,.6);box-shadow:0 35px 75px rgba(0,0,0,.9),0 0 50px rgba(156,254,79,.3)}.modern-hero .browser-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#121316;border-bottom:1px solid rgba(255,255,255,.08)}.modern-hero .browser-dots{display:flex;gap:8px}.modern-hero .browser-dots .dot{width:10px;height:10px;border-radius:50%}.modern-hero .browser-dots .dot.red{background:#ff5f56}.modern-hero .browser-dots .dot.yellow{background:#ffbd2e}.modern-hero .browser-dots .dot.green{background:#27c93f}.modern-hero .browser-url{font-size:12px;color:#8c8d8f;background:rgba(255,255,255,.05);padding:4px 16px;border-radius:20px;font-family:monospace}.modern-hero .browser-badge{font-size:11px;font-weight:700;color:#9cfe4f;background:rgba(156,254,79,.12);border:1px solid rgba(156,254,79,.3);padding:3px 10px;border-radius:12px}.modern-hero .image-wrapper{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden}.modern-hero .hero-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.4,0,.2,1);display:block}.modern-hero .product-showcase-card:hover .hero-img{transform:scale(1.03)}.modern-hero .metric-badge{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 18px;background:rgba(14,15,17,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.6);z-index:3}.modern-hero .metric-badge i{font-size:20px}.modern-hero .metric-badge div{display:flex;flex-direction:column}.modern-hero .metric-badge strong{color:#ffffff;font-size:14px;font-weight:700;line-height:1.2}.modern-hero .metric-badge span{color:#a0a1a3;font-size:11px;margin-top:2px}.modern-hero .metric-badge-1{top:20px;left:20px;border-left:3px solid #ffc107}.modern-hero .metric-badge-2{bottom:20px;right:20px;border-left:3px solid #9cfe4f}@media (max-width:991px){.modern-hero{padding:140px 0 80px}.modern-hero .hero-title-modern{font-size:40px}.modern-hero .hero-subtitle-modern{font-size:17px}.modern-hero .image-wrapper{margin-top:40px}}@media (max-width:768px){.modern-hero{padding:130px 0 60px}.modern-hero .hero-title-modern{font-size:32px;line-height:1.2}.modern-hero .hero-subtitle-modern{font-size:16px}.modern-hero .hero-ctas-modern{flex-direction:column;gap:12px}.modern-hero .btn-modern-primary,.modern-hero .btn-modern-secondary{width:100%;justify-content:center;padding:16px 32px;font-size:15px;border-radius:50px}.modern-hero .hero-trust-modern{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px 16px;padding-top:20px}.modern-hero .trust-item{font-size:12.5px}.modern-hero .browser-header{padding:8px 12px;gap:6px}.modern-hero .browser-url{font-size:10.5px;padding:3px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.modern-hero .browser-badge{font-size:10px;padding:2px 8px;flex-shrink:0}.modern-hero .image-wrapper{aspect-ratio:16/9}.modern-hero .metric-badge{padding:6px 10px;border-radius:10px;gap:8px}.modern-hero .metric-badge i{font-size:15px}.modern-hero .metric-badge strong{font-size:11px}.modern-hero .metric-badge span{font-size:9px}.modern-hero .metric-badge-1{top:10px;left:10px}.modern-hero .metric-badge-2{bottom:10px;right:10px}}@media (max-width:576px){.modern-hero{padding:100px 0 40px}.modern-hero .hero-badge-modern span{font-size:11px;padding:6px 14px}.modern-hero .hero-title-modern{font-size:26px;line-height:1.25;margin-bottom:16px}.modern-hero .hero-subtitle-modern{font-size:14px;line-height:1.55}.modern-hero .btn-modern-primary,.modern-hero .btn-modern-secondary{padding:13px 24px;font-size:14px;border-radius:50px}.modern-hero .trust-item{font-size:12px}.modern-hero .trust-item i{font-size:14px}.modern-hero .browser-url{max-width:120px}.modern-hero .image-wrapper{border-radius:14px}}@media (max-width:375px){.modern-hero{padding:110px 0 40px}.modern-hero .hero-title-modern{font-size:24px}.modern-hero .hero-subtitle-modern{font-size:14px}.modern-hero .btn-modern-primary,.modern-hero .btn-modern-secondary{padding:13px 24px;font-size:13px;border-radius:50px}}