:root{--ink:#0a1f2b;--ink-soft:#12303d;--paper:#f5f8f7;--paper-2:#eef3f1;--brand:#0ca678;--brand-dark:#0a8a66;--gold:#f2b705;--muted:#5b6f7a;--line:#dde6e3;--bs-primary:var(--brand);--bs-body-color:var(--ink);--bs-body-font-family:var(--font-inter), system-ui, -apple-system, sans-serif;--bs-border-color:var(--line)}*{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-inter), system-ui, sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.font-display{font-family:var(--font-sora), system-ui, sans-serif;letter-spacing:-.02em}.tnum{font-variant-numeric:tabular-nums}.btn{border-radius:10px;padding:.6rem 1.25rem;font-weight:600}.btn-brand{background:var(--brand);color:#fff;border:1px solid var(--brand)}.btn-brand:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.btn-ink{background:var(--ink);color:#fff;border:1px solid var(--ink)}.btn-ink:hover{background:var(--ink-soft);color:#fff}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn-ghost:hover{background:var(--paper-2);color:var(--ink)}.navbar-orios{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#f5f8f7d9}.navbar-orios .nav-link{color:var(--ink);padding-bottom:.35rem;font-weight:500;position:relative}.navbar-orios .nav-link:hover{color:var(--brand)}.navbar-orios .nav-link.active{color:var(--brand-dark);font-weight:600}.navbar-orios .nav-link.active:after{content:"";background:var(--brand);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}@media (max-width:991.98px){.navbar-orios .nav-link.active:after{width:1.5rem;left:0;right:auto}}.brand-mark{font-family:var(--font-sora), sans-serif;letter-spacing:-.03em;color:var(--ink);font-size:1.4rem;font-weight:800}.brand-mark span{color:var(--brand)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--brand-dark);font-size:.78rem;font-weight:700}.hero{background:radial-gradient(1100px 500px at 85% -10%,#0ca6781a,#0000 60%),radial-gradient(700px 400px at 5% 30%,#f2b70512,#0000 55%);padding:7rem 0 5rem;scroll-margin-top:70px}.hero h1{font-size:clamp(2.3rem,5vw,3.6rem);font-weight:800;line-height:1.05}.hero .lead{color:var(--muted);max-width:34rem;font-size:1.15rem}.wa-hero-visual{background:#fff;border:1px solid #0ca6782e;border-radius:22px;overflow:hidden;box-shadow:0 28px 60px -34px #0a1f2b8c}.wa-hero-visual img{width:100%;height:auto;display:block}.wa-cost-summary{box-shadow:0 16px 36px -30px #0a1f2b73}.wa-modul-visual{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 24px 50px -38px #0a1f2b80}.wa-modul-visual img{width:100%;height:auto;display:block}.wa-modul-visual figcaption{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:.85rem 1.25rem;font-size:.9rem}.ledger{background:var(--ink);color:#e9f3ef;border-radius:18px;padding:1.5rem;box-shadow:0 30px 60px -25px #0a1f2b80}.ledger-head{justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.ledger-balance{font-family:var(--font-sora), sans-serif;font-size:2.1rem;font-weight:700}.ledger-row{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.65rem 0;font-size:.92rem;display:flex}.ledger-row .label{color:#9fb6ae}.dot{border-radius:50%;width:8px;height:8px;margin-right:.5rem;display:inline-block}.dot-in{background:var(--brand)}.dot-out{background:var(--gold)}.amt-in{color:#5fe0b3}.amt-out{color:#f6cd52}.section{padding:5.5rem 0;scroll-margin-top:70px}.section-alt{background:var(--paper-2)}.section h2{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800}.feature{border:1px solid var(--line);background:#fff;border-radius:16px;height:100%;padding:1.6rem;transition:transform .18s,box-shadow .18s}.feature:hover{transform:translateY(-4px);box-shadow:0 20px 40px -28px #0a1f2b59}.feature .ico{width:46px;height:46px;color:var(--brand-dark);background:#0ca6781a;border-radius:12px;place-items:center;margin-bottom:1rem;display:grid}.feature h3{font-size:1.15rem;font-weight:700}.feature p{color:var(--muted);margin:0;font-size:.95rem}.modul-ikon{width:44px;height:44px;color:var(--brand-dark);background:#0ca6781a;border-radius:12px;place-items:center;margin-bottom:.9rem;display:grid}.diagram-alur{-webkit-overflow-scrolling:touch;padding-bottom:.5rem;overflow-x:auto}.diagram-alur svg{font-family:var(--bs-body-font-family)}.langkah{padding-left:2.6rem;position:relative}.langkah-nomor{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:grid;position:absolute;top:0;left:0}.langkah h3{margin:.2rem 0 .35rem;font-size:1rem;font-weight:700}.langkah p{color:var(--muted);margin:0;font-size:.9rem}.price-card{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;height:100%;padding:2rem;display:flex}.price-card.featured{border:1px solid var(--brand);position:relative;box-shadow:0 24px 50px -30px #0ca6788c}.price-card.featured:after{content:"Paling Populer";background:var(--brand);color:#fff;letter-spacing:.05em;border-radius:999px;padding:.25rem .85rem;font-size:.72rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.price-amt{font-family:var(--font-sora), sans-serif;font-size:2.4rem;font-weight:800}.price-amt small{color:var(--muted);font-size:.9rem;font-weight:500}.price-list{flex:1;margin:1.25rem 0;padding:0;list-style:none}.price-list li{color:var(--ink);gap:.6rem;padding:.45rem 0;font-size:.94rem;display:flex}.price-list li:before{content:"✓";color:var(--brand);font-weight:700}.stat .num{font-family:var(--font-sora), sans-serif;color:var(--ink);font-size:2.4rem;font-weight:800}.stat .lbl{color:var(--muted);font-size:.9rem}.footer{background:var(--ink);color:#b9cbc4;padding:3rem 0 2rem}.footer a{color:#b9cbc4;text-decoration:none}.footer a:hover{color:#fff}.auth-wrap{background:radial-gradient(900px 500px at 50% -10%,#0ca6781f,#0000 60%);place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:100%;max-width:420px;padding:2.2rem;box-shadow:0 30px 60px -35px #0a1f2b66}.form-control{border-radius:10px;padding:.7rem .9rem}.form-control:focus{border-color:var(--brand);box-shadow:0 0 0 .2rem #0ca67826}.dash-shell{background:var(--paper);min-height:100vh}.dash-nav{border-bottom:1px solid var(--line);background:#fff}.dash-nav .nav-link{color:var(--ink);border-radius:8px;padding:.4rem .8rem;font-weight:500}.dash-nav .nav-link:hover{background:var(--paper-2);color:var(--brand-dark)}.dash-nav .nav-link.active{color:var(--brand-dark);background:#0ca6781a;font-weight:600}.dash-nav .dropdown-menu{border:1px solid var(--line);border-radius:12px;padding:.4rem;box-shadow:0 16px 40px -24px #0a1f2b66}.dash-nav .dropdown-item{border-radius:8px;padding:.5rem .8rem;font-weight:500}.dash-nav .dropdown-item.active,.dash-nav .dropdown-item:active{background:var(--brand);color:#fff}.page-head{margin-bottom:1.5rem}.page-head h1{margin:0;font-size:1.6rem;font-weight:800}.page-head p{color:var(--muted);margin:.25rem 0 0}.card-orios{border:1px solid var(--line);background:#fff;border-radius:16px}.kpi{border:1px solid var(--line);background:#fff;border-radius:16px;padding:1.25rem}.kpi .num{font-family:var(--font-sora), sans-serif;font-size:1.8rem;font-weight:800}.kpi .lbl{color:var(--muted);font-size:.85rem}.table-orios thead th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);font-size:.82rem;font-weight:600}.table-orios td{vertical-align:middle}.badge-soft{color:var(--brand-dark);background:#0ca6781f;font-weight:600}.badge-muted{background:var(--paper-2);color:var(--muted);font-weight:600}.legal{color:var(--ink);font-size:1rem;line-height:1.75}.legal h2{margin:2.4rem 0 .8rem;font-size:1.3rem;font-weight:700}.legal h2:first-child{margin-top:0}.legal h3{margin:1.5rem 0 .5rem;font-size:1.05rem;font-weight:700}.legal p{color:var(--muted);margin-bottom:1rem}.legal ul{margin-bottom:1rem;padding-left:1.2rem}.legal li{color:var(--muted);margin-bottom:.45rem}.legal a{color:var(--brand-dark);text-decoration:underline}.legal a:hover{color:var(--brand)}.legal strong{color:var(--ink);font-weight:600}.legal .legal-note{background:var(--paper-2);border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:12px;margin:1.5rem 0;padding:1rem 1.2rem}.legal .legal-note p:last-child{margin-bottom:0}.legal .legal-meta{color:var(--muted);font-size:.9rem}.legal ol{margin-bottom:1rem;padding-left:1.2rem}.legal ol li{margin-bottom:.6rem}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}.feature{transition:none}}.plan-card{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;height:100%;padding:1.5rem;transition:box-shadow .2s,transform .2s;display:flex}.plan-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0a1f2b14}.plan-card.is-popular{border-color:var(--brand);box-shadow:0 10px 30px #0ca6781f}.plan-card .plan-name{font-family:var(--font-sora), sans-serif;margin:0;font-size:1.15rem;font-weight:800}.plan-card .plan-tag{color:var(--muted);margin:.35rem 0 1rem;font-size:.875rem}.plan-card.is-custom{background:var(--paper-2);border-style:dashed}.plan-price-custom{color:var(--ink-soft);font-size:1.15rem}.plan-price{font-family:var(--font-sora), sans-serif;letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1}.plan-price small{font-family:var(--font-inter), sans-serif;color:var(--muted);letter-spacing:0;font-size:.85rem;font-weight:500}.plan-feats{margin:1.25rem 0 1.5rem;padding:0;list-style:none}.plan-feats li{color:var(--ink-soft);margin-bottom:.55rem;padding-left:1.6rem;font-size:.9rem;position:relative}.plan-feats li:before{content:"✓";color:var(--brand);font-weight:700;position:absolute;top:0;left:0}.ribbon{background:var(--brand);color:#fff;letter-spacing:.04em;border-radius:999px;padding:.25rem .7rem;font-size:.72rem;font-weight:700;position:absolute;top:-10px;right:1.25rem}.addon-card{background:var(--paper-2);border:1px dashed var(--line);border-radius:14px;height:100%;padding:1.1rem}.addon-card h3{margin:0 0 .3rem;font-size:.98rem;font-weight:700}.addon-card p{color:var(--muted);margin:0 0 .6rem;font-size:.84rem}.badge-soon{color:#8a6a00;background:#f2b70529;font-size:.72rem;font-weight:600}.note-box{color:var(--ink-soft);background:#0ca67812;border:1px solid #0ca67838;border-radius:12px;padding:.9rem 1rem;font-size:.875rem}.orios-toast{box-shadow:0 12px 32px -12px #0a1f2b47!important}[data-sonner-toast] [data-title]{font-weight:600}[data-sonner-toast] [data-description]{opacity:.9;font-size:.85rem}.badge-mati{color:var(--muted);background:#0a1f2b14;font-size:.72rem;font-weight:600}.paging{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;padding:.9rem 1rem 0;display:flex}.paging-info{color:var(--muted);font-size:.82rem}.paging .page-link{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:8px;margin-left:.25rem;padding:.25rem .6rem;font-size:.85rem}.paging .page-link:hover{background:var(--paper-2);color:var(--brand-dark)}.paging .page-item.active .page-link{background:var(--brand);border-color:var(--brand);color:#fff}.paging .page-item.disabled .page-link{opacity:.45}.paging-per{color:var(--muted);align-items:center;gap:.4rem;margin:0;font-size:.82rem;display:inline-flex}.paging-per .form-select{border-color:var(--line);width:auto;padding:.15rem 1.6rem .15rem .5rem;font-size:.82rem}.pengumuman-akses{color:#7a5c00;background:#f2b70524;border-bottom:1px solid #f2b7054d;margin-top:64px;padding:.7rem 0;font-size:.9rem}.pengumuman-akses+.hero{padding-top:2.5rem}.kartu-artikel{border:1px solid var(--line);height:100%;color:inherit;background:#fff;border-radius:16px;flex-direction:column;padding:1.4rem;text-decoration:none;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex}.kartu-artikel:hover{border-color:#0ca67866;transform:translateY(-2px);box-shadow:0 10px 30px #0a1f2b14}.kartu-artikel h2,.kartu-artikel h3{font-family:var(--font-sora), sans-serif;margin:0 0 .5rem;font-size:1.05rem;font-weight:700;line-height:1.35}.kartu-artikel p{color:var(--muted);margin:0 0 1rem;font-size:.9rem;line-height:1.6}.kartu-artikel-meta{color:var(--muted);margin-top:auto;font-size:.8rem}.kartu-artikel-kecil h3{margin-bottom:.6rem;font-size:.95rem}.artikel{padding:7rem 0 4.5rem}.artikel .container{max-width:46rem}.artikel-crumb{color:var(--muted);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.82rem;display:flex}.artikel-crumb a{color:var(--muted);text-decoration:none}.artikel-crumb a:hover{color:var(--brand-dark)}.artikel h1{margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}.artikel-meta{color:var(--muted);border-bottom:1px solid var(--line);flex-direction:column;gap:.2rem;margin-bottom:2rem;padding-bottom:1.5rem;font-size:.85rem;display:flex}.artikel-meta strong{color:var(--ink)}.artikel-ringkas{background:#0ca6780f;border:1px solid #0ca67833;border-radius:14px;margin-bottom:2.25rem;padding:1.25rem 1.4rem}.artikel-ringkas h2{font-family:var(--font-sora), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark);margin:0 0 .75rem;font-size:.8rem;font-weight:700}.artikel-ringkas ul{margin:0;padding-left:1.1rem}.artikel-ringkas li{color:var(--ink-soft);margin-bottom:.4rem;font-size:.9rem;line-height:1.6}.artikel-ringkas li:last-child{margin-bottom:0}.artikel-isi{color:var(--ink-soft);font-size:1.02rem;line-height:1.75}.artikel-isi h2{font-family:var(--font-sora), sans-serif;color:var(--ink);margin:2.5rem 0 .9rem;scroll-margin-top:90px;font-size:1.4rem;font-weight:800}.artikel-isi h3{font-family:var(--font-sora), sans-serif;color:var(--ink);margin:1.9rem 0 .7rem;font-size:1.1rem;font-weight:700}.artikel-isi p{margin-bottom:1.15rem}.artikel-isi ul,.artikel-isi ol{margin-bottom:1.3rem;padding-left:1.3rem}.artikel-isi li{margin-bottom:.55rem}.artikel-isi strong{color:var(--ink);font-weight:600}.artikel-isi a{color:var(--brand-dark);text-decoration:underline}.artikel-isi code{background:var(--paper-2);border:1px solid var(--line);border-radius:5px;padding:.1rem .35rem;font-size:.88em}.artikel-isi blockquote{border-left:3px solid var(--brand);color:var(--muted);margin:1.5rem 0;padding:.25rem 0 .25rem 1.1rem}.artikel-isi hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}.artikel-isi table{border-collapse:collapse;width:100%;margin-bottom:1.5rem;font-size:.92rem}.artikel-isi th,.artikel-isi td{border-bottom:1px solid var(--line);text-align:left;padding:.6rem .5rem}.artikel-isi th{color:var(--ink);font-weight:600}.artikel-cta{background:var(--paper-2);border:1px solid var(--line);border-radius:16px;margin-top:3rem;padding:1.5rem}.artikel-terkait{margin-top:3rem}.kpi .num-kecil{font-size:1.25rem}.kpi-catatan{color:var(--muted);margin-top:.35rem;font-size:.78rem}.kpi-aksi{color:var(--brand-dark);margin-top:.35rem;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-block}.kpi-aksi:hover{color:var(--brand);text-decoration:underline}.app-card{border:1px solid var(--line);border-left:3px solid var(--brand);background:#fff;border-radius:16px;flex-direction:column;height:100%;padding:1.25rem;transition:box-shadow .2s,transform .2s;display:flex}.app-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0a1f2b14}.app-card .app-name{font-family:var(--font-sora), sans-serif;margin:0;font-size:1.05rem;font-weight:800}.app-card .app-plan{color:var(--ink-soft);margin:0 0 .25rem;font-size:.88rem;font-weight:600}.app-card .app-ket{color:var(--muted);margin:0 0 1rem;font-size:.84rem}.app-masa{background:var(--paper-2);border-radius:10px;margin-bottom:1rem;padding:.6rem .75rem;font-size:.82rem}.app-masa .lbl{color:var(--muted);font-size:.75rem;display:block}.app-masa .val{color:var(--ink);font-weight:700}.app-masa .sisa{color:var(--muted);margin-left:.35rem}.app-masa .sisa.is-dekat{color:#8a6a00;font-weight:600}.app-panel{border-left:3px solid var(--brand)}.app-daftar{margin:0 0 1.25rem;padding:0;list-style:none}.app-item{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 0;display:flex}.app-item:first-child{border-top:0;padding-top:0}.app-item-info{min-width:0}.app-item .app-name{font-family:var(--font-sora), sans-serif;font-size:1.05rem;font-weight:800}.app-item .app-plan{color:var(--ink-soft);margin:.15rem 0 0;font-size:.85rem;font-weight:600}.app-item-masa{background:var(--paper-2);border-radius:10px;padding:.5rem .75rem;font-size:.82rem}.app-item-masa .lbl{color:var(--muted);font-size:.75rem;display:block}.app-item-masa .val{color:var(--ink);font-weight:700}.app-item-masa .sisa{color:var(--muted);margin-left:.35rem}.app-item-masa .sisa.is-dekat{color:#8a6a00;font-weight:600}.perhatian{background:#f2b70514;border:1px solid #f2b70559;border-radius:16px;padding:1.25rem}.perhatian-list{margin:0;padding:0;list-style:none}.perhatian-item{border-top:1px solid #f2b7054d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.perhatian-item:first-child{border-top:0;padding-top:0}.perhatian-item:last-child{padding-bottom:0}.perhatian-teks{flex-direction:column;flex:1;gap:.15rem;min-width:14rem;display:flex}.perhatian-teks strong{color:var(--ink);font-size:.95rem}.perhatian-teks span{color:var(--muted);font-size:.84rem}.perhatian-item.is-mendesak .perhatian-teks strong{color:#a8321f}.tambah-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;height:100%;padding:1.25rem;display:flex}.tambah-card .tambah-nama{font-family:var(--font-sora), sans-serif;margin:0 0 .25rem;font-size:1rem;font-weight:700}.tambah-card .tambah-tag{color:var(--muted);margin:0 0 .75rem;font-size:.84rem}.tambah-harga{font-family:var(--font-sora), sans-serif;font-size:1.35rem;font-weight:800}.tambah-harga small{font-family:var(--font-inter), sans-serif;color:var(--muted);font-size:.8rem;font-weight:500}.tambah-feats{margin:0 0 1rem}.tambah-feats li{margin-bottom:.4rem;font-size:.84rem}.filter-status{flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem;display:flex}.filter-chip{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:999px;padding:.25rem .7rem;font-size:.82rem;font-weight:600;line-height:1.5}.filter-chip:hover{background:var(--paper-2);color:var(--brand-dark)}.filter-chip.aktif{background:var(--brand);border-color:var(--brand);color:#fff}.filter-chip-num{opacity:.75;font-variant-numeric:tabular-nums;font-size:.72rem}.invoice-cetak .lembar{max-width:860px;margin:0 auto}.logo-invoice{object-fit:contain;max-width:200px;max-height:56px;display:block}@media print{.dash-nav,.d-print-none,[data-sonner-toaster]{display:none!important}body{background:#fff}.dash-shell main{padding:0!important}.invoice-cetak .lembar{box-shadow:none;border:0;max-width:none;padding:0!important}.badge,.table-orios thead th,.table-orios td{-webkit-print-color-adjust:exact;print-color-adjust:exact}a[href]:after{content:none!important}@page{size:A4;margin:14mm}}.dash-container{padding-left:1rem;padding-right:1rem}@media (min-width:992px){.dash-container{padding-left:2rem;padding-right:2rem}}@media (min-width:1600px){.dash-container{padding-left:3rem;padding-right:3rem}}.gambar-profil{background:var(--paper-2);place-items:center;display:grid;overflow:hidden}.gambar-profil img{max-width:100%;max-height:100%}.gambar-profil.is-bulat{width:84px;height:84px;color:var(--brand-dark);font-family:var(--font-sora), sans-serif;background:#0ca6781f;border-radius:50%;font-size:1.8rem;font-weight:800}.gambar-profil.is-bulat img{object-fit:cover;width:100%;height:100%}.gambar-profil.is-kotak{border:1px dashed var(--line);background:#fff;border-radius:12px;width:100%;height:120px}.gambar-profil.is-kotak img{object-fit:contain}.price-card.is-custom{background:var(--paper-2);border-style:dashed}.price-amt-custom{color:var(--ink-soft);font-size:1.35rem}
@media screen{html{font-size:clamp(1rem,.75rem + .27778vw,1.25rem)}}.public-page{color:#173c2e;background:#fff}.public-page .container{width:100%;max-width:none;padding-inline:clamp(1.5rem,2.5vw,4rem)}.public-page .navbar-orios{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffed;border-color:#e7eeea;padding:.9375rem 0}.public-page .navbar-brand{font-size:1.55rem}.public-page .navbar-nav{gap:3px!important}.public-page .navbar .nav-link{color:#52675d;padding:.55rem .65rem;font-size:.79rem}.public-page .navbar .nav-link.active{color:#098963}.public-page .navbar .btn{padding:.65rem 1.35rem;font-size:.82rem}.public-page .hero{isolation:isolate;background:radial-gradient(at 90% 20%,#dbefe2,#0000 60%),radial-gradient(at 0 0,#f1f5e6,#0000 45%),#f7faf5;border-bottom:1px solid #e7eee1;padding:8.875rem 0 4.5rem;position:relative}.public-page .hero:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#74936e0a 1px,#0000 1px),linear-gradient(90deg,#74936e0a 1px,#0000 1px);background-size:3.5rem 3.5rem;position:absolute;inset:0}.public-page .hero h1{color:#173f2e;letter-spacing:-.055em;font-size:clamp(2.1rem,4vw,3.2rem);font-weight:650;line-height:1.2}.public-page .hero .lead{color:#6c7d6e;font-size:1rem;line-height:1.85}.public-page .eyebrow{color:#198a63;letter-spacing:.14em;font-size:.69rem}.public-page .public-heading{text-align:center;padding-bottom:3.125rem}.public-heading .lead{margin-inline:auto}.public-heading .mb-5{margin-bottom:0!important}.public-page .section{padding:4.75rem 0;scroll-margin-top:90px}.public-page .section-alt{background:#f5f8f1}.public-page .section h2:not(.h6):not(.h5){letter-spacing:-.04em;font-size:clamp(1.6rem,2.7vw,2.15rem);font-weight:600;line-height:1.35}.public-page .text-muted{line-height:1.85;color:#6c7c70!important}.public-page .btn{border-radius:.625rem;font-size:.88rem;transition:background-color .18s,box-shadow .18s,transform .18s}.public-page .btn-lg{padding:.85rem 1.4rem;font-size:.9rem}.public-page .btn-brand{background:#099970;border-color:#099970;box-shadow:0 6px 16px #09997016}.public-page .btn-brand:hover{background:#087d5b;border-color:#087d5b;transform:translateY(-2px)}.public-page .btn-ghost{color:#254d3e;background:#ffffffb3;border-color:#d6e3dc}.public-page .btn-ghost:hover{background:#eaf5ee}:is(.public-page,.dash-shell,.auth-wrap) :is(a,button,input,select):focus-visible{outline-offset:3px;outline:3px solid #32aa83}.public-page :is(.feature,.card-orios,.price-card,.kartu-artikel){border-color:#e1e9db;border-radius:1.125rem;box-shadow:0 14px 35px -30px #24523645}.public-page .feature{background:#fdfefb;padding:1.6875rem}.public-page .feature:hover{border-color:#b4d8be;box-shadow:0 20px 35px -25px #1d613a35}.public-page .feature h3{font-size:1.02rem;font-weight:600;line-height:1.5}.public-page .feature p{color:#71806f;font-size:.88rem;line-height:1.85}.public-page :is(.ico,.modul-ikon){color:#258a5f;background:#eaf4e7;border:1px solid #dfeedd;border-radius:.75rem}.public-page :is(.wa-hero-visual,.wa-modul-visual){border-color:#dce8d8;border-radius:1.25rem;box-shadow:0 20px 40px -28px #265b4255}.public-page .wa-hero-visual{outline:5px solid #ffffff70}.public-page .wa-cost-summary{background:#ffffffd9;padding:1.5rem!important}.public-page .wa-cost-summary>.d-flex{flex-wrap:wrap;gap:6px .75rem;font-size:.88rem}.public-page .wa-modul-visual figcaption{background:#fbfdf8;font-size:.8rem;line-height:1.7}.public-page .plan-feats{font-size:.9rem;line-height:1.85}.public-page .langkah{padding-left:3rem}.public-page .langkah-nomor{color:#25865d;background:#e0f0df;border-radius:.625rem;width:2rem;height:2rem}.public-page .langkah h3{font-size:.95rem}.public-page .langkah p{font-size:.85rem;line-height:1.85}.public-page .note-box{color:#50734e;background:#eff6ea;border-color:#dcebd6;line-height:1.8}.public-page .price-card{padding:1.875rem}.public-page .price-card h3{font-size:1.25rem;font-weight:600}.public-page .price-amt{letter-spacing:-.04em;font-size:clamp(1.6rem,2.5vw,2rem)}.public-page .price-amt small{letter-spacing:0;font-size:.8rem}.public-page .price-amt-custom{font-size:1.3rem}.public-page .price-list li{font-size:.87rem;line-height:1.65}.public-page .price-card.featured{border:1.5px solid #159d71;box-shadow:0 12px 30px -20px #139c7060}.public-page .price-card.is-custom{background:#f1f6ed}.public-page .kartu-artikel{padding:1.75rem}.public-page .kartu-artikel :is(h2,h3){font-size:1.1rem!important;font-weight:600!important;line-height:1.5!important}.public-page .kartu-artikel p{font-size:.86rem;line-height:1.85}.public-page .kartu-artikel .badge{color:#557b45;background:#edf4e7;align-self:flex-start;padding:7px .625rem;font-size:.68rem}.public-page .kartu-artikel-meta{color:#708267;border-top:1px solid #e8eee2;padding-top:1.125rem;font-size:.73rem}.public-page .paging{border-color:#e1e9dc;margin-top:1.75rem;padding:1.25rem 0 0}.public-page .artikel{background:radial-gradient(100% 500px at 70% 0,#e8f3e5,#0000),#fff;padding-top:7.75rem}.public-page .artikel>.container{max-width:51.25rem}.public-page .artikel h1{letter-spacing:-.045em;font-size:clamp(1.8rem,3.2vw,2.65rem);font-weight:600;line-height:1.3}.public-page .artikel-crumb{margin-bottom:1.75rem}.public-page .artikel-meta{border-color:#dde9d9;padding-block:.625rem 1.5rem;font-size:.8rem;line-height:1.8}.public-page .artikel-ringkas{background:#f0f6eb;border-color:#dce9d3;border-radius:1.125rem;padding:1.5rem}.public-page .artikel-ringkas h2{font-size:.75rem}.public-page .artikel-isi{color:#455d4b;overflow-wrap:anywhere;font-size:1rem;line-height:1.9}.public-page .artikel-isi h2{color:#244b33;font-weight:600}.public-page .artikel-isi table{display:block;overflow-x:auto}.public-page .artikel-cta{background:#f0f6eb;border-color:#dce9d3;border-radius:1.125rem;padding:1.625rem}.public-page .legal{overflow-wrap:anywhere;background:#fff;border:1px solid #e1eadb;border-radius:1.25rem;padding:2.25rem 2.625rem;box-shadow:0 20px 45px -35px #265b4240}.public-page:has(.legal){background:#f7faf4}.public-page:has(.legal) .hero{text-align:center;padding:8.25rem 0 3rem!important}.public-page:has(.legal) .hero h1{font-size:clamp(1.9rem,3vw,2.7rem)}.public-page .legal h2{font-size:1.3rem!important}.public-page .legal h3{font-size:1.05rem}.public-page .legal :is(p,li){color:#63775f}.public-page .accordion-item{border:1px solid #e1e9db;margin-bottom:.75rem;overflow:hidden;border-radius:.75rem!important}.public-page .accordion-button{color:#315341;padding:1.3125rem 1.5rem;font-size:.9rem;font-weight:500}.public-page .accordion-button:not(.collapsed){color:#177a51;box-shadow:none;background:#f0f6ec}.public-page .accordion-button:focus{box-shadow:inset 0 0 0 2px #6bbb96}.public-page .accordion-body{padding:.625rem 1.5rem 1.5rem;font-size:.88rem}.public-page .footer{color:#71836e;background:#f5f8f1;border-top:1px solid #e4eadf;padding:3.4375rem 0 1.75rem;font-size:.84rem;line-height:1.85}.public-page .footer .brand-mark{color:#254732!important}.public-page .footer .text-white{font-size:.85rem;color:#36563e!important}.public-page .footer a{color:#71836e}.public-page .footer a:hover{color:#11885d}.public-page .footer hr{border-color:#adbea1!important}.public-page .footer .small{font-size:.73rem}.auth-wrap{background:radial-gradient(at 0 0,#4b9f7d 0,#0000 65%),linear-gradient(145deg,#164e3d,#092f29);min-height:100svh;padding:2.5rem 1.25rem}.auth-card{border:1px solid #ffffffb3;border-radius:1.5rem;max-width:30rem;padding:2.5rem;box-shadow:0 30px 65px -30px #001e1b90}.auth-card h1{letter-spacing:-.04em;font-size:1.65rem;font-weight:600;line-height:1.35}.auth-card p{line-height:1.85}.auth-card .bg-light{border:1px solid #e0ebd9;background:#f0f6ed!important;padding:1.25rem!important}.auth-card .btn-brand{background:#099970;border-color:#099970;padding:.85rem 1rem}.support-eyebrow{letter-spacing:.13em;color:#238664;margin-bottom:.625rem;font-size:.65rem;font-weight:600}@media screen{.dash-shell{color:#183c2e;background:radial-gradient(90% 480px at 90% 0,#e4f0e1,#0000),#f5f8f3}.dash-nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed;border-color:#e1e9dc;padding:.875rem 0}.dash-nav .navbar-brand{margin-right:2.25rem;font-size:1.55rem}.dash-nav .nav-link{color:#6c7d6d;border-radius:.625rem;padding:.65rem 1rem;font-size:.85rem}.dash-nav .nav-link.active{color:#19835c;background:#e7f3e4}.dash-user{text-overflow:ellipsis;white-space:nowrap;max-width:15.625rem;overflow:hidden}.dash-avatar{color:#358157;background:#edf5e9;border:1px solid #dcebd7;border-radius:50%;flex-shrink:0;place-items:center;width:2.125rem;height:2.125rem;font-size:.8rem;font-weight:600;display:grid}.dash-shell main.dash-container{padding-top:2rem!important;padding-bottom:3rem!important}.dash-shell .page-head{background:linear-gradient(110deg,#fff,#eef6e7);border:1px solid #dce8d6;border-radius:1.1875rem;margin-bottom:1.75rem;padding:1.6875rem 1.875rem}.dash-shell .page-head h1{color:#224f35;letter-spacing:-.04em;font-size:clamp(1.4rem,2.3vw,1.85rem);font-weight:600}.dash-shell .page-head p{color:#6a7c67;margin-top:.5625rem;font-size:.87rem;line-height:1.8}.dash-shell :is(.card-orios,.kpi,.plan-card,.app-card,.tambah-card,.addon-card){border-color:#dfe8d9;border-radius:1.0625rem;box-shadow:0 12px 28px -26px #17472665}.dash-shell .kpi{padding:1.5rem;position:relative;overflow:hidden}.dash-shell .kpi:before{content:"";background:#32a675;border-radius:0 0 4px 4px;width:2rem;height:3px;position:absolute;top:0;left:24px}.dash-shell .kpi .num{color:#287750;font-size:1.8rem;font-weight:600}.dash-shell .kpi .num-kecil{font-size:1.25rem}.dash-shell .kpi .lbl{color:#72826c;font-size:.8rem}.dash-shell .app-card{border-left:3px solid #29a274}.dash-shell :is(.app-masa,.app-item-masa){background:#f0f6e9}.dash-shell :is(.badge-soft,.badge-muted){border-radius:6px;padding:.45em .7em}.dash-shell .badge-soft{color:#22784d;background:#e7f3e1}.dash-shell .btn{border-radius:.5625rem;font-size:.85rem}.dash-shell .btn-brand{background:#099970;border-color:#099970;box-shadow:0 5px 12px #09997012}.dash-shell .btn-brand:hover{background:#087d5b;border-color:#087d5b}.dash-shell .btn-ghost{color:#3f6145;background:#fff;border-color:#d8e4d1}.dash-shell .btn-ghost:hover{background:#edf5e8}.dash-shell :is(.form-control,.form-select){background-color:#fbfdf9;border-color:#dbe5d6;border-radius:.625rem;min-height:2.75rem;font-size:.9rem}.dash-shell .form-control:focus{background:#fff;border-color:#4ba77b}.dash-shell .form-label{color:#4c6650;margin-bottom:.5625rem}.dash-shell .table-orios{--bs-table-bg:transparent;font-size:.85rem}.dash-shell .table-orios thead{background:#f2f7ee}.dash-shell .table-orios thead th{color:#6c7d62;letter-spacing:.07em;white-space:nowrap;border-color:#e1ead9;padding:.875rem 1rem;font-size:.69rem}.dash-shell .table-orios td{border-color:#edf1e8;padding:1rem}.dash-shell .table-orios tbody tr:hover{background:#f9fcf6}.dash-shell .note-box{color:#53734c;background:#edf6e7;border-color:#d9e9d0;padding:1.125rem 1.25rem;line-height:1.8}.dash-shell .text-muted{color:#6d7d69!important}.dash-shell .small{line-height:1.75}.dash-shell .filter-chip{border-color:#dce7d5;padding:.45rem .85rem;font-size:.78rem}.dash-shell .filter-chip.aktif{background:#168d63;border-color:#168d63}.dash-shell .paging{border-color:#e2eadb;padding-block:1.125rem 4px}.dash-shell .paging .form-select{min-height:2rem}.dash-shell .gambar-profil.is-bulat{color:#348254;background:#e5f2db;border:4px solid #f6faf2;box-shadow:0 0 0 1px #dbe7d1}.dash-shell .gambar-profil.is-kotak{background:#f9fcf5;border-color:#ccddbf;border-radius:.75rem}.dash-shell .invoice-cetak .lembar{border:1px solid #dce5d6;border-radius:1.125rem;box-shadow:0 18px 40px -30px #244b3240}}@media (min-width:992px) and (max-width:1199px){.public-page .navbar .nav-link{padding-inline:.4rem;font-size:.71rem}.public-page .navbar-brand{margin-right:.625rem}}@media (max-width:991px){.public-page .hero{padding:7.5rem 0 3.375rem}.public-page .section{padding:3.75rem 0}.public-page .navbar-collapse{padding:1.25rem 0 .5rem}.public-page .navbar .nav-link{padding:.625rem 0;font-size:.9rem}.public-page .navbar-collapse .btn{margin-top:.75rem}.dash-nav .navbar-collapse{padding:1.125rem 0 .5rem}.dash-nav .navbar-collapse>.d-flex{border-top:1px solid #e5eddd;margin-top:1rem;padding-top:1rem}}@media (max-width:575px){.public-page .container{padding-inline:1.25rem}.public-page .row.g-5{--bs-gutter-x:1.5rem}.public-page .hero{padding-top:6.875rem}.public-page .hero h1{font-size:2rem}.public-page .hero .lead{font-size:.93rem}.public-page .section{padding:3rem 0}.public-page .section .mb-5{margin-bottom:1.875rem!important}.public-page :is(.feature,.price-card,.kartu-artikel){padding:1.5rem}.public-page .legal{padding:1.5rem 1.25rem}.public-page .artikel{padding-top:6.875rem}.public-page .artikel-ringkas{padding:1.25rem}.public-page .artikel-isi{font-size:.95rem}.public-page .accordion-button{padding:1.125rem}.public-page .accordion-body{padding:.5rem 1.125rem 1.25rem}.public-page .btn-lg{font-size:.84rem}.auth-wrap{padding:1.5rem 1rem}.auth-card{border-radius:1.3125rem;padding:1.875rem 1.5rem}.auth-card h1{font-size:1.4rem}}@media screen and (max-width:575px){.dash-shell .page-head{border-radius:.9375rem;padding:1.375rem}.dash-shell main.dash-container{padding-top:1.375rem!important}.dash-shell .kpi{padding:1.25rem}.dash-shell :is(.form-control,.form-select){font-size:1rem}}@media (prefers-reduced-motion:reduce){:is(.public-page,.dash-shell,.auth-wrap) *,:is(.public-page,.dash-shell,.auth-wrap) :before{scroll-behavior:auto;transition:none!important}.public-page :is(.feature,.kartu-artikel,.btn-brand):hover,.dash-shell .app-card:hover{transform:none}}.waba-page .hero h1{letter-spacing:-.04em;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.22}.waba-page .hero .lead{max-width:34rem;font-size:.94rem;line-height:1.7}.waba-page .wa-hero-visual{outline-width:3px;max-width:320px;margin-inline:auto}.waba-page .wa-cost-summary{max-width:320px;margin-inline:auto;padding:1rem 1.15rem!important}.waba-page .wa-modul-visual{border-radius:1rem;max-width:680px;margin-inline:auto}.waba-page .wa-modul-visual figcaption{padding:.55rem 1rem;font-size:.76rem;line-height:1.5}.waba-page .section h2:not(.h6):not(.h5){letter-spacing:-.035em;font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.3}.waba-page .eyebrow{color:#16805b;letter-spacing:.1em;text-transform:uppercase;background:#e6f4ea;border-radius:999px;padding:.2rem .65rem;font-size:.66rem;font-weight:600;display:inline-block}.waba-page .feature:hover{transform:none}.waba-page .feature h3{letter-spacing:-.01em;font-size:.93rem;font-weight:600;margin-bottom:.3rem!important}.waba-page .row.g-5{--bs-gutter-x:2rem;--bs-gutter-y:1.5rem}.waba-page .card-orios p.small{font-size:.8rem;line-height:1.55}.waba-page .plan-feats{margin:.75rem 0 0;font-size:.84rem;line-height:1.55}.waba-page .accordion-button{padding:.85rem 1rem;font-size:.9rem;font-weight:600}@media (max-width:991px){.waba-page .hero{padding:5.5rem 0 2rem}.waba-page .wa-hero-visual,.waba-page .wa-cost-summary{max-width:100%}}.waba-page .hero .lead{max-width:32rem}.waba-page .hero .d-flex.flex-wrap{gap:.6rem!important}.waba-page .hero .btn-lg{border-radius:.7rem;padding:.5rem 1rem;font-size:.86rem}.waba-page .hero .text-muted.small{font-size:.78rem}.waba-page .public-heading,.waba-page .section .text-center.mb-5>p.text-muted{max-width:38rem}.waba-page .section .text-center.mb-5 h2{margin-top:.4rem}.waba-page .feature{flex-direction:column;display:flex}.waba-page .feature p{flex:1}@media (min-width:992px){.waba-page .wa-hero-visual,.waba-page .wa-cost-summary{max-width:360px;margin-left:auto;margin-right:0}.waba-page .wa-cost-summary{margin-top:.75rem}}@media (max-width:575px){.waba-page .container{padding-inline:1rem}.waba-page .hero h1{font-size:1.6rem}}.waba-page .container{max-width:1040px}.waba-page .hero{padding:5.5rem 0 1.5rem}.waba-page .hero h1{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.2;margin-bottom:.6rem!important}.waba-page .hero .lead{font-size:.86rem;line-height:1.6;margin-bottom:1rem!important}.waba-page .hero .btn-lg{padding:.4rem .9rem;font-size:.8rem}.waba-page .hero .text-muted.small{font-size:.72rem;margin-top:.75rem!important}.waba-page .hero .row{--bs-gutter-y:1rem}.waba-page .section{padding:1.9rem 0}.waba-page .section .mb-5{margin-bottom:1rem!important}.waba-page .section h2:not(.h6):not(.h5){font-size:clamp(1.15rem,2vw,1.4rem)}.waba-page .section .text-muted{font-size:.8rem;line-height:1.55}.waba-page .eyebrow{padding:.15rem .55rem;font-size:.6rem}.waba-page .row.g-4{--bs-gutter-x:.75rem;--bs-gutter-y:.75rem}.waba-page .feature{border-radius:.75rem;padding:.8rem .9rem}.waba-page .feature h3{font-size:.86rem;margin-bottom:.2rem!important}.waba-page .feature p{font-size:.74rem;line-height:1.5}.waba-page .modul-ikon{border-radius:.5rem;width:26px;height:26px;margin-bottom:.45rem}.waba-page .modul-ikon svg{width:14px;height:14px}.waba-page .wa-modul-visual{max-width:520px}.waba-page .wa-modul-visual figcaption{padding:.4rem .8rem;font-size:.7rem}.waba-page .card-orios.p-4{padding:.7rem .85rem!important}.waba-page .card-orios h3.h6{font-size:.82rem}.waba-page .card-orios p.small{font-size:.74rem}.waba-page .plan-feats{font-size:.78rem;line-height:1.45}.waba-page .plan-feats li{margin-bottom:.3rem}.waba-page .accordion-button{padding:.65rem .85rem;font-size:.82rem}.waba-page .accordion-body{padding:.2rem .85rem .8rem;font-size:.78rem;line-height:1.6}.waba-page .wa-cost-summary{font-size:.8rem;padding:.8rem .95rem!important}.waba-page .d-grid.gap-3{gap:.6rem!important}.waba-page .d-grid .card-orios>div:first-child{font-size:.8rem;border-radius:9px!important;width:30px!important;height:30px!important}@media (min-width:992px){.waba-page .wa-hero-visual,.waba-page .wa-cost-summary{max-width:300px}.waba-page .wa-cost-summary{margin-top:.5rem}}.waba-page .diagram-alur{padding-bottom:.25rem}.waba-page .diagram-alur svg{max-width:760px;margin-inline:auto;display:block}.waba-page .langkah{padding-left:2.1rem}.waba-page .langkah-nomor{width:24px;height:24px;font-size:.75rem}.waba-page .langkah h3{margin:.1rem 0 .2rem;font-size:.86rem}.waba-page .langkah p{font-size:.76rem;line-height:1.5}
.WidgetWhatsApp-module__JI9BRa__widget{z-index:1030;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:20px;right:20px}.WidgetWhatsApp-module__JI9BRa__fab{color:#fff;cursor:pointer;background:#25d366;border:0;border-radius:50%;place-items:center;width:58px;height:58px;transition:transform .15s,box-shadow .15s;display:grid;box-shadow:0 8px 24px #25d36666}.WidgetWhatsApp-module__JI9BRa__fab:hover{transform:scale(1.06)}.WidgetWhatsApp-module__JI9BRa__fab:focus-visible{outline-offset:3px;outline:3px solid #25d36673}.WidgetWhatsApp-module__JI9BRa__panel{color:#1a2b25;background:#fff;border:1px solid #0000000f;border-radius:18px;width:min(340px,100vw - 40px);animation:.18s ease-out WidgetWhatsApp-module__JI9BRa__naik;overflow:hidden;box-shadow:0 16px 48px #0000002e}@keyframes WidgetWhatsApp-module__JI9BRa__naik{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.WidgetWhatsApp-module__JI9BRa__panel{animation:none}.WidgetWhatsApp-module__JI9BRa__fab{transition:none}}.WidgetWhatsApp-module__JI9BRa__header{color:#fff;background:#075e54;align-items:center;gap:12px;padding:14px 16px;display:flex}.WidgetWhatsApp-module__JI9BRa__avatar{background:#25d366;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.WidgetWhatsApp-module__JI9BRa__avatar svg{width:22px;height:22px}.WidgetWhatsApp-module__JI9BRa__headerTeks{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.WidgetWhatsApp-module__JI9BRa__headerTeks small{opacity:.8;font-size:.75rem}.WidgetWhatsApp-module__JI9BRa__tutup{color:#fff;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:1.6rem;line-height:1}.WidgetWhatsApp-module__JI9BRa__isi{background:#efeae2;padding:16px}.WidgetWhatsApp-module__JI9BRa__bubble{background:#fff;border-radius:0 12px 12px;margin:0 0 12px;padding:10px 12px;font-size:.9rem;box-shadow:0 1px 1px #00000014}.WidgetWhatsApp-module__JI9BRa__pilihan{gap:8px;margin-bottom:12px;display:grid}.WidgetWhatsApp-module__JI9BRa__opsi{color:#075e54;background:#fff;border:1px solid #075e5440;border-radius:10px;padding:9px 12px;font-size:.86rem;font-weight:600;text-decoration:none;display:block}.WidgetWhatsApp-module__JI9BRa__opsi:hover{background:#e7f6ef}.WidgetWhatsApp-module__JI9BRa__mulai{text-align:center;color:#fff;background:#25d366;border-radius:999px;padding:11px 12px;font-size:.9rem;font-weight:700;text-decoration:none;display:block}.WidgetWhatsApp-module__JI9BRa__mulai:hover{color:#fff;background:#1ebe5a}@media (max-width:480px){.WidgetWhatsApp-module__JI9BRa__widget{bottom:14px;right:14px}}