.hero-section[data-v-848925f0]{background:radial-gradient(circle at top left,rgba(94,92,230,.14),transparent 30%),radial-gradient(circle at top right,rgba(79,70,229,.16),transparent 32%),linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-main) 100%);overflow:hidden;padding:6rem 0 2rem}.hero-copy[data-v-848925f0]{margin:0 auto;max-width:860px}.hero-kicker[data-v-848925f0]{align-items:center;background:#5e5ce61a;border-radius:9999px;color:var(--primary);display:inline-flex;font-size:.8rem;font-weight:700;gap:.5rem;letter-spacing:.08em;margin-bottom:1.25rem;padding:.45rem .9rem;text-transform:uppercase}.hero-content h1[data-v-848925f0]{color:#111827;font-size:3.75rem;letter-spacing:-.04em;margin:0 auto 1.5rem;max-width:900px}.hero-content p[data-v-848925f0]{color:var(--text-muted);font-size:1.18rem;margin:0 auto 2.5rem;max-width:780px}.hero-actions[data-v-848925f0]{display:flex;gap:1rem;justify-content:center;margin-bottom:4rem}.hero-btn[data-v-848925f0]{font-size:1.04rem;padding:.875rem 2rem}.hero-mockup[data-v-848925f0]{margin:0 auto;max-width:1220px}.mockup-grid[data-v-848925f0]{align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr)}.device[data-v-848925f0],.secondary-devices[data-v-848925f0]{position:relative}.device[data-v-848925f0]{background:linear-gradient(180deg,#fff,#f7f7ff);border:1px solid rgba(94,92,230,.14);border-radius:1.5rem;box-shadow:0 24px 60px #4f46e524;padding:1rem}.laptop-card[data-v-848925f0]{max-width:860px;width:100%}.device-header[data-v-848925f0]{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.device-label[data-v-848925f0]{color:var(--primary);font-size:.85rem;font-weight:700;text-align:left}.laptop-switcher[data-v-848925f0]{align-items:center;background:#eef2ff;border-radius:9999px;display:inline-flex;gap:.5rem;padding:.25rem}.switch-pill[data-v-848925f0]{background:transparent;border:0;border-radius:9999px;color:var(--text-muted);cursor:pointer;font:inherit;font-size:.8rem;font-weight:700;padding:.45rem .8rem}.switch-pill.active[data-v-848925f0]{background:var(--primary);color:#fff}.device-screen[data-v-848925f0]{background:linear-gradient(180deg,#fff,#eef2ff);border:1px solid rgba(79,70,229,.12);border-radius:1.15rem;overflow:hidden}.laptop-screen[data-v-848925f0]{height:540px}.payroll-reference-image[data-v-848925f0]{background:#fff;display:block;height:calc(100% - 53px);-o-object-fit:contain;object-fit:contain;-o-object-position:center top;object-position:center top;width:100%}.screen-toolbar[data-v-848925f0]{background:#eef2ff;border-bottom:1px solid rgba(79,70,229,.1);display:flex;gap:.4rem;padding:.9rem 1rem}.screen-toolbar span[data-v-848925f0]{background:#4f46e538;border-radius:50%;height:.7rem;width:.7rem}.screen-toolbar span[data-v-848925f0]:first-child{background:#f97316}.screen-toolbar span[data-v-848925f0]:nth-child(2){background:#eab308}.screen-toolbar span[data-v-848925f0]:nth-child(3){background:#22c55e}.secondary-devices[data-v-848925f0]{align-items:start;display:flex;gap:0;justify-content:flex-start;max-width:400px;width:100%}.phone-card[data-v-848925f0]{align-self:start;height:-moz-fit-content;height:fit-content;padding:1rem;width:100%}.phone-header[data-v-848925f0]{align-items:center;flex-wrap:wrap;gap:.75rem;justify-content:flex-start;margin-bottom:.35rem}.phone-switcher[data-v-848925f0]{flex-shrink:0;justify-content:flex-start;max-width:none;width:auto}.phone-header .device-label[data-v-848925f0]{flex-shrink:0;white-space:nowrap}.phone-screen[data-v-848925f0]{background:#141b33;height:540px}.phone-screen.dagang-ku-screen[data-v-848925f0]{height:540px}.phone-reference-image[data-v-848925f0]{border-radius:inherit;display:block;height:100%;-o-object-fit:var(--v2c661af8);object-fit:var(--v2c661af8);-o-object-position:var(--v0df37abc);object-position:var(--v0df37abc);width:100%}.bounce-in[data-v-848925f0]{animation:bounceIn-848925f0 .8s cubic-bezier(.68,-.55,.265,1.55) forwards}.fade-in[data-v-848925f0]{animation:fadeIn-848925f0 .8s ease .25s forwards;opacity:0}.fade-in-delay[data-v-848925f0]{animation:fadeIn-848925f0 .8s ease .45s forwards;opacity:0}.fade-up[data-v-848925f0]{animation:fadeUp-848925f0 1s ease .65s forwards;opacity:0;transform:translateY(40px)}@keyframes bounceIn-848925f0{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn-848925f0{to{opacity:1}}@keyframes fadeUp-848925f0{to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.hero-content h1[data-v-848925f0]{font-size:3rem}.laptop-card[data-v-848925f0],.secondary-devices[data-v-848925f0]{max-width:100%}.mockup-grid[data-v-848925f0]{grid-template-columns:1fr;justify-items:center}}@media(max-width:768px){.hero-section[data-v-848925f0]{padding-top:4.5rem}.hero-content h1[data-v-848925f0]{font-size:2.4rem}.hero-content p[data-v-848925f0]{font-size:1.05rem}.device-header[data-v-848925f0],.hero-actions[data-v-848925f0]{flex-direction:column}.device-header[data-v-848925f0]{align-items:flex-start}.phone-header .device-label[data-v-848925f0]{white-space:normal}.phone-switcher[data-v-848925f0]{width:100%}.laptop-screen[data-v-848925f0]{height:320px}.payroll-reference-image[data-v-848925f0]{height:calc(100% - 53px)}.phone-screen[data-v-848925f0],.phone-screen.dagang-ku-screen[data-v-848925f0]{height:320px}}.product-overview p.max-w-2xl[data-v-ff10cda3]{margin-left:auto;margin-right:auto;max-width:700px}.product-grid[data-v-ff10cda3]{grid-template-columns:repeat(1,minmax(0,1fr))}.product-card[data-v-ff10cda3]{display:flex;flex-direction:column;min-height:100%;padding:2.1rem;text-align:left}.card-icon[data-v-ff10cda3]{align-items:center;background:linear-gradient(135deg,#5e5ce61f,#5e5ce63d);border-radius:1.1rem;color:var(--primary);display:flex;height:3.75rem;justify-content:center;margin-bottom:1.35rem;width:3.75rem}.card-icon svg[data-v-ff10cda3]{height:2rem;width:2rem}.product-card h3[data-v-ff10cda3]{font-size:1.42rem;margin-bottom:.85rem}.product-card p[data-v-ff10cda3]{margin-bottom:1.75rem;min-height:84px}@media(min-width:768px){.product-grid[data-v-ff10cda3]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.product-card p[data-v-ff10cda3]{min-height:auto}}.max-w-2xl[data-v-632af285]{margin-left:auto;margin-right:auto;max-width:600px}.feature-item[data-v-632af285]{padding:1.5rem}.f-icon[data-v-632af285]{align-items:center;background:var(--white);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--primary);display:flex;height:4rem;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease;width:4rem}.feature-item:hover .f-icon[data-v-632af285]{box-shadow:var(--shadow-md);transform:scale(1.1)}.f-icon svg[data-v-632af285]{height:2rem;width:2rem}h4[data-v-632af285]{font-size:1.25rem;margin-bottom:.75rem}.max-w-2xl[data-v-5926e276]{margin-left:auto;margin-right:auto;max-width:600px}.relative[data-v-5926e276]{position:relative}.step-line[data-v-5926e276]{background:var(--border-color);height:2px;left:10%;position:absolute;right:10%;top:2rem;z-index:0}.step[data-v-5926e276]{position:relative;z-index:1}.step-num[data-v-5926e276]{align-items:center;background:var(--primary);border-radius:50%;box-shadow:0 0 0 8px var(--white);color:var(--white);display:flex;font-size:1.5rem;font-weight:700;height:4rem;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease;width:4rem}.step:hover .step-num[data-v-5926e276]{box-shadow:0 0 0 8px var(--primary-light);transform:translateY(-5px)}.hidden[data-v-5926e276]{display:none}@media(min-width:768px){.md\:block[data-v-5926e276]{display:block}}.avatar[data-v-795ef4b7]{align-items:center;background:var(--primary-light);border-radius:50%;color:var(--primary);display:flex;font-size:1.25rem;font-weight:700;height:3rem;justify-content:center;width:3rem}.bg-alt[data-v-795ef4b7]{background:#fee2e2;color:#ef4444}.font-alt2[data-v-795ef4b7]{background:#dcfce7;color:#10b981}.name[data-v-795ef4b7]{color:var(--text-main);font-weight:600}.text-muted[data-v-795ef4b7]{color:var(--text-muted)}.font-sm[data-v-795ef4b7]{font-size:.875rem}.content p[data-v-795ef4b7]{color:var(--text-main);font-style:italic;line-height:1.7}