/* HERO */
.ind-hero { position: relative; padding: 90px 0; overflow: hidden; }
.ind-hero-bg { position: absolute; inset: 0; background: url('https://images.unsplash.com/photo-1554224155-6726b3ff858f?w=1400&q=80') center/cover no-repeat; }
.ind-hero-bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(105,0,23,0.94), rgba(139,0,32,0.88)); }
.ind-hero .container { position: relative; z-index: 2; }
.ind-hero-content { max-width: 680px; }
.ind-hero-content h1 { font-size: 42px; font-weight: 900; color: #fff; margin-bottom: 14px; }
.ind-hero-content p { font-size: 16px; color: rgba(255,255,255,0.8); line-height: 1.7; margin-bottom: 28px; }
.ind-hero-btns { display: flex; gap: 14px; }

/* INTRO */
.ind-intro { padding: 70px 0; }
.ind-intro-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 50px; align-items: start; }
.ind-intro-left h2 { font-size: 30px; font-weight: 800; color: #690017; line-height: 1.3; }
.ind-intro-right p { font-size: 14px; color: #64748B; line-height: 1.8; margin-bottom: 14px; text-align: justify; }

/* CARDS */
.ind-cards { padding: 70px 0; background: #F5F6F8; }
.ind-cards-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.ind-card { background: #fff; border: 1px solid #E2E8F0; border-radius: 14px; padding: 32px; transition: 0.3s; }
.ind-card:hover { border-color: #690017; box-shadow: 0 12px 36px rgba(105,0,23,0.08); transform: translateY(-4px); }
.ind-card-icon { width: 50px; height: 50px; background: #690017; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #D4AF37; font-size: 20px; margin-bottom: 16px; }
.ind-card h3 { font-size: 18px; font-weight: 700; color: #690017; margin-bottom: 10px; }
.ind-card p { font-size: 13px; color: #64748B; line-height: 1.7; margin-bottom: 14px; text-align: justify; }
.ind-card-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.ind-card-tags span { background: #F5F6F8; border: 1px solid #E2E8F0; padding: 5px 12px; border-radius: 5px; font-size: 11px; font-weight: 500; color: #1E293B; }

/* TRUST */
.ind-trust { padding: 70px 0; }
.trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.trust-card { background: #F5F6F8; border: 1px solid #E2E8F0; border-radius: 12px; padding: 30px; text-align: center; transition: 0.3s; }
.trust-card:hover { border-color: #690017; background: #fff0f3; }
.trust-card strong { font-size: 32px; font-weight: 900; color: #690017; display: block; margin-bottom: 4px; }
.trust-card span { font-size: 13px; color: #64748B; }

/* EXPERTISE */
.ind-expertise { padding: 70px 0; background: #F5F6F8; }
.expertise-track { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 10px; }
.exp-step { background: #fff; border: 1px solid #E2E8F0; border-radius: 12px; padding: 28px 20px; text-align: center; position: relative; transition: 0.3s; }
.exp-step:hover { border-color: #690017; box-shadow: 0 8px 24px rgba(105,0,23,0.08); transform: translateY(-3px); }
.exp-dot { width: 44px; height: 44px; border-radius: 50%; background: #690017; color: #D4AF37; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 16px; margin: 0 auto 12px; }
.exp-step span { font-size: 13px; font-weight: 600; color: #690017; }
.exp-step::after { content: '→'; position: absolute; right: -14px; top: 50%; transform: translateY(-50%); color: #D4AF37; font-size: 18px; font-weight: 700; }
.exp-step:last-child::after { display: none; }
.exp-line { display: none; }

/* SUPPORT GRID */
.ind-support { padding: 70px 0; }
.support-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.support-grid div { background: #F5F6F8; border: 1px solid #E2E8F0; padding: 18px; border-radius: 8px; font-size: 13px; font-weight: 600; color: #690017; text-align: center; transition: 0.3s; }
.support-grid div:hover { border-color: #690017; background: #fff0f3; }

/* WHY VERVE */
.ind-why { padding: 70px 0; background: #F5F6F8; }
.why-verve-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.why-verve-grid div { background: #fff; border: 1px solid #E2E8F0; padding: 18px 22px; border-radius: 8px; font-size: 14px; font-weight: 600; color: #690017; transition: 0.3s; }
.why-verve-grid div:hover { border-color: #690017; background: #fff0f3; }

/* ACTIVE */
.active-link { color: #690017 !important; background: #F5F6F8; }

/* RESPONSIVE */
@media (max-width: 1024px) {
    .ind-intro-grid { grid-template-columns: 1fr; }
    .ind-cards-grid { grid-template-columns: 1fr; }
    .trust-grid { grid-template-columns: repeat(2, 1fr); }
    .support-grid { grid-template-columns: repeat(2, 1fr); }
    .why-verve-grid { grid-template-columns: repeat(2, 1fr); }
    .expertise-track { grid-template-columns: repeat(2, 1fr); }
    .exp-step::after { display: none; }
}
@media (max-width: 768px) {
    .ind-hero-content h1 { font-size: 28px; }
    .ind-hero-btns { flex-direction: column; }
    .trust-grid, .support-grid, .why-verve-grid { grid-template-columns: 1fr; }
    .expertise-track { grid-template-columns: 1fr; }
}