/* Native Finsider components. No copy replacement or hidden legacy content. */
header svg use,footer svg use{color:inherit}header img[src="/assets/finsider-logo.svg"]{height:auto;min-width:116px}svg[viewBox="0 0 1377 261"]{overflow:visible}.finsider-local-notice{font:inherit;font-size:13px;line-height:1.5;color:#526d86;margin-top:18px}.hs-form .hs-input{width:100%;box-sizing:border-box}.hs-form .finsider-products{display:flex;gap:18px;flex-wrap:wrap}.hs-form .finsider-products input{width:auto}

/* Keep the homepage readable before animation code and web fonts are ready. */
.EnterpriseHero > div {height:clamp(600px,calc(100svh - var(--announcement-offset,0px)),1080px)}
.EnterpriseHero > div > div:has(> .HeadlineWithCta) {top:50%;bottom:auto;height:auto;display:block;translate:none;transform:translate(-50%,-50%);padding:0 24px}
.EnterpriseHero .HeadlineWithCta {width:min(100%,640px);max-width:48vw;margin:auto;padding:0;gap:20px}
.EnterpriseHero h1 {font-size:clamp(32px,3.2vw,52px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.EnterpriseHero .HeadlineWithCta .RichText {max-width:92%;font-size:clamp(15px,1.15vw,18px);line-height:1.5;margin-bottom:0}
.EnterpriseHero .HeadlineWithCta .AnimatedText,.EnterpriseHero .HeadlineWithCta .AnimatedText *,.EnterpriseHero .HeadlineWithCta .FlatCta {opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important}
.EnterpriseHero .HeadlineWithCta .FlatCta {min-height:44px}
[aria-label="Announcement"] > div {padding-inline:40px}
[aria-label="Announcement"] button {min-width:32px;min-height:32px;right:4px}
/* Screen blending makes black pixels transparent across Safari and Chromium. */
.EnterpriseBridge {isolation:isolate;background:#133252;border-radius:24px;overflow:hidden}
.EnterpriseBridge .TransparentVideo {opacity:1!important;mix-blend-mode:screen}
.EnterpriseBridge h3,.EnterpriseBridge h3 * {color:#fff!important}
.EnterpriseBridge .RichText,.EnterpriseBridge .RichText * {color:#c2d3e4!important}
@media (max-width:1023px) and (min-width:768px) {
 .EnterpriseHero .HeadlineWithCta {max-width:56vw}
 .EnterpriseHero h1 {font-size:clamp(32px,3.6vw,40px)}
}
@media (max-width:767px) {
 [aria-label="Announcement"] > div {padding:8px 38px 8px 12px}
 [aria-label="Announcement"] > div > div {flex-wrap:nowrap;gap:8px;font-size:12px;line-height:18px}
 [aria-label="Announcement"] .announcement-detail {display:none}
 [aria-label="Announcement"] a {white-space:nowrap}
 [aria-label="Announcement"] svg {width:12px;height:12px}
 .EnterpriseHero > div {height:clamp(680px,calc(100svh - var(--announcement-offset,0px)),900px)}
 .EnterpriseHero > div > div:has(> .HeadlineWithCta) {top:50%;padding-inline:24px}
 .EnterpriseHero .HeadlineWithCta {max-width:360px;gap:16px}
 .EnterpriseHero h1 {font-size:clamp(26px,6.7vw,34px);line-height:1.12}
 .EnterpriseHero .HeadlineWithCta .RichText {max-width:100%;font-size:14px;line-height:1.45}
 .EnterpriseHero .node {max-width:76px;max-height:76px}
 .EnterpriseBridge .TransparentVideo {width:min(100%,380px);margin-inline:auto}
 .EnterpriseBridge {min-height:0;padding:20px 16px 28px;gap:20px}
 .EnterpriseBridge > div {grid-column:1/-1;min-width:0}
 .EnterpriseBridge h3 {font-size:clamp(24px,6vw,30px);line-height:1.2}
}
@media (max-height:540px) and (min-width:600px) {
 .EnterpriseHero > div {height:max(360px,calc(100svh - var(--announcement-offset,0px)))}
 .EnterpriseHero > div > div:has(> .HeadlineWithCta) {top:58%}
 .EnterpriseHero .HeadlineWithCta {max-width:58vw;gap:12px}
 .EnterpriseHero h1 {font-size:26px}
 .EnterpriseHero .HeadlineWithCta .RichText {font-size:14px}
 .EnterpriseHero .node {max-width:76px;max-height:76px}
}
@media (prefers-reduced-motion:reduce) {
 .EnterpriseHero .node,.EnterpriseHero .node-inner,.EnterpriseHero .node .AnimatedText {opacity:1!important;visibility:visible!important;transform:none!important}
 .EnterpriseHero .edges {display:none}
}

.EnterpriseBridge .AnimatedText,.EnterpriseBridge .AnimatedText * {opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important}
@media (min-width:1024px) and (max-height:900px) { .EnterpriseHero > div > div:has(> .HeadlineWithCta) {top:54%} }
@media (max-width:767px) {
 /* Staggered scatter, not rows: two flat lines of three read as a broken
    grid on a phone. Each card gets its own vertical offset and side so the
    six of them keep the organic constellation the desktop hero has. The
    clearance script still measures the copy rectangle and hides any card
    that cannot fit, so short viewports degrade card by card, not by row. */
 .EnterpriseHero .node:nth-child(8) {top:52px!important;bottom:auto!important;left:18px!important;right:auto!important}
 .EnterpriseHero .node:nth-child(5) {top:132px!important;bottom:auto!important;left:calc(50% - 26px)!important;right:auto!important}
 .EnterpriseHero .node:nth-child(7) {top:176px!important;bottom:auto!important;right:16px!important;left:auto!important}
 .EnterpriseHero .node:nth-child(6) {display:none}
 .EnterpriseHero .node:nth-child(4) {bottom:104px!important;top:auto!important;left:16px!important;right:auto!important}
 .EnterpriseHero .node:nth-child(2) {bottom:28px!important;top:auto!important;left:calc(50% - 62px)!important;right:auto!important}
 .EnterpriseHero .node:nth-child(3) {bottom:126px!important;top:auto!important;right:14px!important;left:auto!important}
}

@media (max-height:540px) and (min-width:600px) {
 .EnterpriseHero .node:nth-child(3),.EnterpriseHero .node:nth-child(5),.EnterpriseHero .node:nth-child(8) {display:none}
 .EnterpriseHero .node:nth-child(2),.EnterpriseHero .node:nth-child(4) {left:16px;right:auto}
 .EnterpriseHero .node:nth-child(6),.EnterpriseHero .node:nth-child(7) {right:16px;left:auto}
 .EnterpriseHero .node:nth-child(2),.EnterpriseHero .node:nth-child(6) {top:104px;bottom:auto}
 .EnterpriseHero .node:nth-child(4),.EnterpriseHero .node:nth-child(7) {bottom:24px;top:auto}
}

@media (max-width:767px) {
 header .px-6 {padding-inline:16px}
 header .FlatCta {max-width:132px}
 header .FlatCta > div {padding-inline:12px}
}
@media (max-height:540px) and (min-width:600px) { .EnterpriseHero [aria-label="Scroll to explore"] {display:none} }

.EnterpriseHero .HeadlineWithCta h1,.EnterpriseHero .HeadlineWithCta h1 *,.EnterpriseHero .HeadlineWithCta .RichText,.EnterpriseHero .HeadlineWithCta .RichText * {color:#000!important}
.EnterpriseHero .HeadlineWithCta .FlatCta {border-radius:6px!important}
.EnterpriseHero .HeadlineWithCta .FlatCta .relative,.EnterpriseHero .HeadlineWithCta .FlatCta span {opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important}

@media (max-width:767px) { .EnterpriseHero [aria-label="Scroll to explore"] {display:none} }

/* Reserve the measured hero copy area before revealing decorative cards. */
.EnterpriseHero:not([data-safe-hero]) .node,.EnterpriseHero[data-hero-resizing] .node,.EnterpriseHero .node[data-hero-hidden] {opacity:0!important;visibility:hidden!important;pointer-events:none}
.EnterpriseHero[data-safe-hero] .node {visibility:visible}
.EnterpriseHero:not([data-safe-hero]) .edges,.EnterpriseHero[data-hero-resizing] .edges {visibility:hidden}
.EnterpriseHero .node-inner {justify-content:flex-start}
.EnterpriseHero .node-inner > div:last-child {width:100%!important;max-width:100%;margin-inline:0}
.EnterpriseHero .node .AnimatedText,.EnterpriseHero .node .AnimatedText * {opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important}