/* ==========================================================
   ONYX PRICING V2.4
   FINAL POLISH
   ========================================================== */

/* ----------------------------------------------------------
   Orbit planets
   ---------------------------------------------------------- */

.hero-orbit{
    overflow:visible!important;
}

.hero-orbit .float-chip{
    display:none!important;
}

.onyx-v24-orbit{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:9;
}

.onyx-v24-orbit-node{
    position:absolute;
    left:50%;
    top:50%;
    width:0;
    height:0;
    transform-origin:center center;
    animation:onyxOrbitSpin var(--dur,18s) linear infinite;
}

.onyx-v24-orbit-node.reverse{
    animation-direction:reverse;
}

.onyx-v24-orbit-node .onyx-v24-planet{
    position:absolute;
    left:0;
    top:0;
    transform:
        translate(-50%,-50%)
        rotate(calc(-1 * var(--angle)))
        translateY(calc(var(--radius) * -1));
    padding:12px 16px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(10,8,16,.62);
    backdrop-filter:blur(14px);
    box-shadow:
        0 14px 34px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.05);
    color:rgba(245,238,247,.92);
    font-size:12px;
    font-weight:700;
    line-height:1.15;
    white-space:nowrap;
    letter-spacing:.01em;
}

.onyx-v24-orbit-node .onyx-v24-planet:before{
    content:"";
    display:inline-block;
    width:8px;
    height:8px;
    margin-right:8px;
    border-radius:50%;
    vertical-align:1px;
    background:linear-gradient(135deg,#ff7bd8,#7c88ff);
    box-shadow:0 0 16px rgba(216,101,223,.65);
}

@keyframes onyxOrbitSpin{
    from{ transform:translate(-50%,-50%) rotate(var(--angle)); }
    to{ transform:translate(-50%,-50%) rotate(calc(var(--angle) + 360deg)); }
}

/* ----------------------------------------------------------
   Top stat cards
   ---------------------------------------------------------- */

.onyx-v24-stats-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px!important;
    align-items:stretch;
    width:100%;
}

.onyx-v24-stat-card{
    min-width:0!important;
}

.onyx-v24-stat-card *{
    min-width:0!important;
}

.onyx-v24-stat-card .onyx-v24-stat-label{
    font-size:11px!important;
    letter-spacing:.08em!important;
    text-transform:uppercase;
    color:rgba(181,170,190,.78)!important;
}

.onyx-v24-stat-card .onyx-v24-stat-value{
    font-size:16px!important;
    line-height:1.15!important;
    color:rgba(255,255,255,.96)!important;
}

.onyx-v24-stat-card .onyx-v24-stat-sub{
    font-size:12px!important;
    line-height:1.2!important;
    color:rgba(195,185,204,.82)!important;
}

.onyx-v24-hide-text{
    display:none!important;
}

/* ----------------------------------------------------------
   Stage visibility / larger devices
   ---------------------------------------------------------- */

.stage canvas{
    filter:
        brightness(1.18)
        contrast(1.08)
        saturate(1.14)!important;
}

/* ----------------------------------------------------------
   Responsive
   ---------------------------------------------------------- */

@media (max-width:1100px){
    .onyx-v24-stats-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:650px){

    .onyx-v24-stats-grid{
        grid-template-columns:1fr!important;
        gap:10px!important;
    }

    .onyx-v24-orbit-node .onyx-v24-planet{
        font-size:10px;
        padding:9px 11px;
    }

    .onyx-v24-orbit-node{
        --radius:150px!important;
    }
}