.hero-container{padding:6em 8em 0;position:relative;display:flex;justify-content:center}@media (max-width: 768px){.hero-container{padding:6em 2em 0}}.hero-content-wrapper{max-width:1600px}.hero-content{display:grid;gap:2em;max-width:45rem}.hero-content h1{line-height:1.2;padding-bottom:.5em}.hero-content h1.two-line-heading{display:flex;flex-direction:column;gap:0}.hero-content h1.two-line-heading .line-1{color:#fff}.hero-content h1.two-line-heading .line-2{color:var(--shamrock)}.hero-subheading{max-width:30rem;line-height:1.5;color:#fffc;margin-top:1em}.hero-content p{max-width:30rem;line-height:1.5}.hero-cta,.gradient-btn{background:linear-gradient(135deg,#00ffa3,#00d1ff);color:#fffc;font-weight:500;padding:.75em 1.5em;border:none;transition:all .3s ease;text-align:center;display:inline-block;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(91.86deg,#aaffd64f 1.09%,#1cff926e,#aaffd64a 99.52%);border:4.49971px solid rgba(255,255,255,.14);border-radius:44.5969px}.hero-cta:hover,.gradient-btn:hover{opacity:.9}.vc{padding:1.5em .5em;display:flex;gap:.5em;align-items:center}.orange-text{color:#f0652f}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.hero-bg-desktop,.hero-bg-mobile{position:absolute;top:-44px;left:0;width:100%;height:100%;object-fit:cover}.hero-bg-mobile{display:none}@media (max-width: 1300px){.hero-bg-desktop{display:none}.hero-bg-mobile{display:block}}.key-offers-section{padding:3em 0 2em}@media (max-width: 768px){.key-offers-section{padding:2em 0}}.card-wrapper{display:grid;gap:2em;grid-template-columns:1fr 1fr 1fr;margin-top:2em}@media (max-width: 1300px){.card-wrapper{grid-template-columns:1fr}}.card{background-color:var(--green-pea-darkest);aspect-ratio:4 / 5;border-radius:1rem;gap:1em;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:2em;transform-style:preserve-3d;transition:all .2s ease-out}@media (max-width: 768px){.card{gap:.5em;padding:1em}}.card.has-background{background-color:transparent!important}.card[data-tilt-card="2"].has-background,.card[data-tilt-card="3"].has-background{background-color:var(--green-pea-darkest)!important}.card:has(.card-image-bg){background-color:transparent}.card:has(.card-video-bg){background-color:transparent}.card[data-tilt-card="2"]:has(.card-video-bg),.card[data-tilt-card="3"]:has(.card-video-bg){background-color:var(--green-pea-darkest)!important}.card-video-bg,.card-image-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:1rem;overflow:hidden}.card-image-bg:after,.card-video-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00ffa31a,#00d1ff1a,#0000 50%,#0003 80%,#0006);border-radius:1rem;z-index:2;pointer-events:none}.card-video-bg iframe,.card-video-bg video{width:100%;height:100%;object-fit:cover;border:none;display:block}.card[data-tilt-card="1"] .card-video-bg video{width:183%;height:auto;object-fit:cover;position:absolute;top:-33.5%;left:-40.5%;transform:none}.card[data-tilt-card="2"],.card[data-tilt-card="2"].has-background{background-color:transparent!important}.card[data-tilt-card="2"]:has(.card-video-bg){background-color:transparent!important}.card[data-tilt-card="2"] .card-video-bg{background-color:transparent}.card[data-tilt-card="2"] .card-video-bg video{width:100%!important;height:100%!important;object-fit:cover;position:absolute;top:0;left:0;transform:none!important;max-width:none;max-height:none}.card[data-tilt-card="3"],.card[data-tilt-card="3"].has-background{background-color:transparent}.card[data-tilt-card="3"]:has(.card-video-bg){background-color:#000}.card[data-tilt-card="3"] .card-video-bg{background-color:transparent;top:-4px}.card[data-tilt-card="3"] .card-video-bg video{width:100%!important;height:100%!important;object-fit:cover;position:absolute;top:0;left:0;transform:none!important;max-width:none;max-height:none}.card-image-bg img{width:100%;height:100%;object-fit:cover;border:none;display:block}.card-content{position:relative;display:grid;gap:1em;z-index:10;background:linear-gradient(180deg,#0000 0% 30%,#0000004d 70%,#000000b3);padding:2em;margin:-2em;border-radius:0 0 1rem 1rem;transform-style:preserve-3d;transform:translateZ(40px);transition:all .25s cubic-bezier(.23,1,.32,1)}@media (max-width: 768px){.card-content{padding:1em 2em!important;margin:-1em;transform:translateZ(30px)}}.card-content h3{color:#fff;font-weight:600;transform:translateZ(15px);transition:all .25s ease;margin:0}.card-content p{color:#fffffff2;transform:translateZ(10px);transition:all .25s ease;line-height:1.4;margin:0}.card:hover{transform:scale(1.02)}.card:hover .card-content{transform:translateZ(55px);background:linear-gradient(180deg,#0000 0% 20%,#0006 70%,#000c)}@media (max-width: 768px){.card:hover .card-content{transform:translateZ(40px)}}.card:hover h3{transform:translateZ(35px)}@media (max-width: 768px){.card:hover h3{transform:translateZ(28px)}}.card:hover p{transform:translateZ(25px)}@media (max-width: 768px){.card:hover p{transform:translateZ(20px)}}.js-tilt-glare{border-radius:1rem!important;overflow:hidden}.js-tilt-glare-inner{border-radius:1rem!important;background:linear-gradient(0deg,#fff0,#ffffff26,#ffffff4d)!important}.tilt-box{transform-style:preserve-3d;will-change:transform}@keyframes float{0%{transform:scale(1.3) translateY(0)}50%{transform:scale(1.3) translateY(-10px)}to{transform:scale(1.3) translateY(0)}}@keyframes floatSlow{0%{transform:scale(1.3) translateY(0)}50%{transform:scale(1.3) translateY(-6px)}to{transform:scale(1.3) translateY(0)}}.card[data-tilt-card="1"] .floating-image{animation:floatSlow 8s ease-in-out infinite;transform-origin:center center;width:100%;height:100%;object-fit:contain;position:absolute;top:-77px;left:0}@media (max-width: 768px){.card[data-tilt-card="1"] .floating-image{top:-25px}}.card[data-tilt-card="1"]:hover .floating-image{animation:float 5s ease-in-out infinite}@keyframes smoothFloat{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-6px) scale(1.02)}50%{transform:translateY(-12px) scale(1.01)}75%{transform:translateY(-6px) scale(1.02)}}.card[data-tilt-card="3"]{background-color:var(--green-pea-darkest)!important}.card-iphone-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:1rem;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2rem}@keyframes sway{0%{transform:scale(1.1) translate(0) rotateY(0) rotate(0)}25%{transform:scale(1.1) translate(6px) rotateY(8deg) rotate(1deg)}50%{transform:scale(1.1) translate(0) rotateY(0) rotate(0)}75%{transform:scale(1.1) translate(-6px) rotateY(-8deg) rotate(-1deg)}to{transform:scale(1.1) translate(0) rotateY(0) rotate(0)}}.card[data-tilt-card="3"] .px{position:relative;padding:6% 7%;animation:sway 12s ease-in-out infinite;transform-origin:center center;width:240px;height:auto;transform:scale(1.1)}.px{padding:1%!important;margin-top:6rem}.card[data-tilt-card="3"] .px__body{position:absolute;top:0;right:1%;bottom:0;left:1%;background:linear-gradient(to top,#0a0a0a,#1a1a1a 10%,#2a2a2a 90%);border-radius:14%/7%;box-shadow:inset 0 0 1px .5px #000}.card[data-tilt-card="3"] .px__body:before{content:"";position:absolute;top:.7%;right:1.4%;bottom:.7%;left:1.4%;background-color:#000;border-radius:13%/7%;box-shadow:0 0 1px #000}.card[data-tilt-card="3"] .px__body:after{content:"";position:absolute;top:1%;right:2.3%;bottom:1%;left:2.3%;background-color:#000;border-radius:13%/6.5%}.card[data-tilt-card="3"] .px__body__cut{position:absolute;z-index:2;top:3%;left:50%;width:50%;height:3.5%;background-color:#000;border-radius:0 0 10% 10%/80%;transform:translate3d(-50%,0,0)}.card[data-tilt-card="3"] .px__body__speaker,.card[data-tilt-card="3"] .px__body__camera,.card[data-tilt-card="3"] .px__body__sensor{position:absolute;z-index:2;background-color:#222;transform:translate(-50%,-50%)}.card[data-tilt-card="3"] .px__body__speaker{top:4%;left:50%;width:12%;height:.8%;border-radius:5px}.card[data-tilt-card="3"] .px__body__camera{top:4%;left:36%;width:3.5%;height:1.7%;border-radius:50%;box-shadow:inset 0 0 2px 1px #000}.card[data-tilt-card="3"] .px__body__sensor{top:4%;left:61%;width:2.2%;height:1.1%;border-radius:50%;background-color:#2a4a73;box-shadow:inset 0 0 2px 1px #000}.card[data-tilt-card="3"] .px__body__mute,.card[data-tilt-card="3"] .px__body__up,.card[data-tilt-card="3"] .px__body__down,.card[data-tilt-card="3"] .px__body__right{position:absolute;background-color:#333;box-shadow:inset 0 5px 5px -3px #00000080,inset 0 -5px 5px -3px #00000080;transform:translateY(-50%)}.card[data-tilt-card="3"] .px__body__mute{top:14.7%;left:-.7%;width:.7%;height:4%;border-radius:1px 0 0 1px}.card[data-tilt-card="3"] .px__body__up,.card[data-tilt-card="3"] .px__body__down{left:-1%;width:1%;height:7.5%;border-radius:2px 0 0 2px}.card[data-tilt-card="3"] .px__body__up{top:25%}.card[data-tilt-card="3"] .px__body__down{top:34%}.card[data-tilt-card="3"] .px__body__right{top:25%;right:-1%;width:1%;height:7.5%;border-radius:0 2px 2px 0}.card[data-tilt-card="3"] .px__screen{position:relative}.card[data-tilt-card="3"] .px__screen__{position:relative;padding-bottom:218%;background-color:#888;border-radius:10%/5%;box-shadow:0 0 2px #000}.card[data-tilt-card="3"] .px__screen__frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;background-size:cover;background-position:center center;background-repeat:no-repeat}.card[data-tilt-card="3"]:hover .px{animation:sway 6s ease-in-out infinite}.card[data-tilt-card="3"]{background-color:var(--green-pea-darkest)!important;perspective:1000px}.card[data-tilt-card="3"] .px{transform-style:preserve-3d}@media (max-width: 768px){.card[data-tilt-card="3"] .px{width:180px;transform:scale(1)}.card-iphone-bg{padding:1rem}}.card[data-tilt-card="2"],.card[data-tilt-card="2"].has-background{background-color:var(--green-pea-darkest)!important}.card[data-tilt-card="2"]:has(.card-icons-bg){background-color:var(--green-pea-darkest)!important}.card-icons-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:1rem;overflow:hidden}.floating-icon{position:absolute;opacity:.9;transition:opacity .3s ease}.floating-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.floating-icon.icon-1{top:11%;left:19%;width:120px;height:120px;animation:floatSlow1 8s ease-in-out infinite}.floating-icon.icon-2{top:38%;right:13%;width:120px;height:120px;animation:floatSlow2 8s ease-in-out infinite;animation-delay:2.7s}.floating-icon.icon-3{bottom:24%;left:18%;width:120px;height:120px;animation:floatSlow3 8s ease-in-out infinite;animation-delay:5.3s}@keyframes floatSlow1{0%{transform:translateY(0) translate(0)}25%{transform:translateY(-8px) translate(3px)}50%{transform:translateY(-12px) translate(0)}75%{transform:translateY(-6px) translate(-3px)}to{transform:translateY(0) translate(0)}}@keyframes floatSlow2{0%{transform:translateY(0) translate(0)}25%{transform:translateY(-6px) translate(-4px)}50%{transform:translateY(-10px) translate(-2px)}75%{transform:translateY(-4px) translate(2px)}to{transform:translateY(0) translate(0)}}@keyframes floatSlow3{0%{transform:translateY(0) translate(0)}25%{transform:translateY(-7px) translate(2px)}50%{transform:translateY(-14px) translate(4px)}75%{transform:translateY(-8px) translate(-1px)}to{transform:translateY(0) translate(0)}}.card[data-tilt-card="2"]:hover .floating-icon{opacity:1}.card[data-tilt-card="2"]:hover .floating-icon.icon-1{animation:floatFast1 4s ease-in-out infinite}.card[data-tilt-card="2"]:hover .floating-icon.icon-2{animation:floatFast2 4s ease-in-out infinite;animation-delay:1.3s}.card[data-tilt-card="2"]:hover .floating-icon.icon-3{animation:floatFast3 4s ease-in-out infinite;animation-delay:2.7s}@keyframes floatFast1{0%{transform:translateY(0) translate(0) scale(1)}50%{transform:translateY(-15px) translate(5px) scale(1.05)}to{transform:translateY(0) translate(0) scale(1)}}@keyframes floatFast2{0%{transform:translateY(0) translate(0) scale(1)}50%{transform:translateY(-12px) translate(-6px) scale(1.05)}to{transform:translateY(0) translate(0) scale(1)}}@keyframes floatFast3{0%{transform:translateY(0) translate(0) scale(1)}50%{transform:translateY(-18px) translate(3px) scale(1.05)}to{transform:translateY(0) translate(0) scale(1)}}@media (max-width: 768px){.floating-icon.{width:90px;height:90px}}.card-icons-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00ffa31a,#00d1ff1a,#0000 50%,#0003 80%,#0006);border-radius:1rem;z-index:2;pointer-events:none}.card-iphone-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00ffa31a,#00d1ff1a,#0000 50%,#0003 80%,#0006);border-radius:1rem;z-index:2;pointer-events:none}@media (max-width: 768px){.card[data-tilt-card="3"] .card-content{padding:1em;margin:-1em;transform:translateZ(30px)}.card[data-tilt-card="3"]:hover .card-content{transform:translateZ(40px)}}.floating-icon{position:absolute;opacity:.9;transition:opacity .3s ease;z-index:3}.card[data-tilt-card="3"] .px{z-index:3}.card[data-tilt-card="3"] .card-iphone-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00ffa30d,#00d1ff14,#0000001a,#0006,#000000b3,#000000d9);border-radius:1rem;z-index:2;pointer-events:none}.card[data-tilt-card="3"] .card-iphone-bg:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(180deg,#0000,#0000004d 30%,#0009 70%,#000000e6);border-radius:0 0 1rem 1rem;z-index:2;pointer-events:none}.card[data-tilt-card="3"] .card-content{background:linear-gradient(180deg,#0000 0% 10%,#00000080 50%,#000c 80%,#000000f2)!important}.card[data-tilt-card="3"] .card-content h3{color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.8);font-weight:600}.card[data-tilt-card="3"] .card-content p{color:#fffffff2!important;text-shadow:0 1px 6px rgba(0,0,0,.7)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero.css.map */