:root{--lp-black: #0a0a0a;--lp-dark: #121212;--lp-cyan: #00d9ff;--lp-cyan-light: #20e5ff;--lp-cyan-glow: rgba(0, 217, 255, .5);--lp-gray-600: #404040;--lp-gray-400: #666666;--lp-gray-200: #e8e8e8;--lp-white: #ffffff;--lp-font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--lp-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--lp-space-xs: .5rem;--lp-space-sm: 1rem;--lp-space-md: 1.5rem;--lp-space-lg: 2rem;--lp-space-xl: 3rem;--lp-space-2xl: 4rem;--lp-transition-fast: .15s ease-out;--lp-transition-base: .3s ease-out;--lp-transition-slow: .5s ease-out}.lp-hero *{margin:0;padding:0;box-sizing:border-box}.lp-hero{position:relative;width:100%;min-height:100vh;background:linear-gradient(135deg,var(--lp-black) 0%,var(--lp-dark) 100%);color:var(--lp-white);font-family:var(--lp-font-body);overflow:hidden;padding-bottom:80px}.lp-hero__container{display:grid;grid-template-columns:1fr 1fr;gap:var(--lp-space-2xl);align-items:center;height:100vh;max-width:1400px;margin:0 auto;padding:var(--lp-space-xl);position:relative;z-index:2}.lp-hero__content{display:flex;flex-direction:column;gap:var(--lp-space-lg)}.lp-hero__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--lp-cyan);line-height:1.4;text-shadow:0 0 10px var(--lp-cyan-glow);animation:fadeInUp .8s ease-out .1s both}.lp-hero__headline{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;font-family:var(--lp-font-display);text-transform:uppercase;animation:fadeInUp .8s ease-out .2s both}.lp-hero__accent{display:block;background:linear-gradient(90deg,var(--lp-cyan),var(--lp-cyan-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.lp-hero__subheadline{font-size:1.1rem;line-height:1.6;color:var(--lp-gray-200);max-width:480px;animation:fadeInUp .8s ease-out .3s both}.lp-hero__value-props{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--lp-space-md);margin:var(--lp-space-lg) 0;animation:fadeInUp .8s ease-out .4s both}.lp-hero__value-prop{display:flex;flex-direction:column;align-items:center;gap:var(--lp-space-sm);padding:var(--lp-space-md);border-radius:8px;background:#00d9ff0d;border:1px solid rgba(0,217,255,.1);transition:all var(--lp-transition-base);cursor:default}.lp-hero__value-prop:hover{background:#00d9ff1a;border-color:#00d9ff4d;transform:translateY(-4px)}.lp-hero__prop-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--lp-cyan);flex-shrink:0}.lp-hero__prop-icon svg{width:100%;height:100%;stroke-width:1.5}.lp-hero__prop-label{font-size:.875rem;font-weight:600;text-align:center;line-height:1.4;color:var(--lp-white)}.lp-hero__ctas{display:flex;gap:var(--lp-space-md);align-items:center;margin-top:var(--lp-space-md);animation:fadeInUp .8s ease-out .5s both}.lp-hero__btn{display:inline-flex;align-items:center;gap:var(--lp-space-sm);padding:16px 28px;border-radius:6px;font-size:.95rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:all var(--lp-transition-base);font-family:var(--lp-font-body);position:relative;overflow:hidden}.lp-hero__btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--lp-cyan);z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform var(--lp-transition-base)}.lp-hero__btn--primary{background:var(--lp-cyan);color:var(--lp-black);box-shadow:0 0 30px #00d9ff66,inset 0 0 20px #ffffff1a}.lp-hero__btn--primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #00d9ff99,inset 0 0 20px #fff3}.lp-hero__btn--primary:active{transform:translateY(0)}.lp-hero__btn--primary svg{width:20px;height:20px;stroke:currentColor}.lp-hero__btn--secondary{background:transparent;color:var(--lp-white);border:1.5px solid var(--lp-gray-600);transition:all var(--lp-transition-base)}.lp-hero__btn--secondary:hover{border-color:var(--lp-cyan);color:var(--lp-cyan);box-shadow:0 0 20px #00d9ff4d}.lp-hero__btn--secondary svg{width:20px;height:20px;fill:currentColor;transition:transform var(--lp-transition-base)}.lp-hero__btn--secondary:hover svg{transform:scale(1.1)}.lp-hero__trust{display:flex;gap:var(--lp-space-lg);align-items:center;margin-top:var(--lp-space-xl);animation:fadeInUp .8s ease-out .6s both}.lp-hero__avatars{display:flex;gap:-8px;flex-shrink:0}.lp-hero__avatar{width:44px;height:44px;border-radius:50%;background:var(--lp-gray-600);border:2px solid var(--lp-dark);margin-left:-8px;background-size:cover;background-position:center;flex-shrink:0}.lp-hero__avatar:first-child{margin-left:0}.lp-hero__trust-text{display:flex;flex-direction:column;gap:var(--lp-space-xs)}.lp-hero__rating{display:flex;gap:var(--lp-space-xs);align-items:center}.lp-hero__stars{font-size:.875rem;color:var(--lp-cyan);letter-spacing:2px}.lp-hero__rating-score{font-size:.875rem;font-weight:600;color:var(--lp-gray-200)}.lp-hero__trust-copy{font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-gray-400);line-height:1.3}.lp-hero__visual{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.lp-hero__stage{position:relative;width:100%;max-width:520px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.lp-hero__product{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;pointer-events:none}.lp-hero__product-label{font-size:.8rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--lp-cyan);margin-bottom:var(--lp-space-sm);text-shadow:0 0 10px var(--lp-cyan-glow)}.lp-hero__product-count{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1;margin-bottom:var(--lp-space-xs)}.lp-hero__product-subtext{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-gray-400)}.lp-hero__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:8px;width:100%;height:100%;border-radius:12px;overflow:hidden;position:relative}.lp-hero__grid-item{position:relative;background-size:cover;background-position:center;border-radius:8px;cursor:pointer;overflow:hidden;transition:transform var(--lp-transition-fast);border:1px solid rgba(0,217,255,.1)}.lp-hero__grid-item:nth-child(2),.lp-hero__grid-item:nth-child(5){grid-column:span 2}.lp-hero__grid-item:hover{transform:scale(1.02);border-color:#00d9ff4d;box-shadow:0 0 20px #00d9ff33}.lp-hero__grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:center;justify-content:center;transition:background var(--lp-transition-base)}.lp-hero__grid-item:hover .lp-hero__grid-overlay{background:#0006}.lp-hero__grid-play{width:56px;height:56px;border-radius:50%;background:var(--lp-cyan);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--lp-transition-base);color:var(--lp-black);opacity:0}.lp-hero__grid-item:hover .lp-hero__grid-play{opacity:1;transform:scale(1.1)}.lp-hero__grid-play:hover{transform:scale(1.2);box-shadow:0 0 30px #00d9ff99}.lp-hero__grid-play svg{width:24px;height:24px;margin-left:2px}.lp-hero__glow{position:absolute;top:-100px;right:-100px;bottom:-100px;left:-100px;background:radial-gradient(circle at center,rgba(0,217,255,.1) 0%,rgba(0,217,255,.05) 30%,transparent 70%);pointer-events:none;z-index:1;border-radius:50%}.lp-hero__mobile-sticky{position:fixed;bottom:0;left:0;right:0;display:none;padding:var(--lp-space-md);background:linear-gradient(180deg,transparent 0%,var(--lp-black) 50%);z-index:100}.lp-hero__sticky-btn{display:block;width:100%;padding:16px;background:var(--lp-cyan);color:var(--lp-black);text-decoration:none;text-align:center;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:6px;font-size:.95rem;border:none;cursor:pointer;box-shadow:0 0 30px #00d9ff66;transition:all var(--lp-transition-base)}.lp-hero__sticky-btn:active{transform:scale(.98)}.lp-hero__modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:1000;display:none;align-items:center;justify-content:center;padding:var(--lp-space-md)}.lp-hero__modal.is-active{display:flex;animation:fadeIn .3s ease-out}.lp-hero__modal-close{position:absolute;top:var(--lp-space-lg);right:var(--lp-space-lg);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--lp-white);font-size:1.5rem;cursor:pointer;transition:all var(--lp-transition-base)}.lp-hero__modal-close:hover{background:#fff3;transform:rotate(90deg)}.lp-hero__modal-content{position:relative;width:100%;max-width:800px;aspect-ratio:16 / 9;animation:scaleIn .3s ease-out}.lp-hero__modal-video{width:100%;height:100%;border:none;border-radius:8px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.lp-hero__container{grid-template-columns:1fr;height:auto;min-height:100vh;gap:var(--lp-space-xl)}.lp-hero__visual{min-height:500px}.lp-hero__ctas{flex-direction:column;width:100%}.lp-hero__btn{width:100%;justify-content:center}}@media(max-width:768px){:root{--lp-space-lg: 1.5rem;--lp-space-xl: 2rem;--lp-space-2xl: 2.5rem}.lp-hero{min-height:auto}.lp-hero__container{padding:var(--lp-space-lg) var(--lp-space-md);height:auto;gap:var(--lp-space-lg)}.lp-hero__headline{font-size:clamp(1.8rem,6vw,2.8rem)}.lp-hero__subheadline{font-size:1rem}.lp-hero__value-props{grid-template-columns:repeat(2,1fr);gap:var(--lp-space-sm)}.lp-hero__value-prop{padding:var(--lp-space-sm)}.lp-hero__prop-label{font-size:.8rem}.lp-hero__btn{padding:14px 20px;font-size:.9rem}.lp-hero__visual{min-height:400px}.lp-hero__stage{max-width:100%}.lp-hero__grid{gap:6px}.lp-hero__grid-item{border-radius:6px}.lp-hero__mobile-sticky{display:block}.lp-hero__ctas{margin-bottom:var(--lp-space-md)}}@media(max-width:480px){:root{--lp-space-md: 1rem;--lp-space-lg: 1.25rem;--lp-space-xl: 1.5rem}.lp-hero__container{padding:var(--lp-space-md);gap:var(--lp-space-lg)}.lp-hero__headline{font-size:clamp(1.5rem,5vw,2.2rem)}.lp-hero__eyebrow{font-size:.7rem}.lp-hero__subheadline{font-size:.95rem;max-width:100%}.lp-hero__value-props{grid-template-columns:1fr}.lp-hero__ctas{gap:var(--lp-space-sm)}.lp-hero__btn{padding:12px 16px;font-size:.85rem}.lp-hero__trust{flex-direction:column;gap:var(--lp-space-md);align-items:flex-start}.lp-hero__visual{min-height:350px}.lp-hero__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.lp-hero__grid-item:nth-child(2),.lp-hero__grid-item:nth-child(5){grid-column:span 1}.lp-hero__modal-close{width:40px;height:40px;top:var(--lp-space-md);right:var(--lp-space-md);font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.lp-hero__eyebrow,.lp-hero__headline,.lp-hero__subheadline,.lp-hero__value-props,.lp-hero__ctas,.lp-hero__trust{animation:none!important}*{transition:none!important}}.lp-hero__btn:focus-visible,.lp-hero__grid-play:focus-visible,.lp-hero__sticky-btn:focus-visible,.lp-hero__modal-close:focus-visible{outline:2px solid var(--lp-cyan);outline-offset:2px}@media(prefers-contrast:more){.lp-hero__btn--secondary{border-width:2px}.lp-hero__btn--primary{box-shadow:0 0 0 2px var(--lp-black),inset 0 0 0 1px var(--lp-black)}}@media(prefers-color-scheme:dark){.lp-hero{background:linear-gradient(135deg,var(--lp-black) 0%,var(--lp-dark) 100%)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/larppacks-hero.css.map */