/* Scoped presentation for the index-2 homepage preview. */
.p2{--p2-ink:#17213a;--p2-blue:#2355ed;--p2-deep:#163dc5;--p2-yellow:#ffe16b;--p2-paper:#fff;--p2-cloud:#f3f6fc;margin:0;background:var(--p2-paper);color:var(--p2-ink);font-family:'Space Grotesk',sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
.p2 *{box-sizing:border-box}.p2 [hidden],.p2 [x-cloak]{display:none!important}.p2 a{text-decoration:none}.p2 button,.p2 summary{-webkit-tap-highlight-color:transparent}.p2 button{font-family:inherit;cursor:pointer}.p2 svg{flex-shrink:0}.p2 a:focus-visible,.p2 button:focus-visible,.p2 summary:focus-visible{outline:3px solid #2355ed;outline-offset:5px}.p2 .p2-final-cta a:focus-visible{outline-color:#fff}.p2 section[id]{scroll-margin-top:105px}.p2-wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.p2-section{padding:100px 0}.p2-skip{position:fixed;top:-100px;left:15px;z-index:1000;background:#ffe16b;padding:10px 16px}.p2-skip:focus{top:15px}
.p2-topbar{background:var(--p2-blue);color:#fff;font-size:12px;font-weight:500}.p2-topbar .p2-wrap{min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:20px}.p2-topbar span,.p2-topbar a{display:flex;align-items:center;gap:8px}.p2-topbar svg{width:14px;height:14px}.p2-topbar a{color:#fff}.p2-topbar a:hover{text-decoration:underline}.p2-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1.5px solid var(--p2-ink)}.p2-nav{height:83px;display:flex;align-items:center;justify-content:space-between;gap:25px}.p2-brand{display:inline-flex;align-items:center;font-size:25px;font-weight:700;letter-spacing:-1.1px;white-space:nowrap;line-height:1}.p2-brand img{width:32px;height:32px;object-fit:contain;margin-right:10px}.p2-brand>span{font-weight:400;margin-left:5px}.p2-desktop-nav{display:flex;align-items:center;gap:25px;font-weight:500;font-size:13px}.p2-desktop-nav>a:hover,.p2-login:hover{color:var(--p2-blue)}.p2-nav-actions{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:600}.p2-language{display:flex;align-items:center;gap:5px}.p2-language svg{width:17px;height:17px}.p2-button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:53px;padding:13px 23px;border:1.5px solid var(--p2-ink);border-radius:7px;background:var(--p2-blue);color:#fff!important;font-size:14px;font-weight:700;box-shadow:3px 3px 0 var(--p2-ink);transition:transform .15s,box-shadow .15s;white-space:nowrap}.p2-button svg{width:19px;height:19px}.p2-button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--p2-ink)}.p2-button-small{min-height:40px;padding:8px 16px;font-size:12px;box-shadow:2px 2px 0 var(--p2-ink)}.p2-button-yellow{background:var(--p2-yellow);color:var(--p2-ink)!important}.p2-button-white{background:#fff;color:var(--p2-ink)!important;box-shadow:none}.p2-button-white:hover{background:var(--p2-cloud)}.p2-product-menu{position:relative}.p2-product-menu summary{display:flex;align-items:center;gap:5px;list-style:none;cursor:pointer}.p2-product-menu summary::-webkit-details-marker{display:none}.p2-product-menu summary svg{width:14px;height:14px}.p2-product-list{position:absolute;top:calc(100% + 23px);left:-20px;width:250px;padding:12px;background:#fff;border:1.5px solid var(--p2-ink);border-radius:9px;box-shadow:4px 4px 0 var(--p2-ink)}.p2-product-list a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:5px}.p2-product-list a:hover{background:#eef2ff}.p2-product-list svg{width:19px;height:19px;color:var(--p2-blue)}.p2-menu-button{display:none;padding:7px;border:none;background:none;width:34px}.p2-menu-button span{height:2px;background:var(--p2-ink);margin:5px 0;display:block}.p2-mobile-nav{padding:12px 24px 20px;border-top:1px solid #e1e6ef}.p2-mobile-nav a{display:block;padding:10px 0;font-weight:600}
.p2-hero{padding:73px 0 76px;background:#fbfcff;overflow:hidden}.p2-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.p2-local{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;margin-bottom:23px}.p2-flag-id{display:inline-block;width:19px;height:13px;flex-shrink:0;border:1px solid #cfd5df;background:linear-gradient(#ed4648 50%,#fff 50%);border-radius:2px}.p2.lp-home h1{font-size:clamp(47px,4.65vw,67px);line-height:1.075;letter-spacing:-3.5px;font-weight:700}.p2-hero-copy>p{font-size:16px;line-height:1.8;color:#586177;max-width:420px;margin-top:24px}.p2-hero-actions{display:flex;align-items:center;gap:13px;margin-top:30px}.p2-hero-notes{display:flex;gap:23px;margin-top:21px;font-size:11px;color:#626c80}.p2-hero-notes span{display:flex;align-items:center;gap:6px}.p2-hero-notes svg{color:#3b735d;width:14px;height:14px}
.p2-scene{position:relative;min-height:440px;isolation:isolate}.p2-scene-bg{position:absolute;inset:14px 0 16px 36px;border:1.5px solid var(--p2-ink);border-radius:18px;background:var(--p2-blue);overflow:hidden;z-index:-1}.p2-orbit{position:absolute;border:1px solid #7093ff;border-radius:50%;width:490px;height:490px;top:28px;left:65px}.p2-orbit-two{width:360px;height:360px;top:91px;left:130px}.p2-scene-plus{position:absolute;color:#aec1ff;font-size:28px;font-weight:400}.p2-plus-one{top:10px;left:19px}.p2-plus-two{right:20px;bottom:54px}.p2-cloud-sticker{position:absolute;right:18px;top:-9px;display:flex;align-items:center;gap:10px;background:var(--p2-yellow);padding:12px 17px;border:1.5px solid var(--p2-ink);border-radius:7px;transform:rotate(6deg);box-shadow:3px 3px 0 var(--p2-ink);font-size:13px;font-weight:700;line-height:1.4;z-index:2}.p2-cloud-sticker svg{width:32px;height:32px}.p2-console{position:absolute;top:86px;left:0;right:30px;background:#fff;border:1.5px solid var(--p2-ink);border-radius:10px;box-shadow:7px 8px 0 #12339f;overflow:hidden;transform:rotate(-2deg)}.p2-console-bar{display:flex;align-items:center;justify-content:space-between;background:#f4f6fb;border-bottom:1px solid #dce2ee;padding:11px 15px;color:#687288;font-size:10px}.p2-console-bar>svg{width:13px;height:13px}.p2-window-dots{display:flex;gap:5px}.p2-window-dots i{width:6px;height:6px;background:#ced4e1;border-radius:50%}.p2-window-dots i:first-child{background:#eea69c}.p2-window-dots i:nth-child(2){background:#ebca65}.p2-window-dots i:last-child{background:#90b89f}.p2-console-inner{padding:21px 22px 0}.p2-console-heading{display:flex;align-items:center;justify-content:space-between}.p2-console-heading p{font-size:10px;color:#737d90;margin-bottom:3px}.p2-console-heading strong{font-size:19px;font-weight:700;letter-spacing:-.5px}.p2-avatar{display:grid;place-items:center;width:32px;height:32px;border:1px solid #b4c2ed;border-radius:8px;background:#edf2ff;font-weight:700;color:var(--p2-blue)}.p2-console-tabs{display:flex;border-bottom:1px solid #e1e6f1;margin:20px 0 3px;gap:25px}.p2-console-tabs button{padding:0 0 9px;background:none;border:none;border-bottom:2px solid transparent;color:#727c8e;font-size:11px;display:flex;align-items:center;gap:6px}.p2-console-tabs button[aria-selected=true]{color:var(--p2-blue);border-color:var(--p2-blue);font-weight:700}.p2-console-tabs svg{width:13px;height:13px}.p2-demo-panel{min-height:126px}.p2-service-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #eef0f7}.p2-demo-icon{display:grid;place-items:center;width:32px;height:32px;background:#f0f4ff;border:1px solid #dee6fa;border-radius:6px;color:#4265bf}.p2-demo-icon svg{width:18px;height:18px}.p2-service-row strong{display:block;font-size:11px;font-weight:600}.p2-service-row small{display:block;font-size:9px;color:#748099;margin-top:3px}.p2-status{margin-left:auto;background:#eef7f1;color:#3c7159;font-size:9px;padding:3px 7px;border-radius:4px;display:flex;align-items:center;gap:4px}.p2-status::before{content:'';width:4px;height:4px;border-radius:50%;background:#55a074}.p2-ai-note{display:flex;align-items:center;gap:12px;padding:11px 0;font-size:11px;color:#617084}.p2-ai-note svg{width:24px;color:var(--p2-blue)}.p2-console-foot{padding:13px 0;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#66708a}.p2-console-foot>span:first-child{display:flex;align-items:center;gap:7px}.p2-console-foot svg{width:12px;height:12px}.p2-region-sticker{position:absolute;bottom:6px;right:39px;z-index:3;display:flex;align-items:center;gap:9px;transform:rotate(2deg);border:1.5px solid var(--p2-ink);background:#fff;padding:11px 17px;border-radius:7px;box-shadow:3px 3px 0 var(--p2-ink);font-size:11px}.p2-region-line{width:24px;border-bottom:1px dashed #91a0be;margin:0 3px}.p2-scene figcaption{position:absolute;right:9px;bottom:-26px;font-size:9px;color:#7b8495;letter-spacing:.15px}
.p2-benefit-strip{border-block:1px solid #e0e6f0;background:#fff}.p2-benefit-strip .p2-wrap{display:grid;grid-template-columns:repeat(4,1fr);padding-block:29px;gap:20px}.p2-benefit-strip .p2-wrap>div{display:flex;align-items:center;gap:13px}.p2-benefit-strip .p2-wrap>div+div{border-left:1px solid #dfe5f0;padding-left:26px}.p2-benefit-strip svg{width:24px;height:24px;color:var(--p2-blue)}.p2-benefit-strip span{font-size:10px;color:#758096}.p2-benefit-strip strong{display:block;color:var(--p2-ink);font-size:12px;font-weight:600;margin-top:2px}
.p2.lp-home h2{font-size:40px;line-height:1.17;letter-spacing:-1.9px;font-weight:700}.p2-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:39px}.p2-section-heading>p{font-size:14px;line-height:1.8;color:#657085;max-width:355px;padding-bottom:3px}.p2-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.p2-product{border:1.5px solid var(--p2-ink);border-radius:10px;padding:26px 25px 0;background:#fff;overflow:hidden;box-shadow:3px 4px 0 var(--p2-ink);transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column}.p2-product:hover{transform:translateY(-4px);box-shadow:3px 8px 0 var(--p2-ink)}.p2-product-top{display:flex;align-items:center;gap:10px;margin-bottom:32px}.p2-product-icon{width:41px;height:41px;border:1px solid var(--p2-ink);border-radius:8px;display:grid;place-items:center;background:#e6edff;color:#2048c8}.p2-product-yellow .p2-product-icon{background:#fff1aa;color:#7b6010}.p2-product-mint .p2-product-icon{background:#dff5e9;color:#236d4c}.p2-product-name{font-size:14px;font-weight:700}.p2-product-top>svg{width:17px;height:17px;margin-left:auto;color:#7a8599}.p2-product h3{font-size:21px;line-height:1.35;letter-spacing:-.7px;max-width:230px;font-weight:700;margin-bottom:13px}.p2-product p{font-size:12px;line-height:1.85;color:#657085;margin-bottom:25px;flex:1}.p2-product-tags{font-size:10px;font-weight:500;background:#f3f6fe;margin:0 -25px;padding:12px 25px;border-top:1px solid #e0e7f7;color:#5a6a93}.p2-product-yellow .p2-product-tags{background:#fffbeb;border-color:#eee8ce;color:#8a7138}.p2-product-mint .p2-product-tags{background:#f1faf5;border-color:#dfece5;color:#4d7a66}.p2-more-services{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;margin-top:32px}.p2-more-services>a{display:flex;align-items:center;gap:13px;border-bottom:1px solid #e2e7f0;padding:22px 1px}.p2-more-services>a:hover .p2-more-icon{background:#e4ebff;color:var(--p2-blue)}.p2-more-icon{width:37px;height:37px;display:grid;place-items:center;background:#f3f5f9;border-radius:8px;color:#65718a}.p2-more-icon svg{width:21px;height:21px}.p2-more-services strong{display:block;font-size:13px;font-weight:600}.p2-more-services small{display:block;font-size:11px;color:#768095;margin-top:3px}.p2-more-arrow{margin-left:auto;color:#7b879a}
.p2-apps-section{padding:66px 0;background:#edf2ff;border-block:1px solid #d8e1f8}.p2-apps-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.p2-inline-tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#3a5aa8;margin-bottom:18px}.p2-inline-tag svg{width:17px;height:17px}.p2-apps-layout h2{font-size:37px}.p2-apps-layout p{font-size:13px;line-height:1.85;max-width:380px;color:#62718e;margin:20px 0 26px}.p2-app-board{display:grid;grid-template-columns:1fr 1fr;gap:13px;transform:rotate(-2deg);max-width:390px;justify-self:center;width:100%}.p2-app-tile{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;padding:24px 15px;border:1px solid #bcc9e7;border-radius:10px;box-shadow:2px 3px 0 #c7d3f0;transition:transform .15s}.p2-app-tile:hover{transform:rotate(2deg)}.p2-app-logo{height:42px;display:flex;align-items:center;margin-bottom:12px;font-size:30px;font-weight:700;letter-spacing:-2px}.p2-logo-n8n{color:#db506b}.p2-logo-wordpress{font-family:Georgia,serif;font-size:32px;background:#287397;color:#fff;border-radius:50%;width:40px;height:40px;justify-content:center;border:3px double #fff;letter-spacing:-1px}.p2-logo-odoo{font-size:30px;font-weight:500;color:#765269;letter-spacing:-1.6px}.p2-logo-waha{width:40px;height:40px;background:#e1f7df;color:#347c48;border-radius:10px;justify-content:center}.p2-app-tile strong{font-size:13px;font-weight:600}.p2-app-tile small{font-size:10px;color:#818ba0;margin-top:3px}.p2-app-board-note{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:9px;font-size:11px;color:#627396;transform:rotate(2deg)}.p2-app-board-note svg{width:14px;height:14px}
/* The pricing module retains the original catalog, providers, cycles and actions. */
.p2-pricing-section{padding:90px 0 50px;background:#fff}.p2-pricing-section #harga{padding:0;background:transparent}.p2-pricing-section #harga>.max-w-7xl{width:min(1180px,calc(100% - 96px));max-width:none;padding:0;margin:auto}.p2-pricing-section #harga>.max-w-7xl>.text-center:first-child{max-width:none;text-align:left;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}.p2-pricing-section #harga h2{font-size:40px;line-height:1.2;letter-spacing:-1.9px;color:var(--p2-ink)}.p2-pricing-section #harga>.max-w-7xl>.text-center:first-child p{font-size:13px;max-width:270px;text-align:right;font-weight:400;line-height:1.8}.p2-pricing-section #harga .nb-shadow{box-shadow:3px 3px 0 var(--p2-ink)}.p2-pricing-section #harga .border-black{border-color:var(--p2-ink)}.p2-pricing-section #harga .border-2{border-width:1px}.p2-pricing-section #harga .uppercase{text-transform:none;letter-spacing:0;font-weight:500}.p2-pricing-section #harga .bg-gray-100{background:#f3f5fa}.p2-pricing-section #harga .bg-gray-50{background:#f7f9fc}.p2-pricing-section #harga .text-gray-400{color:#758098}.p2-pricing-section #harga .text-gray-900{color:var(--p2-ink)}.p2-pricing-section #harga .bg-blue-500{background:var(--p2-blue)}.p2-pricing-section #harga .text-sm{font-size:12px}.p2-pricing-section #harga .text-xs{font-size:10px}.p2-pricing-section #harga .rounded-xl{border-radius:9px}.p2-pricing-section #harga button:focus-visible{outline-offset:2px}.p2-pricing-section #harga .flex.justify-center.mb-8{justify-content:flex-start;border-bottom:1px solid #e0e6ef;padding-bottom:24px}.p2-pricing-section #harga .inline-flex.bg-gray-100.rounded-lg{border:none;background:#f0f3fa;padding:5px;border-radius:8px;gap:5px;max-width:100%;flex-wrap:wrap}.p2-pricing-section #harga .inline-flex.bg-gray-100.rounded-lg>button{padding:9px 26px;font-size:12px;border-radius:5px}.p2-price-help{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:28px;font-size:12px;color:#68758e}.p2-price-help svg{width:17px;height:17px}.p2-price-help a{font-weight:600;color:var(--p2-blue);text-decoration:underline;text-underline-offset:3px}
.p2-wallet-section{padding:80px 0;background:#f7f9fd;border-block:1px solid #e2e7f0}.p2-wallet-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.p2-wallet-visual{position:relative;width:345px;justify-self:center;padding-bottom:20px}.p2-wallet-card{background:var(--p2-yellow);padding:26px 30px;border:1.5px solid var(--p2-ink);border-radius:14px;box-shadow:7px 7px 0 var(--p2-ink);transform:rotate(-4deg)}.p2-wallet-card>span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600}.p2-wallet-card>span svg{width:20px;height:20px}.p2-wallet-card>strong{font-size:39px;line-height:1.1;letter-spacing:-2px;display:block;margin:25px 0 30px;font-weight:700}.p2-wallet-card>div{display:flex;gap:7px;font-size:9px;font-weight:500}.p2-wallet-card>div span{padding:4px 8px;border:1px solid #b6a657;border-radius:4px}.p2-payment-tag{position:absolute;right:-45px;bottom:0;padding:13px 17px;border:1px solid var(--p2-ink);border-radius:7px;background:#fff;box-shadow:3px 3px 0 var(--p2-ink);display:flex;align-items:center;gap:8px;font-size:10px;font-weight:500;transform:rotate(3deg)}.p2-payment-tag svg{width:15px;height:15px;color:#368065}.p2-wallet-copy>p{font-size:13px;line-height:1.8;color:#66748a;margin:20px 0;max-width:380px}.p2-wallet-copy ul{margin:0;padding:0;list-style:none}.p2-wallet-copy li{display:flex;align-items:center;gap:9px;font-size:12px;margin:11px 0}.p2-wallet-copy li svg{width:15px;height:15px;color:#2453c6}.p2-payment-logos{display:flex;align-items:center;gap:23px;margin-top:27px}.p2-payment-logos img{max-width:73px;max-height:25px;width:auto;object-fit:contain}.p2-payment-logos img:first-child{width:46px}
.p2-faq-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:100px}.p2-faq-layout>div>p{font-size:13px;line-height:1.85;color:#69758a;margin-top:21px}.p2-text-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:var(--p2-blue)!important;margin-top:23px}.p2-text-link svg{width:16px;height:16px}.p2-faq-list details{border-bottom:1px solid #d8e0ed}.p2-faq-list details:first-child{border-top:1px solid #d8e0ed}.p2-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:22px;list-style:none;padding:21px 0;font-size:14px;font-weight:600;cursor:pointer}.p2-faq-list summary::-webkit-details-marker{display:none}.p2-faq-plus{width:25px;height:25px;border:1px solid #d7dfed;display:grid;place-items:center;border-radius:5px;color:#6c7992;font-size:18px;flex-shrink:0;line-height:1}.p2-faq-list details[open] .p2-faq-plus{background:var(--p2-blue);border-color:var(--p2-blue);color:#fff;font-size:0}.p2-faq-list details[open] .p2-faq-plus::after{content:'−';font-size:18px}.p2-faq-list details>p{font-size:12px;line-height:1.9;color:#67758d;padding:0 32px 23px 0}
.p2-final-cta{padding:67px 0;background:var(--p2-blue);color:#fff;border-block:1.5px solid var(--p2-ink)}.p2-final-cta .p2-wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.p2-final-cta h2{font-size:45px;letter-spacing:-2px}.p2-final-cta p{font-size:13px;color:#d6e0ff;margin-top:18px}.p2-final-cta .p2-button{min-width:211px;box-shadow:4px 4px 0 #0d267c;border-color:#14285e}.p2-footer{padding:65px 0 0;background:#fff}.p2-footer-grid{display:grid;grid-template-columns:2.1fr 1fr 1fr 1fr;gap:40px;padding-bottom:46px}.p2-footer-brand>p{font-size:12px;color:#69758d;line-height:1.8;margin:21px 0}.p2-footer-brand>strong{font-size:10px;font-weight:600}.p2-footer address{font-size:10px;font-style:normal;line-height:1.9;color:#7e8899;margin-top:7px}.p2-footer-grid h3{font-size:12px;font-weight:700;margin-bottom:23px}.p2-footer-grid>div:not(:first-child)>a{display:block;font-size:11px;color:#69758a;margin:12px 0}.p2-footer-grid>div:not(:first-child)>a:hover{color:var(--p2-blue)}.p2-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #e1e6f0;padding:23px 0;font-size:9px;color:#838da0}.p2-footer-bottom>div{display:flex;gap:20px}.p2-footer-bottom a:hover{text-decoration:underline}
.p2-pricing-section #harga a.text-white{color:#fff}.p2-pricing-section #harga h3.mb-5{margin-bottom:20px}
@media(min-width:1500px){.p2-hero{padding-block:90px}.p2.lp-home h1{font-size:70px}}
@media(max-width:1150px){.p2-wrap{width:calc(100% - 64px)}.p2-desktop-nav{gap:16px;font-size:12px}.p2-nav{gap:17px}.p2-nav-actions{gap:13px}.p2-brand{font-size:22px}.p2-brand img{width:28px;height:28px}.p2.lp-home h1{font-size:55px;letter-spacing:-3px}.p2-hero-actions{gap:10px}.p2-hero-actions .p2-button{font-size:12px;padding-inline:17px;gap:9px}.p2-hero-grid{gap:25px}.p2-scene{min-height:440px}.p2-console{right:15px}.p2-console-inner{padding-inline:17px}.p2-benefit-strip .p2-wrap>div+div{padding-left:17px}.p2-benefit-strip strong{font-size:10px}.p2-benefit-strip span{font-size:9px}.p2-benefit-strip svg{width:20px}.p2-apps-layout,.p2-wallet-layout,.p2-faq-layout{gap:60px}.p2-pricing-section #harga>.max-w-7xl{width:calc(100% - 64px)}.p2-wallet-visual{width:310px}.p2-payment-tag{right:-20px}.p2-product{padding-inline:20px}.p2-product-tags{margin-inline:-20px;padding-inline:20px}.p2-product h3{font-size:19px}.p2-more-services small{font-size:10px}}
@media(max-width:950px){.p2-desktop-nav{display:none}.p2-menu-button{display:block}.p2-nav-actions{gap:20px}.p2-nav{height:73px}.p2-hero{padding:54px 0 63px}.p2.lp-home h1{font-size:48px;letter-spacing:-2.5px}.p2-local{font-size:10px}.p2-hero-copy>p{font-size:14px}.p2-hero-actions{flex-wrap:wrap}.p2-hero-actions .p2-button{padding-inline:13px}.p2-hero-notes{font-size:9px;gap:13px}.p2-console{top:77px}.p2-console-heading strong{font-size:16px}.p2-console-inner{padding-inline:14px}.p2-service-row{gap:7px}.p2-service-row strong{font-size:10px}.p2-service-row small{font-size:8px}.p2-status{font-size:8px}.p2-console-foot{font-size:8px}.p2-cloud-sticker{font-size:11px;padding:11px}.p2-cloud-sticker svg{width:24px}.p2-region-sticker{right:7px;padding:10px;font-size:10px}.p2-benefit-strip .p2-wrap{grid-template-columns:1fr 1fr;gap:25px 40px}.p2-benefit-strip .p2-wrap>div+div{padding-left:0;border-left:none}.p2-benefit-strip strong{font-size:12px}.p2-benefit-strip span{font-size:10px}.p2-section{padding:75px 0}.p2.lp-home h2{font-size:34px}.p2-section-heading>p{font-size:12px;max-width:295px}.p2-service-grid{gap:14px}.p2-product{padding-top:20px}.p2-product-top{gap:7px;margin-bottom:24px}.p2-product-icon{width:34px;height:34px}.p2-product-icon svg{width:20px}.p2-product-name{font-size:12px}.p2-product-top>svg{width:14px}.p2-product h3{font-size:18px}.p2-product p{font-size:11px}.p2-product-tags{font-size:8px}.p2-more-services{gap:0 18px}.p2-more-services>a{gap:9px}.p2-more-icon{width:30px;height:30px}.p2-more-services strong{font-size:11px}.p2-more-services small{font-size:9px}.p2-apps-layout{gap:40px}.p2-apps-layout h2{font-size:32px}.p2-pricing-section{padding-top:75px}.p2-pricing-section #harga h2{font-size:33px}.p2-wallet-layout{gap:45px}.p2-wallet-visual{width:280px}.p2-wallet-card>strong{font-size:35px}.p2-payment-tag{right:-10px;font-size:9px;padding:10px}.p2-wallet-copy>p{font-size:12px}.p2-wallet-copy li{font-size:11px}.p2-payment-logos{gap:15px}.p2-payment-logos img{max-width:56px}.p2-faq-layout{gap:45px}.p2-faq-list summary{font-size:12px}.p2-final-cta h2{font-size:37px}.p2-final-cta p{font-size:12px}.p2-footer-grid{gap:25px;grid-template-columns:1.6fr 1fr 1fr 1fr}}
@media(max-width:700px){.p2-wrap{width:calc(100% - 40px)}.p2-topbar .p2-wrap{justify-content:center;min-height:32px}.p2-topbar span{font-size:10px}.p2-topbar a{display:none}.p2-nav{height:69px}.p2-brand{font-size:23px}.p2-brand img{width:27px;height:27px;margin-right:8px}.p2-nav-actions{gap:12px}.p2-nav-actions .p2-button,.p2-login{display:none}.p2-language{font-size:11px}.p2-language svg{width:16px}.p2-hero{padding:37px 0 51px}.p2-hero-grid{grid-template-columns:1fr;gap:26px}.p2-local{font-size:10px;margin-bottom:21px}.p2.lp-home h1{font-size:clamp(44px,10.8vw,68px);letter-spacing:-2.8px;line-height:1.07}.p2-hero-copy>p{font-size:14px;margin-top:20px;line-height:1.8;max-width:445px}.p2-hero-actions{flex-wrap:nowrap;margin-top:25px;gap:12px}.p2-hero-actions .p2-button{min-height:49px;font-size:11px;padding:11px 14px;gap:10px}.p2-hero-actions .p2-button svg{width:16px}.p2-hero-notes{font-size:10px;margin-top:18px;gap:18px}.p2-scene{width:min(480px,100%);min-height:394px;justify-self:center;margin-top:22px}.p2-scene-bg{inset:10px 4px 16px 25px;border-radius:14px}.p2-console{top:64px;right:23px;left:0}.p2-console-inner{padding:18px 17px 0}.p2-console-heading strong{font-size:18px}.p2-console-heading p{font-size:10px}.p2-console-tabs{margin-top:17px}.p2-service-row strong{font-size:11px}.p2-service-row small{font-size:9px}.p2-status{font-size:9px}.p2-service-row{gap:10px;padding-block:12px}.p2-console-foot{font-size:9px;padding-block:11px}.p2-cloud-sticker{right:15px;top:-9px;font-size:11px}.p2-region-sticker{bottom:0;right:25px;font-size:10px;padding:10px 15px}.p2-scene figcaption{bottom:-23px;font-size:8px;right:10px}.p2-benefit-strip .p2-wrap{gap:23px 15px;padding:25px 0}.p2-benefit-strip .p2-wrap>div{gap:9px}.p2-benefit-strip svg{width:20px;height:20px}.p2-benefit-strip span{font-size:8px}.p2-benefit-strip strong{font-size:9px}.p2-section{padding:59px 0}.p2-section-heading{display:block;margin-bottom:26px}.p2.lp-home h2{font-size:33px;letter-spacing:-1.5px}.p2-section-heading>p{font-size:12px;margin-top:18px}.p2-service-grid{grid-template-columns:1fr;gap:20px}.p2-product{padding:22px 22px 0}.p2-product-top{margin-bottom:21px}.p2-product-icon{width:39px;height:39px}.p2-product-name{font-size:14px}.p2-product h3{font-size:23px;max-width:none;letter-spacing:-.7px}.p2-product p{font-size:12px;margin-bottom:21px}.p2-product-tags{margin-inline:-22px;padding-inline:22px;font-size:10px}.p2-more-services{grid-template-columns:1fr 1fr;gap:0 19px;margin-top:20px}.p2-more-services>a{flex-wrap:wrap;align-content:flex-start;gap:8px;padding:21px 0}.p2-more-services>a>span:nth-child(2){width:calc(100% - 25px);order:2}.p2-more-icon{width:31px;height:31px;margin-right:70%}.p2-more-services strong{font-size:12px}.p2-more-services small{font-size:10px;line-height:1.7}.p2-more-arrow{order:3;align-self:center;font-size:15px}.p2-apps-section{padding:50px 0}.p2-apps-layout{grid-template-columns:1fr;gap:38px}.p2-apps-layout h2{font-size:33px}.p2-apps-layout p{font-size:12px;margin:18px 0 24px}.p2-app-board{width:calc(100% - 14px);max-width:375px;gap:12px}.p2-app-tile{padding-block:21px}.p2-app-board-note{font-size:10px;margin-top:10px}.p2-pricing-section{padding:60px 0 35px}.p2-pricing-section #harga>.max-w-7xl{width:calc(100% - 40px)}.p2-pricing-section #harga>.max-w-7xl>.text-center:first-child{display:block;margin-bottom:25px}.p2-pricing-section #harga h2{font-size:33px;letter-spacing:-1.5px}.p2-pricing-section #harga>.max-w-7xl>.text-center:first-child p{text-align:left;max-width:none;margin-top:15px;font-size:12px}.p2-pricing-section #harga .inline-flex.bg-gray-100.rounded-lg>button{font-size:11px;padding:8px 17px}.p2-pricing-section #harga .flex.justify-center.mb-8{padding-bottom:19px;margin-bottom:23px}.p2-pricing-section #harga .max-w-2xl{max-width:100%}.p2-pricing-section #harga .sm\:grid-cols-7.grid-cols-1{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:20px}.p2-pricing-section #harga .sm\:grid-cols-7.grid-cols-1>div:first-child{grid-column:1/-1;margin-bottom:5px}.p2-pricing-section #harga .sm\:grid-cols-7.grid-cols-1>div:first-child span{font-size:15px}.p2-pricing-section #harga .sm\:grid-cols-7.grid-cols-1>div:nth-last-child(2){align-self:center;margin-top:5px}.p2-pricing-section #harga .sm\:grid-cols-7.grid-cols-1>div:last-child{text-align:right}.p2-price-help{font-size:10px}.p2-price-help svg{width:15px}.p2-wallet-section{padding:55px 0}.p2-wallet-layout{grid-template-columns:1fr;gap:48px}.p2-wallet-visual{width:min(310px,calc(100% - 35px));order:2}.p2-wallet-copy{order:1}.p2-wallet-copy>p{font-size:12px}.p2-wallet-copy li{font-size:11px}.p2-payment-logos{gap:22px}.p2-payment-logos img{max-width:64px}.p2-wallet-card>strong{font-size:37px}.p2-payment-tag{right:-16px;font-size:9px}.p2-faq-layout{grid-template-columns:1fr;gap:30px}.p2-faq-layout>div>p{font-size:12px;margin-top:16px}.p2-text-link{margin-top:17px}.p2-faq-list summary{font-size:12px;padding:19px 0;gap:15px}.p2-faq-list details>p{font-size:11px;padding-right:5px}.p2-final-cta{padding:44px 0}.p2-final-cta .p2-wrap{display:block}.p2-final-cta h2{font-size:35px;letter-spacing:-1.5px}.p2-final-cta p{font-size:12px;max-width:300px;line-height:1.8;margin-top:17px}.p2-final-cta .p2-button{margin-top:26px;font-size:12px;min-width:195px;min-height:49px}.p2-footer{padding-top:44px}.p2-footer-grid{grid-template-columns:1fr 1fr;gap:28px 23px;padding-bottom:28px}.p2-footer-brand{grid-column:1/-1}.p2-footer-brand>p{font-size:12px;margin:17px 0}.p2-footer-grid h3{font-size:12px;margin-bottom:15px}.p2-footer-grid>div:not(:first-child)>a{font-size:11px;margin:10px 0}.p2-footer-bottom{align-items:flex-start;flex-direction:column;gap:14px;padding:22px 0;font-size:9px}.p2-footer-bottom>div{flex-wrap:wrap;gap:15px}}
@media(max-width:370px){.p2-wrap,.p2-pricing-section #harga>.max-w-7xl{width:calc(100% - 32px)}.p2-hero-actions{gap:8px}.p2-hero-actions .p2-button{font-size:10px;padding-inline:10px;gap:7px}.p2-console-inner{padding-inline:12px}.p2-service-row strong{font-size:10px}.p2-service-row small,.p2-status{font-size:8px}.p2-console-foot{font-size:8px}.p2-benefit-strip .p2-wrap{gap:20px 10px}.p2-benefit-strip strong{font-size:8px}.p2-benefit-strip svg{width:18px}.p2-region-sticker{right:15px}.p2-nav-actions{gap:7px}}
@media(prefers-reduced-motion:reduce){.p2 *,.p2 *::before,.p2 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-motion:no-preference){html:has(.p2){scroll-behavior:smooth}}