:root{--content-page-bg: hsl(139, 7%, 96%);
--content-surface-bg: rgb(226, 244, 231);
--content-text: hsl(139, 10%, 8%);
--content-text-muted: rgba(26, 26, 46, 0.75);
--content-border: rgb(226, 244, 231);
--content-accent-text: #ffffff;
--brand-primary: hsl(139, 78%, 58%);
--brand-secondary: hsl(232, 62%, 58%);
--section-spacing: 120px;
--container-max: 1565px;
--text-max: 817px;
--radius-lg: 22px;
--page-max-width: 1565px;
--idx-max-width: 1565px;
--max-width: 1565px;
--page-reading-width: 970px;
--reading-width: 970px;
--content-width: 970px;
--text-column-width: 970px;
--text-width: 975px;
--page-hero-reading-width: 817px;
--hero-text-width: 817px;
--hero-text-max: 817px;
--hero-text-max-width: 817px;
--transition: all 0.25s ease;
--site-page-frame-mode: contained;
--site-hero-layout-family: editorial_band;
--site-breakout-mode: controlled;
--site-frame-width-policy: page;
--site-surface-density: balanced;
--page-card-radius: 22px;
--page-card-shadow: 0 20px 48px rgb(226, 244, 231);
--page-card-border: rgb(226, 244, 231);
--page-card-bg: rgb(226, 244, 231);
--content-heading: hsl(139, 10%, 8%);
--content-accent-ui: hsl(139, 78%, 58%);
--content-link-color: #ffffff;
--content-link-hover: hsl(232, 62%, 58%);}
main.vc57a22_4cm.i3664b7{background-color: var(--content-page-bg);
color: var(--content-text);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
text-align: left;}
main.vc57a22_4cm .t67c86b{max-width: inherit;
margin: 0 auto;
padding: 0 40px;}
main.vc57a22_4cm .s7302c1_9o{position: relative;
padding: 120px 0 80px;
overflow: hidden;
background: linear-gradient(135deg, #f0f4f2 0%, #e8edeb 100%);
isolation: isolate;
color: hsl(220, 10%, 11%);}
main.vc57a22_4cm .s7302c1_9o::after{content: "";
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background-image: url("../images/compatibility-office-brand-visual-1.jpg");
background-size: cover;
background-position: center;
mask-image: linear-gradient(to left, black 60%, transparent);
-webkit-mask-image: linear-gradient(to left, black 60%, transparent);
z-index: 1;}
main.vc57a22_4cm .pfdde945cab{position: relative;
z-index: 2;
max-width: inherit;}
main.vc57a22_4cm .s7302c1_9o h1{font-size: 56px;
font-weight: 800;
line-height: 1.1;
margin-bottom: 24px;
color: var(--content-text);
letter-spacing: -0.02em;}
main.vc57a22_4cm .s7302c1_9o p{font-size: 20px;
color: var(--content-text-muted);
margin-bottom: 40px;
max-width: 640px;}
main.vc57a22_4cm .w1f53__1e496{display: flex;
gap: 16px;
align-items: center;}
main.vc57a22_4cm .y509e07_3ff{background-color: var(--primary-color);
color: #fff;
padding: 16px 36px;
border-radius: 12px;
font-weight: 600;
text-decoration: none;
transition: inherit;
box-shadow: 0 8px 20px rgba(74, 222, 128, 0.2);}
main.vc57a22_4cm .y509e07_3ff:hover{transform: translateY(-2px);
box-shadow: 0 12px 24px rgba(74, 222, 128, 0.3);}
main.vc57a22_4cm .j0efc9c_980{padding: 100px 0;}
main.vc57a22_4cm .r4b9c6f7d4{display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
margin-top: 48px;
width: 100%;
max-width: 100%;}
main.vc57a22_4cm .a76eed686{background: var(--content-surface-bg);
border-radius: var(--radius-md);
padding: 40px;
border: 1px solid var(--content-border);
transition: inherit;
color: hsl(220, 10%, 11%);}
main.vc57a22_4cm .a76eed686:hover{border-color: var(--border-color);
box-shadow: 0 20px 40px rgba(0,0,0,0.04);}
main.vc57a22_4cm .a76eed686 h3{font-size: 24px;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 12px;}
main.vc57a22_4cm .a76eed686 h3 svg{width: 28px;
height: 28px;
fill: inherit;}
main.vc57a22_4cm .icufxmuvmg{list-style: none;
padding: 0;
margin: 0;}
main.vc57a22_4cm .icufxmuvmg li{padding: 12px 0;
border-bottom: 1px solid var(--content-border);
display: flex;
justify-content: space-between;
color: var(--content-text-muted);}
main.vc57a22_4cm .icufxmuvmg li span:last-child{color: var(--content-text);
font-weight: 500;}
main.vc57a22_4cm .h6e2__438{background: #fff;
padding: 100px 0;
color: hsl(220, 10%, 11%);}
main.vc57a22_4cm .w2593caafb{display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
margin-top: 60px;
width: 100%;
max-width: 100%;}
main.vc57a22_4cm .d704__8227e{position: relative;}
main.vc57a22_4cm .k640a28015{font-size: 48px;
font-weight: 800;
color: var(--text-color);
opacity: 0.2;
margin-bottom: 10px;}
main.vc57a22_4cm .d704__8227e h4{font-size: 20px;
margin-bottom: 12px;}
main.vc57a22_4cm .d704__8227e p{color: var(--content-text-muted);
font-size: 15px;}
main.vc57a22_4cm .lcfec_4a2{padding: 100px 0;
max-width: 900px;}
main.vc57a22_4cm .v3c826e2_9g{margin-bottom: 48px;}
main.vc57a22_4cm .cbvhtfrc{margin-bottom: 24px;
border-bottom: 1px solid var(--content-border);
padding-bottom: 24px;}
main.vc57a22_4cm .cbvhtfrc h4{font-size: 18px;
margin-bottom: 12px;
color: var(--content-text);}
main.vc57a22_4cm .cbvhtfrc p{color: var(--content-text-muted);
font-size: 16px;}
main.vc57a22_4cm .pd5a2ec02aa{padding: 80px 0 40px;
border-top: 1px solid var(--content-border);
background: var(--content-page-bg);
color: hsl(220, 10%, 11%);}
main.vc57a22_4cm .x5b4__d41d{display: grid;
grid-template-columns: 2fr 1fr 1fr;
gap: 60px;
margin-bottom: 60px;
width: 100%;
max-width: 100%;}
main.vc57a22_4cm .c6abc5_784b h2{font-size: 24px;
margin-bottom: 16px;}
main.vc57a22_4cm .f70a__2776 h5{font-size: 16px;
margin-bottom: 20px;
color: var(--content-text);}
main.vc57a22_4cm .f70a__2776 ul{list-style: none;
padding: 0;}
main.vc57a22_4cm .f70a__2776 li{margin-bottom: 12px;}
main.vc57a22_4cm .f70a__2776 a{color: var(--content-text-muted);
text-decoration: none;
transition: inherit;}
main.vc57a22_4cm .f70a__2776 a:hover{color: var(--text-color);}
main.vc57a22_4cm .m6d2__3ac8{padding-top: 40px;
border-top: 1px solid var(--content-border);
font-size: 14px;
color: var(--content-text-muted);}
@media (max-width: 1024px) {main.vc57a22_4cm .r4b9c6f7d4, main.vc57a22_4cm .w2593caafb{grid-template-columns: 1fr;}
main.vc57a22_4cm .s7302c1_9o::after{display: none;}
main.vc57a22_4cm .pfdde945cab{max-width: 100%;}}
html, body{margin: 0;
padding: 0;}
body *, body *::before, body *::after{box-sizing: border-box;}
main :is(div, div, div, div, ul, ol, li, figure, picture, table, form, fieldset, pre, blockquote){box-sizing: border-box        !important;
min-width: 0;
max-width: 100%;}
main [data-layout-collapse-single="1"]{display: block        !important;
grid-template-columns: minmax(0, 1fr)        !important;
flex-direction: column        !important;
align-items: stretch        !important;
justify-content: flex-start        !important;}
main [data-layout-collapse-single="1"] > *{width: 100%        !important;
max-width: 100%        !important;
margin-left: 0        !important;
margin-right: 0        !important;}
main [data-flow-list="1"]{margin: 1rem 0;
padding-left: 1.25rem;}
main [data-flow-list="1"] > li{margin-bottom: 0.65rem;}
html, body{overflow-x: hidden;
max-width: 100vw;}
main{overflow-x: hidden;
max-width: 100%;}
main > div, main > div, main > div{max-width: 100%;}
main > :first-child, main > div:first-of-type, main > div:first-of-type{max-width: 100%;
overflow: hidden;}
main > :first-child > *, main > div:first-of-type > *, main > div:first-of-type > *{max-width: 100%;}
body{background: var(--content-page-bg, hsl(139, 7%, 96%));
color: var(--content-text, hsl(139, 10%, 8%));}
div.lcfec_4a2 > :nth-child(1) > :nth-child(2), div.lcfec_4a2 > :nth-child(1) > :nth-child(3){position: relative   !important;
display: grid   !important;
gap: clamp(16px, 2vw, 20px)   !important;
padding: clamp(22px, 2.4vw, 28px)   !important;
margin: 0   !important;
border-radius: 22px   !important;
background: rgb(226, 244, 231)   !important;
border: 1px solid rgb(226, 244, 231)   !important;
box-shadow: 0 20px 48px rgb(226, 244, 231)   !important;
color: hsl(220, 10%, 11%);}
div.lcfec_4a2 > :nth-child(1) > :nth-child(2)::before, div.lcfec_4a2 > :nth-child(1) > :nth-child(3)::before{content: "";
position: absolute;
left: 0   !important;
top: 20px   !important;
bottom: 20px   !important;
width: 4px   !important;
border-radius: 999px   !important;
background: var(--content-accent-ui, var(--primary-color, #2563eb))   !important;
opacity: 0.68   !important;
color: hsl(220, 10%, 11%);}
div.lcfec_4a2 > :nth-child(1) > :nth-child(2) > :is(h3, h4, h5, p, ul, ol, dl, blockquote), div.lcfec_4a2 > :nth-child(1) > :nth-child(3) > :is(h3, h4, h5, p, ul, ol, dl, blockquote){margin: 0   !important;}
div.lcfec_4a2 > :nth-child(1) > :nth-child(2) > :is(h3, h4, h5), div.lcfec_4a2 > :nth-child(1) > :nth-child(3) > :is(h3, h4, h5){color: var(--content-text, #111827)   !important;}
div.lcfec_4a2 > :nth-child(1) > :nth-child(2) > :is(p, ul, ol, dl, blockquote), div.lcfec_4a2 > :nth-child(1) > :nth-child(3) > :is(p, ul, ol, dl, blockquote){color: var(--content-text-muted, rgba(31, 35, 40, 0.74))   !important;}
div.pfdde945cab{text-align: left   !important;
align-items: flex-start   !important;}
div.pfdde945cab > :is(h1, h2, p){text-align: left   !important;
max-width: min(100%, var(--page-hero-reading-width, 817px))   !important;
margin-left: 0   !important;
margin-right: auto   !important;}
div.pfdde945cab > :is(div, nav, ul, ol){margin-left: 0   !important;
margin-right: auto   !important;}
div.s7302c1_9o div.pfdde945cab{--x31b5ad094a: hsl(0, 18%, 28%);
--j1fa__06a7: rgba(84, 58, 58, 0.78);
--x4d9__ee01: hsl(139, 78%, 24%);
--f59e94d415b: dark;}
div.s7302c1_9o div.pfdde945cab{--x31b5ad094a: hsl(0, 18%, 28%);
--j1fa__06a7: rgba(84, 58, 58, 0.78);
--x4d9__ee01: hsl(139, 78%, 24%);
--f59e94d415b: dark;
color: var(--x31b5ad094a, hsl(0, 18%, 28%))   !important;}
div.s7302c1_9o div.pfdde945cab :is(h1, h2, h3, h4, h5, h6, strong, b, em){color: var(--x31b5ad094a, hsl(0, 18%, 28%))   !important;}
div.s7302c1_9o div.pfdde945cab a:not([class]):not([data-track]):not([role="button"]), div.s7302c1_9o div.pfdde945cab a[class=""]:not([data-track]):not([role="button"]){color: var(--x4d9__ee01, hsl(139, 78%, 24%))   !important;}
div.s7302c1_9o div.pfdde945cab :is(p, li, small, blockquote, figcaption, dd, dt, label){color: var(--j1fa__06a7, rgba(84, 58, 58, 0.78))   !important;}