/* The connections explain production roles, not account connection status. */
.integration-directory{position:relative;isolation:isolate;grid-template-columns:minmax(310px,1.5fr) minmax(170px,1fr) minmax(150px,.7fr);column-gap:90px;row-gap:30px;margin:54px 0 32px;align-items:center}
.integration-directory .integration-family{position:relative;z-index:1;grid-column:1;background:var(--bg,#0c0c0e)}
.integration-directory .integration-family:nth-of-type(2){grid-row:1}
.integration-directory .integration-family:nth-of-type(3){grid-row:2}
.integration-directory .integration-family:nth-of-type(4){grid-row:3}
.integration-directory .integration-family:last-child{grid-column:3;grid-row:1 / 4;align-self:center}
.integration-directory .integration-family h3{font-size:15px;margin-bottom:10px}
.integration-directory .integration-family [role=group]{display:flex;flex-wrap:wrap;gap:2px 8px}
.integration-directory .integration-family button{font-size:12px;min-height:44px;padding:8px;gap:8px}
.integration-directory .integration-family img{width:24px;height:24px}
.integration-directory .integration-family:last-child [role=group]{display:grid;gap:12px}
.monsun-hub{grid-column:2;grid-row:1 / 4;position:relative;z-index:1;text-align:center;justify-self:center;width:240px;max-width:100%;padding:26px 16px;background:var(--bg,#0c0c0e)}
.monsun-hub>img{width:190px;max-width:100%;height:auto;margin:auto}
.monsun-hub p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:18px}
.connection-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.connection-routes path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}
.route-tracks path{stroke:#323237;stroke-width:1}
.route-inks path{stroke:#b4b4bc;stroke-width:1.4;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--route-progress,1))}
.route-inks path.is-selected{stroke:#eeeef2;stroke-width:2}
.route-signals path{stroke:#fff;stroke-width:3;stroke-dasharray:.055 .945;stroke-dashoffset:1;opacity:0}
.integration-detail{background:none;border-radius:0;border-top:1px solid var(--line);padding:26px 0;grid-template-columns:1fr 1.5fr}
.integration-link>span,.integration-link>img:last-child{display:none}
.word-write .write-accessible{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.write-visual span{opacity:var(--word-opacity,1)}
.showtime-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;background:none;overflow:visible;isolation:auto;min-height:0;border-radius:0}
.showtime-feature::after{display:none}
.showtime-film{position:relative;inset:auto;z-index:auto;grid-column:2;grid-row:1;width:100%;aspect-ratio:16/10;max-height:none;border-radius:24px;overflow:hidden;clip-path:inset(var(--film-inset,0%) round 24px)}
.showtime-film video{object-position:50%;display:block}
.showtime-copy{grid-column:1;grid-row:1;padding:0;max-width:460px}
.showtime-copy h2{font-size:clamp(34px,4vw,56px)}
.showtime-copy>p{font-size:16px}
@media(max-width:1100px){.integration-directory{grid-template-columns:minmax(270px,1.5fr) minmax(150px,1fr) minmax(130px,.7fr);column-gap:45px}.showtime-feature{gap:30px}}
@media(max-width:800px){.integration-directory{grid-template-columns:1fr 1fr;gap:28px 24px}.integration-directory .integration-family{align-self:start}.integration-directory .integration-family:nth-of-type(2){grid-column:1;grid-row:1}.integration-directory .integration-family:nth-of-type(3){grid-column:2;grid-row:1}.integration-directory .integration-family:nth-of-type(4){grid-column:1 / 3;grid-row:2;justify-self:center;max-width:380px}.monsun-hub{grid-column:1 / 3;grid-row:3;padding:14px 24px;justify-self:center;margin:36px 0}.integration-directory .integration-family:last-child{grid-column:1 / 3;grid-row:4;justify-self:center}.integration-directory .integration-family:last-child [role=group]{display:flex;gap:12px}.integration-directory .integration-family:last-child h3{text-align:center}.integration-detail{grid-template-columns:1fr;gap:18px}.showtime-feature{grid-template-columns:1fr;gap:28px;width:calc(100% - 40px)}.showtime-copy{grid-column:1;grid-row:1;max-width:580px}.showtime-film{grid-column:1;grid-row:2;aspect-ratio:16/10;max-height:500px}.showtime-copy>p{font-size:15px}}
@media(max-width:480px){.integration-directory{column-gap:16px}.integration-directory .integration-family button{font-size:11px;gap:6px;padding:7px 4px}.integration-directory .integration-family h3{font-size:13px}.integration-directory .integration-family:nth-of-type(4){justify-self:stretch}.integration-directory .integration-family:last-child [role=group]{gap:8px}.showtime-film{aspect-ratio:4/3}.monsun-hub>img{width:165px}}
body.motion-paused .write-visual span{opacity:1!important}
body.motion-paused .route-inks path{stroke-dashoffset:0}
body.motion-paused .showtime-film{clip-path:none}
@media(prefers-reduced-motion:reduce){.write-visual span{opacity:1!important}.route-inks path{stroke-dashoffset:0}.showtime-film{clip-path:none}}