:root{color-scheme:light;--bg:#fff;--panel:#f6f6f9;--surface:#fff;--text:#202029;--muted:#62626e;--line:#ddddE5;--accent:#5865f2;--accent-text:#414dc7;--tint:#eef0ff;--mono:'JetBrains Mono',monospace;--font:Inter,system-ui,sans-serif;--gap:32px;--pad:24px}
:root[data-theme=dark]{color-scheme:dark;--bg:#09090b;--panel:#141418;--surface:#1b1b22;--text:#fafafa;--muted:#b0b0bf;--line:#35353f;--accent-text:#adb5ff;--tint:#222440}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--font)}a{color:inherit}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent-text);outline-offset:5px}button:disabled{cursor:default;opacity:.5}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.15;letter-spacing:-.045em}h1{font-size:clamp(38px,5.5vw,76px);font-weight:700}h2{font-size:clamp(28px,3vw,44px);font-weight:650}h3{font-size:21px;font-weight:600;letter-spacing:-.025em}p+p{margin-top:18px}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:var(--bg);padding:12px}.skip:focus{top:12px}.header{border-bottom:1px solid var(--line);background:var(--bg)}.nav-row{display:flex;gap:30px;align-items:center;min-height:88px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font:700 16px var(--mono);letter-spacing:-.05em;white-space:nowrap}.brand img{flex:none}.nav-row nav{display:flex;gap:26px;margin-left:auto}.nav-row nav a,.login-link{font-size:13px;text-decoration:none;padding-block:14px}.nav-row nav a:hover,.text-link:hover,.footer a:hover{color:var(--accent-text)}.header-actions{display:flex;align-items:center;gap:20px}.icon-button{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:1px solid var(--line);color:var(--text);font-size:23px}.menu-button{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 21px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-decoration:none;font-size:14px;font-weight:550;line-height:1.5}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button:hover{border-color:var(--accent-text)}.button.primary:hover{background:#4652d4}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-underline-offset:5px}.eyebrow{color:var(--accent-text);font:11px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:22px}.lead{font-size:19px;line-height:1.6;color:var(--muted)}.muted{color:var(--muted)}.section{padding-block:104px}.tinted{background:var(--panel)}.section-heading{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:80px;margin-bottom:48px}.section-heading>p{color:var(--muted);max-width:470px}.manage-hero{padding-block:82px 0}.manage-hero h1 span{color:var(--accent-text)}.hero-bottom{display:flex;justify-content:space-between;gap:60px;margin-top:32px;align-items:start}.hero-bottom .lead{max-width:575px}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.hero-bottom .actions{min-width:235px;flex-direction:column;align-items:flex-start}.task-nav{display:flex;gap:0;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:64px}.task-nav a{padding:20px 0;text-decoration:none;font:13px var(--mono)}.task-nav a:hover{color:var(--accent-text)}.demo-disclosure{font-size:12px;color:var(--muted);margin:20px 0 10px;max-width:670px}.scenario{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:82px;align-items:center;border-bottom:1px solid var(--line);scroll-margin-top:30px}.scenario:last-child{border:0}.scenario-copy>p:last-child{color:var(--muted);margin-top:23px;max-width:440px}.scenario-question{font-size:14px;color:var(--muted);margin-bottom:12px}.scenario .eyebrow{margin-bottom:20px}.mini-demo{min-width:0}.demo-body{border:1px solid var(--line);background:var(--panel);box-shadow:8px 8px 0 var(--tint);overflow:hidden}.demo-bar{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);font-size:13px}.demo-tag{font:9px var(--mono);padding-top:5px;color:var(--muted)}.demo-location{display:flex;flex-direction:column;padding:20px;gap:4px}.demo-location span{font-size:12px;color:var(--muted)}.week{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:5px;padding:0 20px 22px;font-size:11px;align-items:center}.week b{font-weight:500;color:var(--muted);padding:5px;text-align:center}.week i{font-style:normal;background:var(--tint);color:var(--accent-text);padding:13px 4px;text-align:center;font-size:10px;white-space:nowrap}.week .off{background:transparent;color:var(--muted);font-size:9px}.demo-result{border-top:1px solid var(--line);padding:15px 20px;color:var(--accent-text);font-size:12px;display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;background:var(--accent-text);display:inline-block;flex:none}.mini-demo figcaption,figcaption{font-size:11px;color:var(--muted);margin-top:18px}.person{display:flex;gap:14px;align-items:center;padding:24px 20px}.avatar{display:grid;place-items:center;width:38px;height:38px;background:var(--tint);color:var(--accent-text);font-family:var(--mono)}.person span:last-child{display:flex;flex-direction:column}.person b{font-weight:550;font-size:15px}.person small{font-size:11px;color:var(--muted)}.field{display:flex;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid var(--line);font-size:13px}.field span{color:var(--muted)}.field b{font-weight:500;text-align:right}.demo-total{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 20px}.demo-total span{font-size:12px;color:var(--muted)}.demo-total strong{font:500 27px var(--mono);white-space:nowrap}.task-item{display:flex;gap:12px;padding:22px 20px;border-bottom:1px solid var(--line)}.task-item b{font-weight:550;font-size:13px}.task-item small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.check-demo{color:var(--accent-text);font-size:20px;line-height:1.3}.muted-check{color:var(--muted)}.mini-demo.is-visible .fill-shift{animation:fill-shift 4s ease infinite}.mini-demo.is-visible .demo-result{animation:result-in 4s ease infinite}@keyframes fill-shift{0%,15%{opacity:.18;transform:translateY(4px)}40%,100%{opacity:1;transform:none}}@keyframes result-in{0%,25%{opacity:.35}55%,100%{opacity:1}}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-block:42px}.steps-grid.four{grid-template-columns:repeat(4,1fr);gap:28px}.steps-grid h3{margin-bottom:16px}.steps-grid p{font-size:14px;color:var(--muted)}.step{display:block;font:13px var(--mono);color:var(--accent-text);margin-bottom:22px}.pricing-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:46px}.price{font:550 clamp(36px,4vw,54px)/1.3 var(--mono);letter-spacing:-.06em;margin-bottom:22px}.price span{font:13px var(--font);letter-spacing:0;display:block;color:var(--muted);margin-top:8px}.price-example{font-size:13px;padding-top:22px;border-top:1px solid var(--line)}.calculator{padding:28px;background:var(--panel);border:1px solid var(--line)}.calculator>label:not(.check-label){display:block;font-size:13px;margin-bottom:24px}.calculator label output{float:right;font-family:var(--mono);font-size:16px}.calculator input[type=range]{display:block;width:100%;margin:16px 0 0;accent-color:var(--accent);min-height:24px}.check-label{display:flex;align-items:center;gap:10px;font-size:12px;min-height:44px}.check-label input{width:18px;height:18px;accent-color:var(--accent)}.calculator>p{font-size:11px;margin:12px 0;color:var(--muted)}.calculator-total{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;align-items:center}.calculator-total span{font-size:13px}.calculator-total output{font:500 28px var(--mono);color:var(--accent-text)}.help-grid,.bundle-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.help-grid h2{margin-bottom:24px}.help-grid>div>p:not(.eyebrow){color:var(--muted);margin-bottom:20px}.faq-list details{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:20px 30px 20px 0;font-size:15px;list-style:none;position:relative}summary:after{content:'+';position:absolute;right:0;top:19px;font:20px var(--mono);color:var(--accent-text)}details[open] summary:after{content:'−'}details p{padding:0 0 24px;font-size:14px;color:var(--muted)}.bundle{border-block:1px solid var(--line)}.bundle h2{margin-bottom:24px}.bundle p{font-size:15px}.bundle .button{margin-top:25px}.footer{padding-block:44px;display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.footer-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 22px}.footer-links a{font-size:11px;text-decoration:none;min-height:30px}.footer p{font-size:10px;color:var(--muted)}.footer p:last-child{text-align:right}.trial-note{padding:30px;border:1px solid var(--line);background:var(--panel)}.trial-note>strong{font-size:25px}.trial-note p{margin-block:20px;color:var(--muted);font-size:14px}
@media(max-width:1000px){.nav-row{gap:18px}.nav-row nav{gap:16px}.brand{font-size:13px}.scenario{gap:45px}.pricing-layout,.help-grid,.bundle-grid,.section-heading{gap:44px}.steps-grid.four{grid-template-columns:1fr 1fr}.hero-bottom{gap:32px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{position:relative}.nav-row{min-height:74px;gap:12px;flex-wrap:wrap}.brand{font-size:12px}.brand img{width:28px}.header-actions{margin-left:auto;gap:10px}.login-link{font-size:12px}.icon-button{width:44px;height:44px}.menu-button{display:grid;order:3}.nav-row nav{display:none;order:4;width:100%;padding-bottom:18px;gap:0;margin:0}.nav-row nav.open{display:flex;flex-direction:column}.nav-row nav a{border-top:1px solid var(--line);font-size:14px;padding:14px 0}.manage-hero{padding-top:48px}.hero-bottom{flex-direction:column;gap:25px;margin-top:24px}.hero-bottom .lead{font-size:17px}.hero-bottom .actions{flex-direction:row;align-items:center}.task-nav{flex-wrap:wrap;justify-content:flex-start;gap:0 25px;margin-top:36px;padding:10px 0}.task-nav a{padding:10px 0;font-size:11px}.demo-disclosure{font-size:10px;line-height:1.6;margin-top:17px}.scenario{grid-template-columns:1fr;padding-block:52px;gap:28px}.scenario-copy>p:last-child{font-size:14px;margin-top:18px}.scenario .eyebrow{margin-bottom:12px}.scenario-question{font-size:12px}.mini-demo{max-width:520px;width:100%}.section{padding-block:64px}.section-heading,.pricing-layout,.help-grid,.bundle-grid{grid-template-columns:1fr;gap:28px}.section-heading>p{font-size:14px}.steps-grid,.steps-grid.four{grid-template-columns:1fr;gap:30px;margin-block:32px}.steps-grid article{position:relative;padding-left:38px}.steps-grid .step{position:absolute;left:0;top:0}.steps-grid h3{font-size:20px;margin-bottom:10px}.pricing-layout{margin-top:32px}.calculator{padding:22px}.help-grid{gap:26px}.bundle-grid{gap:28px}.footer{grid-template-columns:1fr;gap:20px;padding-block:32px}.footer-links{justify-content:flex-start}.footer p:last-child{text-align:left}.eyebrow{font-size:10px;margin-bottom:16px}.price{font-size:40px}.demo-total strong{font-size:24px}.button{min-height:48px}.footer p+p{margin:0}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.nav-row{gap:7px}.brand{font-size:10px;gap:6px}.brand img{width:24px}.header-actions{gap:5px}.menu-button,.theme-button{width:40px}.week{padding-inline:12px;gap:3px}.week i{font-size:9px}.demo-bar,.field,.demo-location{padding-inline:16px}.calculator-total output{font-size:24px}}
.hero-preview{margin-top:34px;display:flex;align-items:center;gap:18px 28px;padding:18px 22px;border-left:3px solid var(--accent);background:var(--panel);font-size:12px;flex-wrap:wrap}.hero-preview>span{color:var(--muted)}.hero-preview strong{font-weight:550}.hero-preview-result{color:var(--accent-text)!important;margin-left:auto}.hero-preview.is-visible strong{animation:person-in 5s ease infinite}.hero-preview.is-visible .hero-preview-result{animation:result-in 5s ease infinite}.mini-demo.is-visible .demo-result{animation:none}.mini-demo.is-visible .person{animation:person-in 5s ease infinite}#team .mini-demo.is-visible .field{animation:detail-in 5s ease infinite}#payroll .mini-demo.is-visible .field{animation:detail-in 5s ease infinite}#payroll .mini-demo.is-visible .demo-total{animation:total-in 5s ease infinite}#tasks .mini-demo.is-visible .task-item:nth-child(2) .check-demo{animation:check-in 5s ease infinite}#expenses .mini-demo.is-visible .demo-location{animation:person-in 5s ease infinite}#expenses .mini-demo.is-visible .field,#expenses .mini-demo.is-visible .demo-total{animation:detail-in 5s ease infinite}@keyframes person-in{0%,10%{opacity:0;transform:translateY(10px)}30%,100%{opacity:1;transform:none}}@keyframes detail-in{0%,25%{opacity:.2;transform:translateY(4px)}45%,100%{opacity:1;transform:none}}@keyframes total-in{0%,40%{opacity:.15;transform:translateY(6px)}60%,100%{opacity:1;transform:none}}@keyframes check-in{0%,25%{opacity:.12;transform:scale(.7)}45%,100%{opacity:1;transform:scale(1)}}.guide{max-width:880px}.guide>.lead{margin-top:24px}.guide section{margin-top:56px;scroll-margin-top:30px}.guide section h2{font-size:28px;margin-bottom:24px}.guide section p{color:var(--muted);font-size:15px}.guide .task-nav{margin-top:32px}.motion-toggle{min-height:44px!important}.metrica-settings{justify-self:start}
@media(max-width:760px){.hero-preview{gap:8px 18px;padding:16px;font-size:11px;margin-top:28px}.hero-preview strong,.hero-preview-result{width:100%;margin-left:0}.hero-preview+.task-nav{margin-top:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.demo-motion-toggle{background:none;border:0;color:var(--muted);padding:0;font-size:11px;min-height:44px}