.flowarch-desktop{position:relative;width:100%;min-width:0;isolation:isolate}.desktop-monitor{position:relative;padding:14px 12px 0;background:linear-gradient(125deg,#41434a,#16181d 24%,#292b31 78%,#474950);border:1px solid #61636b;border-radius:14px;box-shadow:0 28px 50px -24px #09081270;overflow:hidden}.desktop-camera{position:absolute;top:5px;left:50%;width:4px;height:4px;border-radius:50%;background:#080a0d}.desktop-display{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#0b1018;display:grid;place-items:center}.desktop-display img{display:block;width:100%;height:100%;object-fit:contain;max-width:none;border:0;border-radius:0;box-shadow:none;transform:none}.desktop-display>.desktop-dashboard,.desktop-display>.desktop-still{position:absolute;inset:0}.desktop-dashboard{visibility:hidden}.desktop-film{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.desktop-film>img{position:absolute;inset:0}.desktop-film-after{opacity:0}.desktop-unit-gap,.desktop-moving-unit{position:absolute;left:7.5%;top:20.977%;width:12.178%;height:6.296%;opacity:0}.desktop-unit-gap{background:#3d495f}.desktop-moving-unit{background-repeat:no-repeat;background-size:821.158% 1588.235%;background-position:8.54% 22.39%;z-index:3;box-shadow:0 9px 18px #0005}.desktop-demo-pointer{position:absolute;left:14%;top:25%;width:1.6%;height:auto;opacity:0;z-index:4;filter:drop-shadow(0 2px 3px #0006)}.desktop-chin{height:25px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#3a3d45,#24262d);margin:0 -12px}.desktop-chin img{width:64px!important;height:auto!important;object-fit:contain!important;filter:grayscale(1) brightness(2);opacity:.55;box-shadow:none!important;border-radius:0!important}.desktop-stand{width:15%;height:clamp(26px,5vw,66px);margin:auto;background:linear-gradient(90deg,#81838a,#d9dade 40%,#a4a6ad 70%,#666970);clip-path:polygon(24% 0,76% 0,100% 100%,0 100%)}.desktop-foot{height:8px;width:30%;margin:auto;background:linear-gradient(#cbccd1,#777a83);border-radius:50% 50% 4px 4px;box-shadow:0 12px 16px -5px #100c1940}.desktop-controls{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:34px;font-size:14px}.desktop-controls button,.desktop-controls a{color:inherit;cursor:pointer;min-height:44px;background:none;border:0;font:inherit;text-decoration:none;padding:8px 0}.desktop-view-switch{display:flex;gap:24px}.desktop-view-switch button{border-bottom:2px solid transparent;opacity:.65}.desktop-view-switch button[aria-pressed=true]{border-color:#afebd5;opacity:1}.desktop-playback{display:inline-flex;align-items:center;gap:7px;opacity:.8}.desktop-playback svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.5}.desktop-fullsize{margin-left:auto}.desktop-controls :is(a,button):focus-visible{outline:2px solid #afebd5;outline-offset:5px}.desktop-demo-note{font-size:12px!important;color:#c3b8cb!important;text-align:center;margin:16px 0 0!important;max-width:none!important}[data-desktop-view=dashboard] .desktop-dashboard{visibility:visible}[data-desktop-view=dashboard] .desktop-film{visibility:hidden}.flowarch-desktop--compact .desktop-monitor{padding:9px 8px 0;border-radius:10px}.flowarch-desktop--compact .desktop-camera{top:3px;width:3px;height:3px}.flowarch-desktop--compact .desktop-chin{margin:0 -8px;height:18px}.flowarch-desktop--compact .desktop-chin img{width:48px!important}.flowarch-desktop--compact .desktop-stand{height:38px}.home-page .duo-flow-visual.duo-flow-capture{height:auto;min-height:0;aspect-ratio:auto;display:block;overflow:visible;background:none;box-shadow:none}.home-page .duo-flow-capture .desktop-display img{border-radius:0;box-shadow:none;object-fit:contain}.inner-page .flowarch-product-hero .flowarch-desktop{margin-top:54px}.inner-page .flowarch-card .product-art:has(.flowarch-desktop){aspect-ratio:auto;overflow:visible;box-shadow:none;background:none}.inner-page .flowarch-card .product-art .desktop-display img{position:absolute;background:transparent}@media(max-width:650px){.desktop-monitor{padding:8px 6px 0;border-radius:9px}.desktop-camera{top:3px;width:3px;height:3px}.desktop-chin{height:18px;margin:0 -6px}.desktop-chin img{width:48px!important}.desktop-controls{gap:10px 20px;justify-content:flex-start;margin-top:26px;font-size:13px}.desktop-view-switch{gap:24px;flex-basis:100%}.desktop-fullsize{margin-left:0}.desktop-demo-note{text-align:left}.desktop-stand{height:30px}.inner-page .flowarch-product-hero .flowarch-desktop{margin-top:36px}}.inner-page .flowarch-capture-grid figure>a{aspect-ratio:16/10;background:#0b1018}.inner-page .flowarch-capture-grid figure img{object-fit:contain}.inner-page .flowarch-product-hero>.flowarch-desktop{max-width:min(920px,100%);margin-inline:auto}.inner-page .flowarch-product-hero .desktop-stand{height:48px}.inner-page .flowarch-product-hero .desktop-controls{gap:12px 22px}.inner-page .flowarch-product-hero .desktop-fullsize{margin-left:0}.inner-page .flowarch-card .flowarch-desktop{max-width:640px;margin-inline:auto}@media(min-width:901px)and (max-height:850px){.inner-page .flowarch-product-hero>.flowarch-desktop{max-width:800px}.inner-page .flowarch-product-hero .desktop-stand{height:38px}}@media(max-width:650px){.inner-page .flowarch-product-hero .desktop-stand{height:26px}.inner-page .flowarch-product-hero .desktop-controls{gap:4px 20px}.desktop-fullsize{flex-basis:100%}.desktop-demo-note{line-height:1.6}}.home-page .duo-flow-capture .flowarch-desktop{max-width:540px;margin-inline:auto}@media(min-width:901px)and (max-height:850px){.home-page .duo-flow-capture .flowarch-desktop{max-width:480px}}.integration-studio{padding:84px max(24px,calc((100vw - 1240px)/2)) 64px;background:#f4f2ef;color:#14101b}.integration-studio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}.integration-studio-heading h2{margin:0;font-size:clamp(42px,5vw,70px);line-height:1.04;font-weight:500;letter-spacing:-.035em}.integration-studio-heading h2 em{font-family:Georgia,serif;font-weight:400;color:#c32b68}.integration-studio-heading>p{max-width:240px;margin:0 0 6px;font-size:18px;color:#62566a}.integration-motion-flow{position:relative;height:390px;overflow:hidden;border-radius:20px;background:#15111c;isolation:isolate}.integration-motion-flow:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 50%,#773c733f,transparent 54%)}.integration-motion-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.integration-wire-base,.integration-wire-signal{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.integration-wire-base{stroke:#74667e;stroke-width:1}.integration-wire-signal{stroke-width:3;stroke-dasharray:18 82;stroke-dashoffset:100;filter:url(#integration-glow);opacity:.6;animation:integration-wire-travel 2.4s linear infinite;animation-play-state:paused}.integration-wire-signal--source{stroke:url(#integration-signal-in)}.integration-wire-signal--outlook{stroke:url(#integration-signal-outlook);animation-delay:.8s}.integration-wire-signal--personio{stroke:url(#integration-signal-personio);animation-delay:1.6s}.integration-wire-junction{fill:#d696fa}.is-motion-active .integration-wire-signal{animation-play-state:running}.integration-motion-node{position:absolute;z-index:2;display:grid;gap:12px;min-width:0;padding:24px;border:0;border-radius:14px;color:#211827;background:#fff8fc;font:inherit;text-align:left;cursor:pointer;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,background .45s}.integration-motion-node:focus-visible{outline:3px solid #ff8ac2;outline-offset:6px}.integration-motion-node strong{font-size:19px;font-weight:600;letter-spacing:-.02em}.integration-node-description{color:#63526d;font-size:14px;line-height:1.5}.integration-motion-node--source{left:3%;top:50%;width:27%;transform:translateY(-50%)}.integration-motion-provider-icons{display:flex;gap:12px;margin-bottom:8px}.integration-motion-provider-icons>span{display:grid;place-items:center;width:35px;height:35px}.integration-motion-provider-icons svg{width:29px;height:29px}.integration-motion-node--hub{top:50%;left:50%;width:15.6%;min-height:132px;grid-template-columns:minmax(0,1fr);place-content:center;justify-items:center;gap:16px;color:#14101b;background:#fff;cursor:default;box-shadow:0 18px 44px #0005;transform:translate(-50%,-50%)}.integration-hub-logo{display:block;width:100%;max-width:160px;height:auto;object-fit:contain}.integration-motion-outcomes{position:absolute;top:24px;bottom:24px;right:3%;display:grid;width:27%;gap:18px}.integration-motion-outcomes .integration-motion-node{position:relative;grid-template-columns:36px 1fr;align-content:center;column-gap:12px;row-gap:12px;padding:22px}.integration-motion-outcomes .integration-node-description{grid-column:1/-1}.integration-motion-outcomes .integration-motion-node>span:first-child{display:grid;place-items:center;width:36px;height:36px}.integration-motion-outcomes svg{width:32px;height:32px}.integration-motion-node--outlook{background:#e4eeff}.integration-motion-node--personio{background:#dcf7ed}.integration-motion-node--personio>span:first-child{color:#087e68}.integration-motion-node--personio .integration-node-description{color:#365f55}.integration-motion-node--outlook .integration-node-description{color:#3e5579}.integration-motion-node--source:hover,.integration-motion-node--source[aria-pressed=true]{transform:translateY(calc(-50% - 5px));box-shadow:0 16px 34px #07030d55}.integration-motion-outcomes .integration-motion-node:hover,.integration-motion-outcomes .integration-motion-node[aria-pressed=true]{transform:translateY(-5px);box-shadow:0 16px 34px #07030d55}[data-integration-step=source] .integration-wire-signal--source,[data-integration-step=outlook] .integration-wire-signal--outlook,[data-integration-step=personio] .integration-wire-signal--personio{opacity:1;stroke-width:5}.integration-motion-toggle{display:flex;align-items:center;gap:9px;min-height:44px;margin:10px 0 0 auto;padding:8px 0 8px 14px;border:0;background:none;color:#62566a;font-size:12px;cursor:pointer}.integration-motion-toggle:hover{color:#b51f5a}@keyframes integration-wire-travel{to{stroke-dashoffset:0}}@media(min-width:681px)and (max-width:1050px){.integration-motion-node{padding:18px}.integration-motion-outcomes .integration-motion-node{padding:16px;grid-template-columns:1fr;gap:6px}.integration-motion-node strong{font-size:16px}.integration-node-description{font-size:13px}}@media(max-width:680px){.integration-studio{padding:60px 20px 40px}.integration-studio-heading{display:block;margin-bottom:28px}.integration-studio-heading h2{font-size:clamp(36px,8.6vw,52px)}.integration-studio-heading>p{max-width:none;margin:20px 0 0;font-size:16px}.integration-motion-flow{display:grid;grid-template-columns:1fr;justify-items:center;height:auto;padding:24px 18px;gap:32px}.integration-motion-wires{display:none}.integration-motion-node--source{position:relative;inset:auto;transform:none;width:100%;gap:8px;padding:20px}.integration-motion-provider-icons{margin:0}.integration-motion-node--source:hover,.integration-motion-node--source[aria-pressed=true]{transform:translateY(-3px)}.integration-motion-node--hub{position:relative;inset:auto;transform:none;min-height:98px;width:135px;padding:18px;gap:10px}.integration-motion-node--source:after,.integration-motion-node--hub:after{content:"";position:absolute;top:100%;left:50%;width:2px;height:32px;background:linear-gradient(#7c6089,#ff71ac,#7c6089);background-size:100% 200%;animation:integration-mobile-signal 2.4s linear infinite;animation-play-state:paused}.is-motion-active .integration-motion-node:after{animation-play-state:running}.integration-motion-outcomes{position:relative;inset:auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.integration-motion-outcomes .integration-motion-node{grid-template-columns:1fr;padding:18px 14px;gap:10px;align-content:start}.integration-motion-outcomes .integration-motion-node strong{font-size:16px}.integration-node-description{font-size:13px}.integration-motion-outcomes:before{content:"";position:absolute;top:-16px;left:25%;right:25%;height:16px;border:1px solid #967ea5;border-bottom:0}}@keyframes integration-mobile-signal{to{background-position:0 200%}}@media(prefers-reduced-motion:reduce){.integration-wire-signal,.integration-motion-node:after{animation:none!important}.integration-motion-node{transition:none}.integration-motion-toggle{display:none}}.app-scroll-stage .product-canvas{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;overflow:visible;background:none;box-shadow:none}.workday-screen{position:relative;z-index:4;display:block;height:min(64svh,660px);aspect-ratio:1344/2992;border:7px solid #27262d;border-radius:34px;background:#fff;box-shadow:0 24px 65px #0005;overflow:hidden}.workday-screen img{width:100%;height:100%;object-fit:contain}.workday-screen>span{position:absolute;right:10px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#111;color:#fff}.workday-chapters{position:relative;z-index:5;display:flex;gap:5px;padding:6px;border:1px solid #45424c;border-radius:30px;background:#17151d}.workday-chapters button{border:0;border-radius:22px;background:none;color:#c4bfcc;padding:10px 13px;cursor:pointer;font-size:12px}.workday-chapters button[aria-pressed=true]{background:#fff;color:#111}.workspace-map-preview{display:grid;place-items:center;padding:28px;margin:28px 0 0;background:#e7f1f6;border-radius:24px 24px 0 0}.experience-card-map .workspace-map-preview img{width:auto;height:430px;min-height:0;max-width:100%;object-fit:contain;border-radius:16px;box-shadow:0 10px 30px #16364a22}.experience-card-map:hover .workspace-map-preview img{transform:none}.flowarch-product-hero .flowarch-compare-media>img{object-fit:contain;object-position:center;background:#f5f5f4}@media(max-width:900px){.app-scroll-story .app-scroll-layout{display:flex;flex-direction:column}.app-scroll-story .app-scroll-stage{position:relative;top:auto;height:auto;width:100%;padding:0}.app-scroll-story .app-scroll-stage .product-canvas{width:100%;max-width:none;height:auto;margin:0;padding:24px 0;transform:none!important;opacity:1!important;visibility:visible!important}.app-scroll-story .app-scroll-steps{margin-top:0;pointer-events:auto}.app-scroll-story .app-scroll-step{display:none;min-height:0;padding:32px 24px 64px;background:none;opacity:1;transform:none}.app-scroll-story .app-scroll-step.active{display:flex}.app-scroll-story .workday-screen{flex-shrink:0}}@media(max-width:900px){.workday-screen{height:43svh;max-height:420px;border-width:5px;border-radius:24px}.app-scroll-stage .product-canvas{justify-content:flex-start;padding-top:24px}.workday-chapters{order:-1}.app-scroll-stage{pointer-events:none}.workday-screen,.workday-chapters{pointer-events:auto}.workspace-map-preview{margin:24px 0 0;padding:18px}.workspace-map-preview img{height:390px;min-height:0}.app-scroll-step{padding-top:58vh}}
