.section-py{padding-block:6.25rem;padding-inline:0}@media (max-width: 1199.98px){.section-py{padding-block:5rem;padding-inline:0}}@media (max-width: 767.98px){.section-py{padding-block:3rem;padding-inline:0}}.landing-hero{--bs-hero-bg: linear-gradient(138.18deg, #eae8fd 0%, #fce5e6 94.44%);border-radius:0 0 3.5rem 3.5rem;background:var(--bs-hero-bg);-webkit-padding-before:10.2rem;padding-block-start:10.2rem}.landing-hero:after{position:absolute;z-index:-1;background-color:var(--bs-paper-bg);block-size:100%;content:"";inline-size:100%;inset-block-start:0;inset-inline-start:0}@media (min-width: 992px){.landing-hero .hero-text-box{margin-block:0;margin-inline:auto;max-inline-size:34.375rem}}.landing-hero .hero-title{-webkit-animation:shine 2s ease-in-out infinite alternate;animation:shine 2s ease-in-out infinite alternate;background:linear-gradient(to right,#28c76f,#5a4aff 47.92%,#ff3739);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:var(--bs-heading-color);font-size:calc(1.3875rem + 1.65vw);line-height:1.2;-webkit-text-fill-color:transparent}@media (min-width: 1200px){.landing-hero .hero-title{font-size:2.625rem}}.landing-hero .landing-hero-btn .hero-btn-item{inset-block-start:65%;inset-inline-start:-94%}.landing-hero .hero-animation-img{-webkit-margin-before:6rem;margin-block-start:6rem;-webkit-margin-after:-18rem;margin-block-end:-18rem}@media (max-width: 1199.98px){.landing-hero .hero-animation-img{-webkit-margin-before:4.5rem;margin-block-start:4.5rem;-webkit-margin-after:-12rem;margin-block-end:-12rem}}@media (max-width: 575.98px){.landing-hero .hero-animation-img{-webkit-margin-before:3.25rem;margin-block-start:3.25rem;-webkit-margin-after:-5rem;margin-block-end:-5rem}}.landing-hero .hero-animation-img .hero-dashboard-img{inline-size:min(92%,104.5rem);margin-block:0;margin-inline:auto;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .1s;will-change:transform}.landing-hero .hero-animation-img .hero-dashboard-img img{inline-size:100%}.landing-hero .hero-animation-img .hero-dashboard-img .homepage-hero-preview-img{border-radius:1rem;box-shadow:0 1.5rem 4rem #2f2b3d2e}.landing-hero-blank{-webkit-padding-before:16rem;padding-block-start:16rem}@media (max-width: 1199.98px){.landing-hero-blank{-webkit-padding-before:10rem;padding-block-start:10rem}}@media (max-width: 575.98px){.landing-hero-blank{-webkit-padding-before:4rem;padding-block-start:4rem}}@-webkit-keyframes shine{0%{background-position:0% 50%}80%{background-position:50% 90%}to{background-position:91% 100%}}@keyframes shine{0%{background-position:0% 50%}80%{background-position:50% 90%}to{background-position:91% 100%}}.landing-features .features-icon-wrapper .features-icon-box .features-icon-description{margin-block:0;margin-inline:auto;max-inline-size:19.25rem}.landing-reviews{border-top-left-radius:3.75rem;border-top-right-radius:3.75rem}.landing-reviews .swiper-reviews-carousel .swiper-button-prev,.landing-reviews .swiper-reviews-carousel .swiper-button-next{display:none}.landing-reviews .swiper-reviews-carousel .swiper-slide{padding:.8125rem;block-size:auto}.landing-reviews .swiper-reviews-carousel .client-logo{block-size:1.375rem;-o-object-fit:contain;object-fit:contain}.landing-reviews .swiper-logo-carousel{-webkit-padding-after:6.25rem;padding-block-end:6.25rem}.landing-reviews .swiper-logo-carousel .swiper{max-inline-size:45rem}.landing-reviews .swiper-logo-carousel .swiper .swiper-slide{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.landing-reviews .swiper-logo-carousel .swiper .client-logo{max-block-size:2.5rem;max-inline-size:95%;-o-object-fit:contain;object-fit:contain}.landing-team .card,.landing-team .card .team-image-box{border-start-end-radius:1.25rem;border-start-start-radius:5.625rem}.landing-team .card .card-body{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.landing-team .team-image-box{block-size:11.5625rem}.landing-team .team-image-box .card-img-position{block-size:15rem;max-inline-size:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:translateX(-50%);transform:translate(-50%)}:dir(rtl) .landing-team .team-image-box .card-img-position{-webkit-transform:translateX(50%)!important;transform:translate(50%)!important}@media (max-width: 991.98px){.landing-team .team-image-box .card-img-position{block-size:13rem}}@media (max-width: 575.98px){.landing-team .team-image-box{block-size:11rem}}.landing-pricing{border-radius:3.75rem}.landing-pricing .tracking-input-wrapper .tracking-char-input{max-inline-size:3rem;block-size:3.1rem;font-size:1.125rem;font-weight:600;border-radius:.6rem;letter-spacing:.02em}.landing-pricing .tracking-input-wrapper .tracking-char-input:focus{border-color:var(--bs-primary);box-shadow:0 0 0 .15rem rgba(var(--bs-primary-rgb),.16)}@media (max-width: 575.98px){.landing-pricing .tracking-input-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center!important;justify-content:center!important}.landing-pricing .tracking-input-wrapper .tracking-char-input{max-inline-size:2.65rem}}.landing-pricing .pricing-plans-item{inset-block-end:-.5rem;inset-inline-end:-56%}@media (max-width: 767.98px){.landing-pricing .pricing-plans-item{inset-block-end:1rem;inset-inline-end:0}}.landing-pricing .pricing-list .badge.badge-center{block-size:1rem;inline-size:1rem}.landing-pricing .price-yearly-toggle{position:absolute;inset-block-start:0;inset-inline-start:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.landing-pricing .card .card-header,.landing-pricing .card .card-body{padding:2rem}.landing-pricing .card .card-header{-webkit-padding-before:3rem;padding-block-start:3rem}.landing-pricing .card .card-body{-webkit-padding-before:0;padding-block-start:0}.landing-faq{border-top-left-radius:3.75rem;border-top-right-radius:3.75rem}.landing-faq .faq-image{inline-size:80%;max-inline-size:20rem}.landing-cta .cta-title{font-size:2.125rem}@media (max-width: 767.98px){.landing-cta .cta-title{font-size:1.8rem}}.landing-contact .text-heading{overflow-wrap:anywhere}.landing-contact .contact-img-box{border-radius:3.75rem var(--bs-border-radius) var(--bs-border-radius)}:dir(rtl) .landing-contact .contact-img-box{border-radius:var(--bs-border-radius) 3.75rem var(--bs-border-radius) var(--bs-border-radius)}.landing-contact .contact-img-box .contact-img{border-radius:3.75rem var(--bs-border-radius) var(--bs-border-radius)}.landing-contact .contact-img-box .contact-border-img{inset-block-start:-2.5rem;inset-inline-start:-2.8125rem}#landingHero .hero-text-box{max-inline-size:64rem;margin-inline:auto}#landingHero .hero-title-line-1{white-space:nowrap}@media (max-width: 991.98px){#landingHero .hero-text-box{max-inline-size:100%}#landingHero .hero-title-line-1{white-space:normal}}.homepage-stat-card{min-block-size:180px}.satker-logo-wrap{block-size:96px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.satker-logo-wrap img{max-block-size:82px;inline-size:auto;-o-object-fit:contain;object-fit:contain}#landingPenggunaAplikasi,#landingFunFacts{--bs-body-bg: #f8f7fa;background-color:var(--bs-body-bg)!important}.homepage-map-frame{border:0}#landingHero .hero-animation-img{-webkit-margin-before:3.25rem!important;margin-block-start:3.25rem!important;-webkit-margin-after:-18rem!important;margin-block-end:-18rem!important}#landingPage .landing-hero-blank{-webkit-padding-before:13rem!important;padding-block-start:13rem!important}#landingHero .hero-dashboard-img{inline-size:min(92%,104.5rem)!important}#landingHero .homepage-hero-preview-img{display:block;width:100%;height:auto;aspect-ratio:1672/941;border-radius:1rem;box-shadow:0 1.5rem 4rem #2f2b3d2e}@media (max-width: 1199.98px){#landingHero .hero-animation-img{-webkit-margin-before:3rem!important;margin-block-start:3rem!important;-webkit-margin-after:-12rem!important;margin-block-end:-12rem!important}#landingPage .landing-hero-blank{-webkit-padding-before:9rem!important;padding-block-start:9rem!important}}@media (max-width: 575.98px){#landingHero .hero-animation-img{-webkit-margin-before:2.5rem!important;margin-block-start:2.5rem!important;-webkit-margin-after:-5rem!important;margin-block-end:-5rem!important}#landingPage .landing-hero-blank{-webkit-padding-before:5rem!important;padding-block-start:5rem!important}}.keunggulan-modern-section{--homepage-keunggulan-bg-start: rgba(248, 248, 255, .96);--homepage-keunggulan-bg-end: rgba(255, 255, 255, 1);--homepage-keunggulan-shell-bg: rgba(255, 255, 255, .72);--homepage-keunggulan-shell-border: rgba(115, 103, 240, .08);--homepage-keunggulan-shell-shadow: rgba(47, 43, 61, .08);--homepage-keunggulan-title: var(--bs-emphasis-color);--homepage-keunggulan-subtitle: var(--bs-secondary-color);--homepage-keunggulan-card-bg: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(246, 248, 255, .95));--homepage-keunggulan-card-border: rgba(115, 103, 240, .08);--homepage-keunggulan-card-shadow: rgba(47, 43, 61, .06);--homepage-keunggulan-card-shadow-hover: rgba(47, 43, 61, .1);--homepage-keunggulan-card-title: var(--bs-emphasis-color);--homepage-keunggulan-card-copy: var(--bs-secondary-color);position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(115,103,240,.14),transparent 28%),radial-gradient(circle at bottom right,rgba(40,199,111,.14),transparent 30%),linear-gradient(180deg,var(--homepage-keunggulan-bg-start) 0%,var(--homepage-keunggulan-bg-end) 100%)}[data-bs-theme=dark] .keunggulan-modern-section{--homepage-keunggulan-bg-start: rgba(15, 23, 42, .98);--homepage-keunggulan-bg-end: rgba(17, 24, 39, 1);--homepage-keunggulan-shell-bg: rgba(30, 41, 59, .82);--homepage-keunggulan-shell-border: rgba(255, 255, 255, .08);--homepage-keunggulan-shell-shadow: rgba(0, 0, 0, .34);--homepage-keunggulan-card-bg: linear-gradient(180deg, rgba(30, 41, 59, .96), rgba(20, 31, 52, .96));--homepage-keunggulan-card-border: rgba(255, 255, 255, .08);--homepage-keunggulan-card-shadow: rgba(0, 0, 0, .22);--homepage-keunggulan-card-shadow-hover: rgba(0, 0, 0, .3)}.keunggulan-modern-section:before,.keunggulan-modern-section:after{content:"";position:absolute;border-radius:999px;pointer-events:none;z-index:0}.keunggulan-modern-section:before{width:18rem;height:18rem;top:-4rem;left:-6rem;background:radial-gradient(circle,#7367f02e,#7367f000 72%)}.keunggulan-modern-section:after{width:16rem;height:16rem;right:-5rem;bottom:-4rem;background:radial-gradient(circle,#00cfe829,#00cfe800 72%)}.keunggulan-modern-shell{position:relative;z-index:1;padding:2.25rem;border-radius:2rem;border:1px solid var(--homepage-keunggulan-shell-border);background:var(--homepage-keunggulan-shell-bg);box-shadow:0 1.5rem 3rem var(--homepage-keunggulan-shell-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.keunggulan-kicker{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.5rem;padding:.5rem .95rem;border-radius:999px;background:#7367f014;color:#7367f0;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.keunggulan-title{font-size:clamp(2rem,3vw,2.9rem);line-height:1.14;color:var(--homepage-keunggulan-title)}.keunggulan-subtitle{max-width:48rem;margin-left:auto;margin-right:auto;color:var(--homepage-keunggulan-subtitle);font-size:1rem;line-height:1.85}.keunggulan-modern-card{position:relative;height:100%;padding:1.8rem 1.35rem;border-radius:1.5rem;border:1px solid var(--homepage-keunggulan-card-border);background:var(--homepage-keunggulan-card-bg);box-shadow:0 1rem 2.3rem var(--homepage-keunggulan-card-shadow);transition:box-shadow .25s ease,border-color .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,-webkit-transform .25s ease}.keunggulan-modern-card:hover{-webkit-transform:translateY(-7px);transform:translateY(-7px);box-shadow:0 1.65rem 3rem var(--homepage-keunggulan-card-shadow-hover);border-color:#7367f029}.keunggulan-modern-card:after{content:"";position:absolute;inset:auto 1rem 1rem auto;width:4.5rem;height:4.5rem;border-radius:50%;background:radial-gradient(circle,#7367f01f,#7367f000 72%);pointer-events:none}.keunggulan-icon-wrap{width:5rem;height:5rem;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:1.25rem;border-radius:1.35rem;background:linear-gradient(135deg,#7367f024,#00cfe81f);box-shadow:inset 0 1px #ffffffe6}.keunggulan-icon-wrap img{width:65px;height:65px;-o-object-fit:contain;object-fit:contain}.keunggulan-modern-card h3{color:var(--homepage-keunggulan-card-title);margin-bottom:.75rem;font-size:1.125rem;line-height:1.35}.keunggulan-modern-card p{margin-bottom:0;color:var(--homepage-keunggulan-card-copy);line-height:1.8}.pengguna-modern-section{--homepage-pengguna-bg-start: rgba(250, 251, 255, .98);--homepage-pengguna-bg-end: rgba(255, 255, 255, 1);--homepage-pengguna-intro-bg: rgba(255, 255, 255, .82);--homepage-pengguna-intro-border: rgba(115, 103, 240, .1);--homepage-pengguna-intro-shadow: rgba(47, 43, 61, .08);--homepage-pengguna-title: var(--bs-emphasis-color);--homepage-pengguna-copy: var(--bs-secondary-color);--homepage-pengguna-stat-bg: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(247, 248, 255, .95));--homepage-pengguna-stat-border: rgba(115, 103, 240, .08);--homepage-pengguna-stat-value: var(--bs-emphasis-color);--homepage-pengguna-stat-label: rgba(138, 141, 147, 1);--homepage-pengguna-card-bg: rgba(255, 255, 255, .95);--homepage-pengguna-card-border: rgba(40, 199, 111, .12);--homepage-pengguna-card-shadow: rgba(47, 43, 61, .08);--homepage-pengguna-card-shadow-hover: rgba(47, 43, 61, .12);--homepage-pengguna-card-body: rgba(255, 255, 255, .98);--homepage-pengguna-card-title: var(--bs-emphasis-color);position:relative;overflow:hidden;padding-top:2.5rem;background:radial-gradient(circle at top right,rgba(115,103,240,.1),transparent 25%),radial-gradient(circle at bottom left,rgba(40,199,111,.12),transparent 24%),linear-gradient(180deg,var(--homepage-pengguna-bg-start) 0%,var(--homepage-pengguna-bg-end) 100%)}[data-bs-theme=dark] .pengguna-modern-section{--homepage-pengguna-bg-start: rgba(15, 23, 42, .98);--homepage-pengguna-bg-end: rgba(17, 24, 39, 1);--homepage-pengguna-intro-bg: rgba(30, 41, 59, .84);--homepage-pengguna-intro-border: rgba(255, 255, 255, .08);--homepage-pengguna-intro-shadow: rgba(0, 0, 0, .34);--homepage-pengguna-stat-bg: linear-gradient(180deg, rgba(30, 41, 59, .95), rgba(20, 31, 52, .96));--homepage-pengguna-stat-border: rgba(255, 255, 255, .08);--homepage-pengguna-stat-label: rgba(226, 232, 240, .68);--homepage-pengguna-card-bg: rgba(31, 41, 55, .95);--homepage-pengguna-card-border: rgba(255, 255, 255, .08);--homepage-pengguna-card-shadow: rgba(0, 0, 0, .24);--homepage-pengguna-card-shadow-hover: rgba(0, 0, 0, .32);--homepage-pengguna-card-body: rgba(30, 41, 59, .98)}.pengguna-intro-card{position:relative;overflow:hidden;padding:2rem;border-radius:1.8rem;border:1px solid var(--homepage-pengguna-intro-border);background:var(--homepage-pengguna-intro-bg);box-shadow:0 1.5rem 3rem var(--homepage-pengguna-intro-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pengguna-intro-card:after{content:"";position:absolute;width:7rem;height:7rem;top:-1.5rem;right:-1.5rem;border-radius:50%;background:radial-gradient(circle,#7367f029,#7367f000 72%);pointer-events:none}.pengguna-kicker{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.5rem;padding:.5rem .95rem;border-radius:999px;background:#7367f014;color:#7367f0;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.pengguna-title{font-size:clamp(2rem,3vw,2.7rem);line-height:1.12;color:var(--homepage-pengguna-title);margin-bottom:.85rem}.pengguna-subtitle{color:var(--homepage-pengguna-copy);line-height:1.85;margin-bottom:1.5rem}.pengguna-stat-list{display:grid;grid-template-columns:1fr;gap:.85rem;margin-bottom:1.5rem}.pengguna-stat-item{padding:.95rem 1rem;border-radius:1.1rem;background:var(--homepage-pengguna-stat-bg);border:1px solid var(--homepage-pengguna-stat-border)}.pengguna-stat-value{display:block;font-weight:800;font-size:1.3rem;color:var(--homepage-pengguna-stat-value);line-height:1;margin-bottom:.35rem}.pengguna-stat-label{display:block;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--homepage-pengguna-stat-label);font-weight:700}.pengguna-nav-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:1rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.pengguna-nav-copy{color:var(--homepage-pengguna-copy);font-size:.95rem;margin-bottom:0}.pengguna-carousel-shell{overflow:hidden;padding:.1rem 0 2rem}.satker-scroll{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:thin}.satker-scroll-track{display:-ms-flexbox;display:flex;gap:1.25rem}.satker-scroll-slide{-ms-flex:0 0 min(100%,21rem);flex:0 0 min(100%,21rem);scroll-snap-align:start}@media (min-width: 992px){.satker-scroll-slide{-ms-flex-preferred-size:calc((100% - 2.5rem) / 3);flex-basis:calc((100% - 2.5rem) / 3)}}.pengguna-satker-card{height:100%;margin:.6rem .4rem;border-radius:1.5rem;overflow:hidden;border:1px solid var(--homepage-pengguna-card-border);background:var(--homepage-pengguna-card-bg);box-shadow:0 1.2rem 2.4rem var(--homepage-pengguna-card-shadow);transition:box-shadow .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,box-shadow .25s ease;transition:transform .25s ease,box-shadow .25s ease,-webkit-transform .25s ease}.pengguna-satker-card:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);box-shadow:0 1.7rem 3rem var(--homepage-pengguna-card-shadow-hover)}.landing-team .pengguna-satker-visual{block-size:12rem;min-height:12rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at top right,rgba(115,103,240,.18),transparent 35%),linear-gradient(135deg,#28c76f29,#7367f01a)}.landing-team .pengguna-satker-visual .card-img-position{position:static!important;-webkit-transform:none;transform:none;inline-size:auto!important;block-size:auto!important;width:auto!important;height:auto!important;max-width:5.75rem;max-height:6.75rem;margin:0;-o-object-fit:contain!important;object-fit:contain!important;-webkit-filter:drop-shadow(0 .8rem 1.2rem rgba(47,43,61,.18));filter:drop-shadow(0 .8rem 1.2rem rgba(47,43,61,.18))}.pengguna-building-icon{width:4rem;height:4rem}.pengguna-satker-body{padding:1.35rem 1.2rem 1.4rem;background:var(--homepage-pengguna-card-body)}.pengguna-satker-eyebrow{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;background:#28c76f1f;color:#28c76f;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.8rem}.pengguna-satker-card .card-title{color:var(--homepage-pengguna-card-title);font-size:1.45rem;line-height:1.4;font-weight:700}.tracking-modern-section{--homepage-tracking-bg-start: rgba(248, 250, 255, .98);--homepage-tracking-bg-end: rgba(255, 255, 255, 1);--homepage-tracking-shell-bg: rgba(255, 255, 255, .8);--homepage-tracking-shell-border: rgba(115, 103, 240, .08);--homepage-tracking-shell-shadow: rgba(47, 43, 61, .08);--homepage-tracking-title: var(--bs-emphasis-color);--homepage-tracking-copy: var(--bs-secondary-color);--homepage-tracking-feature-bg: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(247, 248, 255, .95));--homepage-tracking-feature-border: rgba(115, 103, 240, .08);--homepage-tracking-feature-shadow: rgba(47, 43, 61, .05);--homepage-tracking-feature-title: var(--bs-emphasis-color);--homepage-tracking-form-bg: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(246, 248, 255, .95));--homepage-tracking-form-border: rgba(115, 103, 240, .1);--homepage-tracking-form-shadow: rgba(47, 43, 61, .08);--homepage-tracking-input-bg: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(247, 248, 255, 1));--homepage-tracking-input-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 .8rem 1.5rem rgba(47, 43, 61, .06);--homepage-tracking-input-text: var(--bs-emphasis-color);position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(115,103,240,.12),transparent 28%),radial-gradient(circle at bottom right,rgba(0,207,232,.12),transparent 28%),linear-gradient(180deg,var(--homepage-tracking-bg-start) 0%,var(--homepage-tracking-bg-end) 100%)}[data-bs-theme=dark] .tracking-modern-section{--homepage-tracking-bg-start: rgba(15, 23, 42, .98);--homepage-tracking-bg-end: rgba(17, 24, 39, 1);--homepage-tracking-shell-bg: rgba(30, 41, 59, .82);--homepage-tracking-shell-border: rgba(255, 255, 255, .08);--homepage-tracking-shell-shadow: rgba(0, 0, 0, .34);--homepage-tracking-feature-bg: linear-gradient(180deg, rgba(30, 41, 59, .95), rgba(20, 31, 52, .96));--homepage-tracking-feature-border: rgba(255, 255, 255, .08);--homepage-tracking-feature-shadow: rgba(0, 0, 0, .2);--homepage-tracking-form-bg: linear-gradient(180deg, rgba(30, 41, 59, .96), rgba(20, 31, 52, .96));--homepage-tracking-form-border: rgba(255, 255, 255, .08);--homepage-tracking-form-shadow: rgba(0, 0, 0, .32);--homepage-tracking-input-bg: linear-gradient(180deg, rgba(31, 41, 55, 1), rgba(20, 31, 52, 1));--homepage-tracking-input-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 .8rem 1.5rem rgba(0, 0, 0, .22)}.stats-modern-section{--homepage-stats-bg: linear-gradient(180deg, rgba(250, 251, 255, 1), rgba(255, 255, 255, 1));--homepage-stats-panel: rgba(255, 255, 255, .86);--homepage-stats-panel-border: rgba(115, 103, 240, .1);--homepage-stats-title: var(--bs-emphasis-color);--homepage-stats-copy: var(--bs-secondary-color);--homepage-stats-muted: rgba(138, 141, 147, 1);--homepage-stats-shadow: rgba(47, 43, 61, .08);position:relative;overflow:hidden;padding-block:4.25rem!important;background:var(--homepage-stats-bg)!important}[data-bs-theme=dark] .stats-modern-section{--homepage-stats-bg: linear-gradient(180deg, rgba(17, 24, 39, 1), rgba(15, 23, 42, 1));--homepage-stats-panel: rgba(31, 41, 55, .88);--homepage-stats-panel-border: rgba(255, 255, 255, .08);--homepage-stats-copy: rgba(226, 232, 240, .72);--homepage-stats-muted: rgba(226, 232, 240, .58);--homepage-stats-shadow: rgba(0, 0, 0, .28)}.stats-modern-header{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-bottom:1.15rem}.stats-modern-kicker{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.5rem;padding:.45rem .8rem;border-radius:999px;background:#5b50d81a;color:#5b50d8;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.stats-modern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stats-modern-card{position:relative;min-height:14rem;overflow:hidden;padding:1.25rem;border:1px solid var(--homepage-stats-panel-border);border-radius:1.35rem;background:linear-gradient(180deg,var(--stats-accent-soft),rgba(255,255,255,0) 42%),var(--homepage-stats-panel);box-shadow:0 1.15rem 2.6rem var(--homepage-stats-shadow);transition:box-shadow .22s ease,border-color .22s ease,-webkit-transform .22s ease;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,-webkit-transform .22s ease}.stats-modern-card--satker{--stats-accent-soft: rgba(91, 80, 216, .12);--stats-accent-border: rgba(91, 80, 216, .28)}.stats-modern-card--surat-masuk{--stats-accent-soft: rgba(40, 199, 111, .13);--stats-accent-border: rgba(40, 199, 111, .3)}.stats-modern-card--surat-keluar{--stats-accent-soft: rgba(0, 207, 232, .13);--stats-accent-border: rgba(0, 207, 232, .3)}.stats-modern-card--disposisi{--stats-accent-soft: rgba(255, 159, 67, .15);--stats-accent-border: rgba(255, 159, 67, .32)}.stats-modern-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);border-color:var(--stats-accent-border);box-shadow:0 1.5rem 3rem var(--homepage-stats-shadow)}.stats-modern-card:after{content:"";position:absolute;width:7rem;height:7rem;right:-2.4rem;top:-2.4rem;border-radius:50%;background:var(--stats-accent-soft);pointer-events:none}.stats-modern-icon{position:relative;z-index:1;width:3.75rem;height:3.75rem;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:1.1rem;background:var(--stats-accent-soft)}.stats-modern-icon img{width:2.45rem;height:2.45rem;-o-object-fit:contain;object-fit:contain}.stats-modern-value{position:relative;z-index:1;margin:2.25rem 0 .45rem;color:var(--homepage-stats-title);font-size:clamp(2rem,3.1vw,3.15rem);line-height:1;font-weight:800;letter-spacing:0}.stats-modern-label{position:relative;z-index:1;margin:0;color:var(--homepage-stats-muted);font-size:.84rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.faq-modern-section{--homepage-faq-bg: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(248, 250, 255, .98));--homepage-faq-panel: rgba(255, 255, 255, .88);--homepage-faq-border: rgba(115, 103, 240, .11);--homepage-faq-separator: rgba(115, 103, 240, .14);--homepage-faq-title: var(--bs-emphasis-color);--homepage-faq-copy: var(--bs-secondary-color);--homepage-faq-answer: rgba(95, 92, 110, 1);--homepage-faq-shadow: rgba(47, 43, 61, .08);position:relative;overflow:hidden;padding-block:4.75rem 4.25rem!important;background:var(--homepage-faq-bg)!important;border-top:1px solid var(--homepage-faq-separator)}[data-bs-theme=dark] .faq-modern-section{--homepage-faq-bg: linear-gradient(180deg, rgba(15, 23, 42, 1), rgba(17, 24, 39, 1));--homepage-faq-panel: rgba(31, 41, 55, .88);--homepage-faq-border: rgba(255, 255, 255, .08);--homepage-faq-separator: rgba(255, 255, 255, .08);--homepage-faq-copy: rgba(226, 232, 240, .72);--homepage-faq-answer: rgba(226, 232, 240, .72);--homepage-faq-shadow: rgba(0, 0, 0, .28)}.faq-modern-section:before{content:"";position:absolute;top:0;left:50%;width:min(72rem,100% - 2rem);height:1px;-webkit-transform:translateX(-50%);transform:translate(-50%);background:linear-gradient(90deg,transparent,rgba(91,80,216,.34),transparent);pointer-events:none}.faq-modern-shell{max-width:58rem;margin-inline:auto}.faq-modern-intro{max-width:42rem;margin:0 auto 1.6rem;text-align:center}.faq-modern-kicker{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:.5rem;padding:.45rem .8rem;border-radius:999px;background:#5b50d81a;color:#5b50d8;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.faq-modern-title{margin:.9rem 0 .75rem;color:var(--homepage-faq-title);font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.1}.faq-modern-copy{margin-bottom:0;color:var(--homepage-faq-copy);line-height:1.75}.faq-modern-list{display:grid;gap:.8rem}.faq-modern-item{overflow:hidden;border:1px solid var(--homepage-faq-border);border-radius:1.1rem;background:var(--homepage-faq-panel);box-shadow:0 .9rem 2.2rem var(--homepage-faq-shadow)}.faq-modern-item .accordion-button{padding:1.2rem 1.35rem;color:var(--homepage-faq-title);background:transparent;box-shadow:none;font-size:1rem;font-weight:800;line-height:1.35}.faq-modern-item .accordion-button:not(.collapsed){color:#5b50d8}.faq-modern-item .accordion-body{padding:0 1.35rem 1.25rem;color:var(--homepage-faq-answer);line-height:1.75}.btn-primary{background-color:#5b50d8!important;border-color:#5b50d8!important;color:#fff!important}.btn-primary:hover,.btn-primary:focus{background-color:#4f46bd!important;border-color:#4f46bd!important;color:#fff!important}.badge.bg-label-primary{color:#5b50d8!important;background-color:#7367f024!important}.landing-cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:-webkit-image-set(url(/assets/img/front-pages/backgrounds/cta-bg-light-720.webp) 1x,url(/assets/img/front-pages/backgrounds/cta-bg-light-1440.webp) 2x);background-image:image-set(url(/assets/img/front-pages/backgrounds/cta-bg-light-720.webp) 1x,url(/assets/img/front-pages/backgrounds/cta-bg-light-1440.webp) 2x);background-repeat:no-repeat;background-position:bottom right;background-size:cover}[data-bs-theme=dark] .landing-cta-bg{background-image:-webkit-image-set(url(/assets/img/front-pages/backgrounds/cta-bg-dark-720.webp) 1x,url(/assets/img/front-pages/backgrounds/cta-bg-dark-1440.webp) 2x);background-image:image-set(url(/assets/img/front-pages/backgrounds/cta-bg-dark-720.webp) 1x,url(/assets/img/front-pages/backgrounds/cta-bg-dark-1440.webp) 2x)}.tracking-modern-shell{position:relative;z-index:1;padding:2.3rem;border-radius:2rem;border:1px solid var(--homepage-tracking-shell-border);background:var(--homepage-tracking-shell-bg);box-shadow:0 1.5rem 3rem var(--homepage-tracking-shell-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tracking-kicker{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:.5rem;padding:.5rem .95rem;border-radius:999px;background:#7367f014;color:#7367f0;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tracking-title{font-size:clamp(2rem,3vw,2.7rem);line-height:1.14;color:var(--homepage-tracking-title);margin-bottom:.9rem}.tracking-subtitle{max-width:44rem;margin-left:auto;margin-right:auto;color:var(--homepage-tracking-copy);font-size:1rem;line-height:1.85}.tracking-feature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}.tracking-feature-item{padding:1rem 1.1rem;border-radius:1.15rem;border:1px solid var(--homepage-tracking-feature-border);background:var(--homepage-tracking-feature-bg);text-align:left;box-shadow:0 .85rem 1.8rem var(--homepage-tracking-feature-shadow)}.tracking-feature-item strong{display:block;color:var(--homepage-tracking-feature-title);font-size:.98rem;margin-bottom:.3rem}.tracking-feature-item span{color:var(--homepage-tracking-copy);font-size:.92rem;line-height:1.7}.tracking-form-card{border:1px solid var(--homepage-tracking-form-border);border-radius:1.7rem;background:var(--homepage-tracking-form-bg);box-shadow:0 1.4rem 3rem var(--homepage-tracking-form-shadow);padding:2rem}.tracking-input-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.8rem}.tracking-char-input{width:3.5rem;height:3.5rem;border-radius:1rem;border:1px solid rgba(115,103,240,.16);background:var(--homepage-tracking-input-bg);box-shadow:var(--homepage-tracking-input-shadow);font-size:1.2rem;font-weight:800;color:var(--homepage-tracking-input-text)}.tracking-char-input:focus{border-color:#7367f080;box-shadow:0 0 0 .25rem #7367f026}.tracking-submit-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:.65rem;border-radius:999px;padding-top:.85rem;padding-bottom:.85rem;font-weight:700;box-shadow:0 1rem 2rem #7367f02e;transition:opacity .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.tracking-submit-btn:disabled{cursor:not-allowed;opacity:.85;-webkit-transform:none;transform:none;box-shadow:0 .7rem 1.4rem #7367f01f}.tracking-submit-btn__spinner{display:none;width:1rem;height:1rem;border:.15rem solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:tracking-submit-spin .7s linear infinite;animation:tracking-submit-spin .7s linear infinite}.tracking-form-card.is-submitting .tracking-submit-btn__spinner{display:inline-block}@-webkit-keyframes tracking-submit-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes tracking-submit-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media (max-width: 767.98px){.stats-modern-section{padding-block:3rem!important}.stats-modern-header{margin-bottom:.9rem}.stats-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.stats-modern-card{min-height:12.5rem;padding:1rem;border-radius:1.1rem}.stats-modern-value{margin-top:1.85rem}.faq-modern-section{padding-block:3.25rem!important}.faq-modern-shell{max-width:none}.faq-modern-intro{margin-bottom:1.25rem}.keunggulan-modern-shell{padding:1.35rem;border-radius:1.4rem}.keunggulan-title{font-size:2rem}.keunggulan-modern-card{padding:1.4rem 1.15rem;border-radius:1.2rem}.pengguna-intro-card{padding:1.35rem;border-radius:1.35rem}.pengguna-modern-section{padding-top:1.5rem}.pengguna-stat-list{grid-template-columns:1fr}.tracking-modern-shell{padding:1.35rem;border-radius:1.4rem}.tracking-title{font-size:2rem}.tracking-feature-strip{grid-template-columns:1fr}.tracking-form-card{padding:1.35rem;border-radius:1.25rem}.tracking-char-input{width:3rem;height:3rem;border-radius:.85rem}}@media (max-width: 420px){.stats-modern-grid{grid-template-columns:1fr}.stats-modern-card{min-height:11.5rem}}[data-bs-theme=dark] .landing-hero{--bs-hero-bg: #1e2130}