.card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.feature-card{background-color:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);padding:2rem;transition:all .2s}.feature-card:hover{border-color:var(--foreground);box-shadow:0 4px 6px -1px #0f172a1a}.feature-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.feature-title{margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.feature-description{color:var(--muted-foreground);font-size:.875rem;line-height:1.6}.benefit-card{background-color:var(--card);border-radius:var(--radius);border-left:2px solid var(--primary);padding:1.5rem}.benefit-title{margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.benefit-description{color:var(--muted-foreground);font-size:.875rem;line-height:1.5}