/* A single reception workspace. CSS animates steady intake and three readable cases;
   script only pauses for user preference, reduced motion and visibility. */
.home-hero { display:block; max-width:none; padding:57px 0 0; overflow:clip; background:#f8f9f3; color:#1a2822; }
.home-hero-copy { position:relative; z-index:3; max-width:1000px; margin:0 auto; padding:0 24px; text-align:center; }
.home-hero-copy .eyebrow { margin:0 0 18px; color:#68756b; font-size:12px; letter-spacing:.14em; font-weight:600; }
.home-hero-copy h1 { max-width:880px; margin:0 auto; font-size:clamp(54px,6.3vw,90px); line-height:.99; letter-spacing:-.047em; text-wrap:balance; }
.home-hero-copy .lead { max-width:650px; margin:24px auto 0; color:#667269; font-size:20px; line-height:1.45; }
.home-hero-copy .action-row { justify-content:center; margin-top:27px; }
.home-hero-copy .button { border-radius:999px; padding-inline:26px; min-height:49px; }
.home-hero-copy .button-primary { background:#d7ff59; border-color:#d7ff59; color:#1a2822; }
.home-hero-copy .button-secondary { color:#1a2822; border-color:#bec6ba; background:transparent; }
.home-hero-scene { margin:34px 0 0; }
.fd-world { --fd-scale:tan(atan2(min(100vw,1800px),1440px)); --fd-cycle:12s; position:relative; margin:0; isolation:isolate; color:#243a2e; font-size:14px; font-weight:400; line-height:1.35; text-align:left; }
.fd-world-backdrop { position:absolute; inset:-120px 0 0; z-index:-1; background:radial-gradient(ellipse at 50% 60%,#dce9bc 0,#eff3e3 46%,#f8f9f3 76%); pointer-events:none; }
.fd-world-stage { position:relative; width:100%; height:calc(var(--fd-scale) * 740px); overflow:clip; }
.fd-world-canvas { position:absolute; top:0; left:50%; width:1440px; height:740px; transform-origin:top center; transform:translateX(-50%) scale(var(--fd-scale)); }
.fd-stage-floor { position:absolute; left:220px; right:140px; top:560px; height:140px; border-radius:50%; background:#b8ca8a24; filter:blur(20px); }
.fd-world .icon { width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.fd-traffic,.fd-workspace,.fd-results { position:absolute; top:25px; z-index:2; }
.fd-traffic { left:30px; width:288px; }
.fd-workspace { left:380px; width:684px; }
.fd-results { left:1128px; width:282px; }
.fd-zone-heading { display:flex; align-items:center; gap:11px; height:62px; margin-bottom:20px; }
.fd-step { display:grid; place-items:center; width:25px; height:25px; border:1px solid #c8d4b4; border-radius:50%; font-size:9px; color:#7d916b; }
.fd-zone-heading strong { display:block; font-size:15px; font-weight:600; letter-spacing:-.015em; }
.fd-zone-heading small { display:block; margin-top:4px; color:#8b9780; font-size:10px; }
.fd-avatar { display:inline-grid; place-items:center; flex:none; width:30px; height:30px; border-radius:50%; border:1px solid #fff; color:#557653; background:#e3edda; font-size:9px; font-weight:600; }
.fd-avatar-peach { color:#9e634c; background:#f9dfc5; }
.fd-stream-window { position:relative; height:520px; overflow:hidden; mask-image:linear-gradient(transparent,#000 6%,#000 90%,transparent); }
.fd-stream { position:relative; padding-top:6px; }
.fd-incoming { position:relative; display:flex; align-items:center; gap:10px; height:58px; margin:0 0 10px; padding:8px 12px; background:#fffffff5; border:1px solid #fff; border-bottom:2px solid #d6dfc9; border-radius:12px; box-shadow:0 9px 12px -8px #516c3c25; }
.fd-incoming>div { min-width:0; flex:1; }.fd-channel-icon { display:grid; place-items:center; flex:none; width:31px; height:34px; background:#eef4e3; color:#7c965d; border-radius:9px; }
.fd-channel-mail .fd-channel-icon { background:#f8ecde; color:#b38357; }.fd-channel-chat .fd-channel-icon { background:#eae7f5; color:#9282ac; }.fd-channel-sms .fd-channel-icon { background:#e0efee; color:#6b9a93; }
.fd-incoming-meta { display:flex; gap:4px; align-items:baseline; justify-content:space-between; }.fd-incoming strong { font-size:11px; font-weight:600; }.fd-incoming small { font-size:7px; color:#9aa28f; }.fd-incoming p { margin:4px 0 0; font-size:10px; line-height:1.3; color:#73816b; }
.fd-arrival-dot { position:absolute; right:9px; bottom:11px; width:4px; height:4px; border-radius:50%; background:#c3d99e; }
.fd-traffic-foot { display:flex; align-items:center; justify-content:center; gap:7px; padding-top:17px; font-size:10px; color:#8c9a7b; }.fd-traffic-foot>i { width:5px; height:5px; border-radius:50%; background:#8fac63; }
.fd-monitor { position:relative; z-index:3; padding:7px 7px 0; border:1px solid #fff; border-right:5px solid #c9d3b8; border-radius:17px 17px 12px 12px; background:linear-gradient(120deg,#fff,#e3e9d8); box-shadow:0 30px 48px -24px #4b633950,0 2px 0 #a6b493; }
.fd-monitor-bar { display:flex; align-items:center; gap:17px; height:34px; padding:0 12px; border-radius:10px 10px 0 0; border:1px solid #e4e9db; border-bottom:0; background:#f9faf5; font-size:9px; color:#a1aa96; }
.fd-window-dots { display:flex; gap:4px; }.fd-window-dots>i { width:5px; height:5px; border-radius:50%; background:#d0d9c3; }.fd-connected { display:flex; align-items:center; gap:5px; margin-left:auto; font-size:8px; }.fd-connected>i { width:5px; height:5px; border-radius:50%; background:#a8be80; }
.fd-app { display:grid; grid-template-columns:194px 1fr; height:432px; border:1px solid #e2e8d8; background:#fff; }
.fd-sidebar { position:relative; min-width:0; padding:17px 10px 0; background:#f4f6ed; border-right:1px solid #e9eddf; }
.fd-app-brand { display:flex; align-items:center; gap:6px; margin-bottom:18px; padding-left:5px; font-size:13px; }.fd-app-brand img { width:28px; height:28px; }.fd-app-brand strong { font-weight:600; }
.fd-sidebar>span:not(.fd-text-run):not(.fd-app-brand) { display:flex; align-items:center; gap:8px; margin:2px 0; padding:8px; font-size:10px; color:#92a080; border-radius:5px; }.fd-sidebar>span .icon { width:13px; height:13px; }.fd-sidebar>.fd-nav-selected { background:#e5edda; color:#5e7846!important; }
.fd-mini-list { margin:17px -10px 0; padding-top:9px; border-top:1px solid #e4ead9; }.fd-mini-person { display:flex; gap:7px; align-items:center; padding:9px 12px; height:50px; opacity:.6; }.fd-mini-person>.fd-avatar { width:24px; height:24px; font-size:7px; }.fd-mini-person>span:not(.fd-avatar) { min-width:0; }.fd-mini-person strong { display:block; font-weight:500; font-size:9px; }.fd-mini-person small { display:block; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:123px; font-size:7px; color:#9aa88b; }.fd-mini-person>i { flex:none; margin-left:auto; width:4px; height:4px; background:#b4c497; border-radius:50%; }.fd-mini-person:nth-child(n+4) { display:none; }
.fd-team-presence { position:absolute; bottom:12px; left:13px; right:13px; display:flex; gap:7px; align-items:center; font-size:9px; color:#7e8a70; }.fd-team-presence>.fd-avatar { width:25px; height:25px; font-size:7px; }.fd-team-presence small { display:block; margin-top:2px; font-size:7px; color:#a7b098; }.fd-team-presence>i { margin-left:auto; width:4px; height:4px; border-radius:50%; background:#a2ba77; }
.fd-conversations { position:relative; min-width:0; background:#fff; }
.fd-case { position:absolute; inset:0; opacity:0; }.fd-case-0 { opacity:1; }
.fd-customer-header { display:flex; gap:9px; align-items:center; height:68px; padding:0 18px; border-bottom:1px solid #eef1e7; }.fd-customer-header strong { display:block; font-weight:600; font-size:12px; }.fd-customer-header small { display:flex; align-items:center; gap:4px; margin-top:4px; font-size:8px; color:#9aa78e; }.fd-customer-header small .icon { width:10px; height:10px; }.fd-context-tag { font-size:6px; margin-left:auto; padding:5px 6px; border:1px solid #e3ead9; color:#99a58c; border-radius:4px; white-space:nowrap; }
.fd-conversation-body { padding:21px 22px; }
.fd-message-question { display:table; max-width:315px; padding:13px 16px; border-radius:12px 12px 12px 2px; font-size:13px; color:#697760; background:#f1f4eb; }
.fd-retrieval { display:flex; align-items:center; gap:5px; margin-top:23px; color:#7c965b; font-size:10px; }.fd-ai-spark { color:#91a963; }.fd-ai-spark .icon { width:15px; height:15px; }.fd-retrieval small { margin-left:auto; font-size:7px; color:#a3b18e; }
.fd-thinking { display:flex; gap:2px; margin-left:4px; }.fd-thinking>i { width:3px; height:3px; border-radius:50%; background:#9fb77b; }
.fd-source { display:flex; align-items:center; gap:6px; margin:10px 0 11px; padding:8px 10px; border:1px solid #e4ebd7; border-radius:5px; font-size:9px; color:#899e70; background:#fafcf6; }.fd-source .icon { width:11px; height:11px; }.fd-source .icon:last-child { margin-left:auto; }
.fd-answer { padding:15px 16px 10px; border:1px solid #d6e5bc; border-radius:12px 12px 2px 12px; background:linear-gradient(120deg,#eff7dd,#f8fbeF); color:#5a7045; }.fd-answer p { margin:0; max-width:350px; font-size:14px; line-height:1.5; }.fd-answer>span:not(.fd-text-run) { display:flex; align-items:center; gap:4px; margin-top:10px; padding-top:8px; border-top:1px solid #e1ebd1; color:#9aaf80; font-size:7px; }.fd-answer .icon { width:10px; height:10px; }
.fd-context-note { display:flex; align-items:center; gap:5px; margin-top:12px; color:#9ba68e; font-size:8px; }.fd-context-note .icon { width:12px; height:12px; }
.fd-composer { position:absolute; left:21px; right:21px; bottom:15px; display:flex; align-items:center; justify-content:space-between; padding:11px 12px; border:1px solid #e8eddf; border-radius:6px; background:#fff; color:#b2bba5; font-size:9px; }.fd-composer .icon { width:13px; height:13px; color:#8ca367; }
.fd-monitor-edge { display:flex; align-items:center; justify-content:center; height:24px; color:#9fab8d; font-size:7px; letter-spacing:.04em; }.fd-monitor-edge>i { position:absolute; right:19px; width:3px; height:3px; border-radius:50%; background:#a0b575; }
.fd-monitor-stand { position:relative; width:155px; height:43px; margin:0 auto; clip-path:polygon(23% 0,77% 0,84% 87%,100% 94%,100% 100%,0 100%,0 94%,16% 87%); background:linear-gradient(90deg,#b9c4aa,#eef3e3 42%,#d0dabc); }
.fd-desk-plaque { position:relative; z-index:4; display:flex; align-items:center; gap:12px; width:369px; padding:14px 18px; margin:10px auto 0; border:1px solid #ffdfc1; border-right:3px solid #da8864; border-bottom:5px solid #c47a56; border-radius:12px; background:linear-gradient(120deg,#ffbf98,#ffa477 80%); box-shadow:0 18px 28px -15px #9c754150,inset 0 1px 0 #ffe6cd; transform:rotate(-2deg); color:#8a4e2e; }.fd-plaque-icon { display:grid; place-items:center; width:39px; height:39px; border:1px solid #ffdfb7; border-radius:10px; background:#ffbd8e; }.fd-plaque-icon .icon { width:23px; height:23px; }.fd-desk-plaque strong { display:block; font-size:12px; font-weight:600; }.fd-desk-plaque small { display:block; margin-top:4px; font-size:9px; color:#ab6b45; }.fd-plaque-light { margin-left:auto; width:5px; height:5px; border-radius:50%; background:#fff0b7; }
.fd-knowledge-stack { position:relative; width:238px; height:245px; margin:6px auto 0; }
.fd-knowledge-sheet { position:absolute; inset:0; border:1px solid #d7e0c9; border-radius:10px; background:#f1f6e5; box-shadow:0 15px 20px -12px #50653a20; }.fd-sheet-back { transform:rotate(8deg) translate(7px,5px); }.fd-sheet-mid { transform:rotate(-6deg) translate(-5px,3px); background:#fbfdf5; }
.fd-knowledge-cover { position:absolute; inset:0; padding:20px 19px; border:1px solid #fff; border-bottom:4px solid #c2cfa9; border-radius:10px; background:linear-gradient(135deg,#fbfff0,#e6efcf); transform:rotate(2deg); box-shadow:0 16px 25px -17px #62744460; }
.fd-knowledge-cover>span:not(.fd-text-run) { display:flex; align-items:center; gap:5px; color:#93a279; font-size:7px; letter-spacing:.07em; }.fd-knowledge-cover>span .icon { width:13px; height:13px; }.fd-knowledge-cover>strong { display:block; margin:16px 0 18px; font-size:24px; line-height:1.05; font-weight:500; letter-spacing:-.03em; color:#667d49; }.fd-knowledge-cover>div { display:grid; gap:8px; }.fd-knowledge-cover>div>span:not(.fd-text-run) { display:flex; align-items:center; gap:5px; font-size:9px; color:#91a276; }.fd-knowledge-cover>div .icon { width:11px; height:11px; }.fd-knowledge-cover>small { display:block; margin-top:16px; padding-top:9px; border-top:1px solid #d9e4c4; font-size:7px; color:#a3b18d; }
.fd-outcomes { display:grid; gap:10px; margin-top:34px; }.fd-outcome { position:relative; display:flex; align-items:center; gap:9px; height:64px; padding:12px; border:1px solid #fafff0; border-bottom:2px solid #d6dfc6; background:#f9fcf3; border-radius:10px; box-shadow:0 9px 12px -10px #526c3b40; }.fd-outcome-icon { display:grid; place-items:center; width:30px; height:30px; flex:none; background:#ebf2db; border-radius:8px; color:#91a66c; }.fd-outcome .icon { width:15px; height:15px; }.fd-outcome strong { display:block; font-size:11px; font-weight:600; color:#6c8056; }.fd-outcome small { display:block; margin-top:4px; font-size:8px; color:#9aaa89; }.fd-outcome-2 { background:#fff8ed; border-color:#ffeddb; border-bottom-color:#e4ccb1; }.fd-outcome-2 .fd-outcome-icon { background:#f6e5cc; color:#b59168; }.fd-outcome-2 strong { color:#ac8960; }.fd-outcome-pulse { margin-left:auto; width:5px; height:5px; border-radius:50%; background:#a3bd7a; }
.fd-owner-note { display:flex; gap:8px; align-items:center; margin:17px 4px 0; }.fd-owner-note strong { display:block; font-weight:500; font-size:9px; color:#8c987d; }.fd-owner-note small { display:block; margin-top:3px; font-size:7px; color:#a8b298; }
.fd-routes { position:absolute; inset:0; width:1440px; height:740px; }.fd-routes path { stroke:#bdcda5; stroke-width:1; stroke-dasharray:2 5; }
.fd-packet { position:absolute; width:7px; height:7px; left:0; top:0; border-radius:50%; background:#a2bc76; offset-path:var(--fd-route); offset-rotate:0deg; opacity:0; }
.fd-route-0 { --fd-route:path('M 318 215 L 380 215'); }.fd-route-1 { --fd-route:path('M 318 325 L 380 325'); }.fd-route-2 { --fd-route:path('M 318 435 L 380 435'); }.fd-route-3 { --fd-route:path('M 1064 424 L 1128 424'); }.fd-route-4 { --fd-route:path('M 1064 498 L 1128 498'); }.fd-route-5 { --fd-route:path('M 1064 572 L 1128 572'); }
.fd-world-caption { position:relative; z-index:5; display:flex; align-items:center; justify-content:center; min-height:65px; padding:5px 24px 29px; margin:0; }
.fd-journey { display:flex; align-items:center; gap:18px; font-size:11px; color:#86977a; }.fd-journey>span:not(.fd-text-run) { display:flex; align-items:center; gap:7px; }.fd-journey b { font-size:8px; font-weight:500; color:#9cae8b; }.fd-journey>i { width:29px; height:1px; background:#d2dfc0; }
.fd-motion-toggle { position:absolute; right:24px; display:flex; align-items:center; gap:6px; padding:8px 12px; border:1px solid #dce4d0; border-radius:30px; background:#fbfdf6dd; color:#81946e; font:inherit; font-size:10px; cursor:pointer; }.fd-motion-toggle .icon { width:12px; height:12px; }.fd-motion-toggle:hover { background:#fff; color:#4f6a3a; }.fd-motion-toggle:focus-visible { outline:2px solid #688d45; outline-offset:3px; }
.fd-world[data-motion-ready] .fd-stream { animation:fd-intake 36s linear infinite; }
.fd-world[data-motion-ready] .fd-case { animation:fd-conversation var(--fd-cycle) linear infinite; }
.fd-world[data-motion-ready] .fd-case-1 { animation-delay:-8s; }.fd-world[data-motion-ready] .fd-case-2 { animation-delay:-4s; }
.fd-world[data-motion-ready] .fd-mini-person,.fd-world[data-motion-ready] .fd-outcome { animation:fd-attention var(--fd-cycle) linear infinite; }
.fd-world[data-motion-ready] .fd-mini-person-1,.fd-world[data-motion-ready] .fd-outcome-1 { animation-delay:-8s; }.fd-world[data-motion-ready] .fd-mini-person-2,.fd-world[data-motion-ready] .fd-outcome-2 { animation-delay:-4s; }
.fd-world[data-motion-ready] .fd-thinking>i { animation:fd-thinking 1.2s ease-in-out infinite; }.fd-world[data-motion-ready] .fd-thinking>i:nth-child(2) { animation-delay:-.8s; }.fd-world[data-motion-ready] .fd-thinking>i:nth-child(3) { animation-delay:-.4s; }
.fd-world[data-motion-ready] .fd-packet { animation:fd-transfer 2.4s linear infinite; }.fd-packet-1 { animation-delay:-.6s!important; }.fd-packet-2 { animation-delay:-1.2s!important; }.fd-packet-3 { animation-delay:-1.8s!important; }.fd-route-1,.fd-route-4 { margin-top:0; }.fd-route-2,.fd-route-5 { background:#c7ab83; }
.fd-world[data-motion-state="paused"] *, .fd-world[data-motion-state="paused"] *::before, .fd-world[data-motion-state="paused"] *::after { animation-play-state:paused!important; }
@keyframes fd-intake { to { transform:translateY(-1224px); } }
@keyframes fd-conversation { 0%,29% { opacity:1; transform:translateY(0); } 32%,97% { opacity:0; transform:translateY(4px); } 100% { opacity:1; transform:translateY(0); } }
@keyframes fd-attention { 0%,29% { opacity:1; } 34%,97% { opacity:.45; } 100% { opacity:1; } }
@keyframes fd-thinking { 0%,100% { opacity:.3; transform:translateY(0); } 50% { opacity:1; transform:translateY(-2px); } }
@keyframes fd-transfer { 0% { opacity:0; offset-distance:0%; } 10%,85% { opacity:1; } 100% { opacity:0; offset-distance:100%; } }
@media(min-width:1800px) { .fd-world-stage { max-width:1800px; margin-inline:auto; }.home-hero-copy h1 { font-size:96px; } }
@media(max-width:1023px) { .home-hero { padding-top:48px; }.home-hero-copy h1 { max-width:720px; font-size:72px; }.home-hero-copy .lead { font-size:19px; }.fd-motion-toggle { position:static; margin-left:25px; }.fd-journey { gap:9px; font-size:10px; }.fd-journey>i { width:15px; } }
@media(max-width:767px) {
 .home-hero { padding-top:35px; }.home-hero-copy { padding-inline:21px; }.home-hero-copy .eyebrow { margin-bottom:16px; font-size:10px; letter-spacing:.1em; }.home-hero-copy h1 { max-width:390px; font-size:53px; }.home-hero-copy .lead { max-width:355px; margin-top:20px; font-size:17px; }.home-hero-copy .action-row { margin-top:24px; gap:10px; }.home-hero-copy .button { min-height:45px; font-size:14px; padding-inline:20px; }.home-hero-scene { margin-top:20px; }
 .fd-world { --fd-scale:tan(atan2(100vw,820px)); }.fd-world-stage { height:calc(var(--fd-scale) * 1530px); }.fd-world-canvas { width:820px; height:1530px; }.fd-stage-floor { left:30px; right:30px; top:840px; height:550px; }
 .fd-traffic { left:36px; top:0; width:748px; }.fd-traffic .fd-zone-heading { margin-bottom:7px; }.fd-zone-heading { height:63px; }.fd-zone-heading strong { font-size:22px; }.fd-zone-heading small { font-size:13px; }.fd-step { width:30px; height:30px; font-size:11px; }
 .fd-stream-window { height:187px; mask-image:linear-gradient(transparent,#000 8%,#000 90%,transparent); }.fd-stream { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding-top:6px; }.fd-stream-copy { display:contents; }.fd-incoming { height:78px; margin:0; gap:7px; padding:10px; }.fd-incoming-meta { display:block; }.fd-incoming strong { font-size:12px; }.fd-incoming small { display:none; }.fd-incoming p { margin-top:4px; font-size:10px; }.fd-channel-icon { width:24px; height:29px; }.fd-traffic-foot { display:none; }
 .fd-workspace { left:36px; top:300px; width:748px; }.fd-app { grid-template-columns:194px 1fr; height:455px; }.fd-customer-header { padding-inline:20px; }.fd-customer-header strong { font-size:15px; }.fd-customer-header small { font-size:10px; }.fd-context-tag { font-size:7px; }.fd-message-question { font-size:16px; }.fd-answer p { max-width:380px; font-size:17px; }.fd-conversation-body { padding-top:24px; }.fd-retrieval { font-size:12px; }.fd-retrieval small { font-size:8px; }.fd-source { font-size:11px; }.fd-context-note { font-size:10px; }.fd-answer>span:not(.fd-text-run) { font-size:9px; }.fd-composer { font-size:11px; }.fd-mini-person strong { font-size:10px; }.fd-mini-person small { font-size:8px; }.fd-desk-plaque { width:410px; }.fd-desk-plaque strong { font-size:14px; }.fd-desk-plaque small { font-size:10px; }
 .fd-results { left:36px; top:1080px; width:748px; }.fd-results>.fd-zone-heading { margin-bottom:12px; }.fd-knowledge-stack { position:absolute; left:0; top:80px; width:278px; height:275px; margin:0; }.fd-knowledge-cover { padding:24px; }.fd-knowledge-cover>span:not(.fd-text-run) { font-size:9px; }.fd-knowledge-cover>strong { font-size:29px; }.fd-knowledge-cover>div>span:not(.fd-text-run) { font-size:12px; }.fd-knowledge-cover>small { font-size:10px; }.fd-outcomes { margin:15px 0 0 310px; gap:13px; }.fd-outcome { height:77px; padding:14px; gap:12px; }.fd-outcome strong { font-size:16px; }.fd-outcome small { font-size:11px; }.fd-outcome-icon { width:36px; height:36px; }.fd-owner-note { margin-left:315px; margin-top:20px; }.fd-owner-note strong { font-size:12px; }.fd-owner-note small { font-size:10px; }.fd-knowledge-cover>div { gap:10px; }
 .fd-routes,.fd-packets { display:none; }.fd-world-caption { flex-direction:column; gap:15px; padding:15px 10px 25px; }.fd-journey { gap:6px; font-size:9px; }.fd-journey>span:not(.fd-text-run) { gap:3px; }.fd-journey>i { width:9px; }.fd-motion-toggle { margin-left:0; }
 @keyframes fd-intake { to { transform:translateY(-540px); } }
 .fd-world[data-motion-ready] .fd-stream { animation-duration:18s; }
}
@media(prefers-reduced-motion: reduce) { .fd-world *, .fd-world *::before, .fd-world *::after { animation:none!important; transition:none!important; }.fd-case:not(.fd-case-0) { opacity:0; }.fd-packets { display:none; } }