/* Homepage ecosystem gateway: full-width value + split orbit/personas */

.home-ecosystem {
    padding: var(--home-section-padding-y, 2.5rem) 5%;
    background: var(--home-cta-bar-bg);
    border-block-end: 1px solid var(--home-cta-bar-border);
}

.home-ecosystem__inner {
    max-width: 1200px;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.home-ecosystem__split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1.25rem 1.5rem;
    align-items: stretch;
}

.home-ecosystem__box {
    background: var(--brand-surface);
    border: 1px solid var(--brand-border);
    border-radius: var(--home-card-radius, 12px);
    box-shadow: var(--home-card-shadow);
    padding: 1.25rem 1.2rem 1.35rem;
}

html[data-theme="dark"] .home-ecosystem__box {
    background: var(--surface-box-bg);
}

.home-ecosystem__box--value {
    position: relative;
    width: 100%;
    overflow: hidden;
    isolation: isolate;
    border: 2px solid transparent;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 214, 120, 0.14) 0%, transparent 42%),
        linear-gradient(#f5faff, #eef6ff) padding-box,
        linear-gradient(135deg, #62b6ff 0%, #20d6bc 55%, #3654ff 100%) border-box;
    box-shadow:
        0 12px 32px rgba(54, 84, 255, 0.08),
        var(--home-card-shadow, 0 4px 18px rgba(27, 37, 75, 0.06));
}

html[data-theme="dark"] .home-ecosystem__box--value {
    background:
        radial-gradient(circle at 50% 0%, rgba(98, 182, 255, 0.12) 0%, transparent 40%),
        linear-gradient(rgba(15, 23, 42, 0.96), rgba(17, 28, 48, 0.98)) padding-box,
        linear-gradient(135deg, #62b6ff 0%, #20d6bc 55%, #3654ff 100%) border-box;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}

.home-ecosystem__box--start {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
    isolation: isolate;
    border: 1.5px solid transparent;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 214, 120, 0.08) 0%, transparent 40%),
        linear-gradient(#f8fbff, #f3f8ff) padding-box,
        linear-gradient(135deg, rgba(98, 182, 255, 0.75) 0%, rgba(32, 214, 188, 0.7) 55%, rgba(54, 84, 255, 0.75) 100%) border-box;
    box-shadow:
        0 8px 22px rgba(54, 84, 255, 0.05),
        var(--home-card-shadow, 0 4px 18px rgba(27, 37, 75, 0.06));
}

html[data-theme="dark"] .home-ecosystem__box--start {
    background:
        radial-gradient(circle at 50% 0%, rgba(98, 182, 255, 0.08) 0%, transparent 38%),
        linear-gradient(rgba(15, 23, 42, 0.92), rgba(17, 28, 48, 0.95)) padding-box,
        linear-gradient(135deg, rgba(98, 182, 255, 0.7) 0%, rgba(32, 214, 188, 0.65) 55%, rgba(54, 84, 255, 0.7) 100%) border-box;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}

.home-ecosystem__value-title {
    max-width: 40rem;
    text-align: center;
}

.home-ecosystem__value-title.home-section-title {
    margin: 0 auto 0.85rem;
}

.home-ecosystem__value-lead {
    margin: 0 0 1.25rem;
    display: grid;
    gap: 0.75rem;
}

.home-ecosystem__value-lead p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.85;
    color: var(--text-muted);
    text-align: justify;
    text-justify: inter-word;
}

.home-ecosystem__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
}

.home-ecosystem__actions .home-public-cta__btn--ghost {
    border-color: rgba(54, 84, 255, 0.28);
    color: var(--landing-primary, #3654ff);
}

.home-ecosystem__actions .home-public-cta__btn--ghost:hover {
    border-color: var(--brand-primary, #3654ff);
    background: rgba(54, 84, 255, 0.06);
}

.home-ecosystem__start-header {
    margin-bottom: 0.7rem;
}

.home-ecosystem__start-header h2 {
    margin: 0 0 0.25rem;
}

.home-ecosystem__start-header p {
    margin: 0.35rem 0 0;
    font-size: 0.85rem;
    color: var(--text-muted);
}

.home-ecosystem__persona-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    flex: 1;
}

.home-ecosystem__persona {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem 0.85rem;
    width: 100%;
    padding: 0.55rem 0.75rem;
    border-radius: 10px;
    border: 1px solid transparent;
    background: rgba(98, 182, 255, 0.04);
    text-decoration: none;
    color: inherit;
    text-align: start;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.home-ecosystem__persona--button {
    font: inherit;
    cursor: pointer;
}

.home-ecosystem__persona:hover,
.home-ecosystem__persona:focus-visible,
.home-ecosystem__persona.is-orbit-active {
    border-color: var(--brand-box-hover-border, #62b6ff);
    background: rgba(98, 182, 255, 0.1);
    box-shadow: 0 6px 18px rgba(54, 84, 255, 0.08);
    outline: none;
    color: inherit;
}

.home-ecosystem__persona-body {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
    flex: 1;
}

.home-ecosystem__persona-title {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--text-main);
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.home-ecosystem__persona-text {
    font-size: 0.76rem;
    line-height: 1.5;
    color: var(--text-muted);
}

.home-ecosystem__persona-link {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.76rem;
    font-weight: 700;
    color: var(--brand-primary);
    white-space: nowrap;
}

.home-ecosystem__persona:hover .home-ecosystem__persona-link,
.home-ecosystem__persona.is-orbit-active .home-ecosystem__persona-link {
    color: var(--accent, var(--brand-action));
}

.home-ecosystem__soon {
    display: inline-block;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    color: #1f2937;
    background: rgba(255, 193, 7, 0.92);
}

/* Visual / orbit column */
.home-ecosystem__visual {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 0.75rem;
    overflow: hidden;
    contain: layout paint;
    background:
        radial-gradient(circle at 50% 48%, rgba(255, 214, 120, 0.22) 0%, transparent 38%),
        linear-gradient(180deg, #c5e4ff 0%, #e8f4ff 48%, #f7fbff 100%);
    border: 1px solid rgba(120, 170, 220, 0.35);
    border-radius: var(--home-card-radius, 12px);
    box-shadow: var(--home-card-shadow);
}

html[data-theme="dark"] .home-ecosystem__visual {
    background:
        radial-gradient(circle at 50% 48%, rgba(255, 190, 90, 0.14) 0%, transparent 36%),
        linear-gradient(180deg, #0b1728 0%, #12263a 55%, #0f1f30 100%);
    border-color: rgba(90, 130, 180, 0.28);
}

.home-orbit {
    --orbit-size: min(100%, 420px);
    --planet-size: 3.6rem;
    --planet-size-jupiter: 4.8rem;
    position: relative;
    width: var(--orbit-size);
    max-width: 100%;
    aspect-ratio: 1;
    margin-inline: auto;
    overflow: visible;
}

.home-orbit__sun {
    position: absolute;
    inset: 50% auto auto 50%;
    z-index: 4;
    width: 28%;
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    padding: 0.45rem 0.4rem;
    border-radius: 50%;
    text-align: center;
    color: #3b2208;
    background:
        radial-gradient(circle at 32% 28%, #fff6c8 0%, #ffe08a 22%, #ffb347 52%, #f08a24 78%, #d46b12 100%);
    box-shadow:
        0 0 0 4px rgba(255, 196, 72, 0.24),
        0 0 20px 6px rgba(255, 176, 48, 0.35),
        0 0 40px 10px rgba(255, 152, 32, 0.16),
        0 8px 20px rgba(180, 90, 10, 0.22);
}

.home-orbit__sun-line {
    font-size: clamp(0.48rem, 1.15vw, 0.62rem);
    font-weight: 700;
    line-height: 1.2;
    max-width: 92%;
}

.home-orbit__sun-line--strong {
    font-size: clamp(0.5rem, 1.2vw, 0.64rem);
    font-weight: 800;
}

.home-orbit__ring {
    position: absolute;
    inset: 50% auto auto 50%;
    border: 1px dashed rgba(255, 176, 64, 0.28);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.home-orbit__ring--1 { width: 42%; aspect-ratio: 1; }
.home-orbit__ring--2 { width: 62%; aspect-ratio: 1; }
.home-orbit__ring--3 { width: 82%; aspect-ratio: 1; }

.home-orbit__track {
    --orbit-start: 0deg;
    position: absolute;
    inset: 50% auto auto 50%;
    width: var(--track-size, 42%);
    aspect-ratio: 1;
    transform: translate(-50%, -50%) rotate(var(--orbit-start));
    animation: home-orbit-spin var(--orbit-duration, 60s) linear infinite;
    animation-delay: var(--orbit-delay, 0s);
}

/* Six distinct radii reduce mid-orbit collisions */
.home-orbit__track--1 { --track-size: 42%; --orbit-start: 0deg; z-index: 5; }
.home-orbit__track--2 { --track-size: 52%; --orbit-start: 180deg; z-index: 6; }
.home-orbit__track--3 { --track-size: 62%; --orbit-start: 60deg; z-index: 7; }
.home-orbit__track--4 { --track-size: 72%; --orbit-start: 240deg; z-index: 8; }
.home-orbit__track--5 { --track-size: 82%; --orbit-start: 120deg; z-index: 9; }
.home-orbit__track--6 { --track-size: 90%; --orbit-start: 300deg; z-index: 10; }

.home-orbit__planet {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--planet-size);
    height: var(--planet-size);
    transform: translate(-50%, -50%) rotate(calc(-1 * var(--orbit-start)));
    animation: home-orbit-counter-spin var(--orbit-duration, 60s) linear infinite;
    animation-delay: var(--orbit-delay, 0s);
    text-decoration: none;
    color: inherit;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    font: inherit;
}

.home-orbit__planet--button {
    font: inherit;
}

.home-orbit__planet-body {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 0.25rem;
    text-align: center;
    box-shadow:
        inset 0 -4px 8px rgba(0, 0, 0, 0.18),
        inset 0 4px 8px rgba(255, 255, 255, 0.35),
        0 0 0 2px rgba(255, 255, 255, 0.18),
        0 0 12px rgba(98, 182, 255, 0.28),
        0 5px 12px rgba(27, 37, 75, 0.16);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.home-orbit__planet-label {
    font-size: 0.58rem;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.home-orbit__planet--counseling .home-orbit__planet-body {
    background: radial-gradient(circle at 30% 28%, #d7ecff, #5aa8ef 55%, #2f6fad);
}

.home-orbit__planet--guidance .home-orbit__planet-body {
    background: radial-gradient(circle at 30% 28%, #d9f7ef, #3ecfad 55%, #1e8f78);
}

.home-orbit__planet--personal .home-orbit__planet-body {
    background: radial-gradient(circle at 30% 28%, #e8dcff, #8b6fd4 55%, #5a3fad);
}

.home-orbit__planet--training .home-orbit__planet-body {
    background: radial-gradient(circle at 30% 28%, #ffe8c8, #f0a04b 55%, #c56a1a);
}

.home-orbit__planet--job .home-orbit__planet-body {
    background: radial-gradient(circle at 30% 28%, #d9f0ff, #4db0e0 55%, #2178a8);
}

.home-orbit__planet--jupiter {
    width: var(--planet-size-jupiter);
    height: var(--planet-size-jupiter);
    z-index: 6;
}

.home-orbit__planet--jupiter .home-orbit__planet-body {
    background:
        linear-gradient(180deg,
            rgba(255, 236, 210, 0.55) 0%,
            transparent 18%,
            transparent 38%,
            rgba(196, 120, 60, 0.35) 42%,
            transparent 48%,
            transparent 62%,
            rgba(168, 96, 48, 0.4) 68%,
            transparent 74%),
        radial-gradient(circle at 32% 28%, #fff0d4 0%, #e8b86a 38%, #c47a3a 68%, #8f4e22 100%);
    box-shadow:
        inset 0 -6px 10px rgba(80, 40, 10, 0.28),
        inset 0 6px 10px rgba(255, 240, 210, 0.4),
        0 0 0 3px rgba(255, 200, 120, 0.24),
        0 0 18px rgba(232, 160, 70, 0.35),
        0 6px 14px rgba(100, 50, 10, 0.22);
}

.home-orbit__planet--jupiter .home-orbit__planet-label {
    font-size: 0.62rem;
}

.home-orbit__planet:hover .home-orbit__planet-body,
.home-orbit__planet:focus-visible .home-orbit__planet-body,
.home-orbit__planet.is-orbit-active .home-orbit__planet-body {
    transform: scale(1.06);
    box-shadow:
        inset 0 -4px 8px rgba(0, 0, 0, 0.18),
        inset 0 4px 8px rgba(255, 255, 255, 0.4),
        0 0 0 3px rgba(255, 255, 255, 0.24),
        0 0 18px rgba(98, 182, 255, 0.42),
        0 6px 14px rgba(27, 37, 75, 0.18);
}

.home-orbit__planet--jupiter:hover .home-orbit__planet-body,
.home-orbit__planet--jupiter:focus-visible .home-orbit__planet-body,
.home-orbit__planet--jupiter.is-orbit-active .home-orbit__planet-body {
    box-shadow:
        inset 0 -6px 10px rgba(80, 40, 10, 0.28),
        inset 0 6px 10px rgba(255, 240, 210, 0.45),
        0 0 0 4px rgba(255, 200, 120, 0.35),
        0 0 22px rgba(232, 160, 70, 0.45),
        0 8px 16px rgba(100, 50, 10, 0.24);
}

/* Decorative moons around Jupiter/HR */
.home-orbit__moons {
    position: absolute;
    inset: 50% auto auto 50%;
    width: 112%;
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 1;
}

.home-orbit__moon-orbit {
    --moon-base: 0deg;
    --moon-duration: 10s;
    position: absolute;
    inset: 0;
    border-radius: 50%;
    animation: home-moon-spin var(--moon-duration) linear infinite;
}

.home-orbit__moon-orbit--1 { --moon-duration: 7s; --moon-base: 15deg; }
.home-orbit__moon-orbit--2 { --moon-duration: 9.5s; --moon-base: 95deg; animation-direction: reverse; }
.home-orbit__moon-orbit--3 { --moon-duration: 12s; --moon-base: 175deg; }
.home-orbit__moon-orbit--4 { --moon-duration: 8s; --moon-base: 265deg; animation-direction: reverse; }

.home-orbit__moon {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle at 30% 30%, #fff, #d8dde8 60%, #9aa3b5);
    box-shadow: 0 0 6px rgba(255, 255, 255, 0.55);
}

.home-orbit__moon-orbit--2 .home-orbit__moon { width: 0.32rem; height: 0.32rem; }
.home-orbit__moon-orbit--3 .home-orbit__moon { width: 0.5rem; height: 0.5rem; }
.home-orbit__moon-orbit--4 .home-orbit__moon { width: 0.28rem; height: 0.28rem; }

.home-orbit.is-highlighting .home-orbit__planet:not(.is-orbit-active) {
    opacity: 0.42;
}

.home-orbit:hover .home-orbit__track,
.home-orbit:focus-within .home-orbit__track,
.home-orbit:hover .home-orbit__planet,
.home-orbit:focus-within .home-orbit__planet,
.home-orbit:hover .home-orbit__moon-orbit,
.home-orbit:focus-within .home-orbit__moon-orbit {
    animation-play-state: paused;
}

@keyframes home-orbit-spin {
    from { transform: translate(-50%, -50%) rotate(var(--orbit-start, 0deg)); }
    to { transform: translate(-50%, -50%) rotate(calc(var(--orbit-start, 0deg) + 360deg)); }
}

@keyframes home-orbit-counter-spin {
    from { transform: translate(-50%, -50%) rotate(calc(-1 * var(--orbit-start, 0deg))); }
    to { transform: translate(-50%, -50%) rotate(calc(-1 * var(--orbit-start, 0deg) - 360deg)); }
}

@keyframes home-moon-spin {
    from { transform: rotate(var(--moon-base, 0deg)); }
    to { transform: rotate(calc(var(--moon-base, 0deg) + 360deg)); }
}

.home-orbit--static .home-orbit__track,
.home-orbit--static .home-orbit__planet,
.home-orbit--static .home-orbit__moon-orbit {
    animation: none !important;
}

.home-orbit--static .home-orbit__track--1 { transform: translate(-50%, -50%) rotate(0deg); }
.home-orbit--static .home-orbit__track--2 { transform: translate(-50%, -50%) rotate(60deg); }
.home-orbit--static .home-orbit__track--3 { transform: translate(-50%, -50%) rotate(120deg); }
.home-orbit--static .home-orbit__track--4 { transform: translate(-50%, -50%) rotate(180deg); }
.home-orbit--static .home-orbit__track--5 { transform: translate(-50%, -50%) rotate(240deg); }
.home-orbit--static .home-orbit__track--6 { transform: translate(-50%, -50%) rotate(300deg); }

.home-orbit--static .home-orbit__track--1 .home-orbit__planet { transform: translate(-50%, -50%) rotate(0deg); }
.home-orbit--static .home-orbit__track--2 .home-orbit__planet { transform: translate(-50%, -50%) rotate(-60deg); }
.home-orbit--static .home-orbit__track--3 .home-orbit__planet { transform: translate(-50%, -50%) rotate(-120deg); }
.home-orbit--static .home-orbit__track--4 .home-orbit__planet { transform: translate(-50%, -50%) rotate(-180deg); }
.home-orbit--static .home-orbit__track--5 .home-orbit__planet { transform: translate(-50%, -50%) rotate(-240deg); }
.home-orbit--static .home-orbit__track--6 .home-orbit__planet { transform: translate(-50%, -50%) rotate(-300deg); }

.home-orbit--static .home-orbit__moon-orbit--1 { transform: rotate(15deg); }
.home-orbit--static .home-orbit__moon-orbit--2 { transform: rotate(95deg); }
.home-orbit--static .home-orbit__moon-orbit--3 { transform: rotate(175deg); }
.home-orbit--static .home-orbit__moon-orbit--4 { transform: rotate(265deg); }

@media (max-width: 991.98px) {
    .home-ecosystem__split {
        grid-template-columns: 1fr;
    }

    .home-ecosystem__visual {
        overflow: hidden;
        padding: 0.65rem;
    }

    .home-orbit {
        --orbit-size: min(100%, 340px);
        --planet-size: 3.1rem;
        --planet-size-jupiter: 4.1rem;
    }
}

@media (max-width: 767.98px) {
    .home-ecosystem {
        padding-block: 1.75rem;
    }

    .home-ecosystem__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .home-ecosystem__actions .home-public-cta__btn {
        width: 100%;
    }

    .home-ecosystem__value-lead p {
        text-align: start;
    }

    .home-ecosystem__persona {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.35rem;
        padding: 0.5rem 0.65rem;
    }

    .home-ecosystem__persona-link {
        white-space: normal;
    }

    .home-ecosystem__visual {
        /* Clip protruding planets so mobile viewport doesn't shift */
        overflow: hidden;
        width: 100%;
        max-width: 100%;
        padding: 0.5rem;
    }

    .home-orbit {
        --orbit-size: min(86vw, 280px);
        --planet-size: 2.55rem;
        --planet-size-jupiter: 3.35rem;
    }

    .home-orbit__planet-label {
        font-size: 0.48rem;
    }

    .home-orbit__planet--jupiter .home-orbit__planet-label {
        font-size: 0.52rem;
    }

    .home-orbit__sun {
        width: 30%;
        padding: 0.35rem;
        box-shadow:
            0 0 0 3px rgba(255, 196, 72, 0.22),
            0 0 14px 4px rgba(255, 176, 48, 0.3),
            0 6px 14px rgba(180, 90, 10, 0.2);
    }

    .home-orbit__sun-line,
    .home-orbit__sun-line--strong {
        font-size: 0.42rem;
    }

    .home-orbit__moons {
        width: 108%;
    }

    .home-orbit__moon {
        width: 0.28rem;
        height: 0.28rem;
    }

    .home-orbit__moon-orbit--2 .home-orbit__moon,
    .home-orbit__moon-orbit--4 .home-orbit__moon {
        width: 0.2rem;
        height: 0.2rem;
    }

    .home-orbit__moon-orbit--3 .home-orbit__moon {
        width: 0.32rem;
        height: 0.32rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-ecosystem__persona,
    .home-orbit__planet-body {
        transition: none;
    }

    .home-orbit:not(.home-orbit--static) .home-orbit__track,
    .home-orbit:not(.home-orbit--static) .home-orbit__planet,
    .home-orbit:not(.home-orbit--static) .home-orbit__moon-orbit {
        animation: none !important;
    }

    .home-orbit:not(.home-orbit--static) .home-orbit__track--1 { transform: translate(-50%, -50%) rotate(0deg); }
    .home-orbit:not(.home-orbit--static) .home-orbit__track--2 { transform: translate(-50%, -50%) rotate(60deg); }
    .home-orbit:not(.home-orbit--static) .home-orbit__track--3 { transform: translate(-50%, -50%) rotate(120deg); }
    .home-orbit:not(.home-orbit--static) .home-orbit__track--4 { transform: translate(-50%, -50%) rotate(180deg); }
    .home-orbit:not(.home-orbit--static) .home-orbit__track--5 { transform: translate(-50%, -50%) rotate(240deg); }
    .home-orbit:not(.home-orbit--static) .home-orbit__track--6 { transform: translate(-50%, -50%) rotate(300deg); }

    .home-orbit:not(.home-orbit--static) .home-orbit__track--1 .home-orbit__planet { transform: translate(-50%, -50%) rotate(0deg); }
    .home-orbit:not(.home-orbit--static) .home-orbit__track--2 .home-orbit__planet { transform: translate(-50%, -50%) rotate(-60deg); }
    .home-orbit:not(.home-orbit--static) .home-orbit__track--3 .home-orbit__planet { transform: translate(-50%, -50%) rotate(-120deg); }
    .home-orbit:not(.home-orbit--static) .home-orbit__track--4 .home-orbit__planet { transform: translate(-50%, -50%) rotate(-180deg); }
    .home-orbit:not(.home-orbit--static) .home-orbit__track--5 .home-orbit__planet { transform: translate(-50%, -50%) rotate(-240deg); }
    .home-orbit:not(.home-orbit--static) .home-orbit__track--6 .home-orbit__planet { transform: translate(-50%, -50%) rotate(-300deg); }

    .home-orbit:not(.home-orbit--static) .home-orbit__moon-orbit--1 { transform: rotate(15deg); }
    .home-orbit:not(.home-orbit--static) .home-orbit__moon-orbit--2 { transform: rotate(95deg); }
    .home-orbit:not(.home-orbit--static) .home-orbit__moon-orbit--3 { transform: rotate(175deg); }
    .home-orbit:not(.home-orbit--static) .home-orbit__moon-orbit--4 { transform: rotate(265deg); }
}