.pk-hero{position:relative;overflow:hidden;width:100%;min-height:100vh;display:flex;flex-direction:column;background:var(--pk-bg, #0038FF);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pk-hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.09) 1px,transparent 1px);background-size:3rem 3rem;pointer-events:none;z-index:0}.pk-hero__blob{position:absolute;border-radius:999px;pointer-events:none;z-index:0;transition:transform .3s ease-out}.pk-hero__blob--1{width:16rem;height:16rem;background:var(--pk-accent, #CCFF00);opacity:.16;top:-5rem;left:-5rem}.pk-hero__blob--2{width:20rem;height:20rem;background:#fff;opacity:.06;bottom:-7rem;right:-7rem}.pk-hero__spotlight{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .4s ease;background:radial-gradient(650px circle at var(--x, 50%) var(--y, 50%),rgba(204,255,0,.16),rgba(255,255,255,.04) 42%,transparent 65%)}.pk-hero__spotlight.pk-active{opacity:1}.pk-hero--customcursor,.pk-hero--customcursor *{cursor:none!important}.pk-hero__cursor{position:fixed;top:0;left:0;width:22px;height:22px;border-radius:50%;background:var(--pk-accent, #CCFF00);border:3px solid #0a0a0a;pointer-events:none;z-index:999999;opacity:0;transition:opacity .2s ease,background .15s ease;will-change:transform}.pk-hero__cursor.pk-in-steps{background:#1f6fe0}.pk-hero__cursor.pk-active{opacity:1}.pk-hero__particle{position:fixed;z-index:999998;width:9px;height:9px;border:2px solid #0a0a0a;border-radius:3px;pointer-events:none;transform:translate(-50%,-50%) rotate(0);animation:pk-hero-drop .9s ease-in forwards}@keyframes pk-hero-drop{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--drift, 0px)),26px) rotate(var(--rot, 20deg)) scale(.5)}}.pk-hero__main{flex:1;position:relative;z-index:10;padding:2rem 1rem 4rem;max-width:1440px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.pk-hero__main{padding:2rem 1rem 8rem}}.pk-hero__stack-wrap{position:relative;width:100%;max-width:64rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.pk-hero__stack{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.pk-hero__line{width:100%;display:flex;position:relative}.pk-hero__line--1{justify-content:flex-start;padding-left:8%;z-index:30}.pk-hero__line--2{justify-content:center;z-index:20}.pk-hero__line--3{justify-content:flex-start;padding-left:14%;z-index:10}.pk-hero__word{margin:0;padding:0;font-weight:900;line-height:.85;letter-spacing:-.03em;text-transform:uppercase;font-family:Arial Black,Impact,sans-serif;text-shadow:1px 1px 0 #001A99,2px 2px 0 #001A99,3px 3px 0 #001A99,4px 4px 0 #001A99,5px 5px 0 #001A99,6px 6px 0 #001A99,7px 7px 0 #001A99,8px 8px 0 #001A99,9px 9px 0 #001A99,10px 10px 0 #001A99}.pk-hero__word--eyebrow{font-size:clamp(3rem,10vw,130px);color:var(--pk-accent, #CCFF00)}.pk-hero__word--main{font-size:clamp(3.5rem,13vw,190px);color:#fff}.pk-hero__word--sub{font-size:clamp(3rem,10vw,130px);color:#fff}.pk-hero__overlays{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.pk-hero__card{display:none}@media(min-width:768px){.pk-hero__card{display:block;position:absolute;z-index:30;pointer-events:auto;animation:pk-float 5.5s ease-in-out infinite}.pk-hero__card--1{bottom:8%;left:16%;animation-delay:0s}.pk-hero__card--2{top:12%;right:18%;animation-delay:1s}}@keyframes pk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.pk-hero__card-inner{width:10rem;aspect-ratio:3 / 3.5;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:2rem;padding:1.1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 40px #00000040;transform:rotate(-10deg);transition:transform .4s}.pk-hero__card--2 .pk-hero__card-inner{transform:rotate(10deg)}.pk-hero__card-inner:hover{transform:rotate(0)}@media(min-width:768px){.pk-hero__card-inner{width:13rem}}.pk-hero__card-avatar{width:4rem;height:4rem;border-radius:999px;overflow:hidden;margin-bottom:.75rem;border:3px solid rgba(255,255,255,.5);background:tan}.pk-hero__card-avatar img{width:100%;height:100%;object-fit:cover}.pk-hero__card-avatar-placeholder{width:100%;height:100%;background:tan}.pk-hero__card-name{color:#fff;font-weight:700;font-size:.9rem;margin:.25rem 0 0;text-align:center}.pk-hero__card-metric{color:#ffffffd9;font-size:.7rem;margin:.1rem 0 0;text-align:center}.pk-hero__arrow{position:absolute;width:4rem;height:4rem;z-index:20;color:inherit}.pk-hero__arrow--left{bottom:0;left:0;color:var(--pk-accent, #CCFF00)}.pk-hero__arrow--right{top:4%;right:0;color:var(--pk-accent, #CCFF00)}.pk-hero__arrow svg{width:100%;height:100%;stroke:currentColor;overflow:visible}@media(min-width:768px){.pk-hero__arrow{width:6rem;height:6rem}.pk-hero__arrow--left{left:8%}.pk-hero__arrow--right{right:8%}}.pk-hero__badge{position:absolute;bottom:-4%;right:2%;z-index:40;pointer-events:auto;width:5.5rem;height:5.5rem;background:var(--pk-accent, #CCFF00);border-radius:999px;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 30px #0000004d;transform:rotate(12deg);border:3px solid rgba(0,0,0,.05);transition:transform .3s;text-decoration:none}.pk-hero__badge:hover{transform:rotate(12deg) scale(1.05)}@media(min-width:768px){.pk-hero__badge{width:9rem;height:9rem;right:16%;bottom:-8%}}.pk-hero__badge-spin{position:absolute;top:4px;right:4px;bottom:4px;left:4px;animation:pk-spin 10s linear infinite}@keyframes pk-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pk-hero__badge-spin svg{width:100%;height:100%}.pk-hero__badge-text{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;fill:#000}.pk-hero__badge-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.pk-hero__badge-icon svg{width:2rem;height:2rem;color:#000;stroke:currentColor;fill:none;overflow:visible}@media(min-width:768px){.pk-hero__badge-icon svg{width:2.5rem;height:2.5rem}}.pk-hero__steps{position:relative;z-index:20;overflow:hidden;background:#fff;border-radius:2.5rem 2.5rem 0 0;padding:3rem 1.5rem;box-shadow:0 -20px 50px #0003;margin-top:auto}@media(min-width:768px){.pk-hero__steps{border-radius:3.5rem 3.5rem 0 0;padding:4rem 2.5rem}}.pk-hero__steps-bggrid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(320px circle at -60px -60px,rgba(32,215,238,.16),transparent 70%),radial-gradient(400px circle at calc(100% + 80px) calc(100% + 80px),rgba(31,111,224,.08),transparent 70%),linear-gradient(to right,rgba(10,63,168,.09) 1px,transparent 1px),linear-gradient(to bottom,rgba(10,63,168,.09) 1px,transparent 1px);background-size:auto,auto,3rem 3rem,3rem 3rem}.pk-hero__steps-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .4s ease;background:radial-gradient(560px circle at var(--x, 50%) var(--y, 50%),rgba(32,215,238,.14),rgba(31,111,224,.04) 42%,transparent 65%)}.pk-hero__steps-spotlight.pk-active{opacity:1}.pk-hero__steps-grid{position:relative;z-index:1;max-width:72rem;margin:0 auto;display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.pk-hero__steps-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.pk-hero__step-card{background:#f8f9fa;border:1px solid #f0f0f0;border-radius:2rem;padding:2rem;text-align:center;position:relative}.pk-hero__step-number{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;background:var(--pk-bg, #0038FF);color:#fff;font-weight:900;font-size:.9rem;margin-bottom:1rem}.pk-hero__step-title{font-size:1.15rem;font-weight:900;text-transform:uppercase;margin:0 0 .5rem}.pk-hero__step-desc{font-size:.8rem;color:#0009;font-weight:500;margin:0}.pk-hero__cloudscreen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;overflow:hidden;pointer-events:none}.pk-hero__cloudscreen-base{position:absolute;top:0;right:0;bottom:0;left:0;background:#ece9d8}.pk-hero__cloud{position:absolute;fill:#ece9d8;filter:drop-shadow(0 8px 16px rgba(0,0,0,.14))}.pk-hero__cloud--1{width:300px;height:180px;top:-30px;left:-50px}.pk-hero__cloud--2{width:260px;height:156px;top:-20px;right:-40px}.pk-hero__cloud--3{width:380px;height:228px;top:26%;left:50%;transform:translate(-50%)}.pk-hero__cloud--4{width:250px;height:150px;bottom:-20px;left:4%}.pk-hero__cloud--5{width:320px;height:192px;bottom:-30px;right:-30px}.pk-hero__cloud--6{width:220px;height:132px;bottom:6%;left:42%}.pk-hero__cloud--7{width:240px;height:144px;top:8%;left:18%}.pk-hero__cloud--8{width:260px;height:156px;top:4%;right:14%}.pk-hero__cloud--9{width:200px;height:120px;top:44%;left:-30px}.pk-hero__cloud--10{width:220px;height:132px;top:40%;right:-20px}.pk-hero__cloud--11{width:230px;height:138px;bottom:20%;left:24%}.pk-hero__cloud--12{width:250px;height:150px;bottom:16%;right:20%}@media(min-width:900px){.pk-hero__cloud--1{width:420px;height:252px}.pk-hero__cloud--2{width:360px;height:216px}.pk-hero__cloud--3{width:520px;height:312px}.pk-hero__cloud--4{width:340px;height:204px}.pk-hero__cloud--5{width:440px;height:264px}.pk-hero__cloud--6{width:300px;height:180px}.pk-hero__cloud--7{width:320px;height:192px}.pk-hero__cloud--8{width:340px;height:204px}.pk-hero__cloud--9{width:280px;height:168px}.pk-hero__cloud--10{width:300px;height:180px}.pk-hero__cloud--11{width:310px;height:186px}.pk-hero__cloud--12{width:330px;height:198px}}@media(prefers-reduced-motion:no-preference){@keyframes pk-hero-slide-left{0%{opacity:0;transform:translate(-70px) rotate(-4deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes pk-hero-slide-right{0%{opacity:0;transform:translate(70px) rotate(4deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes pk-hero-slam{0%{opacity:0;transform:scale(1.35);filter:blur(5px)}55%{opacity:1;transform:scale(1.35);filter:blur(0)}75%{opacity:1;transform:scale(.97);filter:blur(0)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes pk-hero-card-in-1{0%{opacity:0;transform:scale(.25) rotate(-50deg) translateY(50px)}65%{opacity:1;transform:scale(1.1) rotate(-15deg) translateY(-8px)}to{opacity:1;transform:scale(1) rotate(-10deg) translateY(0)}}@keyframes pk-hero-card-in-2{0%{opacity:0;transform:scale(.25) rotate(50deg) translateY(-50px)}65%{opacity:1;transform:scale(1.1) rotate(15deg) translateY(8px)}to{opacity:1;transform:scale(1) rotate(10deg) translateY(0)}}@keyframes pk-hero-arrow-in{0%{opacity:0;transform:scale(.4) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes pk-hero-badge-in{0%{opacity:0;transform:scale(0) rotate(-100deg)}60%{opacity:1;transform:scale(1.18) rotate(24deg)}to{opacity:1;transform:scale(1) rotate(12deg)}}@keyframes pk-hero-grid-in{0%{opacity:0}to{opacity:1}}.pk-hero__grid{opacity:0;animation:pk-hero-grid-in 1.2s ease-out 0s forwards}.pk-hero__word--eyebrow{opacity:0;animation:pk-hero-slide-left .7s cubic-bezier(.16,1,.3,1) .15s forwards}.pk-hero__word--main{opacity:0;animation:pk-hero-slam .9s cubic-bezier(.34,1.56,.64,1) .35s forwards}.pk-hero__word--sub{opacity:0;animation:pk-hero-slide-right .7s cubic-bezier(.16,1,.3,1) .6s forwards}.pk-hero__card--1 .pk-hero__card-inner{opacity:0;animation:pk-hero-card-in-1 .85s cubic-bezier(.34,1.56,.64,1) .85s forwards,pk-float 5.5s ease-in-out infinite 1.7s}.pk-hero__card--2 .pk-hero__card-inner{opacity:0;animation:pk-hero-card-in-2 .85s cubic-bezier(.34,1.56,.64,1) 1s forwards,pk-float 5.5s ease-in-out infinite 1.85s}.pk-hero__arrow--left{opacity:0;animation:pk-hero-arrow-in .6s cubic-bezier(.34,1.56,.64,1) 1.1s forwards}.pk-hero__arrow--right{opacity:0;animation:pk-hero-arrow-in .6s cubic-bezier(.34,1.56,.64,1) 1.2s forwards}.pk-hero__badge{opacity:0;animation:pk-hero-badge-in .8s cubic-bezier(.34,1.56,.64,1) 1.3s forwards}@keyframes pk-hero-cloud-base-out{0%{opacity:1}to{opacity:0}}@keyframes pk-hero-drift-1{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-220px,-170px) rotate(-14deg);opacity:0}}@keyframes pk-hero-drift-2{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(230px,-180px) rotate(12deg);opacity:0}}@keyframes pk-hero-drift-3{0%{transform:translate(-50%) rotate(0);opacity:1}to{transform:translate(-50%,-280px) rotate(-6deg);opacity:0}}@keyframes pk-hero-drift-4{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-210px,180px) rotate(10deg);opacity:0}}@keyframes pk-hero-drift-5{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(220px,190px) rotate(-11deg);opacity:0}}@keyframes pk-hero-drift-6{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-30px,240px) rotate(7deg);opacity:0}}@keyframes pk-hero-drift-7{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-160px,-200px) rotate(-9deg);opacity:0}}@keyframes pk-hero-drift-8{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(170px,-190px) rotate(8deg);opacity:0}}@keyframes pk-hero-drift-9{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-260px,20px) rotate(-13deg);opacity:0}}@keyframes pk-hero-drift-10{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(260px,-10px) rotate(13deg);opacity:0}}@keyframes pk-hero-drift-11{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(-150px,210px) rotate(-8deg);opacity:0}}@keyframes pk-hero-drift-12{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(160px,200px) rotate(9deg);opacity:0}}.pk-hero__cloudscreen-base{animation:pk-hero-cloud-base-out 1s ease .35s forwards}.pk-hero__cloud--1{animation:pk-hero-drift-1 1.25s cubic-bezier(.34,.9,.6,1) .05s forwards}.pk-hero__cloud--2{animation:pk-hero-drift-2 1.3s cubic-bezier(.34,.9,.6,1) .1s forwards}.pk-hero__cloud--3{animation:pk-hero-drift-3 1.4s cubic-bezier(.34,.9,.6,1) .15s forwards}.pk-hero__cloud--4{animation:pk-hero-drift-4 1.2s cubic-bezier(.34,.9,.6,1) .05s forwards}.pk-hero__cloud--5{animation:pk-hero-drift-5 1.3s cubic-bezier(.34,.9,.6,1) .1s forwards}.pk-hero__cloud--6{animation:pk-hero-drift-6 1.15s cubic-bezier(.34,.9,.6,1) 0s forwards}.pk-hero__cloud--7{animation:pk-hero-drift-7 1.2s cubic-bezier(.34,.9,.6,1) .2s forwards}.pk-hero__cloud--8{animation:pk-hero-drift-8 1.25s cubic-bezier(.34,.9,.6,1) .18s forwards}.pk-hero__cloud--9{animation:pk-hero-drift-9 1.3s cubic-bezier(.34,.9,.6,1) .08s forwards}.pk-hero__cloud--10{animation:pk-hero-drift-10 1.3s cubic-bezier(.34,.9,.6,1) .12s forwards}.pk-hero__cloud--11{animation:pk-hero-drift-11 1.2s cubic-bezier(.34,.9,.6,1) .22s forwards}.pk-hero__cloud--12{animation:pk-hero-drift-12 1.2s cubic-bezier(.34,.9,.6,1) .25s forwards}}@media(prefers-reduced-motion:reduce){.pk-hero__cloudscreen{display:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-puntokom-hero.css.map */