.ind-index {
    --jocra-green: #2D5A3D;
    --jocra-red: #E63946;
    --jocra-dark: #0A0E13;
    --jocra-gray: #6B7280;
    --jocra-light: #F3F4F6;
    padding: 40px 0 20px;
    background: #fff;
}
.ind-index .container-xl { max-width: 1200px; margin: 0 auto; padding: 0 16px; }
.ind-grid { display: flex; flex-direction: column; gap: 20px; }
.ind-card {
    display: block; background: var(--jocra-light); border-radius: 16px; padding: 24px;
    text-decoration: none; color: inherit; transition: all .25s ease; border: 2px solid transparent;
}
.ind-card:hover { background: #fff; border-color: rgba(45,90,61,.2); box-shadow: 0 8px 30px rgba(0,0,0,.1); transform: translateY(-2px); }
.ind-card h3 { font-size: 18px; font-weight: 800; color: var(--jocra-dark); margin: 0 0 8px; }
.ind-card p { font-size: 14px; color: var(--jocra-gray); line-height: 1.6; margin: 0 0 12px; }
.ind-link { display: inline-flex; align-items: center; gap: 8px; color: var(--jocra-red); font-weight: 700; font-size: 13px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

@media (min-width: 768px) {
    .ind-index { padding: 60px 0 20px; }
    .ind-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
}
@media (min-width: 1024px) {
    .ind-grid { grid-template-columns: repeat(3, 1fr); }
}