.integration-ecosystem{padding-top:44px;padding-bottom:38px;border-top:1px solid #dce2ea;position:relative;z-index:2}
.integration-heading{margin-bottom:34px}
.integration-heading .eyebrow{font-size:.75rem;letter-spacing:.8px;margin-bottom:15px}
.integration-heading h2{font-size:clamp(1.7rem,2.65vw,2.5rem);font-weight:400;line-height:1.38;letter-spacing:-.025em;color:#65748a}
.integration-heading h2 strong{color:#17283e;font-weight:650}
.integration-heading p{font-size:1rem;line-height:1.8;color:#748197;max-width:650px;margin-top:14px}
.integration-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #e8ecf2;border-bottom:1px solid #e8ecf2;padding:28px 0 24px;gap:0}
.integration-card{min-width:0;text-align:center;padding:0 13px;border-inline-end:1px solid #edf0f5}
.integration-card:last-child{border-inline-end:0}
.integration-card h3{font-size:.875rem;font-weight:500;line-height:1.5;min-height:43px;margin:0;color:#596b84}
.integration-card h3 a{display:inline-block;transition:color .25s}
.integration-card h3 a:hover{color:#c17e50}
.integration-stage{height:102px;display:grid;align-items:center;overflow:hidden;margin-top:12px}
.integration-slide{width:100%;text-align:center;opacity:1;transform:none}
.integration-slide[hidden]{display:none!important}
.brand-logo{height:57px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;filter:grayscale(1);opacity:.6;transition:filter .45s,opacity .45s}
.brand-logo img{width:42px;height:42px;object-fit:contain;max-width:100%}
.brand-logo.brand-wide img{width:104px;height:43px}
.brand-logo.brand-dark-mat img{width:67px;height:38px;filter:brightness(0) saturate(100%) invert(13%) sepia(15%) saturate(1791%) hue-rotate(174deg) brightness(93%) contrast(98%)}
.brand-logo.brand-text-reference{color:#77859a}
.brand-logo.brand-text-reference svg{width:35px;height:35px;stroke-width:1}
.integration-slide>strong{display:block;font:500 .875rem/1.5 'Inter',sans-serif;color:#6d7b8e;letter-spacing:-.3px}
.integration-card:hover .brand-logo,.integration-card:focus-within .brand-logo{filter:grayscale(0);opacity:1}
.integration-slide.is-leaving{animation:logo-leave .24s ease-in both}
.integration-slide.is-entering{animation:logo-enter .36s cubic-bezier(.2,.7,.3,1) both}
.integration-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;margin-top:22px}
.integration-note{font-size:.75rem;line-height:1.8;color:#7b889b;max-width:770px;margin:0}
.integration-bottom>.text-link{font-size:.875rem;flex-shrink:0;gap:10px;color:#a86f47}
.integration-bottom>.text-link svg{width:15px;height:15px}
.assurance{margin-top:58px;padding-top:42px;border-top:1px solid #e0e6ef}
.assurance-heading .eyebrow{font:.75rem 'Inter',sans-serif;letter-spacing:1.3px;margin-bottom:19px}
.assurance-heading>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:33px}
.assurance-heading h3{font-size:2.125rem;font-weight:600;letter-spacing:-.025em;line-height:1.3}
.assurance-heading p{font-size:1rem;line-height:1.9;color:#6b7b91;max-width:510px}
.frameworks>h4,.identity-copy>h4{font-size:1rem;font-weight:500;line-height:1.6;margin:0 0 18px}
.frameworks>h4{text-align:center;color:#65758c}
.framework-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;max-width:960px;margin:28px auto 24px}
.framework-seal{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;--seal-color:#4374ac}
.seal-1{--seal-color:#268f89}.seal-2{--seal-color:#6469bb}.seal-3{--seal-color:#37876f}
.seal-emblem{width:172px;height:auto;aspect-ratio:1;max-width:100%;position:relative;color:#8d98a8;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:color .4s,transform .4s;flex-shrink:0}
.seal-ring{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1}
.seal-ring>circle:first-child{stroke-width:1.6}
.seal-ring text{font:500 12px 'Inter',sans-serif;letter-spacing:2.4px;fill:currentColor;stroke:none}
.seal-ring .seal-dot{fill:currentColor;stroke:none}
.seal-symbol{display:flex;align-items:center;justify-content:center;margin-top:15px;margin-bottom:5px}
.seal-symbol svg{width:22px;height:22px;stroke-width:1.25}
.seal-emblem>strong{font:550 30px/1.3 'Inter',sans-serif;letter-spacing:-.7px}
.seal-status{font:500 12px/1.3 'Inter',sans-serif;letter-spacing:1.35px;margin-top:7px}
.framework-caption{display:block;font-size:.875rem;line-height:1.65;margin-top:16px;color:#6c7a8e}
.framework-version{display:block;font:.75rem/1.7 'Inter',sans-serif;color:#8591a2;margin-top:5px;letter-spacing:-.2px}
.framework-seal:hover .seal-emblem,.framework-seal:focus-visible .seal-emblem{color:var(--seal-color);transform:translateY(-4px)}
.framework-seal:hover .framework-caption,.framework-seal:focus-visible .framework-caption{color:var(--seal-color)}
.framework-note{font-size:.75rem;line-height:1.9;color:#8995a6;text-align:center;max-width:800px;margin:0 auto}
.identity-panel{display:grid;grid-template-columns:1fr 1.65fr;gap:50px;padding-top:33px;margin-top:35px;border-top:1px solid #e3e9f1}
.identity-copy>h4{margin-bottom:10px}
.identity-copy>p{font-size:.875rem;line-height:1.9;color:#7b8aa0;max-width:380px}
.identity-providers{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:24px;direction:ltr}
.identity-provider{display:flex;align-items:center;gap:7px;filter:grayscale(1);opacity:.65;transition:filter .4s,opacity .4s}
.identity-provider:hover{filter:grayscale(0);opacity:1}
.identity-provider img{width:22px;height:22px;object-fit:contain}
.identity-provider strong{font:500 .75rem 'Inter',sans-serif;color:#3c4e69;letter-spacing:-.2px}
.access-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:25px}
.access-control{padding-inline-start:20px;border-inline-start:1px solid #e3e9f1}
.access-code{display:block;font:550 .875rem 'Inter',sans-serif;letter-spacing:.7px;color:#8698b5;margin-bottom:16px}
.access-control h4{font-size:.875rem;font-weight:500;margin:0 0 9px;line-height:1.6}
.access-control p{font-size:.875rem;line-height:1.9;color:#7a8aa1;margin:0}
@keyframes logo-leave{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-7px)}}
@keyframes logo-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.motion-paused .integration-slide{animation:none}
@media(max-width:1100px){.integration-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:35px}.integration-card:nth-child(4){border-inline-end:0}.integration-card h3{min-height:43px}.integration-stage{margin-top:16px}.integration-bottom{gap:25px}.assurance-heading>div:last-child{gap:45px}.framework-grid{gap:25px}.identity-panel{grid-template-columns:1fr;gap:30px}.identity-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.identity-copy>h4{grid-column:1}.identity-copy>p{grid-column:1}.identity-providers{grid-column:2;grid-row:1/3;align-self:center;margin:0;justify-content:flex-end}.access-control:first-child{padding-inline-start:0;border-inline-start:0}}
@media(max-width:650px){.integration-ecosystem{padding-top:32px;padding-bottom:29px}.integration-heading{margin-bottom:27px}.integration-heading h2{font-size:clamp(1.6rem,5.8vw,2.4rem)}.integration-heading p{font-size:1rem;margin-top:15px}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:27px;row-gap:31px}.integration-card{padding-inline:16px}.integration-card:nth-child(even){border-inline-end:0}.integration-card:last-child{grid-column:1/-1;width:50%;justify-self:center}.integration-card h3{font-size:.875rem;min-height:43px}.integration-stage{height:104px;margin-top:15px}.brand-logo img{width:45px;height:43px}.brand-logo.brand-wide img{width:110px}.integration-bottom{display:block;margin-top:22px}.integration-bottom>.text-link{display:inline-flex;margin-top:18px}.assurance{padding-top:33px;margin-top:38px}.assurance-heading>div:last-child{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.assurance-heading h3{font-size:1.875rem}.assurance-heading p{font-size:1rem}.framework-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 15px;margin-top:24px}.seal-emblem{width:154px;height:auto}.seal-symbol{margin-top:14px;margin-bottom:4px}.seal-symbol svg{width:20px;height:20px}.seal-emblem>strong{font-size:27px}.seal-status{font-size:12px;letter-spacing:.7px;margin-top:6px}.framework-caption{font-size:.875rem;margin-top:12px}.framework-version{font-size:.75rem}.identity-panel{gap:27px;margin-top:29px;padding-top:29px}.identity-copy{display:block}.identity-providers{margin-top:23px;justify-content:flex-start;gap:22px}.access-controls{grid-template-columns:1fr;gap:0}.access-control{display:grid;grid-template-columns:50px 1fr;gap:19px;border-inline-start:0;border-bottom:1px solid #e3e9f1;padding:17px 0}.access-control:last-child{border-bottom:0}.access-code{margin:3px 0 0}.access-control h4{font-size:.9375rem;margin-bottom:5px}.access-control p{font-size:.875rem}.framework-note{font-size:.75rem;line-height:1.9}.frameworks>h4{font-size:.9375rem}}
@media(prefers-reduced-motion:reduce){.integration-slide{animation:none!important}.brand-logo,.seal-emblem,.identity-provider{transition:none}}