/* Shared visitor shell. Legacy surfaces retain their own working layout. */
:root { --ink:#171d1a; --paper:#f2f1e9; --orange:#ff6b35; --muted:#68716b; --line:#d5d7cd; --sans:Arial,Helvetica,sans-serif; --mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace; --ease:cubic-bezier(.22,1,.36,1); color-scheme:light; }
[hidden] { display:none !important; }
.site-header,.site-footer { font-family:var(--sans); }
.site-header a,.site-footer a { color:inherit; }
.site-header .logo,.site-footer .logo { flex-shrink:0; }
.site-header .nav-links a { color:#ced2c7; }
.site-header .nav-cta:hover { color:var(--ink); }
.site-header .nav-cta { white-space:nowrap; }
.theme-motion-toggle { position:fixed; right:20px; bottom:18px; z-index:20; padding:10px 15px; color:var(--paper); background:var(--ink); border:1px solid #68716b; border-radius:30px; box-shadow:0 4px 20px #171d1a18; font:11px var(--mono); }
.theme-motion-toggle:hover { border-color:var(--orange); }
.brand-nav { display:flex; align-items:center; gap:26px; padding:24px var(--edge); background:var(--ink); color:var(--paper); font:12px var(--sans); flex-wrap:wrap; }
.brand-nav a { color:var(--paper); text-decoration:none; }
.brand-nav .brand-logo { margin-right:auto; font-size:24px; font-weight:700; letter-spacing:-1px; }
.brand-nav .brand-mark { display:inline-block; vertical-align:middle; width:28px; height:28px; margin-right:8px; background:url('/assets/workflowlab-mark.svg') center/contain no-repeat; }
.brand-footer { padding:28px var(--edge); background:var(--ink); color:var(--paper); display:flex; justify-content:space-between; gap:22px; flex-wrap:wrap; font:12px var(--sans); }
.brand-footer div { display:flex; flex-wrap:wrap; gap:22px; }
html[data-motion=paused] *,html[data-page-hidden=true] * { animation-play-state:paused !important; }
html[data-motion=paused] .story-stage *,html[data-page-hidden=true] .story-stage * { transition-duration:0s !important; }
@media(max-width:760px) { .site-header { gap:18px; padding:20px 22px; } .site-header .logo { font-size:22px; } .site-header .nav-links { display:none; } .site-header .nav-cta { margin-left:auto; padding:8px 11px; font-size:11px; } .site-header .menu-toggle:not([hidden]) { display:block; } .site-footer { flex-wrap:wrap; padding-bottom:85px; } .site-footer>div { flex-wrap:wrap; } .theme-motion-toggle { bottom:12px; right:12px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }

body:has(.theme-motion-toggle) .site-footer { padding-bottom:85px; }

.skip-link { position:fixed; top:-100px; left:22px; z-index:100; background:var(--orange); color:var(--ink); padding:10px 18px; } .skip-link:focus { top:12px; }
html[data-motion=paused] .mast .hero>* { animation:none !important; }