/* CPRI Module 015 — page-scoped presentation (landing, auth). CSP-safe classes only. */
.cpri-hero { max-width: var(--content-max); margin: 0 auto; padding: var(--sp-16) var(--sp-6) var(--sp-12); }
.cpri-hero__inner { max-width: 760px; }
.cpri-hero__title { font-size: var(--fs-3xl); line-height: 1.15; }
.cpri-hero__lead { font-size: var(--fs-lg); color: var(--text-secondary); max-width: 64ch; }
.cpri-section { max-width: var(--content-max); margin: 0 auto; padding: var(--sp-12) var(--sp-6); }
.cpri-section--surface { background: var(--surface); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.cpri-section--surface .cpri-section { border: 0; }
.cpri-section--brand { background: var(--brand-primary); color: var(--text-on-brand); text-align: center; }
.cpri-section--brand h2 { color: #fff; }
.cpri-section--brand p { color: rgba(243,247,244,0.85); max-width: 60ch; margin-left: auto; margin-right: auto; }
.cpri-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-10); align-items: start; }
.cpri-feature-icon { color: var(--brand-primary); margin-bottom: var(--sp-3); }
.cpri-brand-link { display: inline-flex; align-items: center; gap: var(--sp-2); text-decoration: none; color: var(--text-primary); }
.cpri-brand-link:hover { text-decoration: none; }
.cpri-auth__logo { display: flex; align-items: center; justify-content: center; gap: var(--sp-2); margin-bottom: var(--sp-5); }
.cpri-auth__foot { text-align: center; margin-top: var(--sp-5); }
.cpri-disclosure__name { padding: var(--sp-2) var(--sp-3); }
.cpri-menu-form { margin: 0; }
@media (max-width: 768px) { .cpri-two-col { grid-template-columns: 1fr; gap: var(--sp-6); } }