/* HR maturity orbit — scoped extensions over home-ecosystem-gateway orbit */

.hr-maturity-orbit-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 1.75rem;
    padding: clamp(1rem, 3vw, 1.5rem);
    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: 5px;
    box-shadow: 0 12px 32px rgba(27, 37, 75, 0.08);
}

html[data-theme="dark"] .hr-maturity-orbit-wrap {
    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);
}

.hr-maturity-orbit {
    --orbit-size: min(100%, 460px);
    --planet-size: 4rem;
}

.hr-maturity-orbit .home-orbit__sun {
    width: 30%;
}

.hr-maturity-orbit .home-orbit__track--1 { --track-size: 46%; --orbit-start: 0deg; }
.hr-maturity-orbit .home-orbit__track--2 { --track-size: 58%; --orbit-start: 72deg; }
.hr-maturity-orbit .home-orbit__track--3 { --track-size: 70%; --orbit-start: 144deg; }
.hr-maturity-orbit .home-orbit__track--4 { --track-size: 82%; --orbit-start: 216deg; }
.hr-maturity-orbit .home-orbit__track--5 { --track-size: 92%; --orbit-start: 288deg; }

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

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

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

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

.hr-maturity-orbit__planet--5 .home-orbit__planet-body {
    background: radial-gradient(circle at 30% 28%, #ffd9e8, #e56b9a 55%, #a83262);
}

@media (max-width: 640px) {
    .hr-maturity-orbit {
        --orbit-size: min(100%, 340px);
        --planet-size: 3.35rem;
    }

    .hr-maturity-orbit .home-orbit__planet-label {
        font-size: 0.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hr-maturity-orbit.home-orbit--static .home-orbit__track,
    .hr-maturity-orbit.home-orbit--static .home-orbit__planet {
        animation: none !important;
    }
}