.hero-image {
    flex: 0 0 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: scale(0.8);
    animation: homeScaleIn 0.6s 0.3s ease-out forwards;
}

.illustration {
    position: relative;
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(74, 111, 165, 0.08);
    border: 2px solid #2a2a44;
    border-radius: 50%;
    box-shadow: 0 0 60px rgba(74, 111, 165, 0.15);
    animation: homePulse 4s ease-in-out infinite;
}

.illustration-svg {
    width: 120px;
    height: 120px;
}

.illustration-ring {
    fill: none;
    stroke: #4a6fa5;
    stroke-width: 4;
    stroke-dasharray: 503;
    stroke-dashoffset: 503;
    animation: homeDrawRing 1.8s 0.5s ease-out forwards;
}

.illustration-line {
    fill: none;
    stroke: #b8c7e6;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-dasharray: 80;
    stroke-dashoffset: 80;
}

.illustration-line-1 { animation: homeDrawLine 0.8s 1.4s ease-out forwards; }
.illustration-line-2 { animation: homeDrawLine 0.8s 1.6s ease-out forwards; }
.illustration-line-3 { animation: homeDrawLine 0.8s 1.8s ease-out forwards; }

.illustration-dot {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
    border-radius: 50%;
    background: #4a6fa5;
    box-shadow: 0 0 12px rgba(74, 111, 165, 0.8);
    animation: homeOrbit 8s linear infinite;
}

.illustration-dot-1 { animation-delay: 0s; }
.illustration-dot-2 { animation-delay: -2.6s; }
.illustration-dot-3 { animation-delay: -5.3s; }