/* Workflow connecting line */
.workflow-line {
    position: relative;
}

.workflow-line::before {
    content: '';
    position: absolute;
    top: 28px;
    left: 10%;
    right: 10%;
    height: 2px;
    background: #e2e8f0;
}

@media (max-width: 768px) {
    .workflow-line::before {
        display: none;
    }
}

/* Module row alternating layout */
.module-row:nth-child(even) {
    direction: rtl;
}

.module-row:nth-child(even) > * {
    direction: ltr;
}

@media (max-width: 768px) {
    .module-row,
    .module-row:nth-child(even) {
        grid-template-columns: 1fr;
        direction: ltr;
    }
    .module-row:nth-child(even) > * {
        direction: ltr;
    }
}

/* Mockup wireframe cells */
.mockup-cell {
    height: 10px;
    border-radius: 4px;
    background: #e2e8f0;
}

.mockup-cell.w1 { width: 60px; }
.mockup-cell.w2 { width: 100px; }
.mockup-cell.w3 { width: 140px; }
.mockup-cell.w4 { width: 80px; }
.mockup-cell.accent { background: rgba(14,165,233,.2); }
.mockup-cell.green { background: rgba(34,197,94,.2); }
.mockup-cell.amber { background: rgba(245,158,11,.2); }

.mockup-header .mockup-cell {
    height: 8px;
    background: #cbd5e1;
}

/* Feature card checkmark lists */
.check-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.check-list li {
    position: relative;
    padding-left: 20px;
}

.check-list li::before {
    content: "\2713";
    position: absolute;
    left: 0;
    color: #22c55e;
    font-weight: 700;
}