/* Six live product compositions. Outer perspective and crisp layout fitting live in home-showcase.css. */
body.home-page .banner .cap-scene {
    --cap-ink: #182b4d;
    --cap-muted: #8795ac;
    --cap-blue: #3478f6;
    --cap-line: #e5ebf5;
    display: flex;
    overflow: hidden;
    color: var(--cap-ink);
    background: radial-gradient(ellipse at 53% 44%, #fff 0, #ffffff00 65%), #f3f6fc;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-variant-numeric: tabular-nums;
}
body.home-page .banner .cap-scene[v-cloak] { display: none; }
body.home-page .banner .cap-workspace { position: relative; isolation: isolate; flex: 1; min-width: 0; min-height: 0; padding: 42px; }
body.home-page .banner .cap-workspace > section,
body.home-page .banner .cap-workspace > article { position: relative; z-index: 1; min-width: 0; }
body.home-page .banner .cap-scene h3,
body.home-page .banner .cap-scene h4 { margin: 0; color: var(--cap-ink); font-weight: 600; letter-spacing: -.6px; }
body.home-page .banner .cap-scene button { font-family: inherit; cursor: pointer; text-align: left; }
body.home-page .banner .cap-section-label { display: block; color: #7c8ca6; font-size: 12px; font-weight: 500; letter-spacing: .5px; }
body.home-page .banner .cap-text-tag { display: inline-block; color: #8090aa; font-size: 13px; line-height: 1.7; }
body.home-page .banner .cap-accent-text { color: #3977e9; }
body.home-page .banner .cap-dot { display: inline-block; width: 5px; height: 5px; margin-right: 7px; border-radius: 50%; background: #58bba3; }
body.home-page .banner .cap-row-avatar { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border: 1px solid #e2e9f8; border-radius: 11px; background: linear-gradient(145deg, #f2f6ff, #e8eefb); color: #6b85b6; font-size: 13px; font-weight: 500; }
body.home-page .banner .cap-company-icon { display: grid; place-items: center; flex: 0 0 57px; width: 57px; height: 57px; border: 1px solid #dce7fe; border-radius: 17px; background: linear-gradient(140deg, #e6efff, #f7faff); color: #4e80df; font-size: 24px; }
body.home-page .banner .cap-stack-layer { position: absolute; z-index: -1; border: 1px solid #dce5f4; border-radius: 21px; background: #f9fbff; pointer-events: none; }
body.home-page .banner .cap-stack-layer.layer-one { inset: -10px -10px 10px 10px; }
body.home-page .banner .cap-stack-layer.layer-two { inset: -20px -20px 20px 20px; opacity: .55; }
body.home-page .banner .cap-floating-chip { display: flex; align-items: center; gap: 9px; position: absolute; z-index: 3; padding: 14px 18px; border: 1px solid #fff; border-radius: 13px; background: #ffffffed; color: #547098; font-size: 12px; white-space: nowrap; box-shadow: 0 12px 35px -9px #355b9a35; opacity: 0; margin-top: 9px; transition: opacity .55s ease, margin-top .55s ease; }
body.home-page .banner .cap-floating-chip.is-revealed { opacity: 1; margin-top: 0; }
body.home-page .banner .cap-floating-chip > i { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 8px; background: #eaf7f3; color: #43a98e; font-size: 11px; }
body.home-page .banner .cap-connections { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; overflow: visible; fill: none; stroke: #d4e0f5; stroke-width: 1.5; }
body.home-page .banner .cap-connections .cap-flow { stroke: #6d9df9; stroke-width: 2; stroke-linecap: round; stroke-dasharray: 9 55; animation: cap-data-flow 2.5s linear infinite; }
body.home-page .banner .cap-mini-orb { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border: 1px solid #a1c4ff77; border-radius: 12px; background: linear-gradient(145deg, #659aff, #3876ef); color: #fff; font-size: 15px; box-shadow: 0 5px 15px #4b85f535; }
/* Customer information converges into a profile, then an actionable insight. */
body.home-page .banner .cap-customer-layout { display: grid; grid-template-columns: 225px 371px minmax(0, 1fr); align-items: center; gap: 92px; }
body.home-page .banner .cap-client-roster > .cap-section-label { margin: 0 0 18px 3px; }
body.home-page .banner .cap-customer-row { display: flex; align-items: center; flex-wrap: nowrap; gap: 11px; width: 100%; min-height: 85px; padding: 15px; border: 1px solid #e3eaf6; border-radius: 14px; background: #ffffffc9; transition: background .4s, border-color .4s, box-shadow .4s; }
body.home-page .banner .cap-customer-row + .cap-customer-row { margin-top: 15px; }
body.home-page .banner .cap-customer-row strong { flex: 1; color: #627493; font-size: 14px; font-weight: 500; }
body.home-page .banner .cap-row-state { margin-left: auto; color: #95a3bb; font-size: 9px; white-space: nowrap; line-height: 1; }
body.home-page .banner .cap-customer-row .cap-row-avatar { grid-row: span 2; }
body.home-page .banner .cap-customer-row.is-active { border-color: #9fbffb; background: #f8fbff; box-shadow: 0 7px 22px -10px #5686d547, inset 3px 0 #4a87f4; }
body.home-page .banner .cap-customer-row.is-active strong { color: #2d579c; }
body.home-page .banner .cap-customer-row.is-active .cap-row-avatar { border-color: #b8d0ff; background: #e5eeff; color: #3576ea; }
body.home-page .banner .cap-customer-row:hover { border-color: #c3d6f9; }
body.home-page .banner .cap-touchpoints { display: flex; justify-content: space-between; gap: 8px; margin-top: 22px; color: #93a2ba; font-size: 10px; }
body.home-page .banner .cap-touchpoints span { display: inline-flex; align-items: center; gap: 5px; }
body.home-page .banner .cap-profile-stack { margin-top: 3px; }
body.home-page .banner .cap-client-focus { position: relative; overflow: hidden; padding: 26px; border: 1px solid #dbe5f5; border-radius: 20px; background: #fff; box-shadow: 0 24px 45px -25px #294b8945, 0 3px 8px #294b8905; }
body.home-page .banner .cap-profile-top { display: flex; align-items: center; justify-content: space-between; }
body.home-page .banner .cap-linked-icon { color: #a5b9dc; font-size: 13px; }
body.home-page .banner .cap-identity { display: flex; align-items: center; gap: 14px; margin: 27px 0 24px; }
body.home-page .banner .cap-identity h3 { margin-bottom: 5px; font-size: 27px; }
body.home-page .banner .cap-fact-list { margin: 0; }
body.home-page .banner .cap-fact-list > div { display: grid; grid-template-columns: 96px 1fr; align-items: center; min-height: 46px; border-bottom: 1px solid #edf1f8; border-radius: 5px; transition: background .5s; }
body.home-page .banner .cap-fact-list > div.is-illuminated { background: #f1f6ff; }
body.home-page .banner .cap-fact-list dt { color: #9aa6ba; font-size: 12px; }
body.home-page .banner .cap-fact-list dd { margin: 0; color: #4b6385; font-size: 13px; font-weight: 500; }
body.home-page .banner .cap-fact-list dd.cap-accent-text { color: #3977e9; }
body.home-page .banner .cap-relationship { display: flex; align-items: center; gap: 7px; margin-top: 21px; color: #8b9db7; font-size: 11px; }
body.home-page .banner .cap-check { display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; background: #eaf6f1; color: #65ac93; font-size: 8px; }
body.home-page .banner .cap-card-scan { position: absolute; top: 0; left: 0; right: 0; height: 100%; background: linear-gradient(180deg, transparent 0, #97bcff00 30%, #97bcff14 49%, #97bcff4d 50%, transparent 50.4%); pointer-events: none; animation: cap-profile-scan 6.3s ease-in-out infinite; }
body.home-page .banner .cap-crm-float { bottom: -21px; left: 48px; }
body.home-page .banner .cap-intelligence { padding: 30px 24px; border: 1px solid #354e7d; border-radius: 20px; background: radial-gradient(ellipse at 40% 0, #3a5e9f 0, transparent 75%), #21375d; box-shadow: 0 20px 40px -24px #1b3c7b75; }
body.home-page .banner .cap-ai-spark { display: grid; place-items: center; position: relative; width: 64px; height: 64px; margin-bottom: 26px; border: 1px solid #7397dd66; border-radius: 21px; background: #b3cbff12; color: #c5d9ff; font-size: 25px; box-shadow: inset 0 0 25px #5e96fa20, 0 0 30px #6b9bff12; }
body.home-page .banner .cap-ai-spark b { position: absolute; inset: -8px; border: 1px solid #799ee625; border-radius: 27px; animation: cap-spark-ring 3.1s ease-out infinite; }
body.home-page .banner .cap-ai-spark b:last-child { animation-delay: 1.55s; }
body.home-page .banner .cap-intelligence .cap-section-label { color: #96b1dc; font-size: 11px; }
body.home-page .banner .cap-intelligence h3 { margin-top: 12px; color: #f2f6ff; font-size: 19px; white-space: nowrap; }
body.home-page .banner .cap-intelligence-lines { display: flex; flex-direction: column; gap: 8px; margin: 24px 0; }
body.home-page .banner .cap-intelligence-lines i { width: 100%; height: 3px; border-radius: 2px; background: linear-gradient(90deg, #a8c8ff66, #a8c8ff0d); animation: cap-line-glow 2.7s ease-in-out infinite; }
body.home-page .banner .cap-intelligence-lines i:nth-child(2) { width: 82%; animation-delay: .35s; }
body.home-page .banner .cap-intelligence-lines i:nth-child(3) { width: 55%; animation-delay: .7s; }
body.home-page .banner .cap-insight-result { display: flex; align-items: center; gap: 8px; padding-top: 15px; border-top: 1px solid #9fbef425; color: #91cdb9; font-size: 11px; opacity: .3; transition: opacity .6s; }
body.home-page .banner .cap-intelligence.is-ready .cap-insight-result { opacity: 1; }
/* A conversation unfolds rather than swapping its text all at once. */
body.home-page .banner .cap-service-layout { display: grid; grid-template-columns: 188px 470px minmax(0, 1fr); align-items: center; gap: 29px; }
body.home-page .banner .cap-session-list { padding: 20px 0; }
body.home-page .banner .cap-session-list > .cap-section-label { margin: 0 0 25px 10px; }
body.home-page .banner .cap-session { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 76px; padding: 12px 10px; border: 1px solid transparent; border-radius: 13px; background: transparent; }
body.home-page .banner .cap-session + .cap-session { margin-top: 15px; }
body.home-page .banner .cap-session strong { color: #8a9ab3; font-size: 13px; font-weight: 500; white-space: nowrap; }
body.home-page .banner .cap-session > .cap-dot { display: none; flex: 0 0 4px; margin: 0 0 0 auto; }
body.home-page .banner .cap-session.is-active { border-color: #d9e5fb; background: #fff; box-shadow: 0 9px 25px -16px #24559845; }
body.home-page .banner .cap-session.is-active strong { color: #3b5b8d; }
body.home-page .banner .cap-session.is-active > .cap-dot { display: block; }
body.home-page .banner .cap-service-channels { display: flex; justify-content: center; gap: 27px; margin-top: 32px; color: #b1c1dc; font-size: 17px; }
body.home-page .banner .cap-conversation { display: flex; flex-direction: column; height: 413px; padding: 23px; border: 1px solid #dce5f4; border-radius: 20px; background: #fff; box-shadow: 0 24px 45px -28px #294b8950; }
body.home-page .banner .cap-conversation-head { display: flex; align-items: center; gap: 11px; padding-bottom: 18px; border-bottom: 1px solid #edf1f8; }
body.home-page .banner .cap-conversation-head strong { color: #3c557a; font-size: 14px; font-weight: 500; }
body.home-page .banner .cap-online-state { display: flex; align-items: center; margin-left: auto; color: #8ba799; font-size: 10px; }
body.home-page .banner .cap-online-state .cap-dot { width: 4px; height: 4px; margin-right: 4px; }
body.home-page .banner .cap-message-list { position: relative; display: flex; flex-direction: column; gap: 25px; flex: 1; padding-top: 24px; }
body.home-page .banner .cap-message { display: flex; align-items: flex-start; gap: 8px; opacity: 0; position: relative; top: 10px; transition: opacity .5s, top .5s; }
body.home-page .banner .cap-message.is-revealed { opacity: 1; top: 0; }
body.home-page .banner .cap-message-avatar { display: grid; place-items: center; flex: 0 0 24px; height: 24px; border-radius: 8px; background: #f0f3f9; color: #a5b2c7; font-size: 10px; }
body.home-page .banner .cap-message p { margin: 0; padding: 12px 13px; border-radius: 0 12px 12px; background: #f3f6fb; color: #607591; font-size: 12px; line-height: 1.6; white-space: nowrap; }
body.home-page .banner .cap-message.assistant { flex-direction: row-reverse; }
body.home-page .banner .cap-message.assistant .cap-message-avatar { background: linear-gradient(140deg, #729ff7, #3c79f0); color: #fff; box-shadow: 0 4px 10px #4181f42b; }
body.home-page .banner .cap-message.assistant p { border-radius: 12px 0 12px 12px; background: #e9f0ff; color: #4872bc; }
body.home-page .banner .cap-typing { position: absolute; top: 96px; right: 33px; display: flex; align-items: center; gap: 5px; height: 28px; padding: 0 12px; border-radius: 10px; background: #edf3ff; opacity: 0; transition: opacity .2s; }
body.home-page .banner .cap-typing.is-revealed { opacity: 1; }
body.home-page .banner .cap-typing i { width: 4px; height: 4px; border-radius: 50%; background: #7199e2; animation: cap-typing 1s ease-in-out infinite; }
body.home-page .banner .cap-typing i:nth-child(2) { animation-delay: .15s; }
body.home-page .banner .cap-typing i:nth-child(3) { animation-delay: .3s; }
body.home-page .banner .cap-conversation-bottom { display: flex; align-items: center; gap: 10px; height: 42px; padding: 0 10px; border: 1px solid #eaf0fa; border-radius: 10px; background: #fafcff; color: #9babc2; font-size: 10px; }
body.home-page .banner .cap-conversation-bottom > i { display: grid; place-items: center; width: 24px; height: 24px; margin-left: auto; border-radius: 7px; background: #e8effc; color: #89a6d7; font-size: 10px; }
body.home-page .banner .cap-wave { display: flex; align-items: center; gap: 2px; width: 36px; height: 20px; }
body.home-page .banner .cap-wave i { width: 2px; height: 5px; border-radius: 2px; background: #8aadeb; }
body.home-page .banner .cap-wave.is-listening i { animation: cap-wave .8s ease-in-out infinite alternate; }
body.home-page .banner .cap-wave i:nth-child(3n) { animation-delay: -.4s; height: 12px; }
body.home-page .banner .cap-wave i:nth-child(3n+1) { animation-delay: -.2s; height: 8px; }
body.home-page .banner .cap-service-result { margin-top: 52px; }
body.home-page .banner .cap-resolution { min-height: 270px; padding: 27px 22px; border: 1px solid #354f80; border-radius: 19px; background: radial-gradient(ellipse at 0 0, #3c609c 0, transparent 80%), #22385e; box-shadow: 0 20px 35px -22px #1f3e7b66; }
body.home-page .banner .cap-success-icon { display: grid; place-items: center; width: 45px; height: 45px; border: 1px solid #adc9f544; border-radius: 15px; background: #c2d9ff12; color: #bbd2fc; font-size: 19px; transition: color .5s, background .5s; }
body.home-page .banner .is-ready .cap-success-icon { color: #a7dcc6; border-color: #a7dcc655; background: #a7dcc60e; box-shadow: 0 0 0 6px #a7dcc605; }
body.home-page .banner .cap-resolution h3 { margin: 22px 0; color: #f1f6ff; font-size: 20px; white-space: nowrap; }
body.home-page .banner .cap-resolution-list > div { display: flex; align-items: center; gap: 8px; min-height: 29px; color: #8dA6ce; font-size: 11px; opacity: .4; transition: color .5s, opacity .5s; }
body.home-page .banner .cap-resolution-list > div.is-complete { color: #c3d6f4; opacity: 1; }
body.home-page .banner .cap-resolution-list i { color: #9bceba; font-size: 10px; }
body.home-page .banner .cap-attachment { display: flex; align-items: center; gap: 10px; position: relative; top: 14px; margin: -2px 12px 0; padding: 16px; border: 1px solid #e0e8f6; border-radius: 13px; background: #fff; opacity: .3; transition: opacity .55s, top .55s; box-shadow: 0 12px 30px -19px #1e457c40; }
body.home-page .banner .cap-service-result.is-ready .cap-attachment { opacity: 1; top: 0; }
body.home-page .banner .cap-file-icon { color: #7294ca; font-size: 20px; }
body.home-page .banner .cap-attachment strong { color: #6b7f9f; font-size: 11px; font-weight: 500; }
body.home-page .banner .cap-attachment > i { margin-left: auto; color: #6ab398; font-size: 10px; }
/* Channels send distinct light traces through the matching core. */
body.home-page .banner .cap-growth-layout { display: grid; grid-template-columns: 235px 230px 280px; align-items: center; justify-content: space-between; }
body.home-page .banner .cap-sources > .cap-section-label { margin: 0 0 24px 4px; }
body.home-page .banner .cap-source { display: flex; align-items: center; gap: 15px; min-height: 83px; padding: 17px; border: 1px solid #e0e8f7; border-radius: 15px; background: #ffffffd4; box-shadow: 0 7px 20px -18px #2b599b50; transition: background .5s, border-color .5s; }
body.home-page .banner .cap-source + .cap-source { margin-top: 30px; }
body.home-page .banner .cap-source-icon { display: grid; place-items: center; flex: 0 0 37px; height: 37px; border-radius: 12px; background: #edf3ff; color: #7fa0d7; font-size: 16px; }
body.home-page .banner .cap-source:nth-child(3) .cap-source-icon { background: #f0edff; color: #9b8ed3; }
body.home-page .banner .cap-source:nth-child(4) .cap-source-icon { background: #eaf7f5; color: #75b7ac; }
body.home-page .banner .cap-source strong { color: #667b9d; font-size: 14px; font-weight: 500; white-space: nowrap; }
body.home-page .banner .cap-source.is-active { border-color: #abc6ff; background: #fff; box-shadow: 0 12px 28px -17px #5587e45c; }
body.home-page .banner .cap-source-pulse { width: 5px; height: 5px; margin-left: auto; border-radius: 50%; background: #d9e4f6; }
body.home-page .banner .cap-source.is-active .cap-source-pulse { background: #6b9af6; animation: cap-source-pulse 2s ease-out infinite; }
body.home-page .banner .cap-growth-core { display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: 100px; padding-bottom: 70px; }
body.home-page .banner .cap-core-halo { position: relative; display: grid; place-items: center; width: 150px; height: 150px; border: 1px solid #fff; border-radius: 43px; background: linear-gradient(135deg, #f9fcffbb, #deebff77); box-shadow: 0 0 65px #76a9ff2b, inset 0 0 30px #fff; }
body.home-page .banner .cap-core-icon { display: grid; place-items: center; width: 91px; height: 91px; border: 1px solid #dce8ff80; border-radius: 29px; background: linear-gradient(145deg, #8ab5ff 0%, #4d8cf7 45%, #356de0 100%); color: #fff; font-size: 33px; box-shadow: 0 15px 32px #487bd646, inset 0 1px 1px #ffffffb0; animation: cap-core-breathe 3.15s ease-in-out infinite; }
body.home-page .banner .cap-growth-core h3 { position: relative; margin-top: 39px; font-size: 24px; }
body.home-page .banner .cap-core-orbit { position: absolute; top: 39px; left: 50%; width: 274px; height: 274px; margin-left: -137px; border: 1px solid #c1d5f875; border-radius: 50%; }
body.home-page .banner .cap-core-orbit.orbit-b { top: 58px; width: 236px; height: 236px; margin-left: -118px; border-color: #b2ccfb80; border-style: dashed; animation: cap-orbit-spin 45s linear infinite; }
body.home-page .banner .cap-core-orbit.orbit-c { top: 14px; width: 324px; height: 324px; margin-left: -162px; border-color: #d7e4f950; }
body.home-page .banner .cap-orbit-satellite { position: absolute; z-index: 0; top: 35px; left: 50%; width: 8px; height: 8px; margin-left: -4px; border-radius: 50%; background: #7fa9f6; box-shadow: 0 0 0 6px #85b0fc12, 0 0 15px #85b0fc45; transform-origin: 4px 141px; animation: cap-orbit-spin 12s linear infinite; }
body.home-page .banner .cap-orbit-satellite.satellite-b { background: #9e96e7; animation-delay: -6s; }
body.home-page .banner .cap-core-wave { position: relative; display: flex; align-items: center; gap: 4px; height: 15px; margin-top: 17px; }
body.home-page .banner .cap-core-wave i { width: 3px; height: 6px; border-radius: 2px; background: #90b0e9; animation: cap-wave 1s ease-in-out infinite alternate; }
body.home-page .banner .cap-core-wave i:nth-child(2n) { height: 12px; animation-delay: -.4s; }
body.home-page .banner .cap-lead-stack { margin-top: 30px; }
body.home-page .banner .cap-lead-result { overflow: hidden; position: relative; border: 1px solid #d6e3fa; border-radius: 20px; background: #fff; box-shadow: 0 26px 45px -25px #2d569a55; }
body.home-page .banner .cap-result-label { display: flex; align-items: center; padding: 20px 22px; color: #8b9fbc; font-size: 11px; border-bottom: 1px solid #edf2fa; }
body.home-page .banner .cap-result-label .cap-dot { width: 4px; height: 4px; background: #91ade0; }
body.home-page .banner .cap-lead-result.is-ready .cap-result-label { color: #69a08b; }
body.home-page .banner .cap-lead-result.is-ready .cap-result-label .cap-dot { background: #61b69a; }
body.home-page .banner .cap-lead-object { padding: 27px 25px 29px; }
body.home-page .banner .cap-lead-object h3 { margin: 22px 0 5px; font-size: 26px; }
body.home-page .banner .cap-match-state { display: flex; align-items: center; gap: 7px; margin-top: 23px; color: #7093c3; font-size: 11px; }
body.home-page .banner .cap-match-state i { font-size: 11px; }
body.home-page .banner .cap-lead-footer { display: flex; align-items: center; gap: 9px; padding: 17px 25px; border-top: 1px solid #e9effa; background: #f6f9ff; color: #7f9bc7; font-size: 11px; }
body.home-page .banner .cap-lead-float { bottom: -20px; right: -15px; }
/* A single employee identity lights up the connected organizational assets. */
body.home-page .banner .cap-people-layout { display: grid; grid-template-columns: 225px 371px minmax(0, 1fr); align-items: center; gap: 92px; }
body.home-page .banner .cap-team > .cap-section-label { margin: 0 0 24px 5px; }
body.home-page .banner .cap-team-row { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 78px; padding: 15px; border: 1px solid #e5ebf6; border-radius: 14px; background: #ffffffc9; transition: border-color .4s, background .4s; }
body.home-page .banner .cap-team-row + .cap-team-row { margin-top: 20px; }
body.home-page .banner .cap-team-row strong { color: #556d91; font-size: 14px; font-weight: 500; }
body.home-page .banner .cap-team-row > span:last-child { margin-left: auto; color: #9aa9bf; font-size: 10px; }
body.home-page .banner .cap-team-row.is-active { border-color: #a6c3f9; background: #fff; box-shadow: inset 3px 0 #548af0, 0 7px 20px -15px #2d579b55; }
body.home-page .banner .cap-team-organization { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 25px; color: #91a4c2; font-size: 10px; }
body.home-page .banner .cap-employee { overflow: hidden; border: 1px solid #dbe5f6; border-radius: 20px; background: #fff; box-shadow: 0 24px 45px -25px #294b8945; }
body.home-page .banner .cap-employee-id { position: relative; display: flex; flex-direction: column; align-items: center; padding: 30px; background: radial-gradient(ellipse at 20% 0, #4b6fa8, transparent 85%), #263d66; }
body.home-page .banner .cap-person-avatar { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 16px; border: 1px solid #c8ddff4d; border-radius: 20px; background: #c8ddff17; color: #dbeaff; font-size: 26px; box-shadow: 0 0 0 6px #c8ddff05; }
body.home-page .banner .cap-employee-id h3 { color: #f5f8ff; font-size: 25px; }
body.home-page .banner .cap-employee-id .cap-text-tag { margin-top: 7px; color: #a8bfE4; font-size: 12px; }
body.home-page .banner .cap-employee-id-mark { position: absolute; right: 20px; top: 20px; color: #92b0df66; font-size: 21px; }
body.home-page .banner .cap-employee-info { padding: 18px 27px; }
body.home-page .banner .cap-employee-info > div { display: flex; align-items: center; min-height: 35px; }
body.home-page .banner .cap-employee-info > div > span { color: #9aa8be; font-size: 11px; }
body.home-page .banner .cap-employee-info strong { margin-left: auto; color: #6680a4; font-size: 12px; font-weight: 500; }
body.home-page .banner .cap-employee-ready { display: flex; align-items: center; gap: 10px; padding: 18px 26px; border-top: 1px solid #edf1f8; background: #f8fbff; }
body.home-page .banner .cap-employee-ready .cap-mini-orb { flex-basis: 26px; width: 26px; height: 26px; border-radius: 8px; font-size: 11px; }
body.home-page .banner .cap-employee-ready strong { color: #7492bf; font-size: 11px; font-weight: 500; }
body.home-page .banner .cap-credentials { display: flex; flex-direction: column; gap: 35px; }
body.home-page .banner .cap-credential { display: flex; align-items: center; gap: 12px; min-height: 87px; padding: 19px 16px; border: 1px solid #e2eaf8; border-radius: 16px; background: #ffffffb3; transition: border-color .5s, background .5s, box-shadow .5s; }
body.home-page .banner .cap-document-icon { display: grid; place-items: center; flex: 0 0 36px; height: 39px; border-radius: 11px; background: #f0f4fc; color: #a4b6d7; font-size: 17px; transition: color .5s, background .5s; }
body.home-page .banner .cap-credential strong { color: #899ab5; font-size: 13px; font-weight: 500; white-space: nowrap; }
body.home-page .banner .cap-credential-toggle { position: relative; width: 26px; height: 15px; margin-left: auto; border-radius: 20px; background: #e6ecf6; transition: background .45s; }
body.home-page .banner .cap-credential-toggle i { position: absolute; top: 3px; left: 3px; width: 9px; height: 9px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px #4b6c9b20; transition: left .45s; }
body.home-page .banner .cap-credential.is-complete { border-color: #c1d4f8; background: #fff; box-shadow: 0 9px 25px -18px #3670c44d; }
body.home-page .banner .cap-credential.is-complete strong { color: #5474a3; }
body.home-page .banner .cap-credential.is-complete .cap-document-icon { background: #eaf1ff; color: #6c94db; }
body.home-page .banner .cap-credential.is-complete .cap-credential-toggle { background: #85b8aa; }
body.home-page .banner .cap-credential.is-complete .cap-credential-toggle i { left: 14px; }
body.home-page .banner .cap-credential.is-working { box-shadow: 0 0 0 4px #81aef40d, 0 12px 28px -18px #3a72c66b; }
/* The task itself travels between board states. */
body.home-page .banner .cap-project-layout { display: flex; flex-direction: column; padding: 35px 43px; }
body.home-page .banner .cap-project-title { display: flex; align-items: center; gap: 12px; }
body.home-page .banner .cap-project-title h3 { font-size: 23px; }
body.home-page .banner .cap-project-icon { display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid #dfe8fa; border-radius: 11px; background: #eaf1ff; color: #7397d1; font-size: 16px; }
body.home-page .banner .cap-member-stack { display: flex; margin-left: auto; padding-right: 6px; }
body.home-page .banner .cap-member-stack span { display: grid; place-items: center; width: 29px; height: 29px; margin-right: -6px; border: 2px solid #fff; border-radius: 50%; background: #dae7fc; color: #6f91c4; font-size: 10px; }
body.home-page .banner .cap-member-stack span:nth-child(2) { background: #e7e2f8; color: #9a8cbe; }
body.home-page .banner .cap-member-stack span:nth-child(3) { background: #dfeee9; color: #7ca89a; }
body.home-page .banner .cap-project-track { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin: 24px 0 18px; }
body.home-page .banner .cap-project-track-base,
body.home-page .banner .cap-project-track-fill { position: absolute; top: 13px; left: 16.6%; right: 16.6%; height: 1px; background: #d9e3f4; }
body.home-page .banner .cap-project-track-fill { right: auto; max-width: 66.8%; height: 2px; background: linear-gradient(90deg, #94b6f5, #5f94f0); transition: width 1s cubic-bezier(.2,.7,.3,1); }
body.home-page .banner .cap-milestone { position: relative; display: flex; flex-direction: column; align-items: center; gap: 7px; }
body.home-page .banner .cap-milestone > span { display: grid; place-items: center; width: 27px; height: 27px; border: 4px solid #f3f6fc; border-radius: 50%; background: #dce6f6; color: #a3b6d3; font-size: 9px; transition: background .4s, color .4s; }
body.home-page .banner .cap-milestone strong { color: #9caac1; font-size: 10px; font-weight: 500; }
body.home-page .banner .cap-milestone.is-active > span { background: #6798f1; color: #fff; box-shadow: 0 0 0 1px #bfd3f9; }
body.home-page .banner .cap-milestone.is-active strong { color: #5d85c3; }
body.home-page .banner .cap-milestone.is-done > span { background: #8fbfb1; color: #fff; }
body.home-page .banner .cap-project-board { --board-gap: 22px; position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--board-gap); min-height: 304px; }
body.home-page .banner .cap-board-lane { min-width: 0; padding: 17px; border: 1px solid #e3eaf6; border-radius: 15px; background: #ebf0f9a6; }
body.home-page .banner .cap-lane-label { display: flex; align-items: center; gap: 8px; color: #91a1ba; font-size: 11px; }
body.home-page .banner .cap-lane-dot { width: 5px; height: 5px; border-radius: 50%; background: #b2bfd2; }
body.home-page .banner .cap-lane-dot.dot-1 { background: #7da3ea; }
body.home-page .banner .cap-lane-dot.dot-2 { background: #8bb8a9; }
body.home-page .banner .cap-lane-placeholder { display: flex; flex-direction: column; gap: 10px; height: 93px; margin-top: 25px; padding: 18px; border: 1px dashed #d7e2f3; border-radius: 11px; }
body.home-page .banner .cap-lane-placeholder i { width: 80%; height: 3px; border-radius: 2px; background: #dce5f3; }
body.home-page .banner .cap-lane-placeholder i:nth-child(2) { width: 57%; }
body.home-page .banner .cap-lane-placeholder i:nth-child(3) { width: 33%; }
body.home-page .banner .cap-moving-task { position: absolute; top: 43px; left: calc(var(--task-column) * ((100% + var(--board-gap)) / 3) + 12px); z-index: 2; width: calc((100% - var(--board-gap) * 2) / 3 - 24px); padding: 19px; border: 1px solid #c5d8fa; border-radius: 13px; background: #fff; box-shadow: 0 14px 27px -14px #4b76b855, 0 2px 4px #3a5c9010; transition: left 1.1s cubic-bezier(.2,.8,.25,1), border-color .5s; }
body.home-page .banner .cap-task-label { display: flex; align-items: center; gap: 6px; color: #88a2cd; font-size: 9px; }
body.home-page .banner .cap-task-label b { margin-left: auto; padding: 4px 6px; border-radius: 4px; background: #edf3ff; color: #7a9cd5; font-size: 9px; font-weight: 400; }
body.home-page .banner .cap-moving-task h4 { margin: 14px 0; font-size: 18px; }
body.home-page .banner .cap-task-check { display: flex; align-items: center; gap: 7px; min-height: 25px; color: #a6b2c5; font-size: 10px; transition: color .5s; }
body.home-page .banner .cap-task-check > i { display: grid; place-items: center; width: 11px; height: 11px; border: 1px solid #d7e2f5; border-radius: 3px; color: transparent; font-size: 6px; transition: background .5s, color .5s; }
body.home-page .banner .cap-task-check.is-complete { color: #7188a8; }
body.home-page .banner .cap-task-check.is-complete > i { border-color: #8cb9aa; background: #8cb9aa; color: #fff; }
body.home-page .banner .cap-task-file { display: flex; align-items: center; gap: 7px; margin-top: 12px; padding: 10px; border: 1px solid #edf2fa; border-radius: 7px; background: #f7faff; color: #86a0c6; font-size: 9px; }
body.home-page .banner .cap-task-file i { font-size: 13px; }
body.home-page .banner .cap-task-owner { display: flex; align-items: center; gap: 7px; margin-top: 14px; }
body.home-page .banner .cap-task-owner .cap-row-avatar { flex-basis: 22px; width: 22px; height: 22px; border-radius: 7px; font-size: 9px; }
body.home-page .banner .cap-task-owner strong { color: #8da0bf; font-size: 9px; font-weight: 400; }
body.home-page .banner .cap-task-owner > i { margin-left: auto; color: #aec1dd; font-size: 9px; }
body.home-page .banner .cap-moving-task.is-complete { border-color: #badacd; }
body.home-page .banner .cap-moving-task.is-complete .cap-task-label b { background: #ecf7f2; color: #82b49e; }
body.home-page .banner .cap-project-bottom { display: flex; align-items: center; gap: 10px; margin-top: 17px; color: #8098bb; font-size: 11px; }
body.home-page .banner .cap-project-bottom .cap-mini-orb { flex-basis: 25px; width: 25px; height: 25px; border-radius: 8px; font-size: 10px; }
body.home-page .banner .cap-project-bottom strong { font-size: 11px; font-weight: 500; }
body.home-page .banner .cap-synced-mark { display: inline-flex; align-items: center; gap: 5px; margin-left: auto; color: #96b0a7; font-size: 10px; }
/* A scan line and timed document states connect the invoice with its results. */
body.home-page .banner .cap-finance-layout { display: grid; grid-template-columns: 370px 100px 320px; align-items: center; justify-content: space-between; padding: 42px 63px; }
body.home-page .banner .cap-invoice-stack { margin-top: 10px; }
body.home-page .banner .cap-invoice { position: relative; overflow: hidden; border: 1px solid #d8e4f7; border-radius: 17px; background: #fff; box-shadow: 0 24px 45px -25px #294b8945; }
body.home-page .banner .cap-invoice-head { display: flex; align-items: center; height: 65px; padding: 0 24px; border-top: 3px solid #7fa8ee; border-bottom: 1px solid #e6edf8; background: #f8fbff; }
body.home-page .banner .cap-invoice-head strong { color: #5b79a6; font-size: 17px; font-weight: 500; letter-spacing: 3px; }
body.home-page .banner .cap-invoice-head > span { display: flex; align-items: center; gap: 5px; margin-left: auto; color: #91b0a1; font-size: 10px; }
body.home-page .banner .cap-invoice-content { position: relative; min-height: 283px; padding: 27px 24px 32px; }
body.home-page .banner .cap-invoice-content > .cap-section-label { color: #9baac0; font-size: 11px; }
body.home-page .banner .cap-invoice-amount { display: block; margin: 12px 0 20px; color: #2d4871; font-size: 36px; font-weight: 500; letter-spacing: -1.1px; }
body.home-page .banner .cap-invoice-amount > span { margin-right: 7px; color: #91a7c8; font-size: 19px; font-weight: 400; }
body.home-page .banner .cap-invoice-rule { height: 1px; margin: 16px 0; background: #e9eff8; }
body.home-page .banner .cap-invoice-facts { margin: 0; }
body.home-page .banner .cap-invoice-facts > div { display: flex; align-items: center; min-height: 30px; }
body.home-page .banner .cap-invoice-facts dt { color: #a0aec3; font-size: 10px; }
body.home-page .banner .cap-invoice-facts dd { margin-left: auto; color: #768cac; font-size: 11px; }
body.home-page .banner .cap-invoice-facts dd.cap-accent-text { color: #7b9fcf; }
body.home-page .banner .cap-invoice-code { display: flex; gap: 3px; margin-top: 23px; opacity: .25; }
body.home-page .banner .cap-invoice-code i { width: 2px; height: 13px; background: #7f9bc5; }
body.home-page .banner .cap-invoice-code i:nth-child(3n) { width: 5px; }
body.home-page .banner .cap-invoice-scan { position: absolute; top: 62px; left: 0; right: 0; height: 70px; border-bottom: 1px solid #7aa8f5c2; background: linear-gradient(180deg, #7aa8f500, #7aa8f514); pointer-events: none; animation: cap-invoice-scan 6.3s cubic-bezier(.2,.6,.3,1) infinite; }
body.home-page .banner .cap-invoice-stamp { position: absolute; right: 27px; bottom: 28px; display: grid; place-items: center; width: 37px; height: 37px; border: 1px solid #8ebfab77; border-radius: 50%; color: #8ebfab; font-size: 16px; opacity: 0; box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 4px #8ebfab44; transition: opacity .6s; }
body.home-page .banner .cap-invoice-stamp.is-revealed { opacity: 1; }
body.home-page .banner .cap-finance-core { display: flex; flex-direction: column; align-items: center; gap: 15px; }
body.home-page .banner .cap-finance-core .cap-mini-orb { width: 58px; height: 58px; border-radius: 19px; font-size: 22px; box-shadow: 0 0 0 10px #699af60a, 0 0 0 20px #699af605, 0 8px 22px #4b85f535; animation: cap-core-breathe 3.15s ease-in-out infinite; }
body.home-page .banner .cap-finance-core strong { color: #89a2c5; font-size: 11px; font-weight: 500; }
body.home-page .banner .cap-finance-outputs { display: flex; flex-direction: column; gap: 18px; padding-bottom: 42px; }
body.home-page .banner .cap-output { display: flex; align-items: center; gap: 15px; min-height: 85px; padding: 18px; border: 1px solid #e0e8f6; border-radius: 15px; background: #ffffffba; transition: border-color .5s, box-shadow .5s, background .5s; }
body.home-page .banner .cap-output-icon { display: grid; place-items: center; flex: 0 0 42px; height: 46px; border: 1px solid #e2eafa; border-radius: 11px; background: #f3f7fd; color: #a1b7d8; font-size: 20px; }
body.home-page .banner .cap-output:nth-child(2) .cap-output-icon { color: #a49cc7; background: #f5f2fc; border-color: #ebe5f8; }
body.home-page .banner .cap-output:nth-child(3) .cap-output-icon { color: #8eb5ab; background: #eff8f4; border-color: #e1efe9; }
body.home-page .banner .cap-output > div { flex: 1; }
body.home-page .banner .cap-output strong { color: #8ba0bd; font-size: 13px; font-weight: 500; transition: color .5s; }
body.home-page .banner .cap-document-lines { display: flex; flex-direction: column; gap: 4px; margin-top: 10px; }
body.home-page .banner .cap-document-lines i { width: 72px; height: 2px; border-radius: 2px; background: #dfe7f4; }
body.home-page .banner .cap-document-lines i:nth-child(2) { width: 45px; }
body.home-page .banner .cap-output > i { margin-left: auto; color: #b2d2c4; font-size: 13px; opacity: .15; transition: opacity .5s; }
body.home-page .banner .cap-output.is-complete { border-color: #c1d5f7; background: #fff; box-shadow: 0 10px 28px -20px #325d9b50; }
body.home-page .banner .cap-output.is-complete strong { color: #5b79a5; }
body.home-page .banner .cap-output.is-complete > i { opacity: 1; }
body.home-page .banner .cap-output.is-working { border-color: #a7c7ff; box-shadow: 0 0 0 4px #84b1ff0d; }
body.home-page .banner .cap-finance-seal { position: absolute; bottom: -15px; left: 0; right: 0; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 15px; border: 1px solid #d9e5f9; border-radius: 12px; background: #ecf3ff; color: #7e9dc6; font-size: 11px; opacity: .4; transition: opacity .5s, background .5s; }
body.home-page .banner .cap-finance-seal.is-ready { opacity: 1; background: #e8f0ff; }
body.home-page .banner .cap-swap-enter-active,
body.home-page .banner .cap-swap-leave-active { transition: opacity .2s; }
body.home-page .banner .cap-swap-enter,
body.home-page .banner .cap-swap-leave-to { opacity: 0; }
@keyframes cap-data-flow { to { stroke-dashoffset: -128; } }
@keyframes cap-profile-scan { 0% { opacity: 0; top: -60%; } 12% { opacity: 1; } 55%, 100% { opacity: 0; top: 60%; } }
@keyframes cap-spark-ring { 0% { opacity: .8; } 100% { inset: -19px; opacity: 0; border-radius: 35px; } }
@keyframes cap-line-glow { 50% { opacity: .35; } }
@keyframes cap-typing { 50% { opacity: .25; } }
@keyframes cap-wave { to { height: 4px; opacity: .5; } }
@keyframes cap-source-pulse { to { box-shadow: 0 0 0 7px #6b9af600; } 0% { box-shadow: 0 0 0 0 #6b9af644; } }
@keyframes cap-core-breathe { 50% { box-shadow: 0 14px 34px #487bd661, inset 0 1px 1px #ffffffb0; } }
@keyframes cap-orbit-spin { to { transform: rotate(360deg); } }
@keyframes cap-invoice-scan { 0% { top: 62px; opacity: 0; } 8% { opacity: 1; } 46% { top: 82%; opacity: 1; } 52%, 100% { top: 82%; opacity: 0; } }
/* Website storytelling sits above the live product composition. */
body.home-page .banner .cap-scene-heading { position: absolute; z-index: 3; top: 30px; left: 43px; right: 43px; display: flex; align-items: flex-start; justify-content: space-between; pointer-events: none; }
body.home-page .banner .cap-eyebrow { display: block; color: #7d9ac4; font-size: 9px; font-weight: 500; letter-spacing: 2px; }
body.home-page .banner .cap-scene-heading h2 { margin: 11px 0 9px; color: #243b60; font-size: 28px; line-height: 1.25; font-weight: 600; letter-spacing: -1px; }
body.home-page .banner .cap-scene-heading p { margin: 0; color: #90a0b9; font-size: 12px; line-height: 1.6; }
body.home-page .banner .cap-scene-number { display: inline-flex; align-items: center; gap: 9px; padding-top: 3px; color: #91a9cc; font-size: 17px; font-weight: 300; letter-spacing: .5px; }
body.home-page .banner .cap-scene-number i { margin: 0 2px; color: #c4d1e4; font-size: 11px; font-style: normal; }
body.home-page .banner .cap-scene-number { background: linear-gradient(90deg, #83a4db, #c4d1e4); background-clip: text; -webkit-background-clip: text; }
body.home-page .banner .cap-workspace { padding-top: 135px; padding-bottom: 25px; }
body.home-page .banner .cap-connections { top: 49px; height: calc(100% - 20px); }
body.home-page .banner .cap-client-focus { padding: 23px 26px; }
body.home-page .banner .cap-identity { margin: 21px 0 17px; }
body.home-page .banner .cap-fact-list > div { min-height: 42px; }
body.home-page .banner .cap-intelligence { padding: 24px; }
body.home-page .banner .cap-ai-spark { margin-bottom: 22px; }
body.home-page .banner .cap-intelligence-tags { display: flex; flex-direction: column; gap: 11px; margin: 22px 0; }
body.home-page .banner .cap-intelligence-tags span { display: inline-flex; align-items: center; gap: 7px; color: #95b0d9; font-size: 11px; opacity: .35; transition: color .45s, opacity .45s; }
body.home-page .banner .cap-intelligence-tags i { color: #9fceb9; font-size: 8px; }
body.home-page .banner .cap-intelligence-tags .is-detected { color: #c4d8f6; opacity: 1; }
body.home-page .banner .cap-conversation { height: 393px; }
body.home-page .banner .cap-message p { font-size: 13px; padding: 12px; }
body.home-page .banner .cap-message-list { gap: 23px; }
body.home-page .banner .cap-service-result { margin-top: 32px; }
body.home-page .banner .cap-growth-core { padding-top: 85px; padding-bottom: 40px; }
body.home-page .banner .cap-core-orbit { top: 24px; }
body.home-page .banner .cap-core-orbit.orbit-b { top: 43px; }
body.home-page .banner .cap-core-orbit.orbit-c { top: -1px; }
body.home-page .banner .cap-orbit-satellite { top: 20px; }
body.home-page .banner .cap-sources > .cap-section-label { margin-bottom: 17px; }
body.home-page .banner .cap-source { min-height: 74px; }
body.home-page .banner .cap-source + .cap-source { margin-top: 23px; }
body.home-page .banner .cap-lead-stack { margin-top: 5px; }
body.home-page .banner .cap-lead-object { padding-top: 20px; padding-bottom: 23px; }
body.home-page .banner .cap-lead-object h3 { margin-top: 18px; }
body.home-page .banner .cap-employee-id { padding: 25px; }
body.home-page .banner .cap-person-avatar { width: 56px; height: 56px; margin-bottom: 12px; border-radius: 18px; font-size: 24px; }
body.home-page .banner .cap-employee-info { padding-top: 12px; padding-bottom: 12px; }
body.home-page .banner .cap-employee-ready { padding-top: 14px; padding-bottom: 14px; }
body.home-page .banner .cap-credentials { gap: 27px; }
body.home-page .banner .cap-credential { min-height: 79px; }
body.home-page .banner .cap-project-layout { padding-top: 137px; padding-bottom: 25px; }
body.home-page .banner .cap-project-title h3 { font-size: 17px; }
body.home-page .banner .cap-project-icon { width: 28px; height: 28px; border-radius: 9px; font-size: 13px; }
body.home-page .banner .cap-project-track { margin: 12px 0 14px; }
body.home-page .banner .cap-project-board { min-height: 267px; }
body.home-page .banner .cap-moving-task { padding: 15px 19px; }
body.home-page .banner .cap-task-owner { margin-top: 10px; }
body.home-page .banner .cap-task-file { margin-top: 9px; padding: 8px 10px; }
body.home-page .banner .cap-task-check { min-height: 24px; }
body.home-page .banner .cap-project-bottom { margin-top: 12px; }
body.home-page .banner .cap-finance-layout { padding-top: 135px; padding-bottom: 25px; }
body.home-page .banner .cap-invoice-content { min-height: 265px; padding-top: 23px; padding-bottom: 24px; }
body.home-page .banner .cap-output-state { display: block; margin-top: 9px; color: #a3b5ce; font-size: 10px; }
body.home-page .banner .cap-output.is-complete .cap-output-state { color: #8caaa0; }
/* Each capability has a distinct palette; typography and surface treatment stay shared. */
body.home-page .banner .cap-crm { --cap-accent: #5573f2; --cap-ink: #24345c; --cap-glow: #dce5ff; background: radial-gradient(ellipse at 65% 75%, #dedcfa99, transparent 63%), radial-gradient(ellipse at 10% 5%, #e4eeff, transparent 57%), #f6f8ff; }
body.home-page .banner .cap-service { --cap-accent: #19a7b2; --cap-ink: #1b4b57; --cap-glow: #cdeff0; background: radial-gradient(ellipse at 67% 78%, #d2f0e8c2, transparent 66%), radial-gradient(ellipse at 0 0, #def2ff, transparent 62%), #f5fbfc; }
body.home-page .banner .cap-marketing { --cap-accent: #9460e7; --cap-ink: #493663; --cap-glow: #e5d8fa; background: radial-gradient(ellipse at 50% 55%, #e5d6ffb3, transparent 66%), radial-gradient(ellipse at 100% 10%, #f9e2f3, transparent 58%), #f9f6ff; }
body.home-page .banner .cap-hrm { --cap-accent: #d98766; --cap-ink: #65433e; --cap-glow: #f6dacf; background: radial-gradient(ellipse at 52% 70%, #f8dcccc4, transparent 66%), radial-gradient(ellipse at 100% 0, #fcf1db, transparent 60%), #fff9f5; }
body.home-page .banner .cap-progress { --cap-accent: #6965dc; --cap-ink: #383765; --cap-glow: #dedcfc; background: radial-gradient(ellipse at 45% 75%, #dfdefac4, transparent 66%), radial-gradient(ellipse at 100% 0, #e2ecff, transparent 60%), #f7f8ff; }
body.home-page .banner .cap-finance { --cap-accent: #32a48d; --cap-ink: #24594d; --cap-glow: #d2eee2; background: radial-gradient(ellipse at 72% 64%, #d2efdfb3, transparent 66%), radial-gradient(ellipse at 0 0, #f7eed9, transparent 58%), #f7fbf7; }
body.home-page .banner .cap-scene-heading h2 { color: var(--cap-ink); }
body.home-page .banner .cap-scene-heading em { color: var(--cap-accent); font-style: normal; }
body.home-page .banner .cap-eyebrow { color: var(--cap-accent); opacity: .78; }
body.home-page .banner .cap-scene-number { color: var(--cap-accent); opacity: .58; }
body.home-page .banner .cap-connections { stroke: var(--cap-accent); stroke-opacity: .21; }
body.home-page .banner .cap-connections .cap-flow { stroke: var(--cap-accent); stroke-opacity: .72; }
body.home-page .banner .cap-crm .cap-intelligence { border-color: #7565b5; background: radial-gradient(ellipse at 5% 0, #6b70c8aa, transparent 80%), linear-gradient(140deg, #3a467e, #50406f); box-shadow: 0 22px 45px -23px #6652a966; }
body.home-page .banner .cap-crm .cap-ai-spark { border-color: #b1a6fa70; background: linear-gradient(135deg, #9cb7ff40, #ad8fef20); color: #e4dcff; box-shadow: 0 0 32px #b7a2f633, inset 0 0 20px #c9bbff14; }
body.home-page .banner .cap-crm .cap-insight-result { color: #b5e8dc; }
body.home-page .banner .cap-crm .cap-customer-row.is-active { background: linear-gradient(100deg, #eef2ff, #fafbff); border-color: #a4b8f8; box-shadow: inset 3px 0 #6683f2, 0 8px 24px -15px #6683f280; }
body.home-page .banner .cap-crm .cap-customer-row.is-active .cap-row-state { padding: 5px 7px; border-radius: 6px; background: #dfe7ff; color: #6680cf; }
body.home-page .banner .cap-service .cap-session.is-active { border-color: #addddc; background: linear-gradient(110deg, #e6f7f4, #fff); box-shadow: inset 3px 0 #4bb5af, 0 9px 25px -16px #4b9d9870; }
body.home-page .banner .cap-service .cap-row-avatar { border-color: #cbe9e8; background: linear-gradient(140deg, #e6f7f4, #d9f0f3); color: #509fa3; }
body.home-page .banner .cap-service .cap-conversation { border-color: #c8e4e8; box-shadow: 0 24px 45px -28px #3f8f8e55; }
body.home-page .banner .cap-service .cap-conversation-head strong { color: #3e777c; }
body.home-page .banner .cap-service .cap-message.assistant p { background: #e2f5f2; color: #3b8783; }
body.home-page .banner .cap-service .cap-message.assistant .cap-message-avatar { background: linear-gradient(145deg, #66c7c0, #2c9fA6); box-shadow: 0 4px 10px #49a6a72b; }
body.home-page .banner .cap-service .cap-resolution { border-color: #2b7d81; background: radial-gradient(ellipse at 0 0, #418f9a, transparent 85%), linear-gradient(140deg, #285c6c, #225b60); box-shadow: 0 22px 40px -22px #237c7d66; }
body.home-page .banner .cap-service .cap-resolution-list > div.is-complete { color: #c1e6e3; }
body.home-page .banner .cap-service .cap-resolution-list > div { color: #9acacb; }
body.home-page .banner .cap-service .cap-typing { background: #e2f5f2; }
body.home-page .banner .cap-service .cap-typing i,
body.home-page .banner .cap-service .cap-wave i { background: #71b9b4; }
body.home-page .banner .cap-marketing .cap-core-icon { background: linear-gradient(140deg, #d0abf5, #a16de5 40%, #7761d7); border-color: #e0c4ff; box-shadow: 0 17px 38px #9765d14f, inset 0 1px 2px #ffffffaa; animation-name: cap-violet-breathe; }
body.home-page .banner .cap-marketing .cap-core-halo { background: linear-gradient(135deg, #fcf6ffcc, #eadbf688); border-color: #fff; box-shadow: 0 0 70px #b98ee24d, inset 0 0 30px #fff; }
body.home-page .banner .cap-marketing .cap-core-orbit { border-color: #b7a0da55; }
body.home-page .banner .cap-marketing .cap-core-orbit.orbit-b { border-color: #bd9edb80; }
body.home-page .banner .cap-marketing .cap-orbit-satellite { background: #b68be7; box-shadow: 0 0 0 6px #bc91ec19, 0 0 16px #b98add55; }
body.home-page .banner .cap-marketing .cap-growth-core h3 { color: #725399; }
body.home-page .banner .cap-marketing .cap-core-wave i { background: #ba96dc; }
body.home-page .banner .cap-marketing .cap-source.is-active { border-color: #c4a4eb; background: #fdfaff; box-shadow: 0 12px 28px -17px #ab77d980; }
body.home-page .banner .cap-marketing .cap-source.is-active .cap-source-pulse { background: #ab80db; }
body.home-page .banner .cap-marketing .cap-source:first-of-type .cap-source-icon { background: #eee5fb; color: #ab83d4; }
body.home-page .banner .cap-marketing .cap-lead-result { border-color: #d9c8ec; box-shadow: 0 26px 45px -25px #8b61b55c; }
body.home-page .banner .cap-marketing .cap-result-label { background: linear-gradient(90deg, #f3eafb, #fff); border-bottom-color: #eee4f6; }
body.home-page .banner .cap-marketing .cap-lead-object .cap-company-icon { border-color: #e4d2f6; background: linear-gradient(145deg, #f0e5fc, #fcf9ff); color: #a07bcc; }
body.home-page .banner .cap-marketing .cap-lead-object h3 { color: #60427f; }
body.home-page .banner .cap-marketing .cap-lead-footer { border-color: #eee4f6; background: #f6effc; color: #a285bf; }
body.home-page .banner .cap-marketing .cap-stack-layer { border-color: #e1d3ef; background: #faf6ff; }
body.home-page .banner .cap-hrm .cap-team-row.is-active { border-color: #edbfaa; background: linear-gradient(100deg, #fff0e6, #fff); box-shadow: inset 3px 0 #d89472, 0 7px 20px -15px #d8947280; }
body.home-page .banner .cap-hrm .cap-row-avatar { border-color: #f0ddd0; background: linear-gradient(145deg, #fff2e7, #f7e3d6); color: #c5987e; }
body.home-page .banner .cap-hrm .cap-employee { border-color: #ebcfc1; box-shadow: 0 24px 45px -25px #b17e685c; }
body.home-page .banner .cap-hrm .cap-employee-id { background: radial-gradient(ellipse at 5% 0, #e8b39480, transparent 85%), linear-gradient(135deg, #bc8c7b, #a16c6d); }
body.home-page .banner .cap-hrm .cap-person-avatar { border-color: #ffe3cf80; color: #fff6ed; background: #ffedda1c; }
body.home-page .banner .cap-hrm .cap-employee-id .cap-text-tag { color: #f0d7ca; }
body.home-page .banner .cap-hrm .cap-employee-id-mark { color: #ffe9d944; }
body.home-page .banner .cap-hrm .cap-employee-ready { background: #fff8f1; border-color: #f4e7de; }
body.home-page .banner .cap-hrm .cap-employee-ready .cap-mini-orb { background: linear-gradient(140deg, #e1b18e, #ce9278); border-color: #e9ba9e; box-shadow: 0 4px 12px #c9896b35; }
body.home-page .banner .cap-hrm .cap-employee-ready strong { color: #bc957e; }
body.home-page .banner .cap-hrm .cap-credential.is-complete { border-color: #e7c8b8; box-shadow: 0 9px 25px -18px #b7866980; }
body.home-page .banner .cap-hrm .cap-credential:nth-child(1) .cap-document-icon { background: #fff0e5; color: #d0a17f; }
body.home-page .banner .cap-hrm .cap-credential:nth-child(2) .cap-document-icon { background: #f2ebf9; color: #ac93c6; }
body.home-page .banner .cap-hrm .cap-credential:nth-child(3) .cap-document-icon { background: #e9f5f1; color: #87b6a5; }
body.home-page .banner .cap-progress .cap-board-lane:nth-child(1) { border-color: #e8decf; background: #f3eee6b3; }
body.home-page .banner .cap-progress .cap-board-lane:nth-child(2) { border-color: #d8ddf7; background: #e8ecfcb3; }
body.home-page .banner .cap-progress .cap-board-lane:nth-child(3) { border-color: #d1e8e1; background: #e9f4edb3; }
body.home-page .banner .cap-progress .cap-lane-dot.dot-0 { background: #c5a075; }
body.home-page .banner .cap-progress .cap-lane-dot.dot-1 { background: #9288d7; }
body.home-page .banner .cap-progress .cap-lane-dot.dot-2 { background: #77b29b; }
body.home-page .banner .cap-progress .cap-moving-task { border-color: #bdb9ee; border-top: 3px solid #958be1; box-shadow: 0 15px 30px -14px #8278bc66; }
body.home-page .banner .cap-progress .cap-moving-task.is-complete { border-color: #badacd; border-top-color: #89b9a6; }
body.home-page .banner .cap-progress .cap-project-track-fill { background: linear-gradient(90deg, #9299e6, #a38bd9); }
body.home-page .banner .cap-progress .cap-milestone.is-active > span { background: #9a8bd7; }
body.home-page .banner .cap-progress .cap-task-label b { background: #f0ecfc; color: #a08acb; }
body.home-page .banner .cap-progress .cap-task-file { background: #f6f3fe; border-color: #ebe5f8; color: #a08abb; }
body.home-page .banner .cap-progress .cap-project-bottom .cap-mini-orb { background: linear-gradient(145deg, #a199e6, #8179cf); border-color: #b4abea; box-shadow: 0 5px 15px #8c7dce40; }
body.home-page .banner .cap-finance .cap-invoice { border-color: #e8dcc3; box-shadow: 0 24px 45px -25px #a39b6255; }
body.home-page .banner .cap-finance .cap-invoice-head { border-top-color: #c7ae79; border-bottom-color: #eee5d3; background: linear-gradient(110deg, #faf4e7, #fffdf7); }
body.home-page .banner .cap-finance .cap-invoice-head strong { color: #ac956d; }
body.home-page .banner .cap-finance .cap-invoice-head > span { color: #8ba990; }
body.home-page .banner .cap-finance .cap-invoice-amount { color: #57796b; }
body.home-page .banner .cap-finance .cap-invoice-content .cap-section-label { color: #b5a990; }
body.home-page .banner .cap-finance .cap-invoice-scan { border-bottom-color: #80b9a8cc; background: linear-gradient(180deg, #80b9a800, #80b9a81f); }
body.home-page .banner .cap-finance .cap-finance-core .cap-mini-orb { background: linear-gradient(140deg, #88c5ad, #3b9f91); border-color: #a1cdbd; box-shadow: 0 0 0 10px #7dbca20d, 0 0 0 20px #7dbca208, 0 8px 22px #4b997a44; animation-name: cap-green-breathe; }
body.home-page .banner .cap-finance .cap-output.is-complete { border-color: #bad9c8; box-shadow: 0 10px 28px -20px #608c7070; }
body.home-page .banner .cap-finance .cap-output.is-complete strong { color: #658b76; }
body.home-page .banner .cap-finance .cap-output.is-working { border-color: #9bc8b1; box-shadow: 0 0 0 4px #91bea10d; }
body.home-page .banner .cap-finance .cap-output:nth-child(1) .cap-output-icon { color: #baa16a; border-color: #efe5ce; background: #fcf7ec; }
body.home-page .banner .cap-finance .cap-finance-seal { border-color: #8fbcaa; color: #e3f5ec; background: linear-gradient(110deg, #69a58e, #558f80); box-shadow: 0 10px 20px -12px #5a9e7d66; }
body.home-page .banner .cap-finance .cap-finance-seal.is-ready { background: linear-gradient(110deg, #69a58e, #558f80); }
@keyframes cap-violet-breathe { 50% { box-shadow: 0 17px 42px #9765d16b, inset 0 1px 2px #ffffffaa; } }
@keyframes cap-green-breathe { 50% { box-shadow: 0 0 0 12px #7dbca212, 0 0 0 23px #7dbca205, 0 9px 25px #4b997a55; } }
/* Neutral presentation canvas; color belongs to the product and its important states. */
body.home-page .banner .cap-scene { --cap-ink: #1c2b43; background: radial-gradient(ellipse at 50% 95%, #eef0f5 0, transparent 65%), #fbfcfe; }
body.home-page .banner .cap-crm { --cap-accent: #2868ee; --cap-ink: #1c2b43; }
body.home-page .banner .cap-service { --cap-accent: #078d91; --cap-ink: #1c2b43; }
body.home-page .banner .cap-marketing { --cap-accent: #8650d4; --cap-ink: #1c2b43; }
body.home-page .banner .cap-hrm { --cap-accent: #da7248; --cap-ink: #1c2b43; }
body.home-page .banner .cap-progress { --cap-accent: #6458d7; --cap-ink: #1c2b43; }
body.home-page .banner .cap-finance { --cap-accent: #168b71; --cap-ink: #1c2b43; }
body.home-page .banner .cap-scene-heading h2 { color: #1b2940; }
body.home-page .banner .cap-scene-heading p { color: #69788f; }
body.home-page .banner .cap-eyebrow { opacity: 1; }
body.home-page .banner .cap-scene-number { opacity: .78; }
body.home-page .banner .cap-profile-top .cap-section-label,
body.home-page .banner .cap-client-roster > .cap-section-label,
body.home-page .banner .cap-session-list > .cap-section-label,
body.home-page .banner .cap-sources > .cap-section-label,
body.home-page .banner .cap-team > .cap-section-label { color: #697b93; }
body.home-page .banner .cap-customer-row,
body.home-page .banner .cap-team-row { background: #fff; border-color: #e1e6ed; }
body.home-page .banner .cap-customer-row strong,
body.home-page .banner .cap-team-row strong { color: #384b65; font-weight: 500; }
body.home-page .banner .cap-crm .cap-customer-row.is-active { border-color: #8baef2; background: #f7faff; box-shadow: inset 3px 0 #3979f3, 0 9px 24px -16px #3979f380; }
body.home-page .banner .cap-crm .cap-customer-row.is-active strong { color: #224f9c; }
body.home-page .banner .cap-crm .cap-customer-row:nth-of-type(1) .cap-row-avatar { background: #e7efff; border-color: #d2e0fb; color: #3b74d8; }
body.home-page .banner .cap-crm .cap-customer-row:nth-of-type(2) .cap-row-avatar { background: #fff1d9; border-color: #f1dfbf; color: #bc852e; }
body.home-page .banner .cap-crm .cap-customer-row:nth-of-type(3) .cap-row-avatar { background: #e4f5ec; border-color: #cee7db; color: #368b68; }
body.home-page .banner .cap-crm .cap-customer-row .cap-row-state { padding: 5px 7px; border-radius: 5px; background: #f2f4f7; color: #738199; }
body.home-page .banner .cap-crm .cap-customer-row:nth-of-type(1) .cap-row-state { background: #fff3dd; color: #b37b21; }
body.home-page .banner .cap-crm .cap-customer-row:nth-of-type(2) .cap-row-state { background: #f0eafa; color: #8664b6; }
body.home-page .banner .cap-crm .cap-customer-row:nth-of-type(3) .cap-row-state { background: #e7f5ed; color: #4b9273; }
body.home-page .banner .cap-identity h3 { color: #1d2b42; }
body.home-page .banner .cap-identity .cap-text-tag { color: #748399; }
body.home-page .banner .cap-company-icon.company-1 { background: #fff3df; border-color: #f2e0bd; color: #c08a32; }
body.home-page .banner .cap-company-icon.company-2 { background: #e7f5ee; border-color: #cce7d9; color: #439471; }
body.home-page .banner .cap-fact-list dt { color: #7d899a; }
body.home-page .banner .cap-fact-list dd { color: #344963; }
body.home-page .banner .cap-fact-list dd.cap-accent-text { color: #2e6ada; }
body.home-page .banner .cap-fact-list > div.is-illuminated { background: #edf4ff; }
body.home-page .banner .cap-relationship { color: #6f829c; }
body.home-page .banner .cap-floating-chip { color: #4a607d; border-color: #e9eef5; background: #fff; }
body.home-page .banner .cap-crm .cap-floating-chip > i { background: #fff2dc; color: #c08b33; }
body.home-page .banner .cap-crm .cap-intelligence { border-color: #2f62bc; background: radial-gradient(ellipse at 100% 0, #2a8cfca6, transparent 74%), linear-gradient(145deg, #2058b6, #15336f); box-shadow: 0 22px 43px -22px #234f9c88; }
body.home-page .banner .cap-crm .cap-ai-spark { border-color: #9bccff80; background: #b9ddff1c; color: #fff; box-shadow: 0 0 32px #90c5ff33, inset 0 0 20px #c9e3ff14; }
body.home-page .banner .cap-crm .cap-ai-spark b { border-color: #94c5ff44; }
body.home-page .banner .cap-crm .cap-intelligence .cap-section-label { color: #bad6ff; }
body.home-page .banner .cap-crm .cap-intelligence h3 { color: #fff; font-size: 20px; }
body.home-page .banner .cap-crm .cap-intelligence-tags span { color: #c7dcff; opacity: .65; }
body.home-page .banner .cap-crm .cap-intelligence-tags .is-detected { color: #eff6ff; opacity: 1; }
body.home-page .banner .cap-crm .cap-intelligence-tags i { color: #8ee2c7; }
body.home-page .banner .cap-crm .cap-insight-result { color: #a5f0d7; font-size: 12px; opacity: .65; }
body.home-page .banner .cap-crm .cap-intelligence.is-ready .cap-insight-result { opacity: 1; }
body.home-page .banner .cap-touchpoints,
body.home-page .banner .cap-team-organization { color: #8291a7; }
body.home-page .banner .cap-service .cap-session strong { color: #687c91; }
body.home-page .banner .cap-service .cap-session.is-active { border-color: #9cd0cd; background: #f3fbf9; box-shadow: inset 3px 0 #26a49c, 0 9px 25px -16px #3a9f9670; }
body.home-page .banner .cap-service .cap-session.is-active strong,
body.home-page .banner .cap-service .cap-conversation-head strong { color: #284e58; }
body.home-page .banner .cap-service .cap-resolution { border-color: #167884; background: radial-gradient(ellipse at 0 0, #2398a7aa, transparent 85%), linear-gradient(145deg, #126f7c, #164754); box-shadow: 0 22px 40px -22px #116d7d80; }
body.home-page .banner .cap-service .cap-resolution h3 { color: #fff; }
body.home-page .banner .cap-service .cap-resolution-list > div { color: #b1dcd8; opacity: .65; }
body.home-page .banner .cap-service .cap-resolution-list > div.is-complete { color: #e2f8f0; opacity: 1; }
body.home-page .banner .cap-service .cap-message p { color: #4a5c72; background: #f0f3f7; }
body.home-page .banner .cap-service .cap-message.assistant p { background: #e0f4ed; color: #267d72; }
body.home-page .banner .cap-service .cap-message.assistant .cap-message-avatar { background: linear-gradient(145deg, #54c2b2, #168d8f); }
body.home-page .banner .cap-conversation-bottom { color: #72869e; }
body.home-page .banner .cap-attachment strong { color: #536e8c; }
body.home-page .banner .cap-marketing .cap-core-icon { background: linear-gradient(145deg, #c197ef 0, #985bdd 45%, #6f50ca 100%); }
body.home-page .banner .cap-marketing .cap-source strong { color: #4c617d; }
body.home-page .banner .cap-marketing .cap-source.is-active { border-color: #b597de; background: #fbf7ff; }
body.home-page .banner .cap-marketing .cap-growth-core h3 { color: #69449b; }
body.home-page .banner .cap-marketing .cap-lead-object h3 { color: #27364d; }
body.home-page .banner .cap-marketing .cap-result-label { color: #7a648f; }
body.home-page .banner .cap-marketing .cap-lead-result.is-ready .cap-result-label { color: #43896d; }
body.home-page .banner .cap-marketing .cap-source-icon { background: #e8efff; color: #4b7ed4; }
body.home-page .banner .cap-marketing .cap-source:nth-child(3) .cap-source-icon { background: #fff0dc; color: #c18a38; }
body.home-page .banner .cap-marketing .cap-source:nth-child(4) .cap-source-icon { background: #e3f4ed; color: #469777; }
body.home-page .banner .cap-marketing .cap-text-tag { color: #748298; }
body.home-page .banner .cap-marketing .cap-match-state { color: #5d7da8; }
body.home-page .banner .cap-marketing .cap-lead-footer { color: #8766ac; }
body.home-page .banner .cap-hrm .cap-employee-id { background: radial-gradient(ellipse at 0 0, #f3af7899, transparent 80%), linear-gradient(140deg, #dc8a5a, #b25a4c); }
body.home-page .banner .cap-hrm .cap-person-avatar { background: #fff3df26; color: #fff; }
body.home-page .banner .cap-hrm .cap-employee-id .cap-text-tag { color: #ffe7d6; }
body.home-page .banner .cap-hrm .cap-team-row.is-active { border-color: #e8b28f; background: #fff7ef; box-shadow: inset 3px 0 #df8b56, 0 7px 20px -15px #d8947280; }
body.home-page .banner .cap-hrm .cap-team-row > span:last-child { color: #8291a6; }
body.home-page .banner .cap-hrm .cap-employee-info > div > span { color: #79879b; }
body.home-page .banner .cap-hrm .cap-employee-info strong { color: #354d68; }
body.home-page .banner .cap-hrm .cap-employee-ready strong { color: #a66f49; }
body.home-page .banner .cap-hrm .cap-credential strong { color: #61758e; }
body.home-page .banner .cap-hrm .cap-credential.is-complete strong { color: #344c65; }
body.home-page .banner .cap-hrm .cap-credential:nth-child(1) .cap-document-icon { background: #e8efff; color: #5a81c5; }
body.home-page .banner .cap-hrm .cap-credential:nth-child(2) .cap-document-icon { background: #fff0dc; color: #bd8a3d; }
body.home-page .banner .cap-hrm .cap-credential:nth-child(3) .cap-document-icon { background: #e4f5ed; color: #479b75; }
body.home-page .banner .cap-hrm .cap-credential.is-complete .cap-credential-toggle { background: #58a887; }
body.home-page .banner .cap-progress .cap-project-title h3 { color: #2c3c56; }
body.home-page .banner .cap-progress .cap-lane-label { color: #5e7088; }
body.home-page .banner .cap-progress .cap-milestone strong { color: #7b8a9f; }
body.home-page .banner .cap-progress .cap-milestone.is-active strong { color: #6b56b7; }
body.home-page .banner .cap-progress .cap-moving-task { border-top-color: #7566d9; border-color: #b9b2e7; background: #fff; }
body.home-page .banner .cap-progress .cap-moving-task h4 { color: #26354c; }
body.home-page .banner .cap-progress .cap-task-label { color: #8874b9; }
body.home-page .banner .cap-progress .cap-task-check { color: #8996a8; }
body.home-page .banner .cap-progress .cap-task-check.is-complete { color: #567360; }
body.home-page .banner .cap-progress .cap-project-bottom { color: #6d648f; }
body.home-page .banner .cap-finance .cap-invoice-head strong { color: #98752c; }
body.home-page .banner .cap-finance .cap-invoice-amount { color: #245846; }
body.home-page .banner .cap-finance .cap-invoice-content .cap-section-label { color: #8a7956; }
body.home-page .banner .cap-finance .cap-invoice-facts dt { color: #7d8b9c; }
body.home-page .banner .cap-finance .cap-invoice-facts dd { color: #405972; }
body.home-page .banner .cap-finance .cap-finance-core .cap-mini-orb { background: linear-gradient(145deg, #57b99b, #138c78); }
body.home-page .banner .cap-finance .cap-finance-core strong { color: #5f8077; }
body.home-page .banner .cap-finance .cap-output strong { color: #3d5268; }
body.home-page .banner .cap-finance .cap-output.is-complete strong { color: #294d3d; }
body.home-page .banner .cap-finance .cap-output-state { color: #7b8ca0; }
body.home-page .banner .cap-finance .cap-output.is-complete .cap-output-state { color: #4d876b; }
body.home-page .banner .cap-finance .cap-output:nth-child(1) .cap-output-icon { color: #ae852c; background: #fff5dc; border-color: #efe1b9; }
body.home-page .banner .cap-finance .cap-output:nth-child(2) .cap-output-icon { color: #8b6cbb; background: #f0eafa; border-color: #e5d9f5; }
body.home-page .banner .cap-finance .cap-output:nth-child(3) .cap-output-icon { color: #3b9973; background: #e2f4e9; border-color: #cce9d9; }
body.home-page .banner .cap-finance .cap-finance-seal { color: #fff; background: linear-gradient(110deg, #359875, #237765); border-color: #4b9b7f; opacity: .7; }
body.home-page .banner .cap-finance .cap-finance-seal.is-ready { color: #fff; background: linear-gradient(110deg, #359875, #237765); opacity: 1; }
/* The primary capability composition shares the visual direction developed in Creative Production. */
body.home-page .banner .cap-customer-layout { grid-template-columns: 220px 350px minmax(0, 1fr); gap: 58px; }
body.home-page .banner .cap-crm .cap-client-focus { padding: 26px; border-color: #dbe3ef; box-shadow: 0 26px 48px -23px #233f7047, 0 4px 11px #233f7008; }
body.home-page .banner .cap-crm .cap-profile-stack .layer-one { inset: -13px -11px 13px 11px; }
body.home-page .banner .cap-crm .cap-profile-stack .layer-two { inset: -26px -22px 26px 22px; }
body.home-page .banner .cap-crm .cap-identity { gap: 12px; }
body.home-page .banner .cap-crm .cap-identity h3 { font-size: 27px; }
body.home-page .banner .cap-crm .cap-identity .cap-company-icon { flex-basis: 52px; width: 52px; height: 52px; border-radius: 15px; background: linear-gradient(145deg, #3c9bff, #1763ea); border-color: #6ca2f4; color: #fff; box-shadow: inset 0 1px #ffffff77, 0 7px 16px #4281e82b; }
body.home-page .banner .cap-crm .cap-identity .company-1 { background: linear-gradient(145deg, #ffc458, #e59426); border-color: #edba69; box-shadow: inset 0 1px #ffffff77, 0 7px 16px #dba34e2b; }
body.home-page .banner .cap-crm .cap-identity .company-2 { background: linear-gradient(145deg, #59c99e, #159d74); border-color: #72c7a8; box-shadow: inset 0 1px #ffffff77, 0 7px 16px #44a6832b; }
body.home-page .banner .cap-crm .cap-customer-row { min-height: 88px; gap: 9px; padding: 13px; border-radius: 14px; }
body.home-page .banner .cap-crm .cap-customer-row strong { font-size: 14px; color: #233852; }
body.home-page .banner .cap-crm .cap-customer-row:nth-of-type(1) .cap-row-avatar { background: linear-gradient(145deg, #45a5ff, #1964ec); border-color: #6ca5f9; color: #fff; box-shadow: 0 5px 12px #3d84e72b, inset 0 1px #ffffff66; }
body.home-page .banner .cap-crm .cap-customer-row:nth-of-type(2) .cap-row-avatar { background: linear-gradient(145deg, #ffca62, #e6942c); border-color: #f1bc6d; color: #fff; box-shadow: 0 5px 12px #dba34e2b, inset 0 1px #ffffff66; }
body.home-page .banner .cap-crm .cap-customer-row:nth-of-type(3) .cap-row-avatar { background: linear-gradient(145deg, #5bcba4, #1ba07d); border-color: #75caaa; color: #fff; box-shadow: 0 5px 12px #44a6832b, inset 0 1px #ffffff66; }
body.home-page .banner .cap-crm .cap-row-state { font-size: 9px; }
body.home-page .banner .cap-crm .cap-relationship { padding: 11px 10px; border: 1px solid #dbefe6; border-radius: 7px; background: #eef9f3; color: #46896e; }
body.home-page .banner .cap-crm .cap-crm-float { left: auto; right: -15px; bottom: -19px; padding: 11px 14px; }
body.home-page .banner .cap-crm .cap-intelligence { padding: 27px 24px 22px; border-radius: 19px; border-color: #357cea; border-top-color: #84c7ff; background: radial-gradient(ellipse at 100% 0, #258cfa9c, transparent 72%), linear-gradient(145deg, #1c59bf, #142c63); box-shadow: 0 22px 43px -22px #234f9c88, inset 1px 0 #99cfff45; }
body.home-page .banner .cap-crm .cap-intelligence .cap-section-label { margin: 2px 0 15px; color: #b0d5ff; font-size: 11px; letter-spacing: .4px; }
body.home-page .banner .cap-crm .cap-intelligence h3 { position: relative; margin: 0 0 25px; color: #fff; font-size: 22px; letter-spacing: -.7px; }
body.home-page .banner .cap-ai-crystal { position: absolute; top: 10px; right: 16px; width: 60px; height: 60px; filter: drop-shadow(0 0 9px #69c5ffb3); animation: cap-crystal-light 3.15s ease-in-out infinite; pointer-events: none; }
body.home-page .banner .cap-ai-crystal svg { width: 100%; height: 100%; }
body.home-page .banner .cap-intelligence-evidence { display: flex; flex-direction: column; gap: 10px; }
body.home-page .banner .cap-intelligence-evidence > div { display: flex; align-items: center; gap: 11px; min-height: 64px; padding: 12px; border: 1px solid #83b4ff42; border-radius: 10px; background: linear-gradient(105deg, #c1dbff15, #c1dbff07); box-shadow: inset 0 1px #d0e5ff08; transition: border-color .5s, background .5s; }
body.home-page .banner .cap-intelligence-evidence > div.is-detected { border-color: #7eb9ff80; background: linear-gradient(105deg, #b0d6ff24, #b0d6ff0c); }
body.home-page .banner .cap-intelligence-evidence > div > span { display: grid; place-items: center; flex: 0 0 31px; height: 31px; border-radius: 10px; background: linear-gradient(145deg, #3f8af7, #2c60cc); color: #dbeaff; font-size: 14px; }
body.home-page .banner .cap-intelligence-evidence p,
body.home-page .banner .cap-insight-action p { flex: 1; margin: 0; }
body.home-page .banner .cap-intelligence-evidence small { display: block; margin-bottom: 5px; color: #a9c9f4; font-size: 10px; }
body.home-page .banner .cap-intelligence-evidence strong { display: block; color: #f2f7ff; font-size: 12px; font-weight: 500; }
body.home-page .banner .cap-intelligence-evidence > div > i { color: #93dcc2; font-size: 10px; opacity: .3; transition: opacity .5s; }
body.home-page .banner .cap-intelligence-evidence > div.is-detected > i { opacity: 1; }
body.home-page .banner .cap-insight-action { display: flex; align-items: center; gap: 10px; margin-top: 15px; min-height: 61px; padding: 12px; border: 1px solid #4bbfa8a6; border-radius: 10px; background: linear-gradient(105deg, #047b774d, #065e6733); box-shadow: inset 0 1px #b8ffee12, 0 4px 14px #071c4e22; }
body.home-page .banner .cap-insight-action > span { display: grid; place-items: center; flex: 0 0 31px; height: 31px; border-radius: 10px; background: #7df0c41f; color: #9cf0d5; font-size: 13px; }
body.home-page .banner .cap-insight-action small { display: block; margin-bottom: 5px; color: #93ddcc; font-size: 10px; }
body.home-page .banner .cap-insight-action strong { display: block; color: #e0fff5; font-size: 13px; font-weight: 500; }
body.home-page .banner .cap-insight-action > i { color: #8acfbf; font-size: 11px; }
@keyframes cap-crystal-light { 50% { filter: drop-shadow(0 0 14px #69c5fff0); opacity: .75; } }
@media (max-width: 640px) {
    body.home-page .banner .cap-workspace { padding: 23px; }
    body.home-page .banner .cap-connections { display: none; }
    body.home-page .banner .cap-section-label { font-size: 10px; }
    body.home-page .banner .cap-floating-chip { padding: 9px 12px; gap: 6px; font-size: 9px; border-radius: 10px; }
    body.home-page .banner .cap-floating-chip > i { width: 20px; height: 20px; border-radius: 6px; font-size: 9px; }
    body.home-page .banner .cap-customer-layout { display: block; }
    body.home-page .banner .cap-client-roster,
    body.home-page .banner .cap-intelligence { display: none; }
    body.home-page .banner .cap-profile-stack { width: 100%; max-width: 340px; margin: 32px auto 0; }
    body.home-page .banner .cap-client-focus { padding: 20px; border-radius: 16px; }
    body.home-page .banner .cap-identity { margin: 22px 0 17px; gap: 12px; }
    body.home-page .banner .cap-company-icon { flex-basis: 46px; width: 46px; height: 46px; border-radius: 14px; font-size: 20px; }
    body.home-page .banner .cap-identity h3 { font-size: 24px; }
    body.home-page .banner .cap-text-tag { font-size: 11px; }
    body.home-page .banner .cap-fact-list > div { grid-template-columns: 88px 1fr; min-height: 42px; }
    body.home-page .banner .cap-fact-list dt { font-size: 10px; }
    body.home-page .banner .cap-fact-list dd { font-size: 11px; white-space: nowrap; }
    body.home-page .banner .cap-relationship { margin-top: 17px; font-size: 10px; }
    body.home-page .banner .cap-crm-float { left: auto; right: -6px; bottom: -17px; }
    body.home-page .banner .cap-service-layout { display: block; padding: 18px; }
    body.home-page .banner .cap-session-list { display: none; }
    body.home-page .banner .cap-conversation { height: 325px; padding: 16px; border-radius: 15px; }
    body.home-page .banner .cap-conversation-head { gap: 8px; padding-bottom: 13px; }
    body.home-page .banner .cap-conversation-head .cap-row-avatar { flex-basis: 28px; width: 28px; height: 28px; border-radius: 9px; font-size: 11px; }
    body.home-page .banner .cap-conversation-head strong { font-size: 12px; }
    body.home-page .banner .cap-message-list { gap: 21px; padding-top: 20px; }
    body.home-page .banner .cap-message { gap: 6px; }
    body.home-page .banner .cap-message-avatar { flex-basis: 20px; height: 20px; font-size: 8px; border-radius: 6px; }
    body.home-page .banner .cap-message p { padding: 10px 9px; font-size: 10px; }
    body.home-page .banner .cap-conversation-bottom { height: 34px; gap: 6px; padding: 0 7px; font-size: 8px; }
    body.home-page .banner .cap-conversation-bottom > i { width: 20px; height: 20px; }
    body.home-page .banner .cap-service-result { position: absolute; z-index: 2; right: 28px; bottom: 22px; margin: 0; }
    body.home-page .banner .cap-resolution { display: flex; align-items: center; gap: 10px; min-height: 0; padding: 12px; border-radius: 12px; box-shadow: 0 9px 24px -14px #1f3e7b66; }
    body.home-page .banner .cap-success-icon { width: 28px; height: 28px; border-radius: 9px; font-size: 12px; }
    body.home-page .banner .cap-resolution h3 { margin: 0; font-size: 13px; }
    body.home-page .banner .cap-resolution-list,
    body.home-page .banner .cap-attachment { display: none; }
    body.home-page .banner .cap-growth-layout { grid-template-columns: 90px minmax(0, 1fr); column-gap: 30px; padding: 26px; }
    body.home-page .banner .cap-sources { display: none; }
    body.home-page .banner .cap-growth-core { padding: 30px 0; }
    body.home-page .banner .cap-core-halo { width: 85px; height: 85px; border-radius: 25px; }
    body.home-page .banner .cap-core-icon { width: 54px; height: 54px; border-radius: 17px; font-size: 22px; }
    body.home-page .banner .cap-core-orbit { top: 0; width: 146px; height: 146px; margin-left: -73px; }
    body.home-page .banner .cap-core-orbit.orbit-b { top: 13px; width: 120px; height: 120px; margin-left: -60px; }
    body.home-page .banner .cap-core-orbit.orbit-c { display: none; }
    body.home-page .banner .cap-orbit-satellite { top: -3px; width: 5px; height: 5px; margin-left: -2.5px; transform-origin: 2.5px 76px; }
    body.home-page .banner .cap-growth-core h3 { margin-top: 37px; font-size: 16px; white-space: nowrap; }
    body.home-page .banner .cap-core-wave { gap: 3px; }
    body.home-page .banner .cap-lead-stack { margin-top: 0; }
    body.home-page .banner .cap-lead-result { border-radius: 14px; }
    body.home-page .banner .cap-result-label { padding: 15px; font-size: 8px; white-space: nowrap; }
    body.home-page .banner .cap-result-label .cap-dot { margin-right: 4px; }
    body.home-page .banner .cap-lead-object { padding: 22px 16px; }
    body.home-page .banner .cap-lead-object h3 { margin: 18px 0 5px; font-size: 21px; }
    body.home-page .banner .cap-match-state { gap: 5px; margin-top: 18px; font-size: 9px; white-space: nowrap; }
    body.home-page .banner .cap-lead-footer { gap: 5px; padding: 14px; font-size: 8px; white-space: nowrap; }
    body.home-page .banner .cap-lead-float { right: -8px; bottom: -18px; padding: 8px 10px; font-size: 8px; }
    body.home-page .banner .cap-people-layout { display: block; }
    body.home-page .banner .cap-team,
    body.home-page .banner .cap-credentials { display: none; }
    body.home-page .banner .cap-employee-stack { max-width: 340px; margin: 4px auto 0; }
    body.home-page .banner .cap-employee { border-radius: 16px; }
    body.home-page .banner .cap-employee-id { padding: 24px 20px; }
    body.home-page .banner .cap-person-avatar { width: 52px; height: 52px; margin-bottom: 12px; border-radius: 17px; font-size: 23px; }
    body.home-page .banner .cap-employee-id h3 { font-size: 23px; }
    body.home-page .banner .cap-employee-id .cap-text-tag { margin-top: 6px; font-size: 10px; }
    body.home-page .banner .cap-employee-info { padding: 12px 24px; }
    body.home-page .banner .cap-employee-info > div { min-height: 30px; }
    body.home-page .banner .cap-employee-info strong { font-size: 11px; }
    body.home-page .banner .cap-employee-info > div > span { font-size: 10px; }
    body.home-page .banner .cap-employee-ready { padding: 13px 23px; }
    body.home-page .banner .cap-employee-ready strong { font-size: 10px; }
    body.home-page .banner .cap-project-layout { padding: 24px 18px; }
    body.home-page .banner .cap-project-title { gap: 8px; }
    body.home-page .banner .cap-project-title h3 { font-size: 15px; }
    body.home-page .banner .cap-project-icon { width: 27px; height: 27px; border-radius: 8px; font-size: 12px; }
    body.home-page .banner .cap-member-stack { display: none; }
    body.home-page .banner .cap-project-track { gap: 6px; margin: 21px 0 17px; }
    body.home-page .banner .cap-milestone strong { font-size: 9px; }
    body.home-page .banner .cap-project-board { --board-gap: 5px; min-height: 248px; }
    body.home-page .banner .cap-board-lane { padding: 12px 5px; border-radius: 10px; }
    body.home-page .banner .cap-lane-label { gap: 4px; justify-content: center; font-size: 8px; }
    body.home-page .banner .cap-lane-placeholder { margin-top: 22px; height: 74px; padding: 10px 6px; }
    body.home-page .banner .cap-moving-task { top: 41px; left: calc(var(--task-column) * ((100% + var(--board-gap)) / 3) + 4px); width: calc((100% - var(--board-gap) * 2) / 3 - 8px); padding: 10px 7px; border-radius: 8px; }
    body.home-page .banner .cap-task-label { gap: 3px; font-size: 6px; white-space: nowrap; }
    body.home-page .banner .cap-task-label b { display: none; }
    body.home-page .banner .cap-moving-task h4 { margin: 15px 0 13px; font-size: 11px; letter-spacing: -.5px; white-space: nowrap; }
    body.home-page .banner .cap-task-check { gap: 4px; min-height: 24px; font-size: 7px; white-space: nowrap; }
    body.home-page .banner .cap-task-check > i { width: 9px; height: 9px; font-size: 5px; }
    body.home-page .banner .cap-task-file { justify-content: center; margin-top: 11px; padding: 9px 2px; font-size: 0; }
    body.home-page .banner .cap-task-file i { font-size: 17px; }
    body.home-page .banner .cap-task-owner { margin-top: 10px; }
    body.home-page .banner .cap-task-owner > i { display: none; }
    body.home-page .banner .cap-project-bottom { margin-top: 14px; gap: 6px; }
    body.home-page .banner .cap-project-bottom strong { font-size: 9px; }
    body.home-page .banner .cap-synced-mark { display: none; }
    body.home-page .banner .cap-finance-layout { display: grid; grid-template-columns: 1fr; padding: 24px; }
    body.home-page .banner .cap-finance-core { display: none; }
    body.home-page .banner .cap-invoice-stack { width: 100%; max-width: 340px; margin: 0 auto; }
    body.home-page .banner .cap-invoice-head { height: 48px; padding: 0 18px; }
    body.home-page .banner .cap-invoice-head strong { font-size: 13px; }
    body.home-page .banner .cap-invoice-head > span { font-size: 9px; }
    body.home-page .banner .cap-invoice-content { min-height: 225px; padding: 20px; }
    body.home-page .banner .cap-invoice-amount { margin: 9px 0 15px; font-size: 30px; }
    body.home-page .banner .cap-invoice-rule { margin: 12px 0; }
    body.home-page .banner .cap-invoice-facts > div { min-height: 27px; }
    body.home-page .banner .cap-invoice-facts dt { font-size: 9px; }
    body.home-page .banner .cap-invoice-facts dd { font-size: 10px; }
    body.home-page .banner .cap-invoice-code { display: none; }
    body.home-page .banner .cap-invoice-stamp { width: 28px; height: 28px; right: 22px; bottom: 17px; font-size: 12px; opacity: .45; }
    body.home-page .banner .cap-finance-outputs { display: block; padding-bottom: 0; }
    body.home-page .banner .cap-output { display: none; }
    body.home-page .banner .cap-finance-seal { position: relative; left: auto; right: auto; bottom: auto; margin-top: 15px; padding: 12px; font-size: 10px; }
}
@media (max-width: 640px) {
    body.home-page .banner .cap-scene-heading { top: 21px; left: 22px; right: 22px; }
    body.home-page .banner .cap-eyebrow { font-size: 6px; letter-spacing: 1.2px; }
    body.home-page .banner .cap-scene-heading h2 { margin: 8px 0; font-size: 20px; letter-spacing: -.7px; white-space: nowrap; }
    body.home-page .banner .cap-scene-heading p { display: none; }
    body.home-page .banner .cap-scene-number { display: none; }
    body.home-page .banner .cap-workspace { padding-top: 85px; padding-bottom: 20px; }
    body.home-page .banner .cap-profile-stack { margin-top: 8px; }
    body.home-page .banner .cap-client-focus { padding: 16px 20px; }
    body.home-page .banner .cap-identity { margin: 16px 0 12px; }
    body.home-page .banner .cap-fact-list > div { min-height: 36px; }
    body.home-page .banner .cap-relationship { margin-top: 12px; }
    body.home-page .banner .cap-service-layout { padding-top: 87px; }
    body.home-page .banner .cap-conversation { height: 302px; padding: 14px; }
    body.home-page .banner .cap-message p { padding: 9px 8px; font-size: 10px; }
    body.home-page .banner .cap-message-list { gap: 20px; }
    body.home-page .banner .cap-service-result { bottom: 14px; margin-top: 0; }
    body.home-page .banner .cap-growth-core { padding-top: 30px; padding-bottom: 30px; }
    body.home-page .banner .cap-core-orbit { top: 0; }
    body.home-page .banner .cap-core-orbit.orbit-b { top: 13px; }
    body.home-page .banner .cap-orbit-satellite { top: -3px; }
    body.home-page .banner .cap-lead-object { padding-top: 20px; padding-bottom: 23px; }
    body.home-page .banner .cap-employee-id { padding: 18px; }
    body.home-page .banner .cap-person-avatar { width: 46px; height: 46px; border-radius: 15px; font-size: 21px; }
    body.home-page .banner .cap-employee-info { padding-top: 9px; padding-bottom: 9px; }
    body.home-page .banner .cap-employee-ready { padding-top: 12px; padding-bottom: 12px; }
    body.home-page .banner .cap-project-layout { padding-top: 85px; }
    body.home-page .banner .cap-project-title { display: none; }
    body.home-page .banner .cap-project-board { min-height: 228px; }
    body.home-page .banner .cap-project-track { margin-top: 0; }
    body.home-page .banner .cap-moving-task { padding: 10px 7px; }
    body.home-page .banner .cap-task-file { padding: 9px 2px; }
    body.home-page .banner .cap-finance-layout { padding-top: 86px; }
    body.home-page .banner .cap-invoice-content { min-height: 199px; padding: 18px; }
    body.home-page .banner .cap-invoice-head { height: 43px; }
    body.home-page .banner .cap-invoice-amount { font-size: 28px; }
    body.home-page .banner .cap-finance-seal { margin-top: 12px; padding: 10px; }
}
@media (prefers-reduced-motion: reduce) {
    body.home-page .banner .cap-scene *,
    body.home-page .banner .cap-scene *::before,
    body.home-page .banner .cap-scene *::after { animation: none !important; transition: none !important; }
    body.home-page .banner .cap-card-scan,
    body.home-page .banner .cap-invoice-scan { display: none; }
}
@media (max-width: 640px) {
    body.home-page .banner .cap-project-board { min-height: 238px; }
    body.home-page .banner .cap-board-lane { height: 32px; padding: 10px 5px; }
    body.home-page .banner .cap-lane-placeholder { display: none; }
    body.home-page .banner .cap-moving-task { left: 10px !important; width: calc(100% - 20px); top: 43px; padding: 12px 16px; border-radius: 11px; }
    body.home-page .banner .cap-task-label { gap: 5px; font-size: 9px; }
    body.home-page .banner .cap-task-label b { display: block; font-size: 8px; }
    body.home-page .banner .cap-moving-task h4 { margin: 10px 0; font-size: 17px; }
    body.home-page .banner .cap-task-check { gap: 7px; min-height: 22px; font-size: 10px; }
    body.home-page .banner .cap-task-check > i { width: 11px; height: 11px; font-size: 6px; }
    body.home-page .banner .cap-task-file { justify-content: flex-start; margin-top: 8px; padding: 8px 9px; font-size: 9px; }
    body.home-page .banner .cap-task-file i { font-size: 13px; }
    body.home-page .banner .cap-task-owner { margin-top: 8px; }
}
@media (max-width: 360px) {
    body.home-page .banner .cap-scene-heading h2 { font-size: 17px; }
    body.home-page .banner .cap-growth-layout { grid-template-columns: 65px minmax(0, 1fr); gap: 16px; padding-left: 16px; padding-right: 16px; }
    body.home-page .banner .cap-core-halo { width: 65px; height: 65px; border-radius: 21px; }
    body.home-page .banner .cap-core-icon { width: 45px; height: 45px; border-radius: 15px; font-size: 19px; }
    body.home-page .banner .cap-core-orbit { top: 6px; width: 112px; height: 112px; margin-left: -56px; }
    body.home-page .banner .cap-core-orbit.orbit-b { top: 18px; width: 88px; height: 88px; margin-left: -44px; }
    body.home-page .banner .cap-orbit-satellite { top: 3px; transform-origin: 2.5px 59px; }
    body.home-page .banner .cap-growth-core h3 { font-size: 14px; }
    body.home-page .banner .cap-lead-object h3 { font-size: 19px; }
    body.home-page .banner .cap-lead-object { padding-left: 13px; padding-right: 13px; }
    body.home-page .banner .cap-message p { font-size: 8px; }
    body.home-page .banner .cap-service-result { right: 21px; }
    body.home-page .banner .cap-resolution h3 { font-size: 12px; }
}
@media (max-width: 360px) {
    body.home-page .banner .cap-crm .cap-client-focus { padding-left: 20px; padding-right: 20px; }
    body.home-page .banner .cap-crm .cap-fact-list > div { grid-template-columns: 76px minmax(0, 1fr); }
    body.home-page .banner .cap-growth-layout { padding-right: 26px; }
}