/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}.toc-sidebar{background:0 0!important;border-radius:0!important;padding:0!important}.toc-sidebar .toc-title{margin:0 0 16px;font-size:20px;font-weight:700;line-height:1.2}.toc-sidebar ul{-webkit-overflow-scrolling:touch;max-height:270px;margin:0;padding:0;font-size:14px;list-style:none;overflow-y:auto}.toc-sidebar ul li{margin:0;padding:0}.toc-sidebar ul a.sub-item__link{color:#252525b1;border-left:1.5px solid #d4d4d4;max-width:calc(100% - 1rem);margin-left:.2rem;padding:.5rem 0 .5rem 1.1rem;font-weight:400;line-height:1.2;text-decoration:none;transition:all .15s;display:inline-block}.toc-sidebar ul a.sub-item__link.toc-lv3{border-left:1.5px solid #d4d4d4;padding-left:1.7rem}.toc-sidebar ul a.sub-item__link:hover{color:#2d6abe}.toc-sidebar ul a.sub-item__link:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #2d6abe}.toc-sidebar ul a.sub-item__link.active{color:#252525;border-left:none;position:relative}.toc-sidebar ul a.sub-item__link.active:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:8px solid #2d6abe;width:0;height:0;position:absolute;top:50%;left:1px;transform:translateY(-50%)}@media(max-width:991.98px){.toc-sidebar{display:none}}.toc-mobile{display:none}@media(max-width:991.98px){.toc-mobile{z-index:48;background:#f8f8f8;border-bottom:1px solid #d4d4d4;display:block;position:sticky;top:58px}.toc-mobile .toc-accordion{margin:0}.toc-mobile .toc-accordion summary::-webkit-details-marker{display:none}.toc-mobile .toc-accordion summary::marker{content:none}.toc-mobile .toc-accordion .toc-trigger{cursor:pointer;letter-spacing:.02em;text-transform:none;color:#252525;background:#f8f8f8;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;font-weight:700;display:flex}.toc-mobile .toc-accordion .toc-trigger:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #2d6abe}.toc-mobile .toc-accordion .toc-trigger .toc-trigger__label{font-size:14px}.toc-mobile .toc-accordion .toc-trigger .toc-trigger__chev{flex:0 0 18px;width:18px;height:18px;position:relative}.toc-mobile .toc-accordion .toc-trigger .toc-trigger__chev:before{content:"";border-bottom:2px solid #4b5563;border-right:2px solid #4b5563;width:8px;height:8px;margin:auto;transition:transform .2s;position:absolute;inset:0;transform:rotate(45deg)}.toc-mobile .toc-accordion[open] .toc-trigger .toc-trigger__chev:before{transform:rotate(225deg)}.toc-mobile .toc-accordion .toc-panel{-webkit-overflow-scrolling:touch;background:#f8f8f8;border-top:1px solid #eee;max-height:30vh;padding:8px 12px 12px;overflow-y:auto;box-shadow:0 6px 10px #0000000a}.toc-mobile .toc-accordion .toc-panel>ul{margin:0;padding:0;font-size:15px;list-style:none}.toc-mobile .toc-accordion .toc-panel li{margin:0;padding:0}.toc-mobile .toc-accordion .toc-panel a.sub-item__link{color:#252525b1;border-left:1.5px solid #d4d4d4;max-width:calc(100% - 1rem);margin-left:.2rem;padding:.5rem 0 .5rem 1.1rem;font-weight:400;line-height:1.3;text-decoration:none;transition:color .15s;display:inline-block}.toc-mobile .toc-accordion .toc-panel a.sub-item__link:hover{color:#2d6abe}.toc-mobile .toc-accordion .toc-panel a.sub-item__link:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #2d6abe}.toc-mobile .toc-accordion .toc-panel a.sub-item__link.toc-lv3{padding-left:1.25rem}.toc-mobile .toc-accordion .toc-panel a.sub-item__link.active{color:#252525;border-left:none;position:relative}.toc-mobile .toc-accordion .toc-panel a.sub-item__link.active:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:8px solid #2d6abe;width:0;height:0;position:absolute;top:50%;left:1px;transform:translateY(-50%)}}.protip{clear:both;background:#e0eeff;border:1px solid #1c44d5;border-radius:4px;margin:24px 0;padding:24px 24px 24px 60px;font-size:16px;font-style:normal;line-height:1.7rem;position:relative}.protip:before{content:"";color:#2c76ed;background:url(/blog/images/megaphone.png) 0 0/cover no-repeat;width:20px;height:20px;margin:0;position:absolute;top:28px;left:24px}.protip-content p{margin-bottom:0}.highlight-blocks{flex-direction:column;margin:24px 0 32px;display:flex}.highlight-blocks .heading{color:#fff;background:#3d89de;border-bottom:2px solid #3d88debc;border-radius:12px 12px 0 0;align-items:center;gap:10px;padding:12px 16px 12px 44px;font-size:16px;font-weight:700;line-height:1.35;display:flex;position:relative}.highlight-blocks .heading:before{content:"";background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0,0,256,256"><g fill="%23ffffff" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(8.53333,8.53333)"><path d="M6.5293,2.51563c-0.26993,-0.00363 -0.52986,0.10204 -0.7207,0.29297c-0.39042,0.39051 -0.39042,1.02356 0,1.41406c0.39051,0.39042 1.02356,0.39042 1.41406,0c0.39042,-0.39051 0.39042,-1.02356 0,-1.41406c-0.18414,-0.18423 -0.4329,-0.28934 -0.69336,-0.29297zM23.5,2.51563c-0.2706,-0.00416 -0.53134,0.10155 -0.72266,0.29297c-0.39042,0.39051 -0.39042,1.02356 0,1.41406c0.39051,0.39042 1.02356,0.39042 1.41406,0c0.39042,-0.39051 0.39042,-1.02356 0,-1.41406c-0.18366,-0.18377 -0.43163,-0.28884 -0.69141,-0.29297zM15,3c-4.971,0 -9,4.029 -9,9c0,5 4,7 6,11h6c2,-4 6,-6 6,-11c0,-4.971 -4.029,-9 -9,-9zM15,6v5h4l-4,7v-5h-4zM3,11c-0.55228,0 -1,0.44772 -1,1c0,0.55228 0.44772,1 1,1c0.55228,0 1,-0.44772 1,-1c0,-0.55228 -0.44772,-1 -1,-1zM27,11c-0.55228,0 -1,0.44772 -1,1c0,0.55228 0.44772,1 1,1c0.55228,0 1,-0.44772 1,-1c0,-0.55228 -0.44772,-1 -1,-1zM6.5293,19.48438c-0.27061,-0.00416 -0.53134,0.10155 -0.72266,0.29297c-0.39042,0.39051 -0.39042,1.02356 0,1.41406c0.18761,0.18809 0.44235,0.2938 0.70801,0.2938c0.26566,0 0.5204,-0.10571 0.70801,-0.2938c0.39042,-0.39051 0.39042,-1.02356 0,-1.41406c-0.18414,-0.18423 -0.4329,-0.28934 -0.69336,-0.29297zM23.49805,19.48633c-0.26965,-0.00414 -0.52954,0.1008 -0.7207,0.29102c-0.18809,0.18761 -0.2938,0.44235 -0.2938,0.70801c0,0.26566 0.10571,0.5204 0.2938,0.70801c0.39051,0.39042 1.02356,0.39042 1.41406,0c0.18809,-0.18761 0.2938,-0.44235 0.2938,-0.70801c0,-0.26566 -0.10571,-0.5204 -0.2938,-0.70801c-0.18446,-0.18352 -0.43318,-0.28791 -0.69336,-0.29102zM12,25v1c0,1.105 0.895,2 2,2c0,0.55228 0.44772,1 1,1c0.55228,0 1,-0.44772 1,-1c1.105,0 2,-0.895 2,-2v-1z"></path></g></g></svg>');background-position:50%;background-repeat:no-repeat;background-size:20px 20px;width:20px;height:20px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.highlight-blocks .content{background:#ebf4fd;border-radius:0 0 12px 12px;padding:14px 12px 16px}.highlight-blocks .content>ul{flex-direction:column;gap:12px;margin:0;padding:8px 4px 4px;list-style:none;display:flex}.highlight-blocks .content>ul>li{color:#252525;background:#fff;border-left:4px solid #3d89de;border-radius:14px;padding:14px 16px 14px 48px;font-size:18px;line-height:1.5;position:relative;box-shadow:0 6px 14px #0000000f}.highlight-blocks .content>ul>li:before{content:"";background:#3d89de;border-radius:999px;width:22px;height:22px;position:absolute;top:50%;left:16px;transform:translateY(-50%);box-shadow:0 2px 6px #3d89de59}.highlight-blocks .content>ul>li:after{content:"";background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>");background-position:50%;background-repeat:no-repeat;background-size:12px 12px;width:12px;height:12px;position:absolute;top:50%;left:16px;transform:translate(5px,-50%)}.highlight-blocks .content>ul>li:hover{box-shadow:0 8px 18px #00000014}.highlight-blocks .content>ul:last-child{margin-bottom:0}.highlight-blocks.hybrid .heading{background:#0b48b3;border-bottom-color:#009bde}.highlight-blocks.hybrid .content{background:#eaecfb}.highlight-blocks.hybrid .content>ul>li:before{background:#0b48b3;box-shadow:0 2px 6px #0b48b359}@media(min-width:576px){.highlight-blocks .heading{padding:14px 18px 14px 48px;font-size:18px}.highlight-blocks .content>ul>li{padding:16px 18px 16px 52px;font-size:16px}}@media(max-width:992px){.highlight-blocks .heading{font-size:20px}.highlight-blocks .content{padding:18px 16px 20px}.highlight-blocks .content>ul{gap:14px}.highlight-blocks .content>ul>li{border-radius:16px;font-size:16px;box-shadow:0 8px 20px #0000000f}}.banner-blocks{border:1px solid #dfdedc;border-bottom:7px solid #3d89de;border-radius:16px;margin-bottom:24px;margin-left:0;margin-right:0;padding:32px 24px;position:relative;overflow:hidden}@media screen and (max-width:991px){.banner-blocks{padding:24px}.banner-blocks .row{gap:24px}}.banner-blocks .heading{margin-bottom:8px;font-size:22px;font-weight:700;line-height:150%}.banner-blocks .description{font-size:14px;line-height:150%}.banner-blocks .action{margin-top:16px}.banner-blocks .action .btn{padding:8px 12px;font-weight:600}.blocks-blockquote{background-color:#ebf4fd;border-radius:12px;margin-bottom:16px;padding:32px 48px;position:relative}.blocks-blockquote p.quote{font-size:1rem;font-style:normal;font-weight:400;line-height:1.5}.blocks-blockquote .citation{font-size:16px;font-weight:400;line-height:150%;text-decoration:none}.blocks-button{margin-bottom:1rem;display:block}.blocks-contoh-surat{border:1px solid #ccc;border-radius:12px;margin-bottom:16px;padding:32px 48px;position:relative}@media screen and (max-width:767px){.blocks-contoh-surat{padding:16px 24px}}.blocks-contoh-surat .btn-copy{cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:8px;flex-direction:row;align-items:center;gap:4px;width:auto;max-width:100%;height:32px;padding:4px 8px;font-size:14px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #0000001a}.blocks-contoh-surat .btn-copy:hover{background-color:#f5f5f5;transform:translateY(-2px)}.blocks-contoh-surat .btn-copy img{width:18px;height:auto}.cta{text-align:center;background-color:#2088e617;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;padding:48px 24px;display:flex;position:relative;overflow:hidden}.cta:before,.cta:after{content:"";z-index:0;background-repeat:no-repeat;background-size:contain;width:60px;height:60px;position:absolute}.cta:before{background-image:url('data:image/svg+xml;utf8,<svg fill="%233D89DE" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M8 0h8v8h-8zm8 8h8v8h-8z"/></svg>');top:0;left:10px}.cta:after{background-image:url('data:image/svg+xml;utf8,<svg fill="%233D89DE" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32" r="32"/></svg>');bottom:-12px;right:-12px}.cta-content{z-index:1;max-width:640px;position:relative}.cta-content .title{color:#2f3a4c;margin-bottom:8px;font-size:28px;font-weight:600;line-height:1.4}.cta-content .action .link-arrow{color:#3d89de;align-items:center;gap:8px;padding:10px 18px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease-out;display:inline-flex}.cta-content .action .link-arrow svg{stroke:#3d89de;width:18px;height:18px}.cta-link-wrapper{color:inherit;text-decoration:none;display:block}.cta-link-wrapper .cta{transition:transform .2s ease-in-out}.cta-link-wrapper .cta:hover{transform:translateY(-2px)}.blocks-download-file{border-radius:12px;margin-bottom:16px;padding:24px;position:relative}.blocks-download-file .wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.blocks-download-file .wrapper .title{font-size:16px;font-weight:400;line-height:150%;text-decoration:none}.compare-list{gap:16px;margin-bottom:32px;display:grid}.compare-card{border-radius:0x;border:1px solid #e2e2e2;padding:32px;position:relative}.compare-card .rank{text-align:center;color:#fff;background:#111827;border-radius:0;align-self:start;min-width:30px;padding:8px;font-size:12px;font-weight:700;line-height:1.1;position:absolute;top:0;left:0}.compare-card .ribbon{color:#252525;background:#f9d776;border-radius:0;padding:8px 12px;font-size:12px;font-weight:600;line-height:1.1;position:absolute;top:0;left:30px}.compare-card .col-left{flex-direction:column;justify-content:space-between;gap:16px;margin-top:16px;display:flex}@media screen and (min-width:481px)and (max-width:991px){.compare-card .col-left{flex-direction:row;margin-bottom:24px}}@media screen and (max-width:480px){.compare-card .col-left{flex-direction:column;margin-bottom:24px}}.compare-card .col-left .rating-badge{align-items:center;gap:8px;width:100%;display:flex}@media screen and (max-width:991px){.compare-card .col-left .rating-badge{width:auto}}.compare-card .col-left .rating-badge .score{background:#ffc72c;border-radius:6px;padding:8px;font-size:16px;font-weight:800;line-height:1}.compare-card .col-left .rating-badge .rats{flex-direction:column;gap:4px;display:flex}.compare-card .col-left .rating-badge .label{color:#374151;font-size:12px;font-weight:700;line-height:1}.compare-card .col-left .rating-badge .stars{letter-spacing:2px;color:#f59e0b;font-size:12px;font-weight:700;line-height:1;position:relative}.compare-card .col-left .rating-badge .stars:before{content:"★★★★★";background:linear-gradient(90deg,#f59e0b calc(var(--rating)/5*100%),#e5e7eb calc(var(--rating)/5*100%));-webkit-text-fill-color:#0000;text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.compare-card .col-left .logo img{border:none;max-width:100%;height:auto;margin:0;display:block}@media screen and (max-width:991px){.compare-card .col-center{margin-bottom:24px}}.compare-card .col-center .brand{color:#252525;margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.25}.compare-card .col-center .headline{color:#252525;margin-bottom:10px;font-size:14px;font-weight:600;line-height:1.4}.compare-card .col-center .features{margin:0;padding:0;font-size:14px;line-height:1.7}.compare-card .col-center .features>p{line-height:1.6}.compare-card .col-center .features ul{margin:0;padding:0;list-style:none}.compare-card .col-center .features ul li{color:#252525;font-size:14px;font-weight:400;line-height:1.7;position:relative}.compare-card .col-center .features ul li:before{content:"✓";margin-right:8px}.compare-card .aside{align-content:start;justify-self:end;gap:32px;display:grid}@media screen and (max-width:991px){.compare-card .aside{gap:24px}}.compare-card .aside .rating-badge--mobile{background:#fff7da;border:1px solid #f5e3a9;border-radius:10px;justify-items:center;gap:4px;width:160px;padding:8px 12px;display:grid}.compare-card .aside .rating-badge--mobile .score{font-size:22px;font-weight:800;line-height:1}.compare-card .aside .rating-badge--mobile .label{color:#374151;font-size:12px;font-weight:700;line-height:1}.compare-card .aside .rating-badge--mobile .stars{letter-spacing:2px;color:#f59e0b;font-size:14px;font-weight:700;line-height:1;position:relative}.compare-card .aside .rating-badge--mobile .stars:before{content:"★★★★★";background:linear-gradient(90deg,#f59e0b calc(var(--rating)/5*100%),#e5e7eb calc(var(--rating)/5*100%));-webkit-text-fill-color:#0000;text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.compare-card .aside .btn-primary{color:#fff;background:#fb8c00;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:12px 18px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;box-shadow:inset 0 -2px #0000000f}.compare-card .aside .arr{transform:translate(2px)}.compare-card .aside:focus-visible{outline-offset:2px;outline:2px solid #111827}.compare-card .aside .review-link{color:#1f2937;justify-self:center;font-size:13px;font-weight:700;line-height:1;text-decoration:underline}.compare-card .compare-card .trust-bar{color:#374151;background:#fff2c2;border-top:1px solid #f5e3a9;border-radius:0 0 12px 12px;grid-column:1/-1;margin-top:6px;padding:12px;font-size:13px;font-weight:600;line-height:1.3}.compare-card a{color:#2563eb;text-decoration:underline}.compare-card .tp{color:#22c55e;margin-left:6px}.lzb-gutenberg-repeater-item-content{row-gap:24px}.kl-notification{z-index:9999;opacity:0;pointer-events:none;background-color:#fff;border-radius:16px;align-items:flex-start;gap:12px;width:340px;padding:20px;transition:opacity .5s,transform .5s;display:flex;position:fixed;bottom:20px;left:20px;transform:translateY(20px);box-shadow:0 8px 24px #00000026}.kl-notification.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.kl-notification__icon{font-size:36px;line-height:1}.kl-notification__icon img{object-fit:cover;width:36px;height:auto}.kl-notification__content{flex-grow:1}.kl-notification__close{color:#aaa;cursor:pointer;background:0 0;border:none;padding:5px;font-size:24px;line-height:1;position:absolute;top:8px;right:8px}.kl-notification__close:hover{color:#333}.kl-notification__heading,.kl-notification__description{color:#333;margin:0}.kl-notification__heading{margin-bottom:4px;font-size:16px;font-weight:600}.kl-notification__description{color:#666;margin-bottom:12px;font-size:14px}.kl-notification__cta-container a{text-align:center;color:#fff;background-color:#f26e21;border:none;border-radius:8px;width:100%;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}@media(max-width:480px){.kl-notification{width:auto;bottom:10px;left:10px;right:10px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;margin-top:calc(-1*var(--bs-gutter-y));margin-right:calc(-.5*var(--bs-gutter-x));margin-left:calc(-.5*var(--bs-gutter-x));flex-wrap:wrap;display:flex}.row>*{width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y);flex-shrink:0}.col-12{flex:none;width:100%}@media(min-width:992px){.col-lg-3{flex:none;width:25%}.col-lg-6{flex:none;width:50%}}img{border-style:var(--tw-border-style);border-width:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}