.pers-integration-hero{position:relative;min-height:610px;display:flex;align-items:end;overflow:hidden}.pers-integration-hero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pers-integration-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#1e1b4b,rgba(30,27,75,.25))}.pers-integration-hero .container{position:relative;z-index:1;padding-bottom:72px;max-width:950px}.pers-integration-hero h1,.pers-integration-hero p{color:#fff}.pers-integration-hero .eyebrow{color:var(--brand-accent)}.pers-architecture-notes,.pers-integration-timeline,.pers-runtime-dashboard{padding:96px 0}.pers-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}.pers-dashboard-grid article{padding:28px;border-radius:var(--brand-radius);background:var(--brand-bg-alt);border:1px solid var(--brand-border)}.pers-dashboard-grid span{color:var(--brand-primary);font-weight:900}.pers-dashboard-grid b{display:block;color:var(--brand-primary-dark)}.pers-architecture-notes{background:#12101f;color:#fff}.pers-architecture-notes a:not([class*=btn-]),.pers-architecture-notes h2,.pers-architecture-notes h3,.pers-architecture-notes p{color:#fff}.pers-architecture-notes .container>div{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.pers-architecture-notes article{padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:var(--brand-radius)}.pers-architecture-notes a{color:var(--brand-accent)}.pers-integration-timeline ol{list-style:none;padding:0;max-width:900px;margin:auto;border-left:2px solid var(--brand-primary-light)}.pers-integration-timeline li{position:relative;padding:0 0 36px 42px}.pers-integration-timeline li:before{content:"";position:absolute;left:-9px;top:5px;width:16px;height:16px;background:var(--brand-accent);border-radius:50%}.pers-integration-timeline span{font-weight:900;color:var(--brand-primary)}.pers-integration-cta{padding:80px 0 96px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));text-align:center}.pers-integration-cta h2,.pers-integration-cta p{color:#fff}.pers-integration-cta code{display:block;max-width:560px;margin:24px auto;padding:16px;background:#12101f;border-radius:var(--brand-radius)}@media (max-width:991px){.pers-architecture-notes .container>div,.pers-dashboard-grid{grid-template-columns:1fr 1fr}}@media (max-width:575px){.pers-architecture-notes .container>div,.pers-dashboard-grid{grid-template-columns:1fr}}