@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Inter:wght@300;400;500;600;700;800&display=swap";
html{scroll-behavior:smooth;scroll-padding-top:5rem}.lp-page{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;width:100%;max-width:100%;padding-top:4rem;font-family:Inter,sans-serif;overflow:clip visible}.lp-page::-webkit-scrollbar{display:none}.lp-page *{-ms-overflow-style:none;scrollbar-width:none}.lp-page ::-webkit-scrollbar{display:none}.lp-page>nav{width:100%;top:0;left:0;right:0;position:fixed!important}.lp-page .lp-logo-image{object-fit:contain;border-radius:.5rem;flex:none;width:2rem;height:2rem}.lp-page .lp-hero-icon{z-index:1;pointer-events:none;opacity:.92;filter:drop-shadow(0 14px 24px #0000001f);animation:5.5s ease-in-out infinite lpFloat;position:absolute}.lp-page .lp-hero-icon-reviews{width:clamp(4.5rem,8vw,7.25rem);bottom:23%;left:clamp(4rem,10vw,10rem);transform:rotate(-13deg)}.lp-page .lp-hero-icon-nfc{width:clamp(4.25rem,7vw,6.75rem);animation-delay:.9s;top:22%;right:clamp(6rem,14vw,13rem);transform:rotate(10deg)}.lp-page .lp-hero-icon-tap{width:clamp(4rem,6vw,5.75rem);animation-delay:1.6s;bottom:28%;right:clamp(8rem,19vw,18rem);transform:rotate(-10deg)}.lp-page .lp-hero-rotating-word{will-change:opacity, transform;min-width:1.45em;transition:opacity .26s,transform .26s;display:inline-block}.lp-page .lp-hero-bang{margin-left:.03em}.lp-page a[class*=font-bold],.lp-page button[class*=font-bold]{border:2px solid #0f172a;border-radius:.8rem;transition:transform .16s,box-shadow .16s,background-color .16s;box-shadow:5px 6px #0f172a}.lp-page a[class*=font-bold]:hover,.lp-page button[class*=font-bold]:hover{transform:translate(2px,2px);box-shadow:3px 4px #0f172a}.lp-page a[class*=font-bold]:active,.lp-page button[class*=font-bold]:active{transform:translate(5px,6px);box-shadow:0 0 #0f172a}.lp-page header a[href=\#harga],.lp-page header a[href=\#cara-kerja]{padding:.85rem 1.75rem;font-size:1rem}.lp-page header a[href=\#cara-kerja]{color:#101828;background:#fff}.lp-page nav>div>div>div:last-child a[href=\#harga]{border-radius:999px;box-shadow:4px 5px #0f172a}.lp-page nav .hidden a{box-shadow:none;border:0;border-radius:0}.lp-page nav .hidden a:hover,.lp-page nav .hidden a:active{box-shadow:none;transform:none}.lp-page .lp-reveal{opacity:0;will-change:opacity, transform;transition:opacity .72s,transform .72s cubic-bezier(.22,1,.36,1);transform:translateY(34px)}.lp-page .lp-reveal.is-visible{opacity:1;transform:translateY(0)}.lp-page .lp-reveal-delay-1{transition-delay:.12s}.lp-page .lp-reveal-delay-2{transition-delay:.22s}@keyframes lpFloat{0%,to{translate:0}50%{translate:0 -10px}}@media (prefers-reduced-motion:reduce){.lp-page .lp-hero-icon{animation:none}.lp-page .lp-reveal{opacity:1;transition:none;transform:none}}.lp-page .lp-hero-rotating-word.is-changing{opacity:0;transform:translateY(.08em)}.lp-page .lp-cta-scanner-wrap{width:min(22rem,80vw)}.lp-page .lp-cta-scanner-icon{object-fit:contain;width:min(20rem,72vw);height:auto}.lp-page .font-caveat,.lp-page section h2,.lp-page footer h4{font-family:Caveat,cursive}.lp-page section h2{font-size:clamp(3rem,6.5vw,5rem);line-height:.95}.lp-page section h2 span{line-height:1}.lp-page footer h4{font-size:1.5rem;line-height:1}@media (min-width:768px){.lp-page section h2{font-size:clamp(4rem,5vw,5.5rem)}.lp-page #faq h2{white-space:nowrap;font-size:clamp(3.5rem,5vw,4.75rem)}}.lp-page .bg-primary{background-color:#3341bb}.lp-page .text-primary{color:#3341bb}.lp-page .border-primary{border-color:#3341bb}.lp-page .bg-primary-dark{background-color:#283391}.lp-page .pattern-bg{background-image:radial-gradient(#fff2 1px,#0000 1px);background-size:20px 20px}.lp-page .lp-phone-map-bg{background-color:#e5e7eb;background-image:url(https://www.transparenttextures.com/patterns/cubes.png)}.lp-page .lp-workflow{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(2rem,5vw,4.5rem);display:grid;position:relative}.lp-page .lp-workflow-line{pointer-events:none;z-index:0;width:72%;height:7.5rem;position:absolute;top:8rem;left:14%;overflow:visible}.lp-page .lp-workflow-line path{fill:none;stroke:#3341bb;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px}.lp-page .lp-workflow-line path:nth-child(2){stroke:#fac800;stroke-width:3px;stroke-dasharray:12 18;opacity:.9}.lp-page .lp-workflow-step{z-index:1;text-align:center;padding:0 1rem;position:relative}.lp-page .lp-workflow-icon{z-index:2;justify-content:center;align-items:center;height:8.75rem;margin-bottom:1.75rem;display:flex;position:relative}.lp-page .lp-workflow-icon img{object-fit:contain;width:auto;max-width:9.5rem;height:auto;max-height:9rem}.lp-page .lp-workflow-number{z-index:2;color:#fff;background:#3341bb;border-radius:999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin-bottom:.875rem;font-weight:800;display:inline-flex;position:relative;box-shadow:0 8px 18px #3341bb2e}.lp-page .lp-workflow-step:nth-of-type(2) .lp-workflow-number{color:#101828;background:#fac800}.lp-page .lp-workflow-step:nth-of-type(3) .lp-workflow-number{color:#fff;background:#00c758}.lp-page .lp-workflow-step h3{color:#101828;margin-bottom:.75rem;font-size:1.35rem;font-weight:800;line-height:1.2}.lp-page .lp-workflow-step p{color:#4a5565;max-width:20rem;margin:0 auto;font-size:.95rem;line-height:1.65}@media (max-width:767px){.lp-page .lp-hero-icon{opacity:.5}.lp-page .lp-hero-icon-reviews{width:4rem;bottom:19%;left:1rem}.lp-page .lp-hero-icon-nfc{width:4rem;top:16%;right:1rem}.lp-page .lp-hero-icon-tap{display:none}.lp-page .lp-workflow{grid-template-columns:1fr;gap:3rem}.lp-page .lp-workflow-line{opacity:.28;border-left:3px dashed #3341bb;width:0;height:auto;top:7rem;bottom:7rem;left:50%}.lp-page .lp-workflow-line path{display:none}}
