.ap-page{--night: #06110b;--night-2: #0b1d14;--night-line: #1d3528;--mint: #3ddc8f;--mint-soft: #a9f0cb;--on-night: #eaf6ef;--on-night-soft: #b4c9bd;--red: #c2352b;--red-pale: #fdecea;--amber: #a15c00;--amber-pale: #fff3dc}.ap-hero,.ap-demo,.ap-final{position:relative;overflow:hidden;background:var(--night);color:var(--on-night);isolation:isolate}.ap-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}.ap-hero-bg i{position:absolute;display:block}.ap-hero-bg .g1{width:900px;height:900px;left:-260px;top:-420px;border-radius:50%;background:radial-gradient(circle,#0f8a5280,#0f8a5200 65%);animation:ap-drift 18s ease-in-out infinite alternate}.ap-hero-bg .g2{width:700px;height:700px;right:-220px;bottom:-380px;border-radius:50%;background:radial-gradient(circle,#3ddc8f40,#3ddc8f00 65%);animation:ap-drift 22s ease-in-out infinite alternate-reverse}.ap-hero-bg .grid{inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 75%)}@keyframes ap-drift{to{transform:translate(80px,60px) scale(1.08)}}.ap-kicker{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-small);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mint);margin-bottom:18px}.ap-kicker:before{content:"";width:28px;height:2px;background:currentColor;border-radius:2px}.ap-lead{font-size:var(--fs-lead);line-height:1.65;color:var(--on-night-soft);max-width:580px}.ap-btn-glow{background:var(--mint);border-color:var(--mint);color:var(--night)!important;box-shadow:0 0 #3ddc8f66,0 18px 40px -16px #3ddc8fb3;transition:background .15s,transform .15s,box-shadow .25s}.ap-btn-glow:hover{background:#64e8a8;border-color:#64e8a8;box-shadow:0 0 0 6px #3ddc8f26,0 22px 50px -16px #3ddc8fcc}.ap-btn-line{background:transparent;border-color:#ffffff59;color:var(--on-night)!important}.ap-btn-line:hover{background:#ffffff12;border-color:var(--on-night)}.ap-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.ap-hero{padding:88px 0 104px}.ap-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.ap-hero h1{font-size:clamp(36px,4.6vw,56px);line-height:1.06;letter-spacing:-.045em;color:#fff;margin-bottom:24px}.ap-accent{display:block;background:linear-gradient(90deg,var(--mint),var(--mint-soft) 60%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.ap-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin:28px 0 0;padding:0;list-style:none;color:var(--on-night-soft);font-size:16px;font-weight:600}.ap-trust li{display:inline-flex;align-items:center;gap:8px}.ap-trust li:before{content:"✓";color:var(--mint);font-weight:800}.ap-hero-copy>*{animation:ap-rise .8s cubic-bezier(.2,.7,.2,1) both}.ap-hero-copy>:nth-child(2){animation-delay:.08s}.ap-hero-copy>:nth-child(3){animation-delay:.16s}.ap-hero-copy>:nth-child(4){animation-delay:.24s}.ap-hero-copy>:nth-child(5){animation-delay:.32s}@keyframes ap-rise{0%{opacity:0;transform:translateY(22px)}}.ap-stage{--rx: 0deg;--ry: 0deg;position:relative;perspective:1200px;animation:ap-settle 1.1s .2s cubic-bezier(.2,.7,.2,1) both}@keyframes ap-settle{0%{opacity:0;transform:translateY(40px) scale(.96)}}.ap-screen{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#102a1d,#0a1a12);border:1px solid #2a4a39;box-shadow:0 50px 100px -40px #000,0 0 0 1px #ffffff08 inset,0 0 80px -30px #3ddc8f55;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .4s cubic-bezier(.2,.7,.2,1)}.ap-screen-top{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid var(--night-line);font-size:15px}.ap-screen-top span{width:11px;height:11px;border-radius:50%;background:#2f4a3c}.ap-screen-top b{margin-left:10px;color:var(--on-night-soft);font-weight:600}.ap-rows{padding:8px 10px 14px}.ap-r{display:grid;grid-template-columns:1fr 44px 44px 76px;gap:10px;align-items:center;padding:13px 10px;border-bottom:1px solid #ffffff0d;font-size:15px;color:var(--on-night)}.ap-r:last-child{border-bottom:0}.ap-r span:nth-child(2),.ap-r span:nth-child(3){text-align:right;color:var(--on-night-soft);font-variant-numeric:tabular-nums}.ap-r em{font-style:normal;font-weight:800;text-align:right}.ap-r em.ok{color:var(--mint)}.ap-r em.bad{color:#ff8a7a}.ap-r.hit{animation:ap-hit 6s 1.4s infinite}.ap-r.hit2{animation:ap-hit 6s 3.2s infinite}@keyframes ap-hit{0%,30%,to{background:transparent}6%,18%{background:#ff8a7a1f}}.ap-scan{position:absolute;left:0;right:0;top:52px;height:70px;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent,#3ddc8f1f 70%,#3ddc8f99 98%,transparent);animation:ap-scan 6s linear infinite}@keyframes ap-scan{0%{transform:translateY(-70px);opacity:0}8%{opacity:1}80%{opacity:1}to{transform:translateY(300px);opacity:0}}.ap-float{position:absolute;display:grid;gap:2px;padding:14px 18px;border-radius:14px;background:#0d2219e6;border:1px solid #2f5541;backdrop-filter:blur(10px);box-shadow:0 24px 50px -20px #000;animation:ap-bob 6s ease-in-out infinite}.ap-float span{font-size:15px;color:var(--on-night-soft)}.ap-float b{font-size:21px;letter-spacing:-.02em}.ap-float-a{left:-28px;bottom:-26px}.ap-float-a b{color:#ff9d8f}.ap-float-b{right:-18px;top:-26px;animation-delay:-3s}.ap-float-b b{color:var(--mint)}@keyframes ap-bob{50%{transform:translateY(-10px)}}.ap-pain{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.ap-pain:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:#b9d6c5}.ap-pain-n{display:block;font-size:44px;font-weight:900;letter-spacing:-.04em;color:var(--green-pale);-webkit-text-stroke:1.5px var(--green);margin-bottom:14px;line-height:1}.ap-demo{padding:96px 0 88px;background:radial-gradient(ellipse 80% 50% at 50% 0%,#0f8a5233,transparent 70%),var(--night)}.ap-demo h2{color:#fff}.ap-demo-head{text-align:center;margin-inline:auto}.ap-demo-head .ap-lead{margin-inline:auto}.ap-demo-frame{position:relative;max-width:1040px;margin:0 auto}.ap-demo-frame:before{content:"";position:absolute;inset:-1px;border-radius:19px;z-index:-1;background:linear-gradient(140deg,#3ddc8f,transparent 35%,transparent 65%,#3ddc8f80);filter:blur(18px);opacity:.45}.ap-demo-note{max-width:1040px;margin:18px auto 0;text-align:center;color:var(--on-night-soft);font-size:15px}.ap-demo-note b{color:var(--on-night)}.ap-demo-cta{max-width:1040px;margin:40px auto 0;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:18px;border:1px solid var(--night-line);background:#0d2219}.ap-demo-cta div{display:grid;gap:4px}.ap-demo-cta b{font-size:20px;color:#fff}.ap-demo-cta span{color:var(--on-night-soft)}.ap-steps-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}.ap-steps-head{position:sticky;top:110px}.ap-steps-head h2{margin-bottom:18px}.ap-step-list{list-style:none;margin:0;padding:0;counter-reset:s}.ap-step-list li{position:relative;display:grid;grid-template-columns:56px 1fr;gap:20px;padding:0 0 36px}.ap-step-list li:not(:last-child):before{content:"";position:absolute;left:27px;top:58px;bottom:6px;width:2px;background:linear-gradient(var(--green),var(--line))}.ap-step-n{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;font-size:21px;box-shadow:0 0 0 6px var(--green-pale)}.ap-step-list h3{margin:12px 0 8px}.ap-step-list p{color:var(--ink-soft)}.ap-check{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}.ap-check li{position:relative;padding-left:34px}.ap-check li:before{content:"✓";position:absolute;left:0;top:2px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--green-pale);color:var(--green);font-size:15px;font-weight:800}.ap-card-dark{background:var(--night);border-color:var(--night);color:var(--on-night)}.ap-card-dark h3{color:#fff}.ap-plus li:before{content:"+";background:#3ddc8f26;color:var(--mint);font-size:18px}.ap-price-card{display:grid;gap:6px;align-content:start}.ap-price-name{font-weight:800;color:var(--green);text-transform:uppercase;letter-spacing:.05em;font-size:15px}.ap-price-num{font-size:clamp(36px,4vw,48px);letter-spacing:-.04em;line-height:1.1}.ap-price-meta{color:var(--ink-soft);font-weight:600;margin-bottom:10px}.ap-price-hot{border:2px solid var(--green);box-shadow:0 30px 60px -36px #0b6b3f80}.ap-price-foot{margin-top:22px;color:var(--ink-soft)}.ap-price-foot a,.ap-related a{color:var(--green);font-weight:700}.ap-related{margin-top:32px;padding:20px 22px;border-radius:var(--radius);background:var(--green-pale)}.ap-final{padding:96px 0}.ap-final h2{color:#fff;margin-bottom:18px}.ap-final .lead-form{color:var(--ink)}.sd{position:relative;border-radius:18px;overflow:hidden;background:#fff;color:var(--ink);border:1px solid #2a4a39;box-shadow:0 60px 120px -50px #000;text-align:left}.sd .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sd-chrome{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#eef2ef;border-bottom:1px solid var(--line)}.sd-dots{display:flex;gap:7px}.sd-dots i{width:12px;height:12px;border-radius:50%;background:#c9d3cd}.sd-dots i:first-child{background:#f2766b}.sd-dots i:nth-child(2){background:#f5c04f}.sd-dots i:nth-child(3){background:#4fc77f}.sd-url{flex:1;min-width:0;padding:6px 14px;border-radius:8px;background:#fff;color:var(--ink-soft);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-reset{flex:none;border:0;background:none;color:var(--green);font:inherit;font-size:15px;font-weight:700;cursor:pointer;padding:8px 4px}.sd-reset:hover{text-decoration:underline}.sd-tabs{display:flex;gap:4px;padding:10px 12px 0;background:#f7f9f8;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.sd-tabs::-webkit-scrollbar{display:none}.sd-tabs button{flex:none;min-height:50px;padding:0 20px;border:0;border-bottom:3px solid transparent;background:none;font:inherit;font-size:16px;font-weight:700;color:var(--ink-soft);cursor:pointer}.sd-tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green)}.sd-tabs button:focus-visible{outline:3px solid #79c79c;outline-offset:-3px}.sd-body{padding:22px;min-height:520px}.sd-panel[hidden]{display:none}.sd-panel:not([hidden]){animation:sd-in .35s ease both}@keyframes sd-in{0%{opacity:0;transform:translateY(8px)}}.sd-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:16px}.sd-search{flex:1 1 280px}.sd input,.sd select{width:100%;min-height:50px;padding:10px 14px;border:1.5px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:16px;color:var(--ink)}.sd input:focus,.sd select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px #0b6b3f1f}.sd-legend{display:flex;gap:8px}.sd-badge{display:inline-block;padding:3px 11px;border-radius:99px;font-size:15px;font-weight:700;white-space:nowrap}.sd-badge.ok{background:var(--green-pale);color:var(--green)}.sd-badge.low{background:var(--amber-pale);color:var(--amber)}.sd-badge.out{background:var(--red-pale);color:var(--red)}.sd-table{border:1px solid var(--line-soft);border-radius:12px;overflow:hidden}.sd-tr{display:grid;grid-template-columns:minmax(0,2.2fr) 1fr .8fr 1.1fr .9fr;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line-soft);font-size:16px}.sd-tr:last-child{border-bottom:0}.sd-th{background:#f7f9f8;font-weight:700;color:var(--ink-soft);font-size:15px}.sd-name{display:grid;min-width:0}.sd-name b{font-weight:700}.sd-name small,.sd-log small{color:var(--ink-soft);font-size:15px}.sd-empty{padding:22px;color:var(--ink-soft);list-style:none}#sd-panel-mutasi:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.sd-form{display:grid;gap:16px;padding:22px;border-radius:14px;background:#f7f9f8;border:1px solid var(--line-soft)}.sd-field{display:grid;gap:6px;font-weight:700;font-size:15px}.sd-row2{display:grid;grid-template-columns:.7fr 1.3fr;gap:12px}.sd-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:12px;background:#e6ebe7}.sd-seg label{position:relative}.sd-seg input{position:absolute;opacity:0;inset:0;min-height:0}.sd-seg span{display:grid;place-items:center;min-height:46px;border-radius:9px;font-weight:700;color:var(--ink-soft);cursor:pointer}.sd-seg input:checked+span{background:#fff;color:var(--ink);box-shadow:0 2px 8px -2px #14201a33}.sd-seg input:focus-visible+span{outline:3px solid #79c79c}.sd-hint{margin:0;font-size:15px;color:var(--green);font-weight:600}.sd-hint.warn{color:var(--red)}.sd-log h4,.sd-card h4{margin:0 0 12px;font-size:18px}.sd-log ol,.sd-reorder,.sd-bars{list-style:none;margin:0;padding:0}.sd-log li{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line-soft)}.sd-log span:nth-child(2){display:grid;min-width:0}.sd-log time{color:var(--ink-soft);font-size:15px;white-space:nowrap}.sd-log-qty{font-weight:800;text-align:center;padding:6px 0;border-radius:8px;font-variant-numeric:tabular-nums}.sd-log-masuk .sd-log-qty{background:var(--green-pale);color:var(--green)}.sd-log-keluar .sd-log-qty{background:#eef2ef;color:var(--ink)}.sd-log-opname .sd-log-qty{background:var(--amber-pale);color:var(--amber)}.sd-opname-head{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-bottom:14px}.sd-progress{flex:1 1 280px;display:grid;gap:8px}.sd-bar{height:10px;border-radius:99px;background:#e6ebe7;overflow:hidden}.sd-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--mint));transition:width .4s cubic-bezier(.2,.7,.2,1)}.sd-opname-sum{display:grid;text-align:right;padding:10px 18px;border-radius:12px;background:#f7f9f8;border:1px solid var(--line-soft)}.sd-opname-sum span{font-size:15px;color:var(--ink-soft)}.sd-opname-sum b{font-size:24px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.sd-opname-sum b.neg{color:var(--red)}.sd-opname-sum b.pos{color:var(--green)}.sd-opname .sd-tr{grid-template-columns:minmax(0,2.2fr) 1fr 1.1fr 1.2fr}.sd-opname input{max-width:130px;min-height:46px;text-align:right;font-variant-numeric:tabular-nums}.sd-diff{font-weight:800;font-variant-numeric:tabular-nums}.sd-diff em{font-style:normal;font-weight:600;color:var(--ink-soft)}.sd-diff small{display:block;font-weight:600;font-size:15px}.sd-op-row{transition:background .3s}.sd-op-row.match{background:#f3faf6}.sd-op-row.match .sd-diff{color:var(--green)}.sd-op-row.minus{background:#fff6f5}.sd-op-row.minus .sd-diff{color:var(--red)}.sd-op-row.plus{background:#fffaf0}.sd-op-row.plus .sd-diff{color:var(--amber)}.sd-op-row.scanned{animation:sd-scanned 1.4s ease}@keyframes sd-scanned{0%{box-shadow:inset 0 0 0 3px var(--mint);background:#dff8ea}to{box-shadow:inset 0 0 0 3px transparent}}.sd-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}.sd-actions-end{justify-content:flex-end;margin:16px 0 0}.sd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border-radius:10px;border:2px solid var(--green);background:var(--green);color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:background .15s,transform .15s,opacity .15s}.sd-btn:hover:not(:disabled){background:var(--green-bright);border-color:var(--green-bright)}.sd-btn:active:not(:disabled){transform:translateY(1px)}.sd-btn:disabled{opacity:.4;cursor:not-allowed}.sd-btn:focus-visible{outline:3px solid #79c79c;outline-offset:2px}.sd-btn svg{width:22px;height:22px}.sd-btn-ghost{background:#fff;color:var(--green)}.sd-btn-ghost:hover:not(:disabled){background:var(--green-pale);color:var(--green)}.sd-btn-scan{background:var(--ink);border-color:var(--ink)}.sd-btn-scan:hover:not(:disabled){background:#24352c;border-color:#24352c}.sd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.sd-kpi{display:grid;gap:4px;padding:16px 18px;border-radius:12px;background:#f7f9f8;border:1px solid var(--line-soft)}.sd-kpi span{font-size:15px;color:var(--ink-soft)}.sd-kpi b{font-size:21px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.sd-kpi:first-child{background:var(--night);border-color:var(--night)}.sd-kpi:first-child span{color:var(--on-night-soft)}.sd-kpi:first-child b{color:var(--mint)}.sd-report-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}.sd-card{padding:18px;border-radius:12px;border:1px solid var(--line-soft)}.sd-reorder li{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-soft)}.sd-reorder li:last-child{border-bottom:0}.sd-reorder li>span:last-child{grid-column:2;color:var(--ink-soft);font-size:15px}.sd-bars li{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:4px 12px;align-items:center;padding:7px 0;font-size:15px}.sd-bars li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-bars li i{grid-column:1;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--green),var(--mint));width:var(--w);min-width:4px;transition:width .5s cubic-bezier(.2,.7,.2,1)}.sd-bars li b{grid-column:2;grid-row:1 / span 2;text-align:right;font-variant-numeric:tabular-nums}.sd-toast{position:absolute;left:50%;bottom:18px;z-index:5;max-width:calc(100% - 32px);padding:14px 20px;border-radius:12px;background:var(--night);color:#fff;font-weight:600;font-size:16px;box-shadow:0 20px 40px -14px #000;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}.sd-toast.show{opacity:1;transform:translate(-50%)}@media(max-width:900px){.ap-hero{padding:56px 0 84px}.ap-hero-grid,.ap-steps-grid{grid-template-columns:1fr;gap:48px}.ap-steps-head{position:static}.ap-stage{max-width:560px}.ap-demo,.ap-final{padding:64px 0}.ap-demo-cta{flex-direction:column;align-items:stretch;text-align:left}#sd-panel-mutasi:not([hidden]){grid-template-columns:1fr}.sd-kpis{grid-template-columns:1fr 1fr}.sd-report-grid{grid-template-columns:1fr}}@media(max-width:700px){.sd-body{padding:14px}.sd-th{display:none}.sd-tr,.sd-opname .sd-tr{grid-template-columns:1fr 1fr;gap:8px 12px;padding:14px}.sd-tr .sd-name{grid-column:1 / -1}.sd-tr [data-label]:before{content:attr(data-label);display:block;font-size:15px;color:var(--ink-soft);font-weight:600}.sd-opname input{max-width:none}.sd-legend,.sd-url{display:none}.sd-chrome{justify-content:space-between}.sd-tabs button{padding:0 14px;font-size:15px}.sd-row2{grid-template-columns:1fr}.sd-log li{grid-template-columns:56px 1fr}.sd-log time{grid-column:2}.sd-opname-sum{text-align:left;flex:1 1 100%}.sd-actions .sd-btn{flex:1 1 100%}.ap-float-a{left:8px;bottom:-30px}.ap-float-b{right:8px;top:-30px}.ap-r{grid-template-columns:1fr 34px 34px 64px;gap:6px;padding:12px 6px}}@media(max-width:600px){.ap-cta .btn{width:100%}.ap-demo-cta{padding:22px 20px}}@media(prefers-reduced-motion:reduce){.ap-hero-bg i,.ap-hero-copy>*,.ap-stage,.ap-r,.ap-scan,.ap-float,.sd-panel,.sd-op-row.scanned{animation:none!important}.ap-scan{display:none}}