@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap");.cf-personas{--enterprise:#00033c;--white:#fff;--sky:#d5eefe;--blue-north:#0033d5;--scout:#2dd4bf;--radius:4px;--radius-card:8px;background:var(--white);color:var(--enterprise);font-family:DM Sans,system-ui,sans-serif;line-height:1.55;padding:72px 0}.cf-personas *,.cf-personas :after,.cf-personas :before{box-sizing:border-box}.cf-personas [hidden]{display:none!important}.cf-personas svg{max-width:100%}.cf-personas .container{margin:0 auto;max-width:1440px;padding:0 48px}.cf-personas .section-title{color:var(--enterprise);font-size:clamp(32px,3.6vw,48px);font-weight:600;letter-spacing:-.02em;line-height:1.08;margin:0 0 14px}.cf-personas .btn-secondary{align-items:center;background:var(--white);border:1px solid var(--enterprise);border-radius:var(--radius);color:var(--enterprise);display:inline-flex;font-family:inherit;font-size:15px;font-weight:600;gap:8px;min-height:48px;padding:0 20px;text-decoration:none;transition:background-color .18s,color .18s,border-color .18s}.cf-personas .btn-secondary:hover{background:var(--blue-north);border-color:var(--blue-north);color:var(--white)}.cf-personas .btn-icon{cursor:pointer;flex:none;height:48px;justify-content:center;padding:0;width:48px}.cf-personas .ic{display:flex}.cf-personas .role-tab{all:unset;align-items:center;border-bottom:1px solid var(--sky);box-sizing:border-box;color:var(--enterprise);cursor:pointer;display:flex;flex:1 1 0;font-family:inherit;font-size:19px;font-weight:600;gap:20px;justify-content:space-between;letter-spacing:-.01em;min-height:68px;padding:0 12px;position:relative;text-align:left;width:100%}.cf-personas .role-ind,.cf-personas .role-tab.is-active,.cf-personas .role-tab:hover{color:var(--blue-north)}.cf-personas .role-ind{align-items:center;background:var(--white);border:1px solid var(--blue-north);border-radius:var(--radius);display:flex;flex:none;height:36px;justify-content:center;transition:transform .18s;width:36px}.cf-personas .role-tab.is-active .role-ind{background:var(--blue-north);color:var(--white)}.cf-personas .role-bar{display:none}.cf-personas .role-tab.is-active .role-bar{background:var(--blue-north);bottom:-1px;display:block;height:3px;left:0;position:absolute;width:100%}.cf-personas .role-tab.is-active .role-bar.is-playing{animation:cf-roleprog 6s linear forwards;width:0}.cf-personas .role-panel{background:var(--white);border:1px solid var(--sky);border-radius:var(--radius-card);box-shadow:0 10px 30px -18px rgba(0,3,60,.25);color:var(--enterprise);display:flex;flex:2 1 520px;flex-direction:column;justify-content:center;min-height:460px;min-width:0;overflow:hidden;padding:44px 48px;position:relative}.cf-personas .role-lead{color:var(--enterprise);font-size:clamp(26px,2.6vw,36px);font-weight:400;letter-spacing:-.02em;line-height:1.22;margin:0 0 24px;position:relative}.cf-personas .check-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0;position:relative}.cf-personas .check-item{align-items:flex-start;color:var(--enterprise);display:flex;font-size:17px;gap:12px;line-height:1.5}.cf-personas .check-box{align-items:center;background:var(--scout);border-radius:var(--radius);color:var(--enterprise);display:flex;flex:none;height:28px;justify-content:center;margin-top:1px;width:28px}.cf-personas .role-tab:focus-visible,.cf-personas a:focus-visible,.cf-personas button:focus-visible{outline:3px solid var(--blue-north);outline-offset:3px}@media (max-width:760px){.cf-personas{padding:56px 0}.cf-personas .container{padding-left:20px;padding-right:20px}.cf-personas [data-rotate-toggle]{display:none!important}.cf-personas .role-layout{display:block!important}.cf-personas .role-list{max-width:none!important}.cf-personas .role-tab{font-size:17px;min-height:64px;padding:0 4px}.cf-personas .role-tab.is-active{border-bottom-color:transparent}.cf-personas .role-tab.is-active .role-ind{transform:rotate(90deg)}.cf-personas .role-tab .role-bar{display:none!important}.cf-personas .role-panel{box-shadow:none;flex:none;justify-content:flex-start;margin:0 0 16px;min-height:0;padding:22px 20px}.cf-personas .role-lead{font-size:21px;margin-bottom:18px}.cf-personas .role-panel .check-item{font-size:16px}}@keyframes cf-roleprog{0%{width:0}to{width:100%}}@media (prefers-reduced-motion:reduce){.cf-personas *{animation:none!important;transition:none!important}}