/* PeoplePilot shared presentation system — SaaS, tenant admin and employee portals. */
:root{
  --pp-font-body:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pp-font-display:"Manrope","DM Sans",system-ui,sans-serif;
  --pp-text:#201a20;--pp-muted:#675d65;--pp-line:#e7dfe4;--pp-surface:#fff;
  --pp-soft:#faf7fa;--pp-blue:#315dce;--pp-pink:#d72d87;--pp-radius:14px;
  --pp-shadow:0 8px 24px rgba(46,27,41,.07);
}
html{font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body,button,input,select,textarea{font-family:var(--pp-font-body);font-size:14px}
body{color:var(--pp-text);line-height:1.45}
h1,h2,h3,h4,.page-title,.module-title{font-family:var(--pp-font-display);letter-spacing:-.025em;color:var(--pp-text)}
h1{font-size:clamp(25px,2vw,34px);line-height:1.15}h2{font-size:clamp(21px,1.6vw,27px);line-height:1.2}h3{font-size:18px;line-height:1.3}
p,small,label,td,th{line-height:1.45}.overline{font-size:11px!important;letter-spacing:.12em!important;font-weight:800!important}
button,.button,.primary,.secondary,.row-action{min-height:40px;border-radius:10px;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
button:not(:disabled):hover,.button:not(:disabled):hover{transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(49,93,206,.2);outline-offset:2px}
input,select,textarea{min-height:42px;border-radius:10px!important;padding:9px 12px!important;color:var(--pp-text)}textarea{min-height:88px}label{font-size:13px;font-weight:700;color:#514850}
.card,.panel,.module-card,.workspace-card{border:1px solid var(--pp-line)!important;border-radius:var(--pp-radius)!important;background:var(--pp-surface);box-shadow:var(--pp-shadow)}
.page-head{gap:18px;margin-bottom:20px}.page-head h1,.page-head h2{margin-bottom:5px}.page-head p{color:var(--pp-muted);max-width:760px}
table{font-size:13px}thead th{font-size:11px!important;letter-spacing:.075em;text-transform:uppercase;color:#514550}tbody td{vertical-align:middle}tbody tr{transition:background .15s ease}tbody tr:hover{background:#fcf9fb}
.metrics,.page>.metrics,.saas-page>.metrics,.executive-dashboard>.metrics,.employee-mobile-dashboard>.metrics,.recruitment-workspace .metrics{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin:0 0 14px!important
}
.metrics>.metric,.page>.metrics>.metric,.saas-page>.metrics>.metric,.executive-dashboard>.metrics>.metric,.employee-mobile-dashboard>.metrics>.metric,.recruitment-workspace .metrics>.metric{
  box-sizing:border-box!important;display:grid!important;grid-template-rows:auto 1fr auto!important;align-content:stretch!important;
  width:100%!important;min-width:0!important;height:104px!important;min-height:104px!important;max-height:104px!important;
  padding:13px 14px 12px!important;border:1px solid var(--pp-line)!important;border-radius:13px!important;
  background:linear-gradient(145deg,#fff,#fcfafb)!important;box-shadow:0 7px 20px rgba(45,27,40,.06)!important;overflow:hidden!important
}
.metrics>.metric:before,.page>.metrics>.metric:before,.saas-page>.metrics>.metric:before,.executive-dashboard>.metrics>.metric:before,.employee-mobile-dashboard>.metrics>.metric:before,.recruitment-workspace .metrics>.metric:before{
  content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:4px!important;height:100%!important;background:linear-gradient(#e12e60,#c7358d)!important
}
.metrics>.metric:nth-child(2):before{background:linear-gradient(#7750d4,#9a3cc0)!important}.metrics>.metric:nth-child(3):before{background:linear-gradient(#1aa58f,#39bda7)!important}.metrics>.metric:nth-child(4):before{background:linear-gradient(#e99c16,#f4be31)!important}
.metrics>.metric span{display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px!important;line-height:1.25!important;font-weight:650!important;color:var(--pp-muted)!important}
.metrics>.metric b{align-self:center;display:block!important;max-width:100%;margin:3px 0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--pp-font-display)!important;font-size:clamp(18px,1.55vw,24px)!important;line-height:1.1!important;letter-spacing:-.045em!important;color:var(--pp-text)!important}
.metrics>.metric small{display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px!important;line-height:1.25!important;color:#8a7f87!important}
.metrics>.metric .saas-kpi-icon,.metrics>.metric .dashboard-metric-icon{right:10px!important;top:10px!important;width:25px!important;height:25px!important;border-radius:8px!important;font-size:10px!important}
.sidebar,.saas-sidebar{font-size:14px}.sidebar button,.saas-sidebar button{font-weight:650}.sidebar .selected,.saas-sidebar .selected{font-weight:750}
.friendly-empty{border:1px dashed #d9cbd4;border-radius:var(--pp-radius);background:var(--pp-soft);padding:36px 20px;text-align:center}
.status,.badge,[class*="status-"]{font-size:11px;font-weight:800}
@media(max-width:1050px){.metrics,.page>.metrics,.saas-page>.metrics,.executive-dashboard>.metrics,.employee-mobile-dashboard>.metrics,.recruitment-workspace .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){html{font-size:15px}.page-head{align-items:stretch!important;flex-direction:column}.page-head>button,.page-head>div+button{width:100%}.card{padding:16px!important}.table-scroll{overflow:auto;-webkit-overflow-scrolling:touch}}
@media(max-width:560px){body,button,input,select,textarea{font-size:13px}.metrics,.page>.metrics,.saas-page>.metrics,.executive-dashboard>.metrics,.employee-mobile-dashboard>.metrics,.recruitment-workspace .metrics{grid-template-columns:1fr!important}.metrics>.metric,.page>.metrics>.metric,.saas-page>.metrics>.metric,.executive-dashboard>.metrics>.metric,.employee-mobile-dashboard>.metrics>.metric,.recruitment-workspace .metrics>.metric{height:88px!important;min-height:88px!important;max-height:88px!important}h1{font-size:24px}h2{font-size:20px}.card{border-radius:12px!important;padding:13px!important}table{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}

/* Payroll is stacked as distinct control, configuration, KPI and preview rows. */
.payroll-module>.page-head{display:grid!important;grid-template-columns:minmax(300px,.8fr) minmax(520px,1.2fr)!important;align-items:start!important;gap:28px!important;margin-bottom:16px!important}
.payroll-module>.page-head>.page-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:end!important;gap:10px 12px!important;width:100%!important}
.payroll-module>.page-head .profile-select,.payroll-module>.page-head .month-picker{display:grid!important;grid-template-columns:1fr!important;align-content:end!important;gap:6px!important;min-width:0!important;margin:0!important;color:#514850!important;font-size:11px!important;font-weight:800!important}
.payroll-module>.page-head .profile-select select,.payroll-module>.page-head .month-picker input{box-sizing:border-box!important;width:100%!important;height:44px!important;min-height:44px!important;margin:0!important;background:#fff!important}
.payroll-module>.page-head .page-actions>button{width:100%!important;height:44px!important;margin:0!important}
.payroll-module>.payroll-config-banner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:20px!important;margin:0 0 14px!important;padding:15px 18px!important}
.payroll-module>.payroll-config-banner>div:last-child{display:grid!important;grid-template-columns:repeat(2,minmax(190px,1fr))!important;gap:10px!important}
.payroll-module>.payroll-config-banner button{height:42px!important;white-space:nowrap}
.payroll-module>.metrics{margin-bottom:14px!important}
.payroll-module>.payroll-readiness{margin:0 0 16px!important}
@media(max-width:1180px){.payroll-module>.page-head{grid-template-columns:1fr!important}.payroll-module>.page-head>.page-actions{max-width:720px}}
@media(max-width:720px){.payroll-module>.page-head>.page-actions{grid-template-columns:1fr!important}.payroll-module>.payroll-config-banner{grid-template-columns:1fr!important}.payroll-module>.payroll-config-banner>div:last-child{grid-template-columns:1fr!important}.payroll-module>.page-head .page-actions>button{width:100%!important}}

/* Payroll priority: KPIs first, operational controls and configuration below. */
.payroll-module{display:flex!important;flex-direction:column!important}
.payroll-module>.page-head{display:contents!important}
.payroll-module>.page-head>div:first-child{order:1!important;margin:0 0 14px!important}
.payroll-module>.metrics{order:2!important}
.payroll-module>.page-head>.page-actions{order:3!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:none!important;margin:0 0 14px!important;padding:14px!important;border:1px solid var(--pp-line)!important;border-radius:13px!important;background:#fff!important;box-shadow:var(--pp-shadow)!important}
.payroll-module>.payroll-config-banner{order:4!important}
.payroll-module>.payroll-config-panel{order:5!important}
.payroll-module>.payroll-readiness{order:6!important}
.payroll-module>.card{order:7!important}
.payroll-module>.card.payroll-config-panel{order:5!important}
@media(max-width:1200px){.payroll-module>.page-head>.page-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.payroll-module>.page-head>.page-actions{grid-template-columns:1fr!important}}

/* The top breadcrumb already names operational modules; avoid repeating it. */
.app-shell .page:not(.executive-dashboard)>.page-head>div:first-child{display:none!important}
.app-shell .page:not(.executive-dashboard)>.page-head{min-height:0!important;justify-content:flex-end!important;margin:0 0 10px!important}
.app-shell .page:not(.executive-dashboard)>.page-head>.page-actions:empty{display:none!important}
.app-shell .page:not(.executive-dashboard)>.page-head:has(>.page-actions:empty){display:none!important;margin:0!important}
.payroll-module>.page-head>div:first-child{display:none!important}

/* Compact organization tree: keep hierarchy readable without oversized nodes. */
.org-tree{padding:8px 10px 12px!important;overflow-x:auto!important}
.org-company-root{box-sizing:border-box!important;width:min(100%,520px)!important;min-width:0!important;min-height:62px!important;padding:10px 13px!important;border-radius:12px!important}
.org-company-root>i{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important}
.org-company-root>strong{margin-left:auto!important;padding:6px 9px!important;font-size:9px!important}
.org-drag-note{margin:8px 0 4px!important;font-size:9px!important}
.org-tree-roots{display:block!important;width:min(100%,680px)!important;margin:0 auto!important;padding-top:24px!important}
.org-tree-roots:before{height:20px!important}
.org-tree-roots>li{width:100%!important;min-width:0!important}
.org-tree-node{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;box-sizing:border-box!important;width:100%!important;min-height:58px!important;padding:9px 11px!important;border-radius:12px!important}
.org-tree-node:before{top:-11px!important;height:11px!important}
.org-node-icon{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important}
.org-node-copy{gap:0!important;min-width:0!important}.org-node-copy small{font-size:8px!important}.org-node-copy b{font-size:13px!important;line-height:1.2!important}.org-node-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px!important}
.org-node-actions{grid-column:3!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;padding:0!important;border:0!important}
.org-node-actions .row-action{min-height:30px!important;padding:4px 7px!important;font-size:9px!important}.org-node-actions .org-drag-handle{order:3;margin:0 0 0 3px!important;font-size:15px!important}
.org-tree-node+ul,.org-tree-node~ul{gap:7px!important;margin:7px 0 0 24px!important;padding-left:13px!important}
.org-tree-node~ul .org-tree-node:before{left:-15px!important;width:13px!important}
@media(max-width:700px){.org-company-root>strong,.org-drag-note{display:none!important}.org-tree{padding:4px!important}.org-tree-roots{padding-top:14px!important}.org-tree-node{grid-template-columns:30px minmax(0,1fr)!important;min-height:54px!important}.org-node-icon{width:30px!important;height:30px!important}.org-node-actions{grid-column:1/-1!important;grid-row:2!important;justify-content:flex-end!important}.org-node-copy span{white-space:normal!important}.org-tree-node+ul,.org-tree-node~ul{margin-left:12px!important;padding-left:9px!important}}

/* True branching organization chart with compact fixed-width people cards. */
.org-tree{overflow-x:auto!important;padding:10px 14px 18px!important}.org-company-root{width:300px!important;min-height:58px!important}.org-company-root>strong{display:none!important}.org-drag-note{margin:7px 0 0!important}
.org-tree-roots{display:flex!important;align-items:flex-start!important;justify-content:center!important;gap:20px!important;width:max-content!important;min-width:100%!important;padding:30px 14px 0!important;position:relative!important}.org-tree-roots:before{top:0!important;height:18px!important}.org-tree-roots:after{content:"";position:absolute;top:18px;left:134px;right:134px;border-top:2px solid #dfcfd5}
.org-tree-roots>li{position:relative!important;width:auto!important;min-width:240px!important}.org-tree-roots>li:before{content:"";position:absolute;top:-12px;left:50%;height:12px;border-left:2px solid #dfcfd5}
.org-tree-node{width:240px!important;min-height:62px!important;margin:0 auto!important;grid-template-columns:34px minmax(0,1fr)!important;padding:9px 10px!important;text-align:left!important}.org-tree-node:before{display:none!important}.org-node-icon{border-radius:50%!important;font-size:12px!important}
.org-node-actions{grid-column:1/-1!important;grid-row:2!important;justify-content:flex-end!important;margin-top:4px!important;padding-top:4px!important;border-top:1px solid #eee5e8!important}.org-node-actions .org-drag-handle{order:0;margin-right:auto!important}.org-node-actions .row-action{min-height:24px!important;padding:2px 6px!important}
.org-tree li>ul{display:flex!important;align-items:flex-start!important;justify-content:center!important;gap:14px!important;position:relative!important;margin:28px 0 0!important;padding:18px 0 0!important;border:0!important}.org-tree li>ul:before{content:"";position:absolute;top:-28px;left:50%;height:28px;border-left:2px solid #dfcfd5}.org-tree li>ul:after{content:"";position:absolute;top:0;left:110px;right:110px;border-top:2px solid #dfcfd5}.org-tree li>ul>li{position:relative!important;min-width:220px!important}.org-tree li>ul>li:before{content:"";position:absolute;top:-18px;left:50%;height:18px;border-left:2px solid #dfcfd5}.org-tree li>ul .org-tree-node{width:220px!important}
@media(max-width:700px){.org-tree-roots{justify-content:flex-start!important;min-width:max-content!important}.org-company-root{width:260px!important}.org-tree li>ul{gap:10px!important}.org-tree-node,.org-tree li>ul .org-tree-node{width:210px!important}.org-tree-roots>li,.org-tree li>ul>li{min-width:210px!important}.org-tree-roots:after{left:119px;right:119px}.org-tree li>ul:after{left:105px;right:105px}}

/* Draw horizontal connectors only where sibling branches actually exist. */
.org-drag-note{display:none!important}.org-tree-roots{min-width:0!important;margin-left:auto!important;margin-right:auto!important;padding-top:25px!important}.org-tree-roots.single-root:after,.org-tree ul.single-branch:after{display:none!important}.org-tree-roots.single-root{gap:0!important}.org-tree-node,.org-tree li>ul .org-tree-node{width:280px!important}.org-tree-roots>li,.org-tree li>ul>li{min-width:280px!important}.org-tree li>ul:after{left:140px!important;right:140px!important}.org-tree-roots:after{left:154px!important;right:154px!important}.org-node-copy span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.org-company-root{width:300px!important}
@media(max-width:700px){.org-tree-roots{justify-content:center!important}.org-tree-node,.org-tree li>ul .org-tree-node{width:250px!important}.org-tree-roots>li,.org-tree li>ul>li{min-width:250px!important}.org-tree li>ul:after{left:125px!important;right:125px!important}}

/* Extra-small chart density. */
.org-company-root{width:240px!important;min-height:48px!important;padding:7px 9px!important;gap:8px!important}.org-company-root>i{width:29px!important;height:29px!important;flex-basis:29px!important;font-size:10px!important}.org-company-root small{font-size:7px!important}.org-company-root b{font-size:11px!important;line-height:1.2!important}.org-company-root em{font-size:9px!important}
.org-tree-roots{padding-top:18px!important;gap:12px!important}.org-tree-roots:before{height:12px!important}.org-tree-roots:after{top:12px!important;left:112px!important;right:112px!important}.org-tree-roots>li:before{top:-6px!important;height:6px!important}
.org-tree-node,.org-tree li>ul .org-tree-node{position:relative!important;width:220px!important;min-height:70px!important;padding:7px 8px 22px!important;grid-template-columns:28px minmax(0,1fr)!important;gap:7px!important}.org-tree-roots>li,.org-tree li>ul>li{min-width:220px!important}.org-node-icon{width:28px!important;height:28px!important;flex-basis:28px!important;font-size:9px!important}.org-node-copy small{font-size:7px!important}.org-node-copy b{font-size:11px!important}.org-node-copy span{font-size:8px!important;line-height:1.25!important}
.org-node-actions{position:absolute!important;left:8px!important;right:8px!important;bottom:4px!important;display:flex!important;margin:0!important;padding:3px 0 0!important;border-top:1px solid #eee5e8!important}.org-node-actions .row-action{min-height:18px!important;padding:1px 4px!important;font-size:8px!important}.org-node-actions .org-drag-handle{font-size:11px!important}
.org-tree li>ul{gap:10px!important;margin-top:18px!important;padding-top:10px!important}.org-tree li>ul:before{top:-18px!important;height:18px!important}.org-tree li>ul>li:before{top:-10px!important;height:10px!important}.org-tree li>ul:after{left:110px!important;right:110px!important}
@media(max-width:700px){.org-company-root{width:220px!important}.org-tree-node,.org-tree li>ul .org-tree-node{width:210px!important}.org-tree-roots>li,.org-tree li>ul>li{min-width:210px!important}.org-tree li>ul:after{left:105px!important;right:105px!important}}

/* One KPI card standard across SaaS, tenant admin, manager and employee modules.
   Matches the compact People-directory cards. */
.metrics,.page>.metrics,.saas-page>.metrics,.executive-dashboard>.metrics,.employee-mobile-dashboard>.metrics,.recruitment-workspace .metrics{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin:0 0 11px!important
}
.metrics>.metric,.page>.metrics>.metric,.saas-page>.metrics>.metric,.executive-dashboard>.metrics>.metric,.employee-mobile-dashboard>.metrics>.metric,.recruitment-workspace .metrics>.metric{
  --kpi-tone:#2563eb;position:relative!important;box-sizing:border-box!important;display:grid!important;
  grid-template-columns:26px minmax(0,1fr) 12px!important;grid-template-rows:auto auto auto!important;
  column-gap:10px!important;align-items:center!important;width:100%!important;height:88px!important;
  min-height:88px!important;max-height:88px!important;padding:11px 13px!important;text-align:left!important;
  border:1px solid #e4e7ef!important;border-radius:13px!important;background:linear-gradient(145deg,#fff,#f7f9ff)!important;
  box-shadow:0 7px 22px rgba(32,43,72,.063)!important;overflow:hidden!important
}
.metrics>.metric:before,.page>.metrics>.metric:before,.saas-page>.metrics>.metric:before,.executive-dashboard>.metrics>.metric:before,.employee-mobile-dashboard>.metrics>.metric:before,.recruitment-workspace .metrics>.metric:before{
  content:""!important;position:absolute!important;inset:0 0 auto!important;width:100%!important;height:3px!important;background:var(--kpi-tone)!important
}
.metrics>.metric:nth-child(1){--kpi-tone:#2563eb}.metrics>.metric:nth-child(2){--kpi-tone:#15977d}.metrics>.metric:nth-child(3){--kpi-tone:#e59a24}.metrics>.metric:nth-child(4){--kpi-tone:#b72c69}
.metrics>.metric>span:first-of-type{grid-column:2!important;grid-row:1!important;align-self:end!important;font-size:10px!important;font-weight:700!important;line-height:1.15!important}
.metrics>.metric>span:first-of-type:before{content:"◎";position:absolute;left:13px;top:25px;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--kpi-tone) 12%,white);color:var(--kpi-tone);font-size:11px;font-weight:800}
.metrics>.metric:nth-child(2)>span:first-of-type:before{content:"✓"}.metrics>.metric:nth-child(3)>span:first-of-type:before{content:"◷"}.metrics>.metric:nth-child(4)>span:first-of-type:before{content:"▦"}
.metrics>.metric>b{grid-column:2!important;grid-row:2!important;align-self:center!important;margin:1px 0!important;font-size:22px!important;line-height:1!important;letter-spacing:-.035em!important}
.metrics>.metric>small{grid-column:2!important;grid-row:3!important;align-self:start!important;font-size:9px!important;line-height:1.15!important}
.metrics>.metric:after{content:"→";grid-column:3;grid-row:1/4;align-self:center;color:var(--kpi-tone);font-size:11px;font-weight:800;opacity:.65}
.metrics>.metric .saas-kpi-icon,.metrics>.metric .dashboard-metric-icon,.metrics>.metric .metric-open{display:none!important}
.metrics>.metric:hover,.metrics>.metric:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--kpi-tone) 40%,white)!important;box-shadow:0 11px 26px color-mix(in srgb,var(--kpi-tone) 13%,transparent)!important}
@media(max-width:1050px){.metrics,.page>.metrics,.saas-page>.metrics,.executive-dashboard>.metrics,.employee-mobile-dashboard>.metrics,.recruitment-workspace .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.metrics,.page>.metrics,.saas-page>.metrics,.executive-dashboard>.metrics,.employee-mobile-dashboard>.metrics,.recruitment-workspace .metrics{grid-template-columns:1fr!important}.metrics>.metric,.page>.metrics>.metric,.saas-page>.metrics>.metric,.executive-dashboard>.metrics>.metric,.employee-mobile-dashboard>.metrics>.metric,.recruitment-workspace .metrics>.metric{height:78px!important;min-height:78px!important;max-height:78px!important}.metrics>.metric>span:first-of-type:before{top:21px}}

/* Public hero: richer, higher-contrast market presentation. */
.public-site>.public-nav{background:linear-gradient(105deg,#1d1118 0%,#3b1728 58%,#641d36 100%)!important;border-bottom:1px solid #ff8ca52e!important;box-shadow:0 8px 30px #2b0c1a24!important}
.public-site>.public-nav .public-brand{filter:drop-shadow(0 4px 12px #0005)}
.public-site>.public-nav nav a{color:#f7eaf0!important}.public-site>.public-nav nav a:after{height:3px!important;background:linear-gradient(90deg,#ff5b7d,#bd70ef,#ffc342)!important}
.public-site>.public-nav .quiet{border-color:#ffffff55!important;background:#ffffff08!important}.public-site>.public-nav .quiet:hover{background:#ffffff18!important}
.public-site>.public-nav .primary,.public-hero .primary.large{border:0!important;background:linear-gradient(110deg,#db2357 0%,#8b3fbe 60%,#f3ad28 100%)!important;box-shadow:0 12px 30px #9b245e4d!important}
.public-site>.public-hero{isolation:isolate;background:radial-gradient(circle at 8% 17%,#ffe09a 0,transparent 25%),radial-gradient(circle at 82% 6%,#c9a7f4 0,transparent 30%),radial-gradient(circle at 95% 88%,#ff9db7 0,transparent 29%),linear-gradient(130deg,#fff8ed 0%,#f8edff 49%,#ffe9ef 100%)!important}
.public-site>.public-hero:before{z-index:-2!important;background-image:linear-gradient(#71274c10 1px,transparent 1px),linear-gradient(90deg,#71274c10 1px,transparent 1px)!important;background-size:48px 48px!important;mask-image:linear-gradient(to bottom,#000 0%,transparent 92%)!important}
.public-site>.public-hero:after{content:"";position:absolute;z-index:-1;width:420px;height:420px;left:32%;bottom:-280px;border-radius:50%;border:1px solid #b6336750;box-shadow:0 0 0 45px #c9679630,0 0 0 90px #9a56b41c;pointer-events:none}
.public-hero .hero-pill{padding:8px 13px!important;border-color:#c87391!important;background:#fff8fbdd!important;box-shadow:0 7px 18px #80315312!important;color:#a81847!important}
.public-hero .hero-copy h1,.public-hero .hero-copy h1 span{color:#21121c!important;font-weight:650!important;letter-spacing:-4.5px!important;text-shadow:0 2px 0 #fff8!important}
.public-hero .hero-copy h1 em{background:linear-gradient(100deg,#dc2453 0%,#8a3db6 65%,#d48c13 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;font-weight:700!important}
.public-hero .hero-copy>p{max-width:600px!important;color:#4e3a47!important;font-weight:550!important}.public-hero .hero-actions>a{color:#67294e!important;border-color:#8f5979!important;font-weight:800!important}
.public-hero .hero-proof{color:#4f3a47!important}.public-hero .hero-proof span{padding:5px 8px;border:1px solid #ffffff9c;border-radius:999px;background:#ffffff70;box-shadow:0 4px 10px #53213d0b}.public-hero .hero-proof b{color:#07836a!important}
.public-hero .hr-command-stage:before{width:560px;height:560px;background:radial-gradient(circle,#ba64e15c 0%,#e04a7950 42%,transparent 70%)!important;filter:blur(18px)!important}
.public-hero .hr-command-card{border:1px solid #ffffff!important;border-radius:25px!important;background:#fff!important;box-shadow:0 38px 90px #43233d4a,0 0 0 8px #ffffff4a!important;transform:rotate(-1.2deg) translateY(2px)!important}
.public-hero .hr-command-card>header{background:linear-gradient(110deg,#fff 0%,#fff4f8 55%,#f6ecff 100%)!important}
.public-hero .hr-mark{background:linear-gradient(145deg,#ed315d,#963db0)!important;box-shadow:0 8px 18px #a62b6240!important}
.public-hero .hr-welcome{background:radial-gradient(circle at 86% 15%,#f3ddff 0,transparent 28%),linear-gradient(115deg,#fff,#fff0f4)!important}
.public-hero .hr-priorities article{border-color:#e9dce4!important;box-shadow:0 7px 18px #4524380c!important}.public-hero .hr-priorities article:nth-child(2) i{background:#eee6ff!important;color:#743ab0!important}.public-hero .hr-priorities article:nth-child(3) i{background:#fff1d7!important;color:#b67209!important}
.public-hero .hr-bottom{background:linear-gradient(120deg,#f8f3f7,#f4f0fb)!important}.public-hero .hr-bottom>div{border:1px solid #ebe1e7!important;box-shadow:0 8px 20px #4123370b!important}
.public-hero .hr-float{border-color:#fff!important;box-shadow:0 20px 45px #502b4440!important}.public-hero .hr-float-top{background:linear-gradient(120deg,#fff,#f2fff9)!important}.public-hero .hr-float-bottom{background:linear-gradient(120deg,#fff,#fff1f5)!important}
.public-hero .hr-command-stage:hover .hr-command-card{transform:rotate(0) translateY(-5px)!important;box-shadow:0 44px 100px #43233d55,0 0 0 8px #ffffff5c!important}
@media(max-width:650px){.public-site>.public-hero:after{display:none}.public-hero .hero-copy h1,.public-hero .hero-copy h1 span{letter-spacing:-2.5px!important}.public-hero .hr-command-card{transform:none!important;box-shadow:0 24px 55px #43233d35!important}}

/* Homepage moderation: focused sales narrative and controlled vertical rhythm. */
.public-site .visual-workflow,.public-site .benefit-band,.public-site .role-visual{display:none!important}
.public-site .startup-proof{padding-top:58px!important;padding-bottom:34px!important}.public-site .startup-proof .startup-intro{margin-bottom:25px!important}.public-site .company-paths article{min-height:230px!important;padding:21px!important}.public-site .company-paths h3{margin-top:34px!important}.public-site .company-paths article>div>b{left:21px!important;bottom:19px!important}
.public-site .hr-journey{padding-top:58px!important;padding-bottom:40px!important}.public-site .journey-heading{margin-bottom:25px!important}.public-site .journey-steps article{min-height:94px!important;padding:18px!important}.public-site .journey-steps>article>i{width:32px!important;height:32px!important;flex-basis:32px!important}
.public-site .public-section{padding-top:64px!important;padding-bottom:64px!important}.public-site .section-intro{margin-bottom:28px!important}.public-site .feature-grid article{min-height:155px!important;padding:20px!important}.public-site .feature-grid article b{margin-top:20px!important}
.public-site .latest-features{padding:68px clamp(24px,5vw,72px)!important}.public-site .latest-heading{gap:45px!important;margin-bottom:30px!important}.public-site .latest-heading h2{font-size:clamp(34px,4vw,52px)!important}.public-site .latest-heading>p{font-size:15px!important;line-height:1.55!important}.public-site .latest-grid{gap:13px!important}.public-site .latest-card{min-height:230px!important;padding:22px!important;border-radius:19px!important}.public-site .latest-icon{width:39px!important;height:39px!important;margin-bottom:16px!important;border-radius:12px!important;font-size:17px!important}.public-site .latest-card h3{font-size:18px!important;margin:9px 0!important}.public-site .latest-card p{margin-bottom:15px!important;font-size:12px!important;line-height:1.5!important}.public-site .latest-cta{margin-top:16px!important;padding:17px 20px!important;border-radius:17px!important}
.public-site .graphic-bento{margin-top:65px!important;margin-bottom:65px!important}.public-site .graphic-bento>article{border-radius:17px!important}.public-site .bento-main{padding:27px!important}.public-site .bento-copy h3{font-size:25px!important}.public-site .bento-approval,.public-site .bento-payroll,.public-site .bento-docs{padding:18px!important}
.public-site .founder-section{margin-top:38px!important;margin-bottom:38px!important;padding-top:45px!important;padding-bottom:45px!important}.public-site .founder-section>aside{padding:28px!important}.public-site .founder-section blockquote{font-size:19px!important}
.public-site .price-section[data-tier-pricing]{padding-top:62px!important;padding-bottom:62px!important}.public-site .pricing-heading{margin-bottom:28px!important}.public-site .price-section .pricing-tier{min-height:178px!important;padding:19px!important}.public-site .pricing-tier h3{font-size:27px!important}.public-site .pricing-tier>b{margin-bottom:17px!important}
.public-site .public-cta{margin-bottom:45px!important;padding:38px 44px!important}.public-site footer{padding-top:20px!important;padding-bottom:20px!important}
.public-site .whatsapp-contact{display:flex!important;position:fixed!important;z-index:100!important;right:22px!important;bottom:18px!important;visibility:visible!important;opacity:1!important}
@media(max-width:950px){.public-site .latest-heading{grid-template-columns:1fr!important;gap:15px!important}.public-site .latest-card{grid-column:span 6!important}.public-site .graphic-bento{margin-top:50px!important;margin-bottom:50px!important}}
@media(max-width:650px){.public-site .startup-proof,.public-site .hr-journey,.public-site .public-section,.public-site .latest-features{padding-top:44px!important;padding-bottom:44px!important}.public-site .journey-steps{grid-template-columns:1fr!important}.public-site .journey-steps article:after{display:none!important}.public-site .latest-card{grid-column:1/-1!important;min-height:0!important}.public-site .public-cta{margin-bottom:32px!important;padding:28px 22px!important}.public-site .whatsapp-contact{right:12px!important;bottom:12px!important}}