/* Native OPS capabilities and recognisable application marks, within the corporate site. */
.ops-apps-opening,.ops-work-tools{color:var(--ink);background:var(--paper)}
.ops-apps-opening{padding:68px max(22px,calc((100vw - 1280px)/2));background:#eeedf7}
.ops-apps-eyebrow{font-size:.875rem;line-height:1.5;font-weight:700;color:#5949a1;margin:0 0 16px}
.ops-apps-intro{max-width:800px;margin-bottom:32px}.ops-apps-intro h2,.ops-native-intro h2,.ops-catalogue-intro h2{font-size:clamp(2rem,3.7vw,3.4rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 22px}
.ops-apps-intro>p:not(.ops-apps-eyebrow),.ops-native-intro p:not(.ops-apps-eyebrow),.ops-catalogue-intro>p:not(.ops-apps-eyebrow){font-size:1.0625rem;line-height:1.65;margin-bottom:24px}
.ops-logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.ops-app-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;min-height:125px;padding:18px 10px;border:1px solid #d4d4e2;border-radius:10px;background:white;color:#171a39;box-shadow:none;text-align:center;text-decoration:none}
.ops-app-logo img{width:42px;height:42px;object-fit:contain;flex-shrink:0}
.ops-app-name{font-size:.9375rem;line-height:1.35;font-weight:650;overflow-wrap:anywhere}.ops-app-name small{display:block;margin-top:6px;font-size:.875rem;font-weight:400}
.ops-app-logo:hover{border-color:#6857c4;background:#faf9ff}.ops-app-logo:focus-visible{outline:3px solid #6857c4;outline-offset:3px}
.ops-native-inline{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:25px}.ops-native-inline>span{display:flex;align-items:center;gap:10px;font-size:.9375rem}.ops-native-inline img{width:24px;height:24px}
.ops-apps-actions{display:flex;gap:18px 34px;flex-wrap:wrap;align-items:center;margin-top:28px}
.ops-apps-link{display:inline-flex;align-items:center;min-height:44px;font-size:1rem;font-weight:650;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#6857c4}
.ops-native-block,.ops-connected-block{padding:65px max(22px,calc((100vw - 1280px)/2))}
.ops-native-block{background:#eeedf7}.ops-native-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:45px;align-items:center;margin-bottom:36px}.ops-native-intro:has(>div:only-child){grid-template-columns:1fr;max-width:830px}
.ops-native-intro figure{max-width:100%;margin:0;background:transparent;overflow:visible}.ops-native-intro figure img{aspect-ratio:16/10;object-fit:cover;border-radius:8px}.ops-native-intro figcaption{font-size:.875rem;line-height:1.5;margin-top:12px}
.ops-native-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px}
.ops-native-card{padding:22px 0;border-top:1px solid #bcb8d2}.ops-native-card img{width:28px;height:28px;margin-bottom:16px}.ops-native-card h3{font-size:1.4rem;line-height:1.15;margin:0 0 12px}.ops-native-card p{font-size:1rem;line-height:1.6;margin:0;color:#555a72;max-width:38ch}
.ops-connection-group{display:grid;grid-template-columns:280px minmax(0,1fr);gap:40px;padding:32px 0;border-top:1px solid #d4d4e2}
.ops-connection-purpose h3{font-size:1.6rem;line-height:1.15;letter-spacing:-.025em;margin:0 0 15px}.ops-connection-purpose p{font-size:1rem;line-height:1.6;color:#555a72;margin:0}
.ops-connection-group .ops-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ops-connection-group .ops-app-logo{min-height:116px}
.ops-connection-note{font-size:.875rem;line-height:1.6;color:#555a72;max-width:100ch;margin-top:20px}
.ops-catalogue-intro{max-width:830px;padding:0 0 22px}.nd-tool:target{outline:3px solid #6857c4;outline-offset:4px;scroll-margin-top:calc(var(--corporate-header-height) + 100px)}
@media(max-width:1050px){.ops-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ops-connection-group{grid-template-columns:210px minmax(0,1fr);gap:24px}.ops-connection-group .ops-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-native-intro{gap:26px}}
@media(max-width:700px){.ops-apps-opening,.ops-native-block,.ops-connected-block{padding:44px 22px}.ops-native-intro{grid-template-columns:1fr}.ops-native-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ops-native-card h3{font-size:1.25rem}.ops-connection-group{grid-template-columns:1fr;gap:22px}.ops-logo-grid,.ops-connection-group .ops-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ops-app-logo{padding:16px 8px;min-height:110px}.ops-app-logo img{width:34px;height:34px}.ops-app-name{font-size:.875rem}.ops-native-inline{gap:16px}.ops-apps-actions{gap:12px}.ops-apps-intro h2,.ops-native-intro h2{font-size:2.15rem}}
@media(max-width:380px){.ops-native-grid{grid-template-columns:1fr}.ops-logo-grid,.ops-connection-group .ops-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}