.ai-demo{--cycle:14s}.ai-glow-pill{animation:aiSoftGlow var(--cycle) ease-in-out infinite}[data-visible=false] .ai-demo,[data-visible=false] .ai-demo *{animation-play-state:paused!important}.ai-command-line{position:relative;display:inline-flex;width:min(42ch,100%);min-height:1.25rem;overflow:hidden;align-items:center}.ai-command{position:absolute;inset:50% auto auto 0;width:100%;overflow:visible;white-space:nowrap;text-align:left;opacity:0;transform:translateY(-50%);clip-path:inset(0 100% 0 0)}.ai-command-one{animation:aiTypeOne var(--cycle) steps(34) infinite}.ai-command-two{animation:aiTypeTwo var(--cycle) steps(42) infinite}.ai-workflow{opacity:0;transform:translateY(10px) scale(.99);pointer-events:none}.ai-workflow-accountant{animation:aiWorkflowOne var(--cycle) ease-in-out infinite}.ai-workflow-fee{animation:aiWorkflowTwo var(--cycle) ease-in-out infinite}.ai-cursor{animation:aiCursor .9s steps(2,start) infinite}.ai-processing{animation:aiProcessing var(--cycle) ease-in-out infinite}.ai-processing,.ai-sent{display:inline-flex;opacity:0}.ai-sent{animation:aiSent var(--cycle) ease-in-out infinite}.ai-progress-fill{transform-origin:left;animation:aiProgress var(--cycle) ease-in-out infinite}.ai-log-pill,.ai-message{opacity:0;transform:translateY(10px) scale(.98)}.ai-log-one,.ai-message-one{animation:aiStepOne var(--cycle) ease-in-out infinite}.ai-log-two,.ai-message-two{animation:aiStepTwo var(--cycle) ease-in-out infinite}.ai-message-three{animation:aiStepThree var(--cycle) ease-in-out infinite}.ai-log-three,.ai-message-four{animation:aiStepFour var(--cycle) ease-in-out infinite}.ai-loading-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:.5rem;background:linear-gradient(135deg,hsla(240,5%,96%,.97),rgba(236,253,245,.97));opacity:0;pointer-events:none;animation:aiLoadingOverlay var(--cycle) ease-in-out infinite}.ai-loading-spinner{width:2.5rem;height:2.5rem;border-radius:50%;border:3px solid rgba(16,185,129,.15);border-top-color:#10b981;animation:aiSpin .7s linear infinite}.ai-loading-text{font-size:.875rem;font-weight:600;color:#10b981;animation:aiLoadingPulse 1.2s ease-in-out infinite}.ai-loading-dots:after{content:"";animation:aiDots 1.5s steps(4) infinite}@keyframes aiSpin{to{transform:rotate(1turn)}}@keyframes aiLoadingPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes aiDots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes aiLoadingOverlay{0%,10%{opacity:0}11.5%{opacity:1}17%{opacity:1}18.5%{opacity:0}50%,57%{opacity:0}58.5%{opacity:1}64%{opacity:1}65.5%{opacity:0}to{opacity:0}}@keyframes aiTypeOne{0%,3%{clip-path:inset(0 100% 0 0);opacity:0}4%{clip-path:inset(0 100% 0 0);opacity:1}10%,49%{clip-path:inset(0 0 0 0);opacity:1}50%,to{clip-path:inset(0 100% 0 0);opacity:0}}@keyframes aiTypeTwo{0%,50%{clip-path:inset(0 100% 0 0);opacity:0}51%{clip-path:inset(0 100% 0 0);opacity:1}57%,to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes aiWorkflowOne{0%,18%{opacity:0;transform:translateY(10px) scale(.99);pointer-events:none}19.5%,49%{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}52%,to{opacity:0;transform:translateY(10px) scale(.99);pointer-events:none}}@keyframes aiWorkflowTwo{0%,65%{opacity:0;transform:translateY(10px) scale(.99);pointer-events:none}66.5%,to{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}}@keyframes aiProcessing{0%,18.9%,20.5%,64.9%,67%,to{opacity:0;transform:scale(.98)}19.2%,20.2%,65.2%,66.7%{opacity:1;transform:scale(1)}}@keyframes aiSent{0%,19.9%,50%,66.5%,to{opacity:0;transform:scale(.98)}20.5%,47%,67%,97%{opacity:1;transform:scale(1)}}@keyframes aiProgress{0%,18.9%,50%,64.9%,to{transform:scaleX(.14);opacity:.55}20.5%,47%,67%,97%{transform:scaleX(1);opacity:1}}@keyframes aiStepOne{0%,19%,50%,65%,to{opacity:0;transform:translateY(8px) scale(.98)}19.5%,48%,65.5%,98%{opacity:1;transform:translateY(0) scale(1)}}@keyframes aiStepTwo{0%,20%,50%,66%,to{opacity:0;transform:translateY(8px) scale(.98)}20.5%,48%,66.5%,98%{opacity:1;transform:translateY(0) scale(1)}}@keyframes aiStepThree{0%,21%,50%,67%,to{opacity:0;transform:translateY(8px) scale(.98)}21.5%,48%,67.5%,98%{opacity:1;transform:translateY(0) scale(1)}}@keyframes aiStepFour{0%,22%,50%,68%,to{opacity:0;transform:translateY(8px) scale(.98)}22.5%,48%,68.5%,98%{opacity:1;transform:translateY(0) scale(1)}}@keyframes aiSoftGlow{0%,10%,50%,57%,to{box-shadow:0 0 0 rgba(16,185,129,0)}12%,17%,59%,64%{box-shadow:0 0 24px rgba(16,185,129,.28)}}@keyframes aiCursor{0%,45%{opacity:1}46%,to{opacity:0}}@media (max-width:639px){.ai-command-line{width:100%;min-height:2.75rem}.ai-command{white-space:normal;line-height:1.35}.ai-log-pill,.ai-message,.ai-sent{opacity:1;transform:none;animation:none}.ai-message{padding:.75rem}.ai-message-four,.ai-message-three,.ai-processing{display:none}.ai-progress-fill{transform:scaleX(1);animation:none}.ai-loading-overlay{display:none}}@media (prefers-reduced-motion:reduce){.ai-demo *,.ai-demo :after,.ai-demo :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ai-command-one{clip-path:inset(0 0 0 0);opacity:1}.ai-workflow-accountant{opacity:1;transform:none}.ai-workflow-fee{opacity:0}.ai-log-pill,.ai-message,.ai-sent{opacity:1;transform:none}.ai-loading-overlay{display:none}}.expense-demo{--expense-cycle:16s}.expense-ai-pill{animation:expenseGlow var(--expense-cycle) ease-in-out infinite}.expense-language-line{position:relative;display:inline-flex;width:min(48ch,100%);min-height:1.25rem;overflow:hidden;align-items:center}.expense-language{position:absolute;inset:50% auto auto 0;max-width:100%;overflow:hidden;white-space:nowrap;opacity:0;transform:translateY(calc(-50% + 6px))}.expense-language-one{animation:expenseLanguageOne var(--expense-cycle) steps(35) infinite}.expense-language-two{animation:expenseLanguageTwo var(--expense-cycle) steps(49) infinite}.expense-language-three{animation:expenseLanguageThree var(--expense-cycle) steps(48) infinite}.expense-cursor{animation:expenseCursor .9s steps(2,start) infinite}.expense-confirmation,.expense-final-pill,.expense-insight,.expense-intent-note,.expense-ledger,.expense-processing,.expense-status,.expense-voucher-one,.expense-voucher-two{opacity:0;transform:translateY(10px) scale(.98)}.expense-intent-note{animation:expenseIntentNote var(--expense-cycle) ease-in-out infinite}.expense-idle{animation:expenseIdle var(--expense-cycle) ease-in-out infinite}.expense-processing{display:inline-flex;animation:expenseProcessing var(--expense-cycle) ease-in-out infinite}.expense-ledger{animation:expenseLedger var(--expense-cycle) ease-in-out infinite}.expense-voucher-one{animation:expenseVoucherOne var(--expense-cycle) ease-in-out infinite}.expense-voucher-two{animation:expenseVoucherTwo var(--expense-cycle) ease-in-out infinite}.expense-status{animation:expenseStatus var(--expense-cycle) ease-in-out infinite}.expense-confirmation{animation:expenseConfirmation var(--expense-cycle) ease-in-out infinite}.expense-insight{animation:expenseInsight var(--expense-cycle) ease-in-out infinite}.expense-final-pill{animation:expenseFinalPill var(--expense-cycle) ease-in-out infinite}.expense-amount{position:relative;display:inline-block;width:9ch;min-height:1.25rem;overflow:hidden;text-align:right}.expense-amount span{position:absolute;inset:0 0 auto auto;opacity:0}.expense-amount span:first-child{animation:expenseAmountOne var(--expense-cycle) ease-in-out infinite}.expense-amount span:nth-child(2){animation:expenseAmountTwo var(--expense-cycle) ease-in-out infinite}.expense-amount span:nth-child(3){animation:expenseAmountThree var(--expense-cycle) ease-in-out infinite}.expense-amount span:nth-child(4){animation:expenseAmountFour var(--expense-cycle) ease-in-out infinite}.expense-loading-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:.5rem;background:linear-gradient(135deg,hsla(0,0%,100%,.97),rgba(236,254,255,.97));opacity:0;pointer-events:none;animation:expenseLoadingOverlay var(--expense-cycle) ease-in-out infinite}.expense-loading-spinner{width:2.5rem;height:2.5rem;border-radius:50%;border:3px solid rgba(8,145,178,.15);border-top-color:#0891b2;animation:aiSpin .7s linear infinite}.expense-loading-text{font-size:.875rem;font-weight:600;color:#0891b2;animation:aiLoadingPulse 1.2s ease-in-out infinite}@keyframes expenseLoadingOverlay{0%,27%{opacity:0}29%{opacity:1}40%{opacity:1}43%{opacity:0}to{opacity:0}}@keyframes expenseLanguageOne{0%,4%{width:0;opacity:0;transform:translateY(calc(-50% + 6px))}6%{width:0;opacity:1;transform:translateY(-50%)}15%,20%{width:35ch;opacity:1;transform:translateY(-50%)}22%,to{width:0;opacity:0;transform:translateY(calc(-50% - 6px))}}@keyframes expenseLanguageTwo{0%,23%{width:0;opacity:0;transform:translateY(calc(-50% + 6px))}25%{width:0;opacity:1;transform:translateY(-50%)}35%,40%{width:49ch;opacity:1;transform:translateY(-50%)}42%,to{width:0;opacity:0;transform:translateY(calc(-50% - 6px))}}@keyframes expenseLanguageThree{0%,43%{width:0;opacity:0;transform:translateY(calc(-50% + 6px))}45%{width:0;opacity:1;transform:translateY(-50%)}55%,96%{width:48ch;opacity:1;transform:translateY(-50%)}to{width:0;opacity:0;transform:translateY(calc(-50% - 6px))}}@keyframes expenseIdle{0%,40%{opacity:1;transform:translateY(0) scale(1)}46%,to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes expenseIntentNote{0%,24%{opacity:0;transform:translateY(10px) scale(.98)}28%,96%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes expenseProcessing{0%,29%,52%,to{opacity:0;transform:scale(.98)}33%,48%{opacity:1;transform:scale(1)}}@keyframes expenseLedger{0%,50%{opacity:0;transform:translateY(10px) scale(.98)}55%,96%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes expenseVoucherOne{0%,56%{opacity:0;transform:translateY(10px) scale(.98)}60%,96%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes expenseVoucherTwo{0%,60%{opacity:0;transform:translateY(10px) scale(.98)}64%,96%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes expenseStatus{0%,66%{opacity:0;transform:translateY(10px) scale(.98)}70%,96%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes expenseConfirmation{0%,72%{opacity:0;transform:translateY(10px) scale(.98)}76%,96%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes expenseInsight{0%,78%{opacity:0;transform:translateY(10px) scale(.98)}82%,96%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes expenseFinalPill{0%,80%{opacity:0;transform:translateY(10px) scale(.98)}84%,96%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes expenseAmountOne{0%,57%{opacity:1}60%,to{opacity:0}}@keyframes expenseAmountTwo{0%,59%,62%,to{opacity:0}60%,61%{opacity:1}}@keyframes expenseAmountThree{0%,61%,64%,to{opacity:0}62%,63%{opacity:1}}@keyframes expenseAmountFour{0%,63%,to{opacity:0}65%,96%{opacity:1}}@keyframes expenseGlow{0%,29%,52%,to{box-shadow:0 0 0 rgba(8,145,178,0)}33%,48%{box-shadow:0 0 24px rgba(8,145,178,.28)}}@keyframes expenseCursor{0%,45%{opacity:1}46%,to{opacity:0}}@media (max-width:639px){.expense-language-line{width:100%;min-height:2.4rem}.expense-language{white-space:normal;line-height:1.35}.expense-idle{display:none}.expense-confirmation,.expense-final-pill,.expense-insight,.expense-intent-note,.expense-ledger,.expense-status,.expense-voucher-one,.expense-voucher-two{opacity:1;transform:none;animation:none}.expense-processing{display:none}.expense-amount span{opacity:0!important;animation:none!important}.expense-amount span:last-child{opacity:1!important}.expense-loading-overlay{display:none}}@media (prefers-reduced-motion:reduce){.expense-demo *,.expense-demo :after,.expense-demo :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.expense-confirmation,.expense-final-pill,.expense-insight,.expense-language-one,.expense-ledger,.expense-status,.expense-voucher-one,.expense-voucher-two{opacity:1;transform:none}.expense-language-one{width:35ch}.expense-idle{display:none}.expense-amount span:last-child{opacity:1}.expense-loading-overlay{display:none}}.attendance-demo{--attendance-cycle:12s}.attendance-ai-pill{animation:attendanceGlow var(--attendance-cycle) ease-in-out infinite}.attendance-person{opacity:0;transform:translateX(-24px);animation:attendanceWalk var(--attendance-cycle) ease-in-out infinite}.attendance-camera-feed{opacity:0;transform:translateY(8px) scale(1.04);animation:attendanceCameraFeed var(--attendance-cycle) ease-in-out infinite}.attendance-face-box{left:50%;top:8.75rem;height:7.1rem;width:7rem;opacity:0;transform:translateX(-50%) scale(.92);animation:attendanceFaceBox var(--attendance-cycle) ease-in-out infinite}.attendance-scan-line{left:calc(50% - 3.5rem);top:9.05rem;width:7rem;opacity:0;animation:attendanceScan var(--attendance-cycle) ease-in-out infinite}.attendance-tablet-result{opacity:0;transform:translateY(8px) scale(.98);animation:attendanceTabletResult var(--attendance-cycle) ease-in-out infinite}.attendance-tablet-dot{animation:attendanceDot var(--attendance-cycle) ease-in-out infinite}.attendance-dashboard-entry,.attendance-detected,.attendance-final,.attendance-idle,.attendance-late,.attendance-marked,.attendance-name,.attendance-summary,.attendance-sync{opacity:0;transform:translateY(10px) scale(.98)}.attendance-idle{animation:attendanceIdle var(--attendance-cycle) ease-in-out infinite}.attendance-detected{animation:attendanceDetected var(--attendance-cycle) ease-in-out infinite}.attendance-name{animation:attendanceName var(--attendance-cycle) ease-in-out infinite}.attendance-marked{animation:attendanceMarked var(--attendance-cycle) ease-in-out infinite}.attendance-dashboard-entry{animation:attendanceDashboardEntry var(--attendance-cycle) ease-in-out infinite}.attendance-late{animation:attendanceLate var(--attendance-cycle) ease-in-out infinite}.attendance-sync{animation:attendanceSync var(--attendance-cycle) ease-in-out infinite}.attendance-summary{animation:attendanceSummary var(--attendance-cycle) ease-in-out infinite}.attendance-final{animation:attendanceFinal var(--attendance-cycle) ease-in-out infinite}.attendance-check{display:inline-block;animation:attendanceTick var(--attendance-cycle) ease-in-out infinite}@keyframes attendanceWalk{0%,14%{opacity:0;transform:translateX(-28px)}22%,96%{opacity:1;transform:translateX(18vw)}to{opacity:0;transform:translateX(22vw)}}@keyframes attendanceCameraFeed{0%,8%{opacity:0;transform:translateY(8px) scale(1.04);filter:blur(2px)}14%,96%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(8px) scale(1.04);filter:blur(2px)}}@keyframes attendanceFaceBox{0%,26%{opacity:0;transform:translateX(-50%) scale(.92)}32%,50%{opacity:1;transform:translateX(-50%) scale(1)}56%,to{opacity:0;transform:translateX(-50%) scale(1.04)}}@keyframes attendanceScan{0%,28%{opacity:0;transform:translateY(0)}34%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(96px)}56%,to{opacity:0;transform:translateY(106px)}}@keyframes attendanceTabletResult{0%,56%,to{opacity:0;transform:translateY(8px) scale(.98)}62%,96%{opacity:1;transform:translateY(0) scale(1)}}@keyframes attendanceDot{0%,25%{background:#71717a;box-shadow:none}30%,96%{background:#34d399;box-shadow:0 0 18px rgba(52,211,153,.65)}to{background:#71717a;box-shadow:none}}@keyframes attendanceIdle{0%,24%{opacity:1;transform:translateY(0) scale(1)}30%,to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes attendanceDetected{0%,28%,48%,to{opacity:0;transform:translateY(10px) scale(.98)}32%,44%{opacity:1;transform:translateY(0) scale(1)}}@keyframes attendanceName{0%,40%,to{opacity:0;transform:translateY(10px) scale(.98)}46%,96%{opacity:1;transform:translateY(0) scale(1)}}@keyframes attendanceMarked{0%,48%,to{opacity:0;transform:translateY(10px) scale(.98)}54%,96%{opacity:1;transform:translateY(0) scale(1)}}@keyframes attendanceDashboardEntry{0%,54%,to{opacity:0;transform:translateY(10px) scale(.98)}60%,96%{opacity:1;transform:translateY(0) scale(1)}}@keyframes attendanceLate{0%,66%,to{opacity:0;transform:translateY(10px) scale(.98)}70%,96%{opacity:1;transform:translateY(0) scale(1)}}@keyframes attendanceSync{0%,72%,to{opacity:0;transform:translateY(10px) scale(.98)}76%,96%{opacity:1;transform:translateY(0) scale(1)}}@keyframes attendanceSummary{0%,74%,to{opacity:0;transform:translateY(10px) scale(.98)}78%,96%{opacity:1;transform:translateY(0) scale(1)}}@keyframes attendanceFinal{0%,80%,to{opacity:0;transform:translateY(10px) scale(.98)}84%,96%{opacity:1;transform:translateY(0) scale(1)}}@keyframes attendanceTick{0%,58%{transform:scale(.7);opacity:0}64%,96%{transform:scale(1);opacity:1}to{transform:scale(.7);opacity:0}}@keyframes attendanceGlow{0%,26%,to{box-shadow:0 0 0 rgba(16,185,129,0)}32%,46%{box-shadow:0 0 24px rgba(16,185,129,.28)}}@media (max-width:639px){.attendance-face-box{left:50%;top:6.1rem;height:5rem;width:5rem}.attendance-scan-line{left:calc(50% - 2.5rem);top:6.35rem;width:5rem}@keyframes attendanceScan{0%,28%{opacity:0;transform:translateY(0)}34%{opacity:1;transform:translateY(0)}50%{opacity:1;transform:translateY(68px)}56%,to{opacity:0;transform:translateY(76px)}}}@media (prefers-reduced-motion:reduce){.attendance-demo *,.attendance-demo :after,.attendance-demo :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.attendance-camera-feed,.attendance-dashboard-entry,.attendance-face-box,.attendance-final,.attendance-late,.attendance-marked,.attendance-name,.attendance-person,.attendance-summary,.attendance-sync,.attendance-tablet-result{opacity:1;transform:none}.attendance-detected,.attendance-idle{display:none}}