﻿.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .step-line::after {
            content: '';
            position: absolute;
            top: 40px;
            left: 20px;
            bottom: -40px;
            width: 2px;
            background: #e0e3e5;
            z-index: -1;
        }
        .step-line:last-child::after {
            display: none;
        }

        /* Interaction & Animation Classes */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        .card-hover:hover {
            transform: translateY(-8px) scale(1.02);
            box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.1);
        }

        details summary::-webkit-details-marker {
            display: none;
        }
        details[open] summary ~ * {
            animation: slideDown 0.3s ease-out;
        }
        @keyframes slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        @media (prefers-reduced-motion: reduce) {
            .reveal, .reveal.active, .card-hover, .animate-fade-up, .animate-pulse-subtle {
                animation: none !important;
                transition: none !important;
                transform: none !important;
                opacity: 1 !important;
            }
        }

