/* ══════════════════════════════
   RESPONSIVE
══════════════════════════════ */
@media(max-width:960px) {
    .tool-card {
        flex: 0 0 calc(50% - 12px);
        min-width: 260px;
        max-width: none;
    }

    .card-num {
        font-size: 5.2rem;
    }
}

@media(max-width:600px) {
    .tool-card {
        flex: 0 0 100%;
        min-width: 0;
        max-width: none;
        padding: 28px 24px 20px;
    }

    .main-heading {
        font-size: clamp(1.8rem, 7.5vw, 2.6rem);
    }

    .container {
        padding: 3rem 1.25rem 4rem;
        gap: 1.2rem;
    }

    .tools-grid {
        gap: 16px;
    }

    .ring-purple {
        width: 180px;
        height: 180px;
        left: -80px;
        border-width: 24px;
    }

    .card-icon {
        width: 52px;
        height: 52px;
        border-radius: 14px;
    }

    .card-num {
        font-size: 4.2rem;
    }
}

@media(max-width:380px) {
    .card-icon {
        width: 48px;
        height: 48px;
        border-radius: 12px;
    }

    .card-icon svg {
        width: 22px;
        height: 22px;
    }
}