.ma{--ma-app:#0b6b4b;--ma-mint:#ddf0ce;--ma-mint-2:#eef7e6;--ma-ok:#0b7a43;--ma-ok-bg:#e7f8ee;--ma-ok-ln:#bfe8cf;max-width:1440px;font-family:var(--hp-font);color:var(--hp-ink);-webkit-font-smoothing:antialiased;margin:0 auto;line-height:normal;position:relative;overflow:clip}.ma :where(h1,h2,h3,h4,h5,h6){font-family:inherit;font-weight:700;line-height:inherit;letter-spacing:normal;color:inherit}.ma :where(p:not(:-webkit-any([class^=hp-],[class*=\ hp-]))){color:inherit;line-height:inherit}.ma :where(p:not(:-moz-any([class^=hp-],[class*=\ hp-]))){color:inherit;line-height:inherit}.ma :where(p:not(:is([class^=hp-],[class*=\ hp-]))){color:inherit;line-height:inherit}.ma :where(button){color:inherit}.ma :where(img){max-width:none}.ma :where(svg){flex-shrink:0}.ma :where(:focus-visible){outline:2px solid var(--hp-navy);outline-offset:3px;border-radius:8px}.ma :-webkit-any(#tur,#pintasan,#fitur,#aman,#pasang,#faq,#unduh){scroll-margin-top:calc(74px / var(--artboard-zoom,1))}.ma :-moz-any(#tur,#pintasan,#fitur,#aman,#pasang,#faq,#unduh){scroll-margin-top:calc(74px / var(--artboard-zoom,1))}.ma :is(#tur,#pintasan,#fitur,#aman,#pasang,#faq,#unduh){scroll-margin-top:calc(74px / var(--artboard-zoom,1))}.ma+.fnr-footer{border-top:0;border-top-left-radius:0;border-top-right-radius:0;margin-top:0}.ma-crumb{color:var(--hp-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.ma-crumb a{color:#6d6d6d;transition:color .2s}.ma-crumb a:hover{color:var(--hp-navy)}.ma-crumb svg{color:#b5b5b5;font-size:11px}.ma-crumb [aria-current]{color:#111;font-weight:600}.ma-inlink{color:var(--hp-navy);text-underline-offset:3px;font-weight:600;-webkit-text-decoration:underline #b8c7cf;text-decoration:underline #b8c7cf;transition:text-decoration-color .2s}.ma-inlink:hover{-webkit-text-decoration-color:var(--hp-navy);text-decoration-color:var(--hp-navy)}.ma-store{border-radius:9px;transition:transform .2s cubic-bezier(.16,1,.3,1);display:inline-block}.ma-store img{width:auto;height:46px;display:block}.ma-apk{color:#fff;background:#000;border-radius:9px;align-items:center;gap:10px;height:46px;padding:0 18px 0 14px;line-height:1.1;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #8a8a8a}.ma-apk svg{color:#3ddc84;font-size:24px}.ma-apk small{color:#c9c9c9;font-size:10.5px;font-weight:500;display:block}.ma-apk span{white-space:nowrap;font-size:15px;font-weight:600}.ma-store:hover,.ma-apk:hover{transform:translateY(-2px)}.ma-store:active,.ma-apk:active{transform:scale(.98)}.ma-apk:hover{background:#111}html[data-os=android] .ma [data-store=ios],html[data-os=ios] .ma [data-store=android]{display:none}.ma-dev{background:linear-gradient(145deg,#2e3833 0%,#111a15 42%,#1f2924 100%);border-radius:42px;padding:7px;position:relative;box-shadow:inset 0 0 0 1.5px #3d4843,0 40px 70px -30px #0b3c288c,0 18px 30px -18px #00000059}.ma-dev__scr{aspect-ratio:360/780;background:#fff;border-radius:35px;display:block;position:relative;overflow:hidden}.ma-dev__scr img{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.ma-dev__b{background:#2e3833;border-radius:0 2px 2px 0;width:3px;position:absolute;right:-2.5px}.ma-dev__b--1{height:7%;top:17%}.ma-dev__b--2{height:12%;top:27%}.ma-dev--s{border-radius:34px;padding:6px}.ma-dev--s .ma-dev__scr{border-radius:28px}.ma-hero{border-bottom:1px solid var(--hp-line);background:var(--hp-ground)}.ma-hero__grid{border-left:1px solid var(--hp-line);border-right:1px solid var(--hp-line);grid-template-columns:600px 600px;height:780px;margin:0 120px;display:grid}.ma-hero__l{border-right:1px solid #ebebeb;flex-direction:column;padding:64px 40px 0 20px;display:flex}.ma-hero h1{letter-spacing:-.025em;text-wrap:balance;max-width:520px;margin-top:30px;font-size:50px;font-weight:400;line-height:58px}.ma-hero__sub{letter-spacing:-.005em;color:#555;max-width:520px;margin-top:20px;font-size:17px;line-height:27px}.ma-hero__ctas{flex-wrap:wrap;align-items:center;gap:12px;margin-top:36px;display:flex}.ma-hero__note{color:var(--hp-muted);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:20px;font-size:14px;display:flex}.ma-hero__note>svg{color:#0b7a43;font-size:18px}.ma-hero__note b{color:#111;font-weight:600}.ma-hero__note a{align-items:center;gap:5px;display:inline-flex}.ma-hero__note a svg{font-size:13px;transition:transform .2s}.ma-hero__note a:hover svg{transform:translateY(2px)}.ma-hero__specs{border-top:1px dashed #dcdcdc;flex-wrap:wrap;gap:12px 20px;max-width:none;margin-top:44px;padding-top:24px;display:flex}.ma-hero__specs li{color:#3a3a3a;align-items:center;gap:7px;font-size:14px;font-weight:500;display:inline-flex}.ma-hero__specs svg{color:var(--hp-navy);font-size:17px}.ma-hero__feats{border-top:1px solid #ebebeb;grid-template-columns:1fr 1fr;margin:auto -40px 0 -20px;display:grid}.ma-hfx{padding:26px 24px 30px 20px}.ma-hfx+.ma-hfx{border-left:1px solid #ebebeb}.ma-hfx h2{letter-spacing:-.01em;color:#111;align-items:center;gap:10px;font-size:17px;font-weight:500;display:flex}.ma-hfx h2 svg{color:var(--hp-ink);font-size:20px}.ma-hfx p{color:var(--hp-muted);margin:10px 0 0 30px;font-size:15px;line-height:24px}.ma-hero__r{isolation:isolate;background:radial-gradient(52% 44% at 50% 46%,#ddf0ce 0%,#ddf0ce00 74%);position:relative;overflow:hidden}.ma-hero__r:before{content:"";z-index:-1;background-image:radial-gradient(#d3e3cf 1.1px,#0000 1.3px);background-position:10px 10px;background-size:20px 20px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(60% 60%,#0000 35%,#000 80%);mask-image:radial-gradient(60% 60%,#0000 35%,#000 80%)}.ma-art{width:600px;height:780px;margin-left:-300px;position:absolute;top:0;left:50%}.ma-ring{z-index:-1;border:1px solid #0b6b4b29;border-radius:50%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.ma-ring--1{width:420px;height:420px}.ma-ring--2{border-style:dashed;width:560px;height:560px}.ma-ring--3{width:700px;height:700px}.ma-art .ma-dev{position:absolute}.ma-art .ma-dev--c{z-index:3;width:296px;top:62px;left:152px}.ma-art .ma-dev--l{z-index:2;width:218px;top:176px;left:36px;transform:rotate(-7deg)}.ma-art .ma-dev--r{z-index:2;width:218px;top:176px;right:36px;transform:rotate(7deg)}.ma-art .hp-wfl{z-index:5}.ma-art .hp-wfl--a{animation-delay:0s;top:auto;bottom:150px;left:4px}.ma-art .hp-wfl--b{animation-delay:-3s;top:420px;bottom:auto;left:auto;right:4px}.ma-art__cap{color:#555;justify-content:center;align-items:center;gap:7px;font-size:12.5px;display:flex;position:absolute;bottom:22px;left:0;right:0}.ma-art__cap svg{color:#8a8a8a;font-size:15px}.ma .hp-strip__btn{white-space:nowrap}.ma-mq.hp-logos{height:96px}.ma-mq .hp-marq{animation-duration:56s}.ma-mq:hover .hp-marq{animation-play-state:paused}.ma-mq .hp-marq li{flex:none;gap:10px;width:auto;min-width:0;max-width:none;padding:0 34px}.ma-mq .hp-marq li svg{color:var(--hp-navy);font-size:21px}.ma-sec{padding:96px 120px}.ma-shead{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.ma-shead h2{letter-spacing:-.025em;text-wrap:balance;max-width:640px;font-size:39px;font-weight:400;line-height:48px}.ma-shead p{color:#3a3a3a;max-width:440px;font-size:16.5px;line-height:27px}.ma-pcode{color:var(--hp-navy);white-space:nowrap;background:#eef4f7;border-radius:5px;padding:1px 6px;font-family:ui-monospace,Menlo,monospace;font-size:.86em;font-weight:700}.ma-tour{border-bottom:1px solid var(--hp-line);grid-template-columns:500px minmax(0,1fr);align-items:center;column-gap:64px;display:grid}.ma-tour h2{letter-spacing:-.025em;text-wrap:balance;font-size:39px;font-weight:400;line-height:48px}.ma-tour__sub{color:#3a3a3a;margin-top:14px;font-size:16.5px;line-height:27px}.ma-tsteps{gap:6px;margin-top:28px;display:grid}.ma-tstep{text-align:left;background:#fff;border-radius:12px;grid-template-columns:30px minmax(0,1fr) 14px;align-items:start;column-gap:14px;width:100%;padding:10px 14px 10px 10px;transition:background .2s,box-shadow .25s;display:grid;box-shadow:inset 0 0 0 1px #e6e6e6}.ma-tstep__n{background:var(--hp-soft);color:#4a4a4a;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13.5px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;display:grid;box-shadow:inset 0 0 0 1px #e3e3e3}.ma-tstep__t{min-width:0}.ma-tstep__t b{letter-spacing:-.01em;color:#1b2a33;font-size:15.5px;font-weight:600;line-height:30px;display:block}.ma-tstep__d{grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1);display:grid}.ma-tstep__d>span{color:#555;font-size:14.5px;line-height:22px;overflow:hidden}.ma-tstep>svg{color:#b5b5b5;margin-top:8.5px;font-size:13px;transition:transform .2s,color .2s}.ma-tstep:hover{background:#fafbfb}.ma-tstep:hover>svg{transform:translate(2px)}.ma-tstep.is-on{box-shadow:inset 0 0 0 1.5px var(--hp-navy), 0 10px 22px -14px #00344d73;background:#fff}.ma-tstep.is-on .ma-tstep__n{background:var(--ma-ok-bg);box-shadow:inset 0 0 0 1px var(--ma-ok-ln);color:#0b7a43}.ma-tstep.is-on .ma-tstep__d{grid-template-rows:1fr}.ma-tstep.is-on .ma-tstep__d>span{padding:0 0 6px}.ma-tstep.is-on>svg{color:var(--hp-navy);transform:rotate(90deg)}.ma-tstep:focus-visible{outline:2px solid var(--hp-navy);outline-offset:2px}.ma-tstage{isolation:isolate;background:radial-gradient(50% 46% at 50% 47%,#ddf0ce 0%,#ddf0ce00 74%),linear-gradient(160deg,#f3faee 0%,#f9f9f9 100%);border-radius:28px;height:800px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e3eedd}.ma-tstage:before{content:"";z-index:-1;background-image:radial-gradient(#d3e3cf 1.1px,#0000 1.3px);background-size:20px 20px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(60% 60%,#0000 40%,#000 78%);mask-image:radial-gradient(60% 60%,#0000 40%,#000 78%)}.ma-tstage .ma-ring{top:50%}.ma-tstage .ma-dev{width:322px;margin-left:-161px;position:absolute;top:52px;left:50%}.ma-tshot{opacity:0;filter:blur(6px);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),filter .45s cubic-bezier(.16,1,.3,1);transform:translateY(10px)scale(.985)}.ma-tshot.is-on{opacity:1;filter:none;transform:none}.ma-tour:not(.is-near) .ma-tshot:not(.is-on){display:none}.ma-tctl{justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;bottom:22px;left:0;right:0}.ma-tctl button{width:44px;height:44px;color:var(--hp-navy);background:#fff;border-radius:50%;place-items:center;font-size:16px;transition:background .2s,color .2s,box-shadow .2s;display:grid;box-shadow:inset 0 0 0 1px #e3e3e3,0 6px 14px -10px #00344d66}.ma-tctl button:hover{background:var(--hp-navy);box-shadow:none;color:#fff}.ma-tctl button:active{transform:scale(.96)}.ma-tctl__n{text-align:center;color:#1b2a33;min-width:132px;font-size:14px;font-weight:600}.ma-tctl__n small{color:#4f5a54;margin-top:1px;font-size:12.5px;font-weight:500;display:block}.ma-tcap{display:none}.ma-tstage .ma-tlbl{color:#0b6b4b;background:#ffffffe6;border-radius:16px;align-items:center;gap:7px;height:32px;padding:0 13px 0 10px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;top:24px;left:24px;box-shadow:inset 0 0 0 1px #e3eedd}.ma-tstage .ma-tlbl svg{color:#3ddc84;filter:saturate(.9)brightness(.85);font-size:16px}.ma-pin{border-bottom:1px solid var(--hp-line);background:#fff}.ma-pg{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;margin-top:40px;display:grid}.ma-pc{background:#fff;border-radius:20px;flex-direction:column;padding:28px 28px 0;transition:box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e6e6e6}.ma-pc:hover{box-shadow:inset 0 0 0 1px #d2d9de,0 18px 34px -22px #00344d4d}.ma-pc--a,.ma-pc--d{grid-column:span 7}.ma-pc--b,.ma-pc--c{grid-column:span 5}.ma-pc__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.ma-pc__ic{background:var(--hp-navy);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:19px;display:grid}.ma-pc__os{background:var(--ma-ok-bg);height:28px;box-shadow:inset 0 0 0 1px var(--ma-ok-ln);color:#0b7a43;border-radius:14px;align-items:center;gap:6px;padding:0 11px 0 9px;font-size:13px;font-weight:600;display:inline-flex}.ma-pc__os svg{font-size:15px}.ma-pc h3{letter-spacing:-.02em;color:#111;margin-top:18px;font-size:23px;font-weight:500;line-height:30px}.ma-pc p{color:#555;max-width:520px;margin-top:10px;margin-bottom:26px;font-size:15.5px;line-height:25px}.ma-pc__ui{background:radial-gradient(70% 90% at 50% 100%,#e2f1d6 0%,#e2f1d600 70%),linear-gradient(#f7fbf4 0%,#eef6e8 100%);border-top:1px solid #e7efe2;height:290px;margin:auto -28px 0;position:relative;overflow:hidden}.ma-pc__ui:before{content:"";background-image:radial-gradient(#d6e4d2 1.1px,#0000 1.3px);background-size:18px 18px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.ma-pc--c .ma-pc__ui,.ma-pc--d .ma-pc__ui{height:290px}.ma-shs{background:#fff;border-radius:24px 24px 0 0;width:380px;margin-left:-190px;padding:10px 20px 22px;position:absolute;bottom:0;left:50%;box-shadow:0 -16px 34px -18px #0b3c2859,0 0 0 1px #0c17110d}.ma-shs__grab{background:#d5dad7;border-radius:2px;width:34px;height:4px;margin:0 auto 12px;display:block}.ma-shs__lnk{border-bottom:1px solid #eef1ee;align-items:center;gap:12px;padding:0 0 14px;display:flex}.ma-shs__fav{color:#0b6b4b;background:#f2f5ee;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:21px;display:grid}.ma-shs__lnk>span:not(.ma-shs__fav){flex:1;min-width:0}.ma-shs__lnk b{color:#0c1711;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;display:block;overflow:hidden}.ma-shs__lnk small{color:#637168;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12.5px;display:block;overflow:hidden}.ma-shs__lnk>svg{color:#637168;font-size:18px}.ma-shs__apps{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:16px;display:grid}.ma-shs__app{color:#33423a;text-align:center;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.ma-shs__ico{color:#33423a;background:#f2f5ee;border-radius:50%;place-items:center;width:52px;height:52px;font-size:22px;display:grid;position:relative}.ma-shs__ico img{border-radius:16px;width:52px;height:52px;display:block}.ma-shs__app--rp b{color:#0c1711;font-weight:700}.ma-shs__app--rp .ma-shs__ico{background:0 0}.ma-shs__app--rp .ma-shs__ico:after{content:"";border-radius:20px;position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px;box-shadow:0 0 0 2px #0b6b4b73}.ma-tap{color:#0c1711;background:#fffffff2;border-radius:50%;place-items:center;width:30px;height:30px;font-size:17px;display:grid;position:absolute;bottom:-10px;right:-8px;box-shadow:0 6px 14px -6px #00000059}.ma-sel{width:330px;margin-left:-165px;position:absolute;top:14px;left:50%}.ma-sel__bub{color:#0c1711;background:#fff;border-radius:4px 16px 16px;margin-top:176px;padding:12px 14px 22px;font-size:14px;line-height:21px;position:relative;box-shadow:0 10px 24px -16px #0b3c2866,0 0 0 1px #0c17110d}.ma-sel__bub em{color:#6e7872;font-size:12px;font-style:normal;position:absolute;bottom:5px;right:10px}.ma-sel__hl{color:#0b57d0;background:#c9e4ff;border-radius:2px;padding:1px 0;position:relative}.ma-sel__hl:before,.ma-sel__hl:after{content:"";background:#1a73e8;width:11px;height:11px;position:absolute;bottom:-11px}.ma-sel__hl:before{border-radius:50% 0 50% 50%;left:-11px}.ma-sel__hl:after{border-radius:0 50% 50%;right:-11px}.ma-sel__menu{z-index:2;background:#fff;border-radius:16px;width:186px;padding:4px 0 6px;position:absolute;top:0;left:110px;box-shadow:0 18px 34px -14px #00000059,0 0 0 1px #0000000a}.ma-sel__menu>span{color:#1f2421;align-items:center;height:40px;padding:0 16px;font-size:14px;display:flex}.ma-sel__menu .ma-sel__back{height:38px;padding:0 6px}.ma-sel__back>span{color:#1f2421;border-radius:50%;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.ma-sel__menu .is-on{color:#0c1711;background:#eef6e8;font-weight:700}.ma-sel__menu .is-on .ma-tap{width:26px;height:26px;margin-left:auto;font-size:15px;position:static}.ma-phb,.ma-pht{background:linear-gradient(145deg,#2e3833 0%,#111a15 42%,#1f2924 100%);width:300px;margin-left:-150px;position:absolute;left:50%;box-shadow:inset 0 0 0 1.5px #3d4843,0 30px 50px -26px #0b3c2880}.ma-phb{border-radius:0 0 42px 42px;padding:0 7px 7px;bottom:22px;-webkit-mask-image:linear-gradient(#0000 0,#000 54px);mask-image:linear-gradient(#0000 0,#000 54px)}.ma-phb img{border-radius:0 0 35px 35px;width:286px;height:auto;display:block}.ma-pht{border-radius:42px 42px 0 0;padding:7px 7px 0;top:26px;-webkit-mask-image:linear-gradient(#000 72%,#0000 100%);mask-image:linear-gradient(#000 72%,#0000 100%)}.ma-pht img{border-radius:35px 35px 0 0;width:286px;height:auto;display:block}.ma-feat{border-bottom:1px solid var(--hp-line)}.ma-fpan{background:#fff;border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;display:grid;box-shadow:inset 0 0 0 1px #e6e6e6,0 24px 48px -36px #00344d47}.ma-fcol{flex-direction:column;padding:30px 30px 18px;display:flex}.ma-fcol+.ma-fcol{border-left:1px solid #eee}.ma-fcol__b{text-align:left;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;display:flex}.ma-fcol__ic{transition:transform .3s cubic-bezier(.16,1,.3,1);display:none}.ma-fcol__t{letter-spacing:-.02em;color:#111;font-size:20px;font-weight:600;line-height:26px;display:block}.ma-fcol__lead{color:var(--hp-muted);margin-top:6px;font-size:14.5px;font-weight:400;line-height:22px;display:block}.ma-fl{flex-direction:column;flex:1;justify-content:space-between;margin-top:16px;display:flex}.ma-fl li{border-top:1px solid #f0f0f0;grid-template-columns:38px minmax(0,1fr);column-gap:14px;padding:16px 0;display:grid}.ma-fl__ic{width:38px;height:38px;color:var(--hp-navy);background:#eef4f7;border-radius:11px;place-items:center;font-size:19px;display:grid;box-shadow:inset 0 0 0 1px #dce7ed}.ma-fl b{letter-spacing:-.01em;color:#111;font-size:15.5px;font-weight:600;line-height:22px;display:block}.ma-fl li>span:last-child>span{color:var(--hp-muted);margin-top:3px;font-size:14.5px;line-height:22px;display:block}.ma-fl .ma-inlink{font-weight:600}.ma-safe{border-bottom:1px solid var(--hp-line);background:#fff}.ma-safe__top{grid-template-columns:520px 581px;justify-content:space-between;align-items:center;display:grid}.ma-safe__tx h2{letter-spacing:-.025em;text-wrap:balance;font-size:39px;font-weight:400;line-height:48px}.ma-safe__tx p{color:#3a3a3a;margin-top:20px;font-size:16.5px;line-height:27px}.ma-safe__tx p+p{margin-top:16px}.ma-safe__btns{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.ma-safe__btns .hp-b-navy{gap:9px;padding:0 26px}.ma-safe__btns .hp-b-navy svg{color:#3ddc84;font-size:19px}.ma-safe__btns .hp-b-gray{padding:0 30px}.ma-svis{isolation:isolate;background:#edeef2;border-radius:20px;width:581px;height:440px;position:relative;overflow:hidden}.ma-svis .hp-gdots--a{top:24px;left:250px}.ma-svis .ma-dev{z-index:2;width:228px;position:absolute;top:48px;left:58px;transform:rotate(-5deg)}.ma-svis__gili{z-index:3;filter:drop-shadow(0 10px 14px #00000014);width:270px;height:270px;position:absolute;bottom:-16px;right:6px}.ma-svis .hp-gb{z-index:3;border-radius:14px;width:56px;height:56px;font-size:26px;box-shadow:0 10px 20px -14px #00000040}.ma-gb--fp{color:#0b6b4b;top:150px;left:330px;transform:rotate(-2deg)}.ma-gb--eye{color:var(--hp-sky);top:160px;left:466px;transform:rotate(2deg)}.ma-gsafe{z-index:4;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px 16px 10px 10px;display:flex;position:absolute;top:28px;right:24px;box-shadow:0 12px 24px -12px #00000038}.ma-gsafe__ic{background:var(--ma-ok-bg);color:#0b7a43;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.ma-gsafe small{color:var(--hp-muted);font-size:12px;display:block}.ma-gsafe b{color:#111;font-size:14px;font-weight:600;display:block}.ma-sfacts{background:#fff;border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:72px;display:grid;box-shadow:inset 0 0 0 1px #e6e6e6}.ma-sf{padding:26px 24px 28px}.ma-sf+.ma-sf{border-left:1px solid #eee}.ma-sf__ic{width:40px;height:40px;color:var(--hp-navy);background:#eef4f7;border-radius:11px;place-items:center;font-size:20px;display:grid;box-shadow:inset 0 0 0 1px #dce7ed}.ma-sf h3{letter-spacing:-.015em;color:#111;margin-top:18px;font-size:17px;font-weight:600}.ma-sf p{color:var(--hp-muted);margin-top:8px;font-size:14.5px;line-height:22px}.ma-inst{border-bottom:1px solid var(--hp-line);grid-template-columns:minmax(0,1fr) 460px;align-items:start;column-gap:72px;display:grid}.ma-inst h2{letter-spacing:-.025em;text-wrap:balance;font-size:39px;font-weight:400;line-height:48px}.ma-inst__sub{color:#3a3a3a;max-width:560px;margin-top:14px;font-size:16.5px;line-height:27px}.ma-isteps{margin:36px 0 16px;padding:0;display:grid}.ma-isteps>li{grid-template-columns:44px minmax(0,1fr);column-gap:18px;padding-bottom:30px;display:grid;position:relative}.ma-isteps>li:not(:last-child):before{content:"";background:repeating-linear-gradient(#cfd8dd 0 4px,#0000 4px 9px);width:2px;position:absolute;top:52px;bottom:8px;left:21px}.ma-isteps__n{width:44px;height:44px;color:var(--hp-navy);background:#fff;border-radius:50%;place-items:center;font-size:16px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #e3e3e3,0 6px 14px -10px #00344d59}.ma-isteps b{letter-spacing:-.015em;color:#111;padding-top:10px;font-size:18px;font-weight:500;display:block}.ma-isteps p{color:#555;max-width:560px;margin-top:6px;font-size:15.5px;line-height:25px}.ma-isteps .ma-apk{margin-top:14px}.ma-inote{background:#fff;border-radius:16px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex;box-shadow:inset 0 0 0 1px #e6e6e6}.ma-inote__ic{width:38px;height:38px;color:var(--hp-navy);background:#eef4f7;border-radius:11px;flex:none;place-items:center;font-size:19px;display:grid;box-shadow:inset 0 0 0 1px #dce7ed}.ma-inote b{color:#111;font-size:15.5px;font-weight:600;display:block}.ma-inote__tx{color:#555;margin-top:4px;font-size:14.5px;line-height:22px;display:block}.ma-icards{gap:16px;display:grid}.ma-icard{background:#fff;border-radius:20px;padding:26px;box-shadow:inset 0 0 0 1px #e6e6e6,0 24px 48px -36px #00344d47}.ma-icard__h{align-items:center;gap:12px;display:flex}.ma-icard__ic{color:#fff;background:#000;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.ma-icard__ic--android{background:var(--ma-ok-bg);box-shadow:inset 0 0 0 1px var(--ma-ok-ln);color:#0b7a43}.ma-icard h3{letter-spacing:-.02em;color:#111;font-size:19px;font-weight:600}.ma-icard__h small{color:var(--hp-muted);margin-top:1px;font-size:13.5px;display:block}.ma-icard>p{color:#555;margin-top:14px;font-size:15px;line-height:24px}.ma-icard .ma-store{margin-top:18px}.ma-perm{margin-top:10px;padding:0}.ma-perm li{border-top:1px solid #f0f0f0;grid-template-columns:34px minmax(0,1fr);align-items:center;column-gap:12px;padding:12px 0;display:grid}.ma-perm li:first-child{border-top:0}.ma-perm__ic{background:var(--hp-soft);color:#1b2a33;border-radius:10px;place-items:center;width:34px;height:34px;font-size:17px;display:grid;box-shadow:inset 0 0 0 1px #ebebeb}.ma-perm b{color:#111;font-size:14.5px;font-weight:600;display:block}.ma-perm small{color:var(--hp-muted);margin-top:1px;font-size:13.5px;line-height:19px;display:block}.ma-perm__no{background:var(--ma-ok-bg);color:#0b5e35;border-radius:12px;align-items:flex-start;gap:8px;margin-top:12px;padding:11px 13px;font-size:13.5px;line-height:19px;display:flex}.ma-perm__no svg{margin-top:1px;font-size:16px}.ma-ss{border-bottom:1px solid var(--hp-line);background:#fff;padding:96px 120px 112px}.ma-ss__head{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.ma-ss__head h2{letter-spacing:-.025em;text-wrap:balance;max-width:620px;font-size:39px;font-weight:400;line-height:48px}.ma-ss__head p{color:#3a3a3a;max-width:420px;font-size:16.5px;line-height:27px}.ma-ssg{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:34px;display:grid}.ma-ssc{background:#fff;border-radius:16px;height:398px;transition:box-shadow .3s,transform .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e6e6e6}.ma-ssc:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #d2d9de,0 18px 34px -22px #00344d59}.ma-ssc__ic{background:var(--hp-navy);color:#fff;border-radius:7px;place-items:center;width:32px;height:32px;font-size:18px;display:grid;position:absolute;top:20px;left:20px}.ma-ssc__art{place-items:center;height:200px;padding:0 18px;display:grid;position:absolute;top:66px;left:0;right:0}.ma-ssc__art img{width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block}.ma-ssc:hover .ma-ssc__art img{transform:translateY(-6px)scale(1.03)}.ma-ssc h3{letter-spacing:-.01em;color:#111;padding:280px 20px 0;font-size:17px;font-weight:500}.ma-ssc p{color:var(--hp-muted);font-size:15px;line-height:24px;position:absolute;top:312px;left:20px;right:24px}.ma-ssc__go{width:32px;height:32px;color:var(--hp-navy);border-radius:50%;place-items:center;font-size:15px;transition:background .2s,color .2s,box-shadow .2s;display:grid;position:absolute;top:20px;right:20px;box-shadow:inset 0 0 0 1px #e3e3e3}.ma-ssc:hover .ma-ssc__go{background:var(--hp-navy);box-shadow:none;color:#fff}.ma-ssc a:after{content:"";z-index:1;border-radius:16px;position:absolute;top:0;bottom:0;left:0;right:0}.ma-ssc a:focus-visible{outline:none}.ma-ssc a:focus-visible:after{outline:2px solid var(--hp-navy);outline-offset:-2px}.ma-dl__note{color:#b8ccd6;align-items:center;gap:8px;margin-top:16px;font-size:13.5px;display:flex}.ma-dl__note svg{color:#7fd7a3;font-size:16px}@media (prefers-reduced-motion:reduce){html:has(.ma){scroll-behavior:auto}.ma-store,.ma-apk,.ma-crumb a,.ma-inlink,.ma-hero__note a svg{transition:none}.ma-store:hover,.ma-apk:hover,.ma-store:active,.ma-apk:active,.ma-hero__note a:hover svg{transform:none}.ma-mq .hp-marq{animation:none}.ma-tshot{filter:none;transition:opacity .2s;transform:none}.ma-tstep__d,.ma-tstep>svg,.ma-tctl button,.ma-fcol__ic{transition:none}.ma-tstep:not(.is-on):hover>svg,.ma-tctl button:active{transform:none}.ma-ssc,.ma-ssc__art img,.ma-ssc__go,.ma .hp-b-navy,.ma .hp-faq__btn,.ma .hp-faq__btn svg{transition:none}.ma-ssc:hover,.ma-ssc:hover .ma-ssc__art img,.ma .hp-b-navy:active,.ma .hp-b-gray:active,.ma .hp-faq__btn:active,.ma .hp-faq__btn:hover svg{transform:none}}@media (max-width:1023px){.ma :-webkit-any(#tur,#pintasan,#fitur,#aman,#pasang,#faq,#unduh){scroll-margin-top:66px}.ma :-moz-any(#tur,#pintasan,#fitur,#aman,#pasang,#faq,#unduh){scroll-margin-top:66px}.ma :is(#tur,#pintasan,#fitur,#aman,#pasang,#faq,#unduh){scroll-margin-top:66px}.ma-hero__grid{border:0;grid-template-columns:minmax(0,1fr);height:auto;margin:0}.ma-hero__l{border-right:0;padding:40px 24px 0}.ma-hero h1{max-width:620px}.ma-hero__sub{max-width:600px}.ma-hero__feats{margin:36px -24px 0}.ma-hero__specs{margin-top:30px;padding-top:20px}.ma-hero__r{border-top:1px solid var(--hp-line);height:700px}.ma-art{top:-10px}.ma-apk small{font-size:12px}.ma-sec{padding:72px 24px}.ma-shead{flex-direction:column;align-items:flex-start;gap:12px}.ma-tour{grid-template-columns:minmax(0,1fr);row-gap:28px}.ma-tour__l{display:contents}.ma-tour__hd{order:1}.ma-tsteps{scroll-snap-type:x mandatory;scrollbar-width:none;order:2;gap:8px;margin:0 -24px;padding:2px 24px 6px;scroll-padding-inline:24px;display:flex;overflow-x:auto}.ma-tsteps::-webkit-scrollbar{display:none}.ma-tstep{scroll-snap-align:start;border-radius:22px;flex:none;grid-template-columns:30px auto;column-gap:10px;width:auto;padding:7px 16px 7px 7px}.ma-tstep>svg,.ma-tstep__d{display:none}.ma-tstep__t b{white-space:nowrap}.ma-tstage{order:3;height:auto;padding:36px 0 26px}.ma-tstage .ma-dev{margin:0 auto;position:relative;top:auto;left:auto}.ma-tctl{margin-top:22px;position:relative;bottom:auto}.ma-tcap{color:#3a3a3a;background:#fff;border-radius:16px;order:4;min-height:96px;padding:18px 20px;font-size:15.5px;line-height:24px;display:block;box-shadow:inset 0 0 0 1px #e6e6e6}.ma-tcap b{color:#111;margin-bottom:4px;font-size:16.5px;font-weight:600;display:block}.ma-pg{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ma-pc--a,.ma-pc--b,.ma-pc--c,.ma-pc--d{grid-column:span 1}.ma-pc{padding:24px 22px 0}.ma-pc__ui{height:280px;margin:auto -22px 0}.ma-shs{width:320px;margin-left:-160px;padding:10px 14px 18px}.ma-sel{width:300px;margin-left:-150px}.ma-sel__menu{left:96px}.ma-phb,.ma-pht{width:270px;margin-left:-135px}.ma-phb img,.ma-pht img{width:256px}.ma-fpan{grid-template-columns:minmax(0,1fr)}.ma-fcol+.ma-fcol{border-top:1px solid #eee;border-left:0}.ma-fl{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;display:grid}.ma-safe__top{grid-template-columns:minmax(0,1fr);row-gap:40px}.ma-svis{margin:0 auto}.ma-sfacts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:48px}.ma-sf:nth-child(3){border-left:0}.ma-sf:nth-child(n+3){border-top:1px solid #eee}.ma-inst{grid-template-columns:minmax(0,1fr);row-gap:40px}.ma-icards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.ma-ss{padding:72px 24px 80px}.ma-ss__head{flex-direction:column;align-items:flex-start;gap:12px}.ma-ssg{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ma-ssc{height:372px}.ma-ssc__art{height:170px}.ma-ssc h3{padding-top:250px}.ma-ssc p{font-size:14.5px;line-height:22px;top:280px}}@media (max-width:860px){.ma-icards,.ma-ssg{grid-template-columns:minmax(0,1fr)}.ma-ssc{grid-template-columns:96px minmax(0,1fr);align-items:center;column-gap:16px;height:auto;padding:16px 52px 16px 16px;display:grid}.ma-ssc__ic{display:none}.ma-ssc__art{background:var(--hp-ground);border-radius:12px;grid-row:span 2;width:96px;height:96px;padding:0;position:relative;top:auto;left:auto;right:auto}.ma-ssc__art img{max-width:84px;max-height:84px}.ma-ssc h3,.ma-ssc p{position:static}.ma-ssc h3{align-self:end;padding:0}.ma-ssc p{align-self:start;margin-top:4px;font-size:14px;line-height:21px}.ma-ssc__go{margin-top:-16px;top:50%;right:14px}}@keyframes ma-unfold{to{visibility:visible;max-height:none;padding-bottom:8px;overflow:visible}}@keyframes ma-unfold-ic{to{transform:none}}@media (max-width:640px){.ma-hero__l{padding:32px 16px 0}.ma-hero h1{font-size:36px;line-height:42px}.ma-hero__sub{font-size:16px;line-height:25px}.ma-hero__ctas{margin-top:28px}.ma-hero__note{font-size:14px}.ma-hero__feats{grid-template-columns:minmax(0,1fr);margin:32px -16px 0}.ma-hfx{padding:22px 16px 24px}.ma-hfx+.ma-hfx{border-top:1px solid #ebebeb;border-left:0}.ma-hero__r{height:500px}.ma-art{transform-origin:50% 0;top:8px;transform:scale(.58)}.ma-art .hp-wfl,.ma-ring{display:none}.ma-art__cap{font-size:21px;bottom:-62px}.ma-art__cap svg{font-size:24px}.ma-sec{padding:56px 16px}.ma-shead h2,.ma-tour h2,.ma-safe__tx h2,.ma-inst h2,.ma-ss__head h2{font-size:30px;line-height:38px}.ma-shead p,.ma-tour__sub,.ma-safe__tx p,.ma-inst__sub,.ma-ss__head p{font-size:16px;line-height:26px}.ma-tsteps{margin:0 -16px;padding:2px 16px 6px;scroll-padding-inline:16px}.ma-tstage{border-radius:22px;padding:58px 0 22px}.ma-tstage .ma-dev{border-radius:36px;width:262px;padding:6px}.ma-tstage .ma-dev__scr{border-radius:30px}.ma-tstage .ma-tlbl{top:14px;left:14px}.ma-pg{grid-template-columns:minmax(0,1fr)}.ma-pc{padding:22px 20px 0}.ma-pc h3{font-size:21px;line-height:28px}.ma-pc p{font-size:15px;line-height:24px}.ma-pc__ui{height:270px;margin:22px -20px 0}.ma-fcol{padding:0}.ma-fcol__b{border-radius:20px;padding:18px}.ma-fcol__h button{cursor:pointer}.ma-fcol__ic{background:var(--hp-soft);width:32px;height:32px;color:var(--hp-navy);border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid;box-shadow:inset 0 0 0 1px #e6e6e6}.ma-fcol__b[aria-expanded=false] .ma-fcol__ic{transform:rotate(-90deg)}.ma-fcol__b:focus-visible{outline:2px solid var(--hp-navy);outline-offset:-2px}.ma-fcol__t{font-size:18px;line-height:24px}.ma-fcol__lead{margin-top:3px;font-size:14px;line-height:21px}.ma-fl{margin:0;padding:0 18px 8px;display:block}.ma-fl[hidden]{display:none}html[data-os] .ma .ma-fcol:not(:first-child)>.ma-fcol__h>span.ma-fcol__b .ma-fcol__ic{animation:0s 4s forwards ma-unfold-ic;transform:rotate(-90deg)}html[data-os] .ma .ma-fcol:not(:first-child):has(>.ma-fcol__h>span.ma-fcol__b)>.ma-fl{visibility:hidden;max-height:0;padding-bottom:0;animation:0s 4s forwards ma-unfold;overflow:hidden}.ma-fl li{grid-template-columns:34px minmax(0,1fr);column-gap:12px;padding:12px 0}.ma-fl__ic{width:34px;height:34px;font-size:17px}.ma-fl b{font-size:15px}.ma-fl li>span:last-child>span{font-size:14px;line-height:21px}.ma-safe__top{row-gap:32px}.ma-svis{width:100%;height:400px}.ma-svis .ma-dev{width:188px;margin-left:-160px;top:74px;left:50%}.ma-svis__gili{width:200px;height:200px;right:-12px}.ma-gsafe{top:14px;right:12px}.ma-svis .hp-gb{display:none}.ma-sfacts{grid-template-columns:minmax(0,1fr)}.ma-sf+.ma-sf{border-top:1px solid #eee;border-left:0}.ma-isteps b{font-size:17px}.ma-isteps p{font-size:15px;line-height:24px}.ma-inote{padding:16px}.ma-icard{padding:20px 18px}.ma-ss{padding:56px 16px 64px}.ma-dl .hp-dl__btns{flex-direction:column;align-items:stretch}.ma-dl .hp-dl__btns>a{align-self:flex-start}}@media (max-width:359px){.ma-art{transform:scale(.5)}.ma-hero__r{height:436px}.ma-art__cap{font-size:24px;bottom:-70px}.ma-tstage .ma-dev{width:236px}.ma-shs{width:290px;margin-left:-145px}.ma-sel{width:280px;margin-left:-140px}.ma-sel__menu{left:80px}.ma-svis .ma-dev{width:172px;margin-left:-146px}}