.InvoiceHeroDemo_root__l88JC{width:100%;max-width:304px;margin-inline:auto}.InvoiceHeroDemo_demoLabel__9pLMR{display:flex;margin:0 0 10px;align-items:center;justify-content:center;gap:7px;color:#bae6fd;font-size:.72rem;font-weight:750;letter-spacing:.025em}.InvoiceHeroDemo_demoLabel__9pLMR span{color:#34d399;font-size:.58rem}.InvoiceHeroDemo_phoneLink__XGYvY{display:block;color:inherit;text-decoration:none}.InvoiceHeroDemo_phone__WOY6F{position:relative;isolation:isolate;width:100%;aspect-ratio:1206/2622;padding:10px;overflow:visible;border:0;border-radius:48px;background:linear-gradient(145deg,#343945,#090b10 15%,#020306 72%,#252a34);box-shadow:0 30px 64px rgba(0,0,0,.4),0 10px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(255,255,255,.08);transform:translateZ(0)}.InvoiceHeroDemo_phone__WOY6F:after,.InvoiceHeroDemo_phone__WOY6F:before{position:absolute;pointer-events:none;content:""}.InvoiceHeroDemo_phone__WOY6F:before{z-index:8;inset:1px;border:1px solid rgba(255,255,255,.16);border-radius:47px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.72)}.InvoiceHeroDemo_phone__WOY6F:after{z-index:6;inset:7px;border:1px solid rgba(255,255,255,.09);border-radius:41px;box-shadow:0 0 0 1px rgba(0,0,0,.75)}.InvoiceHeroDemo_speaker__3gYrJ{position:absolute;z-index:9;top:17px;left:50%;width:76px;height:22px;border-radius:999px;background:#05070b;box-shadow:0 1px 0 rgba(255,255,255,.08);transform:translateX(-50%)}.InvoiceHeroDemo_screen__2EqUh{position:relative;z-index:1;display:flex;width:100%;height:100%;overflow:hidden;border-radius:38px;background:#fbfcff;box-shadow:0 0 0 1px rgba(0,0,0,.9);color:#1e293b;flex-direction:column}.InvoiceHeroDemo_homePreview__4vKDX{display:flex;height:100%;flex-direction:column;background:#f6f7fb;color:#171b24}.InvoiceHeroDemo_homeStatusBar__oOBfz{display:flex;min-height:34px;padding:12px 17px 1px;align-items:center;justify-content:space-between;background:white;font-size:.55rem}.InvoiceHeroDemo_homeStatusBar__oOBfz>span{font-size:.45rem;letter-spacing:.06em}.InvoiceHeroDemo_homeAppBar__5tteo{display:grid;min-height:48px;padding:3px 13px 8px;grid-template-columns:1fr auto 1fr;align-items:center;background:white}.InvoiceHeroDemo_homeAppBar__5tteo>strong{font-size:.78rem;letter-spacing:-.015em}.InvoiceHeroDemo_homeAppBar__5tteo>div{display:flex;justify-content:flex-end;gap:10px}.InvoiceHeroDemo_homeAppBar__5tteo i{display:grid;width:20px;height:20px;place-items:center;color:#111827;font-size:.7rem;font-style:normal;font-weight:800}.InvoiceHeroDemo_homeScroll__gPuF6{flex:1;padding:10px 15px 18px}.InvoiceHeroDemo_homePlanStrip__b7Eou{display:flex;min-height:34px;padding:0 10px;align-items:center;justify-content:space-between;border:1px solid #dce7ff;border-radius:10px;background:#eef4ff;font-size:.55rem}.InvoiceHeroDemo_homePlanStrip__b7Eou span{color:#2f6df6;font-weight:750}.InvoiceHeroDemo_homeOverview__mhckO{margin-top:10px;padding:11px 11px 9px;border:1px solid #e3e7ef;border-radius:13px;background:white;box-shadow:0 3px 10px rgba(28,39,60,.035)}.InvoiceHeroDemo_homeOverviewHeader__LX2if,.InvoiceHeroDemo_homeOverviewHeader__LX2if>span{display:flex;align-items:center}.InvoiceHeroDemo_homeOverviewHeader__LX2if{justify-content:space-between}.InvoiceHeroDemo_homeOverviewHeader__LX2if>span{gap:6px;font-size:.62rem}.InvoiceHeroDemo_homeOverviewHeader__LX2if i{display:grid;width:21px;height:21px;place-items:center;border-radius:7px;background:#edf3ff;color:#2f6df6;font-size:.58rem;font-style:normal}.InvoiceHeroDemo_homeOverviewHeader__LX2if small{padding:4px 6px;border-radius:6px;background:#fff4e6;color:#d56a13;font-size:.43rem;font-weight:760}.InvoiceHeroDemo_homePeriodTabs__c2MDU{display:grid;height:27px;margin-top:9px;grid-template-columns:1fr 1fr;place-items:center;border-radius:7px;background:#f3f5f8;color:#758196;font-size:.48rem;font-weight:700}.InvoiceHeroDemo_homePeriodTabs__c2MDU b{display:grid;width:calc(100% - 4px);height:23px;place-items:center;border-radius:6px;background:#2f6df6;color:white}.InvoiceHeroDemo_homeMetrics__j1EyD{display:grid;margin-top:8px;grid-template-columns:1fr 1fr}.InvoiceHeroDemo_homeMetrics__j1EyD>div{min-height:47px;padding:7px 8px}.InvoiceHeroDemo_homeMetrics__j1EyD>div:nth-child(odd){border-right:1px solid #edf0f4}.InvoiceHeroDemo_homeMetrics__j1EyD>div:nth-child(-n+2){border-bottom:1px solid #edf0f4}.InvoiceHeroDemo_homeMetrics__j1EyD b,.InvoiceHeroDemo_homeMetrics__j1EyD small{display:block}.InvoiceHeroDemo_homeMetrics__j1EyD small{color:#8a94a5;font-size:.43rem}.InvoiceHeroDemo_homeMetrics__j1EyD b{margin-top:3px;font-size:.63rem}.InvoiceHeroDemo_homeMetrics__j1EyD>div:nth-child(3) b{color:#20a464}.InvoiceHeroDemo_homeMetrics__j1EyD>div:nth-child(4) b{color:#e55353}.InvoiceHeroDemo_homePageDots__oeho8{display:flex;height:19px;align-items:center;justify-content:center;gap:4px}.InvoiceHeroDemo_homePageDots__oeho8 b,.InvoiceHeroDemo_homePageDots__oeho8 i{height:5px;border-radius:999px;background:#c7ced9}.InvoiceHeroDemo_homePageDots__oeho8 b{width:18px;background:#2f6df6}.InvoiceHeroDemo_homePageDots__oeho8 i{width:5px}.InvoiceHeroDemo_homeQuickActions___qqvK h2{margin:1px 0 8px;font-size:.68rem;letter-spacing:-.015em}.InvoiceHeroDemo_homeActionRow__qCrhp{display:grid;margin-top:7px;grid-template-columns:1fr 1fr;gap:7px}.InvoiceHeroDemo_homeAction__pGbqj{display:flex;min-height:48px;padding:8px;align-items:center;gap:7px;border:1px solid #dfe4ec;border-radius:11px;background:white;font-size:.5rem}.InvoiceHeroDemo_homeActionPrimary___59p1{min-height:44px;justify-content:center;border-color:#cbdcff}.InvoiceHeroDemo_homeAction__pGbqj i{display:grid;width:26px;height:26px;flex:0 0 26px;place-items:center;border-radius:8px;background:#eff2f6;color:#667085;font-size:.72rem;font-style:normal;font-weight:780}.InvoiceHeroDemo_homeActionPrimary___59p1 i{background:#eaf1ff;color:#2f6df6}.InvoiceHeroDemo_homeActionNewInvoice__EXWJV{border-color:#cfd7e5;box-shadow:0 2px 7px rgba(30,45,70,.04)}.InvoiceHeroDemo_homeActionPressed__lL_g1{border-color:#2f6df6;background:#edf3ff;box-shadow:0 0 0 2px rgba(47,109,246,.18);transform:scale(.975)}.InvoiceHeroDemo_homeQuickActions___qqvK h3{margin:14px 0 7px;font-size:.59rem}.InvoiceHeroDemo_homeManageList__PQKgs{overflow:hidden;border:1px solid #dfe4ec;border-radius:11px;background:white}.InvoiceHeroDemo_homeManageList__PQKgs>div{display:grid;min-height:35px;padding:4px 9px;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid #edf0f4;font-size:.49rem}.InvoiceHeroDemo_homeManageList__PQKgs>div:last-child{border-bottom:0}.InvoiceHeroDemo_homeManageList__PQKgs i{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:#eff2f6;color:#667085;font-size:.59rem;font-style:normal}.InvoiceHeroDemo_homeManageList__PQKgs span{color:#98a2b3;font-size:.65rem}.InvoiceHeroDemo_appBar__XdnsF{display:grid;min-height:62px;padding:15px 13px 7px;grid-template-columns:30px 1fr 30px;align-items:center;border-bottom:1px solid #e8edf5;background:white;font-size:.78rem}.InvoiceHeroDemo_appBar__XdnsF strong{text-align:center}.InvoiceHeroDemo_help__qTtQu{display:grid;width:19px;height:19px;margin:auto;place-items:center;border:1.5px solid #64748b;border-radius:50%;color:#64748b;font-size:.62rem;font-weight:800}.InvoiceHeroDemo_appContent__yv9GA{flex:1;padding:10px 13px 92px;overflow:hidden}.InvoiceHeroDemo_formSection__qgAqz{margin-bottom:10px;border-radius:11px}.InvoiceHeroDemo_formSection__qgAqz h3{display:flex;margin:0 0 4px;align-items:center;gap:6px;color:#334155;font-size:.68rem;font-weight:760}.InvoiceHeroDemo_formSection__qgAqz h3 i{display:grid;width:16px;color:#2f6df6;place-items:center;font-size:.61rem;font-style:normal}.InvoiceHeroDemo_clientList__YqQNn>div,.InvoiceHeroDemo_dueRow__DjFM_,.InvoiceHeroDemo_selectedClient__RCYzh{display:grid;min-height:50px;padding:7px 9px;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;border:1px solid #e0e7f0;border-radius:10px;background:white;text-align:left}.InvoiceHeroDemo_clientList__YqQNn>small{display:block;margin:0 0 5px;color:#8895a9;font-size:.53rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.InvoiceHeroDemo_clientList__YqQNn>div{margin-bottom:6px}.InvoiceHeroDemo_clientList__YqQNn b,.InvoiceHeroDemo_dueRow__DjFM_ b,.InvoiceHeroDemo_selectedClient__RCYzh b,.InvoiceHeroDemo_toggleRow__4AIYp b{display:block;font-size:.61rem}.InvoiceHeroDemo_clientList__YqQNn small,.InvoiceHeroDemo_dueRow__DjFM_ small,.InvoiceHeroDemo_selectedClient__RCYzh small,.InvoiceHeroDemo_toggleRow__4AIYp small{display:block;margin-top:2px;overflow:hidden;color:#7b8799;font-size:.5rem;text-overflow:ellipsis;white-space:nowrap}.InvoiceHeroDemo_avatar__5uDnL{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#e9f0ff;color:#2359cc;font-size:.55rem;font-weight:820}.InvoiceHeroDemo_check__vgdVg{display:grid;width:19px;height:19px;place-items:center;border-radius:50%;background:#e8f8f1;color:#087f5b;font-size:.57rem;font-weight:900}.InvoiceHeroDemo_activeTarget__ZPZJj{border-color:#6d98ff!important;box-shadow:0 0 0 2px rgba(47,109,246,.13)}.InvoiceHeroDemo_activeForm__ujUsR{margin:-5px -6px 9px;padding:5px 6px 6px;background:#f0f5ff;box-shadow:0 0 0 2px rgba(47,109,246,.48)}.InvoiceHeroDemo_amountField__hk2It,.InvoiceHeroDemo_descriptionField__L__o3{display:flex;min-height:48px;padding:0 11px;align-items:center;gap:4px;border:1px solid #ccd6e4;border-radius:10px;background:white}.InvoiceHeroDemo_amountField__hk2It{color:#64748b;font-size:1.1rem;font-weight:780}.InvoiceHeroDemo_amountField__hk2It b{color:#19243a}.InvoiceHeroDemo_descriptionField__L__o3{min-height:48px;align-items:flex-start;padding-top:9px;color:#9aa6b7;font-size:.6rem;line-height:1.45}.InvoiceHeroDemo_activeForm__ujUsR .InvoiceHeroDemo_descriptionField__L__o3{color:#24324a}.InvoiceHeroDemo_activeForm__ujUsR .InvoiceHeroDemo_amountField__hk2It b:after,.InvoiceHeroDemo_activeForm__ujUsR .InvoiceHeroDemo_descriptionField__L__o3 span:after{display:inline-block;width:1px;height:1em;margin-left:2px;border-left:1.5px solid #2f6df6;content:"";vertical-align:-.12em;animation:InvoiceHeroDemo_fieldCaret__QXhff .9s step-end infinite}.InvoiceHeroDemo_playbackEnded__LfGux .InvoiceHeroDemo_activeForm__ujUsR .InvoiceHeroDemo_amountField__hk2It b:after,.InvoiceHeroDemo_playbackEnded__LfGux .InvoiceHeroDemo_activeForm__ujUsR .InvoiceHeroDemo_descriptionField__L__o3 span:after{display:none}.InvoiceHeroDemo_dueRow__DjFM_{min-height:48px}.InvoiceHeroDemo_calendar__wHE__{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#edf3ff;color:#2f6df6;font-size:.55rem;font-weight:800}.InvoiceHeroDemo_toggleRow__4AIYp{display:grid;min-height:48px;padding:0 2px;grid-template-columns:27px 1fr auto;align-items:center;gap:7px}.InvoiceHeroDemo_toggleRow__4AIYp>span:first-child{color:#2f6df6;font-size:.76rem;transform:rotate(-18deg)}.InvoiceHeroDemo_toggle__IGJPr{display:flex;width:38px;height:22px;padding:3px;align-items:center;justify-content:flex-end;border-radius:999px;background:#2f6df6}.InvoiceHeroDemo_toggle__IGJPr i{width:16px;height:16px;border-radius:50%;background:white;box-shadow:0 1px 3px rgba(15,23,42,.25)}.InvoiceHeroDemo_bottomBar__A4NVM{position:absolute;right:12px;bottom:14px;left:12px;padding:8px;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 12px 30px rgba(15,23,42,.16);backdrop-filter:blur(12px)}.InvoiceHeroDemo_bottomBar__A4NVM>div{display:flex;min-height:45px;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:#b9c3d3;color:white;font-size:.62rem;font-weight:780}.InvoiceHeroDemo_bottomBar__A4NVM .InvoiceHeroDemo_sendReady__jdQmW{background:#2f6df6;box-shadow:0 8px 19px rgba(47,109,246,.28)}.InvoiceHeroDemo_spinner__LKwKK{width:13px;height:13px;border:2px solid rgba(255,255,255,.4);border-top-color:white;border-radius:50%;animation:InvoiceHeroDemo_spin__fHC_2 .65s linear infinite}.InvoiceHeroDemo_successScreen__ZJjaw{display:flex;height:100%;padding:92px 22px 28px;align-items:center;flex-direction:column;background:radial-gradient(circle at 50% 16%,rgba(16,185,129,.16),transparent 13rem),#fbfffd;text-align:center}.InvoiceHeroDemo_successIcon__pcflk{display:grid;width:62px;height:62px;margin-bottom:18px;place-items:center;border-radius:50%;background:#10b981;color:white;font-size:1.55rem;font-weight:900;box-shadow:0 13px 28px rgba(16,185,129,.25);animation:InvoiceHeroDemo_successPop__W2uEQ .42s cubic-bezier(.2,.8,.2,1.15)}.InvoiceHeroDemo_successScreen__ZJjaw>p{margin:0;color:#07875e;font-size:.65rem;font-weight:830;letter-spacing:.08em;text-transform:uppercase}.InvoiceHeroDemo_successScreen__ZJjaw>strong{margin-top:7px;color:#14213a;font-size:2rem;letter-spacing:-.05em}.InvoiceHeroDemo_successScreen__ZJjaw>span{margin-top:3px;color:#748196;font-size:.66rem}.InvoiceHeroDemo_successSummary__8KCgY{display:grid;width:100%;margin-top:30px;padding:15px 0;grid-template-columns:repeat(3,1fr);border:1px solid #e1eae6;border-radius:12px;background:white}.InvoiceHeroDemo_successSummary__8KCgY>div{border-right:1px solid #e7eeeb}.InvoiceHeroDemo_successSummary__8KCgY>div:last-child{border-right:0}.InvoiceHeroDemo_successSummary__8KCgY b,.InvoiceHeroDemo_successSummary__8KCgY small{display:block}.InvoiceHeroDemo_successSummary__8KCgY small{color:#8995a4;font-size:.48rem}.InvoiceHeroDemo_successSummary__8KCgY b{margin-top:4px;color:#26364f;font-size:.58rem}.InvoiceHeroDemo_successSummary__8KCgY>div:nth-child(2) b{color:#07875e}.InvoiceHeroDemo_successDescription___8hKc{width:100%;margin-top:12px;padding:11px;border-radius:10px;background:#eef7f3;color:#51635c;font-size:.57rem;line-height:1.45}.InvoiceHeroDemo_cursor__E5Afx{position:absolute;z-index:10;width:24px;height:32px;pointer-events:none;transform-origin:0 0;transition:top var(--cursor-travel-duration) cubic-bezier(.22,1,.36,1),left var(--cursor-travel-duration) cubic-bezier(.22,1,.36,1),transform 185ms ease}.InvoiceHeroDemo_cursorGraphic__D7ZgD{position:absolute;top:-2px;left:-2px;display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 3px 3px rgba(15,23,42,.32))}.InvoiceHeroDemo_cursor__E5Afx>i{position:absolute;z-index:-1;top:-20px;left:-20px;width:40px;height:40px;border:2px solid rgba(47,109,246,.75);border-radius:50%;opacity:0}.InvoiceHeroDemo_cursorClicking__j7cr4{transform:scale(.88)}.InvoiceHeroDemo_cursorClicking__j7cr4>i{animation:InvoiceHeroDemo_cursorClick__Kqog8 425ms ease-out}.InvoiceHeroDemo_controls__CbQLz{display:flex;min-height:44px;margin-top:11px;align-items:center;justify-content:center;gap:14px;color:#a9bad8;font-size:.68rem;font-weight:680}.InvoiceHeroDemo_controls__CbQLz a,.InvoiceHeroDemo_controls__CbQLz button{display:inline-flex;min-height:44px;padding:0 6px;align-items:center;justify-content:center;gap:5px;border:0;border-radius:6px;background:transparent;color:#bae6fd;font:inherit;text-decoration:none;cursor:pointer}.InvoiceHeroDemo_controls__CbQLz a:hover,.InvoiceHeroDemo_controls__CbQLz button:hover{color:white}.InvoiceHeroDemo_controls__CbQLz a:focus-visible,.InvoiceHeroDemo_controls__CbQLz button:focus-visible{outline:2px solid #bae6fd;outline-offset:2px}@keyframes InvoiceHeroDemo_spin__fHC_2{to{transform:rotate(1turn)}}@keyframes InvoiceHeroDemo_successPop__W2uEQ{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes InvoiceHeroDemo_cursorClick__Kqog8{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(1.35)}}@keyframes InvoiceHeroDemo_fieldCaret__QXhff{0%,45%{opacity:1}46%,to{opacity:0}}@media (max-width:520px){.InvoiceHeroDemo_phone__WOY6F{border-radius:44px}.InvoiceHeroDemo_phone__WOY6F:before{border-radius:43px}.InvoiceHeroDemo_phone__WOY6F:after{border-radius:37px}.InvoiceHeroDemo_screen__2EqUh{border-radius:34px}.InvoiceHeroDemo_speaker__3gYrJ{width:64px;height:19px}}@media (prefers-reduced-motion:reduce){.InvoiceHeroDemo_cursor__E5Afx,.InvoiceHeroDemo_spinner__LKwKK,.InvoiceHeroDemo_successIcon__pcflk{animation:none;transition:none}.InvoiceHeroDemo_activeForm__ujUsR .InvoiceHeroDemo_amountField__hk2It b:after,.InvoiceHeroDemo_activeForm__ujUsR .InvoiceHeroDemo_descriptionField__L__o3 span:after{animation:none}}