/* =============================================
   OPENMALO AUSTRALIA - INDUSTRY PAGE STYLES
   Brand: #EA6113 (orange), #1E1B4B (navy)
   Companion to homepage.css — ind- prefix only
   ============================================= */

/* =============================================
   SECTION 2 — INDUSTRY CHALLENGES
   ============================================= */

.ind-challenges {
    padding: 80px 0;
    background: #fff;
}

.ind-challenges__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 48px;
}

.ind-challenge-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);
    padding: 28px;
    border: 1px solid rgba(30, 27, 75, 0.07);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ind-challenge-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

.ind-challenge-card__icon {
    font-size: 40px;
    line-height: 1;
    margin-bottom: 16px;
    color: #EA6113;
}

.ind-challenge-card h3 {
    font-size: 16px;
    font-weight: 700;
    color: #1E1B4B;
    margin-bottom: 10px;
    line-height: 1.3;
}

.ind-challenge-card p {
    font-size: 14px;
    color: #6B7280;
    line-height: 1.65;
    margin: 0;
}

/* =============================================
   SECTION 5 — VERTICALS (SECTORS WE SERVE)
   ============================================= */

.ind-verticals {
    padding: 80px 0;
    background: #F8F9FC;
}

.ind-verticals__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 48px;
}

.ind-vertical-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);
    padding: 28px;
    border: 1px solid rgba(30, 27, 75, 0.06);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.ind-vertical-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 36px rgba(0, 0, 0, 0.13);
}

.ind-vertical-card__icon {
    font-size: 40px;
    line-height: 1;
    margin-bottom: 16px;
}

.ind-vertical-card h3 {
    font-size: 16px;
    font-weight: 700;
    color: #1E1B4B;
    margin-bottom: 10px;
    line-height: 1.3;
}

.ind-vertical-card p {
    font-size: 14px;
    color: #6B7280;
    line-height: 1.65;
    margin: 0;
}

/* =============================================
   SECTION 6 — COMPLIANCE (DARK NAVY BG)
   ============================================= */

.ind-compliance {
    padding: 80px 0;
    background: #1E1B4B;
    color: #fff;
}

.ind-compliance__header {
    /* section header inherits .om-section-header layout */
}

.ind-compliance__intro {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.72);
    max-width: 680px;
    margin: 16px auto 0;
    line-height: 1.7;
    text-align: center;
}

.ind-compliance__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 48px;
}

.ind-compliance-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.18);
    padding: 28px;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.ind-compliance-card:hover {
    background: rgba(255, 255, 255, 0.09);
    border-color: rgba(234, 97, 19, 0.5);
}

.ind-compliance-card__icon {
    font-size: 36px;
    line-height: 1;
    margin-bottom: 14px;
}

.ind-compliance-card h3 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.3;
}

.ind-compliance-card p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.65;
    margin: 0;
}

/* =============================================
   SECTION 12 — RELATED INDUSTRIES MODIFIER
   (Reuses sp-other-services base; modifier only)
   ============================================= */

.ind-related .sp-other-card {
    /* inherits all sp-other-card styles; no override needed */
}

/* =============================================
   RESPONSIVE — TABLET  (max-width: 900px)
   ============================================= */

@media (max-width: 900px) {

    .ind-challenges__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ind-verticals__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ind-compliance__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* =============================================
   RESPONSIVE — MOBILE  (max-width: 640px)
   ============================================= */

@media (max-width: 640px) {

    .ind-challenges {
        padding: 56px 0;
    }

    .ind-challenges__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ind-challenge-card {
        padding: 22px;
    }

    .ind-verticals {
        padding: 56px 0;
    }

    .ind-verticals__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ind-vertical-card {
        padding: 22px;
    }

    .ind-compliance {
        padding: 56px 0;
    }

    .ind-compliance__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ind-compliance-card {
        padding: 22px;
    }

    .ind-compliance__intro {
        font-size: 15px;
    }
}