:root {
    --metal-mid: #423dfc;
    /* center */
    --metal-edge: #7271fb;
    /* edges */
}

.metal-text {
    font-weight: 800;
    letter-spacing: .01em;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;

    /* subtle “static shimmer”: lighter band in the middle */
    background-image: linear-gradient(135deg,
            var(--metal-edge) 0%,
            var(--metal-edge) 35%,
            var(--metal-mid) 50%,
            /* brightest point */
            var(--metal-edge) 65%,
            var(--metal-edge) 100%);

    text-shadow:
        0 .02em 0 rgba(255, 255, 255, .22),
        0 .08em .25em rgba(0, 0, 0, .18);
}

/* simple fallback for older browsers */
@supports not (background: color-mix(in srgb, red, white)) {
    .metal-text {
        background-image: linear-gradient(135deg, #7271fb 0%, #7271fb 35%, #423dfc 50%, #7271fb 65%, #7271fb 100%);
    }
}