/* ══════════════════════════════════════════════════════════════════════════
   Industry Vertical Page Styles — Phase 2B
   Shared across all industry pages:
   barquecon-healthcare.php, barquecon-automotive-industry1.php,
   barquecon-consumer-goods.php, barquecon-education.php,
   barquecon-transportation-logistics.php, barquecon-utilities.php,
   barquecon-bfsi.php, barquecon-real-estate.php
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Utilities ───────────────────────────────────────────────────────────── */
.ind-section-tag {
    display: inline-block;
    background: #f1b621;
    color: #0d1b2a;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 0.28rem 0.8rem;
    border-radius: 3px;
    margin-bottom: 0.75rem;
}
.ind-section-title {
    font-size: 1.9rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 0.75rem;
}
.ind-section-subtitle {
    color: #555;
    font-size: 1rem;
    max-width: 640px;
    margin: 0 auto 3rem;
    line-height: 1.75;
}

/* ── Hero ────────────────────────────────────────────────────────────────── */
.ind-hero {
    position: relative;
    min-height: 60vh;
    display: flex;
    align-items: center;
    background-color: #0d1b2a;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.ind-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(13,27,42,0.92) 0%, rgba(13,27,42,0.78) 60%, rgba(22,48,74,0.82) 100%);
    z-index: 1;
}
.ind-hero-content {
    position: relative;
    z-index: 2;
    padding: 80px 0;
}
.ind-hero .ind-section-tag { margin-bottom: 1rem; }
.ind-hero h1 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 1rem;
}
.ind-hero h1 span { color: #f1b621; }
.ind-hero p.lead {
    font-size: 1.05rem;
    color: rgba(255,255,255,0.85);
    max-width: 580px;
    line-height: 1.75;
    margin-bottom: 2rem;
}
.btn-ind-primary {
    display: inline-block;
    background: #f1b621;
    color: #0d1b2a;
    font-weight: 700;
    padding: 0.75rem 1.75rem;
    border-radius: 4px;
    border: 2px solid #f1b621;
    text-decoration: none;
    transition: all 0.25s;
}
.btn-ind-primary:hover {
    background: transparent;
    color: #f1b621;
    text-decoration: none;
}

/* ── Industry Pulse ──────────────────────────────────────────────────────── */
.ind-pulse {
    padding: 56px 0;
    background: #1a1a2e;
}
.ind-pulse-card {
    text-align: center;
    padding: 1.5rem;
    border-right: 1px solid rgba(255,255,255,0.10);
}
.ind-pulse-card:last-child { border-right: none; }
.ind-pulse-stat {
    font-size: 2.4rem;
    font-weight: 700;
    color: #f1b621;
    line-height: 1.1;
    margin-bottom: 0.5rem;
}
.ind-pulse-text {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.75);
    line-height: 1.6;
}
.ind-pulse-source {
    font-size: 0.7rem;
    color: rgba(255,255,255,0.4);
    margin-top: 0.35rem;
    font-style: italic;
}

/* ── Business Challenge ──────────────────────────────────────────────────── */
.ind-challenge { padding: 80px 0; background: #f8f9fa; }
.ind-pain-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.75rem;
}
.ind-pain-icon {
    width: 44px;
    height: 44px;
    background: rgba(241,182,33,0.15);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ind-pain-icon i { color: #f1b621; font-size: 1.1rem; }
.ind-pain-text h5 {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 0.3rem;
}
.ind-pain-text p {
    font-size: 0.875rem;
    color: #555;
    margin-bottom: 0;
    line-height: 1.65;
}
.ind-challenge-img {
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    min-height: 520px;
    background: #ddd center center / cover no-repeat;
    display: flex;
}
.ind-challenge-img img {
    width: 100%;
    height: 100%;
    min-height: 520px;
    object-fit: cover;
    border-radius: 10px;
    flex: 1;
}

/* ── AI & Automation Capabilities ───────────────────────────────────────── */
.ind-capabilities { padding: 80px 0; background: #fff; }
.ind-cap-card {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1.75rem;
    border-top: 3px solid #f1b621;
    height: 100%;
    transition: all 0.3s;
}
.ind-cap-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.09);
    background: #fff;
    border-top-color: #e6a800;
}
.ind-cap-card .cap-icon {
    width: 48px;
    height: 48px;
    background: rgba(241,182,33,0.12);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.1rem;
}
.ind-cap-card .cap-icon i { color: #f1b621; font-size: 1.2rem; }
.ind-cap-card h5 {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 0.6rem;
}
.ind-cap-card p {
    font-size: 0.85rem;
    color: #555;
    line-height: 1.65;
    margin-bottom: 0;
}

/* ── Transformation Services (4-Phase) ───────────────────────────────────── */
.ind-services { padding: 80px 0; background: #1a1a2e; }
.ind-services .ind-section-title { color: #fff; }
.ind-services .ind-section-subtitle { color: rgba(255,255,255,0.62); }
.ind-phase-card {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 8px;
    padding: 2rem 1.5rem;
    height: 100%;
    position: relative;
    transition: all 0.3s;
}
.ind-phase-card:hover {
    background: rgba(255,255,255,0.09);
    border-color: rgba(241,182,33,0.5);
    transform: translateY(-4px);
}
.ind-phase-num {
    font-size: 3rem;
    font-weight: 700;
    color: rgba(241,182,33,0.20);
    line-height: 1;
    margin-bottom: 0.5rem;
}
.ind-phase-card h5 {
    font-size: 1rem;
    font-weight: 700;
    color: #f1b621;
    margin-bottom: 0.75rem;
}
.ind-phase-card p {
    font-size: 0.875rem;
    color: rgba(255,255,255,0.68);
    line-height: 1.7;
    margin-bottom: 0.75rem;
}
.ind-phase-card .tech-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.ind-phase-card .tech-tag {
    background: rgba(241,182,33,0.12);
    color: rgba(255,255,255,0.65);
    font-size: 0.68rem;
    padding: 0.2rem 0.55rem;
    border-radius: 3px;
    border: 1px solid rgba(241,182,33,0.25);
}

/* ── Case Study / Portfolio ──────────────────────────────────────────────── */
.ind-case-study { padding: 80px 0; background: #f8f9fa; }
.ind-case-card {
    background: #fff;
    border-radius: 10px;
    padding: 2.5rem;
    border: 1px solid #e9ecef;
    border-left: 5px solid #f1b621;
}
.ind-case-card .case-tag {
    display: inline-block;
    background: #f1b621;
    color: #0d1b2a;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.2rem 0.6rem;
    border-radius: 3px;
    margin-bottom: 1rem;
}
.ind-case-card h4 { font-size: 1.2rem; font-weight: 700; color: #1a1a2e; margin-bottom: 0.75rem; }
.ind-case-card p { color: #555; font-size: 0.9rem; line-height: 1.75; margin-bottom: 1rem; }
.ind-case-card .outcomes { list-style: none; padding-left: 0; margin-bottom: 1.5rem; }
.ind-case-card .outcomes li {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin-bottom: 0.6rem;
    font-size: 0.875rem;
    color: #333;
}
.ind-case-card .outcomes li i { color: #f1b621; margin-top: 2px; flex-shrink: 0; }
.ind-case-card a.view-link {
    color: #f1b621;
    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;
}
.ind-case-card a.view-link:hover { text-decoration: underline; }

/* ── CTA Strip ───────────────────────────────────────────────────────────── */
.ind-cta {
    padding: 72px 0;
    background: #f1b621;
    text-align: center;
}
.ind-cta h2 {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 0.75rem;
}
.ind-cta p {
    font-size: 1.05rem;
    color: rgba(26,26,46,0.78);
    max-width: 560px;
    margin: 0 auto 2rem;
    line-height: 1.7;
}
.btn-cta-dark {
    display: inline-block;
    background: #1a1a2e;
    color: #fff;
    font-weight: 700;
    padding: 0.85rem 2.25rem;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.25s;
}
.btn-cta-dark:hover {
    background: #0d1b2a;
    color: #f1b621;
    text-decoration: none;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
    .ind-hero { min-height: auto; }
    .ind-hero h1 { font-size: 1.75rem; }
    .ind-hero-content { padding: 60px 0; }
    .ind-pulse-card { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.10); padding: 1.25rem 0; }
    .ind-pulse-card:last-child { border-bottom: none; }
    .ind-section-title, .ind-services .ind-section-title { font-size: 1.6rem; }
    .ind-cta h2 { font-size: 1.6rem; }
    .ind-challenge-img { min-height: 240px; margin-top: 2rem; }
}
@media (max-width: 575px) {
    .ind-hero h1 { font-size: 1.5rem; }
    .ind-section-title { font-size: 1.4rem; }
}