/* 유지보수 · 납품 섹션 */
.maintenance {
    padding: 6rem 0;
    background: #f8fffe;
}

/* 카드 그리드 */
.maint-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

/* 카드 */
.maint-card {
    background: #fff;
    border: 1px solid rgba(0, 180, 166, .10);
    border-radius: 20px;
    padding: 2rem;
    box-shadow: 0 8px 30px rgba(0, 180, 166, .08);
    transition: transform .3s ease, box-shadow .3s ease;
    overflow: hidden;
    will-change: transform;
}

.maint-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0, 180, 166, .18);
}

/* 타이틀/텍스트 */
.maint-card h3 {
    margin: 0 0 .75rem;
    font-size: 1.25rem;
    color: #1e293b;
}

.maintenance .bullets {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.65;
    color: #64748b;
    word-break: keep-all;
    /* 단어(어절) 단위 줄바꿈 */
    overflow-wrap: break-word;
    /* 너무 긴 단어는 줄바꿈 허용 */
}

.maintenance .bullets li {
    position: relative;
    padding-left: 1.5rem;
    margin: .35rem 0;
}

.maintenance .bullets li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #00B4A6;
    font-weight: 700;
}

/* CTA */
.maint-cta {
    margin-top: 3rem;
    text-align: center;
}

.btn-maint {
    display: inline-block;
    background: linear-gradient(135deg, #00B4A6 0%, #50E3C2 100%);
    color: #fff;
    text-decoration: none;
    padding: 0.9rem 1.5rem;
    border-radius: 12px;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(0, 180, 166, .3);
    transition: transform .3s ease, box-shadow .3s ease;
}

.btn-maint:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 180, 166, .4);
}

/* 반응형 */
@media (max-width: 768px) {
    .maintenance {
        padding: 4rem 0;
    }

    .maint-card {
        padding: 1.5rem;
    }
}