.payroll-hero{flex-direction:column;align-items:center;gap:4rem;min-height:614px;display:flex;position:relative}@media (width>=1024px){.payroll-hero{flex-direction:row;gap:2.5rem}}.payroll-hero__bg{z-index:-1;background:radial-gradient(circle at 50% 0,#ffffffd9 0%,#f7f9ff00 70%);position:absolute;inset:0}.payroll-hero__copy{z-index:10;flex-direction:column;flex:1;gap:1.5rem;display:flex}.payroll-hero__eyebrow{color:var(--color-primary,#1b9e74);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:600}.payroll-hero__title{font-family:var(--font-display,inherit);color:var(--color-on-surface,#171c21);font-size:3rem;line-height:1.05}@media (width>=768px){.payroll-hero__title{font-size:3.75rem}}.payroll-hero__title-accent{color:var(--color-primary,#1b9e74);font-style:italic}.payroll-hero__description{color:var(--color-on-surface-variant,#3d4a43);max-width:42rem;margin-top:.5rem;font-size:1.125rem;line-height:1.625}.payroll-hero__actions{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}@media (width>=640px){.payroll-hero__actions{flex-direction:row}}.payroll-hero__btn{letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border-radius:9999px;padding:1rem 2rem;font-size:.75rem;font-weight:600;transition:background-color .2s}.payroll-hero__btn--primary{background:var(--color-primary,#1b9e74);color:#fff;box-shadow:0 1px 2px #0000000d}.payroll-hero__btn--primary:hover{background:var(--color-primary-container,#85f8c8)}.payroll-hero__btn--secondary{background:var(--color-surface-container-lowest,#fff);color:var(--color-on-surface,#171c21);border:1px solid var(--color-outline-variant,#bccac1)}.payroll-hero__btn--secondary:hover{background:var(--color-surface-container-low,#f0f4f8)}.payroll-hero__media{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.payroll-hero__image-wrap{aspect-ratio:4/3;background:var(--color-surface-container-lowest,#fff);border:1px solid #bccac14d;border-radius:1.5rem;justify-content:center;align-items:center;width:100%;max-width:36rem;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.payroll-hero__image{object-fit:cover;width:100%;height:100%}.payroll-hero__widget{backdrop-filter:blur(12px);z-index:10;background:#ffffffe6;border:1px solid #fff;border-radius:1rem;min-width:220px;padding:1rem;animation:5s ease-in-out infinite payrollWidgetDrift;position:absolute;bottom:-1.5rem;left:-1rem;box-shadow:0 10px 15px -3px #0000001a}@media (width>=768px){.payroll-hero__widget{left:1.5rem}}@keyframes payrollWidgetDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.payroll-hero__widget-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.payroll-hero__widget-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary,#1b9e74);font-size:10px;font-weight:600}.payroll-hero__widget-pulse{background:var(--color-primary,#1b9e74);border-radius:9999px;width:8px;height:8px}.payroll-hero__widget-row{border-bottom:1px solid #bccac133;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.payroll-hero__widget-row--last{opacity:.8;border-bottom:none}.payroll-hero__widget-employee{align-items:center;gap:.5rem;display:flex}.payroll-hero__widget-avatar{border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:10px;font-weight:700;display:flex}.payroll-hero__widget-avatar--paid{color:var(--color-primary,#1b9e74);background:#1b9e741a}.payroll-hero__widget-avatar--pending{background:var(--color-surface-container-high,#e8ecef);color:var(--color-on-surface-variant,#3d4a43)}.payroll-hero__widget-name{color:var(--color-on-surface,#171c21);font-size:.75rem;font-weight:600}.payroll-hero__widget-status{color:var(--color-primary,#1b9e74);font-size:.75rem;font-weight:600}.payroll-hero__widget-status--muted{color:var(--color-on-surface-variant,#3d4a43);font-size:11px;font-weight:400}.payroll-cycle{flex-direction:column;gap:3rem;padding-top:2rem;display:flex;position:relative}.payroll-cycle__top{flex-direction:column;gap:2rem;display:flex}@media (width>=1024px){.payroll-cycle__top{flex-direction:row;justify-content:space-between;align-items:flex-end}}.payroll-cycle__header{flex-direction:column;gap:1rem;max-width:48rem;display:flex}.payroll-cycle__title{font-family:var(--font-display,inherit);color:var(--color-on-surface,#171c21);font-size:2.25rem;line-height:1.15}@media (width>=768px){.payroll-cycle__title{font-size:3rem}}.payroll-cycle__title-accent{color:var(--color-primary,#1b9e74);font-style:italic}.payroll-cycle__aside{color:var(--color-on-surface-variant,#3d4a43);max-width:28rem;font-size:1rem;line-height:1.625}.payroll-cycle__track{backdrop-filter:blur(4px);background:#ffffffb3;border:1px solid #bccac14d;border-radius:1.5rem;padding:1.5rem 2.5rem;position:relative}@media (width>=640px){.payroll-cycle__track{padding:2.5rem 3rem}}.payroll-cycle__desktop{display:none;position:relative}@media (width>=1024px){.payroll-cycle__desktop{display:block}}.payroll-cycle__connector{z-index:1;pointer-events:none;height:3px;position:absolute;top:1.5rem;left:8.333%;right:8.333%}.payroll-cycle__connector-track{background:#bccac173;border-radius:9999px;position:absolute;inset:0}.payroll-cycle__connector-fill{background:linear-gradient(90deg,#1b9e74 0%,#68dbad 100%);border-radius:9999px;height:100%;position:absolute;top:0;left:0}.payroll-cycle__steps{z-index:10;grid-template-columns:repeat(6,1fr);gap:1rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.payroll-cycle__step{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:0 .25rem;display:flex}.payroll-cycle__step:hover .payroll-cycle__icon{transform:scale(1.06)}.payroll-cycle__icon{z-index:2;background:#fff;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 2px 12px #0000000f}.payroll-cycle__icon--done{color:#1b9e74;background:#1b9e7414;border:2px solid #1b9e74}.payroll-cycle__icon--upcoming{color:#6d7a72;background:#fff;border:2px solid #bccac1cc}.payroll-cycle__icon--final.payroll-cycle__icon--upcoming{color:#1b9e74;border-color:#1b9e7459}.payroll-cycle__period{text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.payroll-cycle__period--done{color:var(--color-primary,#1b9e74)}.payroll-cycle__period--upcoming{color:var(--color-on-surface-variant,#3d4a43)}.payroll-cycle__step-title{font-family:var(--font-display,inherit);color:var(--color-on-surface,#171c21);font-size:1.125rem;line-height:1.375}.payroll-cycle__step-text{color:var(--color-on-surface-variant,#3d4a43);min-height:3.5rem;font-size:.75rem;line-height:1.625}.payroll-cycle__mobile{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}@media (width>=1024px){.payroll-cycle__mobile{display:none}}.payroll-cycle__step-mobile{gap:1.25rem;padding-bottom:2rem;display:flex}.payroll-cycle__step-mobile:last-child{padding-bottom:0}.payroll-cycle__step-mobile-rail{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.payroll-cycle__connector-mobile{background:linear-gradient(#1b9e74 0%,#1b9e7459 100%);flex:1;width:1px;min-height:2rem;margin-top:.75rem}.payroll-cycle__connector-mobile--muted{background:#bccac180}.payroll-cycle__step-mobile:last-child .payroll-cycle__connector-mobile{display:none}.payroll-cycle__step-mobile-body{padding-top:.25rem;padding-bottom:.5rem}.payroll-cycle__step-mobile-title{font-family:var(--font-display,inherit);color:var(--color-on-surface,#171c21);margin-top:.25rem;margin-bottom:.5rem;font-size:1.25rem}.payroll-cycle__step-mobile-text{color:var(--color-on-surface-variant,#3d4a43);font-size:.875rem;line-height:1.625}.payroll-ops{border-top:1px solid #bccac14d;flex-direction:column;gap:3rem;padding-top:4rem;display:flex;position:relative}.payroll-ops__header{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:48rem;margin-left:auto;margin-right:auto;display:flex}.payroll-ops__title{font-family:var(--font-display,inherit);color:var(--color-on-surface,#171c21);font-size:2.25rem;line-height:1.15}@media (width>=768px){.payroll-ops__title{font-size:3rem}}.payroll-ops__title-accent{color:var(--color-primary,#1b9e74);font-style:italic}.payroll-ops__description{color:var(--color-on-surface-variant,#3d4a43);font-size:1rem;line-height:1.625}.payroll-ops__shell{background:#fff;border:1px solid #bccac140;border-radius:1.5rem;overflow:hidden;box-shadow:0 24px 64px #0000000a}.payroll-ops__grid{grid-template-columns:1fr;display:grid}@media (width>=1024px){.payroll-ops__grid{grid-template-columns:repeat(5,1fr)}.payroll-ops__grid>*+*{border-left:1px solid #bccac133}}.payroll-ops__ledger{background:linear-gradient(160deg,#1b9e740f 0%,#f7f9ffe6 55%);padding:1.5rem 2rem}@media (width>=1024px){.payroll-ops__ledger{grid-column:span 2}}.payroll-ops__ledger-head{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.payroll-ops__ledger-eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary,#1b9e74);margin-bottom:.25rem;font-size:10px;font-weight:700}.payroll-ops__ledger-title{font-family:var(--font-display,inherit);color:var(--color-on-surface,#171c21);font-size:1.5rem}.payroll-ops__ledger-status{color:var(--color-primary,#1b9e74);background:#1b9e741a;border:1px solid #1b9e7426;border-radius:9999px;padding:.25rem .625rem;font-size:10px;font-weight:600}.payroll-ops__table{background:#fff;border:1px solid #bccac133;border-radius:1rem;overflow:hidden;box-shadow:0 1px 2px #0000000d}.payroll-ops__table-head{text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant,#3d4a43);background:#f0f4f8cc;border-bottom:1px solid #bccac126;grid-template-columns:1fr auto auto;gap:.5rem;padding:.625rem 1rem;font-size:10px;font-weight:600;display:grid}.payroll-ops__table-head span:not(:first-child){text-align:right;width:4rem}.payroll-ops__ledger-row{border-bottom:1px solid #bccac11a;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;padding:.75rem 1rem;transition:background-color .25s;display:grid}.payroll-ops__ledger-row:hover{background:#1b9e740a}.payroll-ops__ledger-row:last-child{border-bottom:none}.payroll-ops__ledger-row--pending{opacity:.7}.payroll-ops__ledger-employee{align-items:center;gap:.5rem;min-width:0;display:flex}.payroll-ops__ledger-avatar{border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:10px;font-weight:700;display:flex}.payroll-ops__ledger-avatar--primary{color:var(--color-primary,#1b9e74);background:#1b9e741a}.payroll-ops__ledger-avatar--muted{background:var(--color-surface-container-high,#e8ecef);color:var(--color-on-surface-variant,#3d4a43)}.payroll-ops__ledger-name{color:var(--color-on-surface,#171c21);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;overflow:hidden}.payroll-ops__ledger-gross{color:var(--color-on-surface-variant,#3d4a43);text-align:right;width:4rem;font-size:.75rem}.payroll-ops__ledger-net{text-align:right;width:4rem;font-size:.75rem;font-weight:600}.payroll-ops__ledger-net--primary{color:var(--color-primary,#1b9e74)}.payroll-ops__breakdown{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.payroll-ops__breakdown-head{text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant,#3d4a43);justify-content:space-between;margin-bottom:.375rem;font-size:10px;font-weight:600;display:flex}.payroll-ops__breakdown-total{color:var(--color-on-surface,#171c21)}.payroll-ops__breakdown-bar{background:var(--color-surface-container-high,#e8ecef);border-radius:9999px;height:.5rem;display:flex;overflow:hidden}.payroll-ops__bar-segment{transform-origin:0;height:100%;animation:1.2s cubic-bezier(.16,1,.3,1) forwards payrollBarGrow;transform:scaleX(0)}.payroll-ops__bar-segment--net{background:#1b9e74b3}.payroll-ops__bar-segment--tax{background:#85f8c880}.payroll-ops__bar-segment--other{background:#bccac166}.payroll-ops__bar-segment--delay-1{animation-delay:.4s}.payroll-ops__bar-segment--delay-2{animation-delay:.8s}@keyframes payrollBarGrow{to{transform:scaleX(1)}}.payroll-ops__legend{color:var(--color-on-surface-variant,#3d4a43);flex-wrap:wrap;gap:.75rem;margin-top:.5rem;font-size:10px;display:flex}.payroll-ops__legend-item{align-items:center;gap:.25rem;display:flex}.payroll-ops__legend-dot{border-radius:9999px;width:8px;height:8px}.payroll-ops__legend-dot--net{background:#1b9e74b3}.payroll-ops__legend-dot--tax{background:#85f8c880}.payroll-ops__legend-dot--other{background:#bccac166}.payroll-ops__footnote{color:var(--color-on-surface-variant,#3d4a43);font-size:.75rem;line-height:1.625}.payroll-ops__services{flex-direction:column;display:flex}@media (width>=1024px){.payroll-ops__services{grid-column:span 3}}.payroll-ops__service-row{border-bottom:1px solid #bccac126;gap:1.25rem;padding:1.5rem 1.75rem;transition:background-color .25s;display:flex}.payroll-ops__service-row:last-child{border-bottom:none}.payroll-ops__service-row:hover{background:#1b9e7408}.payroll-ops__service-icon{color:#1b9e74;background:#1b9e7414;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;transition:transform .3s,background-color .3s;display:flex}.payroll-ops__service-row:hover .payroll-ops__service-icon{background:#1b9e7424;transform:scale(1.08)}.payroll-ops__service-body{flex:1;min-width:0}.payroll-ops__service-head{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.payroll-ops__service-title{font-family:var(--font-display,inherit);color:var(--color-on-surface,#171c21);font-size:1.25rem}.payroll-ops__service-tag{color:#1b9e74;background:#1b9e741a;border:1px solid #1b9e7433;border-radius:6px;padding:.2rem .5rem;font-size:10px;font-weight:600}.payroll-ops__service-tag--muted{color:#6d7a72;background:#fffc;border-color:#bccac180}.payroll-ops__service-text{color:var(--color-on-surface-variant,#3d4a43);font-size:.875rem;line-height:1.625}.payroll-filings{flex-direction:column;gap:3rem;display:flex}.payroll-filings__header{flex-direction:column;gap:1rem;max-width:48rem;display:flex}.payroll-filings__title{font-family:var(--font-display,inherit);color:var(--color-on-surface,#171c21);font-size:2.25rem;line-height:1.15}@media (width>=768px){.payroll-filings__title{font-size:3rem}}.payroll-filings__description{color:var(--color-on-surface-variant,#3d4a43);font-size:1rem;line-height:1.625}.payroll-filings__grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.payroll-filings__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.payroll-filings__grid{grid-template-columns:repeat(4,1fr)}}.payroll-filings__card{backdrop-filter:blur(4px);background:#fffc;border:1px solid #bccac14d;border-radius:1rem;padding:1.5rem;transition:transform .35s,border-color .35s,box-shadow .35s}.payroll-filings__card:hover{border-color:#1b9e7440;transform:translateY(-4px);box-shadow:0 12px 32px #1b9e7414}.payroll-filings__card-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.payroll-filings__form{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.payroll-filings__form--primary{color:var(--color-primary,#1b9e74)}.payroll-filings__form--muted{color:var(--color-on-surface-variant,#3d4a43)}.payroll-filings__status{border-radius:9999px;padding:.125rem .5rem;font-size:10px;font-weight:600}.payroll-filings__status--primary{color:var(--color-primary,#1b9e74);background:#1b9e741a}.payroll-filings__status--muted{background:var(--color-surface-container-high,#e8ecef);color:var(--color-on-surface-variant,#3d4a43)}.payroll-filings__due{font-family:var(--font-display,inherit);color:var(--color-on-surface,#171c21);margin-bottom:.25rem;font-size:1.5rem}.payroll-filings__card-desc{color:var(--color-on-surface-variant,#3d4a43);font-size:.75rem}
