/* PrivaxisOS - modules-product.css: shared by the 5 product-module pages
   (ropa, dsr, assessments, webscan, analytics): two-column hero + shared
   dashboard-mockup framework. Linked after module.css. Amber accents and each
   module's specific mockup data stay page-local. */

.nav-brand-text { font-size: 22px; font-weight: 800; color: #214663; letter-spacing: 1px; }
.hero-inner { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.4fr; gap: 60px; align-items: center; position: relative; z-index: 1; }
.section-header { text-align: center; max-width: 700px; margin: 0 auto 60px; }
.benefit-list { display: flex; flex-direction: column; gap: 24px; }
.benefit-item { display: flex; align-items: flex-start; gap: 16px; }
.benefit-item h4 { font-size: 17px; font-weight: 600; color: #214663; margin-bottom: 6px; }
.benefit-item p { font-size: 14px; color: #64748b; line-height: 1.7; }