/* Keep Workforce’s navy, blue and red palette; share One Tap’s reading hierarchy. */
body,button,input,select,textarea{font-family:"Source Sans 3",system-ui,sans-serif}
/* Orbitron is a display face: headings, the wordmark and small uppercase labels only.
   Several marketing sections carry .font-bitcount, which otherwise set paragraphs in it. */
.font-bitcount:not(h1,h2,h3){font-family:"Source Sans 3",system-ui,sans-serif}
h1,h2,h3,.font-bitcount.select-none,.font-bitcount .uppercase,.font-bitcount.uppercase{font-family:Orbitron,"Source Sans 3",system-ui,sans-serif}
h1,h2,h3{text-wrap:balance;line-height:1.25}
button,a,input,select,textarea{outline-offset:3px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1D61F2}
header button{min-height:42px}input,select,textarea{font-size:16px}
#pricing>div>div{border-radius:16px;box-shadow:0 8px 24px #101a3307}
#pricing a{border-radius:10px;min-height:44px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Phones: the header row and its tab strip must fit the screen. */
@media(max-width:1023px){
  header .h-16{gap:10px}
  header .h-16>div.shrink-0{gap:8px}
  #onetap-lang-toggle{margin-right:0!important;padding:9px 10px!important}
  header .lg\:hidden.overflow-x-auto{display:grid;grid-template-columns:1fr 1fr;overflow:visible;gap:6px}
  header .lg\:hidden.overflow-x-auto>button{text-align:center;padding:8px 10px}
}
@media(max-width:420px){
  header .h-16 .font-bitcount.select-none span.uppercase{display:none}
  header .h-16>div.shrink-0>button:last-child{padding:8px 12px;font-size:13px}
}
/* The install prompt is a one-line bar on phones so it never hides the page's main action. */
@media(max-width:767px){
  div.fixed.bottom-4.z-50>div.shadow-2xl{flex-direction:row;align-items:center;padding:8px 10px;gap:8px;border-radius:14px}
  div.fixed.bottom-4.z-50>div.shadow-2xl>div:nth-child(2){flex:1;min-width:0;align-items:center}
  div.fixed.bottom-4.z-50>div.shadow-2xl :is(p.leading-tight,span.rounded-md){display:none}
  div.fixed.bottom-4.z-50>div.shadow-2xl .w-10.h-10{width:32px;height:32px}
  div.fixed.bottom-4.z-50>div.shadow-2xl>div:last-child{padding-top:0;order:2}
  div.fixed.bottom-4.z-50>div.shadow-2xl>div:last-child>button:last-child{display:none}
  div.fixed.bottom-4.z-50>div.shadow-2xl button.flex-1{flex:none;padding:8px 12px}
}
/* Hero tagline: keep each word group whole on narrow screens. */
.font-bitcount.justify-center.gap-3.text-xs{flex-wrap:wrap;row-gap:4px}
.font-bitcount.justify-center.gap-3.text-xs>*{white-space:nowrap}
/* Master Control stat tiles: labels were muted grey on navy and could not be read. */
.bg-navy-800 .text-muted,.bg-navy-900 .text-muted{color:#c9d4ea!important}
.bg-navy-800 .text-muted svg,.bg-navy-900 .text-muted svg{color:#FFA737}
/* The launcher the tools script adds for signed-in managers (Manager Hub / Master). */
#onetap-hub-launch{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:60;display:flex;gap:8px}
#onetap-hub-launch a{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:0 16px;border-radius:999px;background:#071B50;color:#fff;font:700 14px "Source Sans 3",system-ui,sans-serif;text-decoration:none;box-shadow:0 8px 24px #071b5040}
#onetap-hub-launch a.alt{background:#FFA737;color:#071B50}
@media print{#onetap-hub-launch{display:none}}