/* Inner circle (filled) */
.cursor-inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    background: linear-gradient(90deg, #ab7a23, #895a1f);
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(1);
    z-index: 9999;
    /* filter: invert(1); */
    transition: transform 0.25s ease, background 0.25s ease;
}

/* Outer circle (bordered) */
.cursor-outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border: 2px solid #d6b13a;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(1);
    z-index: 9998;
    opacity: 0.7;
    /* filter: invert(1); */
    transition: transform 0.25s ease, border-color 0.25s ease, width 0.25s ease, height 0.25s ease, opacity 0.25s ease;
}

/* Hover on CTA / buttons / stats */
.cursor-hover-inner {
    transform: translate(-50%, -50%) scale(1.5);
}

.cursor-hover-outer {
    transform: translate(-50%, -50%) scale(1.8);
    /* border-color: #888888; */
    border-color: #e0c764;
    opacity: 1;
}

/* Heading hover (magnifying glass effect) */
.cursor-heading-outer {
    transform: translate(-50%, -50%) scale(2);
    border-color: #e0c764;
    opacity: 0.6;
}

/* Hide inner circle on heading hover */
.cursor-hide-inner {
    opacity: 0;
}