/* Business Automation page styles */

/* Sections & head */
.section{padding:60px 0}
.section--lg{padding:80px 0}
.section--light{background:#f8fafc}
.section--white{background:#fff}
.section--dark{background:#0a2540;color:#fff}
.section--grad{background:linear-gradient(135deg,#0a2540,#1e3a8a);color:#fff}
.section__head{text-align:center;margin-bottom:50px}
.section__head h2{font-weight:700;color:#0a2540;margin:0}
.section__head p{color:#64748b;max-width:700px;margin:15px auto}
.text-center{text-align:center}
.muted{color:#64748b}
.text-slate-200{color:#cbd5e1}
.text-slate-400{color:#94a3b8}
.text-blue-500{color:#3b82f6}
.text-green-500{color:#10b981}
.text-amber-500{color:#f59e0b}
.text-red-500{color:#ef4444}
.mb-30{margin-bottom:30px}
.mb-40{margin-bottom:40px}
.mb-50{margin-bottom:50px}
.mb-60{margin-bottom:60px}
.mt-40{margin-top:40px}
.mt-35{margin-top:35px}
.hp-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.list-inset{margin:0;padding-left:18px}

/* Service cards */
.ba-card{background:#fff;padding:35px 25px;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,0.06);height:100%;border-top:4px solid transparent}
.ba-card__icon-wrap{text-align:center;margin-bottom:25px}
.ba-card__icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#fff;font-size:24px}
.ba-card h4{text-align:center;margin-bottom:15px;color:#0a2540}
.ba-card p{color:#64748b;text-align:center;margin-bottom:20px}
.ba-checklist{list-style:none;padding:0;color:#64748b}
.ba-checklist li{margin-bottom:8px;display:flex;align-items:flex-start}
.ba-checklist i{margin-right:8px}
/* Variants */
.ba--wf{border-top-color:#3b82f6}
.ba--wf .ba-card__icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.ba--wf .ba-checklist i{color:#3b82f6}

.ba--rpa{border-top-color:#10b981}
.ba--rpa .ba-card__icon{background:linear-gradient(135deg,#10b981,#059669)}
.ba--rpa .ba-checklist i{color:#10b981}

.ba--integr{border-top-color:#f59e0b}
.ba--integr .ba-card__icon{background:linear-gradient(135deg,#f59e0b,#d97706)}
.ba--integr .ba-checklist i{color:#f59e0b}

.ba--analytics{border-top-color:#ef4444}
.ba--analytics .ba-card__icon{background:linear-gradient(135deg,#ef4444,#dc2626)}
.ba--analytics .ba-checklist i{color:#ef4444}

.ba--cs{border-top-color:#8b5cf6}
.ba--cs .ba-card__icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}
.ba--cs .ba-checklist i{color:#8b5cf6}

.ba--support{border-top-color:#6366f1}
.ba--support .ba-card__icon{background:linear-gradient(135deg,#6366f1,#4f46e5)}
.ba--support .ba-checklist i{color:#6366f1}

/* Process grid */
.ba-process .section__head h2{color:#0a2540}
.ba-step{background:#fff;padding:35px 25px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.08);text-align:center;position:relative;height:100%}
.ba-step__num{position:absolute;top:-25px;left:50%;transform:translateX(-50%);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}
.ba-step__icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;font-size:28px}
.ba-step__content{margin-top:35px}
.ba-step h4{color:#0a2540;margin-bottom:15px}
.ba-step p{color:#64748b;margin-bottom:20px}
.ba-step ul{list-style:none;padding:0;text-align:left;color:#64748b}
.ba-step ul li{margin-bottom:8px}
.ba-step ul li i{margin-right:8px}
/* step variants */
.ba-step--1 .ba-step__num{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}
.ba-step--1 .ba-step__icon{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#3b82f6}
.ba-step--1 ul li i{color:#3b82f6}

.ba-step--2 .ba-step__num{background:linear-gradient(135deg,#10b981,#059669)}
.ba-step--2 .ba-step__icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#10b981}
.ba-step--2 ul li i{color:#10b981}

.ba-step--3 .ba-step__num{background:linear-gradient(135deg,#f59e0b,#d97706)}
.ba-step--3 .ba-step__icon{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#f59e0b}
.ba-step--3 ul li i{color:#f59e0b}

.ba-step--4 .ba-step__num{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}
.ba-step--4 .ba-step__icon{background:linear-gradient(135deg,#faf5ff,#e9d5ff);color:#8b5cf6}
.ba-step--4 ul li i{color:#8b5cf6}

/* Metrics */
.ba-metrics .section__head h2{color:#fff}
.ba-metric{text-align:center;padding:30px 20px}
.ba-metric .num{font-size:48px;font-weight:700;margin-bottom:10px}
.ba-metric h5{color:#fff;margin-bottom:10px}

/* FAQ accordion */
.ba-accordion{max-width:900px;margin:0 auto;background:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.08);overflow:hidden}
.ba-acc-item{border-bottom:1px solid #e2e8f0}
.ba-acc-btn{width:100%;text-align:left;padding:25px 30px;background:none;border:none;color:#0a2540;font-weight:600;font-size:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.ba-acc-btn .icon{color:#3b82f6;font-size:14px;transition:transform .3s}
.ba-acc-content{padding:0 30px;max-height:0;overflow:hidden;transition:all .3s}
.ba-acc-content .inner{padding-bottom:25px;color:#64748b;line-height:1.6}

/* CTA */
.ba-cta .title{color:#fff;font-weight:700;margin-bottom:20px;font-size:36px}
.ba-cta .desc{color:#cbd5e1;max-width:600px;margin:0 auto 40px;font-size:18px;line-height:1.6}
.ba-cta .actions{margin-bottom:40px}
.ba-cta .btn-primary{display:inline-block;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:18px 40px;border-radius:50px;text-decoration:none;font-weight:600;font-size:16px;margin:0 10px 10px;transition:all .3s;box-shadow:0 8px 25px rgba(59,130,246,0.3)}
.ba-cta .btn-ghost{display:inline-block;background:rgba(255,255,255,0.1);color:#fff;padding:18px 40px;border-radius:50px;text-decoration:none;font-weight:600;font-size:16px;margin:0 10px 10px;transition:all .3s;border:2px solid rgba(255,255,255,0.2)}
.ba-cta .btn-ghost i{margin-right:8px}
.ba-cta .stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:40px}
.ba-cta .stat{text-align:center}
.ba-cta .stat .num{font-size:24px;font-weight:700;margin-bottom:5px}
.ba-cta .stat .cap{color:#cbd5e1;font-size:14px}

/* JS helpers for FAQ toggle (optional if JS adjusts classes instead of style) */
.faq-open .ba-acc-btn .icon{transform:rotate(45deg)}
.faq-open .ba-acc-content{max-height:400px}

/* Small tweaks */
.fa{font-size:inherit}