*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;cursor:default}.hero{min-height:100vh;display:grid;background-color:#000;grid-template-columns:1fr;gap:60px;align-items:center;padding:52px 60px 60px;position:relative}.hero-left{position:relative;display:flex;margin-top:40px;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-left h1{font-size:66px;font-weight:600;color:#fff;max-width:854px;margin-block:5px}.hero-left h2{max-width:854px;font-size:66px;color:#fff;margin-block:5px}.hero-subtext{font-size:19px;color:#fff;position:relative;max-width:800px;margin-block:5px}.gold-animated{font-weight:700;background:linear-gradient(90deg,#b88a00,#efbf04,#c3aa11,#efbf04,#b88a00);background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:goldShine 6s linear infinite;position:relative}.gold-animated:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;filter:blur(12px);background:radial-gradient(circle,#efbf0473,#efbf0400 70%);opacity:.8;z-index:-1}@keyframes goldShine{0%{background-position:0%}to{background-position:300%}}.feedback-subtext-pin{position:absolute;z-index:10}.pin5{top:51.5%;right:20%}.mobile-view-subtext-pin:after{display:none;width:260px;content:attr(data-tooltip);background:#fffffff2;padding:8px 12px;border-radius:12px;font-size:14px;color:#333;white-space:nowrap;opacity:1;animation:floatTooltip 3s ease-in-out infinite}.feedback-subtext-pin:after{width:260px;content:attr(data-tooltip);position:absolute;top:-92px;left:-80px;background:#fffffff2;padding:8px 12px;border-radius:12px;font-size:14px;color:#333;white-space:nowrap;opacity:1;animation:floatTooltip 3s ease-in-out infinite}@keyframes floatTooltip{0%{transform:translate(0) rotate(0)}50%{transform:translate(6px,-6px) rotate(1deg)}to{transform:translate(0) rotate(0)}}.feedback-subtext-pin:hover:after{opacity:1;box-shadow:0 0 20px 4px #f3f1e799;transform:translateY(0)}.hero-buttons{display:flex;gap:15px;align-items:center;margin-block:30px;text-decoration:capitalize}.btn{padding:12px 40px;border-radius:10px;text-decoration:none;cursor:pointer;border:1px solid #000;font-size:16px;font-weight:400;display:inline-block;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.btn-primary:hover{box-shadow:0 0 20px 4px #efbf0499;color:#fff}.btn-primary{color:#fff;border-color:#fff}.btn-secondary{background-color:#fff;color:#fff;border-color:#fff}.btn-secondary:hover{color:#fff}.btn-align{display:flex;align-items:center;justify-content:center;gap:10px}.btn-align a{color:#fff}.hero-right{position:relative;perspective:1200px;transform-style:preserve-3d}.website-preview{width:80%;margin:0 auto;cursor:pointer;border-radius:18px;box-shadow:0 20px 50px #00000040;transform:rotateY(-1deg) rotateX(5deg);transition:transform .4s ease,box-shadow .4s ease}.mobile-website-preview{display:none}.feedback-pin{position:absolute;z-index:10}.pin-dot{width:18px;height:18px;background:#efbf04;border:4px solid #fff;border-radius:50%;cursor:pointer;position:relative;animation:pinPulse 2s ease-in-out infinite}@keyframes pinPulse{0%,to{box-shadow:0 0 #03040599}50%{box-shadow:0 0 0 20px #4285f400}}.pin-tooltip{position:absolute;top:-90px;left:-100px;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 8px 30px #0003;white-space:nowrap;font-size:14px;line-height:1.5;opacity:0;transform:translateY(10px) scale(.95);transition:.35s ease;pointer-events:none;color:#333}.feedback-pin:hover .pin-tooltip{opacity:1;transform:translateY(0) scale(1)}.feedback-pin:hover .pin-tooltip:after{content:"";position:absolute;bottom:-6px;left:110px;width:12px;height:12px;background:#fff;transform:rotate(45deg)}.pin2 .pin-tooltip{left:auto;right:-100px}.pin2:hover .pin-tooltip:after{left:auto;right:110px}.pin1{top:20%;right:26%}.pin2{bottom:15%;right:20%}.pin3{bottom:10%;left:50%}.pin4{top:20%;left:35%}.pin6{top:55%;left:20%}.pin7{top:24%;left:29%}@media only screen and (max-width: 767px){.hero{padding:0 18px;gap:10px}.website-preview{border-radius:10px!important;width:100%!important;transform:none!important;box-shadow:none!important;display:none!important}.mobile-website-preview{display:block;height:444px;object-fit:cover;border-radius:18px;margin-top:40px}.btn{font-size:14px}.btn-primary,.btn-secondary{padding:12px 20px}.hero-left h1{font-size:30px}.hero-left h2{font-size:24px}.hero-subtext{font-size:13px;width:100%}.hero-right{width:100%;height:auto;perspective:none!important;pointer-events:none}.hero-left{margin-top:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.hero-right:hover .website-preview{transform:none!important}.pin1,.pin2{display:none!important}.pin3{bottom:4%;left:68%}.pin4{top:19%;left:77%}.pin5{top:12%;left:35%}.pin6{top:75%;left:20%}.pin-tooltip{font-size:12px;padding:10px 12px;top:-70px;left:-60px;animation:none!important;opacity:1!important;transform:none!important}.pin-tooltip:after{bottom:-5px}.mobile-view-subtext-pin:after{display:block;width:260px;content:attr(data-tooltip);background:#fffffff2;padding:8px 12px;border-radius:12px;font-size:12px;color:#333;white-space:nowrap;opacity:1;animation:mobilefloatTooltip 3s ease-in-out infinite}@keyframes mobilefloatTooltip{0%{transform:translate(0) rotate(0)}50%{transform:translate(6px,-6px) rotate(1deg)}to{transform:translate(0) rotate(0)}}.mobile-view-subtext-pinr:after{opacity:1;box-shadow:0 0 20px 4px #f3f1e799;transform:translateY(0)}.feedback-subtext-pin:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/customHerobanner.css.map */