/* Native links follow the four rendered surfaces; notifications retain their own safe layer. */
.workspace-links{position:absolute;pointer-events:none;overflow:hidden;z-index:2}.workspace-links>a{position:absolute;pointer-events:auto;display:block;border:2px solid transparent}.workspace-links>a[hidden]{display:none}.workspace-links>a>span{position:absolute;bottom:10%;left:8%;right:8%;width:fit-content;background:var(--ink);color:var(--paper);padding:10px 14px;font-size:.75rem;opacity:0}.workspace-links>a:hover,.workspace-links>a:focus-visible{background:#182b3509;border-color:var(--accent)}.workspace-links>a:hover>span,.workspace-links>a:focus-visible>span{opacity:1}.workspace-apps>a{display:flex;align-items:center;gap:8px;padding:7px 8px;border-bottom:2px solid transparent}.workspace-apps>a:hover{border-color:var(--muted)}.workspace-apps>a.is-current{border-color:var(--accent)}
.operations-intro{padding:85px var(--gutter) 0}.operations-intro h2{margin:25px 0;font-size:clamp(2.5rem,4.2vw,4.5rem)}.operations-intro p:not(.eyebrow){color:#c1cdcf;max-width:450px;margin-top:20px}.operations-intro nav{margin-top:40px;display:grid;gap:0}.operations-intro nav a{border-top:1px solid #ffffff30;padding:18px 0;font-size:.875rem}.operations-intro nav span{color:#e79778;margin-right:20px}.operations-intro nav a[aria-current]{color:#e79778}
/* The second chapter changes sides: a steady explanation beside the passing records. */
.page-motion-on .systems-journey{display:grid;grid-template-columns:42fr 58fr;padding:0 var(--gutter);gap:5vw}.page-motion-on .operations-intro{padding:0;position:relative}.page-motion-on .operations-intro>div{position:sticky;top:10svh;padding:7svh 0;max-width:460px}.page-motion-on .operations-examples{min-width:0;padding-right:5vw}.page-motion-on .operations-examples .system-feature{display:block;width:100%;padding:18svh 0;min-height:120svh;max-width:720px}.page-motion-on .operations-examples .feature-copy{max-width:none;margin-bottom:45px}.page-motion-on .operations-examples .feature-copy h2{font-size:clamp(2.25rem,3.2vw,3.75rem)}.page-motion-on .operations-examples .system-preview{border:0;box-shadow:0 30px 70px #0003}.page-motion-on .operations-examples .system-toolbar{display:flex}.page-motion-on .operations-examples .preview-foot{display:block}.page-motion-on .operations-examples .preview-row{grid-template-columns:1.6fr 1fr 1fr;padding:22px 3px;font-size:.8125rem}.page-motion-on .operations-examples .preview-row>span:nth-child(2){display:block}.page-motion-on .operations-examples .preview-table{padding:0 20px}.page-motion-on .operations-examples .status-chip{font-size:.75rem}.page-motion-on .operations-examples .system-bar{padding:20px}.page-motion-on .operations-examples .system-bar>span:last-child{font-size:.625rem}.page-motion-on .operations-examples .system-preview{clip-path:inset(0 0 calc((1 - var(--reveal,1))*100%) 0)}
/* A central briefing breaks the split composition. Its frame opens as it arrives. */
.page-motion-on .scout-feature{display:block;padding-top:110px;padding-bottom:110px}.page-motion-on .scout-feature>div{display:grid;grid-template-columns:1.2fr 1fr;column-gap:8vw;align-items:start}.page-motion-on .scout-feature .eyebrow{grid-column:1/-1}.page-motion-on .scout-feature h2{grid-column:1;grid-row:2/6;margin-bottom:0}.page-motion-on .scout-feature>div>p:not(.eyebrow){grid-column:2;margin-top:32px}.page-motion-on .scout-feature .feature-link,.page-motion-on .scout-feature .marketplace-badge{grid-column:2;width:100%}.page-motion-on .scout-feature .marketplace-badge{width:235px}.page-motion-on .scout-preview{margin:85px auto 0;max-width:960px;clip-path:inset(0 calc((1 - var(--reveal,1))*35%) 0 round 9px);transform:perspective(1600px) rotateX(calc((1 - var(--reveal,1))*8deg));transform-origin:center bottom}.page-motion-on .scout-message{padding:36px 46px;grid-template-columns:40px 1fr;gap:25px}.page-motion-on .scout-opportunity{padding:28px}.page-motion-on .scout-message h3{font-size:2.125rem}
.page-motion-on .calm-close{position:relative;padding-top:140px;padding-bottom:145px}.page-motion-on .calm-close::before{content:'';position:absolute;left:var(--gutter);right:var(--gutter);top:50px;height:3px;background:var(--accent);transform:scaleX(var(--reveal,1));transform-origin:left}
/* The editorial spread opens out; the portrait is uncovered from the opposite edge. */
.page-motion-on .reading-links{gap:0;perspective:1600px}.page-motion-on .reading-links>a{padding:35px;background:var(--soft);border-bottom:0;transform-origin:right center;transform:rotateY(calc((1 - var(--reveal,1))*22deg));box-shadow:inset -1px 0 #c5cec4}.page-motion-on .reading-links>a:last-child{background:#eeeae2;transform-origin:left center;transform:rotateY(calc((1 - var(--reveal,1))*-22deg))}.page-motion-on .portrait{clip-path:inset(0 0 0 calc((1 - var(--reveal,1))*100%))}.page-motion-on .conversation{position:relative}.page-motion-on .conversation::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--accent);transform:scaleX(var(--reveal,1));transform-origin:right}
.page-motion-on a:focus-visible{clip-path:none!important;transform:none!important}.page-motion-on .portrait:focus-within{clip-path:none}
@media(max-height:720px){.page-motion-on .operations-intro>div{top:35px;padding:40px 0}.page-motion-on .operations-intro h2{font-size:2.75rem}.page-motion-on .operations-intro p:not(.eyebrow){font-size:1rem}.page-motion-on .operations-intro nav{margin-top:25px}.workspace-apps>a{padding:3px 7px}}
@media(max-width:959px){.operations-intro{padding-top:65px;padding-bottom:10px}.operations-intro h2{font-size:2.6875rem}}

/* Notification positions change on arrival, never during the life of a message. */
.chat-bubble[data-position]{left:auto;right:auto;top:auto;bottom:auto}
.chat-bubble[data-position^="top-"]{top:0}
.chat-bubble[data-position^="bottom-"]{bottom:0}
.chat-bubble[data-position$="left"]{left:0}
.chat-bubble[data-position$="right"]{right:0}
.chat-bubble[data-position$="center"]{left:max(0px,calc((100% - 340px)/2))}
.chat-bubble{animation:notification-enter .32s cubic-bezier(.2,.7,.25,1) both}
@keyframes notification-enter{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@media(max-width:1150px){.chat-bubble[data-position$="center"]{left:max(0px,calc((100% - 310px)/2))}}
@media(max-height:720px) and (min-width:960px){.chat-bubble[data-position$="center"]{left:max(0px,calc((100% - 295px)/2))}}
@media(prefers-reduced-motion:reduce){.chat-bubble{animation:none}}
body.motion-reduced .chat-bubble{animation:none}

.chat-bubble.is-leaving{animation:notification-leave .18s ease-out both}
@keyframes notification-leave{to{opacity:0;translate:0 -3px}}
@media(prefers-reduced-motion:reduce){.chat-bubble.is-leaving{animation:none}}
body.motion-reduced .chat-bubble.is-leaving{animation:none}

/* The route through the site remains available without covering the work. */
.header{position:sticky;top:0;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 #d1d8d380;isolation:isolate}
.menu-toggle{display:none;border:0;background:none;width:42px;height:42px;padding:0;place-content:center;gap:6px}.menu-toggle>span:not(.sr){display:block;width:24px;height:1.5px;background:var(--ink);transition:transform .2s ease}.menu-open .menu-toggle>span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-open .menu-toggle>span:nth-child(2){transform:translateY(-3.75px) rotate(-45deg)}
@media(max-width:800px){.header{min-height:72px;flex-wrap:nowrap;gap:11px}.header-place{display:none}.menu-toggle{display:grid;margin-left:auto}.header nav{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;padding:13px var(--gutter) 20px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 15px 26px #182b3510;grid-template-columns:1fr 1fr;gap:0}.header.menu-open nav{display:grid}.header nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:.875rem}.header nav a:last-child{grid-column:1/-1;margin-top:9px;color:var(--accent-text)}.motion-control{margin-left:0;font-size:.7rem}.header .brand>span{font-size:.65rem}.header.menu-open+main{pointer-events:none}}

/* The homepage starts as an editorial surface; its navigation appears only when wanted. */
.landing-header,.landing-header.is-scrolled{position:fixed;top:0;left:0;right:0;min-height:68px;padding-top:12px;padding-bottom:12px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.landing-header.menu-open{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.landing-header .brand,.landing-header .menu-toggle{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,backdrop-filter .2s ease}.landing-header.is-scrolled .brand,.landing-header.is-scrolled .menu-toggle{background:#f8f7f3bf;border:1px solid #d1d8d3b8;box-shadow:0 7px 18px #182b3512;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.landing-header.is-scrolled .brand{padding:8px 12px;border-radius:6px;margin-left:-12px}.landing-header.is-scrolled .menu-toggle{border-radius:50%}
.landing-header .header-place,.landing-header .motion-control{display:none!important}.landing-header .menu-toggle{display:grid;margin-left:auto}.landing-header nav{display:none;position:absolute;top:calc(100% + 1px);right:var(--gutter);left:auto;width:min(430px,calc(100vw - 2 * var(--gutter)));padding:12px 24px 20px;background:var(--paper);border:1px solid var(--line);box-shadow:0 18px 34px #182b3512;grid-template-columns:1fr 1fr;gap:0}.landing-header.menu-open nav{display:grid}.landing-header nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:.875rem}.landing-header nav a:last-child{grid-column:1/-1;margin-top:8px;color:var(--accent-text)}
@media(max-width:800px){.landing-header{min-height:64px}.landing-header nav{right:0;left:0;width:auto;border-left:0;border-right:0}.landing-header .brand>span{font-size:.65rem}}

/* The hero begins with the actual pressure behind Marta's request. */
.hero-workload{position:absolute;inset:0 0 auto auto;width:min(100%,330px);background:#fff;border:1px solid #dfe2e7;border-radius:12px;box-shadow:0 14px 34px #182b3512;color:var(--ink);transition:opacity .28s ease,transform .28s ease}
.hero-notifications-active .hero-workload{opacity:0;transform:translateY(-8px);pointer-events:none}
.hero-workload-bar{display:flex;align-items:center;gap:7px;padding:10px 13px;border-bottom:1px solid #e5e7eb;font-size:.68rem;color:var(--muted)}
.hero-workload-bar img{width:17px;height:17px}.hero-workload-bar span:last-child{margin-left:auto;color:var(--accent-text)}
.hero-workload-row{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:10px 13px;border-bottom:1px solid #f0f1f2}.hero-workload-row:last-child{border-bottom:0}
.workload-avatar{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#ebe8f5;font-size:.65rem}.hero-workload-row strong,.hero-workload-row small{display:block;font-size:.72rem;line-height:1.3}.hero-workload-row small,.hero-workload-row time{color:var(--muted);font-size:.62rem}.hero-workload-row time{align-self:start}
@media(max-width:900px){.hero-workload{left:0;right:auto}}