/* ===========================================================================
   section-backgrounds.css  —  OPTIONAL. Not linked yet.
   Background for OUR COMPLIANCE that use the same brand
   colours as About MADDS / the navbar / the footer strip:
       magenta #B51BB5 · orange #F0A400 · violet #AC20BC · cyan #43D2E0
   Enable by adding to layout/base.html, after sections-snap.css:
       <link rel="stylesheet" href="{% static 'css/section-backgrounds.css' %}">
   =========================================================================== */

/* OUR COMPLIANCE — stays LIGHT (its text is dark purple), with soft brand-colour glows.
   It sits between the hero and About MADDS, so the glows hint at About's colour field. */
.madds-trusted {
    background:
        radial-gradient(circle at 8% 12%,  rgba(181, 27, 181, .14), transparent 38%),
        radial-gradient(circle at 92% 18%, rgba(67, 210, 224, .20), transparent 36%),
        radial-gradient(circle at 82% 96%, rgba(240, 164, 0, .13),  transparent 34%),
        linear-gradient(180deg, #fbf8ff 0%, #f1eafc 100%);
}

/* Managed IT services: its gradient now lives in managed-arc.css (purple -> blue loop). */