*,*:before,*:after{box-sizing:border-box}.led-hero-section{display:block}.led-hero{position:relative;width:100%;overflow:hidden;background:#0f1117;display:flex;align-items:center;justify-content:flex-start;min-height:100vh}.led-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transition:transform .1s linear}.led-hero__image,.led-hero__video{width:100%;height:100%;object-fit:cover;object-position:center}.led-hero__slideshow{position:absolute;top:0;right:0;bottom:0;left:0}.led-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.2s ease}.led-hero__slide.active{opacity:1}.led-hero__slide img{width:100%;height:100%;object-fit:cover}.led-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-color, #0f1117);opacity:var(--overlay-opacity, .65);z-index:1}.led-hero__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#0f1117f2,#0f1117bf 55%,#0f111733);z-index:2}.led-hero__spotlight{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:3;opacity:0;transition:opacity .3s ease}.led-hero__content{position:relative;z-index:10;width:60%;max-width:800px;padding:100px 60px;display:flex;flex-direction:column;gap:24px}.led-hero__heading{margin:0;color:#fff;font-size:clamp(2.5rem,4vw,5rem);line-height:1.15;display:flex;flex-direction:column;gap:2px}.led-hero__heading-line{display:block;opacity:0;transform:translateY(30px);animation:ledSlideUp var(--animation-speed, .7s) ease forwards}.led-hero__text-glow{position:absolute;width:400px;height:200px;background:radial-gradient(ellipse,rgba(59,130,246,.15) 0%,transparent 70%);pointer-events:none;top:0;left:0;z-index:-1}.led-hero__subheading{margin:0;color:#ffffffc7;font-size:clamp(1rem,1.4vw,1.2rem);max-width:520px;line-height:1.7;opacity:0;transform:translateY(20px);animation:ledSlideUp var(--animation-speed, .7s) ease forwards}.led-hero__buttons{display:flex;flex-wrap:wrap;gap:16px;opacity:0;transform:translateY(20px);animation:ledSlideUp var(--animation-speed, .7s) ease forwards}.led-hero__btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 36px;border-radius:50px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;letter-spacing:.02em;border:2px solid transparent}.led-hero__btn--primary{background:#fff;color:#0f1117;border-color:#fff}.led-hero__btn--primary:hover{transform:scale(1.05);box-shadow:0 0 30px #fff6}.led-hero__btn--secondary{background:transparent;color:#fff;border-color:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.led-hero__btn--secondary:hover{transform:scale(1.05);border-color:#fff;box-shadow:0 0 30px #fff3}.led-btn-glow{box-shadow:0 0 20px #3b82f64d}.led-btn-glow:hover{box-shadow:0 0 40px #3b82f680!important}.led-hero__stats{display:flex;flex-wrap:wrap;gap:20px;opacity:0;transform:translateY(20px);animation:ledSlideUp var(--animation-speed, .7s) ease forwards}.led-hero__stat{display:flex;flex-direction:column;gap:2px}.led-hero__stat-icon{color:#f59e0b;font-size:14px;letter-spacing:2px}.led-hero__stat-value{font-size:28px;font-weight:700;color:#fff;line-height:1}.led-hero__stat-label{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.led-hero__cards{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:10}.led-hero__card{display:flex;align-items:center;gap:10px;padding:12px 18px;background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;font-size:14px;font-weight:500;animation:ledFloat 4s ease-in-out infinite;transition:transform .3s ease,box-shadow .3s ease;white-space:nowrap}.led-hero__card:nth-child(2){animation-delay:.5s}.led-hero__card:nth-child(3){animation-delay:1s}.led-hero__card:nth-child(4){animation-delay:1.5s}.led-hero__card:hover{transform:translateY(-4px) scale(1.03)}.led-card-glow:hover{box-shadow:0 8px 32px #3b82f640}.led-hero__card-icon{font-size:20px}.led-hero__scroll{position:absolute;bottom:32px;left:50%;transform:translate(-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:10;animation:ledBounce 2s ease-in-out infinite;transition:background .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.led-hero__scroll:hover{background:#fff3}@keyframes ledSlideUp{to{opacity:1;transform:translateY(0)}}@keyframes ledFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ledFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ledBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}@media(min-width:768px)and (max-width:1024px){.led-hero__content{width:70%;padding:80px 40px}.led-hero__cards{right:20px}.led-hero__card{font-size:13px;padding:10px 14px}}@media(max-width:767px){.led-hero{min-height:85vh;align-items:flex-end}.led-hero__gradient{background:linear-gradient(to top,#0f1117,#0f1117f2 35%,#0f111799 65%,#0f111726)}.led-hero__spotlight,.led-hero__text-glow,.led-hero__cards{display:none!important}.led-hero__content{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:clamp(60px,15vw,80px) clamp(20px,6vw,28px) clamp(40px,10vw,60px)}.led-hero__heading{width:100%;font-size:clamp(1.7rem,7.8vw,2.5rem);line-height:1.18;gap:0;align-items:center;margin:0 0 32px}.led-hero__heading-line{opacity:0;transform:none;animation:ledFadeIn var(--animation-speed, .6s) ease forwards}.led-hero__subheading{width:100%;max-width:min(90%,380px);font-size:clamp(.88rem,3.8vw,1rem);line-height:1.65;color:#ffffffd9;margin:0 0 32px;opacity:0;transform:none;animation:ledFadeIn var(--animation-speed, .6s) ease forwards;display:block;overflow:visible;-webkit-line-clamp:unset}.led-hero__buttons{width:100%;flex-direction:column;align-items:center;gap:14px;margin:0 0 40px;opacity:0;transform:none;animation:ledFadeIn var(--animation-speed, .6s) ease forwards}.led-hero__btn{width:100%;max-width:min(320px,90vw);padding:clamp(13px,3.5vw,16px) 24px;font-size:clamp(14px,3.8vw,16px);border-radius:50px}.led-hero__stats{width:100%;flex-direction:column;flex-wrap:nowrap;overflow:visible;gap:10px;padding:0;margin:0;align-items:center;opacity:0;transform:none;animation:ledFadeIn var(--animation-speed, .6s) ease forwards}.led-hero__stat{width:100%;max-width:min(320px,90vw);flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:12px 16px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:12px;text-align:left}.led-hero__stat-icon{font-size:13px;flex-shrink:0;min-width:40px}.led-hero__stat-value{font-size:clamp(18px,5vw,22px);flex-shrink:0}.led-hero__stat-label{font-size:clamp(10px,2.8vw,12px);line-height:1.4;white-space:normal;word-break:break-word}.led-hero__scroll{width:40px;height:40px;bottom:12px}}@media(max-width:320px){.led-hero__content{padding:50px 16px 32px}.led-hero__heading{font-size:1.6rem;margin-bottom:24px}.led-hero__subheading{font-size:.82rem;margin-bottom:24px}.led-hero__buttons{gap:12px;margin-bottom:32px}.led-hero__btn{font-size:13px;padding:12px 20px}.led-hero__stat{padding:10px 12px;gap:10px}.led-hero__stat-value{font-size:17px}.led-hero__stat-label{font-size:10px}}@media(min-width:321px)and (max-width:360px){.led-hero__heading{font-size:1.75rem}.led-hero__subheading{font-size:.87rem}}@media(min-width:361px)and (max-width:375px){.led-hero__heading{font-size:1.85rem}.led-hero__subheading{font-size:.9rem}}@media(min-width:376px)and (max-width:390px){.led-hero__heading{font-size:1.95rem}}@media(min-width:391px)and (max-width:412px){.led-hero__heading{font-size:2rem}.led-hero__subheading{font-size:.93rem}}@media(min-width:413px)and (max-width:430px){.led-hero__heading{font-size:2.1rem}.led-hero__subheading{font-size:.95rem}}.led-hero-section,.led-hero{z-index:0!important;isolation:auto!important}.led-hero__bg,.led-hero__overlay,.led-hero__gradient,.led-hero__glow,.led-hero__spotlight,.led-hero__text-glow,.led-hero__slide,.led-hero__slideshow,.led-hero__image,.led-hero__video,.led-hero:before,.led-hero:after{pointer-events:none!important}.led-hero__content,.led-hero__buttons,.led-hero__btn,.led-hero__scroll,.led-hero__cards,.led-hero__card{pointer-events:auto}.led-hero__scroll{z-index:10;pointer-events:auto}
/*# sourceMappingURL=/cdn/shop/t/1/assets/premium-hero-led.css.map */
