.ai-demo{--demo-bg:#08090b;--demo-panel:#111318;--demo-panel-raised:#181a21;--demo-panel-soft:#20232b;--demo-line:#292c35;--demo-text:#f4f4f5;--demo-muted:#8f95a7;--demo-accent:#2563eb;display:flex;overflow:hidden;background:radial-gradient(circle at 63% 9%,rgba(48,45,88,.2),transparent 28rem),var(--demo-bg);color:var(--demo-text);font-size:16px;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ai-sidebar{width:228px;flex:0 0 228px;min-height:100dvh;display:flex;flex-direction:column;padding:18px 12px 16px;background:transparent}.ai-sidebar-top{display:flex;min-height:0;flex:1;flex-direction:column;gap:20px}.login-button,.mode-chips button,.new-chat,.signup-button{border:0;color:inherit;font:inherit;cursor:pointer}.new-chat{height:42px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:10px;background:#1d2027;color:#f6f6f7;font-size:14px;font-weight:600}.new-chat svg:first-child{color:white;background:var(--demo-accent);border-radius:50%;padding:2px}.new-chat-chevron{margin-left:auto;color:#9196a2}@keyframes more-popover-in{0%{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}.free-tools-sidebar-wrap{position:relative;display:flex;min-height:0;flex:1;flex-direction:column}.free-tools-sidebar-button{width:100%}.free-tools-sidebar-button>svg:first-child{color:var(--demo-accent)}.free-tools-sidebar-menu{display:grid;min-height:0;max-height:none;flex:1;gap:2px;overflow-y:auto;margin-top:8px;padding:8px 4px 8px 8px;border-left:0;scrollbar-width:none;animation:more-popover-in .18s ease both}.free-tools-sidebar-menu strong{margin:8px 4px 3px;color:var(--demo-muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.free-tools-sidebar-menu a{display:flex;align-items:center;gap:9px;min-width:0;padding:7px 5px;border-radius:7px;color:var(--demo-text);text-decoration:none}.free-tools-sidebar-menu a:hover{background:var(--demo-panel-soft)}.free-tools-sidebar-menu a>svg{flex:0 0 auto;color:var(--demo-accent)}.free-tools-sidebar-menu a span{min-width:0;font-size:11px;font-weight:700}.sidebar-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding:12px 10px 0;color:#6f7481;font-size:11px}.status-dot{width:6px;height:6px;border-radius:50%;background:#a99fff;box-shadow:0 0 10px #a99fff}.ai-main{min-width:0;flex:1;max-height:100dvh;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.ai-main::-webkit-scrollbar,.free-tools-sidebar-menu::-webkit-scrollbar{display:none}.ai-topbar{z-index:20;min-height:66px;justify-content:flex-end;gap:22px;padding:0 28px;border-bottom:0;background:rgba(8,9,11,.84);backdrop-filter:blur(16px)}.ai-top-actions,.ai-topbar{display:flex;align-items:center}.ai-top-actions{gap:8px}.login-button,.signup-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:7px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .18s ease,background .18s ease}.login-button{background:#21242b;color:#f2f2f5}.signup-button{background:var(--demo-accent);color:white;box-shadow:0 8px 22px rgba(37,99,235,.24)}.login-button:hover,.signup-button:hover{transform:translateY(-1px)}.signup-button:hover{background:#1d4ed8}.ai-content{width:min(1220px,calc(100% - 88px));margin:0 auto;padding:50px 0 100px}.ai-content section{scroll-margin-top:82px}.ai-hero{text-align:center}.eyebrow-line{width:22px;height:1px;background:#6d6a9b}.mode-chips{display:flex;justify-content:center;gap:8px;margin-top:14px}.mode-chips button{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #2a2d36;border-radius:10px;background:#16181d;color:#d6d6dc;font-size:12px;transition:border-color .18s ease,background .18s ease,transform .18s ease}.mode-chips button:hover{border-color:#4c4f5b;background:#20232b;transform:translateY(-1px)}.chip-icon{display:grid;width:18px;height:18px;place-items:center;border-radius:5px;font-size:10px}.chip-icon.orange{background:#ef8d34;color:white}.chip-icon.indigo{background:#6568ed;color:white}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}@media (max-width:900px){.ai-topbar{gap:12px}.ai-sidebar{width:72px;flex-basis:72px;padding-inline:8px}.new-chat span,.new-chat-chevron,.sidebar-footer span:not(.status-dot){display:none}.new-chat{justify-content:center;padding:0}.ai-content{width:min(100% - 36px,760px);padding-top:38px}}@media (max-width:620px){.ai-sidebar{display:none}.ai-topbar{height:56px;padding:0 17px}.ai-content{width:calc(100% - 28px);padding:28px 0 54px}.mode-chips{justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.mode-chips button{white-space:nowrap}}.ai-demo.light{--demo-panel-raised:#f8fafc;--demo-panel-soft:#edf0f4;--demo-line:#dfe3e9;--demo-text:#18202b;--demo-muted:#697386;--demo-accent:#4c46d8;background:#ffffff;color:var(--demo-text)}.ai-demo.light .ai-sidebar{background:rgba(255,255,255,.86)}.ai-demo.light .new-chat{background:#eef0f5;color:#1d2633}.ai-demo.light .new-chat svg:first-child{color:#fff}.ai-demo.light .sidebar-footer{color:#8a93a3}.ai-demo.light .ai-topbar{background:#ffffff;border-bottom:0}.ai-demo.light .mode-chips button{background:#eef0f5;color:#657084;border-color:#e3e6ec}.ai-demo.light .mode-chips button:hover{background:#e5e7ef;color:#273142}.ai-demo.light .theme-button{color:#687387;background:#fff;border-color:#dfe3e9}.ai-demo.dark .theme-button{color:#c4c8d4;background:#20232b;border-color:#30333c}.theme-button{display:grid;width:34px;height:34px;place-items:center;border:1px solid;border-radius:9px;cursor:pointer;transition:transform .18s ease,background .18s ease}.theme-button:hover{transform:translateY(-1px)}.ai-topbar{position:sticky;top:0;z-index:10;border-bottom:1px solid transparent;backdrop-filter:blur(15px)}.payroll-mascot{position:relative;display:inline-block;width:33px;height:29px;flex:0 0 auto;overflow:hidden;border:2px solid #f69811;border-radius:10px 10px 10px 4px;background:linear-gradient(145deg,#1e40af,#2563eb 58%,#60a5fa);box-shadow:0 5px 15px rgba(37,99,235,.32);transform:rotate(-3deg)}.mascot-eye{position:absolute;top:8px;width:4px;height:6px;border-radius:50%;background:#fff;transform-origin:center;animation:mascot-blink 5.2s ease-in-out infinite}.mascot-eye-left{left:8px}.mascot-eye-right{right:8px;animation-delay:.12s}.mascot-smile{position:absolute;left:11px;bottom:5px;width:8px;height:4px;border-bottom:2px solid rgba(255,255,255,.9);border-radius:0 0 10px 10px}.ai-demo.dark .ai-content{color:#f5f7fb}.attachment-tray{margin-top:12px;overflow:hidden;border:1px solid var(--demo-line);border-radius:12px;background:var(--demo-panel-raised);animation:attachment-tray-in .18s ease both}.attachment-tray-tabs{display:flex;align-items:center;gap:3px;padding:7px 8px;border-bottom:1px solid var(--demo-line)}.attachment-tray-tabs button{padding:7px 9px;border:0;border-radius:6px;color:var(--demo-muted);background:transparent;font:inherit;font-size:11px;cursor:pointer}.attachment-tray-tabs button.active,.attachment-tray-tabs button:hover{color:var(--demo-text);background:var(--demo-panel-soft)}.attachment-tray-tabs .attachment-tray-close{display:grid;margin-left:auto;padding:6px;place-items:center}.attachment-tray-content{padding:12px}.attachment-tray-content>p{margin:0 0 9px;color:var(--demo-muted);font-size:11px;font-weight:650}.attachment-document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.attachment-document-grid>button{min-height:82px;display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:center;padding:10px;border:1px solid var(--demo-line);border-radius:8px;color:var(--demo-text);background:var(--demo-panel);text-align:left;cursor:pointer}.attachment-document-grid>button:hover{border-color:var(--demo-accent);transform:translateY(-1px)}.document-icon{grid-row:span 2;display:grid;width:28px;height:28px;place-items:center;border-radius:7px;color:#fff;background:var(--demo-accent)}.attachment-document-grid strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.attachment-document-grid small{color:var(--demo-muted);font-size:9px}.attachment-document-grid .document-upload-tile{border-style:dashed;color:var(--demo-muted)}.document-upload-tile>svg{grid-row:span 2}.visually-hidden-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}@keyframes attachment-tray-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ai-sidebar{position:sticky;top:0;z-index:30;height:100dvh;overflow:visible}.ai-demo.sidebar-collapsed .free-tools-sidebar-button span,.ai-demo.sidebar-collapsed .new-chat span,.ai-demo.sidebar-collapsed .new-chat-chevron,.ai-demo.sidebar-collapsed .sidebar-footer span:not(.status-dot){display:none}.ai-demo.sidebar-collapsed .new-chat{justify-content:center;padding-inline:0}.ai-demo{font-family:Avenir Next,Segoe UI,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.008em}.ai-sidebar{transition:width .28s cubic-bezier(.22,1,.36,1),flex-basis .28s cubic-bezier(.22,1,.36,1),padding .28s cubic-bezier(.22,1,.36,1)}.ai-sidebar-top,.sidebar-footer{transition:transform .28s cubic-bezier(.22,1,.36,1)}.free-tools-sidebar-button,.new-chat{transition:background .18s ease,color .18s ease,transform .18s ease,gap .28s cubic-bezier(.22,1,.36,1),padding .28s cubic-bezier(.22,1,.36,1)}.free-tools-sidebar-button>svg:first-child,.new-chat>svg:first-child{flex:0 0 auto;transition:transform .28s cubic-bezier(.22,1,.36,1)}.ai-demo.sidebar-collapsed .ai-sidebar{padding-inline:10px}.ai-demo.sidebar-collapsed .ai-sidebar-top,.ai-demo.sidebar-collapsed .sidebar-footer{transform:translateX(0)}.ai-demo.sidebar-collapsed .free-tools-sidebar-button,.ai-demo.sidebar-collapsed .new-chat{width:44px;height:42px;margin-inline:auto;border-radius:12px}.ai-demo.sidebar-collapsed .free-tools-sidebar-button>svg:first-child,.ai-demo.sidebar-collapsed .new-chat>svg:first-child{transform:scale(1.08)}.free-tools-sidebar-button>span:not(.new-chat-chevron),.new-chat>span:not(.new-chat-chevron){overflow:hidden;max-width:140px;opacity:1;white-space:nowrap;transition:max-width .28s cubic-bezier(.22,1,.36,1),opacity .18s ease}.ai-demo.sidebar-collapsed .free-tools-sidebar-button>span:not(.new-chat-chevron),.ai-demo.sidebar-collapsed .new-chat>span:not(.new-chat-chevron){display:block;max-width:0;opacity:0}.ai-demo.sidebar-collapsed .free-tools-sidebar-button>span:not(.new-chat-chevron),.ai-demo.sidebar-collapsed .new-chat-chevron,.ai-demo.sidebar-collapsed .new-chat>span:not(.new-chat-chevron),.ai-demo.sidebar-collapsed .sidebar-footer span:not(.status-dot){visibility:hidden;filter:blur(4px)}.free-tools-sidebar-button>span:not(.new-chat-chevron),.new-chat-chevron,.new-chat>span:not(.new-chat-chevron),.sidebar-footer span:not(.status-dot){visibility:visible;filter:blur(0);transition:max-width .28s cubic-bezier(.22,1,.36,1),opacity .18s ease,filter .22s ease,visibility .22s ease}.ai-demo.sidebar-collapsed .sidebar-footer{justify-content:center;padding-inline:0}.ai-demo.sidebar-collapsed .sidebar-footer .status-dot{width:8px;height:8px}.ai-demo .mode-chips button{font-size:13px}.ai-demo .free-tools-sidebar-menu a span{font-size:12px}.ai-demo.light .free-tools-sidebar-menu{border-color:#d8dee8;background:#ffffff;box-shadow:0 18px 45px rgba(38,52,79,.16)}.ai-demo.light .free-tools-sidebar-menu strong{color:#66738a}.ai-demo.light .free-tools-sidebar-menu a{color:#243047}.ai-demo.light .free-tools-sidebar-menu a:hover{background:#f1f4f8}.ai-demo.light{--demo-bg:#ffffff;--demo-panel:#ffffff;--demo-panel-raised:#f7faff;--demo-panel-soft:#edf4ff;--demo-line:#c9d7e8;--demo-text:#102a43;--demo-muted:#405a78;--demo-accent:#2563eb}.ai-demo.light .ai-content{color:#102a43}.ai-demo.light .eyebrow-line{background:#2563eb}.ai-demo.light .ai-sidebar{background:transparent}.ai-demo.light .mode-chips button{color:#244b70;border-color:#dee4ec;background:#f0f2f5}.ai-demo.light .mode-chips button:hover{color:#0f3f73;background:#dceaff}.new-chat-chevron{transition:transform .18s ease}.new-chat-chevron.is-open{transform:rotate(90deg)}.ai-demo.sidebar-collapsed .free-tools-sidebar-button{padding-inline:0}.ai-demo.sidebar-collapsed .free-tools-sidebar-button>svg:first-child{display:block;visibility:visible;opacity:1;color:var(--demo-accent);filter:none}.ai-demo.sidebar-collapsed .free-tools-sidebar-button .new-chat-chevron{display:block;visibility:visible;opacity:1;color:currentColor;transform:none}.ai-demo.dark.sidebar-collapsed .free-tools-sidebar-button>svg:first-child{color:#dbe7ff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}.ai-demo.sidebar-collapsed .free-tools-sidebar-menu{display:grid!important;width:100%;max-height:none;flex:1;margin-top:8px;padding:8px 0;border-left:0}.ai-demo.sidebar-collapsed .free-tools-sidebar-menu a span,.ai-demo.sidebar-collapsed .free-tools-sidebar-menu strong{display:none}.ai-demo.sidebar-collapsed .free-tools-sidebar-menu a{justify-content:center;padding:11px 0}.ai-demo.sidebar-collapsed .free-tools-sidebar-menu a>svg{display:block!important;width:21px;height:21px;margin:0}.ai-demo.dark .free-tools-sidebar-menu a>svg{color:#dbe7ff}.ai-demo.dark .free-tools-sidebar-menu a:hover{background:#252b38}.ai-demo.dark.sidebar-collapsed .free-tools-sidebar-menu a{color:#dbe7ff}.ai-demo.dark.sidebar-collapsed .free-tools-sidebar-menu a>svg{color:#dbe7ff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}.ai-demo.light.sidebar-collapsed .free-tools-sidebar-menu a>svg{color:#29496c}.free-tools-sidebar-button{position:relative}.free-tools-sidebar-icon{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:8px;color:var(--demo-accent);background:rgba(76,70,216,.1)}.free-tools-sidebar-icon svg{display:block;flex:0 0 auto}.free-tools-sidebar-button>.free-tools-sidebar-icon{max-width:28px;opacity:1;visibility:visible;filter:none}.ai-demo.dark .free-tools-sidebar-icon{color:#dbe7ff;background:#242b38}.ai-demo.sidebar-collapsed .free-tools-sidebar-button{position:relative;width:44px;min-width:44px;height:44px;gap:0;padding:0;justify-content:center}.ai-demo.sidebar-collapsed .free-tools-sidebar-icon{width:32px;height:32px;flex-basis:32px;border-radius:9px;max-width:32px;opacity:1;visibility:visible;filter:none}.ai-demo.sidebar-collapsed .free-tools-sidebar-icon svg{width:18px;height:18px}.ai-demo.sidebar-collapsed .free-tools-sidebar-button .new-chat-chevron{position:absolute;top:50%;right:-22px;width:17px;height:17px;margin:0;color:var(--demo-muted);transform:translateY(-50%)}.ai-demo.dark.sidebar-collapsed .free-tools-sidebar-button .new-chat-chevron{color:#dbe7ff}.ai-demo.sidebar-collapsed .free-tools-sidebar-button>.new-chat-chevron{position:static;display:block;width:19px;height:19px;margin:0;padding:0;border-radius:0;background:transparent;transform:none}.ai-demo.light.sidebar-collapsed .free-tools-sidebar-button>.new-chat-chevron{color:#29496c}.ai-demo .section-heading{margin-bottom:26px;margin-bottom:32px}.ai-demo .ai-sidebar{position:sticky;isolation:isolate;background:#ffffff;box-shadow:none}.ai-demo .ai-sidebar,.ai-demo .ai-sidebar-top,.ai-demo .ai-sidebar:after,.ai-demo .ai-sidebar:before,.ai-demo .free-tools-sidebar-button,.ai-demo .free-tools-sidebar-menu,.ai-demo .free-tools-sidebar-wrap,.ai-demo .sidebar-footer{box-shadow:none}.ai-demo .free-tools-sidebar-menu{border:0;border-radius:0;background:transparent}.ai-demo .free-tools-sidebar-button{box-shadow:none}.ai-demo .free-tools-sidebar-menu strong{color:#173b5d;font-size:12px;font-weight:700;letter-spacing:.09em}.ai-demo .free-tools-sidebar-menu a{color:#0b2947}.ai-demo.light .ai-sidebar{background:#ffffff}.ai-demo.light .free-tools-sidebar-menu strong{color:#173b5d}.ai-demo.light .free-tools-sidebar-menu a{color:#0b2947}.ai-demo.light .free-tools-sidebar-menu a:hover{background:#eef4fb}.ai-demo.dark .ai-sidebar{background:#101722}.ai-demo.dark .free-tools-sidebar-menu{background:transparent}.ai-demo.dark .free-tools-sidebar-menu strong{color:#c5d8ef}.ai-demo.dark .free-tools-sidebar-menu a{color:#f5f8fd}.ai-demo.dark .free-tools-sidebar-menu a:hover{background:#202d40}.top-more-wrap{position:relative}.top-more-button{display:inline-grid;width:36px;height:36px;place-items:center;border:1px solid var(--demo-line);border-radius:8px;color:var(--demo-text);background:var(--demo-panel);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.top-more-button.is-open,.top-more-button:hover{border-color:var(--demo-accent);background:var(--demo-panel-soft);transform:translateY(-1px)}.top-more-popover{position:absolute;top:calc(100% + 9px);right:0;z-index:35;display:grid;width:190px;gap:3px;padding:8px;border:1px solid var(--demo-line);border-radius:10px;background:var(--demo-panel-raised);box-shadow:0 18px 45px rgba(0,0,0,.2);animation:more-popover-in .18s ease both}.top-more-popover a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:7px;color:var(--demo-text);font-size:13px;font-weight:650;text-decoration:none}.top-more-popover a:hover{background:var(--demo-panel-soft)}.top-more-popover a>svg{flex:0 0 auto;color:var(--demo-accent)}.ai-demo .ai-sidebar{position:relative;top:auto;width:256px;flex-basis:256px;box-shadow:none!important;filter:none}.ai-demo .ai-sidebar *,.ai-demo .ai-sidebar:after,.ai-demo .ai-sidebar:before{box-shadow:none}.ai-demo .free-tools-sidebar-menu,.ai-demo .free-tools-sidebar-wrap{width:100%;box-shadow:none!important;filter:none}.ai-demo.sidebar-collapsed .ai-sidebar{width:76px;flex-basis:76px}.preview-window-bar{display:flex;gap:4px;padding:9px 10px 6px}.preview-window-bar i{width:5px;height:5px;border-radius:50%;background:#8db6dc;opacity:.7}.preview-salary{display:block;height:100%;padding:0 14px}.preview-salary strong{display:block;margin-top:2px;color:#fff;font-size:27px;letter-spacing:-.04em;animation:preview-number-pulse 3.4s ease-in-out infinite}.preview-report-total small,.preview-salary small{display:block;color:#9fc1df;font-size:11px}.preview-line{position:absolute;left:14px;height:5px;border-radius:5px;background:#5e9ddd;opacity:.75}.preview-line-one{bottom:18px;width:54%}.preview-line-two{right:14px;bottom:18px;left:auto;width:22%;background:#f3a85d}.preview-payslip{display:grid;gap:6px;padding:0 13px}.preview-payslip strong,.preview-process>strong{color:#fff;font-size:13px}.preview-payslip>span{display:flex;align-items:center;gap:5px;color:#a9c8e5;font-size:11px}.preview-payslip>span i{width:5px;height:5px;border-radius:2px;background:#6eace5}.preview-payslip>span b{margin-left:auto;color:#e8f4ff;font-size:11px;font-weight:650}.preview-payslip em{position:absolute;right:12px;bottom:10px;padding:3px 6px;border-radius:5px;color:#bff2d0;background:rgba(51,172,113,.2);font-size:10px;font-style:normal}.preview-process{display:grid;gap:6px;padding:13px}.preview-process-step{display:flex;align-items:center;gap:6px;color:#a9c8e5;font-size:11px}.preview-process-step i{display:grid;width:14px;height:14px;place-items:center;border:1px solid #5e9ddd;border-radius:50%;color:#bce1ff;font-size:10px;font-style:normal}.preview-process-step.is-done i{color:#9be1b4;border-color:#5bc987}.preview-process-step.is-active i{background:#3e7fc0}.preview-progress{height:4px;overflow:hidden;margin-top:1px;border-radius:5px;background:rgba(164,204,240,.18)}.preview-progress i{display:block;width:68%;height:100%;border-radius:inherit;background:#72b5f0;animation:preview-progress 3s ease-in-out infinite}.preview-calendar{display:block;padding:13px}.preview-calendar-head,.preview-report-head{display:flex;align-items:baseline;justify-content:space-between}.preview-calendar-head strong,.preview-report-head strong{color:#fff;font-size:14px}.preview-calendar-head small,.preview-report-head small{color:#9fc1df;font-size:11px}.preview-days{display:flex;gap:6px;margin-top:17px}.preview-days i{display:grid;width:20px;height:20px;place-items:center;border-radius:6px;color:#a9c8e5;background:rgba(129,177,223,.12);font-size:10px;font-style:normal}.preview-days i.is-selected{color:#fff;background:#3c82c8;animation:preview-selected-day 2.8s ease-in-out infinite}.preview-leave{display:flex;align-items:center;gap:7px;margin-top:10px}.preview-leave b{color:#f5ba75;font-size:17px}.preview-leave small{color:#a9c8e5;font-size:11px}.preview-report{display:block;padding:13px}.preview-bars{display:flex;align-items:end;gap:7px;height:48px;margin-top:7px}.preview-bars i{display:block;width:16px;height:38%;border-radius:4px 4px 2px 2px;background:#5f9ed9;animation:preview-bar-rise 2.8s ease-in-out infinite alternate}.preview-bars i:nth-child(2){height:62%;animation-delay:.15s}.preview-bars i:nth-child(3){height:46%;animation-delay:.3s}.preview-bars i:nth-child(4){height:78%;animation-delay:.45s}.preview-bars i:nth-child(5){height:58%;background:#f0aa60;animation-delay:.6s}.preview-report-total{position:absolute;right:13px;bottom:10px}.preview-report-total strong{color:#fff;font-size:15px}@keyframes preview-number-pulse{0%,to{opacity:.82;transform:translateY(1px)}50%{opacity:1;transform:translateY(0)}}@keyframes preview-progress{0%,to{width:48%}50%{width:82%}}@keyframes preview-selected-day{0%,to{box-shadow:0 0 0 rgba(94,166,230,0)}50%{box-shadow:0 0 0 4px rgba(94,166,230,.14)}}@keyframes preview-bar-rise{0%{transform:scaleY(.88);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes mascot-blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.12)}}.ai-demo a:focus-visible,.ai-demo button:focus-visible,.auth-close:focus-visible,.auth-primary:focus-visible{outline:3px solid rgba(76,70,216,.42);outline-offset:3px}.ai-demo .mode-chips button:active{transform:translateY(1px) scale(.985)}@media (prefers-reduced-motion:reduce){.ai-sidebar,.ai-sidebar-top,.new-chat,.new-chat-chevron,.new-chat>span,.new-chat>svg:first-child,.sidebar-footer,.sidebar-footer span{transition:none}.mascot-eye{animation:none}}.auth-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:rgba(17,22,30,.42);backdrop-filter:blur(6px);animation:auth-fade-in .16s ease both}.auth-modal{position:relative;width:min(100%,392px);max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid #e6e9ee;border-radius:16px;background:#fff;box-shadow:0 24px 60px rgba(22,31,50,.22);text-align:center;animation:auth-modal-in .2s ease both}.auth-close{position:absolute;top:12px;right:12px;z-index:3;display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:8px;color:#9aa3ae;background:none;cursor:pointer;transition:color .16s ease,background .16s ease}.auth-close:hover{color:#18202b;background:#f1f3f6}.auth-body{padding:34px 28px 24px}.auth-icon{display:grid;width:42px;height:42px;margin:0 auto 14px;place-items:center;border-radius:11px;color:#2563eb;background:#eff4ff}.auth-modal h2{margin:0;color:#18202b;font-size:19px;font-weight:650;line-height:26px;letter-spacing:-.02em}.auth-copy{max-width:30ch;margin:8px auto 20px;color:#6d7885;font-size:13.5px;line-height:20px}.auth-primary{display:flex;width:100%;height:42px;align-items:center;justify-content:center;border:0;border-radius:9px;color:#fff;background:#2563eb;font:inherit;font-size:14px;font-weight:650;text-decoration:none;cursor:pointer;transition:background .16s ease}.auth-primary:hover{background:#1d4ed8}.auth-primary:active{transform:scale(.99)}.auth-skip{display:flex;width:100%;height:42px;margin-top:8px;align-items:center;justify-content:center;border:1px solid #e0e4ea;border-radius:9px;background:#fff;color:#4b5563;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.auth-skip:hover{border-color:#cdd3dc;background:#f7f8fa;color:#18202b}.auth-note{margin:16px 0 0;color:#8b95a1;font-size:12px}.auth-note a{color:#2563eb;font-weight:650;text-decoration:none}.auth-note a:hover{text-decoration:underline}@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}@keyframes auth-modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.auth-modal,.auth-overlay{animation:none}}.ai-demo{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-height:100dvh;overflow:visible}.ai-demo>.ai-sidebar{grid-column:1;grid-row:1;position:sticky;top:0;height:100dvh;min-height:0;z-index:1}.ai-demo>.ai-main{grid-column:2;grid-row:1;min-height:100dvh;max-height:none;overflow:visible}.ai-demo .free-tools-sidebar-menu{align-content:start;overflow-y:auto;overscroll-behavior:contain}.ai-demo .free-tools-sidebar-menu strong{margin-top:14px;margin-bottom:4px}.ai-demo .free-tools-sidebar-menu a{padding-top:8px;padding-bottom:8px}.ai-demo .free-tools-sidebar-menu a span{font-size:15px;font-weight:550;line-height:1.3}.mobile-sidebar-backdrop,.mobile-sidebar-button{display:none}@media (max-width:620px){.ai-demo{grid-template-columns:minmax(0,1fr);overflow-x:hidden}.ai-demo>.ai-sidebar{position:fixed;inset:0 auto 0 0;display:flex;width:min(82vw,300px);height:100dvh;min-height:100dvh;padding:14px 10px;transform:translateX(-105%);transition:transform .24s cubic-bezier(.22,1,.36,1);background:#ffffff;border-right:1px solid #f0f2f5;z-index:80}.ai-demo.dark>.ai-sidebar{background:#101722;border-right-color:#2c3647}.ai-demo>.ai-sidebar.mobile-sidebar-open{transform:translateX(0)}.mobile-sidebar-backdrop{position:fixed;inset:0;display:block;border:0;background:rgba(7,16,28,.42);z-index:70;cursor:pointer}.mobile-sidebar-button{display:inline-grid;width:36px;height:36px;place-items:center;flex:0 0 auto;border:1px solid var(--demo-line);border-radius:8px;color:var(--demo-text);background:var(--demo-panel);cursor:pointer}.ai-demo>.ai-main{grid-column:1;min-width:0;min-height:0}.ai-demo .ai-topbar{position:sticky;top:0;z-index:20;min-height:56px;padding:0 14px}.ai-demo .ai-top-actions{min-width:0;gap:6px}.ai-demo .login-button,.ai-demo .signup-button,.ai-demo .theme-button,.ai-demo .top-more-button{height:34px}.ai-demo .login-button,.ai-demo .signup-button{padding-inline:10px;font-size:11px}.ai-demo .ai-content{width:min(100% - 28px,620px);padding:32px 0 64px}.ai-demo .section-heading{align-items:flex-start;flex-direction:column;gap:14px}.ai-demo .mode-chips{flex-wrap:wrap}.ai-demo .mode-chips button{flex:1 1 auto}}@media (max-width:767px){.ai-demo .ai-topbar{justify-content:flex-start}.ai-demo .mobile-sidebar-button{margin-right:auto}}.campaign-section{margin-top:88px}.campaign-carousel{position:relative}.campaign-track{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 6px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}.campaign-track::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.campaign-track{scroll-behavior:auto}}.campaign{position:relative;flex:0 0 clamp(250px,25vw,330px);height:196px;padding:0;overflow:hidden;border:0;border-radius:14px;background-color:#102a43;color:#fff;font:inherit;text-align:left;cursor:pointer;scroll-snap-align:start;isolation:isolate;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .22s ease,box-shadow .22s ease}.campaign:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 16px 34px rgba(4,15,30,.34)}.campaign:active{transform:translateY(-1px)}.campaign-indigo{background-image:linear-gradient(158deg,#1e3f73,#111f42 64%)}.campaign-azure{background-image:linear-gradient(158deg,#135681,#0b2743 64%)}.campaign-teal{background-image:linear-gradient(158deg,#105a62,#0a2c3a 64%)}.campaign-violet{background-image:linear-gradient(158deg,#3a3372,#1a1e44 64%)}.campaign-slate{background-image:linear-gradient(158deg,#2d5570,#152636 64%)}.campaign:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(3,9,18,0),rgba(3,9,18,.1) 42%,rgba(3,9,18,.58) 72%,rgba(2,6,13,.84))}.campaign-preview{position:absolute;z-index:0;inset:0 0 auto 0;display:block;height:134px;overflow:hidden;color:#dcecff;background:linear-gradient(180deg,rgba(2,10,22,.3),rgba(2,10,22,.16) 58%,rgba(2,10,22,0));transition:transform .3s ease}.campaign:hover .campaign-preview{transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.campaign:hover .campaign-preview{transform:none}}.campaign-copy{position:absolute;z-index:2;right:0;bottom:0;left:0;display:block;padding:16px 16px 15px}.campaign-copy strong{display:block;color:#fff;font-size:17px;font-weight:700;line-height:1.25;letter-spacing:-.005em;text-wrap:balance;text-shadow:0 2px 10px rgba(0,0,0,.55)}.campaign-nav{position:absolute;z-index:3;top:50%;display:grid;width:38px;height:38px;place-items:center;border:1px solid;border-radius:50%;font:inherit;cursor:pointer;backdrop-filter:blur(6px);transform:translateY(-50%);transition:background .18s ease,opacity .18s ease,box-shadow .18s ease}.campaign-nav-prev{left:-19px}.campaign-nav-next{right:-19px}.campaign-nav[disabled]{opacity:0;pointer-events:none}.ai-demo.light .campaign-nav{border-color:#c9d7e8;color:#2563eb;background:rgba(255,255,255,.94);box-shadow:0 8px 22px rgba(24,48,80,.16)}.ai-demo.light .campaign-nav:hover{box-shadow:0 10px 26px rgba(24,48,80,.22)}.ai-demo.dark .campaign-nav{border-color:rgba(154,182,224,.28);color:#eaf2ff;background:rgba(12,20,34,.9);box-shadow:0 8px 22px rgba(2,8,18,.46)}.ai-demo.dark .campaign-nav:hover{background:rgba(22,34,54,.96)}.tools-section{margin-top:96px}@media (max-width:900px){.campaign{flex-basis:clamp(228px,42vw,290px);height:180px}.campaign-preview{height:122px}}@media (max-width:620px){.campaign-section{margin-top:64px}.campaign{flex-basis:78vw;height:170px;border-radius:12px}.campaign-preview{height:114px}.campaign-copy{padding:13px}.campaign-copy strong{font-size:15px}.campaign-nav{display:none}.tools-section{margin-top:64px}}.apps-section{margin-top:96px;padding-top:38px;border-top:1px solid}.apps-heading{align-items:center}.apps-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.apps-filters::-webkit-scrollbar{display:none}.apps-filters button{flex:0 0 auto;padding:10px 13px;border:0;border-radius:14px;background:transparent;font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}.apps-filters button.selected{font-weight:700}.apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:2px}.app-row{display:flex;min-width:0;min-height:74px;align-items:center;gap:14px;margin-inline:-10px;padding:10px;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .16s ease}.app-thumb{display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;overflow:hidden;border-radius:10px;color:rgba(255,255,255,.94);line-height:0}.app-thumb svg{display:block;filter:drop-shadow(0 4px 7px rgba(0,0,0,.28))}.app-copy{display:grid;min-width:0;gap:3px}.app-copy strong{font-size:16px;font-weight:500;line-height:24px}.app-copy small,.app-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-copy small{font-size:14px;font-weight:400;line-height:20px}.app-promo{display:flex;min-height:74px;align-items:center;gap:16px;margin-inline:-10px;padding:14px 16px;border-radius:12px}.app-promo-copy{display:grid;min-width:0;gap:3px}.app-promo-copy strong{font-size:16px;font-weight:700}.app-promo-copy small{font-size:14px;font-weight:450;line-height:1.45}.app-promo-action{flex:0 0 auto;margin-left:auto;padding:10px 16px;border-radius:9px;font-size:13px;font-weight:650;white-space:nowrap;text-decoration:none;transition:background .18s ease,transform .18s ease}.app-promo-action:hover{transform:translateY(-1px)}.ai-demo.light .apps-section{border-top-color:#e8eaf0}.ai-demo.light .apps-filters button{color:#294d76}.ai-demo.light .apps-filters button.selected,.ai-demo.light .apps-filters button:hover{color:#2563eb;background:#cfe2fb;box-shadow:inset 0 0 0 1px #b2d0f3}.ai-demo.light .app-row:hover{background:#eef5ff}.ai-demo.light .app-copy strong{color:#000}.ai-demo.light .app-copy small{color:#5f6673}.ai-demo.light .app-row:hover .app-copy strong{color:#2563eb}.ai-demo.light .app-promo{background:#eef5ff;box-shadow:inset 0 0 0 1px #d4e4f8}.ai-demo.light .app-promo-copy strong{color:#102f4f}.ai-demo.light .app-promo-copy small{color:#405a78}.ai-demo.light .app-promo-action{color:#fff;background:#2563eb}.ai-demo.light .app-promo-action:hover{background:#1d4ed8}.ai-demo.dark .apps-section{border-top-color:#354358}.ai-demo.dark .apps-filters button{color:#c0d2ee}.ai-demo.dark .apps-filters button.selected,.ai-demo.dark .apps-filters button:hover{color:#fff;background:#263d5e;box-shadow:inset 0 0 0 1px #4f79b5}.ai-demo.dark .app-row:hover{background:#1b2740}.ai-demo.dark .app-copy strong{color:#f8fbff}.ai-demo.dark .app-copy small{color:#c0c7d5}.ai-demo.dark .app-promo{background:#1b2740;box-shadow:inset 0 0 0 1px #35496b}.ai-demo.dark .app-promo-copy strong{color:#f8fbff}.ai-demo.dark .app-promo-copy small{color:#c0c7d5}.ai-demo.dark .app-promo-action{color:#fff;background:#2563eb}.ai-demo.dark .app-promo-action:hover{background:#3b82f6}@media (max-width:1100px){.apps-grid{column-gap:28px}}@media (max-width:767px){.apps-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:620px){.apps-section{margin-top:64px;padding-top:28px}.apps-heading{align-items:flex-start}.apps-filters{padding-bottom:8px}.app-row{min-height:66px;gap:12px}.app-thumb{width:44px;height:44px;flex-basis:44px}.app-promo{flex-direction:column;align-items:flex-start;gap:12px}.app-promo-action{margin-left:0}}.ai-hero h1{margin:0;font-size:36px;font-weight:400;letter-spacing:-.02em;line-height:1.2;text-wrap:balance}.hero-mascot{width:48px;height:42px;margin:0 8px;border-width:3px;border-radius:13px 13px 13px 5px;vertical-align:-7px}.hero-mascot .mascot-eye{top:12px;width:5px;height:7px}.hero-mascot .mascot-eye-left{left:12px}.hero-mascot .mascot-eye-right{right:12px}.hero-mascot .mascot-smile{left:17px;bottom:7px;width:11px;height:5px;border-width:3px}.eyebrow,.section-kicker{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin:0 0 16px}.section-kicker{margin:0 0 9px}.section-heading h2{margin:0;font-size:24px;font-weight:600;letter-spacing:-.24px;line-height:28px}.view-all{display:inline-flex;align-items:center;gap:7px;padding:10px 0;border:0;background:transparent;font:inherit;font-size:14px;font-weight:650;cursor:pointer}.category-tabs{display:flex;justify-content:center;gap:10px;overflow-x:auto;padding-bottom:22px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{flex:0 0 auto;padding:12px 20px;border:0;border-radius:22px;background:transparent;font:inherit;font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer}.category-tabs button.selected{font-weight:700}.ai-demo .category-tabs button:active{transform:translateY(1px) scale(.985)}.ai-demo.light .ai-hero h1,.ai-demo.light .section-heading h2{color:#000}.ai-demo.light .eyebrow,.ai-demo.light .section-kicker,.ai-demo.light .view-all{color:#294d70}.ai-demo.light .category-tabs button{color:#294d76}.ai-demo.light .category-tabs button.selected,.ai-demo.light .category-tabs button:hover{color:#2563eb;background:#cfe2fb;box-shadow:inset 0 0 0 1px #b2d0f3}.ai-demo.dark .ai-hero h1,.ai-demo.dark .section-heading h2{color:#f8fbff}.ai-demo.dark .eyebrow,.ai-demo.dark .section-kicker,.ai-demo.dark .view-all{color:#c5d8f2}.ai-demo.dark .category-tabs button{color:#c0d2ee}.ai-demo.dark .category-tabs button.selected,.ai-demo.dark .category-tabs button:hover{color:#fff;background:#263d5e;box-shadow:inset 0 0 0 1px #4f79b5}@media (max-width:900px){.category-tabs{justify-content:flex-start}}@media (max-width:620px){.ai-hero h1{font-size:30px}.hero-mascot{width:40px;height:35px;margin:0 7px;border-width:2px;border-radius:11px 11px 11px 4px;vertical-align:-6px}.hero-mascot .mascot-eye{top:10px;width:4px;height:6px}.hero-mascot .mascot-eye-left{left:10px}.hero-mascot .mascot-eye-right{right:10px}.hero-mascot .mascot-smile{left:14px;bottom:6px;width:9px;height:4px;border-width:2px}.category-tabs{flex-wrap:nowrap;padding-bottom:12px}}.prompt-wrap{width:min(920px,100%);margin:63px auto 0}.prompt-card{width:100%;min-height:168px;padding:18px;border:1px solid;border-radius:16px}.prompt-card textarea{width:100%;min-height:58px;margin-top:14px;padding:0 3px;resize:none;border:0;outline:0;background:transparent;font:inherit;font-size:15px;line-height:1.55}.prompt-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.add-reference,.send-button{display:grid;place-items:center;border:0;cursor:pointer}.add-reference{padding:4px;background:transparent}.prompt-submit{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650}.send-button{width:34px;height:34px;border-radius:50%;transition:background .18s ease,transform .18s ease}.send-button:hover{transform:translateX(2px)}.send-button:active{transform:scale(.96)}.ai-demo.light .prompt-card{border-color:#f0f2f5;background:#fff;box-shadow:0 10px 30px rgba(24,40,68,.06)}.ai-demo.light .prompt-card textarea{color:#18202b}.ai-demo.light .prompt-card textarea::placeholder{color:#8d97a7}.ai-demo.light .prompt-submit{color:#4f6075}.ai-demo.light .add-reference{color:#7c8798}.ai-demo.light .send-button{color:#fff;background:#2563eb}.ai-demo.light .send-button:hover{background:#1d4ed8}.ai-demo.dark .prompt-card{border-color:#2c3647;background:#141c2a;box-shadow:0 10px 30px rgba(2,8,18,.34)}.ai-demo.dark .prompt-card textarea{color:#f1f5fb}.ai-demo.dark .prompt-card textarea::placeholder{color:#7a889c}.ai-demo.dark .prompt-submit{color:#c2cede}.ai-demo.dark .add-reference{color:#9aa7ba}.ai-demo.dark .send-button{color:#fff;background:#2563eb}.ai-demo.dark .send-button:hover{background:#3b82f6}@media (max-width:900px){.prompt-wrap{margin-top:40px}.prompt-card{min-height:176px}}.ai-demo .ai-sidebar{border-right:1px solid #f0f2f5}.ai-demo.dark .ai-sidebar{border-right-color:#2c3647}.campaign{background-color:#0f172a;border:1px solid rgba(30,41,59,.8);border-radius:16px;box-shadow:0 20px 25px -5px rgba(2,6,23,.5),0 8px 10px -6px rgba(2,6,23,.5);transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--tilt-lift,0)) scale(var(--tilt-scale,1));transition:transform .16s ease,box-shadow .24s ease,border-color .24s ease;will-change:transform}.campaign:hover{--tilt-lift:-4px;--tilt-scale:1.02;border-color:rgba(99,102,241,.45);box-shadow:0 28px 45px -12px rgba(2,6,23,.62),0 0 0 1px rgba(99,102,241,.18)}.campaign:active{--tilt-lift:-1px;--tilt-scale:.995}.campaign-indigo{background-image:linear-gradient(155deg,#312e81,#0f172a 62%)}.campaign-azure{background-image:linear-gradient(155deg,#1e3a8a,#0f172a 62%)}.campaign-teal{background-image:linear-gradient(155deg,#155e75,#0f172a 62%)}.campaign-violet{background-image:linear-gradient(155deg,#4c1d95,#0f172a 62%)}.campaign-slate{background-image:linear-gradient(155deg,#334155,#0f172a 62%)}.campaign-copy:after{content:"";position:absolute;right:16px;bottom:0;left:16px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(129,140,248,.95),transparent);opacity:.38;transition:opacity .24s ease,box-shadow .24s ease}.campaign:hover .campaign-copy:after{opacity:1;box-shadow:0 0 14px rgba(129,140,248,.7)}.campaign-nav{backdrop-filter:blur(12px) saturate(1.25);transition:background .2s ease,box-shadow .2s ease,opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.campaign-nav:hover{transform:translateY(-50%) scale(1.12)}.campaign-nav:active{transform:translateY(-50%) scale(.96)}.ai-demo.light .campaign-nav{border-color:rgba(148,163,184,.45);background:rgba(255,255,255,.72)}.ai-demo.dark .campaign-nav{border-color:rgba(148,163,184,.28);background:rgba(15,23,42,.6)}.preview-line-one{animation:preview-bar-pulse 2.6s ease-in-out infinite}.preview-line-two{animation:preview-bar-pulse 2.6s ease-in-out .45s infinite}@keyframes preview-bar-pulse{0%,to{opacity:.55;transform:scaleX(.94);transform-origin:left}50%{opacity:1;transform:scaleX(1);transform-origin:left}}.preview-payslip>span{animation:preview-row-float 4s ease-in-out infinite}.preview-payslip>span:nth-of-type(2){animation-delay:.5s}@keyframes preview-row-float{0%,to{opacity:.82;transform:translateX(0)}30%{opacity:1;transform:translateX(3px)}60%{opacity:.92;transform:translateX(0)}}.preview-payslip em{animation:preview-stamp-pulse 3.2s ease-in-out infinite}@keyframes preview-stamp-pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.preview-process-step i{animation:preview-check-pop 6s ease-in-out infinite}.preview-process-step:nth-of-type(2) i{animation-delay:.7s}.preview-process-step:nth-of-type(3) i{animation-delay:1.4s}@keyframes preview-check-pop{0%,0.1%{opacity:.35;transform:scale(.8)}6%{opacity:1;transform:scale(1.18)}12%,82%{opacity:1;transform:scale(1)}92%,to{opacity:.35;transform:scale(.8)}}.preview-process-step.is-active i{animation:preview-check-pop 6s ease-in-out 1.4s infinite,preview-status-ring 6s ease-in-out 1.4s infinite}@keyframes preview-status-ring{0%,10%{box-shadow:0 0 0 0 rgba(52,211,153,0)}18%{box-shadow:0 0 0 4px rgba(52,211,153,.32)}34%{box-shadow:0 0 0 7px rgba(52,211,153,0)}50%,to{box-shadow:0 0 0 0 rgba(52,211,153,0)}}.preview-days i.is-selected{animation:preview-payday-glow 2.8s ease-in-out infinite}@keyframes preview-payday-glow{0%,to{box-shadow:0 0 0 0 rgba(129,140,248,0);filter:brightness(1)}45%{box-shadow:0 0 0 5px rgba(129,140,248,.26),0 0 16px rgba(129,140,248,.5);filter:brightness(1.18)}80%{box-shadow:0 0 0 9px rgba(129,140,248,0);filter:brightness(1)}}.preview-leave b{animation:preview-stamp-pulse 3.6s ease-in-out .8s infinite}@media (prefers-reduced-motion:reduce){.campaign,.campaign:active,.campaign:hover{transform:none;transition:box-shadow .24s ease,border-color .24s ease}.campaign-nav:active,.campaign-nav:hover{transform:translateY(-50%)}.preview-days i.is-selected,.preview-leave b,.preview-line-one,.preview-line-two,.preview-payslip em,.preview-payslip>span,.preview-process-step i,.preview-process-step.is-active i{animation:none}.preview-payslip em,.preview-payslip>span,.preview-process-step i{opacity:1;transform:none}}.ai-demo.light .campaign{background-color:rgba(255,255,255,.8);background-image:none;backdrop-filter:blur(12px) saturate(1.1);border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 6px -1px rgba(226,232,240,.4),0 2px 4px -2px rgba(226,232,240,.4);color:#0f172a}.ai-demo.light .campaign:hover{--tilt-lift:0px;--tilt-scale:1.02;border-color:rgba(203,213,225,.95);box-shadow:0 10px 20px -6px rgba(148,163,184,.28)}.ai-demo.light .campaign:active{--tilt-scale:1.005}.ai-demo.light .campaign:before{background:none}.ai-demo.light .campaign-preview{inset:14px 14px auto 14px;height:126px;border:1px solid #f1f5f9;border-radius:12px;background:rgba(248,250,252,.9);color:#334155}.ai-demo.light .campaign:hover .campaign-preview{transform:none}.ai-demo.light .campaign-copy strong{color:#0f172a;font-weight:600;text-shadow:none}.ai-demo.light .campaign-copy:after{background:linear-gradient(90deg,transparent,rgba(37,99,235,.55),transparent);opacity:.3}.ai-demo.light .campaign:hover .campaign-copy:after{opacity:.85;box-shadow:0 0 10px rgba(37,99,235,.35)}.ai-demo.light .preview-window-bar i{background:#cbd5e1;opacity:1}.ai-demo.light .preview-salary strong{color:#0f172a}.ai-demo.light .preview-report-total small,.ai-demo.light .preview-salary small{color:#64748b}.ai-demo.light .preview-line{background:#2563eb;opacity:.85}.ai-demo.light .preview-line-two{background:#f59e0b}.ai-demo.light .preview-payslip strong,.ai-demo.light .preview-process>strong{color:#0f172a}.ai-demo.light .preview-payslip>span{color:#475569}.ai-demo.light .preview-payslip>span i{background:#2563eb}.ai-demo.light .preview-payslip>span b{color:#0f172a}.ai-demo.light .preview-payslip em{color:#047857;background:rgba(5,150,105,.12)}.ai-demo.light .preview-process-step{color:#475569}.ai-demo.light .preview-process-step.is-done i{color:#fff;background:#059669}.ai-demo.light .preview-process-step.is-active i{color:#fff;background:#2563eb}.ai-demo.light .preview-progress{background:#e2e8f0}.ai-demo.light .preview-progress i{background:#2563eb}.ai-demo.light .preview-calendar-head strong,.ai-demo.light .preview-report-head strong{color:#0f172a}.ai-demo.light .preview-calendar-head small,.ai-demo.light .preview-report-head small{color:#64748b}.ai-demo.light .preview-days i{color:#475569;background:#f1f5f9}.ai-demo.light .preview-days i.is-selected{color:#fff;background:#2563eb}.ai-demo.light .preview-leave b{color:#2563eb}.ai-demo.light .preview-leave small{color:#64748b}.ai-demo.light .preview-bars i{background:#2563eb;opacity:.8}.ai-demo.light .preview-report-total strong{color:#0f172a}.ai-demo.light .preview-process-step.is-active i{animation:preview-check-pop 6s ease-in-out 1.4s infinite,preview-status-ring-light 6s ease-in-out 1.4s infinite}@keyframes preview-status-ring-light{0%,10%{box-shadow:0 0 0 0 rgba(5,150,105,0)}18%{box-shadow:0 0 0 4px rgba(5,150,105,.28)}34%{box-shadow:0 0 0 7px rgba(5,150,105,0)}50%,to{box-shadow:0 0 0 0 rgba(5,150,105,0)}}.ai-demo.light .preview-days i.is-selected{animation:preview-payday-glow-light 2.8s ease-in-out infinite}@keyframes preview-payday-glow-light{0%,to{box-shadow:0 0 0 0 rgba(37,99,235,0)}45%{box-shadow:0 0 0 5px rgba(37,99,235,.2),0 0 14px rgba(37,99,235,.35)}80%{box-shadow:0 0 0 9px rgba(37,99,235,0)}}.ai-demo.light .campaign-nav{border:1px solid rgba(226,232,240,.9);color:#334155;background:rgba(255,255,255,.88);backdrop-filter:blur(12px) saturate(1.2);box-shadow:0 6px 16px rgba(148,163,184,.28)}.ai-demo.light .campaign-nav:hover{color:#0f172a;background:#fff;box-shadow:0 10px 22px rgba(148,163,184,.36)}@media (prefers-reduced-motion:reduce){.ai-demo.light .preview-days i.is-selected,.ai-demo.light .preview-process-step.is-active i{animation:none}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.payslip-output:empty{display:none}.payslip-output{margin-top:22px}.payslip-skeleton{display:grid;gap:10px;padding:20px;border:1px solid var(--demo-line);border-radius:14px;background:var(--demo-panel-raised)}.payslip-skeleton i{height:11px;border-radius:6px;background:var(--demo-line);animation:payslip-pulse 1.25s ease-in-out infinite}.payslip-skeleton i:nth-child(2){width:78%;animation-delay:.12s}.payslip-skeleton i:nth-child(3){width:52%;animation-delay:.24s}@keyframes payslip-pulse{0%,to{opacity:.45}50%{opacity:1}}.payslip-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:16px;align-items:start;animation:payslip-in .32s ease both}@keyframes payslip-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.payslip-understood{padding:18px;border:1px solid var(--demo-line);border-radius:14px;background:var(--demo-panel-raised);text-align:left}.payslip-understood-label{margin:0 0 12px;color:#2563eb;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.payslip-understood ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.payslip-understood li{display:flex;align-items:baseline;justify-content:space-between;gap:14px;font-size:14px;line-height:20px}.payslip-understood li span{color:var(--demo-muted)}.payslip-understood li b{color:var(--demo-text);font-weight:600;text-align:right}.payslip-error{padding:16px 18px;border:1px solid rgba(246,152,17,.38);border-radius:14px;background:rgba(246,152,17,.09);text-align:left;animation:payslip-in .32s ease both}.payslip-error strong{display:block;margin-bottom:5px;color:var(--demo-text);font-size:14.5px;font-weight:650}.payslip-error p{margin:0;color:var(--demo-muted);font-size:13.5px;line-height:20px}.payslip-error b{color:var(--demo-text);font-weight:650;white-space:nowrap}.payslip-unset{color:var(--demo-muted);font-weight:500!important;font-style:italic}.payslip-hint{margin:14px 0 0;color:var(--demo-muted);font-size:13.5px;line-height:20px}.payslip-hint a{display:inline-flex;align-items:center;gap:4px;color:#2563eb;font-weight:650;text-decoration:none}.payslip-hint a:hover{text-decoration:underline}.payslip-card{padding:18px;border:1px solid var(--demo-line);border-radius:14px;background:var(--demo-panel);box-shadow:0 18px 40px -26px rgba(37,99,235,.45);text-align:left}.payslip-card-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--demo-line)}.payslip-card-head span:first-child{color:var(--demo-text);font-size:14px;font-weight:700}.payslip-card-head span:last-child{color:var(--demo-muted);font-size:12px}.payslip-who{margin:13px 0 12px;color:var(--demo-text);font-size:14.5px;font-weight:650}.payslip-rows{display:grid;gap:9px;padding:13px 0;border-top:1px dashed var(--demo-line);border-bottom:1px dashed var(--demo-line)}.payslip-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;font-size:14px;line-height:20px}.payslip-row span{color:var(--demo-muted)}.payslip-row b{color:var(--demo-text);font-weight:600;font-variant-numeric:tabular-nums}.payslip-net{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px}.payslip-net span{color:var(--demo-text);font-size:14px;font-weight:650}.payslip-net strong{color:#2563eb;font-size:23px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.mode-chips{flex-wrap:wrap}.mode-chips button:disabled{opacity:.5;cursor:default;transform:none}.send-button:disabled{opacity:.45;cursor:default}.send-button:disabled:hover{transform:none}@media (max-width:900px){.payslip-grid{grid-template-columns:1fr}.payslip-net strong{font-size:21px}}@media (prefers-reduced-motion:reduce){.payslip-error,.payslip-grid,.payslip-skeleton i{animation:none}}.hero-sub{max-width:60ch;margin:14px auto 0;font-size:15.5px;line-height:24px}.hero-sub,.hero-trust{color:var(--demo-muted)}.hero-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:16px 0 0;padding:0;list-style:none;font-size:13px}.hero-trust li{position:relative}.hero-trust li+li:before{content:"";position:absolute;left:-12px;top:50%;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.55;transform:translateY(-50%)}.plan-pill{flex:0 0 auto;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em}.plan-tone-free{background:linear-gradient(140deg,#64748b,#334155)}.plan-tone-essentials{background:linear-gradient(140deg,#3b82f6,#1e40af)}.plan-tone-ultimate{background:linear-gradient(140deg,#8b5cf6,#5b21b6)}.plan-pill.plan-tone-free{color:#475569;background:rgba(100,116,139,.14)}.plan-pill.plan-tone-essentials{color:#1d4ed8;background:rgba(37,99,235,.13)}.plan-pill.plan-tone-ultimate{color:#6d28d9;background:rgba(139,92,246,.14)}.ai-demo.dark .plan-pill.plan-tone-free{color:#cbd5e1;background:rgba(148,163,184,.18)}.ai-demo.dark .plan-pill.plan-tone-essentials{color:#93c5fd;background:rgba(59,130,246,.2)}.ai-demo.dark .plan-pill.plan-tone-ultimate{color:#c4b5fd;background:rgba(139,92,246,.22)}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-card{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--demo-line);border-radius:12px;background:var(--demo-panel-raised);text-align:left;text-decoration:none;transition:border-color .18s ease,transform .18s ease,background .18s ease}.guide-card:hover{border-color:rgba(37,99,235,.5);background:var(--demo-panel);transform:translateY(-1px)}.guide-topic{flex:0 0 auto;padding:3px 9px;border-radius:999px;background:rgba(37,99,235,.12);color:#1d4ed8;font-size:11px;font-weight:700;white-space:nowrap}.guide-label{flex:1;color:var(--demo-text);font-size:14.5px;font-weight:500;line-height:21px}.guide-open{flex:0 0 auto;margin-top:3px;color:var(--demo-muted);opacity:0;transition:opacity .18s ease,transform .18s ease}.guide-card:hover .guide-open{color:#2563eb;opacity:1;transform:translateX(2px)}@media (max-width:767px){.guide-grid{grid-template-columns:minmax(0,1fr)}}.ai-demo.light{--demo-muted:#35506e}.ai-demo.dark{--demo-muted:#a3abbd}.ai-demo.light .hero-sub{color:#23405f}.ai-demo.dark .hero-sub{color:#c6cedd}.ai-demo.light .prompt-card textarea::placeholder{color:#5c6b81}.ai-demo.dark .prompt-card textarea::placeholder{color:#939eb1}.ai-demo.light .hero-trust{color:#2f4a66}