/* Security & Trust — Figma-aligned hero (frame 12712:149717). Scoped .rp-security-hero.
   Full-bleed #114ef7 band; white H1 64/80 (-2px); #e7e7e7 two-paragraph sub; white CTA
   (blue text, r8); composite security illustration (assets/images/security/hero-visual.webp).
   Wave-2 PROMOTE+ALIGN. Enqueued after migration.css, presence-gated (rp-security-hero). */

.rp-security .rp-security-hero{
  background:#114ef7;
  width:100%;
  padding:64px 24px;
  margin:0;
}
.rp-security .rp-security-hero__inner{
  max-width:1280px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:48px;
}
.rp-security .rp-security-hero__text{
  flex:1 0 560px;
  max-width:620px;
}
.rp-security .rp-security-hero__h1{
  font-family:"Mulish",sans-serif;
  font-weight:700;
  font-size:64px;
  line-height:80px;
  letter-spacing:-2px;
  color:#fff;
  margin:0 0 24px;
}
.rp-security .rp-security-hero__sub{
  font-family:"Mulish",sans-serif;
  font-weight:400;
  font-size:20px;
  line-height:28px;
  color:#e7e7e7;
  margin:0 0 32px;
}
.rp-security .rp-security-hero__sub p{ margin:0 0 16px; color:inherit; } /* Cowork: global p{color:#666} was overriding the light #e7e7e7 on the blue band */
.rp-security .rp-security-hero__sub p:last-child{ margin-bottom:0; }
.rp-security .rp-security-hero__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:#114ef7;
  font-family:"Mulish",sans-serif;
  font-weight:600;
  font-size:18px;
  line-height:1;
  text-decoration:none;
  padding:16px 33px;
  border-radius:8px;
  transition:opacity .2s ease;
}
.rp-security .rp-security-hero__cta:hover{ opacity:.9; }
.rp-security .rp-security-hero__media{
  flex:0 1 530px;
  min-width:0;
}
.rp-security .rp-security-hero__img{
  display:block;
  width:530px;
  max-width:100%;
  height:auto;
}

@media (max-width:991px){
  .rp-security .rp-security-hero{ padding:48px 20px; }
  .rp-security .rp-security-hero__inner{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:32px;
  }
  .rp-security .rp-security-hero__text{ flex:1 1 auto; max-width:620px; }
  .rp-security .rp-security-hero__h1{ font-size:44px; line-height:54px; }
  .rp-security .rp-security-hero__media{ flex:1 1 auto; max-width:480px; }
  .rp-security .rp-security-hero__img{ width:100%; }
}
@media (max-width:480px){
  .rp-security .rp-security-hero__h1{ font-size:36px; line-height:44px; letter-spacing:-1px; }
  .rp-security .rp-security-hero__sub{ font-size:17px; line-height:26px; }
}