/** OOI Platform — Expertise Identity V2 */
.ooi-identity-expertise {
    position: relative;
    display: grid;
    grid-template-columns: minmax(270px, .72fr) minmax(0, 1.28fr);
    grid-template-rows: auto auto 1fr;
    gap: 28px clamp(42px, 7vw, 100px);
    width: 100%;
    padding: clamp(36px, 5vw, 76px);
    overflow: hidden;
    color: #10233f;
    border: 1px solid rgba(114, 112, 172, .15);
    border-radius: 30px;
    background: radial-gradient(circle at 5% 100%, rgba(217,158,130,.14), transparent 28%), linear-gradient(135deg,#fff 0%,#f7f8fb 58%,#edf6f7 100%);
    box-shadow: 0 22px 64px rgba(16,35,63,.08);
}
.ooi-identity-expertise::before { position:absolute; inset:0 0 auto; height:4px; background:linear-gradient(90deg,#d99e82,#ffab4e,#80c5cf); content:""; }
.ooi-identity-expertise__header { grid-column:1; grid-row:1; align-self:start; }
.ooi-identity-expertise__eyebrow { display:block; margin-bottom:14px; color:#7270ac; font-size:12px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.ooi-identity-expertise__title { max-width:520px; margin:0; color:#10233f; font-size:clamp(42px,4.8vw,70px); line-height:.96; letter-spacing:-.045em; }
.ooi-identity-expertise__profession { display:inline-flex; margin-top:20px; padding:8px 13px; color:#304b62; border-radius:999px; background:rgba(128,197,207,.18); font-weight:850; }
.ooi-identity-expertise__description { max-width:600px; margin:22px 0 0; color:#617087; font-size:17px; line-height:1.75; }
.ooi-identity-expertise__stats { display:flex; grid-column:1; grid-row:2; flex-wrap:wrap; gap:10px; align-self:start; }
.ooi-identity-expertise__stat { display:grid; min-width:100px; gap:3px; padding:13px 15px; border:1px solid rgba(16,35,63,.10); border-radius:16px; background:rgba(255,255,255,.74); }
.ooi-identity-expertise__stat strong { font-size:25px; line-height:1; }
.ooi-identity-expertise__stat span { color:#718097; font-size:11px; font-weight:750; }
.ooi-identity-expertise__block { grid-column:2; min-width:0; }
.ooi-identity-expertise__stats + .ooi-identity-expertise__block { grid-row:1 / span 2; }
.ooi-identity-expertise__block + .ooi-identity-expertise__block { grid-row:3; margin-top:6px; }
.ooi-identity-expertise__subtitle { margin:0 0 18px; color:#334a65; font-size:13px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.ooi-identity-expertise__roles { display:grid; gap:15px; }
.ooi-identity-expertise__role { position:relative; padding:22px 24px 22px 29px; overflow:hidden; border:1px solid rgba(16,35,63,.10); border-radius:20px; background:rgba(255,255,255,.84); }
.ooi-identity-expertise__role::before { position:absolute; inset:0 auto 0 0; width:5px; background:linear-gradient(#7270ac,#80c5cf); content:""; }
.ooi-identity-expertise__role-label { display:block; font-size:20px; font-weight:900; }
.ooi-identity-expertise__role-count { display:block; margin-top:4px; color:#728097; font-size:12px; font-weight:750; }
.ooi-identity-expertise__apports { display:grid; gap:7px; margin:15px 0 0; padding:15px 0 0 18px; color:#56677d; border-top:1px solid rgba(16,35,63,.09); font-size:13px; line-height:1.5; }
.ooi-identity-expertise__branches { display:flex; flex-wrap:wrap; gap:10px; }
.ooi-identity-expertise__branch { display:inline-flex; align-items:center; gap:8px; padding:9px 13px; color:#56538c; border-radius:999px; background:rgba(114,112,172,.11); font-size:12px; font-weight:850; }
.ooi-identity-expertise__branch small { display:grid; min-width:22px; height:22px; place-items:center; padding-inline:5px; color:#10233f; border-radius:50%; background:#fff; }
@media (max-width:820px) {
    .ooi-identity-expertise { display:block; padding:34px 20px; border-radius:24px; }
    .ooi-identity-expertise__header { text-align:center; }
    .ooi-identity-expertise__title { margin-inline:auto; font-size:clamp(40px,13vw,58px); }
    .ooi-identity-expertise__description { font-size:15px; }
    .ooi-identity-expertise__stats { justify-content:center; margin:26px 0 38px; }
    .ooi-identity-expertise__stat { min-width:92px; }
    .ooi-identity-expertise__block + .ooi-identity-expertise__block { margin-top:34px; }
    .ooi-identity-expertise__role { padding:20px 18px 20px 23px; }
    .ooi-identity-expertise__role-label { font-size:18px; }
}