:root{--ink:#0a2540;--muted:#425466;--soft:#6b7c93;--line:#e3e8ee;--bg:#fff;--alt:#f6f9fc;--p1:#635bff;--p2:#00d4ff;--p3:#ff80b5;--navy:#0a2540}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}code,pre{font-family:JetBrains Mono,ui-monospace,Menlo,monospace}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.center{text-align:center}.mesh{position:absolute;inset:0 0 auto 0;height:760px;overflow:hidden;z-index:-1;transform:skewY(-6deg);transform-origin:top left;top:-140px;background:linear-gradient(180deg,#f6f9fc,#fff)}.mesh i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:float 14s ease-in-out infinite}.mesh i:nth-child(1){width:520px;height:520px;background:var(--p1);left:6%;top:120px}.mesh i:nth-child(2){width:460px;height:460px;background:var(--p2);right:8%;top:140px;animation-delay:-5s}.mesh i:nth-child(3){width:380px;height:380px;background:var(--p3);left:42%;top:260px;animation-delay:-9s}@keyframes float{50%{transform:translate(40px,-30px) scale(1.12)}}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:14px max(24px,calc((100vw - 1080px)/2));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb3;border-bottom:1px solid rgba(227,232,238,.7)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:-.01em}.logo{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--p1),var(--p2));color:#fff;font-size:12px;font-weight:800}.links{display:flex;gap:22px;margin-left:auto}.links a{color:var(--muted);text-decoration:none;font-size:14.5px;font-weight:500;transition:.2s}.links a:hover{color:var(--p1)}.lang{display:flex;background:var(--alt);border:1px solid var(--line);border-radius:999px;padding:3px}.lang button{border:0;background:none;font:600 12px Inter;padding:5px 11px;border-radius:999px;color:var(--soft);cursor:pointer}.lang button.on{background:#fff;color:var(--p1);box-shadow:0 1px 3px #0a254026}.hero{text-align:center;padding:56px 24px 40px;max-width:1080px;margin:0 auto}.notch{width:200px;height:32px;margin:0 auto;background:#000;border-radius:0 0 18px 18px;position:relative;box-shadow:0 10px 30px #0a254040}.notch span{position:absolute;right:26px;top:12px;width:8px;height:8px;border-radius:50%;background:#0f1a2b;box-shadow:inset 0 0 3px #2d6cff}h1{font-size:clamp(48px,8vw,84px);line-height:1.02;letter-spacing:-.04em;margin:28px 0 18px;font-weight:800;background:linear-gradient(100deg,var(--ink) 20%,var(--p1) 55%,#b24bf3 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(17px,2.2vw,21px);color:var(--muted);max-width:640px;margin:0 auto}.btns{margin:32px 0 14px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;gap:8px;align-items:center;padding:13px 24px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px #0a25400f;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0a25401f}.btn.primary{background:var(--p1);border-color:var(--p1);color:#fff;box-shadow:0 8px 24px #635bff66}.btn.primary span{transition:.2s}.btn.primary:hover span{transform:translate(4px)}.meta{color:var(--soft);font-size:14px;margin:0;min-height:22px}.meta.left{margin-top:18px}.stage{margin:44px auto 0;padding:48px 20px 40px;border-radius:24px;background:linear-gradient(160deg,#1d2b4a,#0a1427);box-shadow:0 40px 80px -20px #32325d66,0 20px 40px -20px #0000004d;display:flex;justify-content:center;max-width:820px}section{padding:84px 0}h2{font-size:clamp(28px,4vw,40px);letter-spacing:-.03em;line-height:1.15;margin:0 0 14px;font-weight:800}.sub{color:var(--muted);margin:0 0 28px;font-size:17px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:18px;margin-top:30px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 2px 5px #32325d0d;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -12px #32325d33}.card h3{margin:14px 0 6px;font-size:18px;letter-spacing:-.01em}.card p{margin:0;color:var(--muted);font-size:15px}.ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--p1),var(--p2))}.ico svg{width:22px;height:22px}.card:nth-child(2) .ico{background:linear-gradient(135deg,#ff6b6b,var(--p3))}.card:nth-child(3) .ico{background:linear-gradient(135deg,#ffb347,#ff6b6b)}.card:nth-child(4) .ico{background:linear-gradient(135deg,#3ecf8e,var(--p2))}.dark{background:var(--navy);color:#fff;position:relative;overflow:hidden;clip-path:polygon(0 40px,100% 0,100% calc(100% - 40px),0 100%);padding:130px 0}.dark:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:var(--p1);filter:blur(120px);opacity:.35;left:-150px;top:-100px}.dark .sub{color:#aab7c8}.video{position:relative;max-width:900px;margin:34px auto 0;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 50px 100px -20px #0009,0 0 0 1px #ffffff1f}.video .bar,.term .bar{display:flex;gap:7px;padding:12px 14px;background:#1a2438}.bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.bar i:nth-child(2){background:#febc2e}.bar i:nth-child(3){background:#28c840}.video video{display:block;width:100%}.soon{display:flex;flex-direction:column;align-items:center;gap:22px;padding:60px 20px;color:#aab7c8;font-size:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:56px}@media(max-width:820px){.two{grid-template-columns:1fr;gap:40px}}.term{border-radius:14px;overflow:hidden;background:#0a1427;box-shadow:0 20px 40px -15px #0a254066}.term pre{margin:0;padding:18px;color:#e6edf7;font-size:13.5px;overflow-x:auto}.term b{color:#3ecf8e;margin-right:6px}.copy{margin-top:14px;background:var(--ink);color:#fff;border:0;border-radius:999px;padding:9px 18px;font:600 14px Inter;cursor:pointer;transition:.2s}.copy:hover{background:var(--p1)}.steps{padding:0;margin:20px 0 0;list-style:none;counter-reset:s}.steps li{counter-increment:s;display:flex;gap:14px;margin-bottom:18px;color:var(--muted)}.steps li:before{content:counter(s);flex:none;width:28px;height:28px;border-radius:50%;background:#efeeff;color:var(--p1);display:grid;place-items:center;font-weight:700;font-size:13px}.steps p{margin:0}.steps b{color:var(--ink)}.steps code{background:var(--alt);border:1px solid var(--line);padding:2px 7px;border-radius:6px;font-size:12.5px;color:var(--p1);word-break:break-all}.notes p{margin:0;color:var(--muted);font-size:17px}footer{border-top:1px solid var(--line);text-align:center;color:var(--soft);font-size:14px;padding:32px 0 48px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}.nd{width:min(100%,380px);background:#000;border-radius:0 0 28px 28px;padding:10px 18px 14px;color:#fff;overflow:hidden;max-height:36px;transition:max-height .7s cubic-bezier(.2,.8,.2,1),width .7s;width:200px;margin:0 auto;box-shadow:0 20px 50px #00000080}.nd.big{--s:1.25}.nd.open{max-height:220px;width:min(100%,380px)}.nd.big.open{width:min(100%,520px)}.nd-top{display:flex;justify-content:space-between;margin-bottom:6px}.nd-top span{width:30px;height:30px;border-radius:50%;background:#2a2a2d;display:grid;place-items:center;font-size:14px}.nd-body{animation:pg .5s}@keyframes pg{0%{opacity:0;transform:translate(16px)}}.nd small{color:#8e8e93;font-size:10px;letter-spacing:.06em;font-weight:600}.nd-row{display:flex;gap:10px;margin-top:6px}.nd-item{flex:1;background:#1c1c1e;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;min-width:0}.nd-item b{font-size:15px}.nd-item em{font-style:normal;background:#2c2c2e;border-radius:999px;font-size:11px;padding:2px 9px;align-self:flex-start;color:#ddd}.dots{display:flex;gap:6px;justify-content:center;margin-top:12px}.dots i{width:6px;height:6px;border-radius:50%;background:#48484a;transition:.3s}.dots i.on{width:22px;border-radius:4px;background:#fff}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}.chapters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}.chapters button{display:flex;align-items:center;gap:9px;background:#ffffff12;border:1px solid rgba(255,255,255,.14);color:#cfd9e8;font:600 14px Inter;padding:9px 16px 9px 10px;border-radius:999px;cursor:pointer;transition:.2s}.chapters button span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ffffff1f;font-size:12px}.chapters button:hover{background:#ffffff24}.chapters button.on{background:#fff;color:var(--ink);border-color:#fff}.chapters button.on span{background:var(--p1);color:#fff}.price{max-width:480px;margin:34px auto 0;text-align:center;padding:38px 34px 34px;position:relative;overflow:hidden;box-shadow:0 30px 60px -24px #32325d47,0 12px 24px -12px #00000014}.price:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--p1),var(--p2),var(--p3))}.price .tag{display:inline-block;background:#efeeff;color:var(--p1);font-weight:700;font-size:13px;padding:5px 14px;border-radius:999px}.amount{font-size:46px;font-weight:800;letter-spacing:-.03em;margin:14px 0 4px;background:linear-gradient(100deg,var(--ink),var(--p1));-webkit-background-clip:text;background-clip:text;color:transparent}.amount.sm{font-size:38px;margin:2px 0 4px}.price .pnote{color:var(--muted);margin:0 0 22px}footer a{color:var(--p1);text-decoration:none;font-weight:500}footer a:hover{text-decoration:underline}.page{padding-top:56px;padding-bottom:80px;min-height:70vh}.narrow{max-width:760px}.ptitle{font-size:clamp(32px,5vw,48px);line-height:1.1;margin:0 0 10px;letter-spacing:-.03em;background:none;color:var(--ink);-webkit-text-fill-color:currentColor}.doc{margin-top:30px}.doc h2{font-size:21px;margin:0 0 8px}.doc p,.doc li{color:var(--muted)}.doc ul{padding-left:20px;margin:0}.doc a,.page a{color:var(--p1)}.stack{display:grid;gap:16px;margin-top:22px}.notice h2{margin:0 0 4px;font-size:21px}.notice p{margin:0;color:var(--muted)}.notice .btn{margin-top:14px}.notice.ok{border-color:#9be3c0;background:#f1fcf7}.notice.bad{border-color:#f5b5b5;background:#fff6f6}.notice.warn{border-color:#f3d48a;background:#fffaec}.payc{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.payc .btn{margin:14px 0 4px}.sandbox{display:inline-block;background:#fffaec;border:1px solid #f3d48a;color:#92600a;font-size:13px;font-weight:600;padding:6px 12px;border-radius:10px;margin:6px 0 0}.qr{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;text-align:center}.qr img{width:100%;display:block;border-radius:8px}@media(max-width:640px){.payc{grid-template-columns:1fr}.qr{max-width:260px}}code{font-size:.92em}.adminbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}.adminbar .btn{padding:9px 18px}.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:18px 0}.stat{padding:16px 18px}.stat span{display:block;color:var(--soft);font-size:13px;font-weight:500}.stat b{font-size:30px;letter-spacing:-.02em}.stat.warn{border-color:#f3d48a;background:#fffaec}.stat.warn b{color:#b7791f}.charts{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.chart{padding:18px}.chart h3{margin:0 0 10px;font-size:15px}.chart.wide{grid-column:auto}.donut{display:flex;align-items:center;gap:14px}.donut ul{list-style:none;margin:0;padding:0;font-size:13px;color:var(--muted)}.donut li{display:flex;align-items:center;gap:7px;margin:3px 0}.donut li i{width:9px;height:9px;border-radius:50%}.donut li b{color:var(--ink);margin-left:auto;padding-left:8px}@media(max-width:980px){.charts{grid-template-columns:1fr}}.toolbar{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 12px;align-items:center}input,.login input{font:15px Inter;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);min-width:0}.toolbar input{flex:1;min-width:220px}input:focus{outline:2px solid var(--p1);outline-offset:1px}label{display:block;font-weight:600;font-size:14px;margin:14px 0 6px}.login{display:grid;gap:4px;padding:26px}.login .btn{margin-top:14px;justify-content:center}.err{color:#c53030;font-size:14px;margin:8px 0}.tablewrap{padding:0;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;color:var(--soft);text-transform:uppercase;letter-spacing:.04em;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:0}td small{display:block;color:var(--soft);font-size:12px;margin-top:2px}tr.claimrow{background:#fffaec}.claimtxt{color:#b7791f!important;font-weight:600}.badges{display:flex;gap:6px;flex-wrap:wrap}.badge{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}.badge.green{background:#e3f8ee;color:#157347}.badge.orange{background:#fff0dc;color:#b45309}.badge.red{background:#fde4e4;color:#b91c1c}.badge.blue{background:#e6e4ff;color:#4338ca}.actions{white-space:nowrap}.actions .mini{margin:0 4px 4px 0}.mini{font:600 12px Inter;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:.15s}.mini:hover{border-color:var(--p1);color:var(--p1)}.mini.hot{background:var(--p1);border-color:var(--p1);color:#fff}.mini.danger:hover{border-color:#c53030;color:#c53030}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a254073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:50;padding:20px}.dlg{max-width:420px;width:100%}.dlg h3{margin:0 0 8px;font-size:19px}.dlg p{color:var(--muted)}.dlg input{width:100%}.dlgbtns{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.dlgbtns .btn{padding:9px 18px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--ink);color:#fff;padding:11px 20px;border-radius:999px;font-weight:600;font-size:14px;z-index:60;box-shadow:0 12px 30px #0a254059}button:disabled{opacity:.6;cursor:default}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wrap.page.wide{max-width:1360px}.settings{margin-top:22px}.settings h3{margin:0 0 4px;font-size:16px}.setrow{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.setrow>div{flex:1;min-width:200px}.setrow input{width:100%}.setrow small{display:block;margin-top:4px}.setrow .btn{padding:10px 24px}.settings .meta{max-width:900px}.setrow{align-items:flex-start}.setrow .btn{margin-top:36px}.notes-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(100deg,var(--p1),#b24bf3);-webkit-background-clip:text;background-clip:text;color:transparent}.ver{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--soft)}.ver b{background:#efeeff;color:var(--p1);font-weight:700;padding:4px 12px;border-radius:999px}.modes{border:0;padding:0;margin:14px 0 4px;display:grid;gap:8px}.modes legend{font-weight:600;font-size:14px;margin-bottom:8px;padding:0}.mode{display:flex;align-items:center;gap:10px;margin:0;padding:11px 14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-weight:500;transition:.15s}.mode:hover{border-color:var(--p1)}.mode.on{border-color:var(--p1);background:#f5f4ff;color:var(--p1);font-weight:600}.mode input{min-width:0;width:auto;accent-color:var(--p1)}#harga{padding:104px 24px 80px}#catatan{padding:76px 24px 88px}.amount small{font-size:16px;font-weight:600;letter-spacing:0;color:var(--soft);-webkit-text-fill-color:var(--soft);margin-left:8px}.incl{list-style:none;margin:0 0 28px;padding:20px 0 0;border-top:1px solid var(--line);display:grid;gap:11px;text-align:left}.incl li{display:flex;gap:11px;align-items:flex-start;color:var(--ink);font-size:15px;font-weight:500}.incl li:before{content:"";flex:none;width:20px;height:20px;margin-top:1px;border-radius:50%;background:#e3f8ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23157347' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5'/%3E%3C/svg%3E") center/20px no-repeat}.two>*{min-width:0}.term,.term pre{max-width:100%}html{overflow-x:clip}@media(max-width:820px){.nav{flex-wrap:wrap;gap:6px 12px;padding:10px 16px 8px}.nav .brand{order:1}.nav .lang{order:2;margin-left:auto}.nav .links{order:3;display:flex;flex:0 0 100%;gap:18px;margin:0;padding:2px 2px 4px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}.nav .links::-webkit-scrollbar{display:none}.links a{font-size:14px;padding:4px 0}}@media(max-width:640px){.wrap{padding-left:18px;padding-right:18px}.hero{padding:36px 18px 28px}h1{margin:22px 0 14px}.btns{margin:24px 0 12px}.btn{padding:12px 20px;font-size:14.5px}.stage{margin-top:32px;padding:34px 10px 28px;border-radius:20px}section{padding:60px 0}#harga{padding:72px 18px 56px}#catatan{padding:56px 18px 64px}.price{padding:30px 22px 26px}.amount{font-size:40px}.dark{padding:100px 0;clip-path:polygon(0 24px,100% 0,100% calc(100% - 24px),0 100%)}.chapters button{font-size:13px;padding:8px 13px 8px 8px}.steps li{gap:12px}.notes-head{gap:8px}footer{padding:26px 18px 40px;line-height:1.9}.page{padding-top:36px;padding-bottom:56px}.statgrid{grid-template-columns:repeat(2,1fr)}.toolbar input{min-width:100%}}.notice-free{background:#f1fcf7;border:1px solid #9be3c0;color:#157347;font-weight:500;font-size:14.5px;padding:12px 16px;border-radius:12px;margin:14px 0 6px}h1{line-height:1.12;padding-bottom:.1em;margin-bottom:8px}.dl-term{margin:16px 0 4px}.dl-term pre{font-size:12.5px;padding:14px;white-space:pre-wrap;word-break:break-all}.dlg .dlgbtns{flex-wrap:wrap;justify-content:flex-start}.dlg .dlgbtns .copy{margin-top:0}.dlg .dlgbtns .btn,.dlg .dlgbtns .copy{padding:9px 18px;font-size:14px}.notice-soft{background:#fffaec;border:1px solid #f3d48a;color:#92600a;font-size:14px;font-weight:500;padding:10px 14px;border-radius:12px;margin:0 0 14px}