.feature-list { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 0.8rem 2.5rem; margin-top: 1rem; padding: 0; width: 100%; max-width: 800px; }
.feature-item { display: flex; align-items: center; gap: 0.6rem; font-size: 1rem; font-weight: 400; color: #c0c0d0; opacity: 0; transform: translateY(25px); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.feature-item.visible { opacity: 1; transform: translateY(0); }
html.light-mode .feature-item { color: #1e293b !important; }

.check-icon { width: 20px; height: 20px; flex-shrink: 0; fill: none; stroke: #a855f7; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.feature-item.visible .check-icon { animation: draw-tick 0.6s ease forwards; }
@keyframes draw-tick { 0% { stroke-dasharray: 0, 30; stroke-dashoffset: 0; } 100% { stroke-dasharray: 30, 30; stroke-dashoffset: 0; } }