.integrations-hero{background:radial-gradient(circle at 76% 16%,#4d83ca24,#0000 30%),radial-gradient(circle at 62% 80%,#8b61ef1f,#0000 34%),linear-gradient(135deg,#fff 0%,#faf9fd 100%);border-radius:34px;grid-template-columns:.88fr 1.12fr;align-items:center;gap:40px;width:min(1460px,100% - 36px);min-height:560px;margin:18px auto 0;padding:48px 54px 38px;display:grid}.integrations-hero-copy h1{letter-spacing:-.052em;max-width:700px;margin:16px 0 18px;font-size:clamp(42px,4.1vw,58px);line-height:1.01}.integrations-hero-copy h1 em{color:#8b61ef;margin-top:4px;font-style:normal;display:block}.integrations-hero-copy>p{color:#655e6c;max-width:650px;margin:0;font-size:15.5px;line-height:1.65}.integrations-hero .desk-hero-actions{margin-top:22px}.integrations-hero-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;max-width:670px;margin-top:22px}.integrations-hero-facts b{font-size:13px;font-weight:680;line-height:1.35}.integrations-hero-carousel{background:#fff;border:1px solid #d9d1e4;border-radius:22px;width:100%;min-width:0;overflow:hidden;box-shadow:0 26px 62px #3022441c}.integrations-hero-carousel-head{border-bottom:1px solid #e8e1ec;justify-content:space-between;align-items:center;gap:20px;min-height:66px;padding:0 20px;display:flex}.integrations-hero-carousel-head>div:first-child{gap:5px;display:grid}.integrations-hero-carousel-head span{color:#8b61ef;letter-spacing:.07em;text-transform:uppercase;font-size:9.5px;font-weight:720}.integrations-hero-carousel-head b{color:#17131f;font-size:13.5px;line-height:1.25}.integrations-hero-carousel-count{color:#7c7384;flex:none;font-size:10px;font-weight:650}.integrations-hero-carousel-window{background:#f9f7fb;overflow:hidden}.integrations-hero-carousel-track{transition:transform .55s cubic-bezier(.2,.7,.2,1);display:flex}.integrations-hero-slide{flex:0 0 100%;min-width:0;padding:14px}.integrations-hero-carousel-nav{border-top:1px solid #e8e1ee;grid-template-columns:repeat(3,1fr);display:grid}.integrations-hero-carousel-nav button{color:#696172;text-align:left;cursor:pointer;background:#fff;border:0;border-right:1px solid #e8e1ee;min-height:62px;padding:12px 12px 15px;position:relative}.integrations-hero-carousel-nav button:last-child{border-right:0}.integrations-hero-carousel-nav button span{color:#9b91a4;font-size:8.5px;font-weight:700;display:block}.integrations-hero-carousel-nav button b{margin-top:4px;font-size:10.5px;font-weight:650;line-height:1.2;display:block}.integrations-hero-carousel-nav button i{background:0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.integrations-hero-carousel-nav button.active{color:#17131f}.integrations-hero-carousel-nav button.active i{background:#8b61ef}.integration-screen{background:#fff;border:1px solid #e2dbe8;border-radius:16px;min-height:340px;overflow:hidden}.integration-screen-head{border-bottom:1px solid #e9e3ed;justify-content:space-between;align-items:center;min-height:50px;padding:0 15px;display:flex}.integration-screen-head>div{gap:2px;display:grid}.integration-screen-head small{color:#8c8492;font-size:8px}.integration-screen-head b{color:#181320;font-size:11.5px}.integration-screen-head>span{color:#3f75bd;background:#edf5ff;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:680}.ms-tile,.aib-tile{color:#fff;border-radius:10px;place-items:center;width:42px;height:42px;font-size:17px;font-weight:800;display:grid}.ms-tile.entra{background:linear-gradient(145deg,#5d5bd5,#8b61ef)}.ms-tile.teams{background:#5b5bd6}.ms-tile.outlook{background:#0878d1}.aib-tile{background:#7747d7}.entra-demo{grid-template-columns:1.05fr .95fr;min-height:290px;display:grid}.entra-demo>section{padding:22px 20px}.entra-user{background:#faf8fc;border:1px solid #e4ddeb;border-radius:12px;grid-template-columns:42px 1fr;align-items:center;gap:12px;min-height:74px;padding:12px;display:grid}.entra-user small{color:#8b8292;font-size:7.5px;font-weight:700}.entra-user b{margin-top:3px;font-size:11px;display:block}.entra-user p{color:#766e7c;margin:2px 0 0;font-size:8px}.entra-flow{justify-content:center;align-items:center;gap:12px;min-height:60px;margin:10px 0;display:flex}.entra-flow span{color:#655d6e;background:#fff;border:1px solid #dfd7e6;border-radius:8px;padding:8px 10px;font-size:8.5px;font-weight:650}.entra-flow i{color:#8b61ef;font-style:normal}.entra-groups{background:#fff;border:1px solid #e4ddeb;border-radius:12px;padding:13px}.entra-groups>span{color:#8c8293;margin-bottom:8px;font-size:7.5px;font-weight:700;display:block}.entra-groups b{color:#6b50aa;background:#f0ebf9;border-radius:7px;margin:0 5px 5px 0;padding:6px 8px;font-size:8px;font-weight:650;display:inline-block}.entra-demo>aside{background:#fbf9fd;border-left:1px solid #e5deea;padding:28px 20px}.entra-demo aside>span{color:#8b61ef;text-transform:uppercase;font-size:8px;font-weight:720}.entra-demo aside h3{letter-spacing:-.04em;margin:8px 0;font-size:23px;line-height:1.04}.entra-demo aside p{color:#6d6574;font-size:10px;line-height:1.48}.entra-demo aside>div{grid-template-columns:20px 1fr;align-items:start;gap:8px;margin-top:12px;display:grid}.entra-demo aside>div>i{color:#279361;background:#e5f7ed;border-radius:50%;place-items:center;width:18px;height:18px;font-size:8px;font-style:normal;display:grid}.entra-demo aside div b{font-size:9px;display:block}.entra-demo aside div small{color:#807786;margin-top:2px;font-size:8px;display:block}.teams-demo{grid-template-columns:58px 1fr;min-height:290px;display:grid}.teams-demo>aside{background:#252333;padding:12px 8px}.teams-rail{justify-items:center;gap:12px;display:grid}.teams-rail>i{background:#393648;border-radius:7px;width:27px;height:27px}.teams-rail>b{color:#fff;writing-mode:vertical-rl;margin-top:8px;font-size:7px;transform:rotate(180deg)}.teams-demo>section{background:#f7f5fa;padding:16px}.teams-demo-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.teams-demo-top span{color:#5b5bd6;font-size:9px;font-weight:750}.teams-demo-top b{font-size:11px}.teams-demo-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.teams-demo-grid article{background:#fff;border:1px solid #e1dae7;border-radius:11px;min-height:95px;padding:11px}.teams-demo-grid small{color:#8b8292;font-size:7px;font-weight:700}.teams-demo-grid b{margin-top:4px;font-size:10px;display:block}.teams-demo-grid p{color:#716978;margin:4px 0 9px;font-size:8px;line-height:1.3}.teams-demo-grid i{color:#2d7657;background:#e8f7ef;border-radius:999px;padding:5px 7px;font-size:7px;font-style:normal;font-weight:700;display:inline-block}.exchange-demo{grid-template-columns:1.12fr .88fr;min-height:290px;display:grid}.exchange-demo>section{background:#faf8fc;align-items:center;gap:10px;padding:23px 18px;display:flex}.exchange-calendar-card{background:#fff;border:1px solid #ded7e5;border-radius:12px;flex:1;grid-template-columns:42px 1fr;align-items:center;gap:10px;min-width:0;padding:14px 12px;display:grid}.exchange-calendar-card small{color:#8b8292;font-size:7px;font-weight:700}.exchange-calendar-card b{margin-top:3px;font-size:10px;display:block}.exchange-calendar-card p{color:#706878;margin:4px 0 0;font-size:7.5px;line-height:1.35}.exchange-arrow{color:#7754c1;justify-items:center;gap:5px;display:grid}.exchange-arrow span{font-size:16px;line-height:1}.exchange-arrow b{white-space:nowrap;font-size:7.5px}.exchange-demo>aside{border-left:1px solid #e5deea;padding:24px 18px}.exchange-demo aside>div{border-bottom:1px solid #ece6ef;grid-template-columns:20px 1fr;align-items:start;gap:9px;min-height:62px;display:grid}.exchange-demo aside>div>i{color:#279361;background:#e5f7ed;border-radius:50%;place-items:center;width:18px;height:18px;margin-top:13px;font-size:8px;font-style:normal;display:grid}.exchange-demo aside div>span{padding-top:10px}.exchange-demo aside b{font-size:9px;display:block}.exchange-demo aside small{color:#807786;margin-top:2px;font-size:8px;display:block}.integration-section{padding:96px max(28px,50vw - 620px)}.integration-layers{background:#fff}.integration-layer-grid{border-top:1px solid #ded8e4;border-bottom:1px solid #ded8e4;grid-template-columns:repeat(3,1fr);width:min(1180px,100%);margin:48px auto 0;display:grid}.integration-layer-grid article{border-right:1px solid #ded8e4;min-height:310px;padding:30px 28px}.integration-layer-grid article:last-child{border-right:0}.integration-layer-icon{color:#7448d8;background:#eee7ff;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.integration-layer-icon svg{width:24px;height:24px}.integration-layer-icon.teams{color:#5b5bd6;background:#e9eafd}.integration-layer-icon.exchange{color:#337bc1;background:#e7f1fb}.integration-layer-grid small{color:#8b61ef;letter-spacing:.05em;margin-top:22px;font-size:8.5px;font-weight:750;display:block}.integration-layer-grid h3{letter-spacing:-.035em;margin:8px 0;font-size:25px}.integration-layer-grid p{color:#6d6574;font-size:13px;line-height:1.62}.integration-layer-grid article>div{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.integration-layer-grid article>div b{color:#5e5667;background:#f2eef6;border-radius:8px;padding:7px 9px;font-size:8.5px;font-weight:650}.integration-teams{background:#f7f5fa}.integration-teams-art{background:#fff;border:1px solid #ddd5e5;border-radius:20px;overflow:hidden;box-shadow:0 24px 55px #35274b17}.integration-teams-art img{width:100%;height:auto;display:block}.integration-exchange{background:#fff}.integration-exchange-heading{grid-template-columns:1fr .85fr;align-items:end;gap:70px;display:grid}.integration-exchange-heading h2{letter-spacing:-.05em;margin:12px 0 0;font-size:clamp(42px,4.7vw,60px);line-height:1}.integration-exchange-heading h2 em{color:#8b61ef;font-style:normal}.integration-exchange-heading>p{color:#6c6573;margin:0;font-size:14px;line-height:1.7}.integration-exchange-art{background:#faf8fc;border:1px solid #dfd7e7;border-radius:22px;width:min(980px,100%);margin:46px auto 0;padding:10px;overflow:hidden;box-shadow:0 25px 60px #33245117}.integration-exchange-art img{object-fit:contain;border-radius:14px;width:100%;height:auto;display:block}.integration-exchange-points{border-top:1px solid #ded8e4;border-bottom:1px solid #ded8e4;grid-template-columns:repeat(3,1fr);width:min(1120px,100%);margin:28px auto 0;display:grid}.integration-exchange-points article{border-right:1px solid #ded8e4;min-height:190px;padding:24px}.integration-exchange-points article:last-child{border-right:0}.integration-exchange-points span{color:#8b61ef;font-size:9px;font-weight:750}.integration-exchange-points b{margin-top:20px;font-size:16px;display:block}.integration-exchange-points p{color:#6d6574;margin:7px 0 0;font-size:12.5px;line-height:1.55}.integration-entra{background:#f7f5fa}.integration-entra-visual{background:#fff;border:1px solid #ddd5e5;border-radius:20px;overflow:hidden;box-shadow:0 24px 55px #35274b17}.integration-entra-head{border-bottom:1px solid #e6dfeb;justify-content:space-between;align-items:center;min-height:68px;padding:0 22px;display:flex}.integration-entra-head span{color:#6945c4;font-size:11px;font-weight:700}.integration-entra-head b{font-size:13px}.integration-directory{gap:9px;padding:18px;display:grid}.integration-directory article{border:1px solid #e2dce7;border-radius:12px;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;min-height:74px;padding:12px 14px;display:grid}.integration-directory article>span{color:#7448d8;background:#eee7ff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:9px;font-weight:750;display:grid}.integration-directory b{font-size:10.5px}.integration-directory small{color:#7c7483;margin-top:3px;font-size:8px;display:block}.integration-directory i{color:#2d7657;background:#e8f7ef;border-radius:999px;padding:5px 7px;font-size:7px;font-style:normal;font-weight:700}.integration-directory-flow{border-top:1px solid #e6dfeb;border-bottom:1px solid #e6dfeb;justify-content:center;align-items:center;gap:12px;margin:0 18px;padding:14px 0;display:flex}.integration-directory-flow span{color:#645a6d;background:#f2eef6;border-radius:8px;padding:7px 9px;font-size:8.5px;font-weight:650}.integration-directory-flow i{color:#8b61ef;font-style:normal}.integration-directory-tags{flex-wrap:wrap;gap:7px;padding:14px 18px 18px;display:flex}.integration-directory-tags span{color:#6e4ab9;background:#eee7ff;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:650}.integration-admin{background:#fff}.integration-admin-grid{border-top:1px solid #ded8e4;border-bottom:1px solid #ded8e4;grid-template-columns:repeat(4,1fr);width:min(1180px,100%);margin:48px auto 0;display:grid}.integration-admin-grid article{border-right:1px solid #ded8e4;min-height:230px;padding:28px 24px}.integration-admin-grid article:last-child{border-right:0}.integration-admin-grid span{color:#8b61ef;letter-spacing:.05em;font-size:8.5px;font-weight:750}.integration-admin-grid b{margin-top:24px;font-size:16px;display:block}.integration-admin-grid p{color:#6d6574;margin:8px 0 0;font-size:12.5px;line-height:1.6}.integration-architecture{background:#171525;padding:82px max(28px,50vw - 590px)}.integration-architecture-copy{max-width:850px}.integration-architecture-copy h2{color:#fff;letter-spacing:-.05em;margin:12px 0 14px;font-size:clamp(42px,4.7vw,60px);line-height:1}.integration-architecture-copy h2 em{color:#b89afd;font-style:normal}.integration-architecture-copy p{color:#aaa2b4;max-width:760px;font-size:14px;line-height:1.7}.integration-architecture-flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin-top:40px;display:grid}.integration-architecture-flow article{background:#1d1a28;border:1px solid #3a3445;border-radius:14px;min-height:128px;padding:20px}.integration-architecture-flow article.aib{background:#282039;border-color:#6e54a5}.integration-architecture-flow article>span{color:#c2a8ff;background:#2f2940;border-radius:9px;place-items:center;width:34px;height:34px;font-size:9px;font-weight:800;display:grid}.integration-architecture-flow article b{color:#fff;margin-top:14px;font-size:13px;display:block}.integration-architecture-flow article small{color:#9e95a8;margin-top:4px;font-size:9px;display:block}.integration-architecture-flow>i{color:#8c7aa8;font-size:18px;font-style:normal}@media (max-width:1100px){.integrations-hero{grid-template-columns:1fr;min-height:auto}.integration-exchange-heading{grid-template-columns:1fr}.integration-admin-grid{grid-template-columns:repeat(2,1fr)}.integration-admin-grid article:nth-child(2){border-right:0}.integration-admin-grid article:nth-child(-n+2){border-bottom:1px solid #ded8e4}.integration-architecture-flow{grid-template-columns:1fr}.integration-architecture-flow>i{justify-self:center;transform:rotate(90deg)}}@media (max-width:760px){.integrations-hero{border-radius:24px;width:min(100% - 20px,1460px);padding:36px 18px 26px}.integrations-hero-copy h1{font-size:40px}.integrations-hero-facts,.integrations-hero-carousel-nav{grid-template-columns:1fr}.integrations-hero-carousel-nav button{border-bottom:1px solid #e8e1ee;border-right:0}.entra-demo,.exchange-demo{grid-template-columns:1fr}.entra-demo>aside,.exchange-demo>aside{border-top:1px solid #e5deea;border-left:0}.teams-demo-grid{grid-template-columns:1fr}.exchange-demo>section{flex-direction:column}.exchange-arrow{grid-auto-flow:column}.integration-layer-grid,.integration-exchange-points,.integration-admin-grid{grid-template-columns:1fr}.integration-layer-grid article,.integration-exchange-points article,.integration-admin-grid article{border-bottom:1px solid #ded8e4;border-right:0;min-height:auto}.integration-layer-grid article:last-child,.integration-exchange-points article:last-child,.integration-admin-grid article:last-child{border-bottom:0}.integration-admin-grid article:nth-child(-n+2){border-bottom:1px solid #ded8e4}}.integration-field-map{background:#faf8fc;border:1px solid #e3dce8;border-radius:12px;margin:0 18px 14px;padding:14px}.integration-field-map>span{color:#8b61ef;letter-spacing:.05em;margin-bottom:10px;font-size:8px;font-weight:750;display:block}.integration-field-map>div{border-top:1px solid #ebe5ef;grid-template-columns:1fr 24px 1fr;align-items:center;gap:8px;min-height:34px;display:grid}.integration-field-map>div:first-of-type{border-top:0;min-height:28px}.integration-field-map b{color:#5e5667;font-size:8px;font-weight:700}.integration-field-map small{color:#706878;font-size:8.5px}.integration-field-map i{color:#8b61ef;text-align:center;font-size:10px;font-style:normal}
