.zk-hero-sec{--teal:#17A398;--lav:#8C7AE6;--gold:#EEB40E;--coral:#F2603E;--disp:"Space Grotesk",system-ui,sans-serif;position:relative;isolation:isolate;font-family:inherit}.zk-hero-sec *,.zk-hero-sec *:before,.zk-hero-sec *:after{box-sizing:border-box}@keyframes shimmerMove{0%{background-position:0% 0}to{background-position:300% 0}}@keyframes hxBreath{0%{opacity:.75;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}@keyframes dvFloat{0%,to{transform:translate(-46%) translateY(0)}50%{transform:translate(-46%) translateY(-10px)}}@keyframes dvFloat2{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-4deg) translateY(-14px)}}@keyframes dvFloat3{0%,to{transform:rotate(5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-12px)}}@keyframes ipFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes ipCaret{50%{opacity:0}}@keyframes ipTap{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}@keyframes mesh1{0%{transform:translate(0) scale(1)}50%{transform:translate(18vw,8vh) scale(1.15)}to{transform:translate(6vw,22vh) scale(.95)}}@keyframes mesh2{0%{transform:translate(0) scale(1.05)}50%{transform:translate(-20vw,14vh) scale(.9)}to{transform:translate(-8vw,-4vh) scale(1.1)}}@keyframes mesh3{0%{transform:translate(0) scale(.9)}50%{transform:translate(-14vw,-10vh) scale(1.1)}to{transform:translate(12vw,-16vh) scale(1)}}.zk-hero-sec .btn-primary-glow{display:inline-block;padding:4.5px;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--gold),var(--coral),var(--lav),var(--teal));background-size:300% 100%;animation:shimmerMove 5s linear infinite}.zk-hero-sec .hx{position:relative;margin-top:-78px;padding:calc(78px + 7vh) 6vw 0;background:#0a1220;color:#fff;overflow:hidden;text-align:center}.zk-hero-sec .hx-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse closest-side at 50% 38%,#2dd4bf33,#2dd4bf00),radial-gradient(ellipse closest-side at 18% 70%,#dcf59224,#dcf59200),radial-gradient(ellipse closest-side at 85% 62%,#8c7ae629,#8c7ae600);animation:hxBreath 9s ease-in-out infinite alternate}.zk-hero-sec .hx-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 35%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 70% 60% at 50% 35%,#000 30%,transparent 80%)}.zk-hero-sec .hx-in{position:relative;z-index:2;max-width:1000px;margin:0 auto}.zk-hero-sec .hx-eyebrow{display:inline-block;font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#dcf592;background:#dcf59214;border:1px solid rgba(220,245,146,.3);padding:.45rem 1.1rem;border-radius:999px;margin:0 0 1.5rem}.zk-hero-sec .hx h1{font-family:var(--disp);font-weight:700;letter-spacing:-.035em;font-size:clamp(2.8rem,5.6vw,5.4rem);line-height:1.03;margin:0 auto 1.4rem;max-width:20ch;text-wrap:balance;color:#fff}.zk-hero-sec .hx .hl{color:#2dd4bf}.zk-hero-sec .hx-sub{font-size:clamp(1.05rem,1.4vw,1.25rem);color:#c4c7c1;max-width:54ch;line-height:1.6;margin:0 auto 2.4rem}.zk-hero-sec .hx-sub b{color:#fff;font-weight:600}.zk-hero-sec .hx-ctas{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.zk-hero-sec .hx .btn-primary{background:#dcf592;color:#0e1a2b;text-decoration:none}.zk-hero-sec .hx .btn-primary:hover{background:#e8f9b9}.zk-hero-sec .hx-cta{display:inline-block;font-weight:700;font-size:1.02rem;color:#0e1a2b;background:#fff;text-decoration:none;padding:1.05rem 2.2rem;border-radius:999px;box-shadow:0 14px 34px -14px #ffffff59;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.zk-hero-sec .hx-cta:hover{transform:translateY(-3px);background:#f2f2ef;box-shadow:0 18px 40px -14px #ffffff73}.zk-hero-sec .hx-ghost{display:inline-block;font-weight:600;font-size:1.02rem;color:#fff;text-decoration:none;padding:1.05rem 2rem;border-radius:999px;border:1.5px solid rgba(255,255,255,.3);transition:background .18s,border-color .18s,transform .18s}.zk-hero-sec .hx-ghost:hover{background:#ffffff14;border-color:#fff;transform:translateY(-3px)}.zk-hero-sec .hx{padding-bottom:0!important;overflow:visible!important}.zk-hero-sec .hx-glow,.zk-hero-sec .hx-grid{overflow:hidden}.zk-hero-sec .hx-stage{position:relative;z-index:6;max-width:1120px;margin:7vh auto -16vh;height:clamp(300px,40vw,560px);perspective:1800px}.zk-hero-sec .hx-stage:before{content:"";position:absolute;left:10%;right:10%;top:8%;bottom:-6%;z-index:0;pointer-events:none;background:radial-gradient(ellipse closest-side at 50% 50%,#2dd4bf47,#2dd4bf00);filter:blur(10px)}.zk-hero-sec .hx-devices{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateX(9deg);transform-origin:50% 100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.zk-hero-sec .hx-stage:hover .hx-devices{transform:rotateX(3deg)}.zk-hero-sec .dv-laptop{position:absolute;left:50%;bottom:0;width:66%;transform:translate(-46%);z-index:1;animation:dvFloat 8s ease-in-out infinite}.zk-hero-sec .dv-screen{position:relative;background:#0b0c0f;border:1px solid rgba(255,255,255,.14);border-radius:16px 16px 6px 6px;padding:10px 10px 12px;box-shadow:0 50px 90px -40px #000000e6,0 0 0 1px #0009 inset}.zk-hero-sec .dv-bar{display:flex;align-items:center;gap:6px;padding:2px 6px 9px}.zk-hero-sec .dv-bar i{width:9px;height:9px;border-radius:50%;background:#3a3d44}.zk-hero-sec .dv-bar i:nth-child(1){background:#f2603e}.zk-hero-sec .dv-bar i:nth-child(2){background:#eeb40e}.zk-hero-sec .dv-bar i:nth-child(3){background:#dcf592}.zk-hero-sec .dv-bar span{margin-left:10px;font-size:.68rem;font-weight:600;color:#8a8f98;letter-spacing:.02em}.zk-hero-sec .dv-screen img{display:block;width:100%;aspect-ratio:16/9.6;object-fit:cover;object-position:top center;border-radius:6px;background:#fff}.zk-hero-sec .dv-base{position:relative;height:16px;margin:0 -6%;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#3a3d44,#1c1e23 55%,#0e0f12);box-shadow:0 30px 40px -20px #000c}.zk-hero-sec .dv-base:before{content:"";position:absolute;left:50%;top:0;width:16%;height:6px;transform:translate(-50%);border-radius:0 0 8px 8px;background:#0e0f12}.zk-hero-sec .dv-tablet{position:absolute;left:4%;bottom:-4%;width:23%;z-index:2;padding:9px;background:#0b0c0f;border:1px solid rgba(255,255,255,.16);border-radius:24px;box-shadow:0 50px 80px -30px #000000e6;transform:rotate(-4deg);animation:dvFloat2 7s ease-in-out infinite}.zk-hero-sec .dv-tablet img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;border-radius:15px;background:#fff}.zk-hero-sec .dv-t2{left:auto;right:3%;bottom:-2%;width:19%;transform:rotate(5deg);z-index:0;animation:dvFloat3 7.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.zk-hero-sec .dv-laptop,.zk-hero-sec .dv-tablet,.zk-hero-sec .hx-glow{animation:none!important}}@media(max-width:760px){.zk-hero-sec .hx-stage{height:62vw;margin-bottom:-10vh}.zk-hero-sec .dv-laptop{width:78%}.zk-hero-sec .dv-tablet{width:30%;left:0}.zk-hero-sec .dv-t2{width:26%;right:0}.zk-hero-sec .dv-bar span{display:none}}.zk-hero-sec .dv-fin{overflow:hidden}.zk-hero-sec .dv-laptop{display:none!important}.zk-hero-sec .dv-ipad{position:absolute;left:50%;bottom:-2%;width:34%;z-index:3;padding:12px;background:#0b0c0f;border:1px solid rgba(255,255,255,.16);border-radius:32px;box-shadow:0 60px 100px -40px #000000f2,0 0 0 2px #1c1e23 inset;transform:translate(-50%);animation:ipFloat 8s ease-in-out infinite}.zk-hero-sec .ip-screen{position:relative;aspect-ratio:595.5/842.25;border-radius:20px;overflow:hidden;background:#fff;container-type:inline-size}.zk-hero-sec .ip-pg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.02);transition:opacity .5s ease,transform .5s ease}.zk-hero-sec .ip-pg.on{opacity:1;transform:none}.zk-hero-sec .ip-pg img{width:100%;height:100%;display:block}.zk-hero-sec .ip-f{position:absolute;display:flex;align-items:center;padding:0 1.2cqw;box-sizing:border-box;border-radius:1cqw;transition:box-shadow .2s,background .2s}.zk-hero-sec .ip-f{text-align:left}.zk-hero-sec .ip-f b{font-family:Poppins,sans-serif;font-weight:500;font-size:2cqw;color:#1c1e22;white-space:nowrap;overflow:hidden}.zk-hero-sec .ip-f.num{justify-content:flex-end;padding:0 .7cqw}.zk-hero-sec .ip-f.num b{font-weight:600;font-size:1.6cqw}.zk-hero-sec .ip-f.big b{font-size:3cqw;font-weight:700;color:#e8710a}.zk-hero-sec .ip-f.wrap{align-items:flex-start;padding-top:1cqw}.zk-hero-sec .ip-f.wrap b{white-space:normal;font-size:1.55cqw;line-height:1.25}.zk-hero-sec .ip-f.tot{justify-content:center;padding:0}.zk-hero-sec .ip-f.tot b{font-size:2cqw;color:#d63384}.zk-hero-sec .ip-f.focus{box-shadow:0 0 0 .35cqw #2dd4bfbf;background:#2dd4bf0f}.zk-hero-sec .ip-f.focus b:after{content:"";display:inline-block;width:.25cqw;height:2.2cqw;margin-left:.2cqw;vertical-align:middle;background:#14b8a6;animation:ipCaret .8s steps(1) infinite}.zk-hero-sec .ip-ck{position:absolute;border-radius:.4cqw;background:#d63384;transform:scale(0);transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.zk-hero-sec .ip-ck.on{transform:scale(1)}.zk-hero-sec .ip-ck.on:after{content:"";position:absolute;left:32%;top:12%;width:28%;height:55%;border:solid #fff;border-width:0 .35cqw .35cqw 0;transform:rotate(45deg)}.zk-hero-sec .ip-tap{position:absolute;width:7cqw;height:7cqw;margin:-3.5cqw 0 0 -3.5cqw;border-radius:50%;background:#2dd4bf59;border:.4cqw solid rgba(45,212,191,.9);opacity:0;pointer-events:none;z-index:5}.zk-hero-sec .ip-tap.go{animation:ipTap .55s ease-out}.zk-hero-sec .dv-side{width:21%!important;bottom:4%!important;z-index:1!important;filter:brightness(.82) saturate(.9)}.zk-hero-sec .dv-l{left:10%!important;right:auto!important;transform:rotate(-7deg)!important;animation:none!important}.zk-hero-sec .dv-r{right:10%!important;left:auto!important;transform:rotate(7deg)!important;animation:none!important}.zk-hero-sec .dv-side img{aspect-ratio:3/4;object-fit:cover;object-position:top}.zk-hero-sec .hx-stage{height:clamp(360px,52vw,720px)!important}.zk-hero-sec .dv-ipad{width:40%!important}.zk-hero-sec .ip-f.top{align-items:flex-start;padding-top:1.2cqw}.zk-hero-sec .ip-f.top b{white-space:normal;line-height:1.3}.zk-hero-sec .ip-f.sm b{font-size:1.45cqw}.zk-hero-sec .ip-f.sel.set{background:#fff;border-radius:.8cqw;box-shadow:0 0 0 .15cqw #e3e8ef}.zk-hero-sec .ip-f.sel.set b{font-weight:700;color:#2f6fed}.zk-hero-sec .ip-dd{position:absolute;display:none;flex-direction:column;background:#fff;border-radius:1cqw;box-shadow:0 2cqw 4cqw -1cqw #00000059,0 0 0 .15cqw #e3e8ef;padding:.6cqw;z-index:6;min-width:18cqw}.zk-hero-sec .ip-dd.show{display:flex}.zk-hero-sec .ip-dd i{font-style:normal;font-family:Poppins,sans-serif;font-size:1.45cqw;padding:.7cqw 1cqw;border-radius:.6cqw;color:#1c1e22;text-align:left}.zk-hero-sec .ip-dd i.hi{background:#e8f0fe;color:#2f6fed;font-weight:600}@media(max-width:760px){.zk-hero-sec .dv-ipad{width:74%!important;padding:7px;border-radius:20px}.zk-hero-sec .ip-screen{border-radius:13px}.zk-hero-sec .dv-side{width:30%!important}.zk-hero-sec .dv-l{left:0!important}.zk-hero-sec .dv-r{right:0!important}.zk-hero-sec .hx-stage{height:118vw!important}}@media(prefers-reduced-motion:reduce){.zk-hero-sec .dv-ipad{animation:none!important}}.zk-hero-sec .hx{display:flow-root;border-radius:0 0 50% 50% / 0 0 var(--cv,6vw) var(--cv,6vw)}.zk-hero-sec .hx-stage:before{top:0!important;bottom:50%!important}.zk-hero-sec .dv-ipad{box-shadow:0 28px 36px -22px #10101273,0 0 0 2px #1c1e23 inset!important}.zk-hero-sec .hx-stage{margin-bottom:calc(-.256*min(1120px,88vw))!important}@media(max-width:760px){.zk-hero-sec .hx-stage{margin-bottom:-42vw!important}}.zk-hero-sec .hx-mesh{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}.zk-hero-sec .hx-mesh i{position:absolute;width:46vw;height:46vw;border-radius:50%;filter:blur(70px);opacity:.3;will-change:transform}.zk-hero-sec .hx-mesh i:nth-child(1){left:8%;top:4%;background:radial-gradient(circle at 50% 50%,#2dd4bf,#2dd4bf00 70%);animation:mesh1 26s ease-in-out infinite alternate}.zk-hero-sec .hx-mesh i:nth-child(2){right:4%;top:18%;background:radial-gradient(circle at 50% 50%,#8c7ae6,#8c7ae600 70%);animation:mesh2 31s ease-in-out infinite alternate}.zk-hero-sec .hx-mesh i:nth-child(3){left:30%;top:40%;background:radial-gradient(circle at 50% 50%,#dcf592,#dcf59200 70%);opacity:.18;animation:mesh3 36s ease-in-out infinite alternate}.zk-hero-sec .hx-in,.zk-hero-sec .hx-stage{z-index:6}@media(prefers-reduced-motion:reduce){.zk-hero-sec .hx-mesh i{animation:none!important}}.zk-hero-sec .hx-glowwrap{box-shadow:0 0 34px -6px #2dd4bf73}.zk-hero-sec .hx-glowwrap .hx-cta{display:block;box-shadow:none}.zk-hero-sec .hx-in{z-index:2!important;will-change:transform,opacity,filter}.zk-hero-sec .hx-stage{z-index:6!important}.zk-hero-sec .hx-devices{transform:rotateX(calc(9deg * (1 - var(--sp,0)))) scale(calc(1 + .1 * var(--sp,0)))!important;transition:transform .15s linear!important}.zk-hero-sec .hx-stage:hover .hx-devices{transform:rotateX(calc(9deg * (1 - var(--sp,0)))) scale(calc(1 + .1 * var(--sp,0)))!important}.zk-hero-sec .hx{margin-top:0!important;padding-top:calc(7vh + 24px)!important}.zk-hero-sec .hx-sub p{margin:0}.zk-hero-after{height:calc(.256*min(1120px,88vw) + 6vh);background:var(--zk-after-bg,#FFFFFF)}@media(max-width:760px){.zk-hero-after{height:calc(42vw + 4vh)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/zykkla-hero.css.map */