/* landing.css is shared and identical across the apps. This app's accent and its own pieces are here. */
body[data-app="passwords"] { --accent: #5fd4b4; }

.why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; padding-bottom: var(--section-y); }
.why { padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: #141414; }
.why h3 { margin: 0; font-size: 18px; letter-spacing: -0.01em; }
.why p { margin: 8px 0 0; }